{{--
    Site CTA — matches seokenya orange theme (not dark band).
    Pass split => true for homepage-style col-8 content + col-4 visual.
--}}
<section class="sk-cta{{ !empty($split) ? ' sk-cta--split' : '' }}" id="{{ $id ?? 'audit' }}">
    <div class="container">
        @if(!empty($split))
            <div class="row align-items-center g-4 g-lg-5">
                <div class="col-lg-8">
                    <div class="sk-cta__inner sk-cta__inner--split">
                        @if(!empty($eyebrow))
                            <p class="sk-cta__eyebrow">{{ $eyebrow }}</p>
                        @endif
                        <h2 class="sk-cta__title">{!! $title ?? 'Optimise for <span class="sk-cta__accent">Revenue.</span>' !!}</h2>
                        @if(!empty($text))
                            <p class="sk-cta__text">{{ $text }}</p>
                        @endif
                        <div class="sk-cta__actions">
                            <a href="{{ $primaryUrl ?? \App\Support\Consultation::url('free_discovery', ['ref' => 'cta']) }}" class="btn btn-primary btn-lg px-4">
                                {{ $primaryBtn ?? 'Get free consultation' }}
                            </a>
                            @if(!empty($altBtn) || !empty($altUrl))
                                <a href="{{ $altUrl ?? 'https://wa.me/254704043466' }}"
                                   class="btn btn-outline-primary btn-lg px-4"
                                   target="_blank" rel="noopener noreferrer">
                                    {{ $altBtn ?? 'Talk to SEO Expert' }}
                                </a>
                            @endif
                        </div>
                        @if(!empty($panelNote))
                            <p class="sk-cta__note mb-0">{{ $panelNote }}</p>
                        @endif
                    </div>
                </div>
                <div class="col-lg-4">
                    <figure class="sk-cta__visual mb-0">
                        <img src="{{ asset($visual ?? config('specialist.brand.chart')) }}"
                             alt="{{ $visualAlt ?? 'Revenue growth from SEO' }}"
                             class="sk-cta__visual-img{{ empty($visual) ? ' sk-cta__visual-img--chart' : '' }}"
                             width="480"
                             height="360"
                             loading="lazy">
                    </figure>
                </div>
            </div>
        @else
            <div class="sk-cta__inner{{ !empty($centered) ? ' sk-cta__inner--center' : '' }}">
                @if(!empty($eyebrow))
                    <p class="sk-cta__eyebrow">{{ $eyebrow }}</p>
                @endif
                <h2 class="sk-cta__title">{!! $title ?? 'Optimise for <span class="sk-cta__accent">Revenue.</span>' !!}</h2>
                @if(!empty($text))
                    <p class="sk-cta__text">{{ $text }}</p>
                @endif
                <div class="sk-cta__actions{{ !empty($centered) ? ' sk-cta__actions--center' : '' }}">
                    <a href="{{ $primaryUrl ?? \App\Support\Consultation::url('free_discovery', ['ref' => 'cta']) }}" class="btn btn-primary btn-lg px-4">
                        {{ $primaryBtn ?? 'Get free consultation' }}
                    </a>
                    @if(!empty($altBtn) || !empty($altUrl))
                        <a href="{{ $altUrl ?? 'https://wa.me/254704043466' }}"
                           class="btn btn-outline-primary btn-lg px-4"
                           target="_blank" rel="noopener noreferrer">
                            {{ $altBtn ?? 'Talk to SEO Expert' }}
                        </a>
                    @endif
                </div>
                @if(!empty($panelNote))
                    <p class="sk-cta__note mb-0">{{ $panelNote }}</p>
                @endif
            </div>
        @endif
    </div>
</section>