import Link from "next/link" import { Cloud, CreditCard, ShieldCheck, UserRoundPlus, UsersRound, Wifi, } from "lucide-react" const faqItems = [ { value: "account", icon: UserRoundPlus, question: "How do I create an account?", answer: "You can sign up using your email address or a supported social login. Once registered, your workspace will be created automatically and you can start adding pages immediately.", }, { value: "collaboration", icon: UsersRound, question: "Can I collaborate with my team in real time?", answer: "Yes, multiple users can edit the same page simultaneously. Changes are synced instantly, and you can leave comments, mention teammates, and track updates in real time.", }, { value: "offline", icon: Wifi, question: "Does the app work offline?", answer: "You can view and edit recently opened pages without an internet connection. Your changes will automatically sync once you reconnect.", }, { value: "security", icon: ShieldCheck, question: "How is my data secured?", answer: "All data is encrypted in transit and at rest. We follow industry-standard security practices and regularly perform backups to ensure your content is protected.", }, { value: "storage", icon: Cloud, question: "Is there a storage limit?", answer: "Free plans include a limited storage quota, while paid plans offer higher or unlimited storage depending on the subscription tier.", }, { value: "billing", icon: CreditCard, question: "How does billing work?", answer: "Billing is based on your selected plan and the number of active users in your workspace. You can upgrade, downgrade, or cancel your subscription at any time from the billing settings.", }, ] export function FAQ() { return (

FAQ

Your Questions Answered

Need help with something? Here are some of the most common questions we get.

{/* Two-column grid of Q&A items. Each item gets an `id` so it can be deep-linked. */}

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

{item.question}

{item.answer}

))}

Still have questions?{" "} Contact support

) }