{{-- Performance Optimization — What We Measure section --}}
<section class="w-full bg-background py-20">
    <div class="max-w-7xl mx-auto p-4">
        <x-atoms.title
            :title="__('solutions.performance_optimization.what_we_measure.title')"
            :subtitle="[__('solutions.performance_optimization.what_we_measure.subtitle')]"
            align="center"
            class="mb-16 max-w-[800px] mx-auto" />
        <div class="grid grid-cols-1 md:grid-cols-3 gap-8" data-display-wrapped>
            @foreach(__('solutions.performance_optimization.what_we_measure.items') as $index => $item)
            <x-molecules.icon-card
                :icon="['bar-chart-3', 'settings', 'users'][$index]"
                :title="$item['title']"
                :description="$item['description']"
                :transparent="true"
                class="bg-glassmorphism" />
            @endforeach
        </div>
    </div>
</section>