{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "faq-12",
  "title": "FAQ 12",
  "description": "A simple FAQ block",
  "dependencies": [
    "lucide-react"
  ],
  "files": [
    {
      "path": "src/registry/blocks/shared/faq-12/components/faq.tsx",
      "content": "import {\n  CircleDollarSign,\n  Clock,\n  type LucideIcon,\n  Package,\n  PackageX,\n  Plane,\n  ShieldPlus,\n  Users,\n  Waypoints,\n} from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\n\ntype FrequentlyAskedQuestion = {\n  question: string;\n  answer: string;\n  icon: LucideIcon;\n};\n\nconst faqs: FrequentlyAskedQuestion[] = [\n  {\n    question: \"What is your return policy?\",\n    answer:\n      \"We offer a 30-day return policy on all unused products. Please ensure the item is in original packaging when returning.\",\n    icon: Package,\n  },\n  {\n    question: \"How long does shipping take?\",\n    answer:\n      \"Shipping typically takes 3-7 business days depending on your location.\",\n    icon: Clock,\n  },\n  {\n    question: \"Do you ship internationally?\",\n    answer:\n      \"Yes, we ship to most countries worldwide. Shipping fees and delivery times vary by destination.\",\n    icon: Plane,\n  },\n  {\n    question: \"How can I track my order?\",\n    answer:\n      \"After your order is shipped, you'll receive an email with a tracking link. You can also track your order in your account dashboard.\",\n    icon: Waypoints,\n  },\n  {\n    question: \"What payment methods do you accept?\",\n    answer: \"We accept all major credit cards, PayPal, UPI, and net banking.\",\n    icon: CircleDollarSign,\n  },\n  {\n    question: \"Can I cancel or change my order?\",\n    answer:\n      \"Yes, you can cancel or modify your order within 2 hours of placing it. After that, the order may already be processed for shipment.\",\n    icon: PackageX,\n  },\n  {\n    question: \"Is my personal information secure?\",\n    answer:\n      \"Yes, we use industry-standard encryption to ensure your personal and payment information is secure.\",\n    icon: ShieldPlus,\n  },\n  {\n    question: \"Do you offer customer support?\",\n    answer:\n      \"Absolutely. Our support team is available 24/7 via email and chat to help with any issues or questions.\",\n    icon: Users,\n  },\n  {\n    question: \"What payment methods do you accept?\",\n    answer: \"We accept all major credit cards, PayPal, UPI, and net banking.\",\n    icon: CircleDollarSign,\n  },\n  {\n    question: \"Can I cancel or change my order?\",\n    answer:\n      \"Yes, you can cancel or modify your order within 2 hours of placing it. After that, the order may already be processed for shipment.\",\n    icon: PackageX,\n  },\n];\n\nexport default function FAQ() {\n  return (\n    <div>\n      <div className=\"px-6 py-20 text-center\">\n        <h2 className=\"text-balance text-center font-medium text-4xl tracking-[-0.04em] sm:text-[2.75rem]\">\n          Frequently Asked Questions\n        </h2>\n        <p className=\"mt-3 text-balance text-center text-lg text-muted-foreground md:text-2xl md:tracking-[-0.015em]\">\n          Find answers to common questions about our products and services\n        </p>\n\n        <div className=\"mx-auto mt-12 grid max-w-5xl grid-cols-1 sm:mt-16 md:grid-cols-2\">\n          {faqs.map((faq, index) => (\n            <div\n              className={cn(\n                \"relative -ms-px -mt-px overflow-hidden border bg-card p-6 text-start\",\n                \"first:rounded-t-lg last:rounded-b-lg md:nth-[2]:rounded-tr-lg md:nth-last-[2]:rounded-bl-lg md:last:rounded-bl-none md:first:rounded-tr-none\"\n              )}\n              key={index}\n            >\n              <div className=\"isolate\">\n                <div className=\"flex items-center gap-2 font-medium text-lg tracking-tight\">\n                  <faq.icon className=\"mr-2.5 size-5 shrink-0 text-primary\" />\n                  {faq.question}\n                </div>\n                <div className=\"mt-2 pl-10 text-start text-base text-foreground/80\">\n                  {faq.answer}\n                </div>\n              </div>\n\n              <div\n                className=\"absolute inset-0 z-0 -ms-px -mt-0.5\"\n                style={{\n                  backgroundImage: `\n        linear-gradient(to right, oklch(from var(--card-foreground) l c h / 0.12) 1px, transparent 1px),\n        linear-gradient(to bottom, oklch(from var(--card-foreground) l c h / 0.12) 1px, transparent 1px)\n      `,\n                  backgroundSize: \"20px 20px\",\n                  backgroundPosition: \"0 0, 0 0\",\n                  maskImage: `\n          repeating-linear-gradient(\n              to right,\n              black 0px,\n              black 3px,\n              transparent 3px,\n              transparent 8px\n            ),\n            repeating-linear-gradient(\n              to bottom,\n              black 0px,\n              black 3px,\n              transparent 3px,\n              transparent 8px\n            ),\n            radial-gradient(ellipse 80% 80% at 100% 0%, #000 50%, transparent 90%)\n      `,\n                  WebkitMaskImage: `\n    repeating-linear-gradient(\n              to right,\n              black 0px,\n              black 3px,\n              transparent 3px,\n              transparent 8px\n            ),\n            repeating-linear-gradient(\n              to bottom,\n              black 0px,\n              black 3px,\n              transparent 3px,\n              transparent 8px\n            ),\n            radial-gradient(ellipse 80% 80% at 100% 0%, #000 50%, transparent 90%)\n      `,\n                  maskComposite: \"intersect\",\n                  WebkitMaskComposite: \"source-in\",\n                }}\n              />\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}