@php($features = collect(range(1, 6))->map(fn ($i) => ['icon' => section_config("feature{$i}_icon", 'bi-hdd-stack'), 'title' => section_config("feature{$i}_title", 'Lorem ipsum dolor sit amet'), 'description' => section_config("feature{$i}_description", 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.')]))
<section class="pt-20 pb-12 lg:pt-[120px] lg:pb-[90px] dark:bg-dark"><div class="container mx-auto"><div class="mx-auto mb-12 max-w-[510px] text-center"><span class="text-primary mb-2 block text-lg font-semibold">{{ section_config('badge', 'Lorem ipsum') }}</span><h2 class="text-dark dark:text-white mb-3 text-3xl font-bold sm:text-4xl">{{ section_config('title', 'Lorem ipsum') }}</h2><p class="text-body-color dark:text-dark-6">{{ section_config('subtitle', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.') }}</p></div><div class="flex flex-wrap">@foreach($features as $feature)<div class="w-full px-4 md:w-1/2 lg:w-1/3"><div class="mb-9 rounded-[20px] bg-white dark:bg-neutral-800 p-10 shadow-2"><div class="bg-primary mb-8 flex h-[70px] w-[70px] items-center justify-center rounded-2xl"><i class="bi {{ $feature['icon'] }} text-white"></i></div><h4 class="text-dark dark:text-white mb-[14px] text-2xl font-semibold">{{ $feature['title'] }}</h4><p class="text-body-color dark:text-dark-6">{{ $feature['description'] }}</p></div></div>@endforeach</div></div></section>