@props(['data' => []])

@php
    $ps = $publicSettings ?? $themeSettings ?? [];
    $ctaUrl = $data['cta_url'] ?? $ps['cta.primary_url'] ?? '/book';
    $ctaText = $data['cta_text'] ?? $ps['cta.primary_text'] ?? 'Book Consultation';
@endphp

<section class="relative overflow-hidden bg-[#030712] section-padding text-white">
    <div class="home-orb home-orb-1 absolute -right-20 top-0 opacity-20" aria-hidden="true"></div>
    <div class="container-page relative z-10 text-center">
        <h2 class="text-[clamp(1.75rem,3.5vw,2.75rem)] font-bold tracking-tight">{{ $data['title'] ?? 'Ready to get started?' }}</h2>
        @if(!empty($data['description']))
            <p class="mx-auto mt-5 max-w-2xl text-lg text-slate-400">{{ $data['description'] }}</p>
        @endif
        <x-ui.button :href="$ctaUrl" size="lg" class="mt-10 shadow-xl shadow-emerald-500/25" data-track-cta="final-cta">
            {{ $ctaText }}
        </x-ui.button>
    </div>
</section>