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

<section class="section-padding bg-white">
    <div class="container-page max-w-3xl">
        <div class="text-center">
            <span class="home-eyebrow">FAQ</span>
            <h2 class="section-heading mt-6">{{ $data['title'] ?? 'Frequently asked questions' }}</h2>
        </div>
        <div class="mt-12">
            <x-ui.accordion :items="$data['items'] ?? []" />
        </div>
    </div>
</section>