FAQ, grouped

npx shadcn add @klarhimmel/faq-grouped

import { Theme } from '@/components/klarhimmel/theme/style';
import { BlockSurface } from '@/components/klarhimmel/blocks/surface';
import FaqGrouped from '@/components/klarhimmel/blocks/faq-grouped';

export default function Section() {
  return (
    <Theme theme="brand">
      <BlockSurface>
        <FaqGrouped props={{
          "eyebrow": "Questions",
          "title": "Everything people ask before they sign up",
          "description": "Cannot find yours? Write to us and a person answers, usually within the hour.",
          "groups": [
            {
              "name": "Getting started",
              "summary": "Setup in an afternoon.",
              "items": [
                {
                  "question": "How long does setup take?",
                  "answer": "Most properties are live the same day. Import your rooms and rates from a spreadsheet, check the preview, and publish."
                },
                {
                  "question": "Do I need to move my existing bookings?",
                  "answer": "No. Keep them where they are. Northlight reads your calendar and only adds new bookings going forward."
                }
              ]
            },
            {
              "name": "Billing",
              "summary": "Plain pricing, no surprises.",
              "items": [
                {
                  "question": "Is there a contract?",
                  "answer": "No. Plans renew monthly and you can cancel from the settings page. We refund the unused part of the month."
                },
                {
                  "question": "Can I change plan later?",
                  "answer": "Any time. The change applies from the next day and the difference is credited automatically."
                },
                {
                  "question": "Do you charge per booking?",
                  "answer": "No. The price is the price. Payment providers charge their own fees, and we show them to you in the invoice."
                }
              ]
            },
            {
              "name": "Privacy and data",
              "summary": "Your guests, your data.",
              "items": [
                {
                  "question": "Where is guest data stored?",
                  "answer": "In the EU, encrypted at rest. We never sell or share guest details, and you can export or delete everything yourself."
                },
                {
                  "question": "Is it GDPR compliant?",
                  "answer": "Yes. We sign a data processing agreement with every customer, on request and at no cost."
                }
              ]
            }
          ]
        }} />
      </BlockSurface>
    </Theme>
  );
}