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

@php
    $title ??= $site->get('home.cta_title');
    $text ??= $site->get('home.cta_text');
@endphp

{{--
    Dernier appel de la page : un bloc sable centré, sans bordure. C'est le seul
    aplat de couleur de la plupart des pages, ce qui suffit à le détacher.
--}}
<section class="bg-sunken py-section">
    <div class="site-container flex flex-col items-center text-center">
        <h2 class="display-section max-w-xl">{{ $title }}</h2>

        @if ($text)
            <p class="lead mt-5">{{ $text }}</p>
        @endif

        <div class="mt-10 flex flex-wrap items-center justify-center gap-x-8 gap-y-4">
            <x-site.booking-button />

            <a href="{{ route('site.contact') }}" class="btn-text">
                Poser une question
                <svg class="size-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true">
                    <path d="M5 12h14M13 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
            </a>
        </div>
    </div>
</section>