feat: ship creator journey v2 and profile updates

resources/views/web/home.blade.php

@@ -4,10 +4,16 @@
 
 @push('head')
     {{-- Preload hero image for faster LCP --}}
-    @if(!empty($props['hero']['thumb_lg']))
-        <link rel="preload" as="image" href="{{ $props['hero']['thumb_lg'] }}">
+    @if(!empty($props['hero']['thumb']) || !empty($props['hero']['thumb_lg']))
+        <link
+            rel="preload"
+            as="image"
+            href="{{ $props['hero']['thumb_lg'] ?? $props['hero']['thumb'] }}"
+            @if(!empty($props['hero']['thumb_srcset'])) imagesrcset="{{ $props['hero']['thumb_srcset'] }}" imagesizes="100vw" @endif
+            fetchpriority="high"
+        >
     @elseif(!empty($props['hero']['thumb']))
-        <link rel="preload" as="image" href="{{ $props['hero']['thumb'] }}">
+        <link rel="preload" as="image" href="{{ $props['hero']['thumb'] }}" fetchpriority="high">
     @endif
 @endpush
 
@@ -21,17 +27,18 @@
         {!! json_encode($props, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE | JSON_HEX_TAG | JSON_HEX_AMP) !!}
     </script>
 
-    <div id="homepage-root" class="min-h-[40vh]">
-        {{-- Loading skeleton (replaced by React on hydration) --}}
-        <div class="space-y-10 px-4 pt-10 sm:px-6 lg:px-8">
-            <div class="h-14 rounded-2xl bg-nova-800/70"></div>
-            <div class="grid gap-4 lg:grid-cols-4">
-                <div class="aspect-video rounded-2xl bg-nova-800/70"></div>
-                <div class="aspect-video rounded-2xl bg-nova-800/70"></div>
-                <div class="aspect-video rounded-2xl bg-nova-800/70"></div>
-                <div class="aspect-video rounded-2xl bg-nova-800/70"></div>
-            </div>
-        </div>
+    <div id="homepage-root">
+        @if(!empty($props['is_logged_in']))
+            @include('web.home.skeleton-sections', [
+                'showWelcomeSpacer' => true,
+                'variants' => ['gallery', 'gallery', 'gallery', 'gallery', 'gallery', 'gallery', 'gallery', 'gallery', 'collections', 'groups', 'categories', 'creators', 'tags', 'creators', 'news', 'cta'],
+            ])
+        @else
+            @include('web.home.skeleton-sections', [
+                'showWelcomeSpacer' => false,
+                'variants' => ['gallery', 'gallery', 'gallery', 'gallery', 'gallery', 'collections', 'groups', 'categories', 'tags', 'creators', 'news', 'cta'],
+            ])
+        @endif
     </div>
 
     @vite(['resources/js/Pages/Home/HomePage.jsx'])