<div class="relative h-64 md:h-80 lg:h-96 overflow-hidden">
    <img src="{{ $image ?? 'https://images.unsplash.com/photo-1621905251189-08b45d6a269e?w=1920&q=80' }}" alt="{{ $title ?? 'Bannière' }}" class="w-full h-full object-cover">
    <div class="absolute inset-0 flex items-center justify-center">
        <div class="text-center text-white px-4">
            <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-2">{{ $title ?? 'Page' }}</h1>
            @if(isset($subtitle))
            <p class="text-lg md:text-xl text-slate-200">{{ $subtitle }}</p>
            @endif
        </div>
    </div>
</div>
