@props(['data'])
@php
    $parent = reset($data);
    $child = array_values(array_slice($data, 1));

@endphp



<!-- Statistics -->
<section class="bg-gray-100 py-4">
    <section
        class="container mx-auto flex flex-col items-center justify-between gap-4 px-2 text-[#2F2B2B] sm:flex-row md:px-[20px] lg:px-[100px] xl:px-[169px]">
        @foreach ($child as $value)
            <div class="text-center">
                <span class="text-3xl text-[#FF4800]"><i class="{{ $value['icone'] }}"></i></span>
                <h1 class="text-[35px] font-extrabold">{{ $value['number'] }}</h1>
                <p class="text-[14px] font-medium text-[#6a6666]">
                    {{ $value['title'] }}
                </p>
            </div>
        @endforeach


    </section>
</section>
