{{-- Closing invitation with Let's Connect and Book a Call as parallel actions (PRD §9.9). Booking hides when off. --}}
@inject('booking', 'App\Domain\Site\Support\BookingState')
@inject('cta', 'App\Domain\Site\Settings\CtaSettings')
@php($dark = $vm->get('variant', 'dark') !== 'light')
<x-section :vm="$vm" :tone="$dark ? 'navy' : 'surface'">
    <div class="container-site text-center">
        <h2 class="mx-auto max-w-3xl text-h2">{{ $vm->get('heading') }}</h2>
        @if ($vm->get('text'))
            <p @class(['mx-auto mt-4 max-w-[var(--container-prose)] text-lead', 'text-muted' => $dark, 'text-muted' => ! $dark])>{{ $vm->get('text') }}</p>
        @endif
        <div class="mt-8 flex flex-wrap justify-center gap-3">
            @if ($vm->get('show_contact', true))
                <x-button :href="route('contact')" variant="primary" track="cta_click" :track-props="['cta' => 'final_connect', 'location' => 'final_cta']">{{ $cta->connect_label }}</x-button>
            @endif
            @if ($vm->get('show_booking', true) && $booking->enabled())
                <x-button :href="$booking->url()" variant="secondary" :on-dark="$dark" :new-tab="$booking->opensExternally()"
                          track="booking_cta_click" :track-props="['location' => 'final_cta']">{{ $cta->book_call_label }}</x-button>
            @endif
        </div>
    </div>
</x-section>