@php
    $settings = $section->settings ?? [];
    $title = $settings['title'] ?? 'Why Choose Us?';
    $subtitle = $settings['subtitle'] ?? 'We provide high-quality digital assets for your business.';
    $items = $settings['features'] ?? $settings['items'] ?? [];
@endphp

<section class="py-20 bg-white dark:bg-dark-surface border-b border-border-subtle" id="section-{{ $section->id }}">
    <div class="container px-6 mx-auto">
        <div class="text-center max-w-3xl mx-auto mb-16">
            <h2 class="text-3xl md:text-4xl font-display font-800 text-text-base mb-4">
                {{ $title }}
            </h2>
            <p class="text-text-muted">
                {{ $subtitle }}
            </p>
        </div>

        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
            @foreach($items as $item)
                <div class="p-8 border border-border-subtle rounded-2xl bg-white/5 flex flex-col items-center text-center">
                    <div class="w-12 h-12 bg-brand-500/10 text-brand-500 rounded-xl flex items-center justify-center mb-6">
                        <i data-lucide="{{ $item['icon'] ?? 'check-circle' }}" class="w-6 h-6"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">{{ $item['title'] ?? 'Feature' }}</h3>
                    <p class="text-sm text-text-muted">{{ $item['desc'] ?? 'Description goes here' }}</p>
                </div>
            @endforeach
        </div>
    </div>
</section>