@php($d = $data ?? [])
@php($ae = $adminEditable ?? false)
<section class="bg-[#0a0a0b] py-20">
    <div class="max-w-3xl mx-auto px-6 text-center">
        @if (!empty($d['heading']) || $ae)
            <h2 @if($ae) contenteditable="true" data-field="heading" data-oneline="1" @endif class="text-white text-3xl sm:text-4xl font-bold tracking-tight mb-4">{{ $d['heading'] ?? '' }}</h2>
        @endif
        @if (!empty($d['text']) || $ae)
            <p @if($ae) contenteditable="true" data-field="text" @endif class="text-white/60 text-[15px] mb-8">{{ $d['text'] ?? '' }}</p>
        @endif
        @php($hasButtons = (!empty($d['button_text']) && !empty($d['button_url'])) || (!empty($d['button2_text']) && !empty($d['button2_url'])) || !empty($d['extra_buttons']))
        @if ($hasButtons || $ae)
            <div class="flex flex-wrap items-center justify-center gap-4">
                @if ((!empty($d['button_text']) && !empty($d['button_url'])) || $ae)
                    <a href="{{ $d['button_url'] ?? '#' }}" @if($ae) contenteditable="true" data-field="button_text" data-oneline="1" @endif class="bg-white text-[#0a0a0b] font-semibold text-[15px] px-8 py-3.5 rounded-full hover:bg-white/90 transition-all duration-200">{{ $d['button_text'] ?? '' }}</a>
                @endif
                @if ((!empty($d['button2_text']) && !empty($d['button2_url'])) || $ae)
                    <a href="{{ $d['button2_url'] ?? '#' }}" target="{{ str_starts_with($d['button2_url'] ?? '', 'http') ? '_blank' : '_self' }}" rel="noreferrer" @if($ae) contenteditable="true" data-field="button2_text" data-oneline="1" @endif class="border border-white/40 text-white font-semibold text-[15px] px-8 py-3.5 rounded-full hover:bg-white/10 transition-all duration-200">{{ $d['button2_text'] ?? '' }}</a>
                @endif
                @foreach ($d['extra_buttons'] ?? [] as $btn)
                    <a href="{{ $btn['url'] }}"
                       target="{{ str_starts_with($btn['url'], 'http') ? '_blank' : '_self' }}" rel="noreferrer"
                       class="{{ ($btn['style'] ?? 'outline') === 'solid'
                           ? 'bg-white text-[#0a0a0b] hover:bg-white/90'
                           : 'border border-white/40 text-white hover:bg-white/10' }} font-semibold text-[15px] px-8 py-3.5 rounded-full transition-all duration-200">{{ $btn['text'] }}</a>
                @endforeach
            </div>
        @endif
    </div>
</section>