{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/wsryN20qYSQQjLGwn85k/kS5hTzENatZaWgnqZ0UE/Floatie.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{motion,useMotionValue,useAnimationFrame}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";export default function FloatingTestimonial(props){const{name,text,image,top,left,rotate}=props;const x=useMotionValue(0);const y=useMotionValue(0);const ref=React.useRef(null);const swayX=React.useRef({amplitude:8+Math.random()*4,speed:.8+Math.random()*.4,offset:Math.random()*Math.PI*2});const swayY=React.useRef({amplitude:8+Math.random()*4,speed:.8+Math.random()*.4,offset:Math.random()*Math.PI*2});useAnimationFrame(t=>{const time=t/1e3;const newX=Math.sin(time*swayX.current.speed+swayX.current.offset)*swayX.current.amplitude;const newY=Math.cos(time*swayY.current.speed+swayY.current.offset)*swayY.current.amplitude;x.set(newX);y.set(newY);});return /*#__PURE__*/_jsxs(motion.div,{ref:ref,style:{x,y,position:\"absolute\",top:top||\"0px\",left:left||\"0px\",display:\"flex\",flexDirection:\"row\",gap:8,width:\"fit-content\",height:\"fit-content\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:10},children:[/*#__PURE__*/_jsx(\"div\",{style:{width:55,height:55,borderRadius:\"100%\",overflow:\"hidden\"},children:/*#__PURE__*/_jsx(\"img\",{src:image,alt:name,style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",borderRadius:\"inherit\"}})}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:14,fontFamily:\"Satoshi, sans-serif\",letterSpacing:\"-0.02em\",lineHeight:\"120%\",textAlign:\"center\",fontWeight:200},children:name})]}),/*#__PURE__*/_jsx(\"div\",{style:{backgroundColor:\"rgb(70, 169, 255)\",color:\"white\",fontSize:20,fontFamily:\"Satoshi, sans-serif\",lineHeight:\"120%\",letterSpacing:\"0.01em\",borderTopRightRadius:25,borderBottomLeftRadius:25,borderBottomRightRadius:25,padding:\"16px 20px\",width:300,textAlign:\"left\"},children:text})]});}FloatingTestimonial.defaultProps={name:\"Riley\",text:\"I know what I want to build, but I can\u2019t seem to get all the details together, who it\u2019s for, what they need, or even what the team should look like.\",image:\"https://framerusercontent.com/images/7TtXnqSz5g5sHS60FtvR8cZ9VA.png?scale-down-to=512\"};addPropertyControls(FloatingTestimonial,{name:{type:ControlType.String,title:\"Name\"},text:{type:ControlType.String,title:\"Review Text\"},image:{type:ControlType.Image,title:\"Image\"},top:{type:ControlType.String,title:\"Top Position\",placeholder:\"e.g. 20vh, 100px\"},left:{type:ControlType.String,title:\"Left Position\",placeholder:\"e.g. 20vh, 100px\"},rotate:{type:ControlType.Number,title:\"Left Position\",placeholder:\"e.g. 20vh, 100px\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FloatingTestimonial\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Floatie.map"],
  "mappings": "4HAA2N,SAARA,EAAqCC,EAAM,CAAC,GAAK,CAAC,KAAAC,EAAK,KAAAC,EAAK,MAAAC,EAAM,IAAAC,EAAI,KAAAC,EAAK,OAAAC,CAAM,EAAEN,EAAYO,EAAEC,EAAe,CAAC,EAAQC,EAAED,EAAe,CAAC,EAAQE,EAAUC,EAAO,IAAI,EAAQC,EAAYD,EAAO,CAAC,UAAU,EAAE,KAAK,OAAO,EAAE,EAAE,MAAM,GAAG,KAAK,OAAO,EAAE,GAAG,OAAO,KAAK,OAAO,EAAE,KAAK,GAAG,CAAC,CAAC,EAAQE,EAAYF,EAAO,CAAC,UAAU,EAAE,KAAK,OAAO,EAAE,EAAE,MAAM,GAAG,KAAK,OAAO,EAAE,GAAG,OAAO,KAAK,OAAO,EAAE,KAAK,GAAG,CAAC,CAAC,EAAE,OAAAG,EAAkBC,GAAG,CAAC,IAAMC,EAAKD,EAAE,IAAUE,EAAK,KAAK,IAAID,EAAKJ,EAAM,QAAQ,MAAMA,EAAM,QAAQ,MAAM,EAAEA,EAAM,QAAQ,UAAgBM,EAAK,KAAK,IAAIF,EAAKH,EAAM,QAAQ,MAAMA,EAAM,QAAQ,MAAM,EAAEA,EAAM,QAAQ,UAAUN,EAAE,IAAIU,CAAI,EAAER,EAAE,IAAIS,CAAI,CAAE,CAAC,EAAsBC,EAAMC,EAAO,IAAI,CAAC,IAAIV,EAAI,MAAM,CAAC,EAAAH,EAAE,EAAAE,EAAE,SAAS,WAAW,IAAIL,GAAK,MAAM,KAAKC,GAAM,MAAM,QAAQ,OAAO,cAAc,MAAM,IAAI,EAAE,MAAM,cAAc,OAAO,aAAa,EAAE,SAAS,CAAcc,EAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,cAAc,SAAS,IAAI,EAAE,EAAE,SAAS,CAAcE,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,OAAO,GAAG,aAAa,OAAO,SAAS,QAAQ,EAAE,SAAsBA,EAAK,MAAM,CAAC,IAAIlB,EAAM,IAAIF,EAAK,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,UAAU,QAAQ,aAAa,SAAS,CAAC,CAAC,CAAC,CAAC,EAAeoB,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,GAAG,WAAW,sBAAsB,cAAc,UAAU,WAAW,OAAO,UAAU,SAAS,WAAW,GAAG,EAAE,SAASpB,CAAI,CAAC,CAAC,CAAC,CAAC,EAAeoB,EAAK,MAAM,CAAC,MAAM,CAAC,gBAAgB,oBAAoB,MAAM,QAAQ,SAAS,GAAG,WAAW,sBAAsB,WAAW,OAAO,cAAc,SAAS,qBAAqB,GAAG,uBAAuB,GAAG,wBAAwB,GAAG,QAAQ,YAAY,MAAM,IAAI,UAAU,MAAM,EAAE,SAASnB,CAAI,CAAC,CAAC,CAAC,CAAC,CAAE,CAACH,EAAoB,aAAa,CAAC,KAAK,QAAQ,KAAK,iKAAuJ,MAAM,uFAAuF,EAAEuB,EAAoBvB,EAAoB,CAAC,KAAK,CAAC,KAAKwB,EAAY,OAAO,MAAM,MAAM,EAAE,KAAK,CAAC,KAAKA,EAAY,OAAO,MAAM,aAAa,EAAE,MAAM,CAAC,KAAKA,EAAY,MAAM,MAAM,OAAO,EAAE,IAAI,CAAC,KAAKA,EAAY,OAAO,MAAM,eAAe,YAAY,kBAAkB,EAAE,KAAK,CAAC,KAAKA,EAAY,OAAO,MAAM,gBAAgB,YAAY,kBAAkB,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,MAAM,gBAAgB,YAAY,kBAAkB,CAAC,CAAC",
  "names": ["FloatingTestimonial", "props", "name", "text", "image", "top", "left", "rotate", "x", "useMotionValue", "y", "ref", "pe", "swayX", "swayY", "useAnimationFrame", "t", "time", "newX", "newY", "u", "motion", "p", "addPropertyControls", "ControlType"]
}