{{-- Wasoria Box — IA Features section --}}
@php
$icons = ['brain', 'zap', 'target', 'trending-up'];
$features = __('products.wasoria_box.ia_features');
@endphp

<section class="w-full bg-background py-20">
    <div class="max-w-7xl mx-auto p-4">
        <x-atoms.title
            :title="__('products.wasoria_box.ia.title')"
            :subtitle="[__('products.wasoria_box.ia.subtitle')]"
            align="center"
            class="mb-8 max-w-[800px] mx-auto" />
        <p class="text-center text-lg text-muted-foreground max-w-[900px] mx-auto mb-12">
            {{ __('products.wasoria_box.ia.description') }}
        </p>
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
            @foreach($features as $index => $feature)
            <x-molecules.icon-card
                :transparent="true"
                class="bg-glassmorphism"
                :icon="$icons[$index] ?? 'zap'"
                :title="$feature['title']"
                :description="$feature['description']"
                position="center" />
            @endforeach
        </div>
    </div>
</section>