{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"veil-faqs-2","type":"registry:block","title":"Faqs 2","description":"Tailark Veil faqs variant 2 block","registryDependencies":["@tailark-oss/veil-accordion"],"meta":{"aspect-ratio":"60/19","width":686,"height":217},"files":[{"path":"veil/blocks/faqs/two.tsx","type":"registry:component","target":"@components/faqs-2.tsx","content":"'use client'\n\nimport { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/ui/accordion'\nimport Link from 'next/link'\n\nconst faqItems = [\n    {\n        id: 'item-1',\n        question: 'How does the free trial work?',\n        answer: 'Start with a 14-day free trial with full access to all features. No credit card required. You can upgrade to a paid plan at any time during or after the trial.',\n    },\n    {\n        id: 'item-2',\n        question: 'Can I change my plan later?',\n        answer: \"Yes, you can upgrade or downgrade your plan at any time. Changes take effect immediately, and we'll prorate the difference.\",\n    },\n    {\n        id: 'item-3',\n        question: 'What payment methods do you accept?',\n        answer: 'We accept all major credit cards, PayPal, and bank transfers for annual plans. Enterprise customers can also pay via invoice.',\n    },\n    {\n        id: 'item-4',\n        question: 'Is there a setup fee?',\n        answer: 'No, there are no setup fees or hidden costs. You only pay for your subscription plan.',\n    },\n    {\n        id: 'item-5',\n        question: 'Do you offer refunds?',\n        answer: \"We offer a 30-day money-back guarantee. If you're not satisfied, contact us within 30 days for a full refund.\",\n    },\n]\n\nexport default function FAQs() {\n    return (\n        <section className=\"bg-background @container py-24\">\n            <div className=\"mx-auto max-w-3xl px-6\">\n                <div className=\"@xl:flex-row @xl:items-start @xl:gap-12 flex flex-col gap-8\">\n                    <div className=\"@xl:sticky @xl:top-24 @xl:w-64 shrink-0\">\n                        <h2 className=\"font-serif text-3xl font-medium\">FAQs</h2>\n                        <p className=\"text-muted-foreground mt-3 text-sm\">Your questions answered</p>\n                        <p className=\"text-muted-foreground @xl:block mt-6 hidden text-sm\">\n                            Need more help?{' '}\n                            <Link\n                                href=\"#\"\n                                className=\"text-primary font-medium hover:underline\"\n                            >\n                                Contact us\n                            </Link>\n                        </p>\n                    </div>\n                    <div className=\"flex-1\">\n                        <Accordion\n                            type=\"single\"\n                            collapsible\n                        >\n                            {faqItems.map((item) => (\n                                <AccordionItem\n                                    key={item.id}\n                                    value={item.id}\n                                    className=\"border-dashed\"\n                                >\n                                    <AccordionTrigger className=\"cursor-pointer py-4 text-sm font-medium hover:no-underline\">{item.question}</AccordionTrigger>\n                                    <AccordionContent>\n                                        <p className=\"text-muted-foreground pb-2 text-sm\">{item.answer}</p>\n                                    </AccordionContent>\n                                </AccordionItem>\n                            ))}\n                        </Accordion>\n                        <p className=\"text-muted-foreground @xl:hidden mt-6 text-sm\">\n                            Need more help?{' '}\n                            <Link\n                                href=\"#\"\n                                className=\"text-primary font-medium hover:underline\"\n                            >\n                                Contact us\n                            </Link>\n                        </p>\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}\n"}]}