{"version":3,"file":"InteractiveFAQ.CHXxbc6W.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/UCFDUenuScA9gI6c0mMy/JYRJYPjsAjgzW2OvOYaG/InteractiveFAQ.js"],"sourcesContent":["// Interactive FAQ component with image on left and expandable questions on right that change the image when clicked\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,startTransition}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{motion,AnimatePresence}from\"framer-motion\";/**\n * Interactive FAQ with Image\n *\n * @framerIntrinsicWidth 1200\n * @framerIntrinsicHeight 700\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function InteractiveFAQ(props){const{tagline,heading,subheading,faqItems=[{question:\"Automated invoice & billing\",answer:\"Yes, FinFlow is scalable and offers flexible plans to meet the needs of businesses at different growth stages. Whether you're a small startup or a large enterprise.\",image:{src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Automated invoice & billing\"}},{question:\"Subscription revenue tracking\",answer:\"Track and manage your subscription revenue with ease. Get insights into recurring revenue, churn rates, and customer lifetime value.\",image:{src:\"https://framerusercontent.com/images/aNsAT3jCvt4zglbWCUoFe33Q.jpg\",alt:\"Subscription revenue tracking\"}},{question:\"API & third-party integrations\",answer:\"Connect with your favorite tools and services. Our API allows seamless integration with accounting software, CRMs, and payment processors.\",image:{src:\"https://framerusercontent.com/images/BYnxEV1zjYb9bhWh1IwBZ1ZoS60.jpg\",alt:\"API & third-party integrations\"}}],backgroundColor,textColor,accentColor,taglineFont,headingFont,subheadingFont,questionFont,answerFont,borderColor,padding,style}=props;const[activeIndex,setActiveIndex]=useState(null);const handleToggle=index=>{startTransition(()=>{setActiveIndex(activeIndex===index?null:index);});};const currentImage=activeIndex!==null&&faqItems[activeIndex]?.image?faqItems[activeIndex].image:faqItems[0]?.image||{src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Default image\"};return /*#__PURE__*/_jsxs(\"div\",{style:{...style,width:\"100%\",height:\"100%\",display:\"flex\",gap:60,padding:padding,overflow:\"hidden\"},children:[/*#__PURE__*/_jsx(motion.div,{initial:{opacity:0,x:-20},animate:{opacity:1,x:0},transition:{duration:.6,ease:\"easeOut\"},style:{flex:\"0 0 45%\",position:\"relative\",borderRadius:24,overflow:\"hidden\"},children:/*#__PURE__*/_jsx(AnimatePresence,{mode:\"wait\",children:/*#__PURE__*/_jsx(motion.img,{src:currentImage.src,alt:currentImage.alt,initial:{opacity:0,scale:1.05},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.4,ease:\"easeInOut\"},style:{width:\"100%\",height:\"100%\",objectFit:\"cover\"}},currentImage.src)})}),/*#__PURE__*/_jsxs(\"div\",{style:{flex:1,display:\"flex\",flexDirection:\"column\",gap:40},children:[/*#__PURE__*/_jsxs(motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6,delay:.2,ease:\"easeOut\"},style:{display:\"flex\",flexDirection:\"column\",gap:16},children:[/*#__PURE__*/_jsx(\"span\",{style:{...taglineFont,color:accentColor},children:tagline}),/*#__PURE__*/_jsx(\"h1\",{style:{...headingFont,color:textColor,margin:0},children:heading}),/*#__PURE__*/_jsx(\"p\",{style:{...subheadingFont,color:textColor,margin:0,opacity:.8},children:subheading})]}),/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:0},children:faqItems.map((item,index)=>{const isActive=activeIndex===index;const isLast=index===faqItems.length-1;return /*#__PURE__*/_jsxs(motion.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{duration:.4,delay:.3+index*.1,ease:\"easeOut\"},style:{borderBottom:isLast?\"none\":`1px solid ${borderColor}`,paddingTop:index===0?0:24,paddingBottom:24},children:[/*#__PURE__*/_jsxs(motion.button,{onClick:()=>handleToggle(index),whileHover:{x:4},transition:{duration:.2},style:{width:\"100%\",background:\"none\",border:\"none\",padding:0,cursor:\"pointer\",textAlign:\"left\",display:\"flex\",justifyContent:\"space-between\",alignItems:\"center\",gap:16},children:[/*#__PURE__*/_jsx(motion.span,{animate:{opacity:isActive?1:.9},transition:{duration:.2},style:{...questionFont,color:textColor},children:item.question}),/*#__PURE__*/_jsx(motion.div,{animate:{rotate:isActive?180:0},transition:{duration:.3,ease:\"easeInOut\"},style:{flexShrink:0,width:24,height:24,display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},children:/*#__PURE__*/_jsx(\"svg\",{width:\"16\",height:\"16\",viewBox:\"0 0 16 16\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M4 6L8 10L12 6\",stroke:\"#F59D18\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})})})]}),/*#__PURE__*/_jsx(AnimatePresence,{children:isActive&&/*#__PURE__*/_jsx(motion.div,{initial:{height:0,opacity:0},animate:{height:\"auto\",opacity:1},exit:{height:0,opacity:0},transition:{duration:.3,ease:\"easeInOut\"},style:{overflow:\"hidden\"},children:/*#__PURE__*/_jsx(motion.div,{initial:{y:-10},animate:{y:0},transition:{duration:.3,delay:.1},style:{paddingTop:16,display:\"flex\",flexDirection:\"column\",gap:16},children:/*#__PURE__*/_jsx(\"p\",{style:{...answerFont,color:textColor,margin:0,opacity:.8},children:item.answer})})})})]},index);})})]})]});}addPropertyControls(InteractiveFAQ,{tagline:{type:ControlType.String,title:\"Tagline\",defaultValue:\"More Growth, Less Stress\"},heading:{type:ControlType.String,title:\"Heading\",defaultValue:\"Smart budgeting & forecasting\",displayTextArea:true},subheading:{type:ControlType.String,title:\"Subheading\",defaultValue:\"Discover how our platform helps you manage your finances with ease and confidence.\",displayTextArea:true},padding:{type:ControlType.Padding,title:\"Padding\",defaultValue:\"60px\"},faqItems:{type:ControlType.Array,title:\"FAQ Items\",control:{type:ControlType.Object,controls:{question:{type:ControlType.String,title:\"Question\",defaultValue:\"Question\"},answer:{type:ControlType.String,title:\"Answer\",defaultValue:\"Answer text goes here\",displayTextArea:true},image:{type:ControlType.ResponsiveImage,title:\"Image\"}}},defaultValue:[{question:\"Automated invoice & billing\",answer:\"Yes, FinFlow is scalable and offers flexible plans to meet the needs of businesses at different growth stages. Whether you're a small startup or a large enterprise.\",image:{src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Automated invoice & billing\"}},{question:\"Subscription revenue tracking\",answer:\"Track and manage your subscription revenue with ease. Get insights into recurring revenue, churn rates, and customer lifetime value.\",image:{src:\"https://framerusercontent.com/images/aNsAT3jCvt4zglbWCUoFe33Q.jpg\",alt:\"Subscription revenue tracking\"}},{question:\"API & third-party integrations\",answer:\"Connect with your favorite tools and services. Our API allows seamless integration with accounting software, CRMs, and payment processors.\",image:{src:\"https://framerusercontent.com/images/BYnxEV1zjYb9bhWh1IwBZ1ZoS60.jpg\",alt:\"API & third-party integrations\"}}]},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#2B2D31\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#FFFFFF\"},accentColor:{type:ControlType.Color,title:\"Accent Color\",defaultValue:\"#C4D82E\"},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#3F4147\"},taglineFont:{type:ControlType.Font,title:\"Tagline Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1.3em\"}},headingFont:{type:ControlType.Font,title:\"Heading Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"56px\",variant:\"Regular\",letterSpacing:\"-0.02em\",lineHeight:\"1.1em\"}},subheadingFont:{type:ControlType.Font,title:\"Subheading Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"18px\",variant:\"Regular\",letterSpacing:\"-0.01em\",lineHeight:\"1.4em\"}},questionFont:{type:ControlType.Font,title:\"Question Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"22px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1.3em\"}},answerFont:{type:ControlType.Font,title:\"Answer Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Regular\",letterSpacing:\"-0.01em\",lineHeight:\"1.5em\"}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"InteractiveFAQ\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"700\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicWidth\":\"1200\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./InteractiveFAQ.map"],"mappings":"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"}