{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"veil-faqs-3","type":"registry:block","title":"Faqs 3","description":"Tailark Veil faqs variant 3 block","registryDependencies":["@tailark-oss/veil-accordion"],"meta":{"aspect-ratio":"60/27","width":686,"height":309},"files":[{"path":"veil/blocks/faqs/three.tsx","type":"registry:component","target":"@components/faqs-3.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-2xl px-6\">\n                <h2 className=\"text-center font-serif text-4xl font-medium\">Your Questions Answered</h2>\n                <Accordion\n                    type=\"single\"\n                    collapsible\n                    className=\"mt-12\"\n                >\n                    {faqItems.map((item) => (\n                        <div\n                            className=\"group\"\n                            key={item.id}\n                        >\n                            <AccordionItem\n                                value={item.id}\n                                className=\"data-[state=open]:bg-muted/50 peer rounded-xl border-none px-5 py-1 transition-colors\"\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                            <hr className=\"mx-5 group-last:hidden peer-data-[state=open]:opacity-0\" />\n                        </div>\n                    ))}\n                </Accordion>\n                <p className=\"text-muted-foreground mt-8 text-center text-sm\">\n                    Can't find what you're looking for?{' '}\n                    <Link\n                        href=\"#\"\n                        className=\"text-primary font-medium hover:underline\"\n                    >\n                        Contact support\n                    </Link>\n                </p>\n            </div>\n        </section>\n    )\n}\n"}]}