@php
    $image = $url($data['image'] ?? null);
    $buttonText = ($data['button_text'] ?? '') ?: $ctx->bookText();
@endphp
<section class="{{ $cls }}" {{ $attrs }}>
    <div class="container-page">
        <div @class(['home-cta-panel', 'pb-cta-panel--no-media' => $image === ''])>
            <div class="home-cta-panel__content text-center lg:text-left">
                @if(filled($data['kicker'] ?? null))
                    <p class="home-kicker">{{ $data['kicker'] }}</p>
                @endif
                <h2 class="home-section-title mt-3">{{ $data['title'] ?? '' }}</h2>
                @if(filled($data['subtitle'] ?? null))
                    <p class="home-lead !max-w-none mt-4">{{ $data['subtitle'] }}</p>
                @endif
                <x-ui.button :href="$href($data['button_url'] ?? null, $ctx->bookUrl())" size="lg" class="home-btn mt-8" data-track-cta="page-cta-band">{{ $buttonText }}</x-ui.button>
            </div>
            @if($image !== '')
                <div class="home-cta-panel__media">
                    <img src="{{ $image }}" alt="{{ ($data['image_alt'] ?? '') ?: ($data['title'] ?? '') }}" width="720" height="480" loading="lazy" decoding="async">
                </div>
            @endif
        </div>
    </div>
</section>