{"ast":null,"code":"import\"./App.css\";import Pages from\"./components/pages/pages\";import{Theme}from\"@radix-ui/themes\";import{gsap}from\"gsap\";import{jsx as _jsx}from\"react/jsx-runtime\";function App(){// window.addEventListener(\"load\", loader);\n// function loader() {\n//   const timeLoad = gsap.timeline();\n//   timeLoad\n//     .to(\".rectangle2\", {\n//       height: 250,\n//       duration: 1.3,\n//       delay: 0.4,\n//       ease: \"power2.out\",\n//     })\n//     .to(\".carre\", {\n//       height: 200,\n//       duration: 1.6,\n//       delay: 0.4,\n//       ease: \"power2.out\",\n//     })\n//     .to(\n//       \".rectangle\",\n//       { height: \"auto\", duration: 0.6, ease: \"power2.out\" },\n//       \"-=0.8\"\n//     )\n//     .to(\".rectangle h1\", { y: 0, ease: \"power2.out\" }, \"-=0.6\")\n//   .to('.pageLoader',{opacity:0,duration:0.8,delay:0.7})\n//   .add(()=>{\n//     document.querySelector('.pageLoader').style.display=\"none\"\n//   })\n// }\nreturn/*#__PURE__*/_jsx(Theme,{children:/*#__PURE__*/_jsx(\"div\",{className:\" font \",children:/*#__PURE__*/_jsx(Pages,{})})});}export default App;","map":{"version":3,"names":["Pages","Theme","gsap","jsx","_jsx","App","children","className"],"sources":["C:/Users/user/Desktop/08portreact/src/App.js"],"sourcesContent":["import \"./App.css\";\nimport Pages from \"./components/pages/pages\";\nimport { Theme } from \"@radix-ui/themes\";\nimport { gsap } from \"gsap\";\n\nfunction App() {\n  // window.addEventListener(\"load\", loader);\n  // function loader() {\n  //   const timeLoad = gsap.timeline();\n\n  //   timeLoad\n  //     .to(\".rectangle2\", {\n  //       height: 250,\n  //       duration: 1.3,\n  //       delay: 0.4,\n  //       ease: \"power2.out\",\n  //     })\n  //     .to(\".carre\", {\n  //       height: 200,\n  //       duration: 1.6,\n  //       delay: 0.4,\n  //       ease: \"power2.out\",\n  //     })\n  //     .to(\n  //       \".rectangle\",\n  //       { height: \"auto\", duration: 0.6, ease: \"power2.out\" },\n  //       \"-=0.8\"\n  //     )\n  //     .to(\".rectangle h1\", { y: 0, ease: \"power2.out\" }, \"-=0.6\")\n  //   .to('.pageLoader',{opacity:0,duration:0.8,delay:0.7})\n  //   .add(()=>{\n  //     document.querySelector('.pageLoader').style.display=\"none\"\n  //   })\n  // }\n  return (\n    <Theme>\n      {/* <div className=\"pageLoader absolute flex items-center h-full justify-center \n        \">\n        <div className=\"rond relative\">\n\n\n        <div className=\"carre absolute  flex flex-wrap\">\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          <div className=\"  fenetre2\"></div>\n          \n        </div>\n        <div className=\"rectangle2 absolute flex flex-wrap\">\n          <div className=\"fenetre\"></div>\n          <div className=\"fenetre\"></div>\n          <div className=\"fenetre\"></div>\n          <div className=\"fenetre\"></div>\n          <div className=\"fenetre\"></div>\n          <div className=\"fenetre\"></div>\n          <div className=\"fenetre\"></div>\n          <div className=\"fenetre\"></div>\n          <div className=\"fenetre\"></div>\n          <div className=\"fenetre\"></div>\n          <div className=\"fenetre\"></div>\n          <div className=\"fenetre\"></div>\n          <div className=\"fenetre\"></div>\n          <div className=\"fenetre\"></div>\n          <div className=\"fenetre\"></div>\n          <div className=\"fenetre\"></div>\n          <div className=\"fenetre\"></div>\n        </div>\n\n        <div className=\"rectangle absolute\">\n          <h1>CONSTRuCT</h1>\n        </div> */}\n\n\n\n        {/* </div> */}\n     \n      {/* </div> */}\n      <div className=\" font \">\n        <Pages />\n      </div>\n    </Theme>\n  );\n}\n\nexport default App;\n"],"mappings":"AAAA,MAAO,WAAW,CAClB,MAAO,CAAAA,KAAK,KAAM,0BAA0B,CAC5C,OAASC,KAAK,KAAQ,kBAAkB,CACxC,OAASC,IAAI,KAAQ,MAAM,CAAC,OAAAC,GAAA,IAAAC,IAAA,yBAE5B,QAAS,CAAAC,GAAGA,CAAA,CAAG,CACb;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBACED,IAAA,CAACH,KAAK,EAAAK,QAAA,cA8DJF,IAAA,QAAKG,SAAS,CAAC,QAAQ,CAAAD,QAAA,cACrBF,IAAA,CAACJ,KAAK,GAAE,CAAC,CACN,CAAC,CACD,CAAC,CAEZ,CAEA,cAAe,CAAAK,GAAG"},"metadata":{},"sourceType":"module","externalDependencies":[]}