{{-- Full-width image band: drone and site photography at full scale. --}}
<x-immersive-band :src="$block->image" :alt="$block->heading ?: ''" height="lg">
    <div class="max-w-2xl" data-reveal>
        @if ($block->subheading)
            <p class="eyebrow mb-4 text-white/60">{{ $block->subheading }}</p>
        @endif

        @if ($block->heading)
            <h2 class="font-display text-headline font-bold text-white">{{ $block->heading }}</h2>
        @endif

        @if ($block->body)
            <div class="prose-content prose-invert mt-4 text-white/75">{!! $block->body !!}</div>
        @endif

        @if ($block->cta_label)
            <x-button variant="on-dark" :href="$block->cta_url ?: '#'" class="mt-7" arrow>{{ $block->cta_label }}</x-button>
        @endif
    </div>
</x-immersive-band>