60 lines
3.7 KiB
Plaintext
60 lines
3.7 KiB
Plaintext
<div class="mt-2 sm:m-2 sm:p-4">
|
|
<!-- Primary Action: User Search -->
|
|
<div class="mx-auto max-w-2xl">
|
|
<%= react_component("UserSearchBar", props: {}, prerender: true, strict_mode: true) %>
|
|
</div>
|
|
<!-- Navigation Section -->
|
|
<div class="mx-auto mt-8 max-w-2xl">
|
|
<div class="rounded-lg border border-slate-200 bg-white p-6 shadow-sm">
|
|
<div class="grid gap-4 sm:grid-cols-2">
|
|
<%= link_to domain_posts_path, class: "group flex items-center justify-center gap-3 rounded-lg bg-slate-50 border border-slate-200 p-4 hover:bg-blue-50 hover:border-blue-200 transition-all" do %>
|
|
<div class="flex h-8 w-8 items-center justify-center rounded-lg bg-blue-50 group-hover:bg-blue-100">
|
|
<i class="fas fa-images text-blue-600 group-hover:text-blue-700"></i>
|
|
</div>
|
|
<span class="text-sm font-medium text-slate-700 group-hover:text-slate-800">View All Posts</span>
|
|
<i class="fas fa-arrow-right ml-auto text-xs text-slate-400 group-hover:text-blue-500"></i>
|
|
<% end %>
|
|
<%= link_to visual_search_domain_posts_path, class: "group flex items-center justify-center gap-3 rounded-lg bg-slate-50 border border-slate-200 p-4 hover:bg-emerald-50 hover:border-emerald-200 transition-all" do %>
|
|
<div class="flex h-8 w-8 items-center justify-center rounded-lg bg-emerald-50 group-hover:bg-emerald-100">
|
|
<i class="fas fa-search text-emerald-600 group-hover:text-emerald-700"></i>
|
|
</div>
|
|
<span class="text-sm font-medium text-slate-700 group-hover:text-slate-800">Search by Image</span>
|
|
<i class="fas fa-upload ml-auto text-xs text-slate-400 group-hover:text-emerald-500"></i>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Feature announcement -->
|
|
<div class="mx-auto mt-6 max-w-2xl rounded-lg border border-blue-100 bg-blue-50/50 p-4">
|
|
<div class="flex items-start gap-3">
|
|
<span class="rounded-full bg-blue-100 px-2 py-0.5 text-xs font-medium text-blue-800">New</span>
|
|
<div class="flex-1 text-sm text-slate-700">
|
|
Try the <%= link_to "FurAffinity User Recommender",
|
|
furecs_user_script_path,
|
|
class: "text-blue-700 underline decoration-blue-300 underline-offset-2 hover:decoration-blue-500 font-medium" %> user script to discover similar artists and users!
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Contact Section -->
|
|
<div class="mx-auto max-w-2xl">
|
|
<div class="border-t border-slate-200 pt-8">
|
|
<div class="text-center">
|
|
<div class="mb-4">
|
|
<p class="text-sm text-slate-600">Have questions, suggestions, or found a bug?</p>
|
|
<p class="text-xs text-slate-500 mt-1">Get in touch with @DeltaNoises</p>
|
|
</div>
|
|
<div class="flex flex-col gap-3 sm:flex-row sm:justify-center sm:gap-6">
|
|
<%= link_to "https://t.me/DeltaNoises", target: "_blank", class: "group inline-flex items-center justify-center gap-2 px-4 py-2 text-sm font-medium text-slate-600 bg-slate-50 border border-slate-200 rounded-lg hover:bg-slate-100 hover:text-slate-700 transition-all" do %>
|
|
<i class="fab fa-telegram text-blue-500 group-hover:text-blue-600"></i>
|
|
<span>Message on Telegram</span>
|
|
<% end %>
|
|
<%= link_to "https://bsky.app/profile/delta.refurrer.com", target: "_blank", class: "group inline-flex items-center justify-center gap-2 px-4 py-2 text-sm font-medium text-slate-600 bg-slate-50 border border-slate-200 rounded-lg hover:bg-slate-100 hover:text-slate-700 transition-all" do %>
|
|
<i class="fas fa-cloud text-sky-500 group-hover:text-sky-600"></i>
|
|
<span>Follow on BlueSky</span>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|