{"version":3,"file":"FAQSection.BcDpolcZ.mjs","names":["useState","useRef","startTransition"],"sources":["https:/framerusercontent.com/modules/zhmujrQhmaqiCRiebg5x/vQ3PFrPX1LATgA5c5ZB2/FAQSection.js"],"sourcesContent":["// FAQ section with large header on left 50% and expandable questions on right 50%\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,startTransition,useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{motion,useInView}from\"framer-motion\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight auto\n */export default function FAQSection(props){const{headerText,subheaderText,headerFont,subheaderFont,questionFont,answerFont,headerColor,subheaderColor,questionColor,answerColor,borderColor,hoverBorderColor,cardBackgroundColor,backgroundColor,faqItems,buttonText,buttonLink,buttonBackgroundColor,buttonTextColor,buttonFont,topPadding,gapAbove}=props;const[openIndex,setOpenIndex]=useState(null);const[hoveredIndex,setHoveredIndex]=useState(null);const[isButtonHovered,setIsButtonHovered]=useState(false);const containerRef=useRef(null);const isInView=useInView(containerRef,{once:true,amount:.2});const toggleFAQ=index=>{startTransition(()=>{setOpenIndex(openIndex===index?null:index);});};return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",display:\"flex\",flexDirection:\"row\",flexWrap:\"wrap\",gap:40,padding:\"40px 25px\",paddingTop:topPadding,marginTop:gapAbove,willChange:\"auto\",backgroundColor:backgroundColor,borderRadius:12,position:\"relative\",overflow:\"hidden\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",opacity:.1,pointerEvents:\"none\",backgroundImage:`url(\"data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")`,backgroundRepeat:\"repeat\",borderRadius:12}}),/*#__PURE__*/_jsxs(\"div\",{style:{flex:\"1 1 400px\",minWidth:\"300px\",display:\"flex\",flexDirection:\"column\",gap:16,position:\"relative\",zIndex:1},children:[/*#__PURE__*/_jsx(\"h2\",{style:{margin:0,color:headerColor,...headerFont},children:headerText}),/*#__PURE__*/_jsx(\"p\",{style:{margin:0,color:subheaderColor,...subheaderFont},children:subheaderText}),/*#__PURE__*/_jsx(motion.a,{href:buttonLink,whileHover:{scale:1.05},transition:{duration:.2,ease:\"easeOut\"},onMouseEnter:()=>startTransition(()=>setIsButtonHovered(true)),onMouseLeave:()=>startTransition(()=>setIsButtonHovered(false)),style:{display:\"inline-block\",padding:\"12px 24px\",backgroundColor:buttonBackgroundColor,color:buttonTextColor,borderRadius:8,textDecoration:\"none\",cursor:\"pointer\",width:\"fit-content\",marginTop:8,...buttonFont},children:buttonText})]}),/*#__PURE__*/_jsx(\"div\",{ref:containerRef,style:{flex:\"1 1 400px\",minWidth:\"300px\",display:\"flex\",flexDirection:\"column\",gap:12,position:\"relative\",zIndex:1},children:faqItems.map((item,index)=>{const isOpen=openIndex===index;const isHovered=hoveredIndex===index;return /*#__PURE__*/_jsxs(motion.div,{initial:{opacity:0,x:50},animate:isInView?{opacity:1,x:0}:{opacity:0,x:50},transition:{duration:.5,delay:index*.1,ease:\"easeOut\"},style:{border:`1px solid ${isHovered?hoverBorderColor:borderColor}`,borderRadius:12,padding:20,cursor:\"pointer\",transition:\"border-color 0.2s ease\",backgroundColor:cardBackgroundColor,willChange:\"auto\"},onClick:()=>toggleFAQ(index),onMouseEnter:()=>startTransition(()=>setHoveredIndex(index)),onMouseLeave:()=>startTransition(()=>setHoveredIndex(null)),children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",justifyContent:\"space-between\",alignItems:\"center\",gap:16},children:[/*#__PURE__*/_jsx(\"span\",{style:{color:questionColor,...questionFont},children:item.question}),/*#__PURE__*/_jsx(\"svg\",{width:\"20\",height:\"20\",viewBox:\"0 0 20 20\",fill:\"none\",style:{flexShrink:0,transform:isOpen?\"rotate(180deg)\":\"rotate(0deg)\",transition:\"transform 0.3s ease\"},children:/*#__PURE__*/_jsx(\"path\",{d:\"M5 7.5L10 12.5L15 7.5\",stroke:\"#F59D18\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})})]}),/*#__PURE__*/_jsx(motion.div,{initial:false,animate:{height:isOpen?\"auto\":0,opacity:isOpen?1:0},transition:{duration:.3,ease:\"easeInOut\"},style:{overflow:\"hidden\"},children:/*#__PURE__*/_jsx(\"p\",{style:{margin:0,paddingTop:16,color:answerColor,...answerFont},children:item.answer})})]},index);})})]});}addPropertyControls(FAQSection,{headerText:{type:ControlType.String,title:\"Header\",defaultValue:\"Frequently Asked Questions\"},subheaderText:{type:ControlType.String,title:\"Subheader\",defaultValue:\"Find answers to common questions about our services\",displayTextArea:true},gapAbove:{type:ControlType.Number,title:\"Gap Above\",defaultValue:0,min:0,max:200,step:1,unit:\"px\"},topPadding:{type:ControlType.Number,title:\"Top Padding\",defaultValue:40,min:0,max:200,step:1,unit:\"px\"},buttonText:{type:ControlType.String,title:\"Button Text\",defaultValue:\"Learn More\"},buttonLink:{type:ControlType.Link,title:\"Button Link\"},backgroundColor:{type:ControlType.Color,title:\"Background Color\",defaultValue:\"#F5F5F5\"},headerFont:{type:ControlType.Font,title:\"Header Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"40px\",variant:\"Bold\",letterSpacing:\"-0.04em\",lineHeight:\"1em\"}},subheaderFont:{type:ControlType.Font,title:\"Subheader Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1.3em\"}},buttonFont:{type:ControlType.Font,title:\"Button Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"14px\",variant:\"Semibold\",letterSpacing:\"-0.01em\",lineHeight:\"1em\"}},questionFont:{type:ControlType.Font,title:\"Question Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Semibold\",letterSpacing:\"-0.01em\",lineHeight:\"1.2em\"}},answerFont:{type:ControlType.Font,title:\"Answer Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1.3em\"}},headerColor:{type:ControlType.Color,title:\"Header Color\",defaultValue:\"#000000\"},subheaderColor:{type:ControlType.Color,title:\"Subheader Color\",defaultValue:\"#CCCCCC\"},questionColor:{type:ControlType.Color,title:\"Question Color\",defaultValue:\"#000000\"},answerColor:{type:ControlType.Color,title:\"Answer Color\",defaultValue:\"#CCCCCC\"},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#EEEEEE\"},hoverBorderColor:{type:ControlType.Color,title:\"Hover Border\",defaultValue:\"#000000\"},cardBackgroundColor:{type:ControlType.Color,title:\"Card Background\",defaultValue:\"#FFFFFF\"},buttonBackgroundColor:{type:ControlType.Color,title:\"Button Background\",defaultValue:\"#000000\"},buttonTextColor:{type:ControlType.Color,title:\"Button Text\",defaultValue:\"#FFFFFF\"},faqItems:{type:ControlType.Array,title:\"FAQ Items\",control:{type:ControlType.Object,controls:{question:{type:ControlType.String,title:\"Question\",defaultValue:\"What is your question?\"},answer:{type:ControlType.String,title:\"Answer\",defaultValue:\"This is the answer to your question.\",displayTextArea:true}}},defaultValue:[{question:\"What services do you offer?\",answer:\"We offer a wide range of services including web design, development, and digital marketing solutions tailored to your needs.\"},{question:\"How long does a typical project take?\",answer:\"Project timelines vary depending on scope and complexity, but most projects are completed within 4-8 weeks.\"},{question:\"What is your pricing structure?\",answer:\"We offer flexible pricing based on project requirements. Contact us for a custom quote tailored to your specific needs.\"},{question:\"Do you provide ongoing support?\",answer:\"Yes, we offer comprehensive support and maintenance packages to ensure your project continues to perform optimally.\"}]}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FAQSection\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FAQSection.map"],"mappings":"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"}