{{-- Performance Optimization — Diagnostic section --}}
@php
$items = __('solutions.performance_optimization.diagnostic.items');
$images = [
'images/diagnostic-optimization-1.png',
'images/diagnostic-optimization-2.png',
'images/diagnostic-optimization-3.png',
];
@endphp

<section class="w-full py-20">
    <div class="max-w-7xl mx-auto p-4">
        <x-atoms.title
            :title="__('solutions.performance_optimization.diagnostic.title')"
            :subtitle="[__('solutions.performance_optimization.diagnostic.description')]"
            align="center"
            class="max-w-[800px] mx-auto mb-16" />
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" data-display-wrapped>
            @foreach($items as $index => $item)
            <x-molecules.image-block
                :image="$images[$index]"
                :title="$item['title']"
                :alt="$item['image_alt']" />
            @endforeach
        </div>
    </div>
</section>