@if (!empty($page_init['section_booking']['status']))
    <section class="relative isolate overflow-hidden py-24 md:py-32" aria-labelledby="page-cta-heading">
        <img class="pointer-events-none absolute inset-0 z-0 h-full w-full object-cover" src="{{ $page_init['section_booking']['image'] ?? '' }}" alt="" aria-hidden="true" width="1920" height="1280" decoding="async" />
        <div class="absolute inset-0 z-[1] bg-lux-ink/55" aria-hidden="true"></div>
        <div class="relative z-10 mx-auto max-w-4xl px-4 text-center md:px-6">
            <p class="scroll-reveal font-script text-4xl text-lux-blush md:text-5xl" data-scroll-reveal>
                {{ $page_init['section_booking']['detail'] ?? '' }}
            </p>
            <h2 class="scroll-reveal mt-6 font-serif text-2xl font-medium uppercase leading-snug tracking-[0.1em] text-white md:text-3xl lg:text-[2.5rem]" id="page-cta-heading" data-scroll-reveal>
                {{ $page_init['section_booking']['name'] ?? '' }}
            </h2>
            <p class="scroll-reveal mx-auto mt-6 max-w-xl text-sm leading-relaxed text-white/85 md:text-base" data-scroll-reveal>
                {{ $page_init['section_booking']['desc'] ?? '' }}
            </p>
            @if (!empty($page_init['section_booking']['link']))
                <div class="scroll-reveal mx-auto mt-10 flex w-full max-w-md flex-col items-stretch justify-center gap-4 sm:max-w-none sm:flex-row sm:flex-wrap sm:items-center sm:justify-center" data-scroll-reveal>
                    <a class="lux-btn w-full justify-center sm:w-auto sm:min-w-[11rem]" href="{{ $page_init['section_booking']['url'] ?? '' }}">
                        {{ __('frontend::messages.nav_book') }}
                    </a>
                    <a class="inline-flex min-h-[3rem] w-full items-center justify-center rounded-full border border-white/50 bg-white/15 px-8 py-3 font-sans uppercase tracking-[0.1em] text-white shadow-sm backdrop-blur-sm transition hover:border-white hover:bg-white/25 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-white sm:w-auto sm:min-w-[11rem]" href="{{ $page_init['section_booking']['contact_url'] ?? '' }}">
                        {{ __('frontend::messages.cta_contact_us') }}
                    </a>
                </div>
            @endif
        </div>
    </section>
@endif