@props(['stats'])

<!-- Section Chiffres Clés -->
<section class="py-16 bg-primary-900 text-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
            @foreach($stats as $stat)
                <div class="text-center">
                    <div class="text-5xl sm:text-6xl font-bold mb-2 text-primary-300">
                        {{ $stat['value'] }}
                    </div>
                    <div class="text-base sm:text-lg font-medium text-primary-100">
                        {{ $stat['label'] }}
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</section>