mirror of
https://github.com/openclassify/openclassify.git
synced 2026-04-14 11:12:09 -05:00
33
This commit is contained in:
parent
0d53e59dbd
commit
33570c18d3
@ -1,48 +1,8 @@
|
|||||||
@php
|
@php
|
||||||
$categoryCount = $categories->count();
|
$categoryCount = $categories->count();
|
||||||
$subcategoryCount = $categories->sum(fn ($category) => $category->children->count());
|
|
||||||
@endphp
|
@endphp
|
||||||
|
|
||||||
<div class="max-w-[1320px] mx-auto px-4 py-5 md:py-7 space-y-7">
|
<div class="max-w-[1320px] mx-auto px-4 py-5 md:py-7 space-y-7">
|
||||||
<section class="overflow-hidden rounded-[28px] border border-slate-200/80 bg-white shadow-sm">
|
|
||||||
<div class="grid gap-8 px-6 py-8 md:px-10 md:py-10 lg:grid-cols-[1.2fr,0.8fr] lg:items-end">
|
|
||||||
<div class="space-y-5">
|
|
||||||
<span class="inline-flex items-center rounded-full border border-blue-200 bg-blue-50 px-4 py-1.5 text-xs font-semibold uppercase tracking-[0.24em] text-blue-700">
|
|
||||||
Browse categories
|
|
||||||
</span>
|
|
||||||
<div class="space-y-3">
|
|
||||||
<h1 class="max-w-3xl text-3xl font-extrabold tracking-tight text-slate-950 md:text-5xl">
|
|
||||||
Find the right marketplace section without leaving the same frontend shell.
|
|
||||||
</h1>
|
|
||||||
<p class="max-w-2xl text-base leading-7 text-slate-600 md:text-lg">
|
|
||||||
Explore every top-level category from one clean directory. Header, footer, spacing, and navigation now stay aligned with the rest of the site.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="flex flex-wrap gap-3">
|
|
||||||
<a href="{{ route('listings.index') }}" class="inline-flex min-h-12 items-center justify-center rounded-full bg-blue-600 px-6 text-sm font-semibold text-white shadow-sm transition hover:bg-blue-700">
|
|
||||||
Browse all listings
|
|
||||||
</a>
|
|
||||||
<a href="{{ route('home') }}" class="inline-flex min-h-12 items-center justify-center rounded-full border border-slate-200 bg-white px-6 text-sm font-semibold text-slate-700 transition hover:border-slate-300 hover:text-slate-950">
|
|
||||||
Go home
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="grid gap-4 sm:grid-cols-2">
|
|
||||||
<div class="rounded-[24px] border border-slate-200 bg-slate-50 p-5">
|
|
||||||
<p class="text-sm font-medium text-slate-500">Root categories</p>
|
|
||||||
<p class="mt-3 text-3xl font-extrabold tracking-tight text-slate-950">{{ number_format($categoryCount, 0, '.', ',') }}</p>
|
|
||||||
<p class="mt-2 text-sm text-slate-600">Only top-level sections are shown first for a simpler directory.</p>
|
|
||||||
</div>
|
|
||||||
<div class="rounded-[24px] border border-slate-200 bg-slate-50 p-5">
|
|
||||||
<p class="text-sm font-medium text-slate-500">Subcategories</p>
|
|
||||||
<p class="mt-3 text-3xl font-extrabold tracking-tight text-slate-950">{{ number_format($subcategoryCount, 0, '.', ',') }}</p>
|
|
||||||
<p class="mt-2 text-sm text-slate-600">Each card previews its most relevant child sections before you drill in.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="space-y-4">
|
<section class="space-y-4">
|
||||||
<div class="flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between">
|
<div class="flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between">
|
||||||
<div>
|
<div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user