{{-- Performance Optimization — Tools section --}}
@php
$items = __('solutions.performance_optimization.tools.items');
$icons = ['bar-chart-3', 'settings', 'users'];
$links = [
localized_route('products.wasoria-box'),
localized_route('products.wasoria-pilot'),
localized_route('products.wasoria-connect'),
];
@endphp

<section class="w-full py-20">
    <div class="max-w-7xl mx-auto">
        <x-atoms.title
            :title="__('solutions.performance_optimization.tools.title')"
            :subtitle="[__('solutions.performance_optimization.tools.subtitle')]"
            align="center"
            class="max-w-[800px] mx-auto mb-16" />
        <div class="grid grid-cols-1 md:grid-cols-3 gap-6" data-display-wrapped>
            @foreach($items as $index => $item)
            <x-molecules.icon-card
                :icon="$icons[$index]"
                :title="$item['tool']"
                :description="$item['description']"
                :transparent="true"
                class="bg-glassmorphism">
                <div class="flex flex-1 justify-center items-end mt-8">
                    <x-atoms.button-link :href="$links[$index]">
                        {{ __('solutions.performance_optimization.tools.discover') }}
                    </x-atoms.button-link>
                </div>
            </x-molecules.icon-card>
            @endforeach
        </div>
    </div>
</section>