updated gallery

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

@@ -11,21 +11,23 @@
     ];
 @endphp
 
-<div class="relative overflow-hidden nb-hero-radial border-b border-white/10">
-    <div class="absolute inset-0 nb-hero-gradient" aria-hidden="true"></div>
-    <div class="absolute inset-0 opacity-20 bg-[radial-gradient(ellipse_80%_60%_at_50%_-10%,#E07A2130,transparent)]" aria-hidden="true"></div>
-
-    <div class="relative px-6 py-12 md:px-10 md:py-14">
-        <div class="mt-2 py-4">
-            <p class="text-xs font-semibold uppercase tracking-widest text-white/30 mb-4">Browse</p>
-            <h1 class="text-4xl md:text-5xl font-bold tracking-tight text-white/95 leading-tight flex items-center gap-3">
-                <i class="fa-solid fa-newspaper text-sky-400 text-3xl"></i>
-                Browse Stories
-            </h1>
-            <p class="mt-3 text-base text-neutral-400 max-w-3xl">List of all published stories across tutorials, creator journals, interviews, and project breakdowns.</p>
-        </div>
-    </div>
-</div>
+<x-nova-page-header
+    section="Stories"
+    title="Browse Stories"
+    icon="fa-newspaper"
+    :breadcrumbs="$breadcrumbs ?? collect()"
+    description="List of all published stories across tutorials, creator journals, interviews, and project breakdowns."
+    contentClass="max-w-3xl"
+    actionsClass="lg:pt-8"
+>
+    <x-slot name="actions">
+        <a href="{{ route('creator.stories.create') }}"
+           class="inline-flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium border border-white/[0.08] bg-white/[0.04] text-white/70 hover:bg-white/[0.08] hover:text-white transition-colors">
+            <i class="fa-solid fa-pen-nib text-xs"></i>
+            Write Story
+        </a>
+    </x-slot>
+</x-nova-page-header>
 
 <div class="border-b border-white/10 bg-nova-900/90 backdrop-blur-md">
     <div class="px-6 md:px-10">