{"version":3,"file":"FAQ.C6ghgmnT.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/mAPN9XP54k7QQGcMeOKv/7lrVUo4SeGnbqpQMyu7W/FAQ.js"],"sourcesContent":["// FAQ Accordion\n// Created by Frankie from Framer-Expert.com\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";const DEFAULT_ITEMS=[{question:\"What is the typical project timeline?\",answer:\"Most Framer projects move from discovery to launch within 2 to 4 weeks. This includes high-fidelity design, interactive prototyping, and final development. Timelines vary based on the complexity of custom animations and CMS requirements.\"},{question:\"Do you provide custom code solutions?\",answer:\"Yes. While Framer is a powerful no-code tool, I often implement custom React components and overrides to achieve specific functionality or complex data integrations that aren't available out of the box.\"},{question:\"How does the handoff process work?\",answer:\"Once the project is finalized and approved, I transfer the Framer project directly to your account. I provide a recorded walkthrough of the CMS and site settings so your team can manage content with zero friction.\"},{question:\"Are maintenance retainers available?\",answer:\"Yes. Monthly retainers start at €1,500/month (+VAT) for 10 hours of maintenance and small changes. Growth (€3,500/month, 25 hours) and Scale (€6,000/month, 50 hours) also include new page builds within the monthly hours, with priority availability and a dedicated Framer expert in your corner.\"}];const defaultHeadingFont={fontFamily:\"'Helvetica Neue', Helvetica, Arial, sans-serif\",fontSize:48,fontWeight:700,letterSpacing:\"-0.04em\",lineHeight:.9};const defaultQuestionFont={fontFamily:\"'Helvetica Neue', Helvetica, Arial, sans-serif\",fontSize:32,fontWeight:700,letterSpacing:\"-0.02em\",lineHeight:1.1};const defaultAnswerFont={fontFamily:\"'Helvetica Neue', Helvetica, Arial, sans-serif\",fontSize:18,fontWeight:400,lineHeight:1.5};const defaultLabelFont={fontFamily:\"'Helvetica Neue', Helvetica, Arial, sans-serif\",fontSize:13,fontWeight:700,letterSpacing:\"0.05em\"};// number col width + gap — must match the button layout exactly\nconst NUMBER_COL=28// approx width of \"01\" in monospace 0.85rem\n;const NUMBER_GAP=24// 1.5rem gap\n;export default function FAQAccordion({items,backgroundColor=\"#F5F4EF\",accentColor=\"#F04E23\",textColor=\"#C93F18\",sectionLabel=\"Assistance\",heading=\"Frequently Asked\\nQuestions\",paddingX=32,paddingTop=64,paddingBottom=0,headingFont,questionFont,answerFont,labelFont,borderTop=false,borderBottom=false,borderLeft=true,borderRight=true,borderItems=true}){const safeItems=Array.isArray(items)&&items.length>0?items:DEFAULT_ITEMS;const safeHeadingFont=headingFont&&typeof headingFont===\"object\"?headingFont:defaultHeadingFont;const safeQuestionFont=questionFont&&typeof questionFont===\"object\"?questionFont:defaultQuestionFont;const safeAnswerFont=answerFont&&typeof answerFont===\"object\"?answerFont:defaultAnswerFont;const safeLabelFont=labelFont&&typeof labelFont===\"object\"?labelFont:defaultLabelFont;const[activeIndex,setActiveIndex]=useState(null);const[hoveredIndex,setHoveredIndex]=useState(null);const line=`1px solid ${accentColor}`;const lastIndex=safeItems.length-1;// answer left indent = paddingX + number column + gap\nconst answerIndent=paddingX+NUMBER_COL+NUMBER_GAP;return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",backgroundColor,color:accentColor,WebkitFontSmoothing:\"antialiased\",borderTop:borderTop?line:\"none\",borderBottom:borderBottom?line:\"none\",borderLeft:borderLeft?line:\"none\",borderRight:borderRight?line:\"none\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{padding:`${paddingTop}px ${paddingX}px 3rem`,borderBottom:borderItems?line:\"none\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{display:\"block\",...safeLabelFont,textTransform:\"uppercase\",marginBottom:\"0.75rem\",color:textColor},children:sectionLabel}),/*#__PURE__*/_jsx(\"h2\",{style:{...safeHeadingFont,color:accentColor,whiteSpace:\"pre-line\",margin:0},children:heading})]}),safeItems.map((item,i)=>{const isActive=activeIndex===i;const isLast=i===lastIndex;return /*#__PURE__*/_jsxs(\"div\",{style:{borderBottom:borderItems&&!isLast?line:\"none\",paddingBottom:isLast?paddingBottom:0},children:[/*#__PURE__*/_jsxs(\"button\",{onClick:()=>setActiveIndex(isActive?null:i),onMouseEnter:()=>setHoveredIndex(i),onMouseLeave:()=>setHoveredIndex(null),style:{width:\"100%\",padding:`2rem ${paddingX}px`,display:\"flex\",justifyContent:\"space-between\",alignItems:\"center\",gap:\"1.5rem\",background:hoveredIndex===i?\"rgba(240,78,35,0.03)\":\"transparent\",border:\"none\",color:accentColor,textAlign:\"left\",cursor:\"pointer\",outline:\"none\",transition:\"background 0.3s ease\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"baseline\",gap:`${NUMBER_GAP}px`,flex:1,minWidth:0},children:[/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:\"monospace\",fontWeight:700,fontSize:\"0.85rem\",color:textColor,flexShrink:0,width:NUMBER_COL},children:String(i+1).padStart(2,\"0\")}),/*#__PURE__*/_jsx(\"span\",{style:{...safeQuestionFont,color:textColor,flex:1,display:\"block\"},children:item.question})]}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:28,height:28,flexShrink:0},children:[/*#__PURE__*/_jsx(\"span\",{style:{position:\"absolute\",width:\"100%\",height:2,background:accentColor,top:\"50%\",left:0,transform:\"translateY(-50%)\"}}),/*#__PURE__*/_jsx(\"span\",{style:{position:\"absolute\",width:2,height:\"100%\",background:accentColor,left:\"50%\",top:0,transform:isActive?\"translateX(-50%) scaleY(0)\":\"translateX(-50%) scaleY(1)\",transition:\"transform 0.4s cubic-bezier(0.19, 1, 0.22, 1)\"}})]})]}),/*#__PURE__*/_jsx(\"div\",{style:{maxHeight:isActive?600:0,overflow:\"hidden\",transition:\"max-height 0.5s cubic-bezier(0.19, 1, 0.22, 1)\"},children:/*#__PURE__*/_jsx(\"div\",{style:{paddingLeft:answerIndent,paddingRight:paddingX,paddingBottom:\"2.5rem\"},children:/*#__PURE__*/_jsx(\"p\",{style:{...safeAnswerFont,color:textColor,margin:0,width:\"100%\",textWrap:\"balance\"},children:item.answer})})})]},i);})]});}addPropertyControls(FAQAccordion,{items:{type:ControlType.Array,title:\"FAQ Items\",control:{type:ControlType.Object,controls:{question:{type:ControlType.String,title:\"Question\",defaultValue:\"Your question here\"},answer:{type:ControlType.String,title:\"Answer\",defaultValue:\"Your answer here.\",displayTextArea:true}}},defaultValue:DEFAULT_ITEMS},sectionLabel:{type:ControlType.String,title:\"Label\",defaultValue:\"Assistance\"},heading:{type:ControlType.String,title:\"Heading\",defaultValue:\"Frequently Asked\\nQuestions\",displayTextArea:true},// @ts-ignore\nheadingFont:{type:\"font\",title:\"Heading Font\",controls:\"extended\"},// @ts-ignore\nquestionFont:{type:\"font\",title:\"Question Font\",controls:\"extended\"},// @ts-ignore\nanswerFont:{type:\"font\",title:\"Answer Font\",controls:\"extended\"},// @ts-ignore\nlabelFont:{type:\"font\",title:\"Label Font\",controls:\"extended\"},paddingX:{type:ControlType.Number,title:\"Padding X\",defaultValue:32,min:0,max:120,step:4,displayStepper:true},paddingTop:{type:ControlType.Number,title:\"Padding Top\",defaultValue:64,min:0,max:160,step:8,displayStepper:true},paddingBottom:{type:ControlType.Number,title:\"Padding Bottom\",defaultValue:0,min:0,max:160,step:8,displayStepper:true},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#F5F4EF\"},accentColor:{type:ControlType.Color,title:\"Accent Color\",defaultValue:\"#F04E23\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#C93F18\"},borderTop:{type:ControlType.Boolean,title:\"Border Top\",defaultValue:false,enabledTitle:\"On\",disabledTitle:\"Off\"},borderBottom:{type:ControlType.Boolean,title:\"Border Bottom\",defaultValue:false,enabledTitle:\"On\",disabledTitle:\"Off\"},borderLeft:{type:ControlType.Boolean,title:\"Border Left\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\"},borderRight:{type:ControlType.Boolean,title:\"Border Right\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\"},borderItems:{type:ControlType.Boolean,title:\"Border Items\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\"}});FAQAccordion.displayName=\"FAQ Accordion\";\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FAQAccordion\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FAQ.map"],"mappings":"iLAKC,SAAwB,EAAa,CAAC,QAAM,kBAAgB,UAAU,cAAY,UAAU,YAAU,UAAU,eAAa,aAAa,UAAQ;WAA8B,WAAS,GAAG,aAAW,GAAG,gBAAc,EAAE,cAAY,eAAa,aAAW,YAAU,YAAU,GAAM,eAAa,GAAM,aAAW,GAAK,cAAY,GAAK,cAAY,IAAM,CAAC,IAAM,EAAU,MAAM,QAAQ,CAAK,GAAG,EAAM,OAAO,EAAE,EAAM,EAAoB,EAAgB,GAAa,OAAO,GAAc,SAAS,EAAY,EAAyB,EAAiB,GAAc,OAAO,GAAe,SAAS,EAAa,EAA0B,EAAe,GAAY,OAAO,GAAa,SAAS,EAAW,EAAwB,EAAc,GAAW,OAAO,GAAY,SAAS,EAAU,EAAsB,CAAC,EAAY,GAAgBA,EAAS,IAAI,EAAO,CAAC,EAAa,GAAiBA,EAAS,IAAI,EAAQ,EAAK,aAAa,IAAoB,EAAU,EAAU,OAAO,EACp8B,EAAa,EAAS,EAAW,EAAW,OAAoB,EAAM,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,kBAAgB,MAAM,EAAY,oBAAoB,cAAc,UAAU,EAAU,EAAK,OAAO,aAAa,EAAa,EAAK,OAAO,WAAW,EAAW,EAAK,OAAO,YAAY,EAAY,EAAK,MAAM,EAAE,SAAS,CAAc,EAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,GAAG,EAAW,KAAK,EAAS,SAAS,aAAa,EAAY,EAAK,MAAM,EAAE,SAAS,CAAc,EAAK,OAAO,CAAC,MAAM,CAAC,QAAQ,QAAQ,GAAG,EAAc,cAAc,YAAY,aAAa,UAAU,MAAM,CAAS,EAAE,SAAS,CAAY,CAAC,EAAe,EAAK,KAAK,CAAC,MAAM,CAAC,GAAG,EAAgB,MAAM,EAAY,WAAW,WAAW,OAAO,CAAC,EAAE,SAAS,CAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAAU,KAAK,EAAK,IAAI,CAAC,IAAM,EAAS,IAAc,EAAQ,EAAO,IAAI,EAAU,OAAoB,EAAM,MAAM,CAAC,MAAM,CAAC,aAAa,GAAa,CAAC,EAAO,EAAK,OAAO,cAAc,EAAO,EAAc,CAAC,EAAE,SAAS,CAAc,EAAM,SAAS,CAAC,YAAY,EAAe,EAAS,KAAK,CAAC,EAAE,iBAAiB,EAAgB,CAAC,EAAE,iBAAiB,EAAgB,IAAI,EAAE,MAAM,CAAC,MAAM,OAAO,QAAQ,QAAQ,EAAS,IAAI,QAAQ,OAAO,eAAe,gBAAgB,WAAW,SAAS,IAAI,SAAS,WAAW,IAAe,EAAE,uBAAuB,cAAc,OAAO,OAAO,MAAM,EAAY,UAAU,OAAO,OAAO,UAAU,QAAQ,OAAO,WAAW,sBAAsB,EAAE,SAAS,CAAc,EAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,WAAW,WAAW,IAAI,GAAG,EAAW,IAAI,KAAK,EAAE,SAAS,CAAC,EAAE,SAAS,CAAc,EAAK,OAAO,CAAC,MAAM,CAAC,WAAW,YAAY,WAAW,IAAI,SAAS,UAAU,MAAM,EAAU,WAAW,EAAE,MAAM,CAAU,EAAE,SAAS,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,EAAe,EAAK,OAAO,CAAC,MAAM,CAAC,GAAG,EAAiB,MAAM,EAAU,KAAK,EAAE,QAAQ,OAAO,EAAE,SAAS,EAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAe,EAAM,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,GAAG,OAAO,GAAG,WAAW,CAAC,EAAE,SAAS,CAAc,EAAK,OAAO,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,OAAO,OAAO,EAAE,WAAW,EAAY,IAAI,MAAM,KAAK,EAAE,UAAU,kBAAkB,CAAC,CAAC,EAAe,EAAK,OAAO,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,EAAE,OAAO,OAAO,WAAW,EAAY,KAAK,MAAM,IAAI,EAAE,UAAU,EAAS,6BAA6B,6BAA6B,WAAW,+CAA+C,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAe,EAAK,MAAM,CAAC,MAAM,CAAC,UAAU,EAAS,IAAI,EAAE,SAAS,SAAS,WAAW,gDAAgD,EAAE,SAAsB,EAAK,MAAM,CAAC,MAAM,CAAC,YAAY,EAAa,aAAa,EAAS,cAAc,QAAQ,EAAE,SAAsB,EAAK,IAAI,CAAC,MAAM,CAAC,GAAG,EAAe,MAAM,EAAU,OAAO,EAAE,MAAM,OAAO,SAAS,SAAS,EAAE,SAAS,EAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAE,CAAC,CAAC,CAAC,CAAC,CAAE,+BAJpnF,IAA4B,IAAoD,EAAO,EAAc,CAAC,CAAC,SAAS,wCAAwC,OAAO,+OAA+O,EAAE,CAAC,SAAS,wCAAwC,OAAO,4MAA4M,EAAE,CAAC,SAAS,qCAAqC,OAAO,uNAAuN,EAAE,CAAC,SAAS,uCAAuC,OAAO,uSAAuS,CAAC,EAAQ,EAAmB,CAAC,WAAW,iDAAiD,SAAS,GAAG,WAAW,IAAI,cAAc,UAAU,WAAW,EAAE,EAAQ,EAAoB,CAAC,WAAW,iDAAiD,SAAS,GAAG,WAAW,IAAI,cAAc,UAAU,WAAW,GAAG,EAAQ,EAAkB,CAAC,WAAW,iDAAiD,SAAS,GAAG,WAAW,IAAI,WAAW,GAAG,EAAQ,EAAiB,CAAC,WAAW,iDAAiD,SAAS,GAAG,WAAW,IAAI,cAAc,QAAQ,EACj3D,EAAW,GACV,EAAW,GAE2pF,EAAoB,EAAa,CAAC,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,YAAY,QAAQ,CAAC,KAAK,EAAY,OAAO,SAAS,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAa,oBAAoB,EAAE,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,oBAAoB,gBAAgB,EAAI,CAAC,CAAC,EAAE,aAAa,CAAa,EAAE,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,YAAY,EAAE,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,aAAa;WAA8B,gBAAgB,EAAI,EACnsG,YAAY,CAAC,KAAK,OAAO,MAAM,eAAe,SAAS,UAAU,EACjE,aAAa,CAAC,KAAK,OAAO,MAAM,gBAAgB,SAAS,UAAU,EACnE,WAAW,CAAC,KAAK,OAAO,MAAM,cAAc,SAAS,UAAU,EAC/D,UAAU,CAAC,KAAK,OAAO,MAAM,aAAa,SAAS,UAAU,EAAE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,eAAe,EAAI,EAAE,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,eAAe,EAAI,EAAE,cAAc,CAAC,KAAK,EAAY,OAAO,MAAM,iBAAiB,aAAa,EAAE,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,eAAe,EAAI,EAAE,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,SAAS,EAAE,YAAY,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,aAAa,SAAS,EAAE,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,SAAS,EAAE,UAAU,CAAC,KAAK,EAAY,QAAQ,MAAM,aAAa,aAAa,GAAM,aAAa,KAAK,cAAc,KAAK,EAAE,aAAa,CAAC,KAAK,EAAY,QAAQ,MAAM,gBAAgB,aAAa,GAAM,aAAa,KAAK,cAAc,KAAK,EAAE,WAAW,CAAC,KAAK,EAAY,QAAQ,MAAM,cAAc,aAAa,GAAK,aAAa,KAAK,cAAc,KAAK,EAAE,YAAY,CAAC,KAAK,EAAY,QAAQ,MAAM,eAAe,aAAa,GAAK,aAAa,KAAK,cAAc,KAAK,EAAE,YAAY,CAAC,KAAK,EAAY,QAAQ,MAAM,eAAe,aAAa,GAAK,aAAa,KAAK,cAAc,KAAK,CAAC,CAAC,EAAE,EAAa,YAAY"}