4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T11ad,import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "@/components/ui/accordion" import { SupportContactCard, type SupportAvatar } from "./support-contact-card" type FAQItem = { value: string question: string answer: string } // FAQs grouped by category; each category renders its own Accordion section. type FAQCategory = { title: string items: FAQItem[] } const faqCategories: FAQCategory[] = [ { title: "Account & Collaboration", items: [ { value: "account", 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", 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", 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.", }, ], }, { title: "Security & Data", items: [ { value: "security", 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", 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.", }, ], }, { title: "Billing", items: [ { value: "billing", 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.", }, ], }, ] // Support team avatars; `className` z-indexes control their overlap order in AvatarGroup. const supportAvatars: ReadonlyArray = [ { src: "/demo/avatars/avatar-1.svg", alt: "@u1", fallback: "A1", className: "z-1", }, { src: "https://avatars.githubusercontent.com/u/114809507", alt: "@ri0n_dev", fallback: "RI", className: "z-2", }, { src: "/demo/avatars/avatar-4.svg", alt: "@u2", fallback: "A4", className: "z-1", }, ] export function FAQ() { return (

FAQ

Your Questions Answered

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

{faqCategories.map((category) => (

{category.title}

{category.items.map((item) => ( {item.question} {item.answer} ))}

))}

) } 51:T605,import { Avatar, AvatarFallback, AvatarGroup, AvatarImage, } from "@/components/ui/avatar" import { Button } from "@/components/ui/button" import { cn } from "@/lib/utils" export type SupportAvatar = { src: string alt: string fallback: string className: string } type SupportContactCardProps = { supportAvatars: ReadonlyArray } export function SupportContactCard({ supportAvatars }: SupportContactCardProps) { return (

{/* `grayscale` mutes the avatars so the CTA button remains the visual focus. */} {supportAvatars.map((avatar) => ( {avatar.fallback} ))}

Still have questions?

If you can’t find the answer you’re looking for, please chat to our support team.

) } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4e",null,{"namespace":"@hexui","registryDependencies":["avatar","button","accordion"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/blocks/faq/faq-2/source/app/faq/page.tsx","content":"import { FAQ } from \"../../components/faq\"\n\nexport default function Page() {\n return (\n

\n \n

\n )\n}\n","type":"registry:page","target":"app/faq/page.tsx"},{"path":"registry/blocks/faq/faq-2/source/components/faq.tsx","content":"$50","type":"registry:component"},{"path":"registry/blocks/faq/faq-2/source/components/support-contact-card.tsx","content":"$51","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]