{"version":3,"file":"Customer_quote.DBBlFu1n.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/uwLgFfk1PEsRRH5fxhMQ/nYmTFB1RgJTU03EJuxFs/Customer_quote.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState,useEffect}from\"react\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight auto\n *\n * Customer quote/testimonial component with 4 tabs.\n * Each tab shows a quote, author, title, top logo, and tab logo.\n * All text and logos are configurable via property controls.\n */const PlaceholderLogo=({width=140,height=18,color=\"#000000\",style={}})=>/*#__PURE__*/_jsx(\"svg\",{width:width,height:height,viewBox:\"0 0 188 24\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",style:{display:\"block\",...style},children:/*#__PURE__*/_jsxs(\"g\",{fill:color,fillRule:\"evenodd\",children:[/*#__PURE__*/_jsx(\"polygon\",{points:\"67.25 5.92 62.43 5.92 68.26 23.6 73.45 23.6 79.27 5.92 74.45 5.92 70.8 19.24\"}),/*#__PURE__*/_jsx(\"polygon\",{points:\"0 0 4.99 0 4.99 23.6 0 23.6\"}),/*#__PURE__*/_jsx(\"polygon\",{points:\"9.91 0 14.9 0 14.9 23.6 9.91 23.6\"}),/*#__PURE__*/_jsx(\"polygon\",{points:\"19.82 0 34.58 0 34.58 3.93 24.81 3.93 24.81 9.55 33.91 9.55 33.91 13.49 24.81 13.49 24.81 19.67 34.58 19.67 34.58 23.6 19.82 23.6\"}),/*#__PURE__*/_jsx(\"polygon\",{points:\"37.63 0 42.35 0 42.35 23.6 37.63 23.6\"})]})});function useBreakpoint(){const[bp,setBp]=useState(\"desktop\");useEffect(()=>{const check=()=>{const w=window.innerWidth;if(w<640)setBp(\"mobile\");else if(w<1024)setBp(\"tablet\");else setBp(\"desktop\");};check();window.addEventListener(\"resize\",check);return()=>window.removeEventListener(\"resize\",check);},[]);return bp;}export default function Customer_quote(props){const{accentColor=\"#635BFF\",// Quote 1\nquote1=\"“We understood the technology stack was extremely strong and exactly what we needed to modernize our operations.”\",author1=\"Lesley Corr\",authorTitle1=\"Business Manager, Company A\",topLogo1,tabLogo1,// Quote 2\nquote2=\"“The platform has transformed how we manage our operations end to end.”\",author2=\"James Mitchell\",authorTitle2=\"Operations Director, Company B\",topLogo2,tabLogo2,// Quote 3\nquote3=\"“Implementation was remarkably smooth. The team was able to get us live in weeks, not months.”\",author3=\"Sarah Chen\",authorTitle3=\"Head of Technology, Company C\",topLogo3,tabLogo3,// Quote 4\nquote4=\"“The reporting capabilities alone have been worth the investment many times over.”\",author4=\"Michael Torres\",authorTitle4=\"Chief Financial Officer, Company D\",topLogo4,tabLogo4,style}=props;const testimonials=[{quote:quote1,author:author1,title:authorTitle1,topLogo:topLogo1,tabLogo:tabLogo1},{quote:quote2,author:author2,title:authorTitle2,topLogo:topLogo2,tabLogo:tabLogo2},{quote:quote3,author:author3,title:authorTitle3,topLogo:topLogo3,tabLogo:tabLogo3},{quote:quote4,author:author4,title:authorTitle4,topLogo:topLogo4,tabLogo:tabLogo4}];const[activeIndex,setActiveIndex]=useState(0);const bp=useBreakpoint();const isMobile=bp===\"mobile\";const isTablet=bp===\"tablet\";const containerStyle={width:\"100%\",maxWidth:1200,margin:\"0 auto\",padding:isMobile?\"48px 20px\":isTablet?\"64px 40px\":\"80px 0\",fontFamily:\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\",boxSizing:\"border-box\",...style};const quoteContainerStyle={display:\"flex\",flexDirection:\"column\",alignItems:\"center\",textAlign:\"center\",paddingBottom:isMobile?40:56,minHeight:isMobile?200:isTablet?240:260,justifyContent:\"center\"};const quoteTextStyle={fontSize:isMobile?18:isTablet?22:26,lineHeight:1.55,color:\"#6B6B8D\",margin:0,maxWidth:800,fontWeight:400,padding:isMobile?\"0 4px\":\"0 20px\"};const authorStyle={marginTop:isMobile?20:28,fontSize:isMobile?14:15,color:\"#6B6B8D\"};const separatorStyle={borderTop:\"1.5px dotted #c8c8d0\"};const tabsContainerStyle={display:\"flex\",justifyContent:\"center\",gap:0,flexWrap:isMobile?\"wrap\":\"nowrap\"};const getTabStyle=isActive=>({flex:isMobile?\"0 0 50%\":\"1 1 0\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",cursor:\"pointer\",padding:isMobile?\"24px 16px\":\"28px 32px\",borderTop:isActive?\"3px solid \"+accentColor:\"3px solid transparent\",marginTop:-1.5,transition:\"border-color 0.25s ease, opacity 0.25s ease\",opacity:isActive?1:.45,boxSizing:\"border-box\"});const current=testimonials[activeIndex];return /*#__PURE__*/_jsxs(\"div\",{style:containerStyle,children:[/*#__PURE__*/_jsxs(\"div\",{style:quoteContainerStyle,children:[/*#__PURE__*/_jsx(\"div\",{style:{marginBottom:isMobile?28:36,opacity:.55},children:current.topLogo?/*#__PURE__*/_jsx(\"img\",{src:current.topLogo,alt:\"Company logo\",style:{height:isMobile?14:18,width:\"auto\",maxWidth:isMobile?110:140,objectFit:\"contain\",display:\"block\"}}):/*#__PURE__*/_jsx(PlaceholderLogo,{width:isMobile?110:140,height:isMobile?14:18,color:accentColor})}),/*#__PURE__*/_jsx(\"p\",{style:quoteTextStyle,children:current.quote}),/*#__PURE__*/_jsxs(\"div\",{style:authorStyle,children:[/*#__PURE__*/_jsxs(\"span\",{style:{fontWeight:600,color:\"#1a1a2e\"},children:[current.author,\",\"]}),\" \",current.title]})]}),/*#__PURE__*/_jsx(\"div\",{style:separatorStyle}),/*#__PURE__*/_jsx(\"div\",{style:tabsContainerStyle,children:testimonials.map((_,index)=>/*#__PURE__*/_jsx(\"div\",{style:getTabStyle(index===activeIndex),onClick:()=>setActiveIndex(index),children:testimonials[index].tabLogo?/*#__PURE__*/_jsx(\"img\",{src:testimonials[index].tabLogo,alt:\"Logo \"+(index+1),style:{height:isMobile?13:isTablet?15:17,width:\"auto\",maxWidth:isMobile?100:isTablet?115:130,objectFit:\"contain\",display:\"block\"}}):/*#__PURE__*/_jsx(PlaceholderLogo,{width:isMobile?100:isTablet?115:130,height:isMobile?13:isTablet?15:17,color:index===activeIndex?accentColor:\"#8E8EA0\"})},index))})]});}addPropertyControls(Customer_quote,{accentColor:{title:\"Accent\",type:ControlType.Color,defaultValue:\"#635BFF\"},// Quote 1\nquote1:{title:\"Quote 1\",type:ControlType.String,defaultValue:\"“We understood the technology stack was extremely strong and exactly what we needed to modernize our operations.”\",displayTextArea:true},author1:{title:\"Author 1\",type:ControlType.String,defaultValue:\"Lesley Corr\"},authorTitle1:{title:\"Author Title 1\",type:ControlType.String,defaultValue:\"Business Manager, Company A\"},topLogo1:{title:\"Top Logo 1\",type:ControlType.Image},tabLogo1:{title:\"Tab Logo 1\",type:ControlType.Image},// Quote 2\nquote2:{title:\"Quote 2\",type:ControlType.String,defaultValue:\"“The platform has transformed how we manage our operations end to end.”\",displayTextArea:true},author2:{title:\"Author 2\",type:ControlType.String,defaultValue:\"James Mitchell\"},authorTitle2:{title:\"Author Title 2\",type:ControlType.String,defaultValue:\"Operations Director, Company B\"},topLogo2:{title:\"Top Logo 2\",type:ControlType.Image},tabLogo2:{title:\"Tab Logo 2\",type:ControlType.Image},// Quote 3\nquote3:{title:\"Quote 3\",type:ControlType.String,defaultValue:\"“Implementation was remarkably smooth. The team was able to get us live in weeks, not months.”\",displayTextArea:true},author3:{title:\"Author 3\",type:ControlType.String,defaultValue:\"Sarah Chen\"},authorTitle3:{title:\"Author Title 3\",type:ControlType.String,defaultValue:\"Head of Technology, Company C\"},topLogo3:{title:\"Top Logo 3\",type:ControlType.Image},tabLogo3:{title:\"Tab Logo 3\",type:ControlType.Image},// Quote 4\nquote4:{title:\"Quote 4\",type:ControlType.String,defaultValue:\"“The reporting capabilities alone have been worth the investment many times over.”\",displayTextArea:true},author4:{title:\"Author 4\",type:ControlType.String,defaultValue:\"Michael Torres\"},authorTitle4:{title:\"Author Title 4\",type:ControlType.String,defaultValue:\"Chief Financial Officer, Company D\"},topLogo4:{title:\"Top Logo 4\",type:ControlType.Image},tabLogo4:{title:\"Tab Logo 4\",type:ControlType.Image}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Customer_quote\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Customer_quote.map"],"mappings":"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"}