@props([
    'eyebrow' => null,
    'title',
    'description' => null,
])
<section class="bg-white border-b border-stone-900/5">
    <div class="mx-auto max-w-7xl px-4 py-16 sm:px-6 sm:py-24 lg:px-8">
        @if ($eyebrow)
            <p class="text-[13px] font-semibold uppercase tracking-[0.2em] text-accent-600">{{ $eyebrow }}</p>
        @endif
        <h1 class="mt-3 max-w-3xl text-4xl font-bold tracking-tight text-stone-900 sm:text-5xl">{{ $title }}</h1>
        @if ($description)
            <p class="mt-5 max-w-2xl text-lg leading-relaxed text-stone-600">{{ $description }}</p>
        @endif
    </div>
</section>