{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "faq-03",
  "title": "FAQ 03",
  "description": "A simple FAQ component",
  "dependencies": [
    "lucide-react",
    "radix-ui"
  ],
  "registryDependencies": [
    "accordion"
  ],
  "files": [
    {
      "path": "src/registry/blocks/radix/faq-03/components/faq.tsx",
      "content": "\"use client\";\n\nimport { PlusIcon } from \"lucide-react\";\nimport { Accordion as AccordionPrimitive } from \"radix-ui\";\nimport { useState } from \"react\";\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n} from \"@/registry/bases/radix/ui/accordion\";\nimport { cn } from \"@/lib/utils\";\n\nconst faq = [\n  {\n    question: \"What is your return policy?\",\n    answer:\n      \"You can return unused items in their original packaging within 30 days for a refund or exchange. Contact support for assistance.\",\n  },\n  {\n    question: \"How do I track my order?\",\n    answer:\n      \"Track your order using the link provided in your confirmation email, or log into your account to view tracking details.\",\n  },\n  {\n    question: \"Do you ship internationally?\",\n    answer:\n      \"Yes, we ship worldwide. Shipping fees and delivery times vary by location, and customs duties may apply for some countries.\",\n  },\n  {\n    question: \"What payment methods do you accept?\",\n    answer:\n      \"We accept Visa, MasterCard, American Express, PayPal, Apple Pay, and Google Pay, ensuring secure payment options for all customers.\",\n  },\n  {\n    question: \"What if I receive a damaged item?\",\n    answer:\n      \"Please contact our support team within 48 hours of delivery with photos of the damaged item. We’ll arrange a replacement or refund.\",\n  },\n  {\n    question: \"Can I cancel or change my order?\",\n    answer:\n      \"Yes, you can cancel or change your order within 24 hours of placing it. Contact customer support to make updates.\",\n  },\n  {\n    question: \"Do you offer discounts for bulk purchases?\",\n    answer:\n      \"Yes, we provide special discounts for bulk orders. Contact our sales team with your requirements for a customized quote.\",\n  },\n  {\n    question: \"How long does shipping take?\",\n    answer:\n      \"Shipping usually takes 3-7 business days domestically and 7-14 business days internationally, depending on your location and selected shipping method.\",\n  },\n  {\n    question: \"Are your products eco-friendly?\",\n    answer:\n      \"Many of our products are made with sustainable materials and eco-friendly practices to reduce environmental impact while maintaining quality.\",\n  },\n  {\n    question: \"How can I contact customer support?\",\n    answer:\n      \"Reach out via email at support@example.com or call us at 1-800-123-4567 for assistance with any inquiries.\",\n  },\n];\n\nconst FAQ = () => {\n  const [value, setValue] = useState<string>();\n\n  return (\n    <div className=\"px-6 py-20\">\n      <div className=\"mx-auto w-full max-w-(--breakpoint-lg)\">\n        <h2 className=\"font-medium text-4xl tracking-[-0.04em] md:text-[2.75rem]\">\n          Frequently Asked Questions\n        </h2>\n\n        <div className=\"mt-6 grid w-full gap-x-10 md:grid-cols-2\">\n          <Accordion\n            className=\"w-full\"\n            collapsible\n            onValueChange={setValue}\n            type=\"single\"\n            value={value}\n          >\n            {faq.slice(0, 5).map(({ question, answer }, index) => (\n              <AccordionItem key={question} value={`question-${index}`}>\n                <AccordionPrimitive.Header className=\"flex\">\n                  <AccordionPrimitive.Trigger\n                    className={cn(\n                      \"flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-45\",\n                      \"text-start text-lg\"\n                    )}\n                  >\n                    {question}\n                    <PlusIcon className=\"h-5 w-5 shrink-0 text-muted-foreground transition-transform duration-200\" />\n                  </AccordionPrimitive.Trigger>\n                </AccordionPrimitive.Header>\n                <AccordionContent className=\"text-pretty text-base text-muted-foreground\">\n                  {answer}\n                </AccordionContent>\n              </AccordionItem>\n            ))}\n          </Accordion>\n\n          <Accordion\n            className=\"w-full\"\n            collapsible\n            onValueChange={setValue}\n            type=\"single\"\n            value={value}\n          >\n            {faq.slice(5).map(({ question, answer }, index) => (\n              <AccordionItem key={question} value={`question-${index + 5}`}>\n                <AccordionPrimitive.Header className=\"flex\">\n                  <AccordionPrimitive.Trigger\n                    className={cn(\n                      \"flex flex-1 items-center justify-between py-4 font-medium tracking-tight transition-all hover:underline [&[data-state=open]>svg]:rotate-45\",\n                      \"text-start text-lg\"\n                    )}\n                  >\n                    {question}\n                    <PlusIcon className=\"h-5 w-5 shrink-0 text-muted-foreground transition-transform duration-200\" />\n                  </AccordionPrimitive.Trigger>\n                </AccordionPrimitive.Header>\n                <AccordionContent className=\"text-pretty text-base text-muted-foreground\">\n                  {answer}\n                </AccordionContent>\n              </AccordionItem>\n            ))}\n          </Accordion>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default FAQ;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}