@props([
    'eyebrow' => null,
    'title',
    'lead' => null,
])

<header class="portal-surface border-b border-white/10">
    <div class="container-vedica py-10 sm:py-12">
        <div class="mx-auto max-w-3xl">
            @if ($eyebrow)
                <p class="text-sm font-medium text-white/70">{{ $eyebrow }}</p>
            @endif
            <h1 class="mt-1 text-3xl font-bold tracking-tight text-white sm:text-4xl">{{ $title }}</h1>
            @if ($lead)
                <p class="mt-3 text-sm leading-relaxed text-white/75 sm:text-base">{{ $lead }}</p>
            @endif
        </div>
    </div>
</header>