{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "faq-section-1",
  "title": "FAQ Section 1",
  "description": "Frequently asked questions with accordion interface and CTA card",
  "registryDependencies": [
    "accordion",
    "button",
    "https://shadcndesign-free.vercel.app/r/styles.json",
    "https://shadcndesign-free.vercel.app/r/tagline.json"
  ],
  "files": [
    {
      "path": "components/pro-blocks/landing-page/faq-sections/faq-section-1.tsx",
      "content": "\"use client\";\n\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\";\nimport { Button } from \"@/components/ui/button\";\nimport Link from \"next/link\";\nimport { Tagline } from \"@/components/pro-blocks//landing-page/tagline\";\n\nexport function FaqSection1() {\n  return (\n    <section\n      className=\"bg-background section-padding-y\"\n      aria-labelledby=\"faq-heading\"\n    >\n      <div className=\"container-padding-x mx-auto flex max-w-2xl flex-col gap-10 md:gap-12\">\n        <div className=\"section-title-gap-lg flex flex-col items-center text-center\">\n          <Tagline>FAQ section</Tagline>\n          <h1 id=\"faq-heading\" className=\"heading-lg text-foreground\">\n            Frequently asked questions\n          </h1>\n          <p className=\"text-muted-foreground text-lg/8 text-pretty\">\n            We've compiled the most important information to help you get the\n            most out of your experience. Can't find what you're looking for?{\" \"}\n            <Link href=\"#\" className=\"text-primary underline\">\n              Contact us.\n            </Link>\n          </p>\n        </div>\n\n        <Accordion type=\"single\" defaultValue=\"item-1\" aria-label=\"FAQ items\">\n          <AccordionItem value=\"item-1\">\n            <AccordionTrigger className=\"text-left text-base font-medium\">\n              What is shadcn/ui?\n            </AccordionTrigger>\n            <AccordionContent className=\"text-muted-foreground text-sm\">\n              Shadcn/ui is a popular, open-source UI component library for React\n              that focuses on flexibility and customization. It provides a set\n              of accessible, customizable components that you can use to build\n              modern web applications.\n            </AccordionContent>\n          </AccordionItem>\n\n          <AccordionItem value=\"item-2\">\n            <AccordionTrigger className=\"text-left text-base font-medium\">\n              What is shadcn/ui kit for Figma?\n            </AccordionTrigger>\n            <AccordionContent className=\"text-muted-foreground text-sm\">\n              The shadcn/ui kit for Figma is a comprehensive design resource\n              that mirrors the components and styling of the shadcn/ui library.\n            </AccordionContent>\n          </AccordionItem>\n\n          <AccordionItem value=\"item-3\">\n            <AccordionTrigger className=\"text-left text-base font-medium\">\n              I'm not familiar with shadcn/ui. Can I still use this kit?\n            </AccordionTrigger>\n            <AccordionContent className=\"text-muted-foreground text-sm\">\n              Yes, you can still use this kit even if you're new to shadcn/ui.\n              The components are designed to be intuitive and easy to use.\n            </AccordionContent>\n          </AccordionItem>\n\n          <AccordionItem value=\"item-4\">\n            <AccordionTrigger className=\"text-left text-base font-medium\">\n              Can I create multi-brand design systems with this UI kit?\n            </AccordionTrigger>\n            <AccordionContent className=\"text-muted-foreground text-sm\">\n              Yes, the UI kit is designed to be flexible and can be customized\n              for multiple brands and design systems.\n            </AccordionContent>\n          </AccordionItem>\n\n          <AccordionItem value=\"item-5\">\n            <AccordionTrigger className=\"text-left text-base font-medium\">\n              How will this kit save me time?\n            </AccordionTrigger>\n            <AccordionContent className=\"text-muted-foreground text-sm\">\n              This kit provides pre-built components and consistent styling,\n              reducing development and design time significantly.\n            </AccordionContent>\n          </AccordionItem>\n\n          <AccordionItem value=\"item-6\">\n            <AccordionTrigger className=\"text-left text-base font-medium\">\n              How does this improve my collaboration with developers?\n            </AccordionTrigger>\n            <AccordionContent className=\"text-muted-foreground text-sm\">\n              The kit provides a shared language and consistent components that\n              both designers and developers can reference.\n            </AccordionContent>\n          </AccordionItem>\n        </Accordion>\n\n        <div className=\"bg-muted/60 flex w-full flex-col items-center gap-6 rounded-xl p-6 md:p-8\">\n          <div className=\"flex flex-col gap-2 text-center\">\n            <h2 className=\"text-foreground heading-sm\">Need more help?</h2>\n            <p className=\"text-muted-foreground text-base text-pretty\">\n              Have questions or need assistance? Our team is here to help!\n            </p>\n          </div>\n          <Button aria-label=\"Contact our support team\">Contact us</Button>\n        </div>\n      </div>\n    </section>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/pro-blocks/landing-page/faq-sections/faq-section-1.tsx"
    }
  ],
  "type": "registry:component"
}