FAQ

<section class="py-24">
  <div class="container max-w-3xl">
    <h2 class="text-3xl font-bold text-center mb-16">
      Frequently Asked Questions
    </h2>
    <div class="space-y-4">
      <!-- FAQ item -->
      <details class="group border rounded-lg">
        <summary class="flex cursor-pointer items-center justify-between p-4 font-medium">
          What is your refund policy?
          <span class="transition group-open:rotate-180">▼</span>
        </summary>
        <div class="px-4 pb-4 text-muted-foreground">
          We offer a 30-day money-back guarantee. If you're not
          satisfied, contact us for a full refund.
        </div>
      </details>
    </div>
  </div>
</section>