{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"marketing-faq-sections-right-aligned","type":"registry:block","title":"Right Aligned","files":[{"path":"components/blocks/marketing/faq-sections/right-aligned.tsx","content":"import {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\";\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 RightAligned() {\n  return (\n    <div className=\"max-w-[85rem] container mx-auto px-4 md:px-6 2xl:max-w-[1400px] py-24 lg:py-32\">\n      <div className=\"grid md:grid-cols-5 gap-10\">\n        <div className=\"md:col-span-2\">\n          <div className=\"max-w-xs\">\n            <h2 className=\"text-2xl font-bold md:text-4xl md:leading-tight\">\n              Frequently\n              <br />\n              asked questions\n            </h2>\n            <p className=\"mt-1 hidden md:block text-muted-foreground\">\n              Answers to the most frequently asked questions.\n            </p>\n          </div>\n        </div>\n\n        <div className=\"md:col-span-3\">\n          <Accordion type=\"single\" collapsible className=\"w-full\">\n            {faqs.map((faq, index) => (\n              <AccordionItem value={`item-${index}`} key={faq.question}>\n                <AccordionTrigger className=\"text-lg font-semibold text-left\">\n                  {faq.question}\n                </AccordionTrigger>\n                <AccordionContent className=\"text-muted-foreground text-base\">\n                  {faq.answer}\n                </AccordionContent>\n              </AccordionItem>\n            ))}\n          </Accordion>\n        </div>\n      </div>\n    </div>\n  );\n}\n","type":"registry:component","target":"components/blocks/marketing/faq-sections/right-aligned.tsx"},{"path":"components/ui/accordion.tsx","content":"\"use client\"\n\nimport * as React from \"react\"\nimport { Accordion as AccordionPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/lib/utils\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nfunction Accordion({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\"flex w-full flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"not-last:border-b\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"group/accordion-trigger relative flex flex-1 items-start justify-between rounded-md border border-transparent py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\" />\n        <ChevronUpIcon data-slot=\"accordion-trigger-icon\" className=\"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up\"\n      {...props}\n    >\n      <div\n        className={cn(\n          \"pt-0 pb-4 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n","type":"registry:ui","target":"components/ui/accordion.tsx"}],"description":"A two column FAQ with the heading and intro on the left and accordion items on the right. Balances explanation and detail across a wide support section.","dependencies":["lucide-react","radix-ui"]}