@extends('layouts.nova')

@php($useUnifiedSeo = true)

@push('head')
    {{-- Preload hero image for faster LCP --}}
    @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'] }}" fetchpriority="high">
    @endif
@endpush

@section('main-class', '')

@section('content')
    @include('web.home.hero', ['artwork' => $props['hero'] ?? null])

    {{-- Inline props for the React component (avoids data-attribute length limits) --}}
    <script id="homepage-props" type="application/json">
        {!! json_encode($props, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE | JSON_HEX_TAG | JSON_HEX_AMP) !!}
    </script>

    <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'])
@endsection