{{-- Wasoria Pilot — Integrations section (inside gradient-layout bg-background card) --}}
@php
$icons = ['monitor', 'zap', 'globe'];
$items = __('products.wasoria_pilot.integrations.items');
@endphp

<section class="w-full px-4">
    <div class="w-full h-full px-4 pt-20 pb-30 bg-background rounded-lg">
        <div class="w-full mx-auto max-w-7xl p-4 py-20">
            <x-atoms.title
                :title="__('products.wasoria_pilot.integrations.title')"
                :subtitle="[__('products.wasoria_pilot.integrations.subtitle')]"
                align="center"
                class="mb-16 max-w-[800px] mx-auto" />
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                @foreach($items as $index => $item)
                <x-molecules.icon-card
                    :transparent="true"
                    class="bg-glassmorphism"
                    :icon="$icons[$index] ?? 'zap'"
                    :title="$item['title']"
                    :description="$item['description']" />
                @endforeach
            </div>
        </div>
    </div>
</section>