{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"marketing-faq-sections-simple-with-divider-and-icon","type":"registry:block","title":"Simple With Divider And Icon","files":[{"path":"components/blocks/marketing/faq-sections/simple-with-divider-and-icon.tsx","content":"import { CircleHelp } from \"lucide-react\";\n\nconst faqs = [\n  {\n    question: \"Can I cancel at anytime?\",\n    answer:\n      \"Yes, you can cancel anytime no questions are asked while you cancel but we would highly appreciate if you will give us some feedback.\",\n  },\n  {\n    question: \"My team has credits. How do we use them?\",\n    answer:\n      \"Once your team signs up for a subscription plan. This is where we sit down, grab a cup of coffee and dial in the details.\",\n  },\n  {\n    question: \"How does Acme's pricing work?\",\n    answer:\n      \"Our subscriptions are tiered. Understanding the task at hand and ironing out the wrinkles is key.\",\n  },\n  {\n    question: \"How secure is Acme?\",\n    answer:\n      \"Protecting the data you trust to Acme is our first priority. This part is really crucial in keeping the project in line to completion.\",\n  },\n  {\n    question: \"How do I get access to a theme I purchased?\",\n    answer:\n      \"If you lose the link for a theme you purchased, don't panic! We've got you covered. You can login to your account, tap your avatar in the upper right corner, and tap Purchases. If you didn't create a login or can't remember the information, you can use our handy Redownload page, just remember to use the same email you originally made your purchases with.\",\n  },\n  {\n    question: \"Upgrade License Type\",\n    answer:\n      \"There may be times when you need to upgrade your license from the original type you purchased and we have a solution that ensures you can apply your original purchase cost to the new license purchase.\",\n  },\n];\n\nexport default function FAQsSimpleWithDividerAndIcon() {\n  return (\n    <>\n      <div className=\"max-w-[85rem] container mx-auto px-4 md:px-6 2xl:max-w-[1400px] py-24 lg:py-32\">\n        {/* <!-- Title --> */}\n        <div className=\"max-w-2xl mx-auto mb-10 lg:mb-14\">\n          <h2 className=\"text-2xl font-bold md:text-4xl md:leading-tight\">\n            You might be wondering...\n          </h2>\n        </div>\n        {/* <!-- End Title --> */}\n\n        {/* <!-- FAQs --> */}\n        <div className=\"max-w-2xl mx-auto divide-y divide-border\">\n          {faqs.map((faq) => (\n            <div key={faq.question} className=\"py-8 first:pt-0 last:pb-0\">\n              <div className=\"flex gap-x-5\">\n                <CircleHelp className=\"shrink-0 mt-1 size-6 text-muted-foreground\" />\n                <div className=\"grow\">\n                  <h3 className=\"md:text-lg font-semibold\">{faq.question}</h3>\n                  <p className=\"mt-1 text-muted-foreground\">{faq.answer}</p>\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n        {/* <!-- End FAQs --> */}\n      </div>\n    </>\n  );\n}\n","type":"registry:component","target":"components/blocks/marketing/faq-sections/simple-with-divider-and-icon.tsx"}],"description":"A clean FAQ list with an icon by each question and dividers between rows. Keeps a long set of answers readable and clearly separated on any support page.","dependencies":["lucide-react"]}