{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\pages\\\\home\\\\Home.js\",\n  _s = $RefreshSig$();\nimport React from \"react\";\nimport Presentation from \"./components/02presentation/presentation\";\nimport Competance from \"./components/03competance/competance\";\nimport Portefolio from \"./components/04portefolio/portefolio\";\nimport { Helmet } from \"react-helmet\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst Home = () => {\n  _s();\n  useEffect(() => {\n    const container = document.querySelector('.scroll-container');\n    const divs = document.querySelectorAll('.scroll-div');\n\n    // Écoutez l'événement de défilement\n    window.addEventListener('scroll', () => {\n      const scroll = window.scrollY;\n      // Déplacez les divs vers la droite en fonction du défilement\n      divs.forEach((div, index) => {\n        const translateX = scroll * (index + 1) * 0.2; // Ajustez la vitesse de déplacement ici\n        div.style.transform = `translateX(${translateX}px)`;\n      });\n      return () => {\n        // Supprimez l'écouteur d'événement lors du démontage du composant\n        window.removeEventListener('scroll');\n      };\n    }, []);\n  });\n  const Meta = () => {\n    return /*#__PURE__*/_jsxDEV(\"div\", {\n      children: /*#__PURE__*/_jsxDEV(Helmet, {\n        children: [/*#__PURE__*/_jsxDEV(\"title\", {\n          children: \" Paged'accueil - Mon portfolio d\\xE9v\\xE9loppeur web\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 34,\n          columnNumber: 21\n        }, this), /*#__PURE__*/_jsxDEV(\"meta\", {\n          name: \"accueil de mon portafolio, on peut y trouver mes comp\\xE9tences en d\\xE9v\\xE9loppememts web, les technologie web que j'utilise et quelques exemples de projets en tant que d\\xE9v\\xE9loppeur ou int\\xE9grateur web\",\n          content: \"Bienvenue sur notre site Web. D\\xE9couvrez mes services et r\\xE9alisations.page d'accueil de mon portafolio, on peut y trouver mes comp\\xE9tences en d\\xE9v\\xE9loppememts web, les technologie web que j'utilise et quelques exemples de projets en tant que d\\xE9v\\xE9loppeur ou int\\xE9grateur web\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 35,\n          columnNumber: 21\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 33,\n        columnNumber: 17\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 32,\n      columnNumber: 13\n    }, this);\n  };\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: [/*#__PURE__*/_jsxDEV(Meta, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 48,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"home bg-stone-300 mt-96 relative  flex flex-col items-center justify-center space-y-5  max-lg:w-full max-lg:p-0 \",\n      children: [/*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"w-5/6  flex flex-col items-center justify-center space-y-30 pt-48\",\n        children: [\" \", /*#__PURE__*/_jsxDEV(Competance, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 53,\n          columnNumber: 97\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 53,\n        columnNumber: 13\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"w-5/6 max-lg:6/6 flex flex-col items-center justify-center \",\n        children: /*#__PURE__*/_jsxDEV(Portefolio, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 54,\n          columnNumber: 90\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 54,\n        columnNumber: 13\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 50,\n      columnNumber: 9\n    }, this)]\n  }, void 0, true);\n};\n_s(Home, \"OD7bBpZva5O2jO+Puf00hKivP7c=\");\n_c = Home;\nexport default Home;\nvar _c;\n$RefreshReg$(_c, \"Home\");","map":{"version":3,"names":["React","Presentation","Competance","Portefolio","Helmet","jsxDEV","_jsxDEV","Fragment","_Fragment","Home","_s","useEffect","container","document","querySelector","divs","querySelectorAll","window","addEventListener","scroll","scrollY","forEach","div","index","translateX","style","transform","removeEventListener","Meta","children","fileName","_jsxFileName","lineNumber","columnNumber","name","content","className","_c","$RefreshReg$"],"sources":["C:/Users/user/Desktop/000newport/src/components/pages/home/Home.js"],"sourcesContent":["import React from \"react\";\r\nimport Presentation from \"./components/02presentation/presentation\";\r\nimport Competance from \"./components/03competance/competance\";\r\nimport Portefolio from \"./components/04portefolio/portefolio\";\r\nimport { Helmet } from \"react-helmet\";\r\n\r\nconst Home =()=>{\r\n\r\n    useEffect(()=>{\r\n        const container = document.querySelector('.scroll-container');\r\n        const divs = document.querySelectorAll('.scroll-div');\r\n    \r\n            // Écoutez l'événement de défilement\r\n            window.addEventListener('scroll', () => {\r\n              const scroll = window.scrollY;\r\n               // Déplacez les divs vers la droite en fonction du défilement\r\n          divs.forEach((div, index) => {\r\n            const translateX = scroll * (index + 1) * 0.2; // Ajustez la vitesse de déplacement ici\r\n            div.style.transform = `translateX(${translateX}px)`;\r\n          });\r\n          return () => {\r\n            // Supprimez l'écouteur d'événement lors du démontage du composant\r\n            window.removeEventListener('scroll');\r\n          };\r\n        }, []);\r\n        \r\n      })\r\n    \r\n\r\n    const Meta=()=>{\r\n        return(\r\n            <div>\r\n                <Helmet>\r\n                    <title> Paged'accueil - Mon portfolio dévéloppeur web</title>\r\n                    <meta\r\n                    name=\"accueil de mon portafolio, on peut y trouver mes compétences en dévéloppememts web, les technologie web que j'utilise et quelques exemples de projets en tant que dévéloppeur ou intégrateur web\"\r\n                    content=\"Bienvenue sur notre site Web. Découvrez mes services et réalisations.page d'accueil de mon portafolio, on peut y trouver mes compétences en dévéloppememts web, les technologie web que j'utilise et quelques exemples de projets en tant que dévéloppeur ou intégrateur web\"\r\n                    />\r\n                </Helmet>\r\n            </div>\r\n\r\n        )\r\n    }\r\n\r\n\r\n    return (\r\n        <>\r\n      <Meta/>\r\n     \r\n        <div className=\"home bg-stone-300 mt-96 relative  flex flex-col items-center justify-center space-y-5  max-lg:w-full max-lg:p-0 \">\r\n\r\n          \r\n            <div className=\"w-5/6  flex flex-col items-center justify-center space-y-30 pt-48\"> <Competance/></div>\r\n            <div className=\"w-5/6 max-lg:6/6 flex flex-col items-center justify-center \"><Portefolio/></div>\r\n          \r\n           \r\n            \r\n\r\n\r\n\r\n\r\n\r\n        </div>\r\n        </>\r\n\r\n\r\n        \r\n    )\r\n}\r\n\r\n\r\nexport default Home;"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,YAAY,MAAM,0CAA0C;AACnE,OAAOC,UAAU,MAAM,sCAAsC;AAC7D,OAAOC,UAAU,MAAM,sCAAsC;AAC7D,SAASC,MAAM,QAAQ,cAAc;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAEtC,MAAMC,IAAI,GAAEA,CAAA,KAAI;EAAAC,EAAA;EAEZC,SAAS,CAAC,MAAI;IACV,MAAMC,SAAS,GAAGC,QAAQ,CAACC,aAAa,CAAC,mBAAmB,CAAC;IAC7D,MAAMC,IAAI,GAAGF,QAAQ,CAACG,gBAAgB,CAAC,aAAa,CAAC;;IAEjD;IACAC,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAE,MAAM;MACtC,MAAMC,MAAM,GAAGF,MAAM,CAACG,OAAO;MAC5B;MACLL,IAAI,CAACM,OAAO,CAAC,CAACC,GAAG,EAAEC,KAAK,KAAK;QAC3B,MAAMC,UAAU,GAAGL,MAAM,IAAII,KAAK,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;QAC/CD,GAAG,CAACG,KAAK,CAACC,SAAS,GAAI,cAAaF,UAAW,KAAI;MACrD,CAAC,CAAC;MACF,OAAO,MAAM;QACX;QACAP,MAAM,CAACU,mBAAmB,CAAC,QAAQ,CAAC;MACtC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC;EAER,CAAC,CAAC;EAGJ,MAAMC,IAAI,GAACA,CAAA,KAAI;IACX,oBACItB,OAAA;MAAAuB,QAAA,eACIvB,OAAA,CAACF,MAAM;QAAAyB,QAAA,gBACHvB,OAAA;UAAAuB,QAAA,EAAO;QAA8C;UAAAC,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAO,CAAC,eAC7D3B,OAAA;UACA4B,IAAI,EAAC,oNAAkM;UACvMC,OAAO,EAAC;QAA8Q;UAAAL,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OACrR,CAAC;MAAA;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OACE;IAAC;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACR,CAAC;EAGd,CAAC;EAGD,oBACI3B,OAAA,CAAAE,SAAA;IAAAqB,QAAA,gBACFvB,OAAA,CAACsB,IAAI;MAAAE,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAC,CAAC,eAEL3B,OAAA;MAAK8B,SAAS,EAAC,kHAAkH;MAAAP,QAAA,gBAG7HvB,OAAA;QAAK8B,SAAS,EAAC,mEAAmE;QAAAP,QAAA,GAAC,GAAC,eAAAvB,OAAA,CAACJ,UAAU;UAAA4B,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAC,CAAC;MAAA;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAK,CAAC,eACvG3B,OAAA;QAAK8B,SAAS,EAAC,6DAA6D;QAAAP,QAAA,eAACvB,OAAA,CAACH,UAAU;UAAA2B,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAC;MAAC;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAK,CAAC;IAAA;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAS/F,CAAC;EAAA,eACJ,CAAC;AAKX,CAAC;AAAAvB,EAAA,CA9DKD,IAAI;AAAA4B,EAAA,GAAJ5B,IAAI;AAiEV,eAAeA,IAAI;AAAC,IAAA4B,EAAA;AAAAC,YAAA,CAAAD,EAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}