@props(['data' => []])

<section class="section-padding bg-white">
    <div class="container-page">
        <div class="mx-auto max-w-3xl text-center">
            <span class="home-eyebrow">Why us</span>
            <h2 class="section-heading mt-6">{{ $data['title'] ?? 'Why Us' }}</h2>
        </div>
        <div class="mt-8 grid gap-5 md:grid-cols-3">
            @foreach($data['items'] ?? [] as $item)
                <div class="premium-card p-8 transition hover:-translate-y-1 hover:border-primary/20">
                    <div class="text-3xl">{{ $item['icon'] ?? '✓' }}</div>
                    <h3 class="mt-5 text-lg font-bold text-secondary">{{ $item['title'] ?? '' }}</h3>
                    <p class="mt-3 text-sm leading-relaxed text-muted">{{ $item['description'] ?? $item['text'] ?? '' }}</p>
                </div>
            @endforeach
        </div>
    </div>
</section>