{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "faqs-3",
  "description": "Two-column FAQ section featuring bordered layout, vertical guide line, and elegant accordion interactions.",
  "registryDependencies": [
    "accordion"
  ],
  "files": [
    {
      "path": "registry/blocks/faqs/3/faqs-section.tsx",
      "content": "import { PlusIcon } from \"lucide-react\";\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\";\n\nexport function FaqsSection() {\n  return (\n    <section className=\"mx-auto grid min-h-screen w-full max-w-5xl grid-cols-1 md:grid-cols-2 lg:border-x\">\n      <div className=\"px-4 pt-12 pb-6\">\n        <div className=\"space-y-5\">\n          <h2 className=\"text-balance font-bold text-4xl md:text-6xl lg:font-black\">\n            Frequently Asked Questions\n          </h2>\n          <p className=\"text-muted-foreground\">\n            Quick answers to common questions about Freddy. Open any question to\n            learn more.\n          </p>\n          <p className=\"text-muted-foreground\">\n            {\"Can't find what you're looking for? \"}\n            <a className=\"text-primary hover:underline\" href=\"#\">\n              Contact Us\n            </a>\n          </p>\n        </div>\n      </div>\n      <div className=\"relative place-content-center\">\n        {/* vertical guide line */}\n        <div\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute inset-y-0 left-3 h-full w-px bg-border\"\n        />\n\n        <Accordion collapsible type=\"single\">\n          {faqs.map((item) => (\n            <AccordionItem\n              className=\"group relative border-b pl-5 first:border-t last:border-b\"\n              key={item.id}\n              value={item.id}\n            >\n              {/*  plus */}\n              <PlusIcon\n                aria-hidden=\"true\"\n                className=\"-bottom-[5.5px] -translate-x-1/2 pointer-events-none absolute left-[12.5px] size-2.5 text-muted-foreground group-last:hidden\"\n              />\n\n              <AccordionTrigger className=\"px-4 py-4 text-[15px] leading-6 hover:no-underline\">\n                {item.title}\n              </AccordionTrigger>\n\n              <AccordionContent className=\"px-4 pb-4 text-muted-foreground\">\n                {item.content}\n              </AccordionContent>\n            </AccordionItem>\n          ))}\n        </Accordion>\n      </div>\n    </section>\n  );\n}\n\nconst faqs = [\n  {\n    id: \"item-1\",\n    title: \"What is Freddy?\",\n    content:\n      \"Freddy is a collection of beautifully crafted Shadcn UI blocks and components, designed to help developers build modern websites with ease.\",\n  },\n  {\n    id: \"item-2\",\n    title: \"Who can benefit from Freddy?\",\n    content:\n      \"Freddy is built for founders, product teams, and agencies that want to accelerate idea validation and delivery.\",\n  },\n  {\n    id: \"item-3\",\n    title: \"What features does Freddy include?\",\n    content:\n      \"Freddy offers a collaborative workspace where you can design and build beautiful web applications, with reusable UI blocks, deployment automation, and comprehensive analytics all in one place. With Freddy, you can streamline your team’s workflow and deliver high-quality websites quickly and efficiently.\",\n  },\n  {\n    id: \"item-4\",\n    title: \"Can I customize components in Freddy?\",\n    content:\n      \"Yes. Freddy offers editable design systems and code scaffolding so you can tailor blocks to your brand and workflow.\",\n  },\n  {\n    id: \"item-5\",\n    title: \"Does Freddy integrate with my existing tools?\",\n    content:\n      \"Freddy connects with popular source control, design tools, and cloud providers to fit into your current stack.\",\n  },\n  {\n    id: \"item-6\",\n    title: \"How do I get support while using Freddy?\",\n    content:\n      \"You can access detailed docs, community forums, and dedicated customer success channels for help at any time.\",\n  },\n  {\n    id: \"item-7\",\n    title: \"How do I get started with Freddy?\",\n    content:\n      \"You can access detailed docs, community forums, and dedicated customer success channels for help at any time.\",\n  },\n];\n",
      "type": "registry:component"
    }
  ],
  "categories": [
    "faqs"
  ],
  "type": "registry:block"
}