@php
    $settings = $section->settings ?? [];
    $title = $settings['title'] ?? 'Ready to Scale Up?';
    $subtitle = $settings['subtitle'] ?? 'Start building your next masterpiece with the world\'s most premium digital assets.';
@endphp

<section class="py-32 bg-[#0B0F19] relative overflow-hidden">
    {{-- Animated Background Background --}}
    <div class="absolute inset-0 z-0">
        <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] bg-brand-600/10 blur-[150px] rounded-full animate-pulse"></div>
    </div>

    <div class="container mx-auto px-6 relative z-10 text-center space-y-10">
        <div class="space-y-4 max-w-3xl mx-auto">
            <h2 class="text-4xl md:text-7xl font-black text-white uppercase tracking-tighter leading-none">{{ $title }}</h2>
            <p class="text-xl text-slate-400 font-medium leading-relaxed">{{ $subtitle }}</p>
        </div>

        <div class="flex flex-col sm:flex-row items-center justify-center gap-6">
            <a href="/products" class="h-16 px-12 bg-white text-black rounded-2xl font-black text-xs uppercase tracking-[0.3em] flex items-center justify-center shadow-2xl hover:scale-105 active:scale-95 transition-all">
                Enter Marketplace
            </a>
            <a href="/register" class="h-16 px-12 bg-brand-500 text-white rounded-2xl font-black text-xs uppercase tracking-[0.3em] flex items-center justify-center shadow-2xl hover:scale-105 active:scale-95 transition-all">
                Become Architect
            </a>
        </div>

        <div class="pt-10 flex items-center justify-center gap-12 grayscale opacity-40 group-hover:grayscale-0 group-hover:opacity-100 transition-all">
             {{-- Small partner/trust logos would go here --}}
             <div class="text-[10px] font-black text-white/50 uppercase tracking-[0.5em]">Secured by Antigravity Protocols</div>
        </div>
    </div>
</section>