FAQ, columns

npx shadcn add @klarhimmel/faq-columns

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

export default function Section() {
  return (
    <Theme theme="brand">
      <BlockSurface>
        <FaqColumns props={{
          "eyebrow": "Questions",
          "title": "Answers before you ask",
          "description": "Can not find what you need? Write to us and a person will reply within a working day.",
          "items": [
            {
              "question": "Can I try it before I pay?",
              "answer": "Yes. Every paid plan starts with 14 days free and needs no card. Starter stays free for as long as you like."
            },
            {
              "question": "How do I move my existing projects?",
              "answer": "Import from a spreadsheet or another planning tool. Owners, dates and files come across, and we can help with larger moves."
            },
            {
              "question": "Can clients see their own work?",
              "answer": "Share one project through a review link. Clients comment and approve without an account and never see the rest of your workspace."
            },
            {
              "question": "What happens to my data if I leave?",
              "answer": "Export everything as open files at any time. After you cancel we keep your workspace for 30 days, then delete it."
            },
            {
              "question": "Do you offer discounts for non-profits?",
              "answer": "Registered non-profits and schools get 30% off any paid plan. Write to us with your details and we will set it up."
            },
            {
              "question": "Where is my data stored?",
              "answer": "In European data centres, encrypted in transit and at rest. Business plans can choose a specific region."
            }
          ]
        }} />
      </BlockSurface>
    </Theme>
  );
}