// @name: FAQ Accordion Simple // @dependencies: lucide-react import { useState } from "react"; import { ChevronDown } from "lucide-react"; const ITEMS = [ { q: "Can I change plan later?", a: "Yes, at any time. Upgrades take effect immediately and we prorate the difference. Downgrades apply at the end of the current billing period." }, { q: "Do you offer a student discount?", a: "We do — 50% off any plan with a valid .edu address. Email support and we will apply it to your account within a day." }, { q: "What happens if I exceed my limits?", a: "Nothing breaks. We keep serving requests and bill the overage at the published rate, then email you so it is never a surprise." }, { q: "Is my data encrypted?", a: "In transit with TLS 1.3 and at rest with AES-256. Encryption keys are rotated automatically every 90 days." }, { q: "How do I cancel?", a: "One button in billing settings. No retention call, no email chain. You keep access until the period you have already paid for ends." }, ]; export default function FaqAccordionSimple() { const [open, setOpen] = useState(0); return (

Frequently asked questions

{ITEMS.map((item, i) => (

{open === i && (

{item.a}

)}

))}

); }

Frequently asked questions

setOpen(open === i ? null : i)} aria-expanded={open === i} className="flex w-full items-start justify-between gap-6 py-5 text-left" > {item.q}

More faq sections

FAQ Two Column

FAQ Split Contact

FAQ Categorised Tabs