{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/AyRnOveCkayhndg33Z2s/dzNsXftwcq4DohMTnpVn/DloBNXH2P.js"],
  "sourcesContent": ["// Generated by Framer (4431e6b)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Image,RichText,SVG,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import*as sharedStyle from\"https://framerusercontent.com/modules/AvdyGtnp14D0mBDvWtjg/pNcisqGAxqr02MzbpD1C/Tm_tZOVkc.js\";const cycleOrder=[\"qUyC0R8r9\",\"h8U7GDZAk\",\"ozVBLr4Ye\"];const variantClassNames={h8U7GDZAk:\"framer-v-wsc50r\",ozVBLr4Ye:\"framer-v-15dzmca\",qUyC0R8r9:\"framer-v-ca8kj5\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const humanReadableVariantMap={Desktop:\"qUyC0R8r9\",Phone:\"ozVBLr4Ye\",Tablet:\"h8U7GDZAk\"};const transitions={default:{damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"}};const toResponsiveImage=value=>{if(typeof value===\"object\"&&value!==null&&typeof value.src===\"string\"){return value;}return typeof value===\"string\"?{src:value}:undefined;};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/ _jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Component=/*#__PURE__*/ React.forwardRef(function({id,style,className,width,height,layoutId,variant:outerVariant=\"qUyC0R8r9\",sectionIcon:R6XFy0PEk=\"bolt\",sectionTitle:rXMTVlg1G=\"Environment as a Service\",title:HM2Qo0IA0=\"How it works\",text:ApwrVa_5m=\"Qovery provides a powerful Environment as a Service feature that integrates with your technical stack. Simply define your Environment with all your services and clone it as many times as you need.\",step1:r0kcMPdMi=\"Define Your Environment\",step2:CNrt0_5Si=\"Push your code\",step3:H48J6AerQ=\"3. Your Environment is deployed\",image:H2PwA8ca3={src:new URL(\"assets/aRC4dMefPIdP2FOeAh6VfWiLM.svg\",\"https://framerusercontent.com/modules/AyRnOveCkayhndg33Z2s/dzNsXftwcq4DohMTnpVn/DloBNXH2P.js\").href},...restProps},ref){const outerVariantId=humanReadableVariantMap[outerVariant];const variant=outerVariantId||outerVariant;const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"qUyC0R8r9\",transitions,variant,variantClassNames});const layoutDependency=variants.join(\"-\")+restProps.layoutDependency;const defaultLayoutId=React.useId();return /*#__PURE__*/ _jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/ _jsx(motion.div,{initial:variant,animate:variants,onHoverStart:()=>setGestureState({isHovered:true}),onHoverEnd:()=>setGestureState({isHovered:false}),onTapStart:()=>setGestureState({isPressed:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),className:cx(\"framer-NF20Q\",sharedStyle.className,classNames),style:{display:\"contents\"},children:/*#__PURE__*/ _jsx(Transition,{value:transition,children:/*#__PURE__*/ _jsxs(motion.div,{...restProps,className:cx(\"framer-ca8kj5\",className),\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"qUyC0R8r9\",ref:ref,style:{backgroundColor:\"var(--token-1467a359-5fb9-4647-99b8-51bf9f9fde41, rgb(255, 255, 255))\",...style},...addPropertyOverrides({h8U7GDZAk:{\"data-framer-name\":\"Tablet\"},ozVBLr4Ye:{\"data-framer-name\":\"Phone\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/ _jsxs(motion.div,{className:\"framer-1t0rmkm\",\"data-framer-name\":\"Title\",layoutDependency:layoutDependency,layoutId:\"do6ylEBYH\",children:[/*#__PURE__*/ _jsxs(motion.div,{className:\"framer-17e95m6\",\"data-framer-name\":\"Frame\",layoutDependency:layoutDependency,layoutId:\"I35127:201578;35008:197308\",children:[/*#__PURE__*/ _jsx(motion.div,{className:\"framer-86na85\",\"data-framer-name\":\"icon\",layoutDependency:layoutDependency,layoutId:\"I35127:201578;35008:197298\",children:/*#__PURE__*/ _jsx(motion.div,{className:\"framer-11w5lat\",\"data-border\":true,\"data-framer-name\":\"Ellipse 440\",layoutDependency:layoutDependency,layoutId:\"I35127:201578;35008:197298;35008:196701\",style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"rgb(255, 255, 255)\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",background:\"linear-gradient(180deg, rgba(232, 233, 247, 1) 0%, rgba(232, 233, 247, 0) 100%)\",borderBottomLeftRadius:\"100%\",borderBottomRightRadius:\"100%\",borderTopLeftRadius:\"100%\",borderTopRightRadius:\"100%\",boxShadow:\"inset 0px 0px 3px 0px rgba(167, 172, 231, 1)\"},children:/*#__PURE__*/ _jsx(Image,{background:{alt:\"\",fit:\"fit\",intrinsicHeight:150,intrinsicWidth:131,pixelHeight:150,pixelWidth:131,src:new URL(\"assets/t8poyquSXoZnd89GHw7gDe1ro.svg\",\"https://framerusercontent.com/modules/AyRnOveCkayhndg33Z2s/dzNsXftwcq4DohMTnpVn/DloBNXH2P.js\").href},className:\"framer-oasbi4\",layoutDependency:layoutDependency,layoutId:\"XNvOiQDBa\"})})}),/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItU2VtaUJvbGQ=\",\"--framer-font-family\":'\"Inter-SemiBold\", \"Inter\", sans-serif',\"--framer-font-size\":\"14px\",\"--framer-font-weight\":\"600\",\"--framer-line-height\":\"24px\",\"--framer-text-color\":\"var(--extracted-r6o4lv)\"},children:\"Environment as a Service\"})}),className:\"framer-14gga7c\",\"data-framer-name\":\"Customers\",fonts:[\"Inter-SemiBold\"],layoutDependency:layoutDependency,layoutId:\"I35127:201578;35003:197661\",style:{\"--extracted-r6o4lv\":\"rgb(90, 80, 214)\",\"--framer-paragraph-spacing\":\"0px\"},text:rXMTVlg1G,verticalAlignment:\"center\",withExternalLayout:true})]}),/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.h2,{className:\"framer-styles-preset-x30lxa\",\"data-styles-preset\":\"Tm_tZOVkc\",children:\"How it works\"})}),className:\"framer-aeu9b4\",\"data-framer-name\":\"Don\u2019t take our words for granted\",layoutDependency:layoutDependency,layoutId:\"I35127:201578;35003:197662\",style:{\"--framer-paragraph-spacing\":\"0px\"},text:HM2Qo0IA0,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.p,{style:{\"--font-selector\":\"R0Y7SW50ZXItcmVndWxhcg==\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-size\":\"20px\",\"--framer-line-height\":\"32px\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv)\"},children:\"Qovery provides a powerful Environment as a Service feature that integrates with your technical stack. Simply define your Environment with all your services and clone it as many times as you need.\"})}),className:\"framer-eijazw\",\"data-framer-name\":\"AWS with Qovery offers more flexibility at a fraction of Heroku\u2019s cost\",fonts:[\"GF;Inter-regular\"],layoutDependency:layoutDependency,layoutId:\"I35127:201578;35008:197392\",style:{\"--extracted-r6o4lv\":\"var(--token-0547a558-f7ee-4dd7-8161-0bd5dd5c8409, rgb(61, 64, 109))\",\"--framer-paragraph-spacing\":\"0px\"},text:ApwrVa_5m,verticalAlignment:\"top\",withExternalLayout:true})]}),/*#__PURE__*/ _jsx(motion.div,{className:\"framer-1hleh27\",\"data-framer-name\":\"Frame 8499\",layoutDependency:layoutDependency,layoutId:\"pZoCtE_pr\",children:/*#__PURE__*/ _jsxs(motion.div,{className:\"framer-tlfoxp\",\"data-framer-name\":\"Frame 8498\",layoutDependency:layoutDependency,layoutId:\"aOoWT78lk\",children:[/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.ol,{style:{\"--font-selector\":\"R0Y7SW50ZXItNTAw\",\"--framer-font-size\":\"13px\",\"--framer-font-weight\":\"500\",\"--framer-letter-spacing\":\"0.03px\",\"--framer-line-height\":\"20px\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-gjwowx)\"},children:/*#__PURE__*/ _jsx(motion.li,{children:/*#__PURE__*/ _jsx(motion.p,{children:\"Define Your Environment\"})})})}),className:\"framer-1ker3d9\",\"data-framer-name\":\"Connect your git account\",fonts:[\"GF;Inter-500\"],layoutDependency:layoutDependency,layoutId:\"NsIzg9Tvz\",style:{\"--extracted-gjwowx\":\"rgb(67, 58, 184)\",\"--framer-paragraph-spacing\":\"0px\"},text:r0kcMPdMi,verticalAlignment:\"center\",withExternalLayout:true}),/*#__PURE__*/ _jsx(SVG,{className:\"framer-17259ap\",\"data-framer-name\":\"angle_right_solid\",fill:\"black\",intrinsicHeight:512,intrinsicWidth:320,layoutDependency:layoutDependency,layoutId:\"AoeQxBYfn\",svg:'<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"#433AB8\" viewBox=\"0 0 320 512\"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc.--><path d=\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\"/></svg>',withExternalLayout:true}),/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.ol,{start:\"2\",style:{\"--font-selector\":\"R0Y7SW50ZXItNTAw\",\"--framer-font-size\":\"13px\",\"--framer-font-weight\":\"500\",\"--framer-letter-spacing\":\"0.03px\",\"--framer-line-height\":\"20px\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-gjwowx)\"},children:/*#__PURE__*/ _jsx(motion.li,{children:/*#__PURE__*/ _jsx(motion.p,{children:\"Push your code\"})})})}),className:\"framer-h4mnfe\",\"data-framer-name\":\"2. Select your repository\",fonts:[\"GF;Inter-500\"],layoutDependency:layoutDependency,layoutId:\"me6OY6O1C\",style:{\"--extracted-gjwowx\":\"rgb(67, 58, 184)\",\"--framer-paragraph-spacing\":\"0px\"},text:CNrt0_5Si,verticalAlignment:\"center\",withExternalLayout:true}),/*#__PURE__*/ _jsx(SVG,{className:\"framer-1d7kokp\",\"data-framer-name\":\"angle_right_solid\",fill:\"black\",intrinsicHeight:512,intrinsicWidth:320,layoutDependency:layoutDependency,layoutId:\"MYdiVP2nU\",svg:'<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"#433AB8\" viewBox=\"0 0 320 512\"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc.--><path d=\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\"/></svg>',withExternalLayout:true}),/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.p,{style:{\"--font-selector\":\"R0Y7SW50ZXItNTAw\",\"--framer-font-size\":\"13px\",\"--framer-font-weight\":\"500\",\"--framer-letter-spacing\":\"0.03px\",\"--framer-line-height\":\"20px\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv)\"},children:\"3. Your Environment is deployed\"})}),className:\"framer-8eq6vn\",\"data-framer-name\":\"3. Your app is deployed!\",fonts:[\"GF;Inter-500\"],layoutDependency:layoutDependency,layoutId:\"zAOIAEn54\",style:{\"--extracted-r6o4lv\":\"rgb(67, 58, 184)\",\"--framer-paragraph-spacing\":\"0px\"},text:H48J6AerQ,verticalAlignment:\"center\",withExternalLayout:true})]})}),/*#__PURE__*/ _jsx(Image,{background:{alt:\"\",fit:\"fit\",intrinsicHeight:504,intrinsicWidth:714,pixelHeight:504,pixelWidth:714,sizes:\"min(min(1440px, 100vw) * 0.8, 920px)\",...toResponsiveImage(H2PwA8ca3)},className:\"framer-62lf77\",\"data-framer-name\":\"qovery_integration\",layoutDependency:layoutDependency,layoutId:\"stMHROaqF\",...addPropertyOverrides({h8U7GDZAk:{background:{alt:\"\",fit:\"fit\",intrinsicHeight:504,intrinsicWidth:714,pixelHeight:504,pixelWidth:714,sizes:\"min(min(810px, 100vw) * 0.8, 920px)\",...toResponsiveImage(H2PwA8ca3)}},ozVBLr4Ye:{background:{alt:\"\",fit:\"fit\",intrinsicHeight:504,intrinsicWidth:714,pixelHeight:504,pixelWidth:714,sizes:\"min(min(390px, 100vw) * 0.8, 920px)\",...toResponsiveImage(H2PwA8ca3)}}},baseVariant,gestureVariant)})]})})})});});const css=['.framer-NF20Q [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }',\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-NF20Q .framer-1tulvv8 { display: block; }\",\".framer-NF20Q .framer-ca8kj5 { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 20px; height: min-content; justify-content: flex-start; overflow: visible; padding: 80px 0px 80px 0px; position: relative; width: 1440px; }\",\".framer-NF20Q .framer-1t0rmkm { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 12px; height: min-content; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 760px; }\",\".framer-NF20Q .framer-17e95m6 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 12px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: min-content; }\",\".framer-NF20Q .framer-86na85 { flex: none; height: 40px; overflow: visible; position: relative; width: 40px; }\",\".framer-NF20Q .framer-11w5lat { aspect-ratio: 1 / 1; bottom: var(--framer-aspect-ratio-supported, 0px); flex: none; height: 40px; left: 0px; position: absolute; right: 0px; top: 0px; }\",\".framer-NF20Q .framer-p0kmcp { flex: none; height: auto; left: 15px; position: absolute; top: 8px; white-space: pre; width: auto; }\",\".framer-NF20Q .framer-oasbi4 { flex: none; height: 19px; left: calc(50.00000000000002% - 18px / 2); overflow: visible; position: absolute; top: calc(50.00000000000002% - 19px / 2); width: 18px; }\",\".framer-NF20Q .framer-14gga7c, .framer-NF20Q .framer-aeu9b4, .framer-NF20Q .framer-1ker3d9, .framer-NF20Q .framer-h4mnfe, .framer-NF20Q .framer-8eq6vn { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-NF20Q .framer-eijazw { flex: none; height: auto; max-width: 760px; position: relative; white-space: pre-wrap; width: auto; word-break: break-word; word-wrap: break-word; }\",\".framer-NF20Q .framer-1hleh27 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: min-content; }\",\".framer-NF20Q .framer-tlfoxp { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: flex-start; overflow: visible; padding: 8px 8px 8px 8px; position: relative; width: min-content; }\",\".framer-NF20Q .framer-17259ap, .framer-NF20Q .framer-1d7kokp { aspect-ratio: 0.625 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 16px); position: relative; width: 10px; }\",\".framer-NF20Q .framer-62lf77 { aspect-ratio: 1.4166666666666667 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 650px); max-width: 920px; overflow: visible; position: relative; width: 80%; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-NF20Q .framer-ca8kj5, .framer-NF20Q .framer-1t0rmkm, .framer-NF20Q .framer-17e95m6, .framer-NF20Q .framer-1hleh27, .framer-NF20Q .framer-tlfoxp { gap: 0px; } .framer-NF20Q .framer-ca8kj5 > * { margin: 0px; margin-bottom: calc(20px / 2); margin-top: calc(20px / 2); } .framer-NF20Q .framer-ca8kj5 > :first-child, .framer-NF20Q .framer-1t0rmkm > :first-child, .framer-NF20Q .framer-1hleh27 > :first-child { margin-top: 0px; } .framer-NF20Q .framer-ca8kj5 > :last-child, .framer-NF20Q .framer-1t0rmkm > :last-child, .framer-NF20Q .framer-1hleh27 > :last-child { margin-bottom: 0px; } .framer-NF20Q .framer-1t0rmkm > * { margin: 0px; margin-bottom: calc(12px / 2); margin-top: calc(12px / 2); } .framer-NF20Q .framer-17e95m6 > * { margin: 0px; margin-left: calc(12px / 2); margin-right: calc(12px / 2); } .framer-NF20Q .framer-17e95m6 > :first-child, .framer-NF20Q .framer-tlfoxp > :first-child { margin-left: 0px; } .framer-NF20Q .framer-17e95m6 > :last-child, .framer-NF20Q .framer-tlfoxp > :last-child { margin-right: 0px; } .framer-NF20Q .framer-1hleh27 > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-NF20Q .framer-tlfoxp > * { margin: 0px; margin-left: calc(16px / 2); margin-right: calc(16px / 2); } }\",\".framer-NF20Q.framer-v-wsc50r .framer-ca8kj5 { width: 810px; }\",\".framer-NF20Q.framer-v-wsc50r .framer-62lf77 { height: var(--framer-aspect-ratio-supported, 458px); }\",\".framer-NF20Q.framer-v-15dzmca .framer-ca8kj5 { width: 390px; }\",\".framer-NF20Q.framer-v-15dzmca .framer-1t0rmkm { padding: 0px 20px 0px 20px; width: 390px; }\",\".framer-NF20Q.framer-v-15dzmca .framer-tlfoxp { flex-direction: column; }\",\".framer-NF20Q.framer-v-15dzmca .framer-62lf77 { height: var(--framer-aspect-ratio-supported, 141px); }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-NF20Q.framer-v-15dzmca .framer-tlfoxp { gap: 0px; } .framer-NF20Q.framer-v-15dzmca .framer-tlfoxp > * { margin: 0px; margin-bottom: calc(16px / 2); margin-top: calc(16px / 2); } .framer-NF20Q.framer-v-15dzmca .framer-tlfoxp > :first-child { margin-top: 0px; } .framer-NF20Q.framer-v-15dzmca .framer-tlfoxp > :last-child { margin-bottom: 0px; } }\",...sharedStyle.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 1099\n * @framerIntrinsicWidth 1440\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"h8U7GDZAk\":{\"layout\":[\"fixed\",\"auto\"]},\"ozVBLr4Ye\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"R6XFy0PEk\":\"sectionIcon\",\"rXMTVlg1G\":\"sectionTitle\",\"HM2Qo0IA0\":\"title\",\"ApwrVa_5m\":\"text\",\"r0kcMPdMi\":\"step1\",\"CNrt0_5Si\":\"step2\",\"H48J6AerQ\":\"step3\",\"H2PwA8ca3\":\"image\"}\n */ const FramerDloBNXH2P=withCSS(Component,css,\"framer-NF20Q\");export default FramerDloBNXH2P;FramerDloBNXH2P.displayName=\"HowItWorks\";FramerDloBNXH2P.defaultProps={height:1099,width:1440};addPropertyControls(FramerDloBNXH2P,{variant:{options:[\"qUyC0R8r9\",\"h8U7GDZAk\",\"ozVBLr4Ye\"],optionTitles:[\"Desktop\",\"Tablet\",\"Phone\"],title:\"Variant\",type:ControlType.Enum},R6XFy0PEk:{defaultValue:\"bolt\",displayTextArea:false,title:\"Section icon\",type:ControlType.String},rXMTVlg1G:{defaultValue:\"Environment as a Service\",displayTextArea:false,title:\"Section title\",type:ControlType.String},HM2Qo0IA0:{defaultValue:\"How it works\",displayTextArea:false,title:\"Title\",type:ControlType.String},ApwrVa_5m:{defaultValue:\"Qovery provides a powerful Environment as a Service feature that integrates with your technical stack. Simply define your Environment with all your services and clone it as many times as you need.\",displayTextArea:true,title:\"Text\",type:ControlType.String},r0kcMPdMi:{defaultValue:\"Define Your Environment\",displayTextArea:false,title:\"Step 1\",type:ControlType.String},CNrt0_5Si:{defaultValue:\"Push your code\",displayTextArea:false,title:\"Step 2\",type:ControlType.String},H48J6AerQ:{defaultValue:\"3. Your Environment is deployed\",displayTextArea:false,title:\"Step 3\",type:ControlType.String},H2PwA8ca3:{__defaultAssetReference:\"data:framer/asset-reference,aRC4dMefPIdP2FOeAh6VfWiLM.svg?originalFilename=qovery+integration.svg&preferredSize=auto\",title:\"Image\",type:ControlType.ResponsiveImage}});addFonts(FramerDloBNXH2P,[{family:\"Inter\",moduleAsset:{localModuleIdentifier:\"local-module:canvasComponent/DloBNXH2P:default\",url:\"https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfMZhrib2Bg-4.ttf\"},style:\"normal\",url:\"https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfMZhrib2Bg-4.ttf\",weight:\"400\"},{family:\"Inter\",moduleAsset:{localModuleIdentifier:\"local-module:canvasComponent/DloBNXH2P:default\",url:\"https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fMZhrib2Bg-4.ttf\"},style:\"normal\",url:\"https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fMZhrib2Bg-4.ttf\",weight:\"500\"},...sharedStyle.fonts]);\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerDloBNXH2P\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"h8U7GDZAk\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"ozVBLr4Ye\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicWidth\":\"1440\",\"framerIntrinsicHeight\":\"1099\",\"framerVariables\":\"{\\\"R6XFy0PEk\\\":\\\"sectionIcon\\\",\\\"rXMTVlg1G\\\":\\\"sectionTitle\\\",\\\"HM2Qo0IA0\\\":\\\"title\\\",\\\"ApwrVa_5m\\\":\\\"text\\\",\\\"r0kcMPdMi\\\":\\\"step1\\\",\\\"CNrt0_5Si\\\":\\\"step2\\\",\\\"H48J6AerQ\\\":\\\"step3\\\",\\\"H2PwA8ca3\\\":\\\"image\\\"}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DloBNXH2P.map"],
  "mappings": "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",
  "names": ["cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "toResponsiveImage", "value", "Transition", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Component", "Y", "id", "style", "className", "width", "height", "layoutId", "outerVariant", "R6XFy0PEk", "rXMTVlg1G", "HM2Qo0IA0", "ApwrVa_5m", "r0kcMPdMi", "CNrt0_5Si", "H48J6AerQ", "H2PwA8ca3", "restProps", "ref", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "defaultLayoutId", "ae", "LayoutGroup", "motion", "cx", "u", "Image2", "RichText2", "x", "SVG", "css", "FramerDloBNXH2P", "withCSS", "DloBNXH2P_default", "addPropertyControls", "ControlType", "addFonts", "fonts"]
}
