{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\pages\\\\home\\\\components\\\\03competance\\\\competance.js\",\n  _s = $RefreshSig$();\nimport React from \"react\";\nimport Tekno from \"./components/tekno\";\nimport Savoir from \"./components/savoir\";\nimport Photo from \"./components/photo\";\nimport { gsap } from \"gsap\";\nimport { Flip } from \"gsap/Flip\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst Competance = () => {\n  _s();\n  useEffect(() => {\n    const trigger = document.querySelectorAll(\".mainBotao\");\n    const animateOver = function () {\n      const text = this.querySelectorAll(\".text\");\n      const image = this.querySelectorAll(\".image\");\n      const element = this.querySelectorAll(\".element\");\n      const imageBack = this.querySelectorAll(\".imageBack\");\n      gsap.to(element, {\n        duration: 1,\n        scale: 1.5,\n        x: 500\n      });\n      gsap.to(text, {\n        duration: 1,\n        ease: Sine.easeOut,\n        autoRound: false,\n        x: 100,\n        y: 40\n      });\n      gsap.to(image, {\n        duration: 1,\n        opacity: 1,\n        x: 0,\n        y: 0\n      });\n      gsap.to(imageBack, {\n        duration: 1,\n        opacity: 0\n      });\n    };\n    const animateOut = function () {\n      const element = this.querySelector(\".element\");\n      const text = this.querySelector(\".text\");\n      const image = this.querySelector(\".image\");\n      const imageBack = this.querySelector(\".imageBack\");\n      gsap.to(element, {\n        duration: 1,\n        scale: 1.2,\n        x: 0,\n        y: 0\n      });\n      gsap.to(text, {\n        duration: 1,\n        ease: Sine.easeOut,\n        autoRound: false,\n        x: -100,\n        y: -100\n      });\n      gsap.to(image, {\n        duration: 1,\n        opacity: 0,\n        x: -10,\n        y: -10\n      });\n      gsap.to(imageBack, {\n        duration: 1,\n        opacity: 1\n      });\n    };\n    trigger.forEach(el => {\n      el.addEventListener(\"mouseover\", animateOver, false);\n      el.addEventListener(\"touchstart\", animateOver, false);\n      el.addEventListener(\"mouseout\", animateOut, false);\n      el.addEventListener(\"touchend\", animateOut, false);\n    });\n    return () => {\n      // Clean up event listeners when the component unmounts\n      trigger.forEach(el => {\n        el.removeEventListener(\"mouseover\", animateOver, false);\n        el.removeEventListener(\"touchstart\", animateOver, false);\n        el.removeEventListener(\"mouseout\", animateOut, false);\n        el.removeEventListener(\"touchend\", animateOut, false);\n      });\n    };\n  }, []);\n  const texts = [' Portfolio ', 'en ligne de', 'Facundo Varas'];\n  const [index, setIndex] = useState(0);\n  useEffect(() => {\n    const intervalId = setInterval(() => {\n      setIndex(index => (index + 1) % texts.length);\n    }, 2000);\n    return () => clearInterval(intervalId);\n  }, []);\n  gsap.registerPlugin(Flip);\n  document.querySelector(\".change\");\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: [/*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"border-b w-full\",\n      children: /*#__PURE__*/_jsxDEV(\"h3\", {\n        children: \"savoir faire\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 121,\n        columnNumber: 11\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 120,\n      columnNumber: 9\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"competance flex flex-wrap 2xl:w-5/6 xl:w-full pt-4 xl:space-y-20\",\n      children: [/*#__PURE__*/_jsxDEV(Savoir, {\n        className: \"w-1/3 \"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 125,\n        columnNumber: 11\n      }, this), /*#__PURE__*/_jsxDEV(Tekno, {\n        className: \"w-1/3\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 126,\n        columnNumber: 11\n      }, this), /*#__PURE__*/_jsxDEV(Photo, {\n        className: \"w-1/3 change\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 127,\n        columnNumber: 11\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"w-full flex rounded-3xl bg-indigo-500 h-96\",\n        children: /*#__PURE__*/_jsxDEV(\"h3\", {\n          className: \"self-end\",\n          children: \"Service et prestation\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 129,\n          columnNumber: 14\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 128,\n        columnNumber: 11\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 123,\n      columnNumber: 9\n    }, this)]\n  }, void 0, true);\n};\n_s(Competance, \"He/A5TTt+wrefZ71bsnvd4fGLI0=\");\n_c = Competance;\nexport default Competance;\nvar _c;\n$RefreshReg$(_c, \"Competance\");","map":{"version":3,"names":["React","Tekno","Savoir","Photo","gsap","Flip","jsxDEV","_jsxDEV","Fragment","_Fragment","Competance","_s","useEffect","trigger","document","querySelectorAll","animateOver","text","image","element","imageBack","to","duration","scale","x","ease","Sine","easeOut","autoRound","y","opacity","animateOut","querySelector","forEach","el","addEventListener","removeEventListener","texts","index","setIndex","useState","intervalId","setInterval","length","clearInterval","registerPlugin","children","className","fileName","_jsxFileName","lineNumber","columnNumber","_c","$RefreshReg$"],"sources":["C:/Users/user/Desktop/000newport/src/components/pages/home/components/03competance/competance.js"],"sourcesContent":["import React from \"react\";\r\nimport Tekno from \"./components/tekno\";\r\nimport Savoir from \"./components/savoir\";\r\nimport Photo from \"./components/photo\";\r\nimport { gsap } from \"gsap\";\r\nimport { Flip } from \"gsap/Flip\";\r\n\r\n\r\n\r\nconst Competance=()=>{\r\n  useEffect(() => {\r\n      \r\n    const trigger = document.querySelectorAll(\".mainBotao\");\r\n\r\n    const animateOver = function () {\r\n      const text = this.querySelectorAll(\".text\");\r\n      const image = this.querySelectorAll(\".image\");\r\n      const element = this.querySelectorAll(\".element\");\r\n      const imageBack = this.querySelectorAll(\".imageBack\");\r\n\r\n      gsap.to(element, {\r\n        duration: 1,\r\n        scale: 1.5,\r\n        x: 500,\r\n      });\r\n\r\n      gsap.to(text, {\r\n        duration: 1,\r\n        ease: Sine.easeOut,\r\n        autoRound: false,\r\n        x: 100,\r\n        y: 40,\r\n      });\r\n\r\n      gsap.to(image, {\r\n        duration: 1,\r\n        opacity: 1,\r\n        x: 0,\r\n        y: 0,\r\n      });\r\n\r\n      gsap.to(imageBack, {\r\n        duration: 1,\r\n        opacity: 0,\r\n      });\r\n    };\r\n\r\n    const animateOut = function () {\r\n      const element = this.querySelector(\".element\");\r\n      const text = this.querySelector(\".text\");\r\n      const image = this.querySelector(\".image\");\r\n      const imageBack = this.querySelector(\".imageBack\");\r\n\r\n      gsap.to(element, {\r\n        duration: 1,\r\n        scale: 1.2,\r\n        x: 0,\r\n        y:0\r\n      });\r\n\r\n      gsap.to(text, {\r\n        duration: 1,\r\n        ease: Sine.easeOut,\r\n        autoRound: false,\r\n        x: -100,\r\n        y: -100,\r\n      });\r\n\r\n      gsap.to(image, {\r\n        duration: 1,\r\n        opacity: 0,\r\n        x:-10,\r\n        y:-10,\r\n      });\r\n\r\n      gsap.to(imageBack, {\r\n        duration: 1,\r\n        opacity: 1,\r\n      });\r\n    };\r\n\r\n    trigger.forEach((el) => {\r\n      el.addEventListener(\"mouseover\", animateOver, false);\r\n      el.addEventListener(\"touchstart\", animateOver, false);\r\n      el.addEventListener(\"mouseout\", animateOut, false);\r\n      el.addEventListener(\"touchend\", animateOut, false);\r\n    });\r\n\r\n    return () => {\r\n      // Clean up event listeners when the component unmounts\r\n      trigger.forEach((el) => {\r\n        el.removeEventListener(\"mouseover\", animateOver, false);\r\n        el.removeEventListener(\"touchstart\", animateOver, false);\r\n        el.removeEventListener(\"mouseout\", animateOut, false);\r\n        el.removeEventListener(\"touchend\", animateOut, false);\r\n      });\r\n    };\r\n\r\n  }, []);\r\n\r\n  const texts = [  ' Portfolio ','en ligne de', 'Facundo Varas'];\r\n  const [index, setIndex] = useState(0);\r\n\r\n  useEffect(() => {\r\n    const intervalId = setInterval(() => {\r\n      setIndex((index) => (index + 1) % texts.length);\r\n    }, 2000);\r\n\r\n    return () => clearInterval(intervalId);\r\n  }, []);\r\n\r\n\r\n\r\n\r\n  gsap.registerPlugin(Flip)\r\n  document.querySelector(\".change\")\r\n\r\n      return(\r\n        <>\r\n        <div className=\"border-b w-full\">\r\n          <h3>savoir faire</h3>\r\n        </div>\r\n        <div className=\"competance flex flex-wrap 2xl:w-5/6 xl:w-full pt-4 xl:space-y-20\">\r\n          \r\n          <Savoir className=\"w-1/3 \"/>\r\n          <Tekno className=\"w-1/3\"/>\r\n          <Photo className=\"w-1/3 change\"/>\r\n          <div className=\"w-full flex rounded-3xl bg-indigo-500 h-96\">\r\n             <h3 className=\"self-end\">Service et prestation</h3>\r\n          </div>\r\n          \r\n\r\n        </div>\r\n\r\n        \r\n        \r\n        \r\n        </>\r\n\r\n\r\n        \r\n        \r\n      )\r\n\r\n\r\n}\r\n\r\n\r\nexport  default Competance"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}