@php
    $numbers = [
        [
            'img' => '/kepek/vadvirag-residence/lakasok-szama.svg',
            'alt_text' => __('155 lakás'),
        ],
        [
            'img' => '/kepek/vadvirag-residence/epuletek-szama.svg',
            'alt_text' => __('9 épület'),
        ],
        [
            'img' => '/kepek/vadvirag-residence/energiabesorolas.svg',
            'alt_text' => __('AA+ energetikai besorolás'),
        ],
        [
            'img' => '/kepek/vadvirag-residence/atadas.svg',
            'alt_text' => __('Átadás: 2026'),
        ],
    ];
@endphp

<div class="grid grid-cols-2 gap-4 md:grid-cols-4">
    @foreach ($numbers as $number)
        <div>
            <x-frontend.animation type="flip-up" delay="{{ $loop->index * 100 }}">
                <img class="mx-auto" src="{{ asset($number['img']) }}" alt="{{ $number['alt_text'] }}" width="220"
                    height="220">
            </x-frontend.animation>
        </div>
    @endforeach
</div>