{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "faqs-01",
  "title": "Centered accordion FAQ",
  "description": "Centered headline plus an accordion of common questions — the bread-and-butter FAQ layout.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "accordion",
    "button"
  ],
  "files": [
    {
      "path": "content/components/faqs/faqs-01.tsx",
      "content": "import { ArrowRight, MessageCircle, Sparkles } from \"lucide-react\"\n\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\"\nimport { Button } from \"@/components/ui/button\"\n\nconst faqs = [\n  {\n    q: \"What is blockus?\",\n    a: \"blockus is a paid catalog of production-ready React sections — heroes, pricing, footers and more — built on shadcn/ui and Tailwind v4.\",\n  },\n  {\n    q: \"How do I install a block?\",\n    a: \"Wire @blockus in your components.json then run pnpm dlx shadcn@latest add @blockus/<block-id>. The block lands as a single .tsx file with its dependencies.\",\n  },\n  {\n    q: \"Do I need a Pro account?\",\n    a: \"Free blocks are public. Pro blocks require a token tied to a Solo or Team purchase — generate one from /account/registry-token.\",\n  },\n  {\n    q: \"Can I use blocks in client work?\",\n    a: \"Yes. The license covers personal, side-hustle and client projects for as long as the URLs resolve.\",\n  },\n  {\n    q: \"What about refunds?\",\n    a: \"All sales are final. No refunds, no chargebacks, no surprises.\",\n  },\n]\n\nexport default function Faqs01() {\n  return (\n    <section className=\"bg-background py-20 sm:py-28\">\n      <div className=\"mx-auto max-w-3xl px-6 sm:px-10\">\n        <div className=\"flex flex-col items-center gap-3 text-center\">\n          <span className=\"inline-flex items-center gap-1.5 rounded-full border border-border bg-card px-3 py-1 text-xs font-medium text-muted-foreground shadow-sm shadow-black/5\">\n            <Sparkles className=\"size-3 text-amber-500\" />\n            FAQ\n          </span>\n          <h2\n            className=\"text-balance font-semibold tracking-tight\"\n            style={{\n              fontSize: \"clamp(1.85rem, 4vw, 2.75rem)\",\n              letterSpacing: \"-0.03em\",\n              lineHeight: 1.08,\n            }}\n          >\n            Frequently asked questions\n          </h2>\n          <p className=\"max-w-xl text-balance text-muted-foreground\">\n            Quick answers to the questions we get the most. Can&apos;t find\n            yours? Write to{\" \"}\n            <a\n              href=\"#\"\n              className=\"font-medium text-foreground underline-offset-4 hover:underline\"\n            >\n              hey@blockus.dev\n            </a>\n            .\n          </p>\n        </div>\n\n        <Accordion type=\"single\" collapsible className=\"mt-12\">\n          {faqs.map((f, i) => (\n            <AccordionItem key={f.q} value={`item-${i}`}>\n              <AccordionTrigger>{f.q}</AccordionTrigger>\n              <AccordionContent>{f.a}</AccordionContent>\n            </AccordionItem>\n          ))}\n        </Accordion>\n\n        <div className=\"mt-10 flex flex-col items-center justify-between gap-3 rounded-2xl border border-dashed border-border bg-muted/30 p-5 sm:flex-row\">\n          <div className=\"flex items-center gap-3\">\n            <span className=\"grid size-9 shrink-0 place-items-center rounded-full bg-foreground text-background\">\n              <MessageCircle className=\"size-4\" />\n            </span>\n            <div className=\"flex flex-col leading-tight\">\n              <p className=\"text-sm font-medium text-foreground\">\n                Still have a question?\n              </p>\n              <p className=\"text-xs text-muted-foreground\">\n                We reply within four business hours.\n              </p>\n            </div>\n          </div>\n          <Button size=\"sm\" className=\"rounded-full\">\n            Ask us anything\n            <ArrowRight />\n          </Button>\n        </div>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:block",
      "target": "components/blocks/faqs-01.tsx"
    }
  ],
  "categories": [
    "faqs"
  ],
  "type": "registry:block"
}