{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "faqs-4",
  "title": "FAQ 4 – Centered accordion with supporting panel",
  "description": "A clean, centered FAQ accordion paired with a narrow sidebar version. Uses a strong section header and clear dividers for easy scanning, with an optional support link at the end. Works well for product or marketing pages where FAQs are a secondary section, not the main focus.",
  "registryDependencies": ["accordion", "@shadcncraft/section-heading"],
  "files": [
    {
      "path": "blocks/pro-marketing/faqs/faqs-4/index.tsx",
      "content": "import {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\";\nimport {\n  SectionHeading,\n  SectionHeadingTagline,\n  SectionHeadingTitle,\n} from \"@/components/shadcncraft/pro-marketing/section-heading\";\n\nexport function Faqs4() {\n  return (\n    <section className=\"py-12 lg:py-20\">\n      <div className=\"mx-auto flex max-w-7xl flex-col gap-16 px-5 lg:px-0\">\n        {/* Section Heading */}\n        <div className=\"mx-auto w-full max-w-2xl\">\n          <SectionHeading alignment=\"center\">\n            <SectionHeadingTagline>FAQ</SectionHeadingTagline>\n            <SectionHeadingTitle>Your questions answered</SectionHeadingTitle>\n          </SectionHeading>\n        </div>\n\n        {/* FAQs Accordion */}\n        <div className=\"mx-auto w-full max-w-2xl\">\n          <Accordion type=\"single\" className=\"w-full\">\n            {faqsData.map((faq) => (\n              <AccordionItem key={faq.question} value={faq.question}>\n                <AccordionTrigger className=\"text-base\">{faq.question}</AccordionTrigger>\n                <AccordionContent>{faq.answer}</AccordionContent>\n              </AccordionItem>\n            ))}\n          </Accordion>\n        </div>\n\n        {/* Contact CTA */}\n        <div className=\"mx-auto w-full max-w-2xl text-center\">\n          <p className=\"text-muted-foreground\">\n            Still have questions? We&apos;re here to help.{\" \"}\n            <a href=\"#\" className=\"text-foreground underline\">\n              Contact support\n            </a>\n          </p>\n        </div>\n      </div>\n    </section>\n  );\n}\n\nconst faqsData = [\n  {\n    question: \"What is Acme Inc.?\",\n    answer:\n      \"Acme Inc. is a productivity platform designed to help teams work smarter and faster. It provides tools for collaboration, project management, and workflow optimization.\",\n  },\n  {\n    question: \"How do I get started?\",\n    answer:\n      \"Getting started is easy. Sign up for a free account, complete the onboarding process, and you'll be ready to use Acme Inc. in minutes.\",\n  },\n  {\n    question: \"What are the pricing plans?\",\n    answer:\n      \"We offer flexible pricing plans to suit teams of all sizes. Visit our pricing page to see detailed information about each plan and choose the one that fits your needs.\",\n  },\n  {\n    question: \"Is there a free trial?\",\n    answer:\n      \"Yes, we offer a free trial period so you can explore all features before committing to a paid plan. No credit card required.\",\n  },\n  {\n    question: \"Can I cancel anytime?\",\n    answer:\n      \"Absolutely. You can cancel your subscription at any time from your account settings. There are no long-term contracts or cancellation fees.\",\n  },\n  {\n    question: \"Do you offer customer support?\",\n    answer:\n      \"Yes, we provide customer support via email and chat. Premium plans include priority support with faster response times.\",\n  },\n];\n",
      "type": "registry:component",
      "target": "@components/shadcncraft/pro-marketing/faqs/faqs-4/index.tsx"
    }
  ],
  "meta": {
    "tier": "free",
    "figmaNodeId": "17859-93945",
    "bundle": "pro-marketing"
  },
  "categories": ["faqs"],
  "type": "registry:block"
}