@props([
    'title',
    'body' => null,
    'highlight' => null,
    'eyebrow' => 'READY TO LEVEL UP?',
    'primaryLabel' => 'Free brand review',
    'secondaryHref' => null,
    'secondaryLabel' => 'Contact us',
])
@php
    use App\Support\Highlight;

    $ctaLines = explode('|', (string) $title, 2);
    $secondaryHref = $secondaryHref ?? route('contact');
@endphp
<section class="nova-section nova-final" aria-labelledby="nova-cta-title">
    <div class="nova-wrap">
        <div class="nova-cta">
            <span class="nova-tag nova-tag--light">{{ $eyebrow }}</span>
            <h2 id="nova-cta-title" class="nova-cta__title">
                @if(count($ctaLines) === 2)
                    {!! Highlight::word($ctaLines[0], null) !!}<br>
                    {!! Highlight::word($ctaLines[1], $highlight) !!}
                @else
                    {!! Highlight::word($title, $highlight) !!}
                @endif
            </h2>
            @if($body)
                <p class="nova-cta__body">{{ $body }}</p>
            @endif
            <div class="nova-cta__actions">
                <a href="#" class="nova-btn nova-btn--primary" data-appointment-open>{{ $primaryLabel }}</a>
                <a href="{{ $secondaryHref }}" class="nova-btn nova-btn--ghost">{{ $secondaryLabel }}</a>
            </div>
        </div>
    </div>
</section>