[V0_FILE]typescriptreact:file="components/kokonutui/faq-02.tsx" "use client" import { useState } from "react" import { motion, AnimatePresence } from "motion/react" import { ChevronDown, Mail } from "lucide-react" import { cn } from "@/lib/utils" import Link from "next/link"; interface FAQItemProps { question: string answer: string index: number } function FAQItem({ question, answer, index }: FAQItemProps) { const [isOpen, setIsOpen] = useState(false) return ( {isOpen && (

{answer}

)} ) } function Faq02() { const faqs: Omit[] = [ { question: "What makes your platform unique?", answer: "Our platform stands out through its intuitive design, powerful automation capabilities, and seamless integration options. We've focused on creating a user experience that combines simplicity with advanced features.", }, { question: "How does the pricing structure work?", answer: "We offer flexible, transparent pricing tiers designed to scale with your needs. Each tier includes a core set of features, with additional capabilities as you move up. All plans start with a 14-day free trial.", }, { question: "What kind of support do you offer?", answer: "We provide comprehensive support through multiple channels. This includes 24/7 live chat, detailed documentation, video tutorials, and dedicated account managers for enterprise clients.", }, { question: "How can I get started?", answer: "You can get started by signing up for a free trial. Once you've signed up, you'll have access to our platform's full range of features. You can also contact our support team for assistance.", }, ] return (

Frequently Asked Questions

Everything you need to know about our platform

{faqs.map((faq, index) => ( ))}

Still have questions?

We're here to help you

Contact Support

) } export default Faq02

{question}

Frequently Asked Questions

About

Tags

Share

About

Tags

Share

More from kokonut

More Templates Like This