{"version":3,"file":"HowItWorksTimeline.CWiJGnO2.mjs","names":[],"sources":["https:/framerusercontent.com/modules/ZHNY43TLVTTqJrFvLQOb/mbOJYVEeYKmaaz3UBmpy/HowItWorksTimeline.js"],"sourcesContent":["// Vertical timeline component showing a step-by-step process flow with alternating content layout\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function HowItWorksTimeline(props){const{layoutMode,steps,lineColor,markerColor,markerSize=16,lineWidth=2,spacing=80,titleFont,descriptionFont,titleColor,descriptionColor}=props;return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",display:\"flex\",flexDirection:\"column\",alignItems:\"center\",padding:\"20px 20px\",position:\"relative\"},children:/*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:\"100%\",maxWidth:layoutMode===\"desktop\"?1200:600},children:steps.map((step,index)=>{const isLeft=index%2===0;const isLast=index===steps.length-1;const defaultImage={src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Step image\"};const currentImage=step.image?.src&&step.image.src.trim()!==\"\"?step.image:defaultImage;// Mobile layout: stacked vertically\nif(layoutMode===\"mobile\"){return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",display:\"flex\",flexDirection:\"column\",alignItems:\"center\",marginBottom:isLast?0:10},children:[/*#__PURE__*/_jsx(\"div\",{style:{marginBottom:12},children:/*#__PURE__*/_jsx(\"img\",{src:currentImage.src,alt:currentImage.alt,style:{width:\"100%\",height:\"100%\",objectFit:\"contain\"}})}),/*#__PURE__*/_jsxs(\"div\",{style:{maxWidth:400,textAlign:\"center\",paddingLeft:20,paddingRight:20},children:[/*#__PURE__*/_jsx(\"h3\",{style:{...titleFont,color:titleColor,marginBottom:12},children:step.title}),/*#__PURE__*/_jsx(\"p\",{style:{...descriptionFont,color:descriptionColor,margin:0},children:step.description})]}),!isLast&&/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",alignItems:\"center\",marginTop:12},children:[/*#__PURE__*/_jsx(\"div\",{style:{width:markerSize,height:markerSize,borderRadius:\"50%\",backgroundColor:markerColor,border:`${lineWidth}px solid ${lineColor}`,marginBottom:8}}),/*#__PURE__*/_jsx(\"div\",{style:{width:lineWidth,height:spacing/2,backgroundColor:lineColor}})]})]},index);}// Desktop layout: alternating left/right\nreturn /*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",display:\"flex\",flexDirection:\"row\",alignItems:\"flex-start\",justifyContent:\"center\",marginBottom:isLast?0:spacing},children:[/*#__PURE__*/_jsx(\"div\",{style:{flex:1,display:\"flex\",justifyContent:isLeft?\"flex-end\":\"flex-start\",paddingRight:isLeft?40:0,paddingLeft:isLeft?0:40},children:isLeft?/*#__PURE__*/_jsx(\"div\",{style:{paddingRight:20,minHeight:800,maxWidth:500},children:/*#__PURE__*/_jsx(\"img\",{src:currentImage.src,alt:currentImage.alt,style:{width:\"100%\",height:\"100%\",objectFit:\"contain\"}})}):/*#__PURE__*/_jsxs(\"div\",{style:{maxWidth:320,paddingLeft:20},children:[/*#__PURE__*/_jsx(\"h3\",{style:{...titleFont,color:titleColor,marginBottom:12},children:step.title}),/*#__PURE__*/_jsx(\"p\",{style:{...descriptionFont,color:descriptionColor,margin:0},children:step.description})]})}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"absolute\",left:\"50%\",top:0,transform:\"translateX(-50%)\",display:\"flex\",flexDirection:\"column\",alignItems:\"center\",height:\"100%\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{width:markerSize,height:markerSize,borderRadius:\"50%\",backgroundColor:markerColor,border:`${lineWidth}px solid ${lineColor}`,zIndex:2,flexShrink:0}}),/*#__PURE__*/_jsx(\"div\",{style:{width:lineWidth,flex:1,backgroundColor:lineColor,marginTop:8,marginBottom:8}})]}),/*#__PURE__*/_jsx(\"div\",{style:{flex:1,display:\"flex\",justifyContent:isLeft?\"flex-start\":\"flex-end\",paddingLeft:isLeft?40:0,paddingRight:isLeft?0:40},children:isLeft?/*#__PURE__*/_jsxs(\"div\",{style:{maxWidth:320,paddingRight:20},children:[/*#__PURE__*/_jsx(\"h3\",{style:{...titleFont,color:titleColor,marginBottom:12},children:step.title}),/*#__PURE__*/_jsx(\"p\",{style:{...descriptionFont,color:descriptionColor,margin:0},children:step.description})]}):/*#__PURE__*/_jsx(\"div\",{style:{paddingLeft:20,minHeight:800,maxWidth:isLast?700:500},children:/*#__PURE__*/_jsx(\"img\",{src:currentImage.src,alt:currentImage.alt,style:{width:\"100%\",height:\"100%\",objectFit:\"contain\"}})})})]},index);})})});}addPropertyControls(HowItWorksTimeline,{layoutMode:{type:ControlType.Enum,title:\"Layout Mode\",options:[\"desktop\",\"mobile\"],optionTitles:[\"Desktop (Alternating)\",\"Mobile (Stacked)\"],defaultValue:\"desktop\",displaySegmentedControl:true},steps:{type:ControlType.Array,title:\"Steps\",control:{type:ControlType.Object,controls:{title:{type:ControlType.String,title:\"Title\",defaultValue:\"Step Title\"},description:{type:ControlType.String,title:\"Description\",displayTextArea:true,defaultValue:\"Step description goes here\"},image:{type:ControlType.ResponsiveImage,title:\"Image\"}}},defaultValue:[{title:\"Talk\",description:\"Salespeople engage with customers in their home\",image:{src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Talk step\"}},{title:\"Capture\",description:\"Field sales conversations are recorded and automatically transcribed via the SPCloser mobile app\",image:{src:\"https://framerusercontent.com/images/BYnxEV1zjYb9bhWh1IwBZ1ZoS60.jpg\",alt:\"Capture step\"}},{title:\"Analyze and Coach\",description:\"Our AI evaluates the sales conversation and provides real-time coaching, giving salespeople instant feedback and actionable recommendations\",image:{src:\"https://framerusercontent.com/images/f9RiWoNpmlCMqVRIHz8l8wYfeI.jpg\",alt:\"Analyze step\"}},{title:\"Empower\",description:\"Managers empower their reps to close more deals with team and individual insights, usage metrics and a full recording library\",image:{src:\"https://framerusercontent.com/images/aNsAT3jCvt4zglbWCUoFe33Q.jpg\",alt:\"Empower step\"}}]},titleFont:{type:ControlType.Font,title:\"Title Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"22px\",variant:\"Semibold\",letterSpacing:\"-0.01em\",lineHeight:\"1.3em\"}},titleColor:{type:ControlType.Color,title:\"Title Color\",defaultValue:\"#0066CC\"},descriptionFont:{type:ControlType.Font,title:\"Description Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Regular\",letterSpacing:\"-0.01em\",lineHeight:\"1.5em\"}},descriptionColor:{type:ControlType.Color,title:\"Description Color\",defaultValue:\"#666666\"},lineColor:{type:ControlType.Color,title:\"Line Color\",defaultValue:\"#E0E0E0\"},markerColor:{type:ControlType.Color,title:\"Marker Color\",defaultValue:\"#0066CC\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"HowItWorksTimeline\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./HowItWorksTimeline.map"],"mappings":"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"}