@php $imageRight = ($data['image_position'] ?? 'left') === 'right'; @endphp
<section class="{{ $cls }}" {{ $attrs }}>
    <div class="container-page">
        <div class="home-split home-split--equal home-split--center">
            @if(filled($data['image'] ?? null))
                <figure @class(['home-figure', 'lg:order-2' => $imageRight])>
                    <img src="{{ $url($data['image']) }}" alt="{{ $data['image_alt'] ?? '' }}" width="720" height="480" class="home-editorial-photo" loading="lazy" decoding="async">
                    @if(filled($data['caption'] ?? null))
                        <figcaption class="home-figure-caption">{{ $data['caption'] }}</figcaption>
                    @endif
                </figure>
            @endif

            <div class="min-w-0">
                @if(filled($data['kicker'] ?? null))
                    <p class="home-kicker">{{ $data['kicker'] }}</p>
                @endif
                @if(filled($data['title'] ?? null))
                    <h2 class="home-section-title mt-3">{{ $data['title'] }}</h2>
                @endif
                @if(filled($data['content'] ?? null))
                    <div class="prose-premium mt-5 max-w-none">{!! $data['content'] !!}</div>
                @endif
                @if(filled($data['button_text'] ?? null))
                    <x-ui.button :href="$href($data['button_url'] ?? null, $ctx->bookUrl())" class="home-btn mt-8">{{ $data['button_text'] }}</x-ui.button>
                @endif
            </div>
        </div>
    </div>
</section>