{{-- Wasoria Pilot — Use Cases section --}}
@php
$cases = __('products.wasoria_pilot.use_cases.cases');
$caseImages = [
'images/product/analyse_detections.webp',
'images/product/incendie_thermal.webp',
'images/product/maintenance.jpg',
];
@endphp

<section class="w-full py-20">
    <div class="w-full mx-auto max-w-7xl p-4">
        <x-atoms.title
            :title="__('products.wasoria_pilot.use_cases.title')"
            :subtitle="[__('products.wasoria_pilot.use_cases.subtitle')]"
            align="center"
            class="mb-16 max-w-[800px] mx-auto" />
        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
            @foreach($cases as $index => $case)
            <x-molecules.image-block
                :image="$caseImages[$index] ?? ''"
                :title="$case['title']"
                :description="$case['description']"
                :alt="$case['image_alt'] ?? $case['title']"
                class="w-full" />
            @endforeach
        </div>
    </div>
</section>