@php
    $variant = $data['variant'] ?? 'immersive';
    $image = $url($data['image'] ?? null);
    $title = ($data['title'] ?? '') ?: ($pageTitle ?? '');
    $trail = ! empty($data['show_breadcrumbs'])
        ? ($crumbs ?: [['label' => 'Home', 'url' => url('/')], ['label' => $pageTitle ?: $title]])
        : [];
    $primaryText = ($data['primary_text'] ?? '') ?: $ctx->bookText();
@endphp
<div class="pb-section pb-section--detail-hero {{ $vis }}" {{ $attrs }}>
    <x-public.detail-hero
        :variant="$variant"
        :title="$title"
        :subtitle="($data['subtitle'] ?? '') ?: null"
        :image="$image ?: null"
        :image-alt="($data['image_alt'] ?? '') ?: $title"
        :breadcrumbs="$trail"
    >
        @if(filled($data['kicker'] ?? null))
            <x-slot:eyebrow>
                <p class="home-kicker">{{ $data['kicker'] }}</p>
            </x-slot:eyebrow>
        @endif
        <x-slot:actions>
            <x-ui.button :href="$href($data['primary_url'] ?? null, $ctx->bookUrl())" size="lg" class="home-btn" data-track-cta="detail-hero-primary">{{ $primaryText }}</x-ui.button>
            @if(filled($data['secondary_text'] ?? null))
                <a href="{{ $href($data['secondary_url'] ?? null, '#') }}" class="home-text-link">{{ $data['secondary_text'] }}</a>
            @endif
        </x-slot:actions>
    </x-public.detail-hero>
</div>