updated gallery

resources/views/web/discover/index.blade.php

@@ -1,25 +1,27 @@
 @extends('layouts.nova')
 
+@php
+    $discoverBreadcrumbs = collect([
+        (object) ['name' => 'Discover', 'url' => '/discover/trending'],
+        (object) ['name' => $page_title ?? 'Discover', 'url' => request()->path()],
+    ]);
+@endphp
+
 @section('content')
 
-{{-- ── Hero header ── --}}
-<div class="px-6 pt-10 pb-6 md:px-10">
-    <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
-        <div>
-            <p class="text-xs font-semibold uppercase tracking-widest text-white/30 mb-1">Discover</p>
-            <h1 class="text-3xl font-bold text-white leading-tight flex items-center gap-3">
-                <i class="fa-solid {{ $icon ?? 'fa-compass' }} text-sky-400 text-2xl"></i>
-                {{ $page_title ?? 'Discover' }}
-            </h1>
-            @isset($description)
-            <p class="mt-1 text-sm text-white/50">{{ $description }}</p>
-            @endisset
-        </div>
-
-        {{-- Section switcher pills --}}
+<x-nova-page-header
+    section="Discover"
+    :title="$page_title ?? 'Discover'"
+    :icon="$icon ?? 'fa-compass'"
+    :breadcrumbs="$discoverBreadcrumbs"
+    :description="$description ?? null"
+    headerClass="pb-6"
+    actionsClass="lg:pt-8"
+>
+    <x-slot name="actions">
         @include('web.discover._nav', ['section' => $section ?? ''])
-    </div>
-</div>
+    </x-slot>
+</x-nova-page-header>
 
 {{-- ── Artwork grid (React MasonryGallery) ── --}}
 @php
@@ -39,14 +41,16 @@
     ])->values();
     $galleryNextPageUrl = method_exists($artworks, 'nextPageUrl') ? $artworks->nextPageUrl() : null;
 @endphp
-<div
-    data-react-masonry-gallery
-    data-artworks="{{ json_encode($galleryArtworks) }}"
-    data-gallery-type="{{ $section ?? 'discover' }}"
-    @if ($galleryNextPageUrl) data-next-page-url="{{ $galleryNextPageUrl }}" @endif
-    data-limit="24"
-    class="min-h-32"
-></div>
+<section class="px-6 pt-8 md:px-10">
+    <div
+        data-react-masonry-gallery
+        data-artworks="{{ json_encode($galleryArtworks) }}"
+        data-gallery-type="{{ $section ?? 'discover' }}"
+        @if ($galleryNextPageUrl) data-next-page-url="{{ $galleryNextPageUrl }}" @endif
+        data-limit="24"
+        class="min-h-32"
+    ></div>
+</section>
 
 @endsection