{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"veil-faqs-4","type":"registry:block","title":"Faqs 4","description":"Tailark Veil faqs variant 4 block","registryDependencies":["@tailark-oss/veil-card"],"meta":{"aspect-ratio":"90/47","width":686,"height":358},"files":[{"path":"veil/blocks/faqs/four.tsx","type":"registry:component","target":"@components/faqs-4.tsx","content":"import { Card } from '@/components/ui/card'\nimport Link from 'next/link'\n\nconst faqItems = [\n    {\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.',\n    },\n    {\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.',\n    },\n    {\n        question: 'What payment methods do you accept?',\n        answer: 'We accept all major credit cards, PayPal, and bank transfers for annual plans.',\n    },\n    {\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        question: 'Do you offer refunds?',\n        answer: 'We offer a 30-day money-back guarantee. Contact us within 30 days for a full refund.',\n    },\n    {\n        question: 'How do I cancel my subscription?',\n        answer: 'You can cancel anytime from your account settings. Your access continues until the billing period ends.',\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=\"text-center\">\n                    <h2 className=\"text-balance font-serif text-4xl font-medium\">Common Questions</h2>\n                    <p className=\"text-muted-foreground mx-auto mt-4 max-w-md text-balance\">Everything you need to know about our platform.</p>\n                </div>\n                <div className=\"@lg:grid-cols-2 mt-12 grid gap-3\">\n                    {faqItems.map((item, index) => (\n                        <Card\n                            key={index}\n                            variant=\"mixed\"\n                            className=\"p-5\"\n                        >\n                            <h3 className=\"text-foreground text-sm font-medium\">{item.question}</h3>\n                            <p className=\"text-muted-foreground mt-2 text-sm\">{item.answer}</p>\n                        </Card>\n                    ))}\n                </div>\n                <p className=\"text-muted-foreground mt-8 text-center text-sm\">\n                    Have another question?{' '}\n                    <Link\n                        href=\"#\"\n                        className=\"text-primary font-medium hover:underline\"\n                    >\n                        Get in touch\n                    </Link>\n                </p>\n            </div>\n        </section>\n    )\n}\n"}]}