{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\App.js\";\nimport \"./App.css\";\nimport Pages from \"./components/pages/pages\";\nimport { Theme } from '@radix-ui/themes';\nimport { gsap } from \"gsap\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nfunction App() {\n  window.addEventListener('load', loader);\n  function loader() {\n    const timeLoad = gsap.timeline();\n    timeLoad.to('.carre', {\n      height: 200,\n      duration: 1.3,\n      delay: 0.4,\n      ease: 'power2.out'\n    }).to('.rectangle2', {\n      height: 250,\n      duration: 1.3,\n      delay: 0.4,\n      ease: 'power2.out'\n    }).to('.rectangle', {\n      height: 'auto',\n      duration: 0.6,\n      ease: 'power2.out'\n    }, \"-=0.8\").to('.rectangle h1', {\n      y: 0,\n      ease: 'power2.out'\n    }, \"-=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\n  return /*#__PURE__*/_jsxDEV(Theme, {\n    children: [/*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"pageLoader flex items-center justify-center  \",\n      children: /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"carre relative \",\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"rectangle2 absolute\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 27,\n          columnNumber: 17\n        }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"rectangle absolute\",\n          children: /*#__PURE__*/_jsxDEV(\"h1\", {\n            children: \"CONSTRCT\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 29,\n            columnNumber: 18\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 28,\n          columnNumber: 17\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 26,\n        columnNumber: 15\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 24,\n      columnNumber: 9\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"bg-neutral-200 font\",\n      children: /*#__PURE__*/_jsxDEV(Pages, {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 34,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 33,\n      columnNumber: 7\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 23,\n    columnNumber: 5\n  }, this);\n}\n_c = App;\nexport default App;\nvar _c;\n$RefreshReg$(_c, \"App\");","map":{"version":3,"names":["Pages","Theme","gsap","jsxDEV","_jsxDEV","App","window","addEventListener","loader","timeLoad","timeline","to","height","duration","delay","ease","y","children","className","fileName","_jsxFileName","lineNumber","columnNumber","_c","$RefreshReg$"],"sources":["C:/Users/user/Desktop/000newport/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\n  window.addEventListener('load',loader)\n  function loader(){\n    const timeLoad=gsap.timeline()\n\n    timeLoad\n    .to('.carre',{height:200,duration:1.3,delay:0.4,ease:'power2.out'} )\n    .to('.rectangle2',{height:250,duration:1.3,delay:0.4,ease:'power2.out'})\n    .to('.rectangle',{height:'auto',duration:0.6,ease:'power2.out'},\"-=0.8\" )\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 flex items-center justify-center  \">\n             \n              <div className=\"carre relative \">\n                <div className=\"rectangle2 absolute\"></div>\n                <div className=\"rectangle absolute\">\n                 <h1>CONSTRCT</h1> \n                </div>\n              </div>\n</div>\n      <div className=\"bg-neutral-200 font\" >\n        <Pages/>\n      </div>\n      </Theme>\n  );\n}\n\nexport default App;\n"],"mappings":";AAAA,OAAO,WAAW;AAClB,OAAOA,KAAK,MAAM,0BAA0B;AAC5C,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,IAAI,QAAQ,MAAM;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAE5B,SAASC,GAAGA,CAAA,EAAG;EAEbC,MAAM,CAACC,gBAAgB,CAAC,MAAM,EAACC,MAAM,CAAC;EACtC,SAASA,MAAMA,CAAA,EAAE;IACf,MAAMC,QAAQ,GAACP,IAAI,CAACQ,QAAQ,CAAC,CAAC;IAE9BD,QAAQ,CACPE,EAAE,CAAC,QAAQ,EAAC;MAACC,MAAM,EAAC,GAAG;MAACC,QAAQ,EAAC,GAAG;MAACC,KAAK,EAAC,GAAG;MAACC,IAAI,EAAC;IAAY,CAAE,CAAC,CACnEJ,EAAE,CAAC,aAAa,EAAC;MAACC,MAAM,EAAC,GAAG;MAACC,QAAQ,EAAC,GAAG;MAACC,KAAK,EAAC,GAAG;MAACC,IAAI,EAAC;IAAY,CAAC,CAAC,CACvEJ,EAAE,CAAC,YAAY,EAAC;MAACC,MAAM,EAAC,MAAM;MAACC,QAAQ,EAAC,GAAG;MAACE,IAAI,EAAC;IAAY,CAAC,EAAC,OAAQ,CAAC,CACxEJ,EAAE,CAAC,eAAe,EAAC;MAACK,CAAC,EAAC,CAAC;MAACD,IAAI,EAAC;IAAY,CAAC,EAAC,OAAQ,CAAC;IACrD;IACA;IACA;IACA;EACF;;EACA,oBACEX,OAAA,CAACH,KAAK;IAAAgB,QAAA,gBACFb,OAAA;MAAKc,SAAS,EAAC,+CAA+C;MAAAD,QAAA,eAExDb,OAAA;QAAKc,SAAS,EAAC,iBAAiB;QAAAD,QAAA,gBAC9Bb,OAAA;UAAKc,SAAS,EAAC;QAAqB;UAAAC,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAM,CAAC,eAC3ClB,OAAA;UAAKc,SAAS,EAAC,oBAAoB;UAAAD,QAAA,eAClCb,OAAA;YAAAa,QAAA,EAAI;UAAQ;YAAAE,QAAA,EAAAC,YAAA;YAAAC,UAAA;YAAAC,YAAA;UAAA,OAAI;QAAC;UAAAH,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OACb,CAAC;MAAA;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OACH;IAAC;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACf,CAAC,eACAlB,OAAA;MAAKc,SAAS,EAAC,qBAAqB;MAAAD,QAAA,eAClCb,OAAA,CAACJ,KAAK;QAAAmB,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAC;IAAC;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACL,CAAC;EAAA;IAAAH,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OACC,CAAC;AAEd;AAACC,EAAA,GAhCQlB,GAAG;AAkCZ,eAAeA,GAAG;AAAC,IAAAkB,EAAA;AAAAC,YAAA,CAAAD,EAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}