{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"faq-13","type":"registry:block","title":"Faq 13","description":"","dependencies":[],"registryDependencies":["https://www.diarmuradi.com/r/styles/base-nova/fancy-button.json"],"files":[{"path":"faq.tsx","type":"registry:block","content":"\"use client\"\n\nimport { FancyButton } from \"@/components/fancy-button\"\n\nconst faqs = [\n  {\n    id: 1,\n    trigger: \"Can I cancel anytime?\",\n    content:\n      \"Yes, you can cancel your subscription at any time. Your access will remain active until the billing cycle ends, and no additional charges will be applied.\",\n  },\n  {\n    id: 2,\n    trigger: \"Do you offer student discounts?\",\n    content:\n      \"Yes, students receive a 50% discount on all plans. Verification is required with a valid enrollment document, and the discount is applied immediately.\",\n  },\n  {\n    id: 3,\n    trigger: \"Is my data kept secure?\",\n    content:\n      \"Yes, all customer data is encrypted and stored safely. We follow strict compliance standards, with regular audits to keep your information protected.\",\n  },\n  {\n    id: 4,\n    trigger: \"Can I upgrade or downgrade my plan?\",\n    content:\n      \"Yes. Switch plans anytime. Changes take effect immediately, and billing is prorated automatically.\",\n  },\n  {\n    id: 5,\n    trigger: \"Do you provide onboarding support?\",\n    content:\n      \"Yes. Every customer gets guided setup, interactive demos, and a shared checklist so the first publish is straightforward.\",\n  },\n  {\n    id: 6,\n    trigger: \"How do I reach support?\",\n    content:\n      \"Yes. Support is available around the clock by live chat and email, with typical replies in under two hours.\",\n  },\n]\n\nexport function Faq() {\n  return (\n    <div className=\"mx-auto flex w-full max-w-4xl flex-col gap-8\">\n      <header className=\"flex flex-col gap-3 md:items-center md:text-center\">\n        <p className=\"w-fit rounded-md bg-muted p-2 text-sm text-foreground\">\n          Snapshot\n        </p>\n        <div className=\"flex flex-col items-center gap-2\">\n          <h1 className=\"text-3xl font-semibold tracking-tight sm:text-4xl md:text-5xl\">\n            Six answers at a glance\n          </h1>\n          <p className=\"text-muted-foreground\">\n            Cancel, discounts, security, plans, onboarding, and how to reach us.\n          </p>\n        </div>\n      </header>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n        {faqs.map((faq) => (\n          <div\n            key={faq.id}\n            className=\"flex gap-4 rounded-xl bg-card p-6 shadow-elevated-sm\"\n          >\n            <span className=\"min-w-fit text-sm font-medium text-muted-foreground\">\n              {String(faq.id).padStart(2, \"0\")}\n            </span>\n            <div className=\"flex flex-col gap-1.5\">\n              <h3 className=\"text-sm font-medium text-foreground\">\n                {faq.trigger}\n              </h3>\n              <p className=\"text-sm text-muted-foreground\">{faq.content}</p>\n            </div>\n          </div>\n        ))}\n      </div>\n\n      <div className=\"flex justify-start md:justify-center\">\n        <FancyButton size=\"lg\">Browse the guides</FancyButton>\n      </div>\n    </div>\n  )\n}","target":"components/faq.tsx"}]}