@php $fw = $full_width ?? false; @endphp
<section class="relative overflow-hidden bg-gradient-to-br from-indigo-950 via-indigo-900 to-violet-900 text-white">
    @if(!empty($image_url))
    <div class="absolute inset-0 bg-cover bg-center" style="background-image: url('{{ $image_url }}')"></div>
    <div class="absolute inset-0 bg-black/50"></div>
    @endif
    <div class="relative {{ $fw ? 'px-6 sm:px-10' : 'max-w-4xl mx-auto px-4 sm:px-6' }} py-24 sm:py-32 text-center">
        @if(!empty($title))
        <h1 class="text-4xl sm:text-5xl lg:text-6xl font-black leading-tight mb-6">{{ $title }}</h1>
        @endif
        @if(!empty($subtitle))
        <p class="text-lg sm:text-xl text-white/80 mb-10 {{ $fw ? '' : 'max-w-2xl mx-auto' }}">{{ $subtitle }}</p>
        @endif
        @if(!empty($button_text) && !empty($button_url))
        <a href="{{ $button_url }}"
           class="inline-flex items-center px-8 py-3 bg-white text-indigo-900 font-semibold rounded-xl hover:bg-indigo-50 transition-colors shadow-lg">
            {{ $button_text }}
        </a>
        @endif
    </div>
</section>
