49: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4a: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4b:T12df,"use client" import { useState } from "react" import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "@/components/ui/accordion" import { ToggleGroup, ToggleGroupItem, } from "@/components/ui/toggle-group" import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react' const groups = { General: [ { value: "item-1", trigger: "What services are included in the subscription?", content: "Every plan includes unlimited design requests, a dedicated board, and two rounds of revision per task. Brand assets and source files are delivered with each request.", }, { value: "item-2", trigger: "How many design requests can I make each month?", content: "There is no request cap. Tasks are queued and worked one at a time so quality stays consistent. Pause or add requests whenever you need.", }, { value: "item-3", trigger: "What is the turnaround time for design requests?", content: "Smaller tasks such as graphics or copy tweaks take 2-4 hours. Larger pages and campaigns typically ship within one business day.", }, ], Subscriptions: [ { value: "item-4", trigger: "Can I pause my subscription?", content: "Pause anytime from billing. Your queue is saved, and you can resume on the same plan without setup fees.", }, { value: "item-5", trigger: "What if I need services outside the subscription?", content: "One-off projects such as motion or 3D can be quoted separately. We will share a fixed price before any work starts.", }, ], Services: [ { value: "item-6", trigger: "Can I request revisions to the designs?", content: "Yes. Each request includes two revision rounds. Extra rounds can be added as a follow-up task so nothing is blocked.", }, { value: "item-7", trigger: "Who owns the final files?", content: "You own everything we deliver. Source files, fonts we licensed for you, and exported assets are transferred at handoff.", }, ], } const categories = Object.keys(groups) export function Faq() { const [active, setActive] = useState(categories[0] ?? "General") const items = groups[active as keyof typeof groups] return (

Subscriptions

Plans, seats, and renewals

Use the rail to switch topics. Each question opens in place.

{ if (value.length > 0) setActive(value[0] ?? categories[0] ?? "General") }} orientation="vertical" spacing={1} className="flex-row md:flex-col" > {categories.map((category) => ( {category} ))} {items.map((item) => ( {item.trigger} {item.content} ))}

) }48:["$","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":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L49",null,{"namespace":"@diarmuradi","registryDependencies":["https://www.diarmuradi.com/r/styles/base-nova/accordion.json","https://www.diarmuradi.com/r/styles/base-nova/toggle-group.json"]}]]}],null]}],["$","$L4a",null,{"files":[{"path":"faq.tsx","content":"$4b","type":"registry:block","target":"components/faq.tsx"}],"className":"h-[70svh] min-h-80"}]]}]