@props([
    'settings',
    'editorial' => false,
    'ctaHref' => null,
])

<section aria-labelledby="final-cta-heading" @class([
    'border-t border-amare-border bg-amare-bg-deep py-20',
    'home-chapter' => $editorial,
]) data-chapter="final-cta" data-reveal-group>
    <div class="container-amare max-w-4xl space-y-6 py-4" data-reveal data-reveal-from="up">
        @unless ($editorial)
            <p class="text-xs font-semibold uppercase tracking-[0.14em] text-amare-accent">Próximo passo</p>
        @endunless
        <h2 id="final-cta-heading" class="text-headline font-medium text-amare-text">Do casamento ao evento corporativo, tudo começa com uma boa conversa.</h2>
        <p class="max-w-2xl text-amare-muted">
            Compartilhe as primeiras informações do seu evento. A Amare retorna para entender o contexto e orientar os próximos passos.
        </p>
        <div>
            <a
                href="{{ $ctaHref ?? route('briefing') }}"
                class="btn btn-primary text-sm font-semibold uppercase tracking-[0.12em]"
            >
                {{ $settings->hero_cta_label ?: 'Solicitar proposta' }}
            </a>
        </div>
    </div>
</section>