{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "faqs-1",
  "title": "Centered FAQ Accordion",
  "description": "FAQ accordion centered under a heading, with five collapsible questions covering plans, plan changes, free trials, billing, and data security.",
  "dependencies": [
    "@base-ui/react"
  ],
  "registryDependencies": [
    "accordion"
  ],
  "files": [
    {
      "path": "registry/blocks/faqs/1/faqs-block.tsx",
      "content": "import {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\"\n\nconst faqs = [\n  {\n    q: \"What is included in each plan?\",\n    a: \"Every plan includes the core platform, unlimited projects, and access to the component library. Higher tiers add advanced analytics, priority support, and SSO.\",\n  },\n  {\n    q: \"Can I change my plan later?\",\n    a: \"Yes. You can upgrade or downgrade at any time from your billing settings, and changes are prorated automatically.\",\n  },\n  {\n    q: \"Do you offer a free trial?\",\n    a: \"All paid plans come with a 14-day free trial. No credit card is required to get started.\",\n  },\n  {\n    q: \"How does billing work?\",\n    a: \"We bill monthly or annually, and annual plans save you two months. You can cancel anytime with no hidden fees.\",\n  },\n  {\n    q: \"Is my data secure?\",\n    a: \"Your data is encrypted in transit and at rest, and we run regular third-party security audits to keep it safe.\",\n  },\n]\n\nexport default function FaqsBlock() {\n  return (\n    <section className=\"flex w-full items-center justify-center bg-background px-6 py-12 text-foreground\">\n      <div className=\"w-full max-w-2xl\">\n        <div className=\"text-center\">\n          <h2 className=\"font-heading text-3xl font-bold tracking-tight sm:text-4xl\">\n            Frequently asked questions\n          </h2>\n          <p className=\"mt-3 text-muted-foreground\">\n            Answers to the questions we hear most often.\n          </p>\n        </div>\n\n        <Accordion defaultValue={[faqs[0].q]} className=\"mt-10\">\n          {faqs.map(({ q, a }) => (\n            <AccordionItem key={q} value={q}>\n              <AccordionTrigger className=\"py-4 text-base font-medium\">\n                {q}\n              </AccordionTrigger>\n              <AccordionContent className=\"pb-4 text-base text-muted-foreground\">\n                {a}\n              </AccordionContent>\n            </AccordionItem>\n          ))}\n        </Accordion>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/blocks/faqs-1.tsx"
    }
  ],
  "meta": {
    "height": "578px",
    "tier": "free"
  },
  "categories": [
    "faqs"
  ],
  "type": "registry:block"
}