'use client' import { useState } from 'react' import { ChevronDown, Plus, Minus, ChevronRight } from 'lucide-react' type FAQItem = { question: string answer: string } const faqData: FAQItem[] = [ { question: "What payment methods do you accept?", answer: "We accept all major credit cards (Visa, MasterCard, American Express), PayPal, and bank transfers. For enterprise customers, we also offer invoice-based payments." }, { question: "How do I cancel my subscription?", answer: "You can cancel your subscription at any time from your account settings. Once cancelled, you'll continue to have access to the service until the end of your current billing period." }, { question: "Can I change my plan later?", answer: "Yes, you can upgrade or downgrade your plan at any time. Changes to your plan will take effect immediately, and we'll prorate your billing accordingly." }, { question: "What kind of support do you offer?", answer: "We offer 24/7 email support for all customers. Premium plans include priority support with guaranteed response times and access to phone support during business hours." } ] // Simple Accordion export function SimpleAccordion() { const [openIndex, setOpenIndex] = useState(null) return (

Frequently Asked Questions

{faqData.map((item, index) => (

{openIndex === index && (

{item.answer}

)}

))}

) } // Modern Accordion export function ModernAccordion() { const [openIndex, setOpenIndex] = useState(null) return (

Got questions?

Find answers to common questions about our service.

{faqData.map((item, index) => (

{openIndex === index && (

{item.answer}

)}

))}

) } // Bordered Accordion export function BorderedAccordion() { const [openIndex, setOpenIndex] = useState(null) return (

Frequently Asked Questions

Can't find what you're looking for? Contact our support team.

{faqData.map((item, index) => (

{openIndex === index && (

{item.answer}

)}

))}

) } // Minimal Accordion export function MinimalAccordion() { const [openIndex, setOpenIndex] = useState(null) return (

Common Questions

{faqData.map((item, index) => (

))}

) } export default function FAQPage() { return (

) }

Frequently Asked Questions

Got questions?

Frequently Asked Questions

Common Questions

{item.question}

FAQ Accordion