// @name: FAQ Split Contact // @dependencies: lucide-react import { useState } from "react"; import { Plus, Minus, MessageCircle } from "lucide-react"; const ITEMS = [ { q: "Do you integrate with our identity provider?", a: "Okta, Entra ID, Google Workspace and anything that speaks SAML 2.0 or OIDC. SCIM provisioning is included on every paid plan." }, { q: "Where is data stored?", a: "In the region you pick at signup: eu-west, us-east or ap-southeast. Data never leaves that region, including backups." }, { q: "Can we self-host?", a: "Yes, on the Scale plan. We ship signed container images and a Helm chart, and support runs against your deployment." }, { q: "What is the onboarding like?", a: "A shared channel, a migration script for your existing data and a 45-minute walkthrough. Most teams are live in a week." }, ]; export default function FaqSplitContact() { const [open, setOpen] = useState(null); return (

Questions, answered

Cannot find what you need? A real engineer replies, usually within the hour.

Start a conversation

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

{open === i && (

{item.a}

)}

))}

); }

Questions, answered

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

More faq sections

FAQ Accordion Simple

FAQ Two Column

FAQ Categorised Tabs