This commit is contained in:
fatihalp 2026-03-08 02:00:54 +03:00
parent 0d53e59dbd
commit 33570c18d3

View File

@ -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>