{{-- Personalization Section --}}
@php
$items = __('approach.personalization.items');
@endphp

<div class="w-full px-4">
    <div class="w-full bg-background px-4 rounded-t-lg py-20">
        <div class="max-w-7xl mx-auto">
            <x-atoms.title
                :subject="__('approach.personalization.subject')"
                :title="__('approach.personalization.title')"
                :subtitle="[__('approach.personalization.subtitle')]"
                align="center"
                class="mb-16 max-w-200 mx-auto" />

            <div class="grid grid-cols-1 md:grid-cols-4 gap-6" data-display-wrapped>
                @foreach($items as $item)
                <x-molecules.icon-card
                    :title="$item['label']"
                    :description="$item['description']"
                    :transparent="true"
                    class="bg-glassmorphism"
                    :showIcon="false"
                    data-display-wrapped />
                @endforeach
            </div>
        </div>
    </div>
</div>