{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "faq-06",
  "title": "FAQ 06",
  "description": "A simple FAQ component",
  "dependencies": [
    "lucide-react"
  ],
  "files": [
    {
      "path": "src/registry/blocks/radix/faq-06/components/faq.tsx",
      "content": "import { PlusIcon } from \"lucide-react\";\nimport { Accordion as AccordionPrimitive } from \"radix-ui\";\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\nconst FAQ = () => {\n  return (\n    <div className=\"px-6 py-20\">\n      <div className=\"mx-auto w-full max-w-2xl\">\n        <h2 className=\"font-medium text-4xl/snug tracking-[-0.04em]\">\n          Frequently Asked Questions\n        </h2>\n        <p className=\"mt-2 text-muted-foreground text-xl\">\n          Quick answers to common questions about our products and services.\n        </p>\n\n        <div className=\"mt-8 rounded-xl border border-border/65 bg-muted p-1 sm:mt-10\">\n          <Accordion\n            className=\"space-y-px rounded-lg border border-border/65 bg-border/20\"\n            collapsible\n            defaultValue=\"question-0\"\n            type=\"single\"\n          >\n            {faq.map(({ question, answer }, index) => (\n              <AccordionItem\n                className=\"border-none bg-background px-4 first:rounded-t-lg last:rounded-b-lg\"\n                key={question}\n                value={`question-${index}`}\n              >\n                <AccordionPrimitive.Header className=\"flex items-center\">\n                  <AccordionPrimitive.Trigger\n                    className={cn(\n                      \"flex flex-1 items-center justify-between pt-4 pb-3 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-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"
}