{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "faq-accordion",
  "title": "Centered FAQ accordion",
  "description": "Centered heading over an accordion of eight questions, closed by a contact row.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "utils",
    "accordion",
    "button",
    "https://velora.colorlib.com/r/avatar-circles.json",
    "https://velora.colorlib.com/r/blur-fade.json",
    "https://velora.colorlib.com/r/grid-pattern.json"
  ],
  "files": [
    {
      "path": "src/components/blocks/faq-accordion.tsx",
      "content": "import { MessageCircleIcon } from \"lucide-react\";\n\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\";\nimport { Button } from \"@/components/ui/button\";\nimport { AvatarCircles } from \"@/components/velora/avatar-circles\";\nimport { BlurFade } from \"@/components/velora/blur-fade\";\nimport { DotPattern } from \"@/components/velora/grid-pattern\";\n\nconst FAQS = [\n  {\n    question: \"How does the 14-day free trial work?\",\n    answer:\n      \"Sign up with your work email and you get every feature for 14 days — no credit card needed. When the trial ends you can pick a plan or drop to the free tier; nothing is deleted either way.\",\n  },\n  {\n    question: \"Can I change plans later?\",\n    answer:\n      \"Yes. Upgrades take effect immediately and are prorated to the day. Downgrades apply at the end of your current billing period, so you never lose time you've paid for.\",\n  },\n  {\n    question: \"Who counts as a paid seat?\",\n    answer:\n      \"Anyone who can create or edit work. Viewers, commenters and external guests are free and unlimited on every paid plan.\",\n  },\n  {\n    question: \"Can I import from the tools we already use?\",\n    answer:\n      \"Our importers bring over projects, docs, comments and attachments from most popular project and wiki tools in a few minutes. For large workspaces, our team will run the migration with you.\",\n  },\n  {\n    question: \"Where is our data stored, and is it secure?\",\n    answer:\n      \"Data is encrypted in transit and at rest, stored in the EU or US region of your choice, and backed up every hour. We're SOC 2 Type II audited and publish our security report on request.\",\n  },\n  {\n    question: \"Does it work offline?\",\n    answer:\n      \"The desktop and mobile apps keep your recent projects available offline and sync your changes the moment you reconnect.\",\n  },\n  {\n    question: \"Do you offer discounts for non-profits or education?\",\n    answer:\n      \"Registered non-profits, schools and universities get 50% off any paid plan. Send us proof of status from your organisation's email and we'll apply it the same day.\",\n  },\n  {\n    question: \"How do I cancel my subscription?\",\n    answer:\n      \"From Settings → Billing, in two clicks. You keep access until the end of the period, and you can export your whole workspace at any time.\",\n  },\n];\n\nconst SUPPORT_TEAM = [\"Nora Vance\", \"Luis Ortega\", \"Amara Obi\"];\n\n/**\n * Centered FAQ: a single-open accordion of common questions, then a\n * contact row for anything the list doesn't answer.\n */\nexport function FaqAccordion() {\n  return (\n    <section className=\"relative isolate overflow-hidden px-6 py-24 sm:py-32 lg:px-8\">\n      <DotPattern\n        aria-hidden\n        className=\"absolute inset-0 -z-10 size-full fill-foreground/10 [mask-image:radial-gradient(ellipse_at_top,black,transparent_55%)]\"\n      />\n\n      <div className=\"mx-auto max-w-3xl\">\n        <BlurFade className=\"text-center\">\n          <p className=\"text-sm font-medium text-primary\">FAQ</p>\n          <h2 className=\"mt-3 text-3xl font-semibold tracking-tight text-balance sm:text-5xl\">\n            Questions, answered\n          </h2>\n          <p className=\"mx-auto mt-5 max-w-xl text-lg text-pretty text-muted-foreground\">\n            Everything you need to know about trials, billing and your data.\n            Can&apos;t find what you&apos;re looking for? We&apos;re a message\n            away.\n          </p>\n        </BlurFade>\n\n        <BlurFade delay={0.1} className=\"mt-14\">\n          <Accordion\n            type=\"single\"\n            collapsible\n            defaultValue=\"item-0\"\n            className=\"rounded-2xl border bg-card/80 px-6 shadow-sm backdrop-blur sm:px-8\"\n          >\n            {FAQS.map((faq, i) => (\n              <AccordionItem key={faq.question} value={`item-${i}`}>\n                <AccordionTrigger className=\"py-5 text-base hover:no-underline hover:text-primary\">\n                  {faq.question}\n                </AccordionTrigger>\n                <AccordionContent className=\"pr-8 pb-5 text-[0.9375rem] leading-relaxed text-pretty text-muted-foreground\">\n                  {faq.answer}\n                </AccordionContent>\n              </AccordionItem>\n            ))}\n          </Accordion>\n        </BlurFade>\n\n        <BlurFade delay={0.2} className=\"mt-10\">\n          <div className=\"flex flex-col items-center gap-6 rounded-2xl border border-dashed bg-muted/40 p-6 text-center sm:flex-row sm:p-8 sm:text-left\">\n            <AvatarCircles\n              people={SUPPORT_TEAM}\n              aria-hidden\n              className=\"shrink-0\"\n            />\n            <div className=\"flex-1\">\n              <h3 className=\"font-semibold\">Still have questions?</h3>\n              <p className=\"mt-1 text-sm text-pretty text-muted-foreground\">\n                Our support team replies within a few hours, every day of the\n                week.\n              </p>\n            </div>\n            <Button\n              asChild\n              size=\"lg\"\n              className=\"h-10 shrink-0 rounded-full px-5\"\n            >\n              <a href=\"#\">\n                <MessageCircleIcon aria-hidden />\n                Contact support\n              </a>\n            </Button>\n          </div>\n        </BlurFade>\n      </div>\n    </section>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/blocks/faq-accordion.tsx"
    }
  ],
  "categories": [
    "faq-sections"
  ],
  "type": "registry:block"
}