{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "faqs-16",
  "title": "Centered single-column accordion",
  "description": "Minimal centered FAQ with a clean accordion and inline email CTA — no frills, just answers.",
  "registryDependencies": [
    "accordion"
  ],
  "files": [
    {
      "path": "content/components/faqs/faqs-16.tsx",
      "content": "import {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\"\n\nconst faqs = [\n  {\n    q: \"What is blockus?\",\n    a: \"blockus is a paid catalog of production-ready React sections — heroes, pricing cards, footers and more — built on shadcn/ui and Tailwind v4. Drop them in, swap the copy, ship.\",\n  },\n  {\n    q: \"How do I install a block?\",\n    a: \"Add @blockus to your components.json registries map, then run pnpm dlx shadcn@latest add @blockus/<block-id>. The block lands as a single .tsx file with all its dependencies resolved.\",\n  },\n  {\n    q: \"Which stack do I need?\",\n    a: \"Next.js 15+ (App Router), React 19, Tailwind v4 and shadcn/ui. The blocks read your CSS variables — they track your theme automatically.\",\n  },\n  {\n    q: \"What does the Pro license cover?\",\n    a: \"Personal projects, side products and client work. You can use any block inside as many products as you want for as long as the registry URLs resolve.\",\n  },\n  {\n    q: \"Can I resell the blocks?\",\n    a: \"No. The license covers use inside products you build; you can't repackage or resell the blocks themselves.\",\n  },\n  {\n    q: \"What about refunds?\",\n    a: \"All sales are final. The free blocks let you stress-test the workflow before committing.\",\n  },\n]\n\nexport default function Faqs16() {\n  return (\n    <section className=\"bg-background py-20 sm:py-28\">\n      <div className=\"mx-auto max-w-2xl px-6 sm:px-10\">\n        <div className=\"flex flex-col items-center gap-3 text-center\">\n          <span className=\"text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground\">\n            FAQ\n          </span>\n          <h2\n            className=\"text-balance font-semibold tracking-tight text-foreground\"\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-md text-balance text-muted-foreground\">\n            Everything you need before you buy. Still unsure? Write to{\" \"}\n            <a\n              href=\"mailto:hey@blockus.dev\"\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 className=\"text-left\">\n                {f.q}\n              </AccordionTrigger>\n              <AccordionContent className=\"text-muted-foreground\">\n                {f.a}\n              </AccordionContent>\n            </AccordionItem>\n          ))}\n        </Accordion>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:block",
      "target": "components/blocks/faqs-16.tsx"
    }
  ],
  "categories": [
    "faqs"
  ],
  "type": "registry:block"
}