@props([
    'stats' => [],
])

<section class="py-24 bg-gray-50">

    <div class="max-w-7xl mx-auto px-6">

        <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">

            @foreach($stats as $stat)

                <x-website.stat-card
                    :value="$stat['value']"
                    :label="$stat['label']" />

            @endforeach

        </div>

    </div>

</section>