@if (!empty($page_init['section_contact']))
    <section class="py-20 md:py-16 relative overflow-hidden">
        <div class="absolute inset-0 bg-[linear-gradient(135deg,#0A0DB0_0%,#7C3AED_36%,#16A34A_72%,#0F7A4A_100%)]"></div>
        <div class="absolute inset-0 bg-[radial-gradient(circle_at_24%_28%,color-mix(in_srgb,#7C3AED_42%,white)_0%,transparent_46%),radial-gradient(circle_at_78%_74%,color-mix(in_srgb,#16A34A_36%,white)_0%,transparent_54%),linear-gradient(180deg,rgba(255,255,255,0.06)_0%,rgba(20,16,80,0.14)_52%,rgba(6,18,52,0.24)_100%)]"></div>
        <div class="container mx-auto px-4 lg:px-8 relative z-10">
            <div class="text-center max-w-4xl mx-auto">
                <div class="inline-flex items-center justify-center w-20 h-20 rounded-full bg-white/10 backdrop-blur-sm mb-8">
                    <svg class="w-10 h-10 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" />
                    </svg>
                </div>
                <h2 class="text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-6 text-balance drop-shadow-[0_4px_18px_rgba(0,0,0,0.55)]">
                    {{ $page_init['section_contact']['name'] ?? '' }}
                </h2>
                <p class="text-xl text-white/95 mb-10 text-balance leading-relaxed drop-shadow-[0_2px_10px_rgba(0,0,0,0.45)]">
                    {{ $page_init['section_contact']['desc'] ?? '' }}
                </p>
                <div class="flex flex-col sm:flex-row items-center justify-center gap-4">
                    <a class="inline-flex items-center justify-center rounded-full bg-white text-[var(--primary)] hover:bg-white/90 px-8 py-4 text-lg font-semibold transition-colors" href="{{ !empty($page_init['link_contact']['url']) ? $page_init['link_contact']['url'] : 'javascript:void(0)' }}">
                        {{ __('frontend::lang.btn.contact_us') }}
                        <svg class="ml-2 w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" />
                        </svg>
                    </a>
                </div>
            </div>
        </div>
    </section>
@endif