{"version":3,"sources":["assets/img/team-2-800x800.jpg","assets/img/team-1-800x800.jpg","assets/img/team-3-800x800.jpg","assets/img/team-4-470x470.png","assets/img/github.svg","assets/img/google.svg","assets/img/bootstrap.jpg","assets/img/angular.jpg","assets/img/sketch.jpg","assets/img/react.jpg","assets/img/vue.jpg","assets/img/register_bg_2.png","components/Dropdowns/UserDropdown.js","components/Navbars/AdminNavbar.js","components/Dropdowns/NotificationDropdown.js","components/Sidebar/Sidebar.js","components/Cards/CardStats.js","components/Headers/HeaderStats.js","components/Footers/FooterAdmin.js","components/Cards/CardLineChart.js","components/Cards/CardBarChart.js","components/Cards/CardPageVisits.js","components/Cards/CardSocialTraffic.js","views/admin/Dashboard.js","components/Maps/MapExample.js","views/admin/Maps.js","components/Cards/CardSettings.js","components/Cards/CardProfile.js","views/admin/Settings.js","components/Dropdowns/TableDropdown.js","components/Cards/CardTable.js","views/admin/Tables.js","components/Dropdowns/PagesDropdown.js","components/Navbars/AuthNavbar.js","components/Footers/FooterSmall.js","views/auth/Login.js","views/auth/Register.js","views/BackToTop.js","assets/img/archywavelogoss.png","assets/img/archywavelogo.png","assets/img/imagess/opera.webp","assets/img/imagess/archywavedubai.webp","components/Footers/Footer.js","components/Navbars/IndexNavbar.js","assets/img/archywavelogo1.png","components/Navbars/IndexNavbarr.js","assets/img/imagess/bannerr1.webp","assets/img/imagess/bannerr2.webp","assets/img/imagess/bannerr3.webp","assets/img/imagess/bannerr4.webp","assets/img/imagess/bannerr5.webp","assets/img/imagess/bannerr6.webp","assets/img/imagess/bannerr7.webp","assets/img/bannerarchywave8.webp","assets/img/bannerarchywave9.webp","assets/img/rightarroww.png","views/Slider.js","assets/img/homebanner.webp","assets/img/imagess/realestatesolutions.webp","assets/img/imagess/VRtour.webp","assets/img/imagess/drendering.webp","assets/img/imagess/masterplan.webp","assets/img/brouchure.png","views/VideoPlayer.js","assets/img/imagess/logo1.webp","assets/img/imagess/logo2.webp","assets/img/imagess/logo3.webp","assets/img/imagess/logo4.webp","assets/img/imagess/logo5.webp","assets/img/imagess/logo6.webp","assets/img/imagess/logo7.webp","assets/img/imagess/interior1.webp","assets/img/imagess/interior2.webp","assets/img/imagess/interior3.webp","assets/img/imagess/interior4.webp","assets/img/imagess/interior5.webp","assets/img/imagess/interior6.webp","assets/img/imagess/interior7.webp","assets/img/imagess/interior8.webp","assets/img/imagess/exterior1.webp","assets/img/imagess/exterior2.webp","assets/img/imagess/exterior3.webp","assets/img/imagess/exterior4.webp","assets/img/imagess/exterior5.webp","assets/img/imagess/exterior6.webp","assets/img/imagess/exterior7.webp","assets/img/imagess/exterior8.webp","assets/img/imagess/exterior9.webp","assets/img/imagess/exterior10.webp","assets/img/imagess/exterior11.webp","assets/img/imagess/exterior12.webp","assets/img/imagess/exterior13.webp","assets/img/imagess/exterior14.webp","assets/img/imagess/exterior15.webp","assets/img/imagess/exterior16.webp","assets/img/imagess/tour1.webp","assets/img/imagess/tour2.webp","assets/img/imagess/tour3.webp","assets/img/imagess/archycontact.webp","assets/img/imagess/Basics.webp","assets/img/imagess/Standard.webp","assets/img/imagess/Premium.webp","assets/img/imagess/Premiumplus.webp","assets/img/imagess/Premiumspacepromax.webp","assets/img/imagess/Premiumspacepro.webp","assets/img/imagess/addon1.webp","assets/img/imagess/addon2.webp","assets/img/imagess/addon3.webp","assets/img/imagess/addon4.webp","assets/img/imagess/addon5.webp","assets/img/imagess/addon6.webp","assets/img/imagess/addon7.webp","assets/img/imagess/addon8.webp","assets/img/imagess/addon9.webp","assets/img/packagebanner.webp","assets/img/carrer.png","assets/img/aboutbanner.webp","assets/img/whoweare.webp","assets/img/ourmission.webp","assets/img/servicesbanner.webp","assets/img/imagess/animation.webp","assets/img/imagess/visualization.webp","assets/img/imagess/realestateapp.webp","assets/img/imagess/scalemodal.webp","assets/img/imagess/floorplan.webp","assets/img/imagess/stimulator.webp","assets/img/imagess/vr.webp","assets/img/imagess/masterplanss.webp","assets/img/imagess/realtimerendering.webp","assets/img/imagess/photomontage.webp","assets/img/imagess/archywavebanner.webp","index.js","layouts/Admin.js","layouts/Auth.js","views/Landing.js","views/Profile.js","views/Index.js","views/Home.js","views/Projects.js","views/Contact.js","views/Studio.js","views/Workflows.js","views/Form.js","views/About.js","views/Coming.js","views/Services.js","views/Process.js"],"names":["UserDropdown","dropdownPopoverShow","setDropdownPopoverShow","React","useState","btnDropdownRef","createRef","popoverDropdownRef","_jsxs","_Fragment","children","_jsx","className","href","ref","onClick","e","preventDefault","createPopper","current","placement","alt","src","require","default","Navbar","type","placeholder","NotificationDropdown","console","log","Sidebar","collapseShow","setCollapseShow","Link","to","window","location","indexOf","target","CardStats","_ref","statSubtitle","statTitle","statArrow","statPercent","statPercentColor","statDescripiron","statIconName","statIconColor","HeaderStats","FooterAdmin","Date","getFullYear","defaultProps","CardLineChart","useEffect","config","data","labels","datasets","label","backgroundColor","borderColor","fill","options","maintainAspectRatio","responsive","title","display","text","fontColor","legend","align","position","tooltips","mode","intersect","hover","scales","xAxes","ticks","scaleLabel","labelString","gridLines","borderDash","borderDashOffset","color","zeroLineColor","zeroLineBorderDash","zeroLineBorderDashOffset","yAxes","drawBorder","ctx","document","getElementById","getContext","myLine","Chart","id","CardBarChart","barThickness","myBar","CardPageVisits","CardSocialTraffic","style","width","Dashboard","MapExample","mapRef","useRef","google","map","myLatlng","maps","LatLng","mapOptions","zoom","center","scrollwheel","zoomControl","styles","featureType","elementType","stylers","visibility","saturation","lightness","Map","marker","Marker","animation","Animation","DROP","infowindow","InfoWindow","content","event","addListener","open","Maps","CardSettings","htmlFor","defaultValue","rows","CardProfile","Settings","CardTable","TableDropdown","Tables","PagesDropdown","props","navbarOpen","setNavbarOpen","FooterSmall","absolute","Login","Register","backToTop","bottom","right","cursor","zIndex","BackToTop","isVisible","setIsVisible","toggleVisibility","pageYOffset","addEventListener","removeEventListener","scrollToTop","scrollTo","top","behavior","Footer","archywavelogoss","opera","archywavedubai","sidebarOpen","setSidebarOpen","toggleSidebar","concat","archywavelogo1","class","fadeInOut","keyframes","_templateObject","_taggedTemplateLiteral","slideInFromRight","_templateObject2","SlideshowContainer","styled","div","_templateObject3","SlidesWrapper","ul","_templateObject4","Slide","li","_templateObject5","_ref2","isActive","_ref3","_ref4","SlideContent","_templateObject6","SlideHeading","h2","_templateObject7","Arrow","_templateObject8","_ref5","direction","Slider","currentSlide","setCurrentSlide","slides","bannerr1","rightarroww","bannerr2","bannerr3","bannerr4","bannerr5","bannerr6","bannerr7","bannerarchywave8","bannerarchywave9","interval","setInterval","prevSlide","length","clearInterval","IndexNavbarr","fixed","slide","index","goToPreviousSlide","goToNextSlide","VideoPlayer","sourceLink","script","createElement","async","body","appendChild","removeChild","padding","height","left","allow","allowTransparency","frameBorder","scrolling","name","ReactDOM","render","BrowserRouter","Switch","Route","path","component","AdminNavbar","exact","Redirect","from","transparent","backgroundImage","transform","xmlns","preserveAspectRatio","version","viewBox","x","y","points","cols","isPlaying","setIsPlaying","firstName","setFirstName","lastName","setLastName","email","setEmail","tel","setTel","message","setMessage","country","setCountry","nameError","setNameError","nameeError","setNameeError","emailError","setEmailError","emailregexError","setEmailRegexError","telError","setTelError","telregexError","setTelRegexError","messageError","setMessageError","countryError","setCountryError","countryOptions","useMemo","countryList","getData","jQuery","$","doAnimations","offset","scrollTop","$animatables","off","each","i","$animatable","this","removeClass","addClass","on","trigger","homebanner","backgroundPosition","backgroundRepeat","backgroundSize","realestatesolutions","handlePlay","VRtour","borderRadius","drendering","masterplan","logo1","logo2","logo3","logo4","logo5","logo6","logo7","onSubmit","test","emailjs","sendForm","then","result","error","toast","success","POSITION","CENTER_CENTER","autoClose","hideProgressBar","closeOnClick","pauseOnHover","draggable","progress","undefined","bodyClassName","reset","maxlength","onChange","value","option","ToastContainer","brouchure","activeTab","setActiveTab","handlePlayy","handlePlayyy","modalOpen","setModalOpen","modalImage","setModalImage","currentIndex","setCurrentIndex","currentImages","setCurrentImages","category","setCategory","interiorImages","interior1","interior2","interior3","interior4","interior5","interior6","interior7","interior8","exteriorImages","exterior1","exterior2","exterior3","exterior4","exterior5","exterior6","exterior7","exterior8","exterior9","exterior10","exterior11","exterior12","exterior13","exterior14","exterior15","exterior16","openModal","imageSrc","closeModal","renderContent","slice","image","tour1","tour2","tour3","stopPropagation","prevIndex","archycontact","alert","selectedPackage","setSelectedPackage","packageName","packagebanner","Basics","Standard","Premium","Premiumplus","Premiumspacepro","Premiumspacepromax","addon1","addon2","addon3","addon4","addon5","addon6","addon7","addon8","addon9","IndexNavbar","department","setDepartment","visa","setVisa","resume","setResume","portfolio","setPortfolio","departmentError","setDepartmentError","visaError","setVisaError","career","form","FormData","append","url","protocol","hostname","port","axios","post","response","catch","files","required","aboutbanner","whoweare","ourmission","background","servicebanner","visualization","floorplan","scalemodal","realestateapp","stimulator","vr","photomontage","masterplanss","realtimerendering","archywavebanner","backgroundAttachment"],"mappings":"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","file":"static/js/main.803fc427.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/team-2-800x800.3e08ef14.jpg\";","export default __webpack_public_path__ + \"static/media/team-1-800x800.fa5a7ac2.jpg\";","export default __webpack_public_path__ + \"static/media/team-3-800x800.19201574.jpg\";","export default __webpack_public_path__ + \"static/media/team-4-470x470.4ef82ef4.png\";","export default __webpack_public_path__ + \"static/media/github.6c955556.svg\";","export default __webpack_public_path__ + \"static/media/google.eae9aa93.svg\";","export default __webpack_public_path__ + \"static/media/bootstrap.bd712487.jpg\";","export default __webpack_public_path__ + \"static/media/angular.b5045666.jpg\";","export default __webpack_public_path__ + \"static/media/sketch.a6af780a.jpg\";","export default __webpack_public_path__ + \"static/media/react.0e8c9066.jpg\";","export default __webpack_public_path__ + \"static/media/vue.43bd93a8.jpg\";","export default __webpack_public_path__ + \"static/media/register_bg_2.4f2cb0ac.png\";","import React from \"react\";\nimport { createPopper } from \"@popperjs/core\";\n\nconst UserDropdown = () => {\n  // dropdown props\n  const [dropdownPopoverShow, setDropdownPopoverShow] = React.useState(false);\n  const btnDropdownRef = React.createRef();\n  const popoverDropdownRef = React.createRef();\n  const openDropdownPopover = () => {\n    createPopper(btnDropdownRef.current, popoverDropdownRef.current, {\n      placement: \"bottom-start\",\n    });\n    setDropdownPopoverShow(true);\n  };\n  const closeDropdownPopover = () => {\n    setDropdownPopoverShow(false);\n  };\n  return (\n    <>\n      <a\n        className=\"text-blueGray-500 block\"\n        href=\"#pablo\"\n        ref={btnDropdownRef}\n        onClick={(e) => {\n          e.preventDefault();\n          dropdownPopoverShow ? closeDropdownPopover() : openDropdownPopover();\n        }}\n      >\n        <div className=\"items-center flex\">\n          <span className=\"w-12 h-12 text-sm text-white bg-blueGray-200 inline-flex items-center justify-center rounded-full\">\n            <img\n              alt=\"...\"\n              className=\"w-full rounded-full align-middle border-none shadow-lg\"\n              src={require(\"assets/img/team-1-800x800.jpg\").default}\n            />\n          </span>\n        </div>\n      </a>\n      <div\n        ref={popoverDropdownRef}\n        className={\n          (dropdownPopoverShow ? \"block \" : \"hidden \") +\n          \"bg-white text-base z-50 float-left py-2 list-none text-left rounded shadow-lg min-w-48\"\n        }\n      >\n        <a\n          href=\"#pablo\"\n          className={\n            \"text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700\"\n          }\n          onClick={(e) => e.preventDefault()}\n        >\n          Action\n        </a>\n        <a\n          href=\"#pablo\"\n          className={\n            \"text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700\"\n          }\n          onClick={(e) => e.preventDefault()}\n        >\n          Another action\n        </a>\n        <a\n          href=\"#pablo\"\n          className={\n            \"text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700\"\n          }\n          onClick={(e) => e.preventDefault()}\n        >\n          Something else here\n        </a>\n        <div className=\"h-0 my-2 border border-solid border-blueGray-100\" />\n        <a\n          href=\"#pablo\"\n          className={\n            \"text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700\"\n          }\n          onClick={(e) => e.preventDefault()}\n        >\n          Seprated link\n        </a>\n      </div>\n    </>\n  );\n};\n\nexport default UserDropdown;\n","import React from \"react\";\n\nimport UserDropdown from \"components/Dropdowns/UserDropdown.js\";\n\nexport default function Navbar() {\n  return (\n    <>\n      {/* Navbar */}\n      <nav className=\"absolute top-0 left-0 w-full z-10 bg-transparent md:flex-row md:flex-nowrap md:justify-start flex items-center p-4\">\n        <div className=\"w-full mx-autp items-center flex justify-between md:flex-nowrap flex-wrap md:px-10 px-4\">\n          {/* Brand */}\n          <a\n            className=\"text-white text-sm uppercase hidden lg:inline-block font-semibold\"\n            href=\"#pablo\"\n            onClick={(e) => e.preventDefault()}\n          >\n            Dashboard\n          </a>\n          {/* Form */}\n          <form className=\"md:flex hidden flex-row flex-wrap items-center lg:ml-auto mr-3\">\n            <div className=\"relative flex w-full flex-wrap items-stretch\">\n              <span className=\"z-10 h-full leading-snug font-normal absolute text-center text-blueGray-300 absolute bg-transparent rounded text-base items-center justify-center w-8 pl-3 py-3\">\n                <i className=\"fas fa-search\"></i>\n              </span>\n              <input\n                type=\"text\"\n                placeholder=\"Search here...\"\n                className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 relative bg-white bg-white rounded text-sm shadow outline-none focus:outline-none focus:ring w-full pl-10\"\n              />\n            </div>\n          </form>\n          {/* User */}\n          <ul className=\"flex-col md:flex-row list-none items-center hidden md:flex\">\n            <UserDropdown />\n          </ul>\n        </div>\n      </nav>\n      {/* End Navbar */}\n    </>\n  );\n}\n","import React from \"react\";\nimport { createPopper } from \"@popperjs/core\";\n\nconst NotificationDropdown = () => {\n  // dropdown props\n  const [dropdownPopoverShow, setDropdownPopoverShow] = React.useState(false);\n  const btnDropdownRef = React.createRef();\n  const popoverDropdownRef = React.createRef();\n  const openDropdownPopover = () => {\n    console.log(\"hey\");\n    createPopper(btnDropdownRef.current, popoverDropdownRef.current, {\n      placement: \"bottom-start\",\n    });\n    setDropdownPopoverShow(true);\n  };\n  const closeDropdownPopover = () => {\n    setDropdownPopoverShow(false);\n  };\n  return (\n    <>\n      <a\n        className=\"text-blueGray-500 block py-1 px-3\"\n        href=\"#pablo\"\n        ref={btnDropdownRef}\n        onClick={(e) => {\n          e.preventDefault();\n          dropdownPopoverShow ? closeDropdownPopover() : openDropdownPopover();\n        }}\n      >\n        <i className=\"fas fa-bell\"></i>\n      </a>\n      <div\n        ref={popoverDropdownRef}\n        className={\n          (dropdownPopoverShow ? \"block \" : \"hidden \") +\n          \"bg-white text-base z-50 float-left py-2 list-none text-left rounded shadow-lg mt-1 min-w-48\"\n        }\n      >\n        <a\n          href=\"#pablo\"\n          className={\n            \"text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700\"\n          }\n          onClick={(e) => e.preventDefault()}\n        >\n          Action\n        </a>\n        <a\n          href=\"#pablo\"\n          className={\n            \"text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700\"\n          }\n          onClick={(e) => e.preventDefault()}\n        >\n          Another action\n        </a>\n        <a\n          href=\"#pablo\"\n          className={\n            \"text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700\"\n          }\n          onClick={(e) => e.preventDefault()}\n        >\n          Something else here\n        </a>\n        <div className=\"h-0 my-2 border border-solid border-blueGray-100\" />\n        <a\n          href=\"#pablo\"\n          className={\n            \"text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700\"\n          }\n          onClick={(e) => e.preventDefault()}\n        >\n          Seprated link\n        </a>\n      </div>\n    </>\n  );\n};\n\nexport default NotificationDropdown;\n","/*eslint-disable*/\nimport React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport NotificationDropdown from \"components/Dropdowns/NotificationDropdown.js\";\nimport UserDropdown from \"components/Dropdowns/UserDropdown.js\";\n\nexport default function Sidebar() {\n  const [collapseShow, setCollapseShow] = React.useState(\"hidden\");\n  return (\n    <>\n      <nav className=\"md:left-0 md:block md:fixed md:top-0 md:bottom-0 md:overflow-y-auto md:flex-row md:flex-nowrap md:overflow-hidden shadow-xl bg-white flex flex-wrap items-center justify-between relative md:w-64 z-10 py-4 px-6\">\n        <div className=\"md:flex-col md:items-stretch md:min-h-full md:flex-nowrap px-0 flex flex-wrap items-center justify-between w-full mx-auto\">\n          {/* Toggler */}\n          <button\n            className=\"cursor-pointer text-black opacity-50 md:hidden px-3 py-1 text-xl leading-none bg-transparent rounded border border-solid border-transparent\"\n            type=\"button\"\n            onClick={() => setCollapseShow(\"bg-white m-2 py-3 px-6\")}\n          >\n            <i className=\"fas fa-bars\"></i>\n          </button>\n          {/* Brand */}\n          <Link\n            className=\"md:block text-left md:pb-2 text-blueGray-600 mr-0 inline-block whitespace-nowrap text-sm uppercase font-bold p-4 px-0\"\n            to=\"/\"\n          >\n            Notus React\n          </Link>\n          {/* User */}\n          <ul className=\"md:hidden items-center flex flex-wrap list-none\">\n            <li className=\"inline-block relative\">\n              <NotificationDropdown />\n            </li>\n            <li className=\"inline-block relative\">\n              <UserDropdown />\n            </li>\n          </ul>\n          {/* Collapse */}\n          <div\n            className={\n              \"md:flex md:flex-col md:items-stretch md:opacity-100 md:relative md:mt-4 md:shadow-none shadow absolute top-0 left-0 right-0 z-40 overflow-y-auto overflow-x-hidden h-auto items-center flex-1 rounded \" +\n              collapseShow\n            }\n          >\n            {/* Collapse header */}\n            <div className=\"md:min-w-full md:hidden block pb-4 mb-4 border-b border-solid border-blueGray-200\">\n              <div className=\"flex flex-wrap\">\n                <div className=\"w-6/12\">\n                  <Link\n                    className=\"md:block text-left md:pb-2 text-blueGray-600 mr-0 inline-block whitespace-nowrap text-sm uppercase font-bold p-4 px-0\"\n                    to=\"/\"\n                  >\n                    Notus React\n                  </Link>\n                </div>\n                <div className=\"w-6/12 flex justify-end\">\n                  <button\n                    type=\"button\"\n                    className=\"cursor-pointer text-black opacity-50 md:hidden px-3 py-1 text-xl leading-none bg-transparent rounded border border-solid border-transparent\"\n                    onClick={() => setCollapseShow(\"hidden\")}\n                  >\n                    <i className=\"fas fa-times\"></i>\n                  </button>\n                </div>\n              </div>\n            </div>\n            {/* Form */}\n            <form className=\"mt-6 mb-4 md:hidden\">\n              <div className=\"mb-3 pt-0\">\n                <input\n                  type=\"text\"\n                  placeholder=\"Search\"\n                  className=\"border-0 px-3 py-2 h-12 border border-solid  border-blueGray-500 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-base leading-snug shadow-none outline-none focus:outline-none w-full font-normal\"\n                />\n              </div>\n            </form>\n\n            {/* Divider */}\n            <hr className=\"my-4 md:min-w-full\" />\n            {/* Heading */}\n            <h6 className=\"md:min-w-full text-blueGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline\">\n              Admin Layout Pages\n            </h6>\n            {/* Navigation */}\n\n            <ul className=\"md:flex-col md:min-w-full flex flex-col list-none\">\n              <li className=\"items-center\">\n                <Link\n                  className={\n                    \"text-xs uppercase py-3 font-bold block \" +\n                    (window.location.href.indexOf(\"/admin/dashboard\") !== -1\n                      ? \"text-lightBlue-500 hover:text-lightBlue-600\"\n                      : \"text-blueGray-700 hover:text-blueGray-500\")\n                  }\n                  to=\"/admin/dashboard\"\n                >\n                  <i\n                    className={\n                      \"fas fa-tv mr-2 text-sm \" +\n                      (window.location.href.indexOf(\"/admin/dashboard\") !== -1\n                        ? \"opacity-75\"\n                        : \"text-blueGray-300\")\n                    }\n                  ></i>{\" \"}\n                  Dashboard\n                </Link>\n              </li>\n\n              <li className=\"items-center\">\n                <Link\n                  className={\n                    \"text-xs uppercase py-3 font-bold block \" +\n                    (window.location.href.indexOf(\"/admin/settings\") !== -1\n                      ? \"text-lightBlue-500 hover:text-lightBlue-600\"\n                      : \"text-blueGray-700 hover:text-blueGray-500\")\n                  }\n                  to=\"/admin/settings\"\n                >\n                  <i\n                    className={\n                      \"fas fa-tools mr-2 text-sm \" +\n                      (window.location.href.indexOf(\"/admin/settings\") !== -1\n                        ? \"opacity-75\"\n                        : \"text-blueGray-300\")\n                    }\n                  ></i>{\" \"}\n                  Settings\n                </Link>\n              </li>\n\n              <li className=\"items-center\">\n                <Link\n                  className={\n                    \"text-xs uppercase py-3 font-bold block \" +\n                    (window.location.href.indexOf(\"/admin/tables\") !== -1\n                      ? \"text-lightBlue-500 hover:text-lightBlue-600\"\n                      : \"text-blueGray-700 hover:text-blueGray-500\")\n                  }\n                  to=\"/admin/tables\"\n                >\n                  <i\n                    className={\n                      \"fas fa-table mr-2 text-sm \" +\n                      (window.location.href.indexOf(\"/admin/tables\") !== -1\n                        ? \"opacity-75\"\n                        : \"text-blueGray-300\")\n                    }\n                  ></i>{\" \"}\n                  Tables\n                </Link>\n              </li>\n\n              <li className=\"items-center\">\n                <Link\n                  className={\n                    \"text-xs uppercase py-3 font-bold block \" +\n                    (window.location.href.indexOf(\"/admin/maps\") !== -1\n                      ? \"text-lightBlue-500 hover:text-lightBlue-600\"\n                      : \"text-blueGray-700 hover:text-blueGray-500\")\n                  }\n                  to=\"/admin/maps\"\n                >\n                  <i\n                    className={\n                      \"fas fa-map-marked mr-2 text-sm \" +\n                      (window.location.href.indexOf(\"/admin/maps\") !== -1\n                        ? \"opacity-75\"\n                        : \"text-blueGray-300\")\n                    }\n                  ></i>{\" \"}\n                  Maps\n                </Link>\n              </li>\n            </ul>\n\n            {/* Divider */}\n            <hr className=\"my-4 md:min-w-full\" />\n            {/* Heading */}\n            <h6 className=\"md:min-w-full text-blueGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline\">\n              Auth Layout Pages\n            </h6>\n            {/* Navigation */}\n\n            <ul className=\"md:flex-col md:min-w-full flex flex-col list-none md:mb-4\">\n              <li className=\"items-center\">\n                <Link\n                  className=\"text-blueGray-700 hover:text-blueGray-500 text-xs uppercase py-3 font-bold block\"\n                  to=\"/auth/login\"\n                >\n                  <i className=\"fas fa-fingerprint text-blueGray-400 mr-2 text-sm\"></i>{\" \"}\n                  Login\n                </Link>\n              </li>\n\n              <li className=\"items-center\">\n                <Link\n                  className=\"text-blueGray-700 hover:text-blueGray-500 text-xs uppercase py-3 font-bold block\"\n                  to=\"/auth/register\"\n                >\n                  <i className=\"fas fa-clipboard-list text-blueGray-300 mr-2 text-sm\"></i>{\" \"}\n                  Register\n                </Link>\n              </li>\n            </ul>\n\n            {/* Divider */}\n            <hr className=\"my-4 md:min-w-full\" />\n            {/* Heading */}\n            <h6 className=\"md:min-w-full text-blueGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline\">\n              No Layout Pages\n            </h6>\n            {/* Navigation */}\n\n            <ul className=\"md:flex-col md:min-w-full flex flex-col list-none md:mb-4\">\n              <li className=\"items-center\">\n                <Link\n                  className=\"text-blueGray-700 hover:text-blueGray-500 text-xs uppercase py-3 font-bold block\"\n                  to=\"/landing\"\n                >\n                  <i className=\"fas fa-newspaper text-blueGray-400 mr-2 text-sm\"></i>{\" \"}\n                  Landing Page\n                </Link>\n              </li>\n\n              <li className=\"items-center\">\n                <Link\n                  className=\"text-blueGray-700 hover:text-blueGray-500 text-xs uppercase py-3 font-bold block\"\n                  to=\"/profile\"\n                >\n                  <i className=\"fas fa-user-circle text-blueGray-400 mr-2 text-sm\"></i>{\" \"}\n                  Profile Page\n                </Link>\n              </li>\n            </ul>\n\n            {/* Divider */}\n            <hr className=\"my-4 md:min-w-full\" />\n            {/* Heading */}\n            <h6 className=\"md:min-w-full text-blueGray-500 text-xs uppercase font-bold block pt-1 pb-4 no-underline\">\n              Documentation\n            </h6>\n            {/* Navigation */}\n            <ul className=\"md:flex-col md:min-w-full flex flex-col list-none md:mb-4\">\n              <li className=\"inline-flex\">\n                <a\n                  href=\"https://www.creative-tim.com/learning-lab/tailwind/react/colors/notus\"\n                  target=\"_blank\"\n                  className=\"text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold\"\n                >\n                  <i className=\"fas fa-paint-brush mr-2 text-blueGray-300 text-base\"></i>\n                  Styles\n                </a>\n              </li>\n\n              <li className=\"inline-flex\">\n                <a\n                  href=\"https://www.creative-tim.com/learning-lab/tailwind/react/alerts/notus\"\n                  target=\"_blank\"\n                  className=\"text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold\"\n                >\n                  <i className=\"fab fa-css3-alt mr-2 text-blueGray-300 text-base\"></i>\n                  CSS Components\n                </a>\n              </li>\n\n              <li className=\"inline-flex\">\n                <a\n                  href=\"https://www.creative-tim.com/learning-lab/tailwind/angular/overview/notus\"\n                  target=\"_blank\"\n                  className=\"text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold\"\n                >\n                  <i className=\"fab fa-angular mr-2 text-blueGray-300 text-base\"></i>\n                  Angular\n                </a>\n              </li>\n\n              <li className=\"inline-flex\">\n                <a\n                  href=\"https://www.creative-tim.com/learning-lab/tailwind/js/overview/notus\"\n                  target=\"_blank\"\n                  className=\"text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold\"\n                >\n                  <i className=\"fab fa-js-square mr-2 text-blueGray-300 text-base\"></i>\n                  Javascript\n                </a>\n              </li>\n\n              <li className=\"inline-flex\">\n                <a\n                  href=\"https://www.creative-tim.com/learning-lab/tailwind/nextjs/overview/notus\"\n                  target=\"_blank\"\n                  className=\"text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold\"\n                >\n                  <i className=\"fab fa-react mr-2 text-blueGray-300 text-base\"></i>\n                  NextJS\n                </a>\n              </li>\n\n              <li className=\"inline-flex\">\n                <a\n                  href=\"https://www.creative-tim.com/learning-lab/tailwind/react/overview/notus\"\n                  target=\"_blank\"\n                  className=\"text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold\"\n                >\n                  <i className=\"fab fa-react mr-2 text-blueGray-300 text-base\"></i>\n                  React\n                </a>\n              </li>\n\n              <li className=\"inline-flex\">\n                <a\n                  href=\"https://www.creative-tim.com/learning-lab/tailwind/svelte/overview/notus\"\n                  target=\"_blank\"\n                  className=\"text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold\"\n                >\n                  <i className=\"fas fa-link mr-2 text-blueGray-300 text-base\"></i>\n                  Svelte\n                </a>\n              </li>\n\n              <li className=\"inline-flex\">\n                <a\n                  href=\"https://www.creative-tim.com/learning-lab/tailwind/vue/overview/notus\"\n                  target=\"_blank\"\n                  className=\"text-blueGray-700 hover:text-blueGray-500 text-sm block mb-4 no-underline font-semibold\"\n                >\n                  <i className=\"fab fa-vuejs mr-2 text-blueGray-300 text-base\"></i>\n                  VueJS\n                </a>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </nav>\n    </>\n  );\n}\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nexport default function CardStats({\n  statSubtitle,\n  statTitle,\n  statArrow,\n  statPercent,\n  statPercentColor,\n  statDescripiron,\n  statIconName,\n  statIconColor,\n}) {\n  return (\n    <>\n      <div className=\"relative flex flex-col min-w-0 break-words bg-white rounded mb-6 xl:mb-0 shadow-lg\">\n        <div className=\"flex-auto p-4\">\n          <div className=\"flex flex-wrap\">\n            <div className=\"relative w-full pr-4 max-w-full flex-grow flex-1\">\n              <h5 className=\"text-blueGray-400 uppercase font-bold text-xs\">\n                {statSubtitle}\n              </h5>\n              <span className=\"font-semibold text-xl text-blueGray-700\">\n                {statTitle}\n              </span>\n            </div>\n            <div className=\"relative w-auto pl-4 flex-initial\">\n              <div\n                className={\n                  \"text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 shadow-lg rounded-full \" +\n                  statIconColor\n                }\n              >\n                <i className={statIconName}></i>\n              </div>\n            </div>\n          </div>\n          <p className=\"text-sm text-blueGray-400 mt-4\">\n            <span className={statPercentColor + \" mr-2\"}>\n              <i\n                className={\n                  statArrow === \"up\"\n                    ? \"fas fa-arrow-up\"\n                    : statArrow === \"down\"\n                    ? \"fas fa-arrow-down\"\n                    : \"\"\n                }\n              ></i>{\" \"}\n              {statPercent}%\n            </span>\n            <span className=\"whitespace-nowrap\">{statDescripiron}</span>\n          </p>\n        </div>\n      </div>\n    </>\n  );\n}\n\nCardStats.defaultProps = {\n  statSubtitle: \"Traffic\",\n  statTitle: \"350,897\",\n  statArrow: \"up\",\n  statPercent: \"3.48\",\n  statPercentColor: \"text-emerald-500\",\n  statDescripiron: \"Since last month\",\n  statIconName: \"far fa-chart-bar\",\n  statIconColor: \"bg-red-500\",\n};\n\nCardStats.propTypes = {\n  statSubtitle: PropTypes.string,\n  statTitle: PropTypes.string,\n  statArrow: PropTypes.oneOf([\"up\", \"down\"]),\n  statPercent: PropTypes.string,\n  // can be any of the text color utilities\n  // from tailwindcss\n  statPercentColor: PropTypes.string,\n  statDescripiron: PropTypes.string,\n  statIconName: PropTypes.string,\n  // can be any of the background color utilities\n  // from tailwindcss\n  statIconColor: PropTypes.string,\n};\n","import React from \"react\";\n\n// components\n\nimport CardStats from \"components/Cards/CardStats.js\";\n\nexport default function HeaderStats() {\n  return (\n    <>\n      {/* Header */}\n      <div className=\"relative bg-lightBlue-600 md:pt-32 pb-32 pt-12\">\n        <div className=\"px-4 md:px-10 mx-auto w-full\">\n          <div>\n            {/* Card stats */}\n            <div className=\"flex flex-wrap\">\n              <div className=\"w-full lg:w-6/12 xl:w-3/12 px-4\">\n                <CardStats\n                  statSubtitle=\"TRAFFIC\"\n                  statTitle=\"350,897\"\n                  statArrow=\"up\"\n                  statPercent=\"3.48\"\n                  statPercentColor=\"text-emerald-500\"\n                  statDescripiron=\"Since last month\"\n                  statIconName=\"far fa-chart-bar\"\n                  statIconColor=\"bg-red-500\"\n                />\n              </div>\n              <div className=\"w-full lg:w-6/12 xl:w-3/12 px-4\">\n                <CardStats\n                  statSubtitle=\"NEW USERS\"\n                  statTitle=\"2,356\"\n                  statArrow=\"down\"\n                  statPercent=\"3.48\"\n                  statPercentColor=\"text-red-500\"\n                  statDescripiron=\"Since last week\"\n                  statIconName=\"fas fa-chart-pie\"\n                  statIconColor=\"bg-orange-500\"\n                />\n              </div>\n              <div className=\"w-full lg:w-6/12 xl:w-3/12 px-4\">\n                <CardStats\n                  statSubtitle=\"SALES\"\n                  statTitle=\"924\"\n                  statArrow=\"down\"\n                  statPercent=\"1.10\"\n                  statPercentColor=\"text-orange-500\"\n                  statDescripiron=\"Since yesterday\"\n                  statIconName=\"fas fa-users\"\n                  statIconColor=\"bg-pink-500\"\n                />\n              </div>\n              <div className=\"w-full lg:w-6/12 xl:w-3/12 px-4\">\n                <CardStats\n                  statSubtitle=\"PERFORMANCE\"\n                  statTitle=\"49,65%\"\n                  statArrow=\"up\"\n                  statPercent=\"12\"\n                  statPercentColor=\"text-emerald-500\"\n                  statDescripiron=\"Since last month\"\n                  statIconName=\"fas fa-percent\"\n                  statIconColor=\"bg-lightBlue-500\"\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n","import React from \"react\";\n\nexport default function FooterAdmin() {\n  return (\n    <>\n      <footer className=\"block py-4\">\n        <div className=\"container mx-auto px-4\">\n          <hr className=\"mb-4 border-b-1 border-blueGray-200\" />\n          <div className=\"flex flex-wrap items-center md:justify-between justify-center\">\n            <div className=\"w-full md:w-4/12 px-4\">\n              <div className=\"text-sm text-blueGray-500 font-semibold py-1 text-center md:text-left\">\n                Copyright © {new Date().getFullYear()}{\" \"}\n                <a\n                  href=\"https://www.creative-tim.com?ref=nr-footer-admin\"\n                  className=\"text-blueGray-500 hover:text-blueGray-700 text-sm font-semibold py-1\"\n                >\n                  Creative Tim\n                </a>\n              </div>\n            </div>\n            <div className=\"w-full md:w-8/12 px-4\">\n              <ul className=\"flex flex-wrap list-none md:justify-end  justify-center\">\n                <li>\n                  <a\n                    href=\"https://www.creative-tim.com?ref=nr-footer-admin\"\n                    className=\"text-blueGray-600 hover:text-blueGray-800 text-sm font-semibold block py-1 px-3\"\n                  >\n                    Creative Tim\n                  </a>\n                </li>\n                <li>\n                  <a\n                    href=\"https://www.creative-tim.com/presentation?ref=nr-footer-admin\"\n                    className=\"text-blueGray-600 hover:text-blueGray-800 text-sm font-semibold block py-1 px-3\"\n                  >\n                    About Us\n                  </a>\n                </li>\n                <li>\n                  <a\n                    href=\"http://blog.creative-tim.com?ref=nr-footer-admin\"\n                    className=\"text-blueGray-600 hover:text-blueGray-800 text-sm font-semibold block py-1 px-3\"\n                  >\n                    Blog\n                  </a>\n                </li>\n                <li>\n                  <a\n                    href=\"https://github.com/creativetimofficial/notus-react/blob/main/LICENSE.md?ref=nr-footer-admin\"\n                    className=\"text-blueGray-600 hover:text-blueGray-800 text-sm font-semibold block py-1 px-3\"\n                  >\n                    MIT License\n                  </a>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </div>\n      </footer>\n    </>\n  );\n}\n","import React from \"react\";\nimport Chart from \"chart.js\";\n\nexport default function CardLineChart() {\n  React.useEffect(() => {\n    var config = {\n      type: \"line\",\n      data: {\n        labels: [\n          \"January\",\n          \"February\",\n          \"March\",\n          \"April\",\n          \"May\",\n          \"June\",\n          \"July\",\n        ],\n        datasets: [\n          {\n            label: new Date().getFullYear(),\n            backgroundColor: \"#4c51bf\",\n            borderColor: \"#4c51bf\",\n            data: [65, 78, 66, 44, 56, 67, 75],\n            fill: false,\n          },\n          {\n            label: new Date().getFullYear() - 1,\n            fill: false,\n            backgroundColor: \"#fff\",\n            borderColor: \"#fff\",\n            data: [40, 68, 86, 74, 56, 60, 87],\n          },\n        ],\n      },\n      options: {\n        maintainAspectRatio: false,\n        responsive: true,\n        title: {\n          display: false,\n          text: \"Sales Charts\",\n          fontColor: \"white\",\n        },\n        legend: {\n          labels: {\n            fontColor: \"white\",\n          },\n          align: \"end\",\n          position: \"bottom\",\n        },\n        tooltips: {\n          mode: \"index\",\n          intersect: false,\n        },\n        hover: {\n          mode: \"nearest\",\n          intersect: true,\n        },\n        scales: {\n          xAxes: [\n            {\n              ticks: {\n                fontColor: \"rgba(255,255,255,.7)\",\n              },\n              display: true,\n              scaleLabel: {\n                display: false,\n                labelString: \"Month\",\n                fontColor: \"white\",\n              },\n              gridLines: {\n                display: false,\n                borderDash: [2],\n                borderDashOffset: [2],\n                color: \"rgba(33, 37, 41, 0.3)\",\n                zeroLineColor: \"rgba(0, 0, 0, 0)\",\n                zeroLineBorderDash: [2],\n                zeroLineBorderDashOffset: [2],\n              },\n            },\n          ],\n          yAxes: [\n            {\n              ticks: {\n                fontColor: \"rgba(255,255,255,.7)\",\n              },\n              display: true,\n              scaleLabel: {\n                display: false,\n                labelString: \"Value\",\n                fontColor: \"white\",\n              },\n              gridLines: {\n                borderDash: [3],\n                borderDashOffset: [3],\n                drawBorder: false,\n                color: \"rgba(255, 255, 255, 0.15)\",\n                zeroLineColor: \"rgba(33, 37, 41, 0)\",\n                zeroLineBorderDash: [2],\n                zeroLineBorderDashOffset: [2],\n              },\n            },\n          ],\n        },\n      },\n    };\n    var ctx = document.getElementById(\"line-chart\").getContext(\"2d\");\n    window.myLine = new Chart(ctx, config);\n  }, []);\n  return (\n    <>\n      <div className=\"relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded bg-blueGray-700\">\n        <div className=\"rounded-t mb-0 px-4 py-3 bg-transparent\">\n          <div className=\"flex flex-wrap items-center\">\n            <div className=\"relative w-full max-w-full flex-grow flex-1\">\n              <h6 className=\"uppercase text-blueGray-100 mb-1 text-xs font-semibold\">\n                Overview\n              </h6>\n              <h2 className=\"text-white text-xl font-semibold\">Sales value</h2>\n            </div>\n          </div>\n        </div>\n        <div className=\"p-4 flex-auto\">\n          {/* Chart */}\n          <div className=\"relative h-350-px\">\n            <canvas id=\"line-chart\"></canvas>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n","import React from \"react\";\nimport Chart from \"chart.js\";\n\nexport default function CardBarChart() {\n  React.useEffect(() => {\n    let config = {\n      type: \"bar\",\n      data: {\n        labels: [\n          \"January\",\n          \"February\",\n          \"March\",\n          \"April\",\n          \"May\",\n          \"June\",\n          \"July\",\n        ],\n        datasets: [\n          {\n            label: new Date().getFullYear(),\n            backgroundColor: \"#ed64a6\",\n            borderColor: \"#ed64a6\",\n            data: [30, 78, 56, 34, 100, 45, 13],\n            fill: false,\n            barThickness: 8,\n          },\n          {\n            label: new Date().getFullYear() - 1,\n            fill: false,\n            backgroundColor: \"#4c51bf\",\n            borderColor: \"#4c51bf\",\n            data: [27, 68, 86, 74, 10, 4, 87],\n            barThickness: 8,\n          },\n        ],\n      },\n      options: {\n        maintainAspectRatio: false,\n        responsive: true,\n        title: {\n          display: false,\n          text: \"Orders Chart\",\n        },\n        tooltips: {\n          mode: \"index\",\n          intersect: false,\n        },\n        hover: {\n          mode: \"nearest\",\n          intersect: true,\n        },\n        legend: {\n          labels: {\n            fontColor: \"rgba(0,0,0,.4)\",\n          },\n          align: \"end\",\n          position: \"bottom\",\n        },\n        scales: {\n          xAxes: [\n            {\n              display: false,\n              scaleLabel: {\n                display: true,\n                labelString: \"Month\",\n              },\n              gridLines: {\n                borderDash: [2],\n                borderDashOffset: [2],\n                color: \"rgba(33, 37, 41, 0.3)\",\n                zeroLineColor: \"rgba(33, 37, 41, 0.3)\",\n                zeroLineBorderDash: [2],\n                zeroLineBorderDashOffset: [2],\n              },\n            },\n          ],\n          yAxes: [\n            {\n              display: true,\n              scaleLabel: {\n                display: false,\n                labelString: \"Value\",\n              },\n              gridLines: {\n                borderDash: [2],\n                drawBorder: false,\n                borderDashOffset: [2],\n                color: \"rgba(33, 37, 41, 0.2)\",\n                zeroLineColor: \"rgba(33, 37, 41, 0.15)\",\n                zeroLineBorderDash: [2],\n                zeroLineBorderDashOffset: [2],\n              },\n            },\n          ],\n        },\n      },\n    };\n    let ctx = document.getElementById(\"bar-chart\").getContext(\"2d\");\n    window.myBar = new Chart(ctx, config);\n  }, []);\n  return (\n    <>\n      <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded\">\n        <div className=\"rounded-t mb-0 px-4 py-3 bg-transparent\">\n          <div className=\"flex flex-wrap items-center\">\n            <div className=\"relative w-full max-w-full flex-grow flex-1\">\n              <h6 className=\"uppercase text-blueGray-400 mb-1 text-xs font-semibold\">\n                Performance\n              </h6>\n              <h2 className=\"text-blueGray-700 text-xl font-semibold\">\n                Total orders\n              </h2>\n            </div>\n          </div>\n        </div>\n        <div className=\"p-4 flex-auto\">\n          {/* Chart */}\n          <div className=\"relative h-350-px\">\n            <canvas id=\"bar-chart\"></canvas>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n","import React from \"react\";\n\n// components\n\nexport default function CardPageVisits() {\n  return (\n    <>\n      <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded\">\n        <div className=\"rounded-t mb-0 px-4 py-3 border-0\">\n          <div className=\"flex flex-wrap items-center\">\n            <div className=\"relative w-full px-4 max-w-full flex-grow flex-1\">\n              <h3 className=\"font-semibold text-base text-blueGray-700\">\n                Page visits\n              </h3>\n            </div>\n            <div className=\"relative w-full px-4 max-w-full flex-grow flex-1 text-right\">\n              <button\n                className=\"bg-indigo-500 text-white active:bg-indigo-600 text-xs font-bold uppercase px-3 py-1 rounded outline-none focus:outline-none mr-1 mb-1 ease-linear transition-all duration-150\"\n                type=\"button\"\n              >\n                See all\n              </button>\n            </div>\n          </div>\n        </div>\n        <div className=\"block w-full overflow-x-auto\">\n          {/* Projects table */}\n          <table className=\"items-center w-full bg-transparent border-collapse\">\n            <thead>\n              <tr>\n                <th className=\"px-6 bg-blueGray-50 text-blueGray-500 align-middle border border-solid border-blueGray-100 py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left\">\n                  Page name\n                </th>\n                <th className=\"px-6 bg-blueGray-50 text-blueGray-500 align-middle border border-solid border-blueGray-100 py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left\">\n                  Visitors\n                </th>\n                <th className=\"px-6 bg-blueGray-50 text-blueGray-500 align-middle border border-solid border-blueGray-100 py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left\">\n                  Unique users\n                </th>\n                <th className=\"px-6 bg-blueGray-50 text-blueGray-500 align-middle border border-solid border-blueGray-100 py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left\">\n                  Bounce rate\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr>\n                <th className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left\">\n                  /argon/\n                </th>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  4,569\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  340\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <i className=\"fas fa-arrow-up text-emerald-500 mr-4\"></i>\n                  46,53%\n                </td>\n              </tr>\n              <tr>\n                <th className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left\">\n                  /argon/index.html\n                </th>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  3,985\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  319\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <i className=\"fas fa-arrow-down text-orange-500 mr-4\"></i>\n                  46,53%\n                </td>\n              </tr>\n              <tr>\n                <th className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left\">\n                  /argon/charts.html\n                </th>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  3,513\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  294\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <i className=\"fas fa-arrow-down text-orange-500 mr-4\"></i>\n                  36,49%\n                </td>\n              </tr>\n              <tr>\n                <th className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left\">\n                  /argon/tables.html\n                </th>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  2,050\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  147\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <i className=\"fas fa-arrow-up text-emerald-500 mr-4\"></i>\n                  50,87%\n                </td>\n              </tr>\n              <tr>\n                <th className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left\">\n                  /argon/profile.html\n                </th>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  1,795\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  190\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <i className=\"fas fa-arrow-down text-red-500 mr-4\"></i>\n                  46,53%\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </div>\n    </>\n  );\n}\n","import React from \"react\";\n\n// components\n\nexport default function CardSocialTraffic() {\n  return (\n    <>\n      <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded\">\n        <div className=\"rounded-t mb-0 px-4 py-3 border-0\">\n          <div className=\"flex flex-wrap items-center\">\n            <div className=\"relative w-full px-4 max-w-full flex-grow flex-1\">\n              <h3 className=\"font-semibold text-base text-blueGray-700\">\n                Social traffic\n              </h3>\n            </div>\n            <div className=\"relative w-full px-4 max-w-full flex-grow flex-1 text-right\">\n              <button\n                className=\"bg-indigo-500 text-white active:bg-indigo-600 text-xs font-bold uppercase px-3 py-1 rounded outline-none focus:outline-none mr-1 mb-1 ease-linear transition-all duration-150\"\n                type=\"button\"\n              >\n                See all\n              </button>\n            </div>\n          </div>\n        </div>\n        <div className=\"block w-full overflow-x-auto\">\n          {/* Projects table */}\n          <table className=\"items-center w-full bg-transparent border-collapse\">\n            <thead className=\"thead-light\">\n              <tr>\n                <th className=\"px-6 bg-blueGray-50 text-blueGray-500 align-middle border border-solid border-blueGray-100 py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left\">\n                  Referral\n                </th>\n                <th className=\"px-6 bg-blueGray-50 text-blueGray-500 align-middle border border-solid border-blueGray-100 py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left\">\n                  Visitors\n                </th>\n                <th className=\"px-6 bg-blueGray-50 text-blueGray-500 align-middle border border-solid border-blueGray-100 py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left min-w-140-px\"></th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr>\n                <th className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left\">\n                  Facebook\n                </th>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  1,480\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <div className=\"flex items-center\">\n                    <span className=\"mr-2\">60%</span>\n                    <div className=\"relative w-full\">\n                      <div className=\"overflow-hidden h-2 text-xs flex rounded bg-red-200\">\n                        <div\n                          style={{ width: \"60%\" }}\n                          className=\"shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-red-500\"\n                        ></div>\n                      </div>\n                    </div>\n                  </div>\n                </td>\n              </tr>\n              <tr>\n                <th className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left\">\n                  Facebook\n                </th>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  5,480\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <div className=\"flex items-center\">\n                    <span className=\"mr-2\">70%</span>\n                    <div className=\"relative w-full\">\n                      <div className=\"overflow-hidden h-2 text-xs flex rounded bg-emerald-200\">\n                        <div\n                          style={{ width: \"70%\" }}\n                          className=\"shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-emerald-500\"\n                        ></div>\n                      </div>\n                    </div>\n                  </div>\n                </td>\n              </tr>\n              <tr>\n                <th className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left\">\n                  Google\n                </th>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  4,807\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <div className=\"flex items-center\">\n                    <span className=\"mr-2\">80%</span>\n                    <div className=\"relative w-full\">\n                      <div className=\"overflow-hidden h-2 text-xs flex rounded bg-purple-200\">\n                        <div\n                          style={{ width: \"80%\" }}\n                          className=\"shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-purple-500\"\n                        ></div>\n                      </div>\n                    </div>\n                  </div>\n                </td>\n              </tr>\n              <tr>\n                <th className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left\">\n                  Instagram\n                </th>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  3,678\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <div className=\"flex items-center\">\n                    <span className=\"mr-2\">75%</span>\n                    <div className=\"relative w-full\">\n                      <div className=\"overflow-hidden h-2 text-xs flex rounded bg-lightBlue-200\">\n                        <div\n                          style={{ width: \"75%\" }}\n                          className=\"shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-lightBlue-500\"\n                        ></div>\n                      </div>\n                    </div>\n                  </div>\n                </td>\n              </tr>\n              <tr>\n                <th className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left\">\n                  twitter\n                </th>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  2,645\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <div className=\"flex items-center\">\n                    <span className=\"mr-2\">30%</span>\n                    <div className=\"relative w-full\">\n                      <div className=\"overflow-hidden h-2 text-xs flex rounded bg-orange-200\">\n                        <div\n                          style={{ width: \"30%\" }}\n                          className=\"shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-emerald-500\"\n                        ></div>\n                      </div>\n                    </div>\n                  </div>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </div>\n    </>\n  );\n}\n","import React from \"react\";\n\n// components\n\nimport CardLineChart from \"components/Cards/CardLineChart.js\";\nimport CardBarChart from \"components/Cards/CardBarChart.js\";\nimport CardPageVisits from \"components/Cards/CardPageVisits.js\";\nimport CardSocialTraffic from \"components/Cards/CardSocialTraffic.js\";\n\nexport default function Dashboard() {\n  return (\n    <>\n      <div className=\"flex flex-wrap\">\n        <div className=\"w-full xl:w-8/12 mb-12 xl:mb-0 px-4\">\n          <CardLineChart />\n        </div>\n        <div className=\"w-full xl:w-4/12 px-4\">\n          <CardBarChart />\n        </div>\n      </div>\n      <div className=\"flex flex-wrap mt-4\">\n        <div className=\"w-full xl:w-8/12 mb-12 xl:mb-0 px-4\">\n          <CardPageVisits />\n        </div>\n        <div className=\"w-full xl:w-4/12 px-4\">\n          <CardSocialTraffic />\n        </div>\n      </div>\n    </>\n  );\n}\n","import React from \"react\";\n\nfunction MapExample() {\n  const mapRef = React.useRef(null);\n  React.useEffect(() => {\n    let google = window.google;\n    let map = mapRef.current;\n    let lat = \"40.748817\";\n    let lng = \"-73.985428\";\n    const myLatlng = new google.maps.LatLng(lat, lng);\n    const mapOptions = {\n      zoom: 12,\n      center: myLatlng,\n      scrollwheel: false,\n      zoomControl: true,\n      styles: [\n        {\n          featureType: \"administrative\",\n          elementType: \"labels.text.fill\",\n          stylers: [{ color: \"#444444\" }],\n        },\n        {\n          featureType: \"landscape\",\n          elementType: \"all\",\n          stylers: [{ color: \"#f2f2f2\" }],\n        },\n        {\n          featureType: \"poi\",\n          elementType: \"all\",\n          stylers: [{ visibility: \"off\" }],\n        },\n        {\n          featureType: \"road\",\n          elementType: \"all\",\n          stylers: [{ saturation: -100 }, { lightness: 45 }],\n        },\n        {\n          featureType: \"road.highway\",\n          elementType: \"all\",\n          stylers: [{ visibility: \"simplified\" }],\n        },\n        {\n          featureType: \"road.arterial\",\n          elementType: \"labels.icon\",\n          stylers: [{ visibility: \"off\" }],\n        },\n        {\n          featureType: \"transit\",\n          elementType: \"all\",\n          stylers: [{ visibility: \"off\" }],\n        },\n        {\n          featureType: \"water\",\n          elementType: \"all\",\n          stylers: [{ color: \"#4299e1\" }, { visibility: \"on\" }],\n        },\n      ],\n    };\n\n    map = new google.maps.Map(map, mapOptions);\n\n    const marker = new google.maps.Marker({\n      position: myLatlng,\n      map: map,\n      animation: google.maps.Animation.DROP,\n      title: \"Notus React!\",\n    });\n\n    const contentString =\n      '<div class=\"info-window-content\"><h2>Notus React</h2>' +\n      \"<p>A free Admin for Tailwind CSS, React, and React Hooks.</p></div>\";\n\n    const infowindow = new google.maps.InfoWindow({\n      content: contentString,\n    });\n\n    google.maps.event.addListener(marker, \"click\", function () {\n      infowindow.open(map, marker);\n    });\n  });\n  return (\n    <>\n      <div className=\"relative w-full rounded h-600-px\">\n        <div className=\"rounded h-full\" ref={mapRef} />\n      </div>\n    </>\n  );\n}\n\nexport default MapExample;\n","import React from \"react\";\n\n// components\n\nimport MapExample from \"components/Maps/MapExample.js\";\n\nexport default function Maps() {\n  return (\n    <>\n      <div className=\"flex flex-wrap\">\n        <div className=\"w-full px-4\">\n          <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded\">\n            <MapExample />\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n","import React from \"react\";\n\n// components\n\nexport default function CardSettings() {\n  return (\n    <>\n      <div className=\"relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded-lg bg-blueGray-100 border-0\">\n        <div className=\"rounded-t bg-white mb-0 px-6 py-6\">\n          <div className=\"text-center flex justify-between\">\n            <h6 className=\"text-blueGray-700 text-xl font-bold\">My account</h6>\n            <button\n              className=\"bg-lightBlue-500 text-white active:bg-lightBlue-600 font-bold uppercase text-xs px-4 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150\"\n              type=\"button\"\n            >\n              Settings\n            </button>\n          </div>\n        </div>\n        <div className=\"flex-auto px-4 lg:px-10 py-10 pt-0\">\n          <form>\n            <h6 className=\"text-blueGray-400 text-sm mt-3 mb-6 font-bold uppercase\">\n              User Information\n            </h6>\n            <div className=\"flex flex-wrap\">\n              <div className=\"w-full lg:w-6/12 px-4\">\n                <div className=\"relative w-full mb-3\">\n                  <label\n                    className=\"block uppercase text-blueGray-600 text-xs font-bold mb-2\"\n                    htmlFor=\"grid-password\"\n                  >\n                    Username\n                  </label>\n                  <input\n                    type=\"text\"\n                    className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                    defaultValue=\"lucky.jesse\"\n                  />\n                </div>\n              </div>\n              <div className=\"w-full lg:w-6/12 px-4\">\n                <div className=\"relative w-full mb-3\">\n                  <label\n                    className=\"block uppercase text-blueGray-600 text-xs font-bold mb-2\"\n                    htmlFor=\"grid-password\"\n                  >\n                    Email address\n                  </label>\n                  <input\n                    type=\"email\"\n                    className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                    defaultValue=\"jesse@example.com\"\n                  />\n                </div>\n              </div>\n              <div className=\"w-full lg:w-6/12 px-4\">\n                <div className=\"relative w-full mb-3\">\n                  <label\n                    className=\"block uppercase text-blueGray-600 text-xs font-bold mb-2\"\n                    htmlFor=\"grid-password\"\n                  >\n                    First Name\n                  </label>\n                  <input\n                    type=\"text\"\n                    className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                    defaultValue=\"Lucky\"\n                  />\n                </div>\n              </div>\n              <div className=\"w-full lg:w-6/12 px-4\">\n                <div className=\"relative w-full mb-3\">\n                  <label\n                    className=\"block uppercase text-blueGray-600 text-xs font-bold mb-2\"\n                    htmlFor=\"grid-password\"\n                  >\n                    Last Name\n                  </label>\n                  <input\n                    type=\"text\"\n                    className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                    defaultValue=\"Jesse\"\n                  />\n                </div>\n              </div>\n            </div>\n\n            <hr className=\"mt-6 border-b-1 border-blueGray-300\" />\n\n            <h6 className=\"text-blueGray-400 text-sm mt-3 mb-6 font-bold uppercase\">\n              Contact Information\n            </h6>\n            <div className=\"flex flex-wrap\">\n              <div className=\"w-full lg:w-12/12 px-4\">\n                <div className=\"relative w-full mb-3\">\n                  <label\n                    className=\"block uppercase text-blueGray-600 text-xs font-bold mb-2\"\n                    htmlFor=\"grid-password\"\n                  >\n                    Address\n                  </label>\n                  <input\n                    type=\"text\"\n                    className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                    defaultValue=\"Bld Mihail Kogalniceanu, nr. 8 Bl 1, Sc 1, Ap 09\"\n                  />\n                </div>\n              </div>\n              <div className=\"w-full lg:w-4/12 px-4\">\n                <div className=\"relative w-full mb-3\">\n                  <label\n                    className=\"block uppercase text-blueGray-600 text-xs font-bold mb-2\"\n                    htmlFor=\"grid-password\"\n                  >\n                    City\n                  </label>\n                  <input\n                    type=\"email\"\n                    className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                    defaultValue=\"New York\"\n                  />\n                </div>\n              </div>\n              <div className=\"w-full lg:w-4/12 px-4\">\n                <div className=\"relative w-full mb-3\">\n                  <label\n                    className=\"block uppercase text-blueGray-600 text-xs font-bold mb-2\"\n                    htmlFor=\"grid-password\"\n                  >\n                    Country\n                  </label>\n                  <input\n                    type=\"text\"\n                    className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                    defaultValue=\"United States\"\n                  />\n                </div>\n              </div>\n              <div className=\"w-full lg:w-4/12 px-4\">\n                <div className=\"relative w-full mb-3\">\n                  <label\n                    className=\"block uppercase text-blueGray-600 text-xs font-bold mb-2\"\n                    htmlFor=\"grid-password\"\n                  >\n                    Postal Code\n                  </label>\n                  <input\n                    type=\"text\"\n                    className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                    defaultValue=\"Postal Code\"\n                  />\n                </div>\n              </div>\n            </div>\n\n            <hr className=\"mt-6 border-b-1 border-blueGray-300\" />\n\n            <h6 className=\"text-blueGray-400 text-sm mt-3 mb-6 font-bold uppercase\">\n              About Me\n            </h6>\n            <div className=\"flex flex-wrap\">\n              <div className=\"w-full lg:w-12/12 px-4\">\n                <div className=\"relative w-full mb-3\">\n                  <label\n                    className=\"block uppercase text-blueGray-600 text-xs font-bold mb-2\"\n                    htmlFor=\"grid-password\"\n                  >\n                    About me\n                  </label>\n                  <textarea\n                    type=\"text\"\n                    className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                    defaultValue=\"A beautiful UI Kit and Admin for React & Tailwind CSS. It is Free and Open Source.\"\n                    rows=\"4\"\n                  ></textarea>\n                </div>\n              </div>\n            </div>\n          </form>\n        </div>\n      </div>\n    </>\n  );\n}\n","import React from \"react\";\n\n// components\n\nexport default function CardProfile() {\n  return (\n    <>\n      <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-xl rounded-lg mt-16\">\n        <div className=\"px-6\">\n          <div className=\"flex flex-wrap justify-center\">\n            <div className=\"w-full px-4 flex justify-center\">\n              <div className=\"relative\">\n                <img\n                  alt=\"...\"\n                  src={require(\"assets/img/team-2-800x800.jpg\").default}\n                  className=\"shadow-xl rounded-full h-auto align-middle border-none absolute -m-16 -ml-20 lg:-ml-16 max-w-150-px\"\n                />\n              </div>\n            </div>\n            <div className=\"w-full px-4 text-center mt-20\">\n              <div className=\"flex justify-center py-4 lg:pt-4 pt-8\">\n                <div className=\"mr-4 p-3 text-center\">\n                  <span className=\"text-xl font-bold block uppercase tracking-wide text-blueGray-600\">\n                    22\n                  </span>\n                  <span className=\"text-sm text-blueGray-400\">Friends</span>\n                </div>\n                <div className=\"mr-4 p-3 text-center\">\n                  <span className=\"text-xl font-bold block uppercase tracking-wide text-blueGray-600\">\n                    10\n                  </span>\n                  <span className=\"text-sm text-blueGray-400\">Photos</span>\n                </div>\n                <div className=\"lg:mr-4 p-3 text-center\">\n                  <span className=\"text-xl font-bold block uppercase tracking-wide text-blueGray-600\">\n                    89\n                  </span>\n                  <span className=\"text-sm text-blueGray-400\">Comments</span>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div className=\"text-center mt-12\">\n            <h3 className=\"text-xl font-semibold leading-normal mb-2 text-blueGray-700 mb-2\">\n              Jenna Stones\n            </h3>\n            <div className=\"text-sm leading-normal mt-0 mb-2 text-blueGray-400 font-bold uppercase\">\n              <i className=\"fas fa-map-marker-alt mr-2 text-lg text-blueGray-400\"></i>{\" \"}\n              Los Angeles, California\n            </div>\n            <div className=\"mb-2 text-blueGray-600 mt-10\">\n              <i className=\"fas fa-briefcase mr-2 text-lg text-blueGray-400\"></i>\n              Solution Manager - Creative Tim Officer\n            </div>\n            <div className=\"mb-2 text-blueGray-600\">\n              <i className=\"fas fa-university mr-2 text-lg text-blueGray-400\"></i>\n              University of Computer Science\n            </div>\n          </div>\n          <div className=\"mt-10 py-10 border-t border-blueGray-200 text-center\">\n            <div className=\"flex flex-wrap justify-center\">\n              <div className=\"w-full lg:w-9/12 px-4\">\n                <p className=\"mb-4 text-lg leading-relaxed text-blueGray-700\">\n                  An artist of considerable range, Jenna the name taken by\n                  Melbourne-raised, Brooklyn-based Nick Murphy writes, performs\n                  and records all of his own music, giving it a warm, intimate\n                  feel with a solid groove structure. An artist of considerable\n                  range.\n                </p>\n                <a\n                  href=\"#pablo\"\n                  className=\"font-normal text-lightBlue-500\"\n                  onClick={(e) => e.preventDefault()}\n                >\n                  Show more\n                </a>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n","import React from \"react\";\n\n// components\n\nimport CardSettings from \"components/Cards/CardSettings.js\";\nimport CardProfile from \"components/Cards/CardProfile.js\";\n\nexport default function Settings() {\n  return (\n    <>\n      <div className=\"flex flex-wrap\">\n        <div className=\"w-full lg:w-8/12 px-4\">\n          <CardSettings />\n        </div>\n        <div className=\"w-full lg:w-4/12 px-4\">\n          <CardProfile />\n        </div>\n      </div>\n    </>\n  );\n}\n","import React from \"react\";\nimport { createPopper } from \"@popperjs/core\";\n\nconst NotificationDropdown = () => {\n  // dropdown props\n  const [dropdownPopoverShow, setDropdownPopoverShow] = React.useState(false);\n  const btnDropdownRef = React.createRef();\n  const popoverDropdownRef = React.createRef();\n  const openDropdownPopover = () => {\n    createPopper(btnDropdownRef.current, popoverDropdownRef.current, {\n      placement: \"left-start\",\n    });\n    setDropdownPopoverShow(true);\n  };\n  const closeDropdownPopover = () => {\n    setDropdownPopoverShow(false);\n  };\n  return (\n    <>\n      <a\n        className=\"text-blueGray-500 py-1 px-3\"\n        href=\"#pablo\"\n        ref={btnDropdownRef}\n        onClick={(e) => {\n          e.preventDefault();\n          dropdownPopoverShow ? closeDropdownPopover() : openDropdownPopover();\n        }}\n      >\n        <i className=\"fas fa-ellipsis-v\"></i>\n      </a>\n      <div\n        ref={popoverDropdownRef}\n        className={\n          (dropdownPopoverShow ? \"block \" : \"hidden \") +\n          \"bg-white text-base z-50 float-left py-2 list-none text-left rounded shadow-lg min-w-48\"\n        }\n      >\n        <a\n          href=\"#pablo\"\n          className={\n            \"text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700\"\n          }\n          onClick={(e) => e.preventDefault()}\n        >\n          Action\n        </a>\n        <a\n          href=\"#pablo\"\n          className={\n            \"text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700\"\n          }\n          onClick={(e) => e.preventDefault()}\n        >\n          Another action\n        </a>\n        <a\n          href=\"#pablo\"\n          className={\n            \"text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700\"\n          }\n          onClick={(e) => e.preventDefault()}\n        >\n          Something else here\n        </a>\n      </div>\n    </>\n  );\n};\n\nexport default NotificationDropdown;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\n// components\n\nimport TableDropdown from \"components/Dropdowns/TableDropdown.js\";\n\nexport default function CardTable({ color }) {\n  return (\n    <>\n      <div\n        className={\n          \"relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded \" +\n          (color === \"light\" ? \"bg-white\" : \"bg-lightBlue-900 text-white\")\n        }\n      >\n        <div className=\"rounded-t mb-0 px-4 py-3 border-0\">\n          <div className=\"flex flex-wrap items-center\">\n            <div className=\"relative w-full px-4 max-w-full flex-grow flex-1\">\n              <h3\n                className={\n                  \"font-semibold text-lg \" +\n                  (color === \"light\" ? \"text-blueGray-700\" : \"text-white\")\n                }\n              >\n                Card Tables\n              </h3>\n            </div>\n          </div>\n        </div>\n        <div className=\"block w-full overflow-x-auto\">\n          {/* Projects table */}\n          <table className=\"items-center w-full bg-transparent border-collapse\">\n            <thead>\n              <tr>\n                <th\n                  className={\n                    \"px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left \" +\n                    (color === \"light\"\n                      ? \"bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                      : \"bg-lightBlue-800 text-lightBlue-300 border-lightBlue-700\")\n                  }\n                >\n                  Project\n                </th>\n                <th\n                  className={\n                    \"px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left \" +\n                    (color === \"light\"\n                      ? \"bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                      : \"bg-lightBlue-800 text-lightBlue-300 border-lightBlue-700\")\n                  }\n                >\n                  Budget\n                </th>\n                <th\n                  className={\n                    \"px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left \" +\n                    (color === \"light\"\n                      ? \"bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                      : \"bg-lightBlue-800 text-lightBlue-300 border-lightBlue-700\")\n                  }\n                >\n                  Status\n                </th>\n                <th\n                  className={\n                    \"px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left \" +\n                    (color === \"light\"\n                      ? \"bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                      : \"bg-lightBlue-800 text-lightBlue-300 border-lightBlue-700\")\n                  }\n                >\n                  Users\n                </th>\n                <th\n                  className={\n                    \"px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left \" +\n                    (color === \"light\"\n                      ? \"bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                      : \"bg-lightBlue-800 text-lightBlue-300 border-lightBlue-700\")\n                  }\n                >\n                  Completion\n                </th>\n                <th\n                  className={\n                    \"px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left \" +\n                    (color === \"light\"\n                      ? \"bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                      : \"bg-lightBlue-800 text-lightBlue-300 border-lightBlue-700\")\n                  }\n                ></th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr>\n                <th className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left flex items-center\">\n                  <img\n                    src={require(\"assets/img/bootstrap.jpg\").default}\n                    className=\"h-12 w-12 bg-white rounded-full border\"\n                    alt=\"...\"\n                  ></img>{\" \"}\n                  <span\n                    className={\n                      \"ml-3 font-bold \" +\n                      +(color === \"light\" ? \"text-blueGray-600\" : \"text-white\")\n                    }\n                  >\n                    Argon Design System\n                  </span>\n                </th>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  $2,500 USD\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <i className=\"fas fa-circle text-orange-500 mr-2\"></i> pending\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <div className=\"flex\">\n                    <img\n                      src={require(\"assets/img/team-1-800x800.jpg\").default}\n                      alt=\"...\"\n                      className=\"w-10 h-10 rounded-full border-2 border-blueGray-50 shadow\"\n                    ></img>\n                    <img\n                      src={require(\"assets/img/team-2-800x800.jpg\").default}\n                      alt=\"...\"\n                      className=\"w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4\"\n                    ></img>\n                    <img\n                      src={require(\"assets/img/team-3-800x800.jpg\").default}\n                      alt=\"...\"\n                      className=\"w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4\"\n                    ></img>\n                    <img\n                      src={require(\"assets/img/team-4-470x470.png\").default}\n                      alt=\"...\"\n                      className=\"w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4\"\n                    ></img>\n                  </div>\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <div className=\"flex items-center\">\n                    <span className=\"mr-2\">60%</span>\n                    <div className=\"relative w-full\">\n                      <div className=\"overflow-hidden h-2 text-xs flex rounded bg-red-200\">\n                        <div\n                          style={{ width: \"60%\" }}\n                          className=\"shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-red-500\"\n                        ></div>\n                      </div>\n                    </div>\n                  </div>\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-right\">\n                  <TableDropdown />\n                </td>\n              </tr>\n              <tr>\n                <th className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left flex items-center\">\n                  <img\n                    src={require(\"assets/img/angular.jpg\").default}\n                    className=\"h-12 w-12 bg-white rounded-full border\"\n                    alt=\"...\"\n                  ></img>{\" \"}\n                  <span\n                    className={\n                      \"ml-3 font-bold \" +\n                      +(color === \"light\" ? \"text-blueGray-600\" : \"text-white\")\n                    }\n                  >\n                    Angular Now UI Kit PRO\n                  </span>\n                </th>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  $1,800 USD\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <i className=\"fas fa-circle text-emerald-500 mr-2\"></i>{\" \"}\n                  completed\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <div className=\"flex\">\n                    <img\n                      src={require(\"assets/img/team-1-800x800.jpg\").default}\n                      alt=\"...\"\n                      className=\"w-10 h-10 rounded-full border-2 border-blueGray-50 shadow\"\n                    ></img>\n                    <img\n                      src={require(\"assets/img/team-2-800x800.jpg\").default}\n                      alt=\"...\"\n                      className=\"w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4\"\n                    ></img>\n                    <img\n                      src={require(\"assets/img/team-3-800x800.jpg\").default}\n                      alt=\"...\"\n                      className=\"w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4\"\n                    ></img>\n                    <img\n                      src={require(\"assets/img/team-4-470x470.png\").default}\n                      alt=\"...\"\n                      className=\"w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4\"\n                    ></img>\n                  </div>\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <div className=\"flex items-center\">\n                    <span className=\"mr-2\">100%</span>\n                    <div className=\"relative w-full\">\n                      <div className=\"overflow-hidden h-2 text-xs flex rounded bg-emerald-200\">\n                        <div\n                          style={{ width: \"100%\" }}\n                          className=\"shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-emerald-500\"\n                        ></div>\n                      </div>\n                    </div>\n                  </div>\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-right\">\n                  <TableDropdown />\n                </td>\n              </tr>\n              <tr>\n                <th className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left flex items-center\">\n                  <img\n                    src={require(\"assets/img/sketch.jpg\").default}\n                    className=\"h-12 w-12 bg-white rounded-full border\"\n                    alt=\"...\"\n                  ></img>{\" \"}\n                  <span\n                    className={\n                      \"ml-3 font-bold \" +\n                      +(color === \"light\" ? \"text-blueGray-600\" : \"text-white\")\n                    }\n                  >\n                    Black Dashboard Sketch\n                  </span>\n                </th>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  $3,150 USD\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <i className=\"fas fa-circle text-red-500 mr-2\"></i> delayed\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <div className=\"flex\">\n                    <img\n                      src={require(\"assets/img/team-1-800x800.jpg\").default}\n                      alt=\"...\"\n                      className=\"w-10 h-10 rounded-full border-2 border-blueGray-50 shadow\"\n                    ></img>\n                    <img\n                      src={require(\"assets/img/team-2-800x800.jpg\").default}\n                      alt=\"...\"\n                      className=\"w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4\"\n                    ></img>\n                    <img\n                      src={require(\"assets/img/team-3-800x800.jpg\").default}\n                      alt=\"...\"\n                      className=\"w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4\"\n                    ></img>\n                    <img\n                      src={require(\"assets/img/team-4-470x470.png\").default}\n                      alt=\"...\"\n                      className=\"w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4\"\n                    ></img>\n                  </div>\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <div className=\"flex items-center\">\n                    <span className=\"mr-2\">73%</span>\n                    <div className=\"relative w-full\">\n                      <div className=\"overflow-hidden h-2 text-xs flex rounded bg-red-200\">\n                        <div\n                          style={{ width: \"73%\" }}\n                          className=\"shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-red-500\"\n                        ></div>\n                      </div>\n                    </div>\n                  </div>\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-right\">\n                  <TableDropdown />\n                </td>\n              </tr>\n              <tr>\n                <th className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left flex items-center\">\n                  <img\n                    src={require(\"assets/img/react.jpg\").default}\n                    className=\"h-12 w-12 bg-white rounded-full border\"\n                    alt=\"...\"\n                  ></img>{\" \"}\n                  <span\n                    className={\n                      \"ml-3 font-bold \" +\n                      +(color === \"light\" ? \"text-blueGray-600\" : \"text-white\")\n                    }\n                  >\n                    React Material Dashboard\n                  </span>\n                </th>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  $4,400 USD\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <i className=\"fas fa-circle text-teal-500 mr-2\"></i> on\n                  schedule\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <div className=\"flex\">\n                    <img\n                      src={require(\"assets/img/team-1-800x800.jpg\").default}\n                      alt=\"...\"\n                      className=\"w-10 h-10 rounded-full border-2 border-blueGray-50 shadow\"\n                    ></img>\n                    <img\n                      src={require(\"assets/img/team-2-800x800.jpg\").default}\n                      alt=\"...\"\n                      className=\"w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4\"\n                    ></img>\n                    <img\n                      src={require(\"assets/img/team-3-800x800.jpg\").default}\n                      alt=\"...\"\n                      className=\"w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4\"\n                    ></img>\n                    <img\n                      src={require(\"assets/img/team-4-470x470.png\").default}\n                      alt=\"...\"\n                      className=\"w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4\"\n                    ></img>\n                  </div>\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <div className=\"flex items-center\">\n                    <span className=\"mr-2\">90%</span>\n                    <div className=\"relative w-full\">\n                      <div className=\"overflow-hidden h-2 text-xs flex rounded bg-teal-200\">\n                        <div\n                          style={{ width: \"90%\" }}\n                          className=\"shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-teal-500\"\n                        ></div>\n                      </div>\n                    </div>\n                  </div>\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-right\">\n                  <TableDropdown />\n                </td>\n              </tr>\n              <tr>\n                <th className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left flex items-center\">\n                  <img\n                    src={require(\"assets/img/vue.jpg\").default}\n                    className=\"h-12 w-12 bg-white rounded-full border\"\n                    alt=\"...\"\n                  ></img>{\" \"}\n                  <span\n                    className={\n                      \"ml-3 font-bold \" +\n                      +(color === \"light\" ? \"text-blueGray-600\" : \"text-white\")\n                    }\n                  >\n                    React Material Dashboard\n                  </span>\n                </th>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  $2,200 USD\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <i className=\"fas fa-circle text-emerald-500 mr-2\"></i>{\" \"}\n                  completed\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <div className=\"flex\">\n                    <img\n                      src={require(\"assets/img/team-1-800x800.jpg\").default}\n                      alt=\"...\"\n                      className=\"w-10 h-10 rounded-full border-2 border-blueGray-50 shadow\"\n                    ></img>\n                    <img\n                      src={require(\"assets/img/team-2-800x800.jpg\").default}\n                      alt=\"...\"\n                      className=\"w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4\"\n                    ></img>\n                    <img\n                      src={require(\"assets/img/team-3-800x800.jpg\").default}\n                      alt=\"...\"\n                      className=\"w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4\"\n                    ></img>\n                    <img\n                      src={require(\"assets/img/team-4-470x470.png\").default}\n                      alt=\"...\"\n                      className=\"w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4\"\n                    ></img>\n                  </div>\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4\">\n                  <div className=\"flex items-center\">\n                    <span className=\"mr-2\">100%</span>\n                    <div className=\"relative w-full\">\n                      <div className=\"overflow-hidden h-2 text-xs flex rounded bg-emerald-200\">\n                        <div\n                          style={{ width: \"100%\" }}\n                          className=\"shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-emerald-500\"\n                        ></div>\n                      </div>\n                    </div>\n                  </div>\n                </td>\n                <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-right\">\n                  <TableDropdown />\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </div>\n    </>\n  );\n}\n\nCardTable.defaultProps = {\n  color: \"light\",\n};\n\nCardTable.propTypes = {\n  color: PropTypes.oneOf([\"light\", \"dark\"]),\n};\n","import React from \"react\";\n\n// components\n\nimport CardTable from \"components/Cards/CardTable.js\";\n\nexport default function Tables() {\n  return (\n    <>\n      <div className=\"flex flex-wrap mt-4\">\n        <div className=\"w-full mb-12 px-4\">\n          <CardTable />\n        </div>\n        <div className=\"w-full mb-12 px-4\">\n          <CardTable color=\"dark\" />\n        </div>\n      </div>\n    </>\n  );\n}\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { createPopper } from \"@popperjs/core\";\n\nconst PagesDropdown = () => {\n  // dropdown props\n  const [dropdownPopoverShow, setDropdownPopoverShow] = React.useState(false);\n  const btnDropdownRef = React.createRef();\n  const popoverDropdownRef = React.createRef();\n  const openDropdownPopover = () => {\n    createPopper(btnDropdownRef.current, popoverDropdownRef.current, {\n      placement: \"bottom-start\",\n    });\n    setDropdownPopoverShow(true);\n  };\n  const closeDropdownPopover = () => {\n    setDropdownPopoverShow(false);\n  };\n  return (\n    <>\n      <a\n        className=\"lg:text-white lg:hover:text-blueGray-200 text-blueGray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold\"\n        href=\"#pablo\"\n        ref={btnDropdownRef}\n        onClick={(e) => {\n          e.preventDefault();\n          dropdownPopoverShow ? closeDropdownPopover() : openDropdownPopover();\n        }}\n      >\n        Demo Pages\n      </a>\n      <div\n        ref={popoverDropdownRef}\n        className={\n          (dropdownPopoverShow ? \"block \" : \"hidden \") +\n          \"bg-white text-base z-50 float-left py-2 list-none text-left rounded shadow-lg min-w-48\"\n        }\n      >\n        <span\n          className={\n            \"text-sm pt-2 pb-0 px-4 font-bold block w-full whitespace-nowrap bg-transparent text-blueGray-400\"\n          }\n        >\n          Admin Layout\n        </span>\n        <Link\n          to=\"/admin/dashboard\"\n          className={\n            \"text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700\"\n          }\n        >\n          Dashboard\n        </Link>\n        <Link\n          to=\"/admin/settings\"\n          className={\n            \"text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700\"\n          }\n        >\n          Settings\n        </Link>\n        <Link\n          to=\"/admin/tables\"\n          className={\n            \"text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700\"\n          }\n        >\n          Tables\n        </Link>\n        <Link\n          to=\"/admin/maps\"\n          className={\n            \"text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700\"\n          }\n        >\n          Maps\n        </Link>\n        <div className=\"h-0 mx-4 my-2 border border-solid border-blueGray-100\" />\n        <span\n          className={\n            \"text-sm pt-2 pb-0 px-4 font-bold block w-full whitespace-nowrap bg-transparent text-blueGray-400\"\n          }\n        >\n          Auth Layout\n        </span>\n        <Link\n          to=\"/auth/login\"\n          className={\n            \"text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700\"\n          }\n        >\n          Login\n        </Link>\n        <Link\n          to=\"/auth/register\"\n          className={\n            \"text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700\"\n          }\n        >\n          Register\n        </Link>\n        <div className=\"h-0 mx-4 my-2 border border-solid border-blueGray-100\" />\n        <span\n          className={\n            \"text-sm pt-2 pb-0 px-4 font-bold block w-full whitespace-nowrap bg-transparent text-blueGray-400\"\n          }\n        >\n          No Layout\n        </span>\n        <Link\n          to=\"/landing\"\n          className={\n            \"text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700\"\n          }\n        >\n          Landing\n        </Link>\n        <Link\n          to=\"/profile\"\n          className={\n            \"text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700\"\n          }\n        >\n          Profile\n        </Link>\n      </div>\n    </>\n  );\n};\n\nexport default PagesDropdown;\n","/*eslint-disable*/\nimport React from \"react\";\nimport { Link } from \"react-router-dom\";\n\n// components\n\nimport PagesDropdown from \"components/Dropdowns/PagesDropdown.js\";\n\nexport default function Navbar(props) {\n  const [navbarOpen, setNavbarOpen] = React.useState(false);\n  return (\n    <>\n      <nav className=\"top-0 absolute z-50 w-full flex flex-wrap items-center justify-between px-2 py-3 navbar-expand-lg\">\n        <div className=\"container px-4 mx-auto flex flex-wrap items-center justify-between\">\n          <div className=\"w-full relative flex justify-between lg:w-auto lg:static lg:block lg:justify-start\">\n            <Link\n              className=\"text-white text-sm font-bold leading-relaxed inline-block mr-4 py-2 whitespace-nowrap uppercase\"\n              to=\"/\"\n            >\n              Notus React\n            </Link>\n            <button\n              className=\"cursor-pointer text-xl leading-none px-3 py-1 border border-solid border-transparent rounded bg-transparent block lg:hidden outline-none focus:outline-none\"\n              type=\"button\"\n              onClick={() => setNavbarOpen(!navbarOpen)}\n            >\n              <i className=\"text-white fas fa-bars\"></i>\n            </button>\n          </div>\n          <div\n            className={\n              \"lg:flex flex-grow items-center bg-white lg:bg-opacity-0 lg:shadow-none\" +\n              (navbarOpen ? \" block rounded shadow-lg\" : \" hidden\")\n            }\n            id=\"example-navbar-warning\"\n          >\n            <ul className=\"flex flex-col lg:flex-row list-none mr-auto\">\n              <li className=\"flex items-center\">\n                <a\n                  className=\"lg:text-white lg:hover:text-blueGray-200 text-blueGray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold\"\n                  href=\"https://www.creative-tim.com/learning-lab/tailwind/react/overview/notus?ref=nr-auth-navbar\"\n                >\n                  <i className=\"lg:text-blueGray-200 text-blueGray-400 far fa-file-alt text-lg leading-lg mr-2\" />{\" \"}\n                  Docs\n                </a>\n              </li>\n            </ul>\n            <ul className=\"flex flex-col lg:flex-row list-none lg:ml-auto\">\n              <li className=\"flex items-center\">\n                <PagesDropdown />\n              </li>\n              <li className=\"flex items-center\">\n                <a\n                  className=\"lg:text-white lg:hover:text-blueGray-200 text-blueGray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold\"\n                  href=\"https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdemos.creative-tim.com%2Fnotus-react%2F%23%2F\"\n                  target=\"_blank\"\n                >\n                  <i className=\"lg:text-blueGray-200 text-blueGray-400 fab fa-facebook text-lg leading-lg \" />\n                  <span className=\"lg:hidden inline-block ml-2\">Share</span>\n                </a>\n              </li>\n\n              <li className=\"flex items-center\">\n                <a\n                  className=\"lg:text-white lg:hover:text-blueGray-200 text-blueGray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold\"\n                  href=\"https://twitter.com/intent/tweet?url=https%3A%2F%2Fdemos.creative-tim.com%2Fnotus-react%2F%23%2F&text=Start%20your%20development%20with%20a%20Free%20Tailwind%20CSS%20and%20React%20UI%20Kit%20and%20Admin.%20Let%20Notus%20React%20amaze%20you%20with%20its%20cool%20features%20and%20build%20tools%20and%20get%20your%20project%20to%20a%20whole%20new%20level.%20\"\n                  target=\"_blank\"\n                >\n                  <i className=\"lg:text-blueGray-200 text-blueGray-400 fab fa-twitter text-lg leading-lg \" />\n                  <span className=\"lg:hidden inline-block ml-2\">Tweet</span>\n                </a>\n              </li>\n\n              <li className=\"flex items-center\">\n                <a\n                  className=\"lg:text-white lg:hover:text-blueGray-200 text-blueGray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold\"\n                  href=\"https://github.com/creativetimofficial/notus-react?ref=nr-auth-navbar\"\n                  target=\"_blank\"\n                >\n                  <i className=\"lg:text-blueGray-200 text-blueGray-400 fab fa-github text-lg leading-lg \" />\n                  <span className=\"lg:hidden inline-block ml-2\">Star</span>\n                </a>\n              </li>\n\n              <li className=\"flex items-center\">\n                <button\n                  className=\"bg-white text-blueGray-700 active:bg-blueGray-50 text-xs font-bold uppercase px-4 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none lg:mr-1 lg:mb-0 ml-3 mb-3 ease-linear transition-all duration-150\"\n                  type=\"button\"\n                >\n                  <i className=\"fas fa-arrow-alt-circle-down\"></i> Download\n                </button>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </nav>\n    </>\n  );\n}\n","import React from \"react\";\n\nexport default function FooterSmall(props) {\n  return (\n    <>\n      <footer\n        className={\n          (props.absolute\n            ? \"absolute w-full bottom-0 bg-blueGray-800\"\n            : \"relative\") + \" pb-6\"\n        }\n      >\n        <div className=\"container mx-auto px-4\">\n          <hr className=\"mb-6 border-b-1 border-blueGray-600\" />\n          <div className=\"flex flex-wrap items-center md:justify-between justify-center\">\n            <div className=\"w-full md:w-4/12 px-4\">\n              <div className=\"text-sm text-blueGray-500 font-semibold py-1 text-center md:text-left\">\n                Copyright © {new Date().getFullYear()}{\" \"}\n                <a\n                  href=\"https://www.creative-tim.com?ref=nr-footer-small\"\n                  className=\"text-white hover:text-blueGray-300 text-sm font-semibold py-1\"\n                >\n                  Creative Tim\n                </a>\n              </div>\n            </div>\n            <div className=\"w-full md:w-8/12 px-4\">\n              <ul className=\"flex flex-wrap list-none md:justify-end  justify-center\">\n                <li>\n                  <a\n                    href=\"https://www.creative-tim.com?ref=nr-footer-small\"\n                    className=\"text-white hover:text-blueGray-300 text-sm font-semibold block py-1 px-3\"\n                  >\n                    Creative Tim\n                  </a>\n                </li>\n                <li>\n                  <a\n                    href=\"https://www.creative-tim.com/presentation?ref=nr-footer-small\"\n                    className=\"text-white hover:text-blueGray-300 text-sm font-semibold block py-1 px-3\"\n                  >\n                    About Us\n                  </a>\n                </li>\n                <li>\n                  <a\n                    href=\"http://blog.creative-tim.com?ref=nr-footer-small\"\n                    className=\"text-white hover:text-blueGray-300 text-sm font-semibold block py-1 px-3\"\n                  >\n                    Blog\n                  </a>\n                </li>\n                <li>\n                  <a\n                    href=\"https://github.com/creativetimofficial/notus-react/blob/main/LICENSE.md?ref=nr-footer-small\"\n                    className=\"text-white hover:text-blueGray-300 text-sm font-semibold block py-1 px-3\"\n                  >\n                    MIT License\n                  </a>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </div>\n      </footer>\n    </>\n  );\n}\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nexport default function Login() {\n  return (\n    <>\n      <div className=\"container mx-auto px-4 h-full\">\n        <div className=\"flex content-center items-center justify-center h-full\">\n          <div className=\"w-full lg:w-4/12 px-4\">\n            <div className=\"relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded-lg bg-blueGray-200 border-0\">\n              <div className=\"rounded-t mb-0 px-6 py-6\">\n                <div className=\"text-center mb-3\">\n                  <h6 className=\"text-blueGray-500 text-sm font-bold\">\n                    Sign in with\n                  </h6>\n                </div>\n                <div className=\"btn-wrapper text-center\">\n                  <button\n                    className=\"bg-white active:bg-blueGray-50 text-blueGray-700 font-normal px-4 py-2 rounded outline-none focus:outline-none mr-2 mb-1 uppercase shadow hover:shadow-md inline-flex items-center font-bold text-xs ease-linear transition-all duration-150\"\n                    type=\"button\"\n                  >\n                    <img\n                      alt=\"...\"\n                      className=\"w-5 mr-1\"\n                      src={require(\"assets/img/github.svg\").default}\n                    />\n                    Github\n                  </button>\n                  <button\n                    className=\"bg-white active:bg-blueGray-50 text-blueGray-700 font-normal px-4 py-2 rounded outline-none focus:outline-none mr-1 mb-1 uppercase shadow hover:shadow-md inline-flex items-center font-bold text-xs ease-linear transition-all duration-150\"\n                    type=\"button\"\n                  >\n                    <img\n                      alt=\"...\"\n                      className=\"w-5 mr-1\"\n                      src={require(\"assets/img/google.svg\").default}\n                    />\n                    Google\n                  </button>\n                </div>\n                <hr className=\"mt-6 border-b-1 border-blueGray-300\" />\n              </div>\n              <div className=\"flex-auto px-4 lg:px-10 py-10 pt-0\">\n                <div className=\"text-blueGray-400 text-center mb-3 font-bold\">\n                  <small>Or sign in with credentials</small>\n                </div>\n                <form>\n                  <div className=\"relative w-full mb-3\">\n                    <label\n                      className=\"block uppercase text-blueGray-600 text-xs font-bold mb-2\"\n                      htmlFor=\"grid-password\"\n                    >\n                      Email\n                    </label>\n                    <input\n                      type=\"email\"\n                      className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                      placeholder=\"Email\"\n                    />\n                  </div>\n\n                  <div className=\"relative w-full mb-3\">\n                    <label\n                      className=\"block uppercase text-blueGray-600 text-xs font-bold mb-2\"\n                      htmlFor=\"grid-password\"\n                    >\n                      Password\n                    </label>\n                    <input\n                      type=\"password\"\n                      className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                      placeholder=\"Password\"\n                    />\n                  </div>\n                  <div>\n                    <label className=\"inline-flex items-center cursor-pointer\">\n                      <input\n                        id=\"customCheckLogin\"\n                        type=\"checkbox\"\n                        className=\"form-checkbox border-0 rounded text-blueGray-700 ml-1 w-5 h-5 ease-linear transition-all duration-150\"\n                      />\n                      <span className=\"ml-2 text-sm font-semibold text-blueGray-600\">\n                        Remember me\n                      </span>\n                    </label>\n                  </div>\n\n                  <div className=\"text-center mt-6\">\n                    <button\n                      className=\"bg-blueGray-800 text-white active:bg-blueGray-600 text-sm font-bold uppercase px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1 w-full ease-linear transition-all duration-150\"\n                      type=\"button\"\n                    >\n                      Sign In\n                    </button>\n                  </div>\n                </form>\n              </div>\n            </div>\n            <div className=\"flex flex-wrap mt-6 relative\">\n              <div className=\"w-1/2\">\n                <a\n                  href=\"#pablo\"\n                  onClick={(e) => e.preventDefault()}\n                  className=\"text-blueGray-200\"\n                >\n                  <small>Forgot password?</small>\n                </a>\n              </div>\n              <div className=\"w-1/2 text-right\">\n                <Link to=\"/auth/register\" className=\"text-blueGray-200\">\n                  <small>Create new account</small>\n                </Link>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n","import React from \"react\";\n\nexport default function Register() {\n  return (\n    <>\n      <div className=\"container mx-auto px-4 h-full\">\n        <div className=\"flex content-center items-center justify-center h-full\">\n          <div className=\"w-full lg:w-6/12 px-4\">\n            <div className=\"relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded-lg bg-blueGray-200 border-0\">\n              <div className=\"rounded-t mb-0 px-6 py-6\">\n                <div className=\"text-center mb-3\">\n                  <h6 className=\"text-blueGray-500 text-sm font-bold\">\n                    Sign up with\n                  </h6>\n                </div>\n                <div className=\"btn-wrapper text-center\">\n                  <button\n                    className=\"bg-white active:bg-blueGray-50 text-blueGray-700 font-normal px-4 py-2 rounded outline-none focus:outline-none mr-2 mb-1 uppercase shadow hover:shadow-md inline-flex items-center font-bold text-xs ease-linear transition-all duration-150\"\n                    type=\"button\"\n                  >\n                    <img\n                      alt=\"...\"\n                      className=\"w-5 mr-1\"\n                      src={require(\"assets/img/github.svg\").default}\n                    />\n                    Github\n                  </button>\n                  <button\n                    className=\"bg-white active:bg-blueGray-50 text-blueGray-700 font-normal px-4 py-2 rounded outline-none focus:outline-none mr-1 mb-1 uppercase shadow hover:shadow-md inline-flex items-center font-bold text-xs ease-linear transition-all duration-150\"\n                    type=\"button\"\n                  >\n                    <img\n                      alt=\"...\"\n                      className=\"w-5 mr-1\"\n                      src={require(\"assets/img/google.svg\").default}\n                    />\n                    Google\n                  </button>\n                </div>\n                <hr className=\"mt-6 border-b-1 border-blueGray-300\" />\n              </div>\n              <div className=\"flex-auto px-4 lg:px-10 py-10 pt-0\">\n                <div className=\"text-blueGray-400 text-center mb-3 font-bold\">\n                  <small>Or sign up with credentials</small>\n                </div>\n                <form>\n                  <div className=\"relative w-full mb-3\">\n                    <label\n                      className=\"block uppercase text-blueGray-600 text-xs font-bold mb-2\"\n                      htmlFor=\"grid-password\"\n                    >\n                      Name\n                    </label>\n                    <input\n                      type=\"email\"\n                      className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                      placeholder=\"Name\"\n                    />\n                  </div>\n\n                  <div className=\"relative w-full mb-3\">\n                    <label\n                      className=\"block uppercase text-blueGray-600 text-xs font-bold mb-2\"\n                      htmlFor=\"grid-password\"\n                    >\n                      Email\n                    </label>\n                    <input\n                      type=\"email\"\n                      className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                      placeholder=\"Email\"\n                    />\n                  </div>\n\n                  <div className=\"relative w-full mb-3\">\n                    <label\n                      className=\"block uppercase text-blueGray-600 text-xs font-bold mb-2\"\n                      htmlFor=\"grid-password\"\n                    >\n                      Password\n                    </label>\n                    <input\n                      type=\"password\"\n                      className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                      placeholder=\"Password\"\n                    />\n                  </div>\n\n                  <div>\n                    <label className=\"inline-flex items-center cursor-pointer\">\n                      <input\n                        id=\"customCheckLogin\"\n                        type=\"checkbox\"\n                        className=\"form-checkbox border-0 rounded text-blueGray-700 ml-1 w-5 h-5 ease-linear transition-all duration-150\"\n                      />\n                      <span className=\"ml-2 text-sm font-semibold text-blueGray-600\">\n                        I agree with the{\" \"}\n                        <a\n                          href=\"#pablo\"\n                          className=\"text-lightBlue-500\"\n                          onClick={(e) => e.preventDefault()}\n                        >\n                          Privacy Policy\n                        </a>\n                      </span>\n                    </label>\n                  </div>\n\n                  <div className=\"text-center mt-6\">\n                    <button\n                      className=\"bg-blueGray-800 text-white active:bg-blueGray-600 text-sm font-bold uppercase px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1 w-full ease-linear transition-all duration-150\"\n                      type=\"button\"\n                    >\n                      Create Account\n                    </button>\n                  </div>\n                </form>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n","import React, { useState, useEffect } from 'react';\r\n\r\nconst BackToTop = () => {\r\n  const [isVisible, setIsVisible] = useState(false);\r\n\r\n  // Show or hide the button based on the scroll position\r\n  const toggleVisibility = () => {\r\n    if (window.pageYOffset > 300) {\r\n      setIsVisible(true);\r\n    } else {\r\n      setIsVisible(false);\r\n    }\r\n  };\r\n\r\n  // Scroll the window to the top\r\n  const scrollToTop = () => {\r\n    console.log('Scroll to top button clicked'); // Debug log\r\n    window.scrollTo({\r\n      top: 0,\r\n      behavior: 'smooth'\r\n    });\r\n  };\r\n\r\n  useEffect(() => {\r\n    window.addEventListener('scroll', toggleVisibility);\r\n\r\n    return () => {\r\n      window.removeEventListener('scroll', toggleVisibility);\r\n    };\r\n  }, []);\r\n\r\n  return (\r\n    <div>\r\n      {isVisible && \r\n        <button onClick={scrollToTop} style={styles.backToTop}>\r\n          <img src='https://i.ibb.co/NC7LZYv/arrow-circle.png' alt='' className='w-24'></img>\r\n        </button>\r\n      }\r\n    </div>\r\n  );\r\n};\r\n\r\nconst styles = {\r\n  backToTop: {\r\n    position: 'relsative',\r\n    bottom: '0px',\r\n    right: '30px',\r\n    // padding: '10px 20px',\r\n    // color: '#fff',\r\n    // border: 'none',\r\n    // borderRadius: '5px',\r\n    cursor: 'pointer',\r\n    zIndex: 1000,\r\n  }\r\n};\r\n\r\nexport default BackToTop;","export default __webpack_public_path__ + \"static/media/archywavelogoss.e249e3d3.png\";","export default __webpack_public_path__ + \"static/media/archywavelogo.1742eb04.png\";","export default __webpack_public_path__ + \"static/media/opera.0747abdb.webp\";","export default __webpack_public_path__ + \"static/media/archywavedubai.59e839df.webp\";","import React from \"react\";\nimport BackToTop from \"views/BackToTop\";\nimport archywavelogo from \"assets/img/archywavelogo.png\"\nimport archywavelogoss from \"assets/img/archywavelogoss.png\";\nimport opera from \"assets/img/imagess/opera.webp\";\nimport archywavedubai from \"assets/img/imagess/archywavedubai.webp\"\n\nexport default function Footer() {\n  return (\n    <>\n\n\n      <footer className=\"container mx-auto xl:mt-32 px-4\">\n        <div className=\"w-full\">\n          <div className=\"flex flex-wrap mt-12\">\n            <div className=\"xl:w-5/12 lg:w-4/12 md:w-6/12\">\n              <img src={archywavelogoss} className=\"text-black fontfamily xl:text-2xl font-medium xl:w-80\">\n\n              </img>\n              <p className=\"text-black fontfamily xl:text-xl text-justify font-medium mt-6 xl:w-8/12\" style={{color: '#747272'}}>\n                We believe that our team is able to deliver the best assistance together with 3D\n                visualisation and IT services of the highest quality.\n              </p>\n            </div>\n            <div className=\"xl:w-4/12 lg:w-5/12 md:w-6/12 xl:px-6 xl:mt-0 lg:mt-2  md:mt-1 lg:px-10 md:px-12 mt-12\">\n              <h1 className=\"fontfamily  uppercase text-black font-semibold xl:text-2xl text-xl mb-6\" style={{color: '#747272'}}>\n                Contact Details\n              </h1>\n            <div className=\"\">\n                  <div className=\"flex items-center justify-start text-left\">\n                    <div className=\"justify-start  \">\n                      <img src={opera} alt=\"\" className=\"w-8 \" />\n                    </div>\n                    <p className=\"fontfamily uppercase text-black xl:text-lg font-semibold pl-3\" style={{color: '#747272'}}>\n                      Australia\n                    </p>\n                  </div>\n                  <div className=\"text-left mt-2 xl:text-lg font-semibold\" style={{color: '#747272'}}>\n                    Phone : <span className=\"text-black font-semibold\" style={{color: '#747272'}}> +61493165725 </span>\n                  </div>\n                  <div className=\"mt-2 xl:text-lg font-semibold\" style={{color: '#747272'}}>\n                    Email  : <span className=\"text-black font-semibold\" style={{color: '#747272'}}> info@archywave.com </span>\n                  </div>\n\n                \n                  <div className=\"pt-6 mt-2 text-left\">\n                  <div className=\"flex items-center justify-start \">\n                    <div className=\"justify-start \">\n                      <img src={archywavedubai} alt=\"\" className=\"w-8 \" />\n                    </div>\n                    <p className=\"fontfamily uppercase text-black xl:text-lg font-semibold pl-3\" style={{color: '#747272'}}>\n                      UAE\n                    </p>\n                  </div>\n                  <div className=\"mt-2 xl:text-lg font-semibold\" style={{color: '#747272'}}>\n                    Phone : <span className=\"text-black font-semibold\" style={{color: '#747272'}}> +61493165725 </span>\n                  </div>\n                  <div className=\"mt-2 xl:text-lg font-semibold\" style={{color: '#747272'}}>\n                    Email  : <span className=\"text-black font-semibold\" style={{color: '#747272'}}> info@archywave.com </span>\n                  </div>\n                </div>\n                </div>\n            </div>\n\n\n            <div className=\"xl:w-3/12 lg:3/12 xl:mt-0 mt-12 lg:mt-2\">\n            <h1 className=\"fontfamily uppercase text-black font-semibold xl:text-2xl text-xl mb-6\" style={{color: '#747272'}}>\n                Follow Us\n              </h1>\n              <div className=\"flex items-center \">\n                <div className=\"\">\n                  <i className=\"fab fa-facebook xl:text-2xl\" ></i>\n                </div>\n                <div className=\"px-4\">\n                  <a href=\"http://www.youtube.com/@archywavepvtltd\">\n                  <i className=\"fab fa-youtube xl:text-2xl\"></i>\n                  </a>\n                </div>\n                <div className=\"\">\n                  <i className=\"fab fa-instagram xl:text-2xl\"></i>\n                </div>\n                <div className=\"px-4\">\n                  <a href=\"https://www.linkedin.com/company/archywave-pvt-ltd/about/?viewAsMember=true\">\n                  <i className=\"fab fa-linkedin xl:text-2xl\"></i>\n                  </a>\n                </div>\n                <div className=\"\">\n                  <i className=\"fab fa-behance xl:text-2xl\"></i>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"w-full xl:mt-12 mt-6 mb-6 border-t\">\n          <div className=\"flex flex-wrap justify-between items-center\">\n            <div className=\"xl:w-4/12\">\n              <div className=\" justify-evenly\">\n\n              \n                <h2 className=\"xl:mt-0 mt-4 text-black fontfamily xl:text-sm text-sm\" style={{color: '#747272'}}>\n                Copyright © 2024 Archywave. All Rights Reserved\n                </h2>\n\n              </div>\n            </div>\n            <div className=\"xl:w-6/12 w-12  justify-end text-right \">\n              <BackToTop />\n            </div>\n          </div>\n        </div>\n\n        {/* <div className=\"flex flex-wrap mt-12\">\n          <div className=\"xl:w-6/12\">\n            <img src={archywavelogo} className=\"text-black fontfamily xl:text-2xl font-medium xl:w-80\">\n\n            </img>\n            <p className=\"text-black fontfamily xl:text-xl font-medium mt-6 xl:w-8/12\">\n              We believe that our team is able to deliver the best assistance together with 3D\n              visualisation and IT services of the highest quality.\n            </p>\n\n\n            <p className=\"text-black fontfamily xl:text-xl font-light mt-16 uppercase\">\n              <a href=\"/home\">\n                Who We Are\n              </a>\n            </p>\n            <p className=\"text-black fontfamily xl:text-xl font-light pt-2 uppercase\">\n              <a href=\"/projects\">\n                Packages\n              </a>\n            </p>\n            <p className=\"text-black fontfamily xl:text-xl font-light pt-2 uppercase\">\n              <a href=\"/who-we-are\">\n                What We Do\n              </a>\n            </p>\n            <p className=\"text-black fontfamily xl:text-xl font-light pt-2 uppercase\">\n              <a href=\"/contact\">\n                Work\n              </a>\n            </p>\n            <p className=\"text-black fontfamily xl:text-xl font-light pt-2 uppercase\">\n              <a href=\"/contact\">\n                Why\n              </a>\n            </p>\n            <p className=\"text-black fontfamily xl:text-xl font-light pt-2 uppercase\">\n              <a href=\"/contact\">\n                Contact Us\n              </a>\n            </p>\n          </div>\n          <div className=\"xl:w-6/12 text-right\">\n            <p className=\"text-black fontfamily xl:text-xl font-light flex justify-end items-center\">\n              Facebook <img src=\"https://i.ibb.co/CmcXrFQ/right-down.png\" alt=\"\" className=\" h-5 pl-4\"></img>\n            </p>\n            <p className=\"text-black fontfamily xl:text-xl font-light flex justify-end items-center mt-3\">\n              LinkedIn <img src=\"https://i.ibb.co/CmcXrFQ/right-down.png\" alt=\"\" className=\" h-5 pl-4\"></img>\n            </p>\n            <p className=\"text-black fontfamily xl:text-xl font-light flex justify-end items-center mt-3\">\n              Instagram <img src=\"https://i.ibb.co/CmcXrFQ/right-down.png\" alt=\"\" className=\" h-5 pl-4\"></img>\n            </p>\n            <p className=\"text-black fontfamily xl:text-xl font-light flex justify-end items-center mt-3\">\n              Youtube <img src=\"https://i.ibb.co/CmcXrFQ/right-down.png\" alt=\"\" className=\" h-5 pl-4\"></img>\n            </p>\n            <p className=\"text-black fontfamily xl:text-xl font-light flex justify-end items-center mt-3\">\n              Behance <img src=\"https://i.ibb.co/CmcXrFQ/right-down.png\" alt=\"\" className=\" h-5 pl-4\"></img>\n            </p>\n\n            <div className=\"flex justify-between\">\n              <div className=\"xl:w-8/12\"></div>\n              <div className=\"xl:w-4/12\">\n                <div className=\"xl:mt-12\">\n                  <div className=\"flex items-center justify-start text-left\">\n                    <div className=\"justify-start  \">\n                      <img src=\"https://i.ibb.co/P1RtNvv/archywavesydney.png\" alt=\"\" className=\"w-8 \" />\n                    </div>\n                    <p className=\"fontfamily uppercase text-black xl:text-xl\">\n                      Australia\n                    </p>\n                  </div>\n                  <div className=\"text-left mt-2 xl:text-lg font-semibold\" style={{ color: '#3d5975' }}>\n                    Phone : <span className=\"text-black font-semibold\"> +61493165725 </span>\n                  </div>\n                </div>\n\n                <div className=\"pt-6 text-left\">\n                  <div className=\"flex items-center justify-start \">\n                    <div className=\"justify-start \">\n                      <img src=\"https://i.ibb.co/7S6KV3k/archywavedubai.png\" alt=\"\" className=\"w-8 \" />\n                    </div>\n                    <p className=\"fontfamily uppercase text-black xl:text-xl\">\n                      UAE\n                    </p>\n                  </div>\n                  <div className=\"mt-2 xl:text-lg font-semibold\" style={{ color: '#3d5975' }}>\n                    Phone : <span className=\"text-black font-semibold\"> +61493165725 </span>\n                  </div>\n                  <div className=\"mt-2 xl:text-sm font-semibold\" style={{ color: '#3d5975' }}>\n                    Email  : <span className=\"text-black font-semibold\"> info@acrhywave.com </span>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n          </div>\n\n\n        </div>\n\n\n        <div className=\"w-full mt-24 mb-6\">\n          <div className=\"flex flex-wrap justify-between mt-16 items-center\">\n            <div className=\"xl:w-4/12\">\n              <div className=\"flex justify-between\">\n\n              \n                <h2 className=\"text-black fontfamily xl:text-sm\">\n                Copyright © 2024 Archywave. All Rights Reserved\n                </h2>\n\n              </div>\n            </div>\n            <div className=\"xl:w-6/12 justify-end text-right \">\n              <BackToTop />\n            </div>\n          </div>\n        </div> */}\n      </footer>\n      {/* <footer className=\"relative bg-blueGray-200 pt-8 pb-6\">\n        <div\n          className=\"bottom-auto top-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden -mt-20 h-20\"\n          style={{ transform: \"translateZ(0)\" }}\n        >\n          <svg\n            className=\"absolute bottom-0 overflow-hidden\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            preserveAspectRatio=\"none\"\n            version=\"1.1\"\n            viewBox=\"0 0 2560 100\"\n            x=\"0\"\n            y=\"0\"\n          >\n            <polygon\n              className=\"text-blueGray-200 fill-current\"\n              points=\"2560 0 2560 100 0 100\"\n            ></polygon>\n          </svg>\n        </div>\n        <div className=\"container mx-auto px-4\">\n          <div className=\"flex flex-wrap text-center lg:text-left\">\n            <div className=\"w-full lg:w-6/12 px-4\">\n              <h4 className=\"text-3xl font-semibold\">Let's keep in touch!</h4>\n              <h5 className=\"text-lg mt-0 mb-2 text-blueGray-600\">\n                Find us on any of these platforms, we respond 1-2 business days.\n              </h5>\n              <div className=\"mt-6 lg:mb-0 mb-6\">\n                <button\n                  className=\"bg-white text-lightBlue-400 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2\"\n                  type=\"button\"\n                >\n                  <i className=\"fab fa-twitter\"></i>\n                </button>\n                <button\n                  className=\"bg-white text-lightBlue-600 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2\"\n                  type=\"button\"\n                >\n                  <i className=\"fab fa-facebook-square\"></i>\n                </button>\n                <button\n                  className=\"bg-white text-pink-400 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2\"\n                  type=\"button\"\n                >\n                  <i className=\"fab fa-dribbble\"></i>\n                </button>\n                <button\n                  className=\"bg-white text-blueGray-800 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2\"\n                  type=\"button\"\n                >\n                  <i className=\"fab fa-github\"></i>\n                </button>\n              </div>\n            </div>\n            <div className=\"w-full lg:w-6/12 px-4\">\n              <div className=\"flex flex-wrap items-top mb-6\">\n                <div className=\"w-full lg:w-4/12 px-4 ml-auto\">\n                  <span className=\"block uppercase text-blueGray-500 text-sm font-semibold mb-2\">\n                    Useful Links\n                  </span>\n                  <ul className=\"list-unstyled\">\n                    <li>\n                      <a\n                        className=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\"\n                        href=\"https://www.creative-tim.com/presentation?ref=nr-footer\"\n                      >\n                        About Us\n                      </a>\n                    </li>\n                    <li>\n                      <a\n                        className=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\"\n                        href=\"https://blog.creative-tim.com?ref=nr-footer\"\n                      >\n                        Blog\n                      </a>\n                    </li>\n                    <li>\n                      <a\n                        className=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\"\n                        href=\"https://www.github.com/creativetimofficial?ref=nr-footer\"\n                      >\n                        Github\n                      </a>\n                    </li>\n                    <li>\n                      <a\n                        className=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\"\n                        href=\"https://www.creative-tim.com/bootstrap-themes/free?ref=nr-footer\"\n                      >\n                        Free Products\n                      </a>\n                    </li>\n                  </ul>\n                </div>\n                <div className=\"w-full lg:w-4/12 px-4\">\n                  <span className=\"block uppercase text-blueGray-500 text-sm font-semibold mb-2\">\n                    Other Resources\n                  </span>\n                  <ul className=\"list-unstyled\">\n                    <li>\n                      <a\n                        className=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\"\n                        href=\"https://github.com/creativetimofficial/notus-react/blob/main/LICENSE.md?ref=nr-footer\"\n                      >\n                        MIT License\n                      </a>\n                    </li>\n                    <li>\n                      <a\n                        className=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\"\n                        href=\"https://creative-tim.com/terms?ref=nr-footer\"\n                      >\n                        Terms & Conditions\n                      </a>\n                    </li>\n                    <li>\n                      <a\n                        className=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\"\n                        href=\"https://creative-tim.com/privacy?ref=nr-footer\"\n                      >\n                        Privacy Policy\n                      </a>\n                    </li>\n                    <li>\n                      <a\n                        className=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\"\n                        href=\"https://creative-tim.com/contact-us?ref=nr-footer\"\n                      >\n                        Contact Us\n                      </a>\n                    </li>\n                  </ul>\n                </div>\n              </div>\n            </div>\n          </div>\n          <hr className=\"my-6 border-blueGray-300\" />\n          <div className=\"flex flex-wrap items-center md:justify-between justify-center\">\n            <div className=\"w-full md:w-4/12 px-4 mx-auto text-center\">\n              <div className=\"text-sm text-blueGray-500 font-semibold py-1\">\n                Copyright © {new Date().getFullYear()} Notus React by{\" \"}\n                <a\n                  href=\"https://www.creative-tim.com?ref=nr-footer\"\n                  className=\"text-blueGray-500 hover:text-blueGray-800\"\n                >\n                  Creative Tim\n                </a>\n                .\n              </div>\n            </div>\n          </div>\n        </div>\n      </footer> */}\n    </>\n  );\n}\n","/*eslint-disable*/\nimport React, { useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport archywavelogo from \"assets/img/archywavelogo.png\";\nimport IndexDropdown from \"components/Dropdowns/IndexDropdown.js\";\n\nexport default function Navbar(props) {\n  const [sidebarOpen, setSidebarOpen] = useState(false);\n\n  const toggleSidebar = () => {\n    setSidebarOpen(!sidebarOpen);\n  };\n\n  return (\n    <>\n      <nav className=\"top-0 absolute z-50 w-full flex flex-wrap items-center justify-between px-2 navbar-expand-lg transparent borderb\">\n        <div className=\"container px-4 mx-auto flex flex-wrap items-center justify-between py-3\">\n          <div className=\"xl:w-3/12\">\n            <Link\n              to=\"/home\"\n              className=\"text-blueGray-700 text-sm font-bold leading-relaxed inline-block mr-4 py-2 whitespace-nowrap uppercase\"\n            >\n              <img src=\"https://i.ibb.co/MVxr38y/LOGO7.png\" alt=\"\" className=\"xl:w-80\" />\n            </Link>\n          </div>\n          <div className=\"xl:w-8/12 px-6 \">\n          <div className=\"flex flex-wrap items-center justify-center\">\n            <p className=\"text-black fontfamily xl:text-lg text-right px-4\">\n              Who We Are\n            </p>\n            <p className=\"text-black fontfamily xl:text-lg px-4\">\n              Packages\n            </p>\n            <p className=\"text-black fontfamily xl:text-lg px-4\">\n              What We Do\n            </p>\n            <p className=\"text-black fontfamily xl:text-lg px-4\">\n              Work\n            </p>\n            <p className=\"text-black fontfamily xl:text-lg px-4\">\n              Why\n            </p>\n            <p className=\"text-black fontfamily xl:text-lg px-4\">\n              Contact Us\n            </p>\n            \n          </div>\n            \n          </div>\n          <div className=\"xl:w-1/12 flex justify-end items-center\">\n            <div\n              onClick={toggleSidebar}\n              className=\"text-black fontfamily xl:text-xl font-light flex items-center cursor-pointer\"\n            >\n              <img src=\"https://i.ibb.co/BT19ZpC/menu.png\" alt=\"\" className=\"w-8\" />\n            </div>\n          </div>\n        </div>\n      </nav>\n      <div className={`sidebar ${sidebarOpen ? 'open' : ''}`}>\n        <div onClick={toggleSidebar} className=\"close-btn\">\n          <img src=\"https://i.ibb.co/mN96B3V/closee.png\" alt=\"\" className=\"w-12\" />\n        </div>\n\n        <div className=\"container mx-auto xl:px-32\">\n          <div className=\"w-full mt-24\">\n            <div className=\"flex flex-wrap\">\n\n              <div className=\"xl:w-7/12\">\n\n                <p className=\"text-white fontfamily xl:text-7xl font-light mt-16 uppercase\">\n                  Home\n                </p>\n                <a href=\"/projects\">\n                <p className=\"text-white fontfamily xl:text-7xl font-light mt-6 uppercase\">\n                  Projects\n                </p>\n                </a>\n                <a href=\"/who-we-are\">\n                <p className=\"text-white fontfamily xl:text-7xl font-light mt-6 uppercase\">\n                  Studio\n                </p>\n                </a>\n                <a href=\"/contact\">\n                <p className=\"text-white fontfamily xl:text-7xl font-light mt-6 uppercase\">\n                  Contact\n                </p>\n                </a>\n              </div>\n\n              <div className=\"xl:w-5/12 mt-16\">\n                <h1 className=\"text-white fontfamily xl:text-2xl font-light\">\n                  500 Terry Francine Street,<br></br>\n                  San Francisco, CA 94158\n                </h1>\n                <p className=\"text-white fontfamily xl:text-2xl font-light mt-6\">\n                  info@mysite.com\n                </p>\n                <p className=\"text-white fontfamily xl:text-2xl font-light mt-2\">\n                  Tel: 123-456-7890\n                </p>\n\n                <p className=\"text-white fontfamily xl:text-xl font-light flex  items-center mt-12\">\n                  Facebook <img src=\"https://i.ibb.co/qjtq7P8/arrowws.png\" alt=\"\" className=\" h-5 pl-4\"></img>\n                </p>\n                <p className=\"text-white fontfamily xl:text-xl font-light flex items-center mt-3\">\n                  LinkedIn <img src=\"https://i.ibb.co/qjtq7P8/arrowws.png\" alt=\"\" className=\" h-5 pl-4\"></img>\n                </p>\n                <p className=\"text-white fontfamily xl:text-xl font-light flex items-center mt-3\">\n                  Instagram <img src=\"https://i.ibb.co/qjtq7P8/arrowws.png\" alt=\"\" className=\" h-5 pl-4\"></img>\n                </p>\n                <p className=\"text-white fontfamily xl:text-xl font-light flex items-center mt-3\">\n                  X <img src=\"https://i.ibb.co/qjtq7P8/arrowws.png\" alt=\"\" className=\" h-5 pl-4\"></img>\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n        {/* Sidebar content goes here */}\n      </div>\n    </>\n  );\n}\n","export default __webpack_public_path__ + \"static/media/archywavelogo1.a56faffa.png\";","/*eslint-disable*/\r\nimport React, { useState } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport archywavelogo from \"assets/img/archywavelogo.png\";\r\nimport IndexDropdown from \"components/Dropdowns/IndexDropdown.js\";\r\nimport archywavelogo1 from \"assets/img/archywavelogo1.png\";\r\n\r\nexport default function Navbar(props) {\r\n  const [sidebarOpen, setSidebarOpen] = useState(false);\r\n\r\n  const toggleSidebar = () => {\r\n    setSidebarOpen(!sidebarOpen);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <nav id=\"navbar\" className=\"top-0 absolute z-50 w-full flex flex-wrap items-center justify-between px-2 navbar-expand-lg transparent borderb\">\r\n        <div className=\"container px-4 mx-auto flex flex-wrap items-center justify-between py-2\">\r\n          <div className=\"xl:w-3/12 lg:w-3/12\">\r\n            <Link\r\n              to=\"/\"\r\n              className=\"text-blueGray-700 text-sm font-bold leading-relaxed inline-block mr-4  whitespace-nowrap uppercase\"\r\n            >\r\n              <img src={archywavelogo1} alt=\"\" className=\"xl:w-10/12 lg:w-12/12 pt-2 w-44\" />\r\n            </Link>\r\n          </div>\r\n          <div className=\"xl:w-8/12 lg:w-8/12 lg:block md:hidden hidden xl:block\">\r\n            <ul className=\"flex flex-wrap items-center justify-end\">\r\n              <a href=\"/about-us\">\r\n                <li className=\"text-white fontfamily xl:text-sm uppercase font-light px-12\">\r\n                  About Us\r\n                </li>\r\n              </a>\r\n              <a href=\"/packages\">\r\n                <li className=\"text-white fontfamily xl:text-sm uppercase font-light px-12\">\r\n                  Packages\r\n                </li>\r\n              </a>\r\n              <li className=\"text-white fontfamily xl:text-sm uppercase font-light px-4\">\r\n                <a href=\"#\">Services</a>  <i class=\"fas fa-angle-down\"></i>\r\n                <ul>\r\n                  <li className=\"border-b\"><a href=\"/services\" className=\"fontfamily xl:text-xs uppercase \">Virtual reality for real estate</a>\r\n\r\n                  </li>\r\n                  <li className=\"border-b\"><a href=\"/services\" className=\"fontfamily xl:text-xs uppercase \">Real-time Rendering </a>\r\n\r\n                  </li>\r\n                  <li className=\"border-b\"><a href=\"/services\" className=\"fontfamily xl:text-xs uppercase \">Interactive Masterplan</a>\r\n\r\n                  </li>\r\n                  <li className=\"border-b\"><a href=\"/services\" className=\"fontfamily xl:text-xs uppercase \">Real Estate Sales App</a>\r\n\r\n                  </li>\r\n                  <li className=\"border-b\"><a href=\"/services\" className=\"fontfamily xl:text-xs uppercase \">3D Floor Plan</a>\r\n\r\n                  </li>\r\n                  <li className=\"border-b\"><a href=\"/services\" className=\"fontfamily xl:text-xs uppercase \">3D animation</a>\r\n                    <ul>\r\n                      <li className=\"border-b\"><a href=\"/services\" className=\"fontfamily xl:text-xs uppercase \">3D Animation for Architects</a></li>\r\n                      <li className=\"border-b\"><a href=\"/services\" className=\"fontfamily xl:text-xs uppercase \">3d animation for interior designers</a></li>\r\n                      <li className=\"border-b\"><a href=\"/services\" className=\"fontfamily xl:text-xs uppercase \">360 3d animation</a></li>\r\n                    </ul>\r\n                  </li>\r\n                  <li className=\"border-b\"><a href=\"/services\" className=\"fontfamily xl:text-xs uppercase \">3D Visualization</a>\r\n\r\n                  </li>\r\n                  <li className=\"border-b\"><a href=\"/services\" className=\"fontfamily xl:text-xs uppercase \">Photo Montage</a>\r\n\r\n                  </li>\r\n                  <li className=\"border-b\"><a href=\"/services\" className=\"fontfamily xl:text-xs uppercase \">Scale Model</a>\r\n\r\n                  </li>\r\n                  <li className=\"\"><a href=\"/process-and-specification\" className=\"fontfamily xl:text-xs uppercase \">Process and Specifications</a>\r\n\r\n                  </li>\r\n\r\n                </ul>\r\n              </li>\r\n              <a href=\"/projects\">\r\n                <li className=\"text-white fontfamily xl:text-sm uppercase font-light px-4\">\r\n                  Work\r\n                </li>\r\n              </a>\r\n              <a href=\"/career\">\r\n                <li className=\"text-white fontfamily xl:text-sm uppercase font-light px-4\">\r\n                  Career\r\n                </li>\r\n              </a>\r\n              <a href=\"/contact\">\r\n                <li className=\"text-white fontfamily xl:text-sm uppercase font-light px-4\">\r\n                  Contact Us\r\n                </li>\r\n              </a>\r\n            </ul>\r\n\r\n          </div>\r\n          <div className=\"xl:w-1/12 lg:w-1/12 flex justify-end items-center\">\r\n            <div\r\n              onClick={toggleSidebar}\r\n              className=\"text-black fontfamily xl:text-xl font-light flex items-center cursor-pointer\"\r\n            >\r\n              <img src=\"https://i.ibb.co/m467jwZ/menu1.png\" alt=\"\" className=\"w-8\" />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </nav>\r\n      <div className={`sidebar ${sidebarOpen ? 'open' : ''}`}>\r\n        <div onClick={toggleSidebar} className=\"close-btn\">\r\n          <img src=\"https://i.ibb.co/mN96B3V/closee.png\" alt=\"\" className=\"w-12\" />\r\n        </div>\r\n\r\n        <div className=\"container mx-auto xl:px-12 px-4\">\r\n          <div className=\"w-full mt-24\">\r\n            <div className=\"flex flex-wrap\">\r\n\r\n              <div className=\"xl:w-9/12 w-12/12 lg:w-6/12 flex flex-wrap\">\r\n                <div className=\"xl:w-6/12 lg:w-6/12 w-6/12\">\r\n                  <a href=\"/\">\r\n                    <p className=\"text-white fontfamily xl:text-5xl text-xl font-light mt-16 uppercase\">\r\n                      Home\r\n                    </p>\r\n                  </a>\r\n                  <a href=\"/about-us\">\r\n                    <p className=\"text-white fontfamily xl:text-5xl text-xl font-light mt-8 uppercase\">\r\n                      About Us\r\n                    </p>\r\n                  </a>\r\n                  <a href=\"/packages\">\r\n                    <p className=\"text-white fontfamily xl:text-5xl text-xl font-light mt-8 uppercase\">\r\n                      Packages\r\n                    </p>\r\n                  </a>\r\n                  <a href=\"/services\">\r\n                    <p className=\"text-white fontfamily xl:text-5xl text-xl font-light mt-8 uppercase\">\r\n                      Services\r\n                    </p>\r\n                  </a>\r\n                </div>\r\n                <div className=\"xl:w-6/12 w-6/12 \">\r\n                  <a href=\"/projects\">\r\n                    <p className=\"text-white fontfamily xl:text-5xl text-xl font-light mt-16 uppercase\">\r\n                      Work\r\n                    </p>\r\n                  </a>\r\n                  <a href=\"/career\">\r\n                    <p className=\"text-white fontfamily xl:text-5xl text-xl font-light mt-8 uppercase\">\r\n                      Career\r\n                    </p>\r\n                  </a>\r\n                  <a href=\"/contact\">\r\n                    <p className=\"text-white fontfamily xl:text-5xl text-xl font-light mt-6 uppercase\">\r\n                      Contact Us\r\n                    </p>\r\n                  </a>\r\n                </div>\r\n              </div>\r\n\r\n              <div className=\"xl:w-3/12 lg:w-6/12 mt-16\">\r\n                <p className=\"text-white fontfamily xl:text-2xl font-light xl:w-80\">\r\n                  <img src={archywavelogo1} alt=\"\" className=\" xl:w-80 w-52\" />\r\n                </p>\r\n                <p className=\"text-white fontfamily xl:text-xl text-xl font-light mt-8\">\r\n                  +61493165725\r\n                </p>\r\n                <p className=\"text-white fontfamily xl:text-xl text-xl font-light mt-2\">\r\n                  info@archywave.com\r\n                </p>\r\n\r\n                <p className=\"text-white fontfamily xl:text-xl text-xl font-light flex  items-center mt-12\">\r\n                  Facebook <img src=\"https://i.ibb.co/qjtq7P8/arrowws.png\" alt=\"\" className=\" h-5 pl-4\"></img>\r\n                </p>\r\n                <a href=\"https://www.linkedin.com/company/archywave-pvt-ltd/about/?viewAsMember=true\" className=\" mt-3\">\r\n                <p className=\"text-white fontfamily xl:text-xl text-xl font-light flex items-center mt-3\">\r\n                  LinkedIn <img src=\"https://i.ibb.co/qjtq7P8/arrowws.png\" alt=\"\" className=\" h-5 pl-4\"></img>\r\n                </p>\r\n                </a>\r\n                <p className=\"text-white fontfamily xl:text-xl text-xl font-light flex items-center mt-3\">\r\n                  Instagram <img src=\"https://i.ibb.co/qjtq7P8/arrowws.png\" alt=\"\" className=\" h-5 pl-4 \"></img>\r\n                </p>\r\n                <a href=\"http://www.youtube.com/@archywavepvtltd\" className=\"mt-3\">\r\n                <p className=\"text-white fontfamily xl:text-xl text-xl font-light flex items-center mt-3\">\r\n                  Youtube <img src=\"https://i.ibb.co/qjtq7P8/arrowws.png\" alt=\"\" className=\" h-5 pl-4\"></img>\r\n                </p>\r\n                </a>\r\n                <p className=\"text-white fontfamily xl:text-xl text-xl font-light flex items-center mt-3\">\r\n                  Behance <img src=\"https://i.ibb.co/qjtq7P8/arrowws.png\" alt=\"\" className=\" h-5 pl-4\"></img>\r\n                </p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        {/* Sidebar content goes here */}\r\n      </div>\r\n    </>\r\n  );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/bannerr1.cbbaabf5.webp\";","export default __webpack_public_path__ + \"static/media/bannerr2.eb6f5143.webp\";","export default __webpack_public_path__ + \"static/media/bannerr3.ea077f0d.webp\";","export default __webpack_public_path__ + \"static/media/bannerr4.ce1534ac.webp\";","export default __webpack_public_path__ + \"static/media/bannerr5.7d338bd9.webp\";","export default __webpack_public_path__ + \"static/media/bannerr6.5fda3786.webp\";","export default __webpack_public_path__ + \"static/media/bannerr7.3aeec8ad.webp\";","export default __webpack_public_path__ + \"static/media/bannerarchywave8.593e442c.webp\";","export default __webpack_public_path__ + \"static/media/bannerarchywave9.bb2643d5.webp\";","export default \"data:image/png;base64,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\"","import React, { useState, useEffect } from 'react';\r\nimport styled, { keyframes } from 'styled-components';\r\nimport IndexNavbarr from \"components/Navbars/IndexNavbarr.js\";\r\nimport bannerr1 from \"assets/img/imagess/bannerr1.webp\";\r\nimport bannerr2 from \"assets/img/imagess/bannerr2.webp\";\r\nimport bannerr3 from \"assets/img/imagess/bannerr3.webp\";\r\nimport bannerr4 from \"assets/img/imagess/bannerr4.webp\";\r\nimport bannerr5 from \"assets/img/imagess/bannerr5.webp\";\r\nimport bannerr6 from \"assets/img/imagess/bannerr6.webp\";\r\nimport bannerr7 from \"assets/img/imagess/bannerr7.webp\";\r\nimport bannerarchywave8 from \"assets/img/bannerarchywave8.webp\";\r\nimport bannerarchywave9 from \"assets/img/bannerarchywave9.webp\";\r\nimport rightarroww from \"assets/img/rightarroww.png\";\r\n\r\n// Keyframe animations for fade in and out with zoom\r\nconst fadeInOut = keyframes`\r\n  0% { opacity: 0; transform: scale(1); }\r\n  12.5% { opacity: 1; transform: scale(1.1); }\r\n  37.5% { opacity: 1; transform: scale(1.1); }\r\n  50% { opacity: 1; transform: scale(1); }\r\n  100% { opacity: 1; transform: scale(1); }\r\n`;\r\n\r\n// Keyframe animations for slide in from the right\r\nconst slideInFromRight = keyframes`\r\n  0% {\r\n    transform: translateX(100%);\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    transform: translateX(0);\r\n    opacity: 1;\r\n  }\r\n`;\r\n\r\n// Styled components\r\nconst SlideshowContainer = styled.div`\r\n  position: fixed;\r\n  width: 100%;\r\n  height: 100%;\r\n  left: 0;\r\n  z-index: 0;\r\n  margin: 0;\r\n  padding: 0;\r\n  overflow: hidden;\r\n`;\r\n\r\nconst SlidesWrapper = styled.ul`\r\n  list-style-type: none;\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n`;\r\n\r\nconst Slide = styled.li`\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  top: 0;\r\n  left: 0;\r\n  background-image: url(${({ src }) => src});\r\n  background-size: cover;\r\n  background-position: center;\r\n  opacity: ${({ isActive }) => (isActive ? 1 : 0)};\r\n  color: #000 !important;\r\n  transition: opacity 1s ease-in-out;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start; /* Align content to the left */\r\n  animation: ${({ isActive }) => isActive && fadeInOut} 16s linear infinite;\r\n  z-index: ${({ isActive }) => (isActive ? 1 : 0)}; /* Ensure active slide is above others */\r\n`;\r\n\r\nconst SlideContent = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start; /* Align content to the left */\r\n  justify-content: center;\r\n  text-align: left; /* Align text to the left */\r\n  position: absolute;\r\n  z-index: 2; /* Ensure content is above background */\r\n  color: white; /* Ensuring the text is visible */\r\n  padding: 2rem; /* Add padding to keep content away from the edge */\r\n  width: 100%;\r\n  max-width: 1200px; /* Set a max width for the content */\r\n  margin-left: 10%; /* Adjust margin to match logo alignment */\r\n`;\r\n\r\nconst SlideHeading = styled.h2`\r\n  animation: ${slideInFromRight} 1s ease-out forwards;\r\n`;\r\n\r\nconst Arrow = styled.div`\r\n  position: absolute;\r\n  top: 50%;\r\n  ${({ direction }) => (direction === 'left' ? 'left: 10px;' : 'right: 10px;')}\r\n  width: 40px;\r\n  height: 40px;\r\n  // background-color: rgba(0, 0, 0, 0.5);\r\n  color: white;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  z-index: 2;\r\n  user-select: none;\r\n  transform: translateY(-50%);\r\n`;\r\n\r\nconst Slider = () => {\r\n  const [currentSlide, setCurrentSlide] = useState(0);\r\n\r\n  const slides = [\r\n    {\r\n      src: bannerr1,\r\n      content: (\r\n        <div className='container mx-auto text-left w-full xl:mt-6'>\r\n          <SlideHeading className='xl:text-6xl text-3xl md:text-4xl fontfamily font-semibold uppercase' style={{ color: '#DE0A26' }}>\r\n            3D <span className='text-white'>Visualisation</span>\r\n          </SlideHeading>\r\n         <div className=''>\r\n            <a href='/home' className='bg-red-900 mt-6 xl:w-2/12 lg:w-3/12 md:w-4/12 w-10/12 text-white fontfamily text-center justify-center xl:text-lg text-base py-2 rounded uppercase flex items-center'>\r\n              Explore <img src={rightarroww} className='w-12 pl-4' alt='Explore' />\r\n              </a>\r\n            </div>\r\n        </div>\r\n      )\r\n    },\r\n    {\r\n      src: bannerr2,\r\n      content: (\r\n        <div className='container mx-auto text-left w-full xl:mt-6'>\r\n          <SlideHeading className='xl:text-6xl text-3xl md:text-4xl fontfamily font-semibold uppercase' style={{ color: '#DE0A26' }}>\r\n            3D <span className='text-white'>Visualisation</span>\r\n          </SlideHeading>\r\n         <div className=''>\r\n            <a href='/home' className='bg-red-900 mt-6 xl:w-2/12 lg:w-3/12 md:w-4/12 w-10/12 text-white fontfamily text-center justify-center xl:text-lg text-base py-2 rounded uppercase flex items-center'>\r\n              Explore <img src={rightarroww} className='w-12 pl-4' alt='Explore' />\r\n              </a>\r\n            </div>\r\n        </div>\r\n      )\r\n    },\r\n    {\r\n      src: bannerr3,\r\n      content: (\r\n        <div className='container mx-auto text-left w-full xl:mt-6'>\r\n          <SlideHeading className='xl:text-6xl text-3xl md:text-4xl fontfamily font-semibold uppercase' style={{ color: '#DE0A26' }}>\r\n            VIRTUAL <span className='text-white'>Reality Tour</span>\r\n          </SlideHeading>\r\n         <div className=''>\r\n            <a href='/home' className='bg-red-900 mt-6 xl:w-2/12 lg:w-3/12 md:w-4/12 w-10/12 text-white fontfamily text-center justify-center xl:text-lg text-base py-2 rounded uppercase flex items-center'>\r\n              Explore <img src={rightarroww} className='w-12 pl-4' alt='Explore' />\r\n              </a>\r\n            </div>\r\n        </div>\r\n      )\r\n    },\r\n    {\r\n      src: bannerr4,\r\n      content: (\r\n        <div className='container mx-auto text-left w-full xl:mt-6'>\r\n          <SlideHeading className='xl:text-6xl text-3xl md:text-4xl fontfamily font-semibold uppercase' style={{ color: '#DE0A26' }}>\r\n            Real-Time  <span className='text-white'>Rendering</span>\r\n          </SlideHeading>\r\n         <div className=''>\r\n            <a href='/home' className='bg-red-900 mt-6 xl:w-2/12 lg:w-3/12 md:w-4/12 w-10/12 text-white fontfamily text-center justify-center xl:text-lg text-base py-2 rounded uppercase flex items-center'>\r\n              Explore <img src={rightarroww} className='w-12 pl-4' alt='Explore' />\r\n              </a>\r\n            </div>\r\n        </div>\r\n      )\r\n    },\r\n    {\r\n      src:bannerr5,\r\n      content: (\r\n        <div className='container mx-auto text-left w-full xl:mt-6'>\r\n          <SlideHeading className='xl:text-6xl text-3xl md:text-4xl fontfamily font-semibold uppercase' style={{ color: '#DE0A26' }}>\r\n            Fly-Through <span className='text-white'>Animation</span>\r\n          </SlideHeading>\r\n         <div className=''>\r\n            <a href='/home' className='bg-red-900 mt-6 xl:w-2/12 lg:w-3/12 md:w-4/12 w-10/12 text-white fontfamily text-center justify-center xl:text-lg text-base py-2 rounded uppercase flex items-center'>\r\n              Explore <img src={rightarroww} className='w-12 pl-4' alt='Explore' />\r\n              </a>\r\n            </div>\r\n        </div>\r\n      )\r\n    },\r\n    {\r\n      src: bannerr6,\r\n      content: (\r\n        <div className='container mx-auto text-left w-full xl:mt-6'>\r\n          <SlideHeading className='xl:text-6xl text-3xl md:text-4xl fontfamily font-semibold uppercase' style={{ color: '#DE0A26' }}>\r\n            Landing <span className='text-white'>Page</span>\r\n          </SlideHeading>\r\n          \r\n         <div className=''>\r\n            <a href='/home' className='bg-red-900 mt-6 xl:w-2/12 lg:w-3/12 md:w-4/12 w-10/12 text-white fontfamily text-center justify-center xl:text-lg text-base py-2 rounded uppercase flex items-center'>\r\n              Explore <img src={rightarroww} className='w-12 pl-4' alt='Explore' />\r\n              </a>\r\n            </div>\r\n        </div>\r\n      )\r\n    },\r\n    {\r\n      src: bannerr7,\r\n      content: (\r\n        <div className='container mx-auto text-left w-full xl:mt-6'>\r\n          <SlideHeading className='xl:text-6xl text-4xl fontfamily font-semibold uppercase' style={{ color: '#DE0A26' }}>\r\n            Real Estate <span className='text-white'><br></br>Sales App</span>\r\n          </SlideHeading>\r\n         <div className=''>\r\n            <a href='/home' className='bg-red-900 mt-6 xl:w-2/12 lg:w-3/12 md:w-4/12 w-10/12 text-white fontfamily text-center justify-center xl:text-lg text-base py-2 rounded uppercase flex items-center'>\r\n              Explore <img src={rightarroww} className='w-12 pl-4' alt='Explore' />\r\n              </a>\r\n            </div>\r\n        </div>\r\n      )\r\n    },\r\n    {\r\n      src: bannerarchywave8,\r\n      content: (\r\n        <div className='container mx-auto text-left w-full xl:mt-6'>\r\n          <SlideHeading className='xl:text-6xl text-4xl fontfamily font-semibold uppercase' style={{ color: '#DE0A26' }}>\r\n            Fly-Through <span className='text-white'><br></br>Animation</span>\r\n          </SlideHeading>\r\n            <div className=''>\r\n            <a href='/home' className='bg-red-900 mt-6 xl:w-2/12 lg:w-3/12 md:w-4/12 w-10/12 text-white fontfamily text-center justify-center xl:text-lg text-base py-2 rounded uppercase flex items-center'>\r\n              Explore <img src={rightarroww} className='w-12 pl-4' alt='Explore' />\r\n              </a>\r\n            </div>\r\n        </div>\r\n      )\r\n    },\r\n    {\r\n      src: bannerarchywave9,\r\n      content: (\r\n        <div className='container mx-auto text-left w-full xl:mt-6'>\r\n          <SlideHeading className='xl:text-6xl text-4xl fontfamily font-semibold uppercase' style={{ color: '#DE0A26' }}>\r\n            Scale <span className='text-white'>Model</span>\r\n          </SlideHeading>\r\n         <div className=''>\r\n            <a href='/home' className='bg-red-900 mt-6 xl:w-2/12 lg:w-3/12 md:w-4/12 w-10/12 text-white fontfamily text-center justify-center xl:text-lg text-base py-2 rounded uppercase flex items-center'>\r\n              Explore <img src={rightarroww} className='w-12 pl-4' alt='Explore' />\r\n              </a>\r\n            </div>\r\n        </div>\r\n      )\r\n    }\r\n  ];\r\n\r\n  useEffect(() => {\r\n    const interval = setInterval(() => {\r\n      setCurrentSlide((prevSlide) => (prevSlide === slides.length - 1 ? 0 : prevSlide + 1));\r\n    }, 8000); // Change slide every 8 seconds\r\n    return () => clearInterval(interval);\r\n  }, [slides.length]);\r\n\r\n  const goToPreviousSlide = () => {\r\n    setCurrentSlide((prevSlide) => (prevSlide === 0 ? slides.length - 1 : prevSlide - 1));\r\n  };\r\n\r\n  const goToNextSlide = () => {\r\n    setCurrentSlide((prevSlide) => (prevSlide === slides.length - 1 ? 0 : prevSlide + 1));\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <IndexNavbarr fixed />\r\n      <SlideshowContainer>\r\n        <SlidesWrapper>\r\n          {slides.map((slide, index) => (\r\n            <Slide key={index} src={slide.src} isActive={index === currentSlide}>\r\n              <SlideContent className='contentwidth'>\r\n                {slide.content}\r\n              </SlideContent>\r\n            </Slide>\r\n          ))}\r\n        </SlidesWrapper>\r\n        <Arrow direction=\"left\" onClick={goToPreviousSlide}><i className='fa fa-chevron-left text-2xl'></i></Arrow>\r\n        <Arrow direction=\"right\" onClick={goToNextSlide}> <i className='fa fa-chevron-right text-2xl'></i></Arrow>\r\n      </SlideshowContainer>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Slider;\r\n  ","export default __webpack_public_path__ + \"static/media/homebanner.16e0e293.webp\";","export default __webpack_public_path__ + \"static/media/realestatesolutions.ae932b45.webp\";","export default __webpack_public_path__ + \"static/media/VRtour.071edbb3.webp\";","export default __webpack_public_path__ + \"static/media/drendering.b2107e60.webp\";","export default __webpack_public_path__ + \"static/media/masterplan.56352ea4.webp\";","export default __webpack_public_path__ + \"static/media/brouchure.400ce424.png\";","import React, { useEffect } from 'react';\r\n\r\nconst VideoPlayer = ({sourceLink=''}) => {\r\n  useEffect(() => {\r\n    const script = document.createElement('script');\r\n    script.src = \"https://fast.wistia.net/assets/external/E-v1.js\";\r\n    script.async = true;\r\n    document.body.appendChild(script);\r\n\r\n    return () => {\r\n      document.body.removeChild(script);\r\n    };\r\n  }, []);\r\n\r\n  return (\r\n      <div className=\"wistia_responsive_padding\" style={{padding: \"56.25% 0 0 0\", position: \"relative\"}}>\r\n        <div className=\"wistia_responsive_wrapper\" style={{height: \"100%\", left: 0, position: \"absolute\", top: 0, width: \"100%\"}}>\r\n          <iframe \r\n            src={sourceLink}\r\n            title=\"test Video\"\r\n            allow=\"autoplay; fullscreen\"\r\n            allowTransparency=\"true\"\r\n            frameBorder=\"0\"\r\n            scrolling=\"no\"\r\n            className=\"wistia_embed\"\r\n            name=\"wistia_embed\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n          ></iframe>\r\n        </div>\r\n      </div>\r\n  );\r\n};\r\n\r\nexport default VideoPlayer;","export default __webpack_public_path__ + \"static/media/logo1.141f9836.webp\";","export default __webpack_public_path__ + \"static/media/logo2.be8469e9.webp\";","export default __webpack_public_path__ + \"static/media/logo3.25d0de1c.webp\";","export default __webpack_public_path__ + \"static/media/logo4.caeb4e9f.webp\";","export default __webpack_public_path__ + \"static/media/logo5.b8d8aa20.webp\";","export default __webpack_public_path__ + \"static/media/logo6.0347e92c.webp\";","export default __webpack_public_path__ + \"static/media/logo7.37c64056.webp\";","export default __webpack_public_path__ + \"static/media/interior1.2a4c8c44.webp\";","export default __webpack_public_path__ + \"static/media/interior2.85895d57.webp\";","export default __webpack_public_path__ + \"static/media/interior3.4529edbf.webp\";","export default __webpack_public_path__ + \"static/media/interior4.35257f17.webp\";","export default __webpack_public_path__ + \"static/media/interior5.bd9d6d65.webp\";","export default __webpack_public_path__ + \"static/media/interior6.5ba261ab.webp\";","export default __webpack_public_path__ + \"static/media/interior7.56003ea0.webp\";","export default __webpack_public_path__ + \"static/media/interior8.1c1cf728.webp\";","export default __webpack_public_path__ + \"static/media/exterior1.1af68fff.webp\";","export default __webpack_public_path__ + \"static/media/exterior2.72a4e26d.webp\";","export default __webpack_public_path__ + \"static/media/exterior3.505df6a9.webp\";","export default __webpack_public_path__ + \"static/media/exterior4.573edf12.webp\";","export default __webpack_public_path__ + \"static/media/exterior5.3b46d0e1.webp\";","export default __webpack_public_path__ + \"static/media/exterior6.7d35b346.webp\";","export default __webpack_public_path__ + \"static/media/exterior7.7b98ca01.webp\";","export default __webpack_public_path__ + \"static/media/exterior8.e3c92463.webp\";","export default __webpack_public_path__ + \"static/media/exterior9.5ed29d4a.webp\";","export default __webpack_public_path__ + \"static/media/exterior10.de8e49fd.webp\";","export default __webpack_public_path__ + \"static/media/exterior11.0037b7ed.webp\";","export default __webpack_public_path__ + \"static/media/exterior12.131aa21e.webp\";","export default __webpack_public_path__ + \"static/media/exterior13.43601763.webp\";","export default __webpack_public_path__ + \"static/media/exterior14.25e9bfb3.webp\";","export default __webpack_public_path__ + \"static/media/exterior15.fe496fb6.webp\";","export default __webpack_public_path__ + \"static/media/exterior16.c87f5f76.webp\";","export default __webpack_public_path__ + \"static/media/tour1.f5aac75e.webp\";","export default __webpack_public_path__ + \"static/media/tour2.21a47e68.webp\";","export default __webpack_public_path__ + \"static/media/tour3.7b5f0420.webp\";","export default __webpack_public_path__ + \"static/media/archycontact.1992650c.webp\";","export default __webpack_public_path__ + \"static/media/Basics.ce42c614.webp\";","export default __webpack_public_path__ + \"static/media/Standard.95c121ef.webp\";","export default __webpack_public_path__ + \"static/media/Premium.5d9f31c4.webp\";","export default __webpack_public_path__ + \"static/media/Premiumplus.d9774a64.webp\";","export default __webpack_public_path__ + \"static/media/Premiumspacepromax.53a8672c.webp\";","export default __webpack_public_path__ + \"static/media/Premiumspacepro.18ab97aa.webp\";","export default __webpack_public_path__ + \"static/media/addon1.62927bb5.webp\";","export default __webpack_public_path__ + \"static/media/addon2.fa77d4b0.webp\";","export default __webpack_public_path__ + \"static/media/addon3.fbd8468c.webp\";","export default __webpack_public_path__ + \"static/media/addon4.9578fb6f.webp\";","export default __webpack_public_path__ + \"static/media/addon5.d3eb3416.webp\";","export default __webpack_public_path__ + \"static/media/addon6.6a10ca00.webp\";","export default __webpack_public_path__ + \"static/media/addon7.edd078e0.webp\";","export default __webpack_public_path__ + \"static/media/addon8.15201540.webp\";","export default __webpack_public_path__ + \"static/media/addon9.0c062585.webp\";","export default __webpack_public_path__ + \"static/media/packagebanner.42d5ed99.webp\";","export default __webpack_public_path__ + \"static/media/carrer.2a94ea2a.png\";","export default __webpack_public_path__ + \"static/media/aboutbanner.61e13f21.webp\";","export default __webpack_public_path__ + \"static/media/whoweare.1a5a8b4e.webp\";","export default __webpack_public_path__ + \"static/media/ourmission.9d2e2a69.webp\";","export default __webpack_public_path__ + \"static/media/servicesbanner.111949e4.webp\";","export default __webpack_public_path__ + \"static/media/animation.65565caf.webp\";","export default __webpack_public_path__ + \"static/media/visualization.070ae5b0.webp\";","export default __webpack_public_path__ + \"static/media/realestateapp.5bd13c66.webp\";","export default __webpack_public_path__ + \"static/media/scalemodal.5c4aede9.webp\";","export default __webpack_public_path__ + \"static/media/floorplan.e86d72ab.webp\";","export default __webpack_public_path__ + \"static/media/stimulator.90696b20.webp\";","export default __webpack_public_path__ + \"static/media/vr.bbce191d.webp\";","export default __webpack_public_path__ + \"static/media/masterplanss.21b3fc08.webp\";","export default __webpack_public_path__ + \"static/media/realtimerendering.69b01b0d.webp\";","export default __webpack_public_path__ + \"static/media/photomontage.dee5bf56.webp\";","export default __webpack_public_path__ + \"static/media/archywavebanner.a8571abb.webp\";","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { BrowserRouter, Route, Switch, Redirect } from \"react-router-dom\";\n\nimport \"@fortawesome/fontawesome-free/css/all.min.css\";\nimport \"assets/styles/tailwind.css\";\n\n// layouts\n\nimport Admin from \"layouts/Admin.js\";\nimport Auth from \"layouts/Auth.js\";\n\n// views without layouts\n\nimport Landing from \"views/Landing.js\";\nimport Profile from \"views/Profile.js\";\nimport Index from \"views/Index.js\";\n\n//views new created pagess \n\nimport Home from \"views/Home.js\";\nimport Projects from \"views/Projects.js\";\nimport Contact from \"views/Contact\";\nimport Studio from \"views/Studio\";\nimport Workflows from \"views/Workflows\";\nimport Form from \"views/Form.js\";\nimport About from \"views/About.js\";\nimport Coming from \"views/Coming.js\";\nimport Services from \"views/Services\";\nimport Process from \"views/Process\";\n\nReactDOM.render(\n  <BrowserRouter>\n    <Switch>\n      {/* add routes with layouts */}\n      <Route path=\"/admin\" component={Admin} />\n      <Route path=\"/auth\" component={Auth} />\n      {/* add routes without layouts */}\n      <Route path=\"/landing\" exact component={Landing} />\n      <Route path=\"/profile\" exact component={Profile} />\n      <Route path=\"/\" exact component={Index} />\n      <Route path=\"/home\" exact component={Home} />\n      <Route path=\"/projects\" exact component={Projects} />\n      <Route path=\"/contact\" exact component={Contact} />\n      <Route path=\"/packages\" exact component={Studio} />\n      <Route path=\"/workflows\" exact component={Workflows} />\n      <Route path=\"/career\" exact component={Form} />\n      <Route path=\"/about-us\" exact component={About} />\n      <Route path=\"/coming-soon\" exact component={Coming} />\n      <Route path=\"/services\" exact component={Services} />\n      <Route path=\"/process-and-specification\" exact component={Process} />\n      {/* add redirect for first page */}\n      <Redirect from=\"*\" to=\"/\" />\n    </Switch>\n  </BrowserRouter>,\n  document.getElementById(\"root\")\n);\n","import React from \"react\";\nimport { Switch, Route, Redirect } from \"react-router-dom\";\n\n// components\n\nimport AdminNavbar from \"components/Navbars/AdminNavbar.js\";\nimport Sidebar from \"components/Sidebar/Sidebar.js\";\nimport HeaderStats from \"components/Headers/HeaderStats.js\";\nimport FooterAdmin from \"components/Footers/FooterAdmin.js\";\n\n// views\n\nimport Dashboard from \"views/admin/Dashboard.js\";\nimport Maps from \"views/admin/Maps.js\";\nimport Settings from \"views/admin/Settings.js\";\nimport Tables from \"views/admin/Tables.js\";\n\nexport default function Admin() {\n  return (\n    <>\n      <Sidebar />\n      <div className=\"relative md:ml-64 bg-blueGray-100\">\n        <AdminNavbar />\n        {/* Header */}\n        <HeaderStats />\n        <div className=\"px-4 md:px-10 mx-auto w-full -m-24\">\n          <Switch>\n            <Route path=\"/admin/dashboard\" exact component={Dashboard} />\n            <Route path=\"/admin/maps\" exact component={Maps} />\n            <Route path=\"/admin/settings\" exact component={Settings} />\n            <Route path=\"/admin/tables\" exact component={Tables} />\n            <Redirect from=\"/admin\" to=\"/admin/dashboard\" />\n          </Switch>\n          <FooterAdmin />\n        </div>\n      </div>\n    </>\n  );\n}\n","import React from \"react\";\nimport { Switch, Route, Redirect } from \"react-router-dom\";\n\n// components\n\nimport Navbar from \"components/Navbars/AuthNavbar.js\";\nimport FooterSmall from \"components/Footers/FooterSmall.js\";\n\n// views\n\nimport Login from \"views/auth/Login.js\";\nimport Register from \"views/auth/Register.js\";\n\nexport default function Auth() {\n  return (\n    <>\n      <Navbar transparent />\n      <main>\n        <section className=\"relative w-full h-full py-40 min-h-screen\">\n          <div\n            className=\"absolute top-0 w-full h-full bg-blueGray-800 bg-no-repeat bg-full\"\n            style={{\n              backgroundImage:\n                \"url(\" + require(\"assets/img/register_bg_2.png\").default + \")\",\n            }}\n          ></div>\n          <Switch>\n            <Route path=\"/auth/login\" exact component={Login} />\n            <Route path=\"/auth/register\" exact component={Register} />\n            <Redirect from=\"/auth\" to=\"/auth/login\" />\n          </Switch>\n          <FooterSmall absolute />\n        </section>\n      </main>\n    </>\n  );\n}\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\n// components\n\nimport Navbar from \"components/Navbars/AuthNavbar.js\";\nimport Footer from \"components/Footers/Footer.js\";\n\nexport default function Landing() {\n  return (\n    <>\n      <Navbar transparent />\n      <main>\n        <div className=\"relative pt-16 pb-32 flex content-center items-center justify-center min-h-screen-75\">\n          <div\n            className=\"absolute top-0 w-full h-full bg-center bg-cover\"\n            style={{\n              backgroundImage:\n                \"url('https://images.unsplash.com/photo-1557804506-669a67965ba0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1267&q=80')\",\n            }}\n          >\n            <span\n              id=\"blackOverlay\"\n              className=\"w-full h-full absolute opacity-75 bg-black\"\n            ></span>\n          </div>\n          <div className=\"container relative mx-auto\">\n            <div className=\"items-center flex flex-wrap\">\n              <div className=\"w-full lg:w-6/12 px-4 ml-auto mr-auto text-center\">\n                <div className=\"pr-12\">\n                  <h1 className=\"text-white font-semibold text-5xl\">\n                    Your story starts with us.\n                  </h1>\n                  <p className=\"mt-4 text-lg text-blueGray-200\">\n                    This is a simple example of a Landing Page you can build\n                    using Notus React. It features multiple CSS components based\n                    on the Tailwind CSS design system.\n                  </p>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div\n            className=\"top-auto bottom-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden h-70-px\"\n            style={{ transform: \"translateZ(0)\" }}\n          >\n            <svg\n              className=\"absolute bottom-0 overflow-hidden\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              preserveAspectRatio=\"none\"\n              version=\"1.1\"\n              viewBox=\"0 0 2560 100\"\n              x=\"0\"\n              y=\"0\"\n            >\n              <polygon\n                className=\"text-blueGray-200 fill-current\"\n                points=\"2560 0 2560 100 0 100\"\n              ></polygon>\n            </svg>\n          </div>\n        </div>\n\n        <section className=\"pb-20 bg-blueGray-200 -mt-24\">\n          <div className=\"container mx-auto px-4\">\n            <div className=\"flex flex-wrap\">\n              <div className=\"lg:pt-12 pt-6 w-full md:w-4/12 px-4 text-center\">\n                <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-8 shadow-lg rounded-lg\">\n                  <div className=\"px-4 py-5 flex-auto\">\n                    <div className=\"text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 mb-5 shadow-lg rounded-full bg-red-400\">\n                      <i className=\"fas fa-award\"></i>\n                    </div>\n                    <h6 className=\"text-xl font-semibold\">Awarded Agency</h6>\n                    <p className=\"mt-2 mb-4 text-blueGray-500\">\n                      Divide details about your product or agency work into\n                      parts. A paragraph describing a feature will be enough.\n                    </p>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"w-full md:w-4/12 px-4 text-center\">\n                <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-8 shadow-lg rounded-lg\">\n                  <div className=\"px-4 py-5 flex-auto\">\n                    <div className=\"text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 mb-5 shadow-lg rounded-full bg-lightBlue-400\">\n                      <i className=\"fas fa-retweet\"></i>\n                    </div>\n                    <h6 className=\"text-xl font-semibold\">Free Revisions</h6>\n                    <p className=\"mt-2 mb-4 text-blueGray-500\">\n                      Keep you user engaged by providing meaningful information.\n                      Remember that by this time, the user is curious.\n                    </p>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"pt-6 w-full md:w-4/12 px-4 text-center\">\n                <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-8 shadow-lg rounded-lg\">\n                  <div className=\"px-4 py-5 flex-auto\">\n                    <div className=\"text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 mb-5 shadow-lg rounded-full bg-emerald-400\">\n                      <i className=\"fas fa-fingerprint\"></i>\n                    </div>\n                    <h6 className=\"text-xl font-semibold\">Verified Company</h6>\n                    <p className=\"mt-2 mb-4 text-blueGray-500\">\n                      Write a few lines about each one. A paragraph describing a\n                      feature will be enough. Keep you user engaged!\n                    </p>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <div className=\"flex flex-wrap items-center mt-32\">\n              <div className=\"w-full md:w-5/12 px-4 mr-auto ml-auto\">\n                <div className=\"text-blueGray-500 p-3 text-center inline-flex items-center justify-center w-16 h-16 mb-6 shadow-lg rounded-full bg-white\">\n                  <i className=\"fas fa-user-friends text-xl\"></i>\n                </div>\n                <h3 className=\"text-3xl mb-2 font-semibold leading-normal\">\n                  Working with us is a pleasure\n                </h3>\n                <p className=\"text-lg font-light leading-relaxed mt-4 mb-4 text-blueGray-600\">\n                  Don't let your uses guess by attaching tooltips and popoves to\n                  any element. Just make sure you enable them first via\n                  JavaScript.\n                </p>\n                <p className=\"text-lg font-light leading-relaxed mt-0 mb-4 text-blueGray-600\">\n                  The kit comes with three pre-built pages to help you get\n                  started faster. You can change the text and images and you're\n                  good to go. Just make sure you enable them first via\n                  JavaScript.\n                </p>\n                <Link to=\"/\" className=\"font-bold text-blueGray-700 mt-8\">\n                  Check Notus React!\n                </Link>\n              </div>\n\n              <div className=\"w-full md:w-4/12 px-4 mr-auto ml-auto\">\n                <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded-lg bg-lightBlue-500\">\n                  <img\n                    alt=\"...\"\n                    src=\"https://images.unsplash.com/photo-1522202176988-66273c2fd55f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1051&q=80\"\n                    className=\"w-full align-middle rounded-t-lg\"\n                  />\n                  <blockquote className=\"relative p-8 mb-4\">\n                    <svg\n                      preserveAspectRatio=\"none\"\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 583 95\"\n                      className=\"absolute left-0 w-full block h-95-px -top-94-px\"\n                    >\n                      <polygon\n                        points=\"-30,95 583,95 583,65\"\n                        className=\"text-lightBlue-500 fill-current\"\n                      ></polygon>\n                    </svg>\n                    <h4 className=\"text-xl font-bold text-white\">\n                      Top Notch Services\n                    </h4>\n                    <p className=\"text-md font-light mt-2 text-white\">\n                      The Arctic Ocean freezes every winter and much of the\n                      sea-ice then thaws every summer, and that process will\n                      continue whatever happens.\n                    </p>\n                  </blockquote>\n                </div>\n              </div>\n            </div>\n          </div>\n        </section>\n\n        <section className=\"relative py-20\">\n          <div\n            className=\"bottom-auto top-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden -mt-20 h-20\"\n            style={{ transform: \"translateZ(0)\" }}\n          >\n            <svg\n              className=\"absolute bottom-0 overflow-hidden\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              preserveAspectRatio=\"none\"\n              version=\"1.1\"\n              viewBox=\"0 0 2560 100\"\n              x=\"0\"\n              y=\"0\"\n            >\n              <polygon\n                className=\"text-white fill-current\"\n                points=\"2560 0 2560 100 0 100\"\n              ></polygon>\n            </svg>\n          </div>\n\n          <div className=\"container mx-auto px-4\">\n            <div className=\"items-center flex flex-wrap\">\n              <div className=\"w-full md:w-4/12 ml-auto mr-auto px-4\">\n                <img\n                  alt=\"...\"\n                  className=\"max-w-full rounded-lg shadow-lg\"\n                  src=\"https://images.unsplash.com/photo-1555212697-194d092e3b8f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80\"\n                />\n              </div>\n              <div className=\"w-full md:w-5/12 ml-auto mr-auto px-4\">\n                <div className=\"md:pr-12\">\n                  <div className=\"text-lightBlue-600 p-3 text-center inline-flex items-center justify-center w-16 h-16 mb-6 shadow-lg rounded-full bg-lightBlue-300\">\n                    <i className=\"fas fa-rocket text-xl\"></i>\n                  </div>\n                  <h3 className=\"text-3xl font-semibold\">A growing company</h3>\n                  <p className=\"mt-4 text-lg leading-relaxed text-blueGray-500\">\n                    The extension comes with three pre-built pages to help you\n                    get started faster. You can change the text and images and\n                    you're good to go.\n                  </p>\n                  <ul className=\"list-none mt-6\">\n                    <li className=\"py-2\">\n                      <div className=\"flex items-center\">\n                        <div>\n                          <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-lightBlue-600 bg-lightBlue-200 mr-3\">\n                            <i className=\"fas fa-fingerprint\"></i>\n                          </span>\n                        </div>\n                        <div>\n                          <h4 className=\"text-blueGray-500\">\n                            Carefully crafted components\n                          </h4>\n                        </div>\n                      </div>\n                    </li>\n                    <li className=\"py-2\">\n                      <div className=\"flex items-center\">\n                        <div>\n                          <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-lightBlue-600 bg-lightBlue-200 mr-3\">\n                            <i className=\"fab fa-html5\"></i>\n                          </span>\n                        </div>\n                        <div>\n                          <h4 className=\"text-blueGray-500\">\n                            Amazing page examples\n                          </h4>\n                        </div>\n                      </div>\n                    </li>\n                    <li className=\"py-2\">\n                      <div className=\"flex items-center\">\n                        <div>\n                          <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-lightBlue-600 bg-lightBlue-200 mr-3\">\n                            <i className=\"far fa-paper-plane\"></i>\n                          </span>\n                        </div>\n                        <div>\n                          <h4 className=\"text-blueGray-500\">\n                            Dynamic components\n                          </h4>\n                        </div>\n                      </div>\n                    </li>\n                  </ul>\n                </div>\n              </div>\n            </div>\n          </div>\n        </section>\n\n        <section className=\"pt-20 pb-48\">\n          <div className=\"container mx-auto px-4\">\n            <div className=\"flex flex-wrap justify-center text-center mb-24\">\n              <div className=\"w-full lg:w-6/12 px-4\">\n                <h2 className=\"text-4xl font-semibold\">Here are our heroes</h2>\n                <p className=\"text-lg leading-relaxed m-4 text-blueGray-500\">\n                  According to the National Oceanic and Atmospheric\n                  Administration, Ted, Scambos, NSIDClead scentist, puts the\n                  potentially record maximum.\n                </p>\n              </div>\n            </div>\n            <div className=\"flex flex-wrap\">\n              <div className=\"w-full md:w-6/12 lg:w-3/12 lg:mb-0 mb-12 px-4\">\n                <div className=\"px-6\">\n                  <img\n                    alt=\"...\"\n                    src={require(\"assets/img/team-1-800x800.jpg\").default}\n                    className=\"shadow-lg rounded-full mx-auto max-w-120-px\"\n                  />\n                  <div className=\"pt-6 text-center\">\n                    <h5 className=\"text-xl font-bold\">Ryan Tompson</h5>\n                    <p className=\"mt-1 text-sm text-blueGray-400 uppercase font-semibold\">\n                      Web Developer\n                    </p>\n                    <div className=\"mt-6\">\n                      <button\n                        className=\"bg-lightBlue-400 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-twitter\"></i>\n                      </button>\n                      <button\n                        className=\"bg-lightBlue-600 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-facebook-f\"></i>\n                      </button>\n                      <button\n                        className=\"bg-pink-500 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-dribbble\"></i>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className=\"w-full md:w-6/12 lg:w-3/12 lg:mb-0 mb-12 px-4\">\n                <div className=\"px-6\">\n                  <img\n                    alt=\"...\"\n                    src={require(\"assets/img/team-2-800x800.jpg\").default}\n                    className=\"shadow-lg rounded-full mx-auto max-w-120-px\"\n                  />\n                  <div className=\"pt-6 text-center\">\n                    <h5 className=\"text-xl font-bold\">Romina Hadid</h5>\n                    <p className=\"mt-1 text-sm text-blueGray-400 uppercase font-semibold\">\n                      Marketing Specialist\n                    </p>\n                    <div className=\"mt-6\">\n                      <button\n                        className=\"bg-red-600 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-google\"></i>\n                      </button>\n                      <button\n                        className=\"bg-lightBlue-600 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-facebook-f\"></i>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className=\"w-full md:w-6/12 lg:w-3/12 lg:mb-0 mb-12 px-4\">\n                <div className=\"px-6\">\n                  <img\n                    alt=\"...\"\n                    src={require(\"assets/img/team-3-800x800.jpg\").default}\n                    className=\"shadow-lg rounded-full mx-auto max-w-120-px\"\n                  />\n                  <div className=\"pt-6 text-center\">\n                    <h5 className=\"text-xl font-bold\">Alexa Smith</h5>\n                    <p className=\"mt-1 text-sm text-blueGray-400 uppercase font-semibold\">\n                      UI/UX Designer\n                    </p>\n                    <div className=\"mt-6\">\n                      <button\n                        className=\"bg-red-600 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-google\"></i>\n                      </button>\n                      <button\n                        className=\"bg-lightBlue-400 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-twitter\"></i>\n                      </button>\n                      <button\n                        className=\"bg-blueGray-700 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-instagram\"></i>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className=\"w-full md:w-6/12 lg:w-3/12 lg:mb-0 mb-12 px-4\">\n                <div className=\"px-6\">\n                  <img\n                    alt=\"...\"\n                    src={require(\"assets/img/team-4-470x470.png\").default}\n                    className=\"shadow-lg rounded-full mx-auto max-w-120-px\"\n                  />\n                  <div className=\"pt-6 text-center\">\n                    <h5 className=\"text-xl font-bold\">Jenna Kardi</h5>\n                    <p className=\"mt-1 text-sm text-blueGray-400 uppercase font-semibold\">\n                      Founder and CEO\n                    </p>\n                    <div className=\"mt-6\">\n                      <button\n                        className=\"bg-pink-500 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-dribbble\"></i>\n                      </button>\n                      <button\n                        className=\"bg-red-600 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-google\"></i>\n                      </button>\n                      <button\n                        className=\"bg-lightBlue-400 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-twitter\"></i>\n                      </button>\n                      <button\n                        className=\"bg-blueGray-700 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-instagram\"></i>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </section>\n\n        <section className=\"pb-20 relative block bg-blueGray-800\">\n          <div\n            className=\"bottom-auto top-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden -mt-20 h-20\"\n            style={{ transform: \"translateZ(0)\" }}\n          >\n            <svg\n              className=\"absolute bottom-0 overflow-hidden\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              preserveAspectRatio=\"none\"\n              version=\"1.1\"\n              viewBox=\"0 0 2560 100\"\n              x=\"0\"\n              y=\"0\"\n            >\n              <polygon\n                className=\"text-blueGray-800 fill-current\"\n                points=\"2560 0 2560 100 0 100\"\n              ></polygon>\n            </svg>\n          </div>\n\n          <div className=\"container mx-auto px-4 lg:pt-24 lg:pb-64\">\n            <div className=\"flex flex-wrap text-center justify-center\">\n              <div className=\"w-full lg:w-6/12 px-4\">\n                <h2 className=\"text-4xl font-semibold text-white\">\n                  Build something\n                </h2>\n                <p className=\"text-lg leading-relaxed mt-4 mb-4 text-blueGray-400\">\n                  Put the potentially record low maximum sea ice extent tihs\n                  year down to low ice. According to the National Oceanic and\n                  Atmospheric Administration, Ted, Scambos.\n                </p>\n              </div>\n            </div>\n            <div className=\"flex flex-wrap mt-12 justify-center\">\n              <div className=\"w-full lg:w-3/12 px-4 text-center\">\n                <div className=\"text-blueGray-800 p-3 w-12 h-12 shadow-lg rounded-full bg-white inline-flex items-center justify-center\">\n                  <i className=\"fas fa-medal text-xl\"></i>\n                </div>\n                <h6 className=\"text-xl mt-5 font-semibold text-white\">\n                  Excelent Services\n                </h6>\n                <p className=\"mt-2 mb-4 text-blueGray-400\">\n                  Some quick example text to build on the card title and make up\n                  the bulk of the card's content.\n                </p>\n              </div>\n              <div className=\"w-full lg:w-3/12 px-4 text-center\">\n                <div className=\"text-blueGray-800 p-3 w-12 h-12 shadow-lg rounded-full bg-white inline-flex items-center justify-center\">\n                  <i className=\"fas fa-poll text-xl\"></i>\n                </div>\n                <h5 className=\"text-xl mt-5 font-semibold text-white\">\n                  Grow your market\n                </h5>\n                <p className=\"mt-2 mb-4 text-blueGray-400\">\n                  Some quick example text to build on the card title and make up\n                  the bulk of the card's content.\n                </p>\n              </div>\n              <div className=\"w-full lg:w-3/12 px-4 text-center\">\n                <div className=\"text-blueGray-800 p-3 w-12 h-12 shadow-lg rounded-full bg-white inline-flex items-center justify-center\">\n                  <i className=\"fas fa-lightbulb text-xl\"></i>\n                </div>\n                <h5 className=\"text-xl mt-5 font-semibold text-white\">\n                  Launch time\n                </h5>\n                <p className=\"mt-2 mb-4 text-blueGray-400\">\n                  Some quick example text to build on the card title and make up\n                  the bulk of the card's content.\n                </p>\n              </div>\n            </div>\n          </div>\n        </section>\n        <section className=\"relative block py-24 lg:pt-0 bg-blueGray-800\">\n          <div className=\"container mx-auto px-4\">\n            <div className=\"flex flex-wrap justify-center lg:-mt-64 -mt-48\">\n              <div className=\"w-full lg:w-6/12 px-4\">\n                <div className=\"relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded-lg bg-blueGray-200\">\n                  <div className=\"flex-auto p-5 lg:p-10\">\n                    <h4 className=\"text-2xl font-semibold\">\n                      Want to work with us?\n                    </h4>\n                    <p className=\"leading-relaxed mt-1 mb-4 text-blueGray-500\">\n                      Complete this form and we will get back to you in 24\n                      hours.\n                    </p>\n                    <div className=\"relative w-full mb-3 mt-8\">\n                      <label\n                        className=\"block uppercase text-blueGray-600 text-xs font-bold mb-2\"\n                        htmlFor=\"full-name\"\n                      >\n                        Full Name\n                      </label>\n                      <input\n                        type=\"text\"\n                        className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                        placeholder=\"Full Name\"\n                      />\n                    </div>\n\n                    <div className=\"relative w-full mb-3\">\n                      <label\n                        className=\"block uppercase text-blueGray-600 text-xs font-bold mb-2\"\n                        htmlFor=\"email\"\n                      >\n                        Email\n                      </label>\n                      <input\n                        type=\"email\"\n                        className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                        placeholder=\"Email\"\n                      />\n                    </div>\n\n                    <div className=\"relative w-full mb-3\">\n                      <label\n                        className=\"block uppercase text-blueGray-600 text-xs font-bold mb-2\"\n                        htmlFor=\"message\"\n                      >\n                        Message\n                      </label>\n                      <textarea\n                        rows=\"4\"\n                        cols=\"80\"\n                        className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full\"\n                        placeholder=\"Type a message...\"\n                      />\n                    </div>\n                    <div className=\"text-center mt-6\">\n                      <button\n                        className=\"bg-blueGray-800 text-white active:bg-blueGray-600 text-sm font-bold uppercase px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1 ease-linear transition-all duration-150\"\n                        type=\"button\"\n                      >\n                        Send Message\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </section>\n      </main>\n      <Footer />\n    </>\n  );\n}\n","import React from \"react\";\n\nimport Navbar from \"components/Navbars/AuthNavbar.js\";\nimport Footer from \"components/Footers/Footer.js\";\n\nexport default function Profile() {\n  return (\n    <>\n      <Navbar transparent />\n      <main className=\"profile-page\">\n        <section className=\"relative block h-500-px\">\n          <div\n            className=\"absolute top-0 w-full h-full bg-center bg-cover\"\n            style={{\n              backgroundImage:\n                \"url('https://images.unsplash.com/photo-1499336315816-097655dcfbda?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2710&q=80')\",\n            }}\n          >\n            <span\n              id=\"blackOverlay\"\n              className=\"w-full h-full absolute opacity-50 bg-black\"\n            ></span>\n          </div>\n          <div\n            className=\"top-auto bottom-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden h-70-px\"\n            style={{ transform: \"translateZ(0)\" }}\n          >\n            <svg\n              className=\"absolute bottom-0 overflow-hidden\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              preserveAspectRatio=\"none\"\n              version=\"1.1\"\n              viewBox=\"0 0 2560 100\"\n              x=\"0\"\n              y=\"0\"\n            >\n              <polygon\n                className=\"text-blueGray-200 fill-current\"\n                points=\"2560 0 2560 100 0 100\"\n              ></polygon>\n            </svg>\n          </div>\n        </section>\n        <section className=\"relative py-16 bg-blueGray-200\">\n          <div className=\"container mx-auto px-4\">\n            <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-xl rounded-lg -mt-64\">\n              <div className=\"px-6\">\n                <div className=\"flex flex-wrap justify-center\">\n                  <div className=\"w-full lg:w-3/12 px-4 lg:order-2 flex justify-center\">\n                    <div className=\"relative\">\n                      <img\n                        alt=\"...\"\n                        src={require(\"assets/img/team-2-800x800.jpg\").default}\n                        className=\"shadow-xl rounded-full h-auto align-middle border-none absolute -m-16 -ml-20 lg:-ml-16 max-w-150-px\"\n                      />\n                    </div>\n                  </div>\n                  <div className=\"w-full lg:w-4/12 px-4 lg:order-3 lg:text-right lg:self-center\">\n                    <div className=\"py-6 px-3 mt-32 sm:mt-0\">\n                      <button\n                        className=\"bg-lightBlue-500 active:bg-lightBlue-600 uppercase text-white font-bold hover:shadow-md shadow text-xs px-4 py-2 rounded outline-none focus:outline-none sm:mr-2 mb-1 ease-linear transition-all duration-150\"\n                        type=\"button\"\n                      >\n                        Connect\n                      </button>\n                    </div>\n                  </div>\n                  <div className=\"w-full lg:w-4/12 px-4 lg:order-1\">\n                    <div className=\"flex justify-center py-4 lg:pt-4 pt-8\">\n                      <div className=\"mr-4 p-3 text-center\">\n                        <span className=\"text-xl font-bold block uppercase tracking-wide text-blueGray-600\">\n                          22\n                        </span>\n                        <span className=\"text-sm text-blueGray-400\">\n                          Friends\n                        </span>\n                      </div>\n                      <div className=\"mr-4 p-3 text-center\">\n                        <span className=\"text-xl font-bold block uppercase tracking-wide text-blueGray-600\">\n                          10\n                        </span>\n                        <span className=\"text-sm text-blueGray-400\">\n                          Photos\n                        </span>\n                      </div>\n                      <div className=\"lg:mr-4 p-3 text-center\">\n                        <span className=\"text-xl font-bold block uppercase tracking-wide text-blueGray-600\">\n                          89\n                        </span>\n                        <span className=\"text-sm text-blueGray-400\">\n                          Comments\n                        </span>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"text-center mt-12\">\n                  <h3 className=\"text-4xl font-semibold leading-normal mb-2 text-blueGray-700 mb-2\">\n                    Jenna Stones\n                  </h3>\n                  <div className=\"text-sm leading-normal mt-0 mb-2 text-blueGray-400 font-bold uppercase\">\n                    <i className=\"fas fa-map-marker-alt mr-2 text-lg text-blueGray-400\"></i>{\" \"}\n                    Los Angeles, California\n                  </div>\n                  <div className=\"mb-2 text-blueGray-600 mt-10\">\n                    <i className=\"fas fa-briefcase mr-2 text-lg text-blueGray-400\"></i>\n                    Solution Manager - Creative Tim Officer\n                  </div>\n                  <div className=\"mb-2 text-blueGray-600\">\n                    <i className=\"fas fa-university mr-2 text-lg text-blueGray-400\"></i>\n                    University of Computer Science\n                  </div>\n                </div>\n                <div className=\"mt-10 py-10 border-t border-blueGray-200 text-center\">\n                  <div className=\"flex flex-wrap justify-center\">\n                    <div className=\"w-full lg:w-9/12 px-4\">\n                      <p className=\"mb-4 text-lg leading-relaxed text-blueGray-700\">\n                        An artist of considerable range, Jenna the name taken by\n                        Melbourne-raised, Brooklyn-based Nick Murphy writes,\n                        performs and records all of his own music, giving it a\n                        warm, intimate feel with a solid groove structure. An\n                        artist of considerable range.\n                      </p>\n                      <a\n                        href=\"#pablo\"\n                        className=\"font-normal text-lightBlue-500\"\n                        onClick={(e) => e.preventDefault()}\n                      >\n                        Show more\n                      </a>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </section>\n      </main>\n      <Footer />\n    </>\n  );\n}\n","/*eslint-disable*/\nimport React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport IndexNavbar from \"components/Navbars/IndexNavbar.js\";\nimport Footer from \"components/Footers/Footer.js\";\nimport Slider from \"./Slider\";\n\nexport default function Index() {\n  return (\n\n    <>\n\n    <Slider/>\n      {/* <IndexNavbar fixed />\n      <section className=\"header relative pt-16 items-center flex h-screen max-h-860-px\">\n        <div className=\"container mx-auto items-center flex flex-wrap\">\n          <div className=\"w-full md:w-8/12 lg:w-6/12 xl:w-6/12 px-4\">\n            <div className=\"pt-32 sm:pt-0\">\n              <h2 className=\"font-semibold text-4xl text-blueGray-600\">\n                Notus React - A beautiful extension for Tailwind CSS.\n              </h2>\n              <p className=\"mt-4 text-lg leading-relaxed text-blueGray-500\">\n                Notus React is Free and Open Source. It does not change any of\n                the CSS from{\" \"}\n                <a\n                  href=\"https://tailwindcss.com/?ref=creativetim\"\n                  className=\"text-blueGray-600\"\n                  target=\"_blank\"\n                >\n                  Tailwind CSS\n                </a>\n                . It features multiple HTML elements and it comes with dynamic\n                components for ReactJS, Vue and Angular.\n              </p>\n              <div className=\"mt-12\">\n                <a\n                  href=\"https://www.creative-tim.com/learning-lab/tailwind/react/overview/notus?ref=nr-index\"\n                  target=\"_blank\"\n                  className=\"get-started text-white font-bold px-6 py-4 rounded outline-none focus:outline-none mr-1 mb-1 bg-lightBlue-500 active:bg-lightBlue-600 uppercase text-sm shadow hover:shadow-lg ease-linear transition-all duration-150\"\n                >\n                  Get started\n                </a>\n                <a\n                  href=\"https://github.com/creativetimofficial/notus-react?ref=nr-index\"\n                  className=\"github-star ml-1 text-white font-bold px-6 py-4 rounded outline-none focus:outline-none mr-1 mb-1 bg-blueGray-700 active:bg-blueGray-600 uppercase text-sm shadow hover:shadow-lg ease-linear transition-all duration-150\"\n                  target=\"_blank\"\n                >\n                  Github Star\n                </a>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <img\n          className=\"absolute top-0 b-auto right-0 pt-16 sm:w-6/12 -mt-48 sm:mt-0 w-10/12 max-h-860px\"\n          src={require(\"assets/img/pattern_react.png\").default}\n          alt=\"...\"\n        />\n      </section>\n\n      <section className=\"mt-48 md:mt-40 pb-40 relative bg-blueGray-100\">\n        <div\n          className=\"-mt-20 top-0 bottom-auto left-0 right-0 w-full absolute h-20\"\n          style={{ transform: \"translateZ(0)\" }}\n        >\n          <svg\n            className=\"absolute bottom-0 overflow-hidden\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            preserveAspectRatio=\"none\"\n            version=\"1.1\"\n            viewBox=\"0 0 2560 100\"\n            x=\"0\"\n            y=\"0\"\n          >\n            <polygon\n              className=\"text-blueGray-100 fill-current\"\n              points=\"2560 0 2560 100 0 100\"\n            ></polygon>\n          </svg>\n        </div>\n        <div className=\"container mx-auto\">\n          <div className=\"flex flex-wrap items-center\">\n            <div className=\"w-10/12 md:w-6/12 lg:w-4/12 px-12 md:px-4 mr-auto ml-auto -mt-32\">\n              <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded-lg bg-lightBlue-500\">\n                <img\n                  alt=\"...\"\n                  src=\"https://images.unsplash.com/photo-1498050108023-c5249f4df085?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=700&q=80\"\n                  className=\"w-full align-middle rounded-t-lg\"\n                />\n                <blockquote className=\"relative p-8 mb-4\">\n                  <svg\n                    preserveAspectRatio=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    viewBox=\"0 0 583 95\"\n                    className=\"absolute left-0 w-full block h-95-px -top-94-px\"\n                  >\n                    <polygon\n                      points=\"-30,95 583,95 583,65\"\n                      className=\"text-lightBlue-500 fill-current\"\n                    ></polygon>\n                  </svg>\n                  <h4 className=\"text-xl font-bold text-white\">\n                    Great for your awesome project\n                  </h4>\n                  <p className=\"text-md font-light mt-2 text-white\">\n                    Putting together a page has never been easier than matching\n                    together pre-made components. From landing pages\n                    presentation to login areas, you can easily customise and\n                    built your pages.\n                  </p>\n                </blockquote>\n              </div>\n            </div>\n\n            <div className=\"w-full md:w-6/12 px-4\">\n              <div className=\"flex flex-wrap\">\n                <div className=\"w-full md:w-6/12 px-4\">\n                  <div className=\"relative flex flex-col mt-4\">\n                    <div className=\"px-4 py-5 flex-auto\">\n                      <div className=\"text-blueGray-500 p-3 text-center inline-flex items-center justify-center w-12 h-12 mb-5 shadow-lg rounded-full bg-white\">\n                        <i className=\"fas fa-sitemap\"></i>\n                      </div>\n                      <h6 className=\"text-xl mb-1 font-semibold\">\n                        CSS Components\n                      </h6>\n                      <p className=\"mb-4 text-blueGray-500\">\n                        Notus React comes with a huge number of Fully Coded CSS\n                        components.\n                      </p>\n                    </div>\n                  </div>\n                  <div className=\"relative flex flex-col min-w-0\">\n                    <div className=\"px-4 py-5 flex-auto\">\n                      <div className=\"text-blueGray-500 p-3 text-center inline-flex items-center justify-center w-12 h-12 mb-5 shadow-lg rounded-full bg-white\">\n                        <i className=\"fas fa-drafting-compass\"></i>\n                      </div>\n                      <h6 className=\"text-xl mb-1 font-semibold\">\n                        JavaScript Components\n                      </h6>\n                      <p className=\"mb-4 text-blueGray-500\">\n                        We also feature many dynamic components for React,\n                        NextJS, Vue and Angular.\n                      </p>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"w-full md:w-6/12 px-4\">\n                  <div className=\"relative flex flex-col min-w-0 mt-4\">\n                    <div className=\"px-4 py-5 flex-auto\">\n                      <div className=\"text-blueGray-500 p-3 text-center inline-flex items-center justify-center w-12 h-12 mb-5 shadow-lg rounded-full bg-white\">\n                        <i className=\"fas fa-newspaper\"></i>\n                      </div>\n                      <h6 className=\"text-xl mb-1 font-semibold\">Pages</h6>\n                      <p className=\"mb-4 text-blueGray-500\">\n                        This extension also comes with 3 sample pages. They are\n                        fully coded so you can start working instantly.\n                      </p>\n                    </div>\n                  </div>\n                  <div className=\"relative flex flex-col min-w-0\">\n                    <div className=\"px-4 py-5 flex-auto\">\n                      <div className=\"text-blueGray-500 p-3 text-center inline-flex items-center justify-center w-12 h-12 mb-5 shadow-lg rounded-full bg-white\">\n                        <i className=\"fas fa-file-alt\"></i>\n                      </div>\n                      <h6 className=\"text-xl mb-1 font-semibold\">\n                        Documentation\n                      </h6>\n                      <p className=\"mb-4 text-blueGray-500\">\n                        Built by developers for developers. You will love how\n                        easy is to to work with Notus React.\n                      </p>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"container mx-auto overflow-hidden pb-20\">\n          <div className=\"flex flex-wrap items-center\">\n            <div className=\"w-full md:w-4/12 px-12 md:px-4 ml-auto mr-auto mt-48\">\n              <div className=\"text-blueGray-500 p-3 text-center inline-flex items-center justify-center w-16 h-16 mb-6 shadow-lg rounded-full bg-white\">\n                <i className=\"fas fa-sitemap text-xl\"></i>\n              </div>\n              <h3 className=\"text-3xl mb-2 font-semibold leading-normal\">\n                CSS Components\n              </h3>\n              <p className=\"text-lg font-light leading-relaxed mt-4 mb-4 text-blueGray-600\">\n                Every element that you need in a product comes built in as a\n                component. All components fit perfectly with each other and can\n                have different colours.\n              </p>\n              <div className=\"block pb-6\">\n                <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blueGray-500 bg-white uppercase last:mr-0 mr-2 mt-2\">\n                  Buttons\n                </span>\n                <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blueGray-500 bg-white uppercase last:mr-0 mr-2 mt-2\">\n                  Inputs\n                </span>\n                <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blueGray-500 bg-white uppercase last:mr-0 mr-2 mt-2\">\n                  Labels\n                </span>\n                <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blueGray-500 bg-white uppercase last:mr-0 mr-2 mt-2\">\n                  Menus\n                </span>\n                <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blueGray-500 bg-white uppercase last:mr-0 mr-2 mt-2\">\n                  Navbars\n                </span>\n                <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blueGray-500 bg-white uppercase last:mr-0 mr-2 mt-2\">\n                  Pagination\n                </span>\n                <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blueGray-500 bg-white uppercase last:mr-0 mr-2 mt-2\">\n                  Progressbars\n                </span>\n                <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blueGray-500 bg-white uppercase last:mr-0 mr-2 mt-2\">\n                  Typography\n                </span>\n              </div>\n              <a\n                href=\"https://www.creative-tim.com/learning-lab/tailwind/react/alerts/notus?ref=nr-index\"\n                target=\"_blank\"\n                className=\"font-bold text-blueGray-700 hover:text-blueGray-500 ease-linear transition-all duration-150\"\n              >\n                View All{\" \"}\n                <i className=\"fa fa-angle-double-right ml-1 leading-relaxed\"></i>\n              </a>\n            </div>\n\n            <div className=\"w-full md:w-5/12 px-4 mr-auto ml-auto mt-32\">\n              <div className=\"relative flex flex-col min-w-0 w-full mb-6 mt-48 md:mt-0\">\n                <img\n                  alt=\"...\"\n                  src={require(\"assets/img/component-btn.png\").default}\n                  className=\"w-full align-middle rounded absolute shadow-lg max-w-100-px z-3 left-145-px -top-29-px\"\n                />\n                <img\n                  alt=\"...\"\n                  src={require(\"assets/img/component-profile-card.png\").default}\n                  className=\"w-full align-middle rounded-lg absolute shadow-lg -top-160-px left-260-px max-w-210-px\"\n                />\n                <img\n                  alt=\"...\"\n                  src={require(\"assets/img/component-info-card.png\").default}\n                  className=\"w-full align-middle rounded-lg absolute shadow-lg max-w-180-px -top-225-px left-40-px z-2\"\n                />\n                <img\n                  alt=\"...\"\n                  src={require(\"assets/img/component-info-2.png\").default}\n                  className=\"w-full align-middle rounded-lg absolute shadow-2xl max-w-200-px -left-50-px top-25-px\"\n                />\n                <img\n                  alt=\"...\"\n                  src={require(\"assets/img/component-menu.png\").default}\n                  className=\"w-full align-middle rounded absolute shadow-lg max-w-580-px -left-20-px top-210-px\"\n                />\n                <img\n                  alt=\"...\"\n                  src={require(\"assets/img/component-btn-pink.png\").default}\n                  className=\"w-full align-middle rounded absolute shadow-xl max-w-120-px left-195-px top-95-px\"\n                />\n              </div>\n            </div>\n          </div>\n\n          <div className=\"flex flex-wrap items-center pt-32\">\n            <div className=\"w-full md:w-6/12 px-4 mr-auto ml-auto mt-32\">\n              <div className=\"justify-center flex flex-wrap relative\">\n                <div className=\"my-4 w-full lg:w-6/12 px-4\">\n                  <a\n                    href=\"https://www.creative-tim.com/learning-lab/tailwind/svelte/alerts/notus?ref=vtw-index\"\n                    target=\"_blank\"\n                  >\n                    <div className=\"bg-red-600 shadow-lg rounded-lg text-center p-8\">\n                      <img\n                        alt=\"...\"\n                        className=\"shadow-md rounded-full max-w-full w-16 mx-auto p-2 bg-white\"\n                        src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/svelte.jpg\"\n                      />\n                      <p className=\"text-lg text-white mt-4 font-semibold\">\n                        Svelte\n                      </p>\n                    </div>\n                  </a>\n                  <a\n                    href=\"https://www.creative-tim.com/learning-lab/tailwind/react/alerts/notus?ref=vtw-index\"\n                    target=\"_blank\"\n                  >\n                    <div className=\"bg-lightBlue-500 shadow-lg rounded-lg text-center p-8 mt-8\">\n                      <img\n                        alt=\"...\"\n                        className=\"shadow-md rounded-full max-w-full w-16 mx-auto p-2 bg-white\"\n                        src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/react.jpg\"\n                      />\n                      <p className=\"text-lg text-white mt-4 font-semibold\">\n                        ReactJS\n                      </p>\n                    </div>\n                  </a>\n                  <a\n                    href=\"https://www.creative-tim.com/learning-lab/tailwind/nextjs/alerts/notus?ref=vtw-index\"\n                    target=\"_blank\"\n                  >\n                    <div className=\"bg-blueGray-700 shadow-lg rounded-lg text-center p-8 mt-8\">\n                      <img\n                        alt=\"...\"\n                        className=\"shadow-md rounded-full max-w-full w-16 mx-auto p-2 bg-white\"\n                        src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/nextjs.jpg\"\n                      />\n                      <p className=\"text-lg text-white mt-4 font-semibold\">\n                        NextJS\n                      </p>\n                    </div>\n                  </a>\n                </div>\n                <div className=\"my-4 w-full lg:w-6/12 px-4 lg:mt-16\">\n                  <a\n                    href=\"https://www.creative-tim.com/learning-lab/tailwind/js/alerts/notus?ref=vtw-index\"\n                    target=\"_blank\"\n                  >\n                    <div className=\"bg-yellow-500 shadow-lg rounded-lg text-center p-8\">\n                      <img\n                        alt=\"...\"\n                        className=\"shadow-md rounded-full max-w-full w-16 mx-auto p-2 bg-white\"\n                        src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/js.png\"\n                      />\n                      <p className=\"text-lg text-white mt-4 font-semibold\">\n                        JavaScript\n                      </p>\n                    </div>\n                  </a>\n                  <a\n                    href=\"https://www.creative-tim.com/learning-lab/tailwind/angular/alerts/notus?ref=vtw-index\"\n                    target=\"_blank\"\n                  >\n                    <div className=\"bg-red-700 shadow-lg rounded-lg text-center p-8 mt-8\">\n                      <img\n                        alt=\"...\"\n                        className=\"shadow-md rounded-full max-w-full w-16 mx-auto p-2 bg-white\"\n                        src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/angular.jpg\"\n                      />\n                      <p className=\"text-lg text-white mt-4 font-semibold\">\n                        Angular\n                      </p>\n                    </div>\n                  </a>\n                  <a\n                    href=\"https://www.creative-tim.com/learning-lab/tailwind/vue/alerts/notus?ref=vtw-index\"\n                    target=\"_blank\"\n                  >\n                    <div className=\"bg-emerald-500 shadow-lg rounded-lg text-center p-8 mt-8\">\n                      <img\n                        alt=\"...\"\n                        className=\"shadow-md rounded-full max-w-full w-16 mx-auto p-2 bg-white\"\n                        src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/vue.jpg\"\n                      />\n                      <p className=\"text-lg text-white mt-4 font-semibold\">\n                        Vue.js\n                      </p>\n                    </div>\n                  </a>\n                </div>\n              </div>\n            </div>\n\n            <div className=\"w-full md:w-4/12 px-12 md:px-4 ml-auto mr-auto mt-48\">\n              <div className=\"text-blueGray-500 p-3 text-center inline-flex items-center justify-center w-16 h-16 mb-6 shadow-lg rounded-full bg-white\">\n                <i className=\"fas fa-drafting-compass text-xl\"></i>\n              </div>\n              <h3 className=\"text-3xl mb-2 font-semibold leading-normal\">\n                Javascript Components\n              </h3>\n              <p className=\"text-lg font-light leading-relaxed mt-4 mb-4 text-blueGray-600\">\n                In order to create a great User Experience some components\n                require JavaScript. In this way you can manipulate the elements\n                on the page and give more options to your users.\n              </p>\n              <p className=\"text-lg font-light leading-relaxed mt-4 mb-4 text-blueGray-600\">\n                We created a set of Components that are dynamic and come to help\n                you.\n              </p>\n              <div className=\"block pb-6\">\n                <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blueGray-500 bg-white uppercase last:mr-0 mr-2 mt-2\">\n                  Alerts\n                </span>\n                <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blueGray-500 bg-white uppercase last:mr-0 mr-2 mt-2\">\n                  Dropdowns\n                </span>\n                <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blueGray-500 bg-white uppercase last:mr-0 mr-2 mt-2\">\n                  Menus\n                </span>\n                <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blueGray-500 bg-white uppercase last:mr-0 mr-2 mt-2\">\n                  Modals\n                </span>\n                <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blueGray-500 bg-white uppercase last:mr-0 mr-2 mt-2\">\n                  Navbars\n                </span>\n                <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blueGray-500 bg-white uppercase last:mr-0 mr-2 mt-2\">\n                  Popovers\n                </span>\n                <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blueGray-500 bg-white uppercase last:mr-0 mr-2 mt-2\">\n                  Tabs\n                </span>\n                <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blueGray-500 bg-white uppercase last:mr-0 mr-2 mt-2\">\n                  Tooltips\n                </span>\n              </div>\n              <a\n                href=\"https://www.creative-tim.com/learning-lab/tailwind/react/alerts/notus?ref=nr-index\"\n                target=\"_blank\"\n                className=\"font-bold text-blueGray-700 hover:text-blueGray-500 ease-linear transition-all duration-150\"\n              >\n                View all{\" \"}\n                <i className=\"fa fa-angle-double-right ml-1 leading-relaxed\"></i>\n              </a>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"container mx-auto px-4 pb-32 pt-48\">\n          <div className=\"items-center flex flex-wrap\">\n            <div className=\"w-full md:w-5/12 ml-auto px-12 md:px-4\">\n              <div className=\"md:pr-12\">\n                <div className=\"text-blueGray-500 p-3 text-center inline-flex items-center justify-center w-16 h-16 mb-6 shadow-lg rounded-full bg-white\">\n                  <i className=\"fas fa-file-alt text-xl\"></i>\n                </div>\n                <h3 className=\"text-3xl font-semibold\">\n                  Complex Documentation\n                </h3>\n                <p className=\"mt-4 text-lg leading-relaxed text-blueGray-500\">\n                  This extension comes a lot of fully coded examples that help\n                  you get started faster. You can adjust the colors and also the\n                  programming language. You can change the text and images and\n                  you're good to go.\n                </p>\n                <ul className=\"list-none mt-6\">\n                  <li className=\"py-2\">\n                    <div className=\"flex items-center\">\n                      <div>\n                        <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blueGray-500 bg-blueGray-50 mr-3\">\n                          <i className=\"fas fa-fingerprint\"></i>\n                        </span>\n                      </div>\n                      <div>\n                        <h4 className=\"text-blueGray-500\">\n                          Built by Developers for Developers\n                        </h4>\n                      </div>\n                    </div>\n                  </li>\n                  <li className=\"py-2\">\n                    <div className=\"flex items-center\">\n                      <div>\n                        <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blueGray-500 bg-blueGray-50 mr-3\">\n                          <i className=\"fab fa-html5\"></i>\n                        </span>\n                      </div>\n                      <div>\n                        <h4 className=\"text-blueGray-500\">\n                          Carefully crafted code for Components\n                        </h4>\n                      </div>\n                    </div>\n                  </li>\n                  <li className=\"py-2\">\n                    <div className=\"flex items-center\">\n                      <div>\n                        <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blueGray-500 bg-blueGray-50 mr-3\">\n                          <i className=\"far fa-paper-plane\"></i>\n                        </span>\n                      </div>\n                      <div>\n                        <h4 className=\"text-blueGray-500\">\n                          Dynamic Javascript Components\n                        </h4>\n                      </div>\n                    </div>\n                  </li>\n                </ul>\n              </div>\n            </div>\n\n            <div className=\"w-full md:w-6/12 mr-auto px-4 pt-24 md:pt-0\">\n              <img\n                alt=\"...\"\n                className=\"max-w-full rounded-lg shadow-xl\"\n                style={{\n                  transform:\n                    \"scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg)\",\n                }}\n                src={require(\"assets/img/documentation.png\").default}\n              />\n            </div>\n          </div>\n        </div>\n\n        <div className=\"justify-center text-center flex flex-wrap mt-24\">\n          <div className=\"w-full md:w-6/12 px-12 md:px-4\">\n            <h2 className=\"font-semibold text-4xl\">Beautiful Example Pages</h2>\n            <p className=\"text-lg leading-relaxed mt-4 mb-4 text-blueGray-500\">\n              Notus React is a completly new product built using our past\n              experience in web templates. Take the examples we made for you and\n              start playing with them.\n            </p>\n          </div>\n        </div>\n      </section>\n\n      <section className=\"block relative z-1 bg-blueGray-600\">\n        <div className=\"container mx-auto\">\n          <div className=\"justify-center flex flex-wrap\">\n            <div className=\"w-full lg:w-12/12 px-4  -mt-24\">\n              <div className=\"flex flex-wrap\">\n                <div className=\"w-full lg:w-4/12 px-4\">\n                  <h5 className=\"text-xl font-semibold pb-4 text-center\">\n                    Login Page\n                  </h5>\n                  <Link to=\"/auth/login\">\n                    <div className=\"hover:-mt-4 relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded-lg ease-linear transition-all duration-150\">\n                      <img\n                        alt=\"...\"\n                        className=\"align-middle border-none max-w-full h-auto rounded-lg\"\n                        src={require(\"assets/img/login.jpg\").default}\n                      />\n                    </div>\n                  </Link>\n                </div>\n\n                <div className=\"w-full lg:w-4/12 px-4\">\n                  <h5 className=\"text-xl font-semibold pb-4 text-center\">\n                    Profile Page\n                  </h5>\n                  <Link to=\"/profile\">\n                    <div className=\"hover:-mt-4 relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded-lg ease-linear transition-all duration-150\">\n                      <img\n                        alt=\"...\"\n                        className=\"align-middle border-none max-w-full h-auto rounded-lg\"\n                        src={require(\"assets/img/profile.jpg\").default}\n                      />\n                    </div>\n                  </Link>\n                </div>\n\n                <div className=\"w-full lg:w-4/12 px-4\">\n                  <h5 className=\"text-xl font-semibold pb-4 text-center\">\n                    Landing Page\n                  </h5>\n                  <Link to=\"/landing\">\n                    <div className=\"hover:-mt-4 relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded-lg ease-linear transition-all duration-150\">\n                      <img\n                        alt=\"...\"\n                        className=\"align-middle border-none max-w-full h-auto rounded-lg\"\n                        src={require(\"assets/img/landing.jpg\").default}\n                      />\n                    </div>\n                  </Link>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <section className=\"py-20 bg-blueGray-600 overflow-hidden\">\n        <div className=\"container mx-auto pb-64\">\n          <div className=\"flex flex-wrap justify-center\">\n            <div className=\"w-full md:w-5/12 px-12 md:px-4 ml-auto mr-auto md:mt-64\">\n              <div className=\"text-blueGray-500 p-3 text-center inline-flex items-center justify-center w-16 h-16 mb-6 shadow-lg rounded-full bg-white\">\n                <i className=\"fas fa-code-branch text-xl\"></i>\n              </div>\n              <h3 className=\"text-3xl mb-2 font-semibold leading-normal text-white\">\n                Open Source\n              </h3>\n              <p className=\"text-lg font-light leading-relaxed mt-4 mb-4 text-blueGray-400\">\n                Since{\" \"}\n                <a\n                  href=\"https://tailwindcss.com/?ref=creativetim\"\n                  className=\"text-blueGray-300\"\n                  target=\"_blank\"\n                >\n                  Tailwind CSS\n                </a>{\" \"}\n                is an open source project we wanted to continue this movement\n                too. You can give this version a try to feel the design and also\n                test the quality of the code!\n              </p>\n              <p className=\"text-lg font-light leading-relaxed mt-0 mb-4 text-blueGray-400\">\n                Get it free on Github and please help us spread the news with a\n                Star!\n              </p>\n              <a\n                href=\"https://github.com/creativetimofficial/notus-react?ref=nr-index\"\n                target=\"_blank\"\n                className=\"github-star mt-4 inline-block text-white font-bold px-6 py-4 rounded outline-none focus:outline-none mr-1 mb-1 bg-blueGray-700 active:bg-blueGray-600 uppercase text-sm shadow hover:shadow-lg\"\n              >\n                Github Star\n              </a>\n            </div>\n\n            <div className=\"w-full md:w-4/12 px-4 mr-auto ml-auto mt-32 relative\">\n              <i className=\"fab fa-github text-blueGray-700 absolute -top-150-px -right-100 left-auto opacity-80 text-55\"></i>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <section className=\"pb-16 bg-blueGray-200 relative pt-32\">\n        <div\n          className=\"-mt-20 top-0 bottom-auto left-0 right-0 w-full absolute h-20\"\n          style={{ transform: \"translateZ(0)\" }}\n        >\n          <svg\n            className=\"absolute bottom-0 overflow-hidden\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            preserveAspectRatio=\"none\"\n            version=\"1.1\"\n            viewBox=\"0 0 2560 100\"\n            x=\"0\"\n            y=\"0\"\n          >\n            <polygon\n              className=\"text-blueGray-200 fill-current\"\n              points=\"2560 0 2560 100 0 100\"\n            ></polygon>\n          </svg>\n        </div>\n\n        <div className=\"container mx-auto\">\n          <div className=\"flex flex-wrap justify-center bg-white shadow-xl rounded-lg -mt-64 py-16 px-12 relative z-10\">\n            <div className=\"w-full text-center lg:w-8/12\">\n              <p className=\"text-4xl text-center\">\n                <span role=\"img\" aria-label=\"love\">\n                  😍\n                </span>\n              </p>\n              <h3 className=\"font-semibold text-3xl\">\n                Do you love this Starter Kit?\n              </h3>\n              <p className=\"text-blueGray-500 text-lg leading-relaxed mt-4 mb-4\">\n                Cause if you do, it can be yours now. Hit the buttons below to\n                navigate to get the Free version for your next project. Build a\n                new web app or give an old project a new look!\n              </p>\n              <div className=\"sm:block flex flex-col mt-10\">\n                <a\n                  href=\"https://www.creative-tim.com/learning-lab/tailwind/react/overview/notus?ref=nr-index\"\n                  target=\"_blank\"\n                  className=\"get-started text-white font-bold px-6 py-4 rounded outline-none focus:outline-none mr-1 mb-2 bg-lightBlue-500 active:bg-lightBlue-600 uppercase text-sm shadow hover:shadow-lg ease-linear transition-all duration-150\"\n                >\n                  Get started\n                </a>\n                <a\n                  href=\"https://github.com/creativetimofficial/notus-react?ref=nr-index\"\n                  target=\"_blank\"\n                  className=\"github-star sm:ml-1 text-white font-bold px-6 py-4 rounded outline-none focus:outline-none mr-1 mb-1 bg-blueGray-700 active:bg-blueGray-600 uppercase text-sm shadow hover:shadow-lg\"\n                >\n                  <i className=\"fab fa-github text-lg mr-1\"></i>\n                  <span>Help With a Star</span>\n                </a>\n              </div>\n              <div className=\"text-center mt-16\"></div>\n            </div>\n          </div>\n        </div>\n      </section>\n      <Footer /> */}\n    </>\n  );\n}\n","/*eslint-disable*/\r\nimport React, { useState, useEffect, useRef, useMemo } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport emailjs from '@emailjs/browser';\r\nimport IndexNavbarr from \"components/Navbars/IndexNavbarr.js\";\r\nimport Footer from \"components/Footers/Footer.js\";\r\nimport $ from \"jquery\";\r\nimport countryList from 'react-select-country-list'\r\nimport { isValidPhoneNumber } from 'libphonenumber-js';\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport 'react-toastify/dist/ReactToastify.css';\r\nimport homebanner from \"assets/img/homebanner.webp\";\r\nimport realestatesolutions from \"assets/img/imagess/realestatesolutions.webp\";\r\nimport VRtour from \"assets/img/imagess/VRtour.webp\";\r\nimport drendering from \"assets/img/imagess/drendering.webp\";\r\nimport masterplan from \"assets/img/imagess/masterplan.webp\"; \r\nimport brouchure from \"assets/img/brouchure.png\"; \r\nimport VideoPlayer from \"./VideoPlayer\";\r\n\r\n\r\nimport logo1 from \"assets/img/imagess/logo1.webp\";\r\nimport logo2 from \"assets/img/imagess/logo2.webp\";\r\nimport logo3 from \"assets/img/imagess/logo3.webp\";\r\nimport logo4 from \"assets/img/imagess/logo4.webp\";\r\nimport logo5 from \"assets/img/imagess/logo5.webp\";\r\nimport logo6 from \"assets/img/imagess/logo6.webp\";\r\nimport logo7 from \"assets/img/imagess/logo7.webp\";\r\n\r\n\r\n\r\n\r\n\r\nexport default function Home() {\r\n\r\n    const [isPlaying, setIsPlaying] = useState(false);\r\n\r\n    const handlePlay = () => {\r\n        setIsPlaying(true);\r\n        // Open the link when the play button is clicked\r\n        window.open('/villa/Villa.html', '_blank');\r\n    };\r\n\r\n\r\n    const [firstName, setFirstName] = useState('');\r\n    const [lastName, setLastName] = useState('');\r\n    const [email, setEmail] = useState('');\r\n    const [tel, setTel] = useState('');\r\n    const [message, setMessage] = useState('');\r\n    const [country, setCountry] = useState('');\r\n\r\n    const [nameError, setNameError] = useState(false);\r\n    const [nameeError, setNameeError] = useState(false);\r\n    const [emailError, setEmailError] = useState(false);\r\n    const [emailregexError, setEmailRegexError] = useState(false);\r\n    const [telError, setTelError] = useState(false);\r\n    const [telregexError, setTelRegexError] = useState(false);\r\n    const [messageError, setMessageError] = useState(false);\r\n    const [countryError, setCountryError] = useState(false);\r\n\r\n    const countryOptions = useMemo(() => countryList().getData(), []);\r\n\r\n    const handleSubmit = (e) => {\r\n        e.preventDefault();\r\n\r\n        setNameError(firstName.length === 0);\r\n        setNameeError(lastName.length === 0);\r\n        setEmailError(email.length === 0);\r\n        setTelError(tel.length === 0);\r\n        setMessageError(message.length === 0);\r\n        setCountryError(country.length === 0);\r\n\r\n        if (email.length > 0 && !(/^[a-zA-Z0-9]+@[a-zA-Z0-9]+\\.[A-Za-z]+$/.test(email))) {\r\n            setEmailRegexError(true);\r\n        } else {\r\n            setEmailRegexError(false);\r\n        }\r\n\r\n        if (tel.length > 0 && !(/^(?:\\+?\\d{1,3})?0?\\d{7,12}$/.test(tel))) {\r\n            setTelRegexError(true);\r\n        } else {\r\n            setTelRegexError(false);\r\n        }\r\n\r\n        if (firstName && lastName && email && tel && message && country && !emailregexError && !telregexError) {\r\n            console.log(\"First Name: \", firstName);\r\n            console.log(\"Last Name: \", lastName);\r\n            console.log(\"Email: \", email);\r\n            console.log(\"Tel: \", tel);\r\n            console.log(\"Message: \", message);\r\n            console.log(\"Country: \", country);\r\n\r\n            emailjs.sendForm('service_pkgyfs7', 'template_9ukwsqi', e.target, '076KSZ_e1qDX1KE1V')\r\n                .then((result) => {\r\n                    console.log(result.text);\r\n                }, (error) => {\r\n                    console.log(error.text);\r\n                });\r\n\r\n                toast.success(\"Form Submitted Successfully! Thank you for reaching out to us!\", {\r\n                    position: toast.POSITION.CENTER_CENTER,\r\n                    autoClose: 3000, // Automatically close after 3 seconds\r\n                    hideProgressBar: false, // Show progress bar\r\n                    closeOnClick: false, // Don't close on click\r\n                    pauseOnHover: false, // Don't pause on hover\r\n                    draggable: false, // Disable dragging\r\n                    progress: undefined, // Use the default progress bar\r\n                    bodyClassName: \"toast-success\" // Custom class for toast body\r\n                });\r\n\r\n            setFirstName('');\r\n            setLastName('');\r\n            setEmail('');\r\n            setTel('');\r\n            setMessage('');\r\n            setCountry('');\r\n\r\n            // Reset the form\r\n            e.target.reset();\r\n        }\r\n    };\r\n\r\n\r\n    jQuery(function ($) {\r\n\r\n        // Function which adds the 'animated' class to any '.animatable' in view\r\n        var doAnimations = function () {\r\n\r\n            // Calc current offset and get all animatables\r\n            var offset = $(window).scrollTop() + $(window).height(),\r\n                $animatables = $('.animatable');\r\n\r\n            // Unbind scroll handler if we have no animatables\r\n            if ($animatables.length == 0) {\r\n                $(window).off('scroll', doAnimations);\r\n            }\r\n\r\n            // Check all animatables and animate them if necessary\r\n            $animatables.each(function (i) {\r\n                var $animatable = $(this);\r\n                if (($animatable.offset().top + $animatable.height() - 20) < offset) {\r\n                    $animatable.removeClass('animatable').addClass('animated');\r\n                }\r\n            });\r\n\r\n        };\r\n\r\n        // Hook doAnimations on scroll, and trigger a scroll\r\n        $(window).on('scroll', doAnimations);\r\n        $(window).trigger('scroll');\r\n\r\n    });\r\n\r\n\r\n    return (\r\n        <>\r\n            <IndexNavbarr fixed />\r\n            <section className=\"w-full\" style={{\r\n                backgroundImage: `url(${homebanner})`, backgroundPosition: \"center\", backgroundRepeat: \"no-repeat\",\r\n                backgroundSize: 'cover'\r\n            }}>\r\n                <div className=\"container xl:px-0 lg:px-10 mx-auto items-center xl:py-32 py-24\" >\r\n                    <div className='w-full xl:py-32'>\r\n                        <div className='flex flex-wrap xl:py-12'>\r\n\r\n                            <div className='xl:w-8/12  xl:mb-12'>\r\n                                <h2 className='block animatable bounceInRight xl:text-6xl lg:text-3xl text-2xl pl-3 uppercase text-left fontfamily font-semibold' style={{ color: '#DE0A26' }}>\r\n                                    3D <span className='text-white'>Visualisation</span>\r\n                                </h2>\r\n                            </div>\r\n                            <div className='xl:w-2/12'></div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n\r\n            {/* <section className=\"container mx-auto mt-6\">\r\n                <div className=\"flex flex-wrap w-full\">\r\n                    <div className=\"xl:w-6/12\">\r\n                        <h3 className=\"text-black xl:text-7xl fontfamily font-medium   uppercase\">\r\n                            FRANKLIN<br></br>\r\n                            GARDENS\r\n                        </h3>\r\n                        <p className=\"text-black xl:text-xl mt-2 fontfamily font-light underline pl-4\">\r\n                            View More\r\n                        </p>\r\n                        <img src=\"https://i.ibb.co/XWPDg00/arrow.png\" className=\" align-left w-20 h-32\" alt=\"\" />\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n\r\n            <section className=\"container mx-auto mt-6\">\r\n                <div className=\"flex flex-wrap w-full items-end\">\r\n                    <div className=\"xl:w-6/12\">\r\n                        <h3 className=\"slide-right text-black xl:text-7xl fontfamily font-medium   uppercase\">\r\n                            RESIDENTIAL <br></br>GREEN<br></br>\r\n                            BUILDING\r\n                        </h3>\r\n                        <p className=\"slide-right text-black xl:text-xl mt-2 fontfamily font-light underline pl-4\">\r\n                            View More\r\n                        </p>\r\n                        <img src=\"https://i.ibb.co/XWPDg00/arrow.png\" className=\" align-left w-20 h-32\" alt=\"\" />\r\n                    </div>\r\n                    <div className=\"xl:w-6/12\">\r\n                        <img src=\"https://i.ibb.co/JtCryTq/archywave2.jpg\" alt=\"\" className=\"slide-left\" />\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n            <section className=\"container mx-auto mt-32\">\r\n                <div className=\"w-full\">\r\n                    <div className=\"xl:w-12/12\">\r\n                        <img src=\"https://i.ibb.co/g9sVScZ/archywave1.png\" alt=\"\" className=\" w-full h-80\" />\r\n                    </div>\r\n                    <div className=\"xl:w-12/12 mt-8\">\r\n                        <h3 className=\"text-black xl:text-7xl fontfamily font-medium   uppercase\">\r\n                            GREEN-WATER<br></br>\r\n                            OPEN AIR THEATRE\r\n                        </h3>\r\n                        <p className=\"text-black xl:text-xl mt-2 fontfamily font-light underline pl-4\">\r\n                            View More\r\n                        </p>\r\n                        <img src=\"https://i.ibb.co/XWPDg00/arrow.png\" className=\" align-left w-20 h-32\" alt=\"\" />\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n            <section className=\"container mx-auto mt-2 xl:mb-32\">\r\n                <div className=\"flex flex-wrap w-full items-end\">\r\n                    <div className=\"xl:w-6/12\">\r\n                        <h3 className=\"slide-right text-black xl:text-7xl fontfamily font-medium   uppercase\">\r\n                            NY ART <br></br>MUSEUM<br></br>\r\n                            BRIDGE\r\n                        </h3>\r\n                        <p className=\"slide-right text-black xl:text-xl mt-2 fontfamily font-light underline pl-4\">\r\n                            View More\r\n                        </p>\r\n                        <img src=\"https://i.ibb.co/XWPDg00/arrow.png\" className=\"align-left w-20 h-32\" alt=\"\" />\r\n                    </div>\r\n                    <div className=\"xl:w-6/12\">\r\n                        <img src=\"https://i.ibb.co/c20tvf9/archywave4.jpg\" alt=\"\" className=\"slide-left h-80\" />\r\n                    </div>\r\n                </div>\r\n            </section> */}\r\n\r\n\r\n\r\n\r\n\r\n\r\n            <section className=\"container mx-auto xl:mt-12 mt-6 xl:px-12 px-4\">\r\n                <div className=\"w-full \">\r\n                    <div className=\"flex flex-wrap flex-col-reverse xl:flex-col-reverse lg:flex-col-reverse\">\r\n                        <div className=\"xl:w-6/12 lg:w-6/12 block animatable bounceInLeft xl:mt-0 mt-6\">\r\n                            <img src={realestatesolutions} alt=\"\" className=\" rounded-lg slide-right \"></img>\r\n                        </div>\r\n                        <div className=\"xl:w-6/12 lg:w-6/12 xl:pl-12 lg:pl-12\">\r\n                            <h2 className=\"items-center flex block animatable bounceInRight fontfamily xl:text-8xl text-5xl font-semibold\" style={{ color: '#DE0A26' }} >\r\n                                01\r\n\r\n                                <span className=\"pl-4 mt-2 block animatable bounceInRight fontfamily xl:text-4xl text-2xl font-semibold text-black\" >\r\n                                    Real Estate Solutions\r\n                                </span>\r\n                            </h2>\r\n                            <p className=\"block animatable bounceIn text-black fontfamily text-justify lines xl:text-sm text-sm\">\r\n                                When it comes to promotional marketing materials for Off-plan Real Estate,\r\n                                Archywave team is ready to embody all your ideas. Given the fact that\r\n                                versatile advertising campaign for real estate requires flexibility of solutions,\r\n                                we developed a number of package offers, which will help you to find a\r\n                                holistic approach to the choice of advertising materials. From the minimal\r\n                                package to the wide complex one – our proposals include the following services:\r\n                            </p>\r\n\r\n                            <ul className=\"block animatable bounceInRight list-disc slide-left pl-4 pt-2\">\r\n                                <li className=\"fontfamily xl:text-sm text-sm\">\r\n                                    VR tours for web/mobile\r\n                                </li>\r\n                                <li className=\"fontfamily xl:text-sm pt-2 text-sm\">\r\n                                    Fly-through animations\r\n                                </li>\r\n                                <li className=\"fontfamily xl:text-sm pt-2 text-sm\">\r\n                                    Real-time rendering applications Unreal Engine/Unity\r\n                                </li>\r\n                                <li className=\"fontfamily xl:text-sm pt-2 text-sm\">\r\n                                    Interactive masterplan applications\r\n                                </li>\r\n                                <li className=\"fontfamily xl:text-sm pt-2 text-sm\">\r\n                                    Real estate sales app\r\n                                </li>\r\n                                <li className=\"fontfamily xl:text-sm pt-2 text-sm\">\r\n                                    Computer generated images/renders\r\n                                </li>\r\n                                <li className=\"fontfamily xl:text-sm pt-2 text-sm\">\r\n                                    Landing page development\r\n                                </li>\r\n                            </ul>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n\r\n            <section className=\" xl:mt-12 xl:px-12 mt-6 px-4\">\r\n                <div className=\"container mx-auto xl:py-12 xl:px-12 \">\r\n                    <div className=\"w-full \">\r\n                        <div className=\"flex flex-wrap items-center\">\r\n                            <div className=\"xl:w-6/12 lg:w-6/12\">\r\n                                <h2 className=\"items-center flex block animatable bounceInRight fontfamily xl:text-8xl text-5xl font-semibold\" style={{ color: '#DE0A26' }} >\r\n                                    02\r\n\r\n                                    <span className=\"pl-4 mt-2 block animatable bounceInLeft fontfamily xl:text-4xl text-2xl font-semibold text-black\" >\r\n                                        VR Tour For Web/Mobile\r\n                                    </span>\r\n                                </h2>\r\n                                {/* <h1 className=\"block animatable bounceInLeft fontfamily xl:text-4xl font-semibold text-black\">\r\n                                    VR Tour For Web/Mobile\r\n                                </h1> */}\r\n                                <p className=\"block animatable bounceInLeft text-black fontfamily text-justify  lines xl:text-sm text-sm\">\r\n                                    Let your buyer look around an apartment. Let them see the interior, look\r\n                                    inside of each room, outside the window and enjoy the view (even if the\r\n                                    building is not finished yet, the client will be able to see the exact same\r\n                                    view which will be in their future dwelling). It is an incredibly informative\r\n                                    tool which reveals all the prospects. Virtual Reality Tour for off-plan real\r\n                                    estate is like an excursion and a mini game for your client. And who doesn’t\r\n                                    like games?\r\n                                </p>\r\n                            </div>\r\n                            <div className=\"xl:w-6/12 lg:w-6/12 xl:pl-12 lg:pl-12 block animatable bounceInRight xl:mt-0 mt-6\">\r\n                                <div>\r\n                                    {!isPlaying && (\r\n                                        <div\r\n                                            style={{\r\n                                                position: 'absolute',\r\n                                                top: '50%',\r\n                                                left: '53%',\r\n                                                transform: 'translate(-50%, -50%)',\r\n                                                cursor: 'pointer',\r\n                                                zIndex: '1', // Ensure the play icon stays above the background image\r\n                                            }}\r\n                                            onClick={handlePlay}\r\n                                        >\r\n                                            <img src=\"https://i.ibb.co/d2QB4Cm/youtube.png\" alt=\"Play\" style={{ width: '60px', height: '60px' }} />\r\n                                        </div>\r\n                                    )}\r\n                                    <div className=\"\"\r\n                                        style={{\r\n                                            width: '100%',\r\n                                            height: '350px',\r\n                                            backgroundImage: `url(${VRtour})`, // Add your background image URL here\r\n                                            backgroundSize: 'cover',\r\n                                            backgroundPosition: 'center',\r\n                                            borderRadius: '5px',\r\n                                            zIndex: '-1', // Ensure the background image stays behind the play icon\r\n\r\n                                        }}\r\n                                    />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n\r\n\r\n\r\n\r\n            <section className=\" xl:px-12 px-4 xl:mt-0 mt-6\">\r\n                <div className=\"container mx-auto xl:py-12 xl:px-12 \">\r\n                    <div className=\"w-full \">\r\n                        <div className=\"flex flex-wrap items-center xl:flex-col-reverse lg:flex-col-reverse flex-col-reverse\">\r\n                            <div className=\"xl:w-6/12 lg:w-6/12 block animatable bounceInLeft xl:mt-0 mt-6\">\r\n                                {/* <iframe className=\"xl:w-12/12 h-50 rounded-lg\"\r\n                                    src=\"https://www.youtube.com/embed/1PqewoipdLo?si=VzIkFBVhVOWLC6nb\">\r\n                                </iframe> */}\r\n                                <VideoPlayer sourceLink=\"https://fast.wistia.net/embed/iframe/plvnbq7pvq?seo=true&videoFoam=true\"/>\r\n                            </div>\r\n                            <div className=\"xl:w-6/12 lg:w-6/12 xl:pl-12 lg:pl-12\">\r\n                                <h1 className=\"items-center flex block animatable bounceInRight fontfamily xl:text-8xl text-5xl font-semibold\" style={{ color: '#DE0A26' }} >\r\n                                    03\r\n                                    <span className=\"pl-4 mt-2 block animatable bounceInLeft fontfamily xl:text-4xl text-2xl font-semibold text-black\" >\r\n                                        Real-Time Rendering Applications\r\n                                    </span>\r\n                                </h1>\r\n                                {/* <h3 className=\" mt-2 block animatable bounceInRight fontfamily xl:text-2xl text-black\">\r\n                                    (Oculus Rift, HTC Vive Etc.)\r\n                                </h3> */}\r\n                                {/* <h1 className=\"block animatable bounceInRight fontfamily xl:text-4xl font-semibold text-black\" >\r\n                                    Real-Time Rendering Applications <br></br><span className=\"xl:text-3xl\" style={{ color: '#3d5975' }}>\r\n                                        (Oculus Rift, HTC Vive Etc.)</span>\r\n                                </h1> */}\r\n                                <p className=\"block animatable moveUp text-black fontfamily text-justify mt-4 lines xl:text-sm text-sm\">\r\n                                    Real-time rendering is not new – it has been used in the gaming industry\r\n                                    for quite a long time but now we can surely say that it has also become\r\n                                    one of the most important parts of the world of real estate.\r\n                                </p>\r\n                                <p className=\"block animatable moveUp text-black fontfamily text-justify mt-4 lines xl:text-sm text-sm\">\r\n                                    Real estate developers from all over the world pay close attention\r\n                                    to this technology, because it actually allows visiting a property\r\n                                    before selling or buying it, which proved to be beneficial for both\r\n                                    property developers and their clients. But let us have a look at how all\r\n                                    of this magic is happening.\r\n                                </p>\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n\r\n            <section className=\"container mx-auto xl:mt-12 mt-6 xl:px-12 px-4\">\r\n                <div className=\"w-full \">\r\n                    <div className=\"flex flex-wrap items-center\">\r\n                        <div className=\"xl:w-6/12 lg:w-6/12\">\r\n                            <h1 className=\"items-center flex block animatable bounceInRight fontfamily xl:text-8xl text-5xl font-semibold\" style={{ color: '#DE0A26' }} >\r\n                                04\r\n                                <span className=\"pl-4 mt-2 block animatable bounceInLeft fontfamily xl:text-4xl text-2xl font-semibold text-black\" >\r\n                                    Fly-Through Animation\r\n                                </span>\r\n\r\n                            </h1>\r\n                            <p className=\"block animatable fadeInDown text-black fontfamily text-justify lines xl:text-sm text-sm\">\r\n                                3D walk-through animation could be either a wonderful addition to\r\n                                marketing materials, or an excellent individual tool to represent your\r\n                                real estate. Well-chosen combination of picture, music and information block\r\n                                will give the brightest impressions from the very first seconds of watching.\r\n                                Motion always grabs attention: it has all that life and dynamics in it.\r\n                                With the help of a short commercial you will be able to be succinct\r\n                                yet informative in your way of reaching your potential client.\r\n                            </p>\r\n\r\n                            {/* <div className=\"xl:w-3/12 text-center bg-red-900 text-white mt-8 xl:text-base py-2 rounded \">\r\n                                View More\r\n                            </div> */}\r\n                        </div>\r\n                        <div className=\"xl:w-6/12 lg:w-6/12 block animatable bounceInRight xl:pl-12 lg:pl-12 xl:mt-0 mt-6\">\r\n                            {/* <iframe className=\"xl:w-12/12 h-50 rounded-lg\"\r\n                                src=\"https://www.youtube.com/embed/Ztyfmztgv3g?si=xXtsF4cuuT4uTQQd\">\r\n                            </iframe> */}\r\n                            <VideoPlayer sourceLink=\"https://fast.wistia.net/embed/iframe/cbwhicgg86?seo=true&videoFoam=true\"/>\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n\r\n            <section className=\" xl:mt-12 xl:px-12 mt-6 px-4\">\r\n                <div className=\"container mx-auto xl:py-12 xl:px-12\">\r\n                    <div className=\"w-full \">\r\n                        <div className=\"flex flex-wrap items-center  xl:flex-col-reverse lg:flex-col-reverse flex-col-reverse\">\r\n                            <div className=\"xl:w-6/12  lg:w-6/12 block animatable bounceInLeft xl:mt-0 mt-6\">\r\n                                <img src={drendering} alt=\"\" className=\"rounded-lg\"></img>\r\n                            </div>\r\n                            <div className=\"xl:w-6/12 lg:w-6/12 xl:pl-12 lg:pl-12 \">\r\n                                <h1 className=\"items-center flex block animatable bounceInRight fontfamily xl:text-8xl text-5xl font-semibold\" style={{ color: '#DE0A26' }} >\r\n                                    05\r\n                                    <span className=\"pl-4 mt-2 block animatable bounceInLeft fontfamily xl:text-4xl text-2xl font-semibold text-black\" >\r\n                                        3D Rendering\r\n                                    </span>\r\n\r\n                                </h1>\r\n                                {/* <h1 className=\"block animatable bounceInRight fontfamily xl:text-4xl font-semibold text-black\" >\r\n                                    3D Rendering\r\n                                </h1> */}\r\n                                <p className=\"block animatable bounceInRight text-black fontfamily text-justify lines xl:text-sm text-sm\">\r\n                                    When we speak about render, we immediately think of a static image of an\r\n                                    interior or exterior fully generated with a computer. CGI is a convenient\r\n                                    advertising tool for your product, no matter what development phase it is in.\r\n                                    Renders have indisputable advantages.\r\n                                </p>\r\n                                <p className=\"block animatable bounceInRight text-black fontfamily text-justify lines xl:text-sm text-sm\">\r\n                                    Firstly, affordable price Without\r\n                                    spending too much, you will be able to provide yourself with materials\r\n                                    which can be used as a marketing tool for social networks, as promotional\r\n                                    materials for outdoor advertising and practically everywhere you want the\r\n                                    received images to be used. Secondly, the speed of execution. In comparison\r\n                                    with video or virtual tours, 3D visualization is considered to be the\r\n                                    fastest way to get quality materials for work and advertising. Thirdly,\r\n                                    super realistic visuals. A good render will be hard to distinguish from\r\n                                    a photograph.\r\n                                </p>\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n            <section className=\"container mx-auto xl:mt-12 xl:px-12 mt-6 px-4 xl:flex-col-reverse flex-col-reverse\">\r\n                <div className=\"w-full \">\r\n                    <div className=\"flex flex-wrap items-center\">\r\n\r\n                        <div className=\"xl:w-6/12 lg:w-6/12\">\r\n                            <h1 className=\"items-center flex block animatable bounceInRight fontfamily xl:text-8xl text-5xl font-semibold\" style={{ color: '#DE0A26' }} >\r\n                                06\r\n                                <span className=\"pl-4 mt-2 block animatable bounceInLeft fontfamily xl:text-4xl text-2xl font-semibold text-black\" >\r\n                                    Interactive Masterplan Applications\r\n                                </span>\r\n\r\n                            </h1>\r\n                            {/* <h1 className=\"block animatable bounceInLeft fontfamily xl:text-4xl font-semibold text-black\" >\r\n                                Interactive Masterplan Applications\r\n                            </h1> */}\r\n                            <p className=\"block animatable bounceInLeft text-black fontfamily text-justify  lines xl:text-sm\">\r\n                                Interactive 3D Masterplan is a new take on the ideal performance of real\r\n                                estate. If you work in real estate – whether you are a developer, or an\r\n                                architect or any other player on the market – Interactive 3D Masterplan\r\n                                is a great flexible and multifunctional tool for you. It is indispensable\r\n                                as informational presentation for investors and a brilliant marketing\r\n                                assistant during the stage of sales. It is not just a picture or a panorama – a\r\n                                spectator is literally becoming part of the space.\r\n                            </p>\r\n                        </div>\r\n                        <div className=\"xl:w-6/12 lg:w-6/12 block animatable bounceRight xl:pl-12 lg:pl-12 xl:mt-0 mt-6\">\r\n                            <img src={masterplan} alt=\"\" className=\"rounded-lg\"></img>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n\r\n\r\n\r\n            <section className=\"bg-gray-100 xl:mt-12 mt-12\">\r\n                <div className=\"container mx-auto xl:py-12 py-6\">\r\n                    <div className=\"w-full\">\r\n                        <h2 className=\"fontfamily xl:text-4xl lg:text-3xl text-3xl font-semibold  text-center text-black \">\r\n                            Clients\r\n                        </h2>\r\n                        <div className=\"flex flex-wrap justify-center items-center  xl:py-12\">\r\n                            <div className=\"xl:mt-0 mt-6\">\r\n                                <img src={logo1} alt=\"\" className=\"xl:w-44 w-32 block animatable bounceInLeft\" />\r\n                            </div>\r\n                            <div className=\"xl:mt-0 mt-6\">\r\n                                <img src={logo2} alt=\"\" className=\"xl:w-44 w-32 block animatable fadeInDown\" />\r\n                            </div>\r\n                            <div className=\"xl:mt-0 mt-6\">\r\n                                <img src={logo3} alt=\"\" className=\"xl:w-44 w-32 block animatable fadeInUp\" />\r\n                            </div>\r\n                            <div className=\"xl:mt-0 mt-6\">\r\n                                <img src={logo4} alt=\"\" className=\"xl:w-44 w-32 block animatable bounceInLeft\" />\r\n                            </div>\r\n\r\n\r\n                            <div className=\"xl:mt-0 mt-6\">\r\n                                <img src={logo5} alt=\"\" className=\"xl:w-44 w-32 xl:w-44 w-32 block animatable bounceInLeft\" />\r\n                            </div>\r\n                            <div className=\"xl:mt-0 mt-6\">\r\n                                <img src={logo6} alt=\"\" className=\"xl:w-44 w-32 xl:w-44 w-32 block animatable fadeInUp\" />\r\n                            </div>\r\n\r\n                            <div className=\"xl:mt-0 mt-6\">\r\n                                <img src={logo7} alt=\"\" className=\"xl:w-44 w-32 block animatable bounceInRight\" />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"flex mx-auto justify-center -mt-4\">\r\n                        <a href=\"/projects\">\r\n                            <button className=\"text-center px-4 py-2 xl:mt-0 mt-12 rounded  bg-red-900 text-white mt-6 fontfamily  xl:text-sm\" type=\"submit\">\r\n                                View More <i className=\"fa fa-arrow-right pl-4\"></i>\r\n                            </button>\r\n                        </a>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n\r\n\r\n            <section className=\"bg-black\">\r\n                <section className=\"container mx-auto xl:px-12 xl:py-6 py-6 px-4 \">\r\n                    <div className=\"xl:px-12 w-ful \">\r\n                        <div className=\"flex flex-wrap xl:py-12 items-center\">\r\n                            <div className=\"xl:w-6/12 w-12/12  lg:w-6/12\">\r\n                                <h3 className=\"fontfamily xl:text-2xl text-3xl text-white font-semibold\">\r\n                                    Get In Touch\r\n                                </h3>\r\n                                <form onSubmit={handleSubmit} className=\"xl:mt-6 mt-6\">\r\n                                    <div className=\"flex flex-wrap\">\r\n                                        <div className=\"px-2 xl:w-6/12 w-12/12\">\r\n                                            <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                                placeholder=\"First Name\" name=\"name\" maxlength=\"25\" onChange={e => setFirstName(e.target.value)} />\r\n                                            {nameError && firstName.length === 0 ?\r\n                                                <label className=\"error\">Enter Your First Name</label> : \"\"}\r\n                                        </div>\r\n                                        <div className=\"px-2 xl:w-6/12 w-12/12\">\r\n                                            <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                                placeholder=\"Last Name\" name=\"namee\" maxlength=\"25\" onChange={e => setLastName(e.target.value)} />\r\n                                            {nameeError && lastName.length === 0 ?\r\n                                                <label className=\"error\">Enter Your Last Name</label> : \"\"}\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"px-2 xl:w-12/12 xl:mt-6 w-12/12\">\r\n                                        <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                            placeholder=\"Email\" name=\"email\" onChange={e => setEmail(e.target.value) + setEmailRegexError(e.target.value)} />\r\n                                        {emailError && email.length === 0 ?\r\n                                            <label className=\"error\">Enter Your Email</label> : \"\"}\r\n                                        {emailregexError && (!(/^[a-zA-Z0-9]+@[a-zA-Z0-9]+\\.[A-Za-z]+$/.test(email))) ?\r\n                                            <label className=\"error\">Please Enter Valid Email</label> : \"\"}\r\n\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"px-2 xl:w-12/12 w-12/12 xl:mt-6\">\r\n                                        <select\r\n                                            id=\"country\"\r\n                                            name=\"country\"\r\n                                            value={country}\r\n                                            onChange={(e) => setCountry(e.target.value)}\r\n                                            className={`xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base ${countryError ? 'border-red-500' : ''}`}\r\n                                        >\r\n                                            <option value=\"\">Select your country</option>\r\n                                            {countryOptions.map((option) => (\r\n                                                <option key={option.value} value={option.label}>{option.label}</option>\r\n                                            ))}\r\n                                        </select>\r\n                                        {countryError && <p className=\"error\">Please select your country.</p>}\r\n                                    </div>\r\n\r\n\r\n                                    <div className=\"px-2 xl:w-12/12 w-12/12 xl:mt-6\">\r\n                                        <input\r\n                                            type=\"tel\"\r\n                                            value={tel}\r\n                                            onChange={(e) => setTel(e.target.value)}\r\n                                            placeholder=\"Phone Number\"\r\n                                            name=\"tel\"\r\n                                            className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                        />\r\n                                        {telError && <label className=\"error pt-2\">Phone Number is required</label>}\r\n                                        {telregexError && <label className=\"error pt-2\">Please enter a valid phone number</label>}\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"px-2 xl:w-12/12 w-12/12 xl:mt-6\">\r\n                                        <textarea className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-20 rounded mt-2 fontfamily xl:text-base\"\r\n                                            placeholder=\"Message\" name=\"message\" onChange={e => setMessage(e.target.value)} />\r\n                                        {messageError && message.length === 0 ?\r\n                                            <label className=\"error\">Please Enter Your Message</label> : \"\"}\r\n                                    </div>\r\n                                    <div className=\"items-center text-center justify-center\">\r\n                                        <button className=\"justify-center text-center px-12 py-2 rounded-lg  bg-red-900 text-white mt-6 fontfamily font-semibold xl:text-base\" type=\"submit\">\r\n                                            Submit\r\n                                        </button>\r\n                                    </div>\r\n                                </form>\r\n                                <ToastContainer position=\"top-right\" />\r\n                            </div>\r\n\r\n                            <div className=\"xl:w-6/12 lg:w-6/12  lg:pl-12 xl:pl-12 xl:mt-0 mt-12\">\r\n                                <img src={brouchure} alt=\"\" className=\"rounded-lg\"></img>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                </section>\r\n            </section>\r\n\r\n            <Footer />\r\n        </>\r\n    );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport IndexNavbarr from \"components/Navbars/IndexNavbarr.js\";\r\nimport Footer from \"components/Footers/Footer.js\";\r\nimport $ from \"jquery\";\r\nimport homebanner from \"assets/img/homebanner.webp\";\r\nimport interior1 from \"assets/img/imagess/interior1.webp\";\r\nimport interior2 from \"assets/img/imagess/interior2.webp\";\r\nimport interior3 from \"assets/img/imagess/interior3.webp\";\r\nimport interior4 from \"assets/img/imagess/interior4.webp\";\r\nimport interior5 from \"assets/img/imagess/interior5.webp\";\r\nimport interior6 from \"assets/img/imagess/interior6.webp\";\r\nimport interior7 from \"assets/img/imagess/interior7.webp\";\r\nimport interior8 from \"assets/img/imagess/interior8.webp\";\r\n\r\n\r\nimport exterior1 from \"assets/img/imagess/exterior1.webp\";\r\nimport exterior2 from \"assets/img/imagess/exterior2.webp\";\r\nimport exterior3 from \"assets/img/imagess/exterior3.webp\";\r\nimport exterior4 from \"assets/img/imagess/exterior4.webp\";\r\nimport exterior5 from \"assets/img/imagess/exterior5.webp\";\r\nimport exterior6 from \"assets/img/imagess/exterior6.webp\";\r\nimport exterior7 from \"assets/img/imagess/exterior7.webp\";\r\nimport exterior8 from \"assets/img/imagess/exterior8.webp\";\r\nimport exterior9 from \"assets/img/imagess/exterior9.webp\";\r\nimport exterior10 from \"assets/img/imagess/exterior10.webp\";\r\nimport exterior11 from \"assets/img/imagess/exterior11.webp\";\r\nimport exterior12 from \"assets/img/imagess/exterior12.webp\";\r\nimport exterior13 from \"assets/img/imagess/exterior13.webp\";\r\nimport exterior14 from \"assets/img/imagess/exterior14.webp\";\r\nimport exterior15 from \"assets/img/imagess/exterior15.webp\";\r\nimport exterior16 from \"assets/img/imagess/exterior16.webp\";\r\n\r\n\r\nimport tour1 from \"assets/img/imagess/tour1.webp\";\r\nimport tour2 from \"assets/img/imagess/tour2.webp\";\r\nimport tour3 from \"assets/img/imagess/tour3.webp\";\r\n\r\n\r\nimport VideoPlayer from \"./VideoPlayer\";\r\n\r\n\r\nexport default function Projects() {\r\n\r\n    jQuery(function ($) {\r\n\r\n        // Function which adds the 'animated' class to any '.animatable' in view\r\n        var doAnimations = function () {\r\n\r\n            // Calc current offset and get all animatables\r\n            var offset = $(window).scrollTop() + $(window).height(),\r\n                $animatables = $('.animatable');\r\n\r\n            // Unbind scroll handler if we have no animatables\r\n            if ($animatables.length == 0) {\r\n                $(window).off('scroll', doAnimations);\r\n            }\r\n\r\n            // Check all animatables and animate them if necessary\r\n            $animatables.each(function (i) {\r\n                var $animatable = $(this);\r\n                if (($animatable.offset().top + $animatable.height() - 20) < offset) {\r\n                    $animatable.removeClass('animatable').addClass('animated');\r\n                }\r\n            });\r\n\r\n        };\r\n\r\n        // Hook doAnimations on scroll, and trigger a scroll\r\n        $(window).on('scroll', doAnimations);\r\n        $(window).trigger('scroll');\r\n\r\n    });\r\n\r\n    const [isPlaying, setIsPlaying] = useState(false);\r\n    const [activeTab, setActiveTab] = useState(\"exterior\");\r\n\r\n\r\n\r\n    const handlePlay = () => {\r\n        setIsPlaying(true);\r\n        window.open('/villa/Villa.html', '_blank');\r\n    };\r\n\r\n    const handlePlayy = () => {\r\n        setIsPlaying(true);\r\n        window.open('/Shapoorji Palonji%20 3D VR%20 V08/index.html', '_blank');\r\n    };\r\n\r\n    const handlePlayyy = () => {\r\n        setIsPlaying(true);\r\n        window.open('/Tvs2bhk/Tvs2BHK.html', '_blank');\r\n    };\r\n\r\n    const [modalOpen, setModalOpen] = useState(false);\r\n    const [modalImage, setModalImage] = useState(\"\");\r\n    const [currentIndex, setCurrentIndex] = useState(0);\r\n    const [currentImages, setCurrentImages] = useState([]);\r\n    const [category, setCategory] = useState(\"\");\r\n\r\n    const interiorImages = [\r\n        // \"https://i.ibb.co/Dzj5CwH/Untitled-design-7.jpg\",\r\n        // \"https://i.ibb.co/y8c3dp0/Untitled-design-10.jpg\",\r\n        // \"https://i.ibb.co/gmRvSYY/Untitled-design.jpg\",\r\n        // \"https://i.ibb.co/5M4MMYc/Untitled-design-3.jpg\",\r\n        // \"https://i.ibb.co/f8YHxmD/Untitled-design-4.jpg\",\r\n        // \"https://i.ibb.co/QNNJX5R/Untitled-design-5.jpg\",\r\n        // \"https://i.ibb.co/fdCXR2K/Untitled-design-6.jpg\",\r\n        // \"https://i.ibb.co/Rj3g8Sm/NSW.jpg\",\r\n        // \"https://i.ibb.co/1mzFsnY/Untitled-design-16.jpg\",\r\n        // \"https://i.ibb.co/jfNcNHB/Untitled-design-17.jpg\",\r\n        // \"https://i.ibb.co/Wcgp3bg/Untitled-design-18.jpg\",\r\n        interior1,\r\n        interior2,\r\n        interior3,\r\n        interior4,\r\n        interior5,\r\n        interior6,\r\n        interior7,\r\n        interior8,\r\n    ];\r\n\r\n    const exteriorImages = [\r\n        // \"https://i.ibb.co/z2z5xSJ/Untitled-design-21.jpg\",\r\n        // \"https://i.ibb.co/LCcwYM5/Untitled-design-6.jpg\",\r\n        // \"https://i.ibb.co/j4HsQsZ/Untitled-design-27.jpg\",\r\n        // \"https://i.ibb.co/FBjHx6z/Untitled-design-32.jpg\",\r\n        // \"https://i.ibb.co/S7gyg6f/Untitled-design-23.jpg\",\r\n        // \"https://i.ibb.co/VY8SMJF/Untitled-design-14.jpg\",\r\n        // \"https://i.ibb.co/dK7pQ5B/Untitled-design.jpg\",\r\n        // \"https://i.ibb.co/xS8DCZq/Untitled-design-1.jpg\",\r\n        // \"https://i.ibb.co/tJsRJyp/Untitled-design-2.jpg\",\r\n        // \"https://i.ibb.co/7pwng76/Untitled-design-3.jpg\",\r\n        // \"https://i.ibb.co/Xbc1FSj/NSW.jpg\",\r\n        // \"https://i.ibb.co/TKjNV4P/Untitled-design-5.jpg\",\r\n        // \"https://i.ibb.co/rv7kyZs/Untitled-design-7.jpg\",\r\n        // \"https://i.ibb.co/jL8dgfF/Untitled-design-8.jpg\",\r\n        // \"https://i.ibb.co/dbjCMkR/Untitled-design-12.jpg\",\r\n        // \"https://i.ibb.co/VDC3fjs/Untitled-design-19.jpg\",\r\n        // \"https://i.ibb.co/WcJsgxW/Untitled-design-20.jpg\",\r\n        // \"https://i.ibb.co/Km1hymH/Untitled-design-15.jpg\",\r\n        // \"https://i.ibb.co/0YQDDVg/Untitled-design-29.jpg\",\r\n        // \"https://i.ibb.co/tHZv1Vv/Untitled-design-28.jpg\",\r\n        exterior1,\r\n        exterior2,\r\n        exterior3,\r\n        exterior4,\r\n        exterior5,\r\n        exterior6,\r\n        exterior7,\r\n        exterior8,\r\n        exterior9,\r\n        exterior10,\r\n        exterior11,\r\n        exterior12,\r\n        exterior13,\r\n        exterior14,\r\n        exterior15,\r\n        exterior16,\r\n\r\n    ];\r\n\r\n    const openModal = (imageSrc, index, category) => {\r\n        setModalImage(imageSrc);\r\n        setCurrentIndex(index);\r\n        setCurrentImages(category === \"interior\" ? interiorImages : exteriorImages);\r\n        setCategory(category);\r\n        setModalOpen(true);\r\n    };\r\n\r\n    const closeModal = () => {\r\n        setModalOpen(false);\r\n    };\r\n\r\n    const nextImage = () => {\r\n        setCurrentIndex((prevIndex) => (prevIndex + 1) % currentImages.length);\r\n        setModalImage(currentImages[(currentIndex + 1) % currentImages.length]);\r\n    };\r\n\r\n    const prevImage = () => {\r\n        setCurrentIndex((prevIndex) =>\r\n            prevIndex === 0 ? currentImages.length - 1 : prevIndex - 1\r\n        );\r\n        setModalImage(\r\n            currentImages[currentIndex === 0 ? currentImages.length - 1 : currentIndex - 1]\r\n        );\r\n    };\r\n\r\n    const renderContent = () => {\r\n        switch (activeTab) {\r\n            case \"exterior\":\r\n                return (\r\n                    <section className=\"container mx-auto xl:mt-12 mt-12 xl:px-0 px-4\">\r\n                        <h1 className=\"font-semibold fontfamily uppercase text-black text-left xl:text-3xl text-2xl py-6\">\r\n                            Exterior\r\n                        </h1>\r\n                        <div className=\"flex flex-wrap xl:gap-4\">\r\n                            {exteriorImages.slice(0, exteriorImages.length - 2).map((image, index) => (\r\n                                <div\r\n                                    key={index}\r\n                                    className=\"xl:w-12/12 py-1 h-auto px-1 image-container\"\r\n                                    onClick={() => openModal(image, index, \"exterior\")}\r\n                                >\r\n                                    <img src={image} alt=\"\" className=\"image\" />\r\n                                </div>\r\n                            ))}\r\n                            <div className=\"xl:w-12/12 flex flex-wrap py-1 h-auto px-1\">\r\n                                {exteriorImages.slice(-2).map((image, index) => (\r\n                                    <div\r\n                                        key={index}\r\n                                        className=\"xl:w-6/12 py-1 h-auto px-1 image-container\"\r\n                                        onClick={() => openModal(image, exteriorImages.length - 2 + index, \"exterior\")}\r\n                                    >\r\n                                        <img src={image} alt=\"\" className=\"image\" />\r\n                                    </div>\r\n                                ))}\r\n                            </div>\r\n                        </div>\r\n                    </section>\r\n                );\r\n            case \"interior\":\r\n                return (\r\n                    <section className=\"container mx-auto xl:mt-12 mt-12 xl:px-0 px-4\">\r\n                        <h1 className=\"font-semibold uppercase fontfamily text-black text-left xl:text-3xl text-2xl  py-6\">\r\n                            Interior\r\n                        </h1>\r\n                        <div className=\"flex flex-wrap xl:gap-4\">\r\n                            {interiorImages.map((image, index) => (\r\n                                <div\r\n                                    key={index}\r\n                                    className=\"xl:w-12/12 py-1 h-auto px-1 image-container \"\r\n                                    onClick={() => openModal(image, index, \"interior\")}\r\n                                >\r\n                                    <img src={image} alt=\"\" className=\"image\" />\r\n                                </div>\r\n                            ))}\r\n                        </div>\r\n                    </section>\r\n                );\r\n            case \"360tour\":\r\n                return (\r\n                    <section className=\"container mx-auto xl:mt-12 xl:px-0 px-4\">\r\n                        <h1 className=\"font-semibold uppercase fontfamily text-black text-left xl:text-3xl text-2xl py-6\">\r\n                            360 Tour\r\n                        </h1>\r\n                        <div style={{ position: 'relative', width: '100%', height: '100%' }}>\r\n                            {!isPlaying && (\r\n                                <div\r\n                                    style={{\r\n                                        position: 'absolute',\r\n                                        top: '50%',\r\n                                        left: '50%',\r\n                                        transform: 'translate(-50%, -50%)',\r\n                                        cursor: 'pointer',\r\n                                        zIndex: '1',\r\n                                    }}\r\n                                    onClick={handlePlay}\r\n                                >\r\n                                    <img src=\"https://i.ibb.co/d2QB4Cm/youtube.png\" alt=\"Play\" style={{ width: '80px', height: '80px' }} />\r\n                                </div>\r\n                            )}\r\n                            <div\r\n                                style={{\r\n                                    width: '100%',\r\n                                    height: '600px',\r\n                                    backgroundImage: `url(${tour1})`,\r\n                                    backgroundSize: 'cover',\r\n                                    backgroundPosition: 'center',\r\n                                    zIndex: '-1',\r\n                                }}\r\n                            />\r\n                        </div>\r\n\r\n\r\n                        <div className=\"mt-12\" style={{ position: 'relative', width: '100%', height: '100%' }}>\r\n                            {!isPlaying && (\r\n                                <div\r\n                                    style={{\r\n                                        position: 'absolute',\r\n                                        top: '50%',\r\n                                        left: '50%',\r\n                                        transform: 'translate(-50%, -50%)',\r\n                                        cursor: 'pointer',\r\n                                        zIndex: '1',\r\n                                    }}\r\n                                    onClick={handlePlayy}\r\n                                >\r\n                                    <img src=\"https://i.ibb.co/d2QB4Cm/youtube.png\" alt=\"Play\" style={{ width: '80px', height: '80px' }} />\r\n                                </div>\r\n                            )}\r\n                            <div\r\n                                style={{\r\n                                    width: '100%',\r\n                                    height: '600px',\r\n                                    backgroundImage: `url(${tour2})`,\r\n                                    backgroundSize: 'cover',\r\n                                    backgroundPosition: 'center',\r\n                                    zIndex: '-1',\r\n                                }}\r\n                            />\r\n                        </div>\r\n\r\n\r\n                        <div className=\"mt-12\" style={{ position: 'relative', width: '100%', height: '100%' }}>\r\n                            {!isPlaying && (\r\n                                <div\r\n                                    style={{\r\n                                        position: 'absolute',\r\n                                        top: '50%',\r\n                                        left: '50%',\r\n                                        transform: 'translate(-50%, -50%)',\r\n                                        cursor: 'pointer',\r\n                                        zIndex: '1',\r\n                                    }}\r\n                                    onClick={handlePlayyy}\r\n                                >\r\n                                    <img src=\"https://i.ibb.co/d2QB4Cm/youtube.png\" alt=\"Play\" style={{ width: '80px', height: '80px' }} />\r\n                                </div>\r\n                            )}\r\n                            <div\r\n                                style={{\r\n                                    width: '100%',\r\n                                    height: '600px',\r\n                                    backgroundImage: `url(${tour3})`,\r\n                                    backgroundSize: 'cover',\r\n                                    backgroundPosition: 'center',\r\n                                    zIndex: '-1',\r\n                                }}\r\n                            />\r\n                        </div>\r\n                    </section>\r\n                );\r\n            case \"3dflythrough\":\r\n                return (\r\n                    <section className=\"container mx-auto xl:mt-12 xl:px-0 px-4\">\r\n                        <h1 className=\"font-semibold uppercase fontfamily text-black text-left xl:text-3xl text-2xl py-6\">\r\n                            3D Flythrough\r\n                        </h1>\r\n                        <div className=\"xl:w-12/12\">\r\n                            {/* <iframe className=\"w-12/12 xl:w-12/12 lg:w-12/12 md:w-12/12\" height=\"500px\"\r\n                                src=\"https://www.youtube.com/embed/drQtiL2IvIA?si=1-3qCJXzWJz8WuyO\">\r\n                            </iframe> */}\r\n                            <VideoPlayer sourceLink=\"https://fast.wistia.net/embed/iframe/e4pdodkl93?seo=true&videoFoam=true\" />\r\n                        </div>\r\n                        <div className=\"xl:w-12/12 xl:mt-6 mt-6\">\r\n                            {/* <iframe className=\"w-12/12 xl:w-12/12 lg:w-12/12 md:w-12/12\" height=\"500px\"\r\n                                src=\"https://www.youtube.com/embed/iJrxv30BFgE?si=hlTgOT01es-puqFR\">\r\n                            </iframe> */}\r\n                            <VideoPlayer sourceLink=\"https://fast.wistia.net/embed/iframe/0fvn3e8v9o?seo=true&videoFoam=true\" />\r\n                        </div>\r\n                        <div className=\"xl:w-12/12 xl:mt-6 mt-6\">\r\n                            {/* <iframe className=\"w-12/12 xl:w-12/12 lg:w-12/12 md:w-12/12\" height=\"500px\"\r\n                                src=\"https://www.youtube.com/embed/1PqewoipdLo?si=VzIkFBVhVOWLC6nb\">\r\n                            </iframe> */}\r\n                            <VideoPlayer sourceLink=\"https://fast.wistia.net/embed/iframe/plvnbq7pvq?seo=true&videoFoam=true\" />\r\n                        </div>\r\n                        <div className=\"xl:w-12/12 xl:mt-6 mt-6 xl:mb-32\" >\r\n                            {/* <iframe className=\"w-12/12 xl:w-12/12 lg:w-12/12 md:w-12/12\" height=\"500px\"\r\n                                src=\"https://www.youtube.com/embed/Ztyfmztgv3g?si=xXtsF4cuuT4uTQQd\">\r\n                            </iframe> */}\r\n                            <VideoPlayer sourceLink=\"https://fast.wistia.net/embed/iframe/cbwhicgg86?seo=true&videoFoam=true\" />\r\n                        </div>\r\n                    </section>\r\n                );\r\n            default:\r\n                return null;\r\n        }\r\n    };\r\n\r\n    return (\r\n        <>\r\n            <IndexNavbarr fixed />\r\n\r\n            <section className=\"w-full\" style={{\r\n                backgroundImage: `url(${homebanner})`, backgroundPosition: \"center\", backgroundRepeat: \"no-repeat\",\r\n                backgroundSize: 'cover'\r\n            }}>\r\n                <div className=\"container mx-auto items-center xl:py-32\">\r\n                    <div className='w-full xl:py-32 py-14'>\r\n                        <div className='flex flex-wrap xl:py-12 py-24'>\r\n                            <div className='xl:w-8/12  mb-12'>\r\n                                <h2 className='xl:mt-0 mt-12 text-4xl xl:text-6xl pl-3 uppercase text-left fontfamily font-semibold' style={{ color: '#DE0A26' }}>\r\n                                    Our <span className='text-white'>Works</span>\r\n                                </h2>\r\n                            </div>\r\n                            <div className='xl:w-2/12'></div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n            <section className=\"container mx-auto xl:mt-32 mt-12 xl:px-0 px-4\">\r\n                <div className=\"flex flex-wrap justify-center bg-gray-100 py-2\">\r\n                    <div className={`cursor-pointer uppercase zoom4 xl:text-2xl text-black py-2 xl:px-12 px-6 fontfamily ${activeTab === \"exterior\" ? \"border-b-4 border-red-800 text-red-900 fontfamily font-normal font-light\" : \"bg-gray-200 fontfamily hover:border-b-4 border-red-800 font-semibold\"}`} onClick={() => setActiveTab(\"exterior\")}>Exterior</div>\r\n                    <div className={`cursor-pointer uppercase zoom4 xl:text-2xl text-black py-2 xl:px-12 px-6 fontfamily ${activeTab === \"interior\" ? \"border-b-4 border-red-800 text-red-900 fontfamily font-normal font-light\" : \"bg-gray-200 hover:border-b-4 border-red-800 font-semibold\"}`} onClick={() => setActiveTab(\"interior\")}>Interior</div>\r\n                    <div className={`cursor-pointer uppercase zoom4 xl:text-2xl text-black py-2 xl:px-12  px-6  fontfamily xl:mt-0 lg:mt-0 md:mt-0 mt-6 ${activeTab === \"360tour\" ? \"border-b-4 border-red-800 text-red-900 fontfamily font-normal font-light\" : \"bg-gray-200 hover:border-b-4 border-red-800 font-semibold\"}`} onClick={() => setActiveTab(\"360tour\")}>360 Tour</div>\r\n                    <div className={`cursor-pointer uppercase zoom4 xl:text-2xl text-black py-2 xl:px-12  px-6 fontfamily xl:mt-0 lg:mt-0 md:mt-0 mt-6 ${activeTab === \"3dflythrough\" ? \"border-b-4 border-red-800 text-red-900 fontfamily font-normal font-light\" : \"bg-gray-200 hover:border-b-4 border-red-800 font-semibold\"}`} onClick={() => setActiveTab(\"3dflythrough\")}>3D Flythrough</div>\r\n                </div>\r\n            </section>\r\n\r\n            {renderContent()}\r\n\r\n            {modalOpen && (\r\n                <div className=\"modal\" onClick={closeModal}>\r\n                    <span className=\"close\" onClick={closeModal}>\r\n                        &times;\r\n                    </span>\r\n                    <div className=\"modal-content\">\r\n                        <div className=\"modal-image-container\">\r\n                            <span\r\n                                className=\"modal-prev\"\r\n                                onClick={(e) => {\r\n                                    e.stopPropagation();\r\n                                    prevImage();\r\n                                }}\r\n                            >\r\n                                &#10094;\r\n                            </span>\r\n                            <img\r\n                                src={modalImage}\r\n                                alt=\"Zoomed Image\"\r\n                                className=\"modal-image\"\r\n                            />\r\n                            <span\r\n                                className=\"modal-next\"\r\n                                onClick={(e) => {\r\n                                    e.stopPropagation();\r\n                                    nextImage();\r\n                                }}\r\n                            >\r\n                                &#10095;\r\n                            </span>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            )}\r\n\r\n            <Footer />\r\n        </>\r\n    );\r\n}\r\n","/*eslint-disable*/\r\nimport React, { useState, useEffect, useRef, useMemo} from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport emailjs from '@emailjs/browser';\r\nimport countryList from 'react-select-country-list'\r\nimport IndexNavbarr from \"components/Navbars/IndexNavbarr.js\";\r\nimport Footer from \"components/Footers/Footer.js\";\r\nimport archycontact from \"assets/img/imagess/archycontact.webp\";\r\n\r\nexport default function Contact() {\r\n\r\n    const [firstName, setFirstName] = useState('');\r\n    const [lastName, setLastName] = useState('');\r\n    const [email, setEmail] = useState('');\r\n    const [tel, setTel] = useState('');\r\n    const [message, setMessage] = useState('');\r\n    const [country, setCountry] = useState('');\r\n\r\n    const [nameError, setNameError] = useState(false);\r\n    const [nameeError, setNameeError] = useState(false);\r\n    const [emailError, setEmailError] = useState(false);\r\n    const [emailregexError, setEmailRegexError] = useState(false);\r\n    const [telError, setTelError] = useState(false);\r\n    const [telregexError, setTelRegexError] = useState(false);\r\n    const [messageError, setMessageError] = useState(false);\r\n    const [countryError, setCountryError] = useState(false);\r\n\r\n    const countryOptions = useMemo(() => countryList().getData(), []);\r\n\r\n    const handleSubmit = (e) => {\r\n        e.preventDefault();\r\n\r\n        setNameError(firstName.length === 0);\r\n        setNameeError(lastName.length === 0);\r\n        setEmailError(email.length === 0);\r\n        setTelError(tel.length === 0);\r\n        setMessageError(message.length === 0);\r\n        setCountryError(country.length === 0);\r\n\r\n        if (email.length > 0 && !(/^[a-zA-Z0-9]+@[a-zA-Z0-9]+\\.[A-Za-z]+$/.test(email))) {\r\n            setEmailRegexError(true);\r\n        } else {\r\n            setEmailRegexError(false);\r\n        }\r\n\r\n        if (tel.length > 0 && !(/^(?:\\+?\\d{1,3})?0?\\d{7,12}$/.test(tel))) {\r\n            setTelRegexError(true);\r\n        } else {\r\n            setTelRegexError(false);\r\n        }\r\n\r\n        if (firstName && lastName && email && tel && message && country && !emailregexError && !telregexError) {\r\n            console.log(\"First Name: \", firstName);\r\n            console.log(\"Last Name: \", lastName);\r\n            console.log(\"Email: \", email);\r\n            console.log(\"Tel: \", tel);\r\n            console.log(\"Message: \", message);\r\n            console.log(\"Country: \", country);\r\n\r\n            emailjs.sendForm('service_pkgyfs7', 'template_9ukwsqi', e.target, '076KSZ_e1qDX1KE1V')\r\n                .then((result) => {\r\n                    console.log(result.text);\r\n                }, (error) => {\r\n                    console.log(error.text);\r\n                });\r\n\r\n            alert(\"Form Submitted Successfully\");\r\n\r\n            setFirstName('');\r\n            setLastName('');\r\n            setEmail('');\r\n            setTel('');\r\n            setMessage('');\r\n            setCountry('');\r\n\r\n            // Reset the form\r\n            e.target.reset();\r\n        }\r\n    };\r\n\r\n\r\n    return (\r\n        <>\r\n            <IndexNavbarr fixed />\r\n\r\n            <section className=\"w-full\" style={{\r\n                backgroundImage: `url(${archycontact})`, backgroundPosition: \"center\", backgroundRepeat: \"no-repeat\",\r\n                backgroundSize: 'cover'\r\n            }}>\r\n                <div className=\"container mx-auto items-center xl:py-32\" >\r\n                    <div className='w-full xl:py-32 py-24'>\r\n                        <div className='flex flex-wrap xl:py-12'>\r\n\r\n                            <div className='xl:w-8/12  xl:px-0 px-0 lg:px-10 xl:mt-0 mt-12 mb-12'>\r\n                                <h2 className='text-4xl xl:text-6xl pl-3 uppercase text-left fontfamily font-semibold' style={{ color: '#DE0A26' }}>\r\n                                    Contact <span className='text-white'>Us</span>\r\n                                </h2>\r\n                            </div>\r\n                            <div className='xl:w-2/12'></div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n            {/* <section className=\"header relative items-center flex h-80\" style={{ backgroundImage: `url(\"https://i.ibb.co/L64bqT0/archycontact.jpg\")`, backgroundPosition: \"center\", backgroundRepeat: \"no-repeat\" }}>\r\n                <div className=\"container mx-auto items-center mt-32\" >\r\n                    <div className='w-full'>\r\n                        <div className='flex flex-wrap mb-12'>\r\n                            <div className='xl:w-8/12  mb-12'>\r\n                                <h2 className=' xl:text-6xl pl-3 uppercase text-left fontfamily font-semibold' style={{ color: '#DE0A26' }}>\r\n                                    Contact <span className='text-white'>Us</span>\r\n                                </h2>\r\n                            </div>\r\n                            <div className='xl:w-2/12'></div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </section> */}\r\n\r\n\r\n            <div className=\"bg-blueGray-100\">\r\n                <section className=\"container mx-auto  xl:px-12\">\r\n                    <div className=\"w-full \">\r\n                        <div className=\"flex flex-wrap py-6 xl:py-12\">\r\n                            \r\n                            <div className=\"xl:w-4/12  lg:w-4/12 w-12/12 px-4\">\r\n                                <div className=\"bg-white py-6 px-2 justify-center rounded text-center\">\r\n                                    <div className=\"justify-center text-center web\">\r\n                                        <img src=\"https://i.ibb.co/mNLPyd4/opera.png\" alt=\"\" className=\"w-12 justify-center\" />\r\n                                    </div>\r\n                                    <h1 className=\"fontfamily text-black font-semibold xl:text-3xl lg:text-2xl text-3xl mt-4\">\r\n                                        Australia\r\n                                    </h1>\r\n                                    <p className=\"fontfamily xl:text-lg font-medium\" style={{ color: '#3d5975' }}>\r\n                                        Sydney\r\n                                    </p>\r\n                                    <p className=\"fontfamily font-semibold xl:text-lg  text-lg text-black\">\r\n                                        info@acrhywave.com\r\n                                    </p>\r\n                                    <p className=\"fontfamily xl:text-lg text-lg text-black\" >\r\n                                        +61493165725\r\n                                    </p>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"xl:w-4/12 lg:w-4/12 w-12/12 pt-6 xl:pt-0 lg:pt-0 px-4\">\r\n                                <div className=\"bg-white py-6 px-2 justify-center rounded text-center\">\r\n                                    <div className=\"justify-center text-center web\">\r\n                                        <img src=\"https://i.ibb.co/YLB0mSm/archywavedubai.png\" alt=\"\" className=\"w-12 justify-center\" />\r\n                                    </div>\r\n                                    <h1 className=\"fontfamily text-black font-semibold xl:text-3xl lg:text-2xl text-3xl mt-4\">\r\n                                        UAE\r\n                                    </h1>\r\n                                    <p className=\"fontfamily xl:text-lg font-medium\" style={{ color: '#3d5975' }}>\r\n                                        Dubai\r\n                                    </p>\r\n                                    <p className=\"fontfamily font-semibold xl:text-lg text-lg text-black\">\r\n                                        info@acrhywave.com\r\n                                    </p>\r\n                                    <p className=\"fontfamily xl:text-lg text-lg text-black\" >\r\n                                        +61493165725\r\n                                    </p>\r\n                                </div>\r\n                            </div>\r\n                           \r\n                            <div className=\"xl:w-4/12  lg:w-4/12 w-12/12  xl:pt-0 pt-6 lg:pt-0 xl:px-4 px-4\">\r\n                                <div className=\"bg-white py-6 px-2 justify-center rounded text-center\">\r\n                                    <div className=\"justify-center text-center web\">\r\n                                        <img src=\"https://i.ibb.co/b7WsvVg/clock.png\" alt=\"\" className=\"w-10 justify-center\" />\r\n                                    </div>\r\n                                    <h1 className=\"fontfamily text-black font-semibold xl:text-2xl lg:text-2xl text-3xl mt-4\">\r\n                                        Working Hours\r\n                                    </h1>\r\n                                    <p className=\"fontfamily xl:text-lg font-medium mt-4\" style={{ color: '#3d5975' }}>\r\n                                        Monday - Friday\r\n                                    </p>\r\n                                    \r\n                                    <p className=\"fontfamily xl:text-lg text-lg text-black mb-6\" >\r\n                                        9.00 AM - 6.00 PM\r\n                                    </p>\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n                </section>\r\n            </div>\r\n\r\n\r\n\r\n\r\n            <section className=\"container mx-auto xl:px-12 xl:mt-12 mt-12\">\r\n                <div className=\"xl:px-12 lg:px-10 px-2 w-full\">\r\n                    <div className=\"flex mx-auto justify-center\">\r\n                        <div className=\"xl:w-8/12 w-12/12\">\r\n                            <h3 className=\"fontfamily xl:text-lg text-lg font-semibold text-red-900 text-center\" >\r\n                                Get In Touch\r\n                            </h3>\r\n                            <p className=\"fontfamily text-black mt-4 text-2xl xl:text-4xl font-semibold text-center\">\r\n                                Drop us a line or give us a ring.\r\n                            </p>\r\n                            <form onSubmit={handleSubmit} className=\"xl:mt-6 mt-6\">\r\n                                    <div className=\"flex flex-wrap\">\r\n                                        <div className=\"px-2 xl:w-6/12 w-12/12\">\r\n                                            <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                                placeholder=\"First Name\" name=\"name\" maxlength=\"25\" onChange={e => setFirstName(e.target.value)} />\r\n                                            {nameError && firstName.length === 0 ?\r\n                                                <label className=\"error\">Enter Your First Name</label> : \"\"}\r\n                                        </div>\r\n                                        <div className=\"px-2 xl:w-6/12 w-12/12\">\r\n                                            <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                                placeholder=\"Last Name\" name=\"namee\" maxlength=\"25\" onChange={e => setLastName(e.target.value)} />\r\n                                            {nameeError && lastName.length === 0 ?\r\n                                                <label className=\"error\">Enter Your Last Name</label> : \"\"}\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"px-2 xl:w-12/12 xl:mt-6 w-12/12\">\r\n                                        <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                            placeholder=\"Email\" name=\"email\" onChange={e => setEmail(e.target.value) + setEmailRegexError(e.target.value)} />\r\n                                        {emailError && email.length === 0 ?\r\n                                            <label className=\"error\">Enter Your Email</label> : \"\"}\r\n                                        {emailregexError && (!(/^[a-zA-Z0-9]+@[a-zA-Z0-9]+\\.[A-Za-z]+$/.test(email))) ?\r\n                                            <label className=\"error\">Please Enter Valid Email</label> : \"\"}\r\n\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"px-2 xl:w-12/12 w-12/12 xl:mt-6\">\r\n                                    <select\r\n                                        id=\"country\"\r\n                                        name=\"country\"\r\n                                        value={country}\r\n                                        onChange={(e) => setCountry(e.target.value)}\r\n                                        className={`xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base ${countryError ? 'border-red-500' : ''}`}\r\n                                    >\r\n                                        <option value=\"\">Select your country</option>\r\n                                        {countryOptions.map((option) => (\r\n                                            <option key={option.value} value={option.label}>{option.label}</option>\r\n                                        ))}\r\n                                    </select>\r\n                                    {countryError && <p className=\"error\">Please select your country.</p>}\r\n                                </div>\r\n                           \r\n\r\n                            <div className=\"px-2 xl:w-12/12 w-12/12 xl:mt-6\">\r\n                                <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                    placeholder=\"Phone Number\" name=\"tel\" maxlength=\"10\" onChange={e => setTel(e.target.value) + setTelRegexError(e.target.value)} />\r\n                                {telError && tel.length === 0 ?\r\n                                    <label className=\"error pt-2\">Enter Your Contact Number</label> : \"\"}\r\n                                {telregexError && (!(/^(?:\\+?\\d{1,3})?0?\\d{7,12}$/.test(tel))) ?\r\n                                    <label className=\"error pt-2\">Please Enter Valid Number</label> : \"\"}\r\n                            </div>\r\n\r\n                            <div className=\"px-2 xl:w-12/12 w-12/12 xl:mt-6\">\r\n                                <textarea className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-20 rounded mt-2 fontfamily xl:text-base\"\r\n                                    placeholder=\"Message\" name=\"message\" onChange={e => setMessage(e.target.value)} />\r\n                                {messageError && message.length === 0 ?\r\n                                    <label className=\"error\">Please Enter Your Message</label> : \"\"}\r\n                            </div>\r\n                            <div className=\"items-center text-center justify-center\">\r\n                                <button className=\"justify-center text-center px-12 py-2 rounded-lg  bg-red-900 text-white mt-6 fontfamily font-semibold xl:text-base\" type=\"submit\">\r\n                                    Submit\r\n                                </button>\r\n                            </div>\r\n                        </form>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </section>\r\n\r\n\r\n            <Footer />\r\n        </>\r\n    );\r\n}\r\n","\r\nimport React, { useState, useEffect, useRef, useMemo } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport emailjs from '@emailjs/browser';\r\nimport IndexNavbarr from \"components/Navbars/IndexNavbarr.js\";\r\nimport Footer from \"components/Footers/Footer.js\";\r\nimport $ from \"jquery\";\r\nimport countryList from 'react-select-country-list'\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\n\r\n// import Basics from \"assets/img/Basics.png\";\r\n// import Standard from \"assets/img/Standard.png\";\r\n// import premium from \"assets/img/premium.png\";\r\n// import premiumplus from \"assets/img/premiumplus.png\";\r\n// import premiumspacepro from \"assets/img/premiumspacepro.png\";\r\n// import premiumspacepromax from \"assets/img/premiumspacepromax.png\";\r\n\r\nimport Basics from \"assets/img/imagess/Basics.webp\";\r\nimport Standard from \"assets/img/imagess/Standard.webp\";\r\nimport Premium from \"assets/img/imagess/Premium.webp\";\r\nimport Premiumplus from \"assets/img/imagess/Premiumplus.webp\";\r\nimport Premiumspacepromax from \"assets/img/imagess/Premiumspacepromax.webp\";\r\nimport Premiumspacepro from \"assets/img/imagess/Premiumspacepro.webp\";\r\n\r\n\r\nimport addon1 from \"assets/img/imagess/addon1.webp\";\r\nimport addon2 from \"assets/img/imagess/addon2.webp\";\r\nimport addon3 from \"assets/img/imagess/addon3.webp\";\r\nimport addon4 from \"assets/img/imagess/addon4.webp\";\r\nimport addon5 from \"assets/img/imagess/addon5.webp\";\r\nimport addon6 from \"assets/img/imagess/addon6.webp\";\r\nimport addon7 from \"assets/img/imagess/addon7.webp\";\r\nimport addon8 from \"assets/img/imagess/addon8.webp\";\r\nimport addon9 from \"assets/img/imagess/addon9.webp\";\r\nimport packagebanner from \"assets/img/packagebanner.webp\";\r\n\r\n\r\nexport default function Studio() {\r\n\r\n    const [firstName, setFirstName] = useState('');\r\n    const [lastName, setLastName] = useState('');\r\n    const [email, setEmail] = useState('');\r\n    const [tel, setTel] = useState('');\r\n    const [message, setMessage] = useState('');\r\n    const [country, setCountry] = useState('');\r\n\r\n    const [nameError, setNameError] = useState(false);\r\n    const [nameeError, setNameeError] = useState(false);\r\n    const [emailError, setEmailError] = useState(false);\r\n    const [emailregexError, setEmailRegexError] = useState(false);\r\n    const [telError, setTelError] = useState(false);\r\n    const [telregexError, setTelRegexError] = useState(false);\r\n    const [messageError, setMessageError] = useState(false);\r\n    const [countryError, setCountryError] = useState(false);\r\n    const [selectedPackage, setSelectedPackage] = useState('');\r\n\r\n    const countryOptions = useMemo(() => countryList().getData(), []);\r\n\r\n    const handleSubmit = (e) => {\r\n        e.preventDefault();\r\n\r\n        setNameError(firstName.length === 0);\r\n        setNameeError(lastName.length === 0);\r\n        setEmailError(email.length === 0);\r\n        setTelError(tel.length === 0);\r\n        setMessageError(message.length === 0);\r\n        setCountryError(country.length === 0);\r\n\r\n        if (email.length > 0 && !(/^[a-zA-Z0-9]+@[a-zA-Z0-9]+\\.[A-Za-z]+$/.test(email))) {\r\n            setEmailRegexError(true);\r\n        } else {\r\n            setEmailRegexError(false);\r\n        }\r\n\r\n        if (tel.length > 0 && !(/^(?:\\+?\\d{1,3})?0?\\d{7,12}$/.test(tel))) {\r\n            setTelRegexError(true);\r\n        } else {\r\n            setTelRegexError(false);\r\n        }\r\n\r\n        if (firstName && lastName && email && tel && message && country && !emailregexError && !telregexError) {\r\n            console.log(\"First Name: \", firstName);\r\n            console.log(\"Last Name: \", lastName);\r\n            console.log(\"Email: \", email);\r\n            console.log(\"Tel: \", tel);\r\n            console.log(\"Message: \", message);\r\n            console.log(\"Country: \", country);\r\n\r\n            emailjs.sendForm('service_pkgyfs7', 'template_9ukwsqi', e.target, '076KSZ_e1qDX1KE1V')\r\n                .then((result) => {\r\n                    console.log(result.text);\r\n                }, (error) => {\r\n                    console.log(error.text);\r\n                });\r\n\r\n            toast.success(\"Form Submitted Successfully! Thank you for reaching out to us!\", {\r\n                position: toast.POSITION.CENTER_CENTER,\r\n                autoClose: 3000, // Automatically close after 3 seconds\r\n                hideProgressBar: false, // Show progress bar\r\n                closeOnClick: false, // Don't close on click\r\n                pauseOnHover: false, // Don't pause on hover\r\n                draggable: false, // Disable dragging\r\n                progress: undefined, // Use the default progress bar\r\n                bodyClassName: \"toast-success\" // Custom class for toast body\r\n            });\r\n\r\n            setFirstName('');\r\n            setLastName('');\r\n            setEmail('');\r\n            setTel('');\r\n            setMessage('');\r\n            setCountry('');\r\n            setSelectedPackage('')\r\n\r\n            // Reset the form\r\n            e.target.reset();\r\n        }\r\n    };\r\n\r\n\r\n    const [modalOpen, setModalOpen] = useState(false);\r\n    const [modalImage, setModalImage] = useState(\"\");\r\n\r\n    const openModal = (imageSrc, packageName) => {\r\n        setModalImage(imageSrc);\r\n        setModalOpen(true);\r\n        setSelectedPackage(packageName);\r\n    };\r\n\r\n    const closeModal = () => {\r\n        setModalOpen(false);\r\n    };\r\n\r\n\r\n    return (\r\n        <>\r\n            <IndexNavbarr fixed />\r\n\r\n            <section className=\"w-full\" style={{\r\n                backgroundImage: `url(${packagebanner})`, backgroundPosition: \"center\", backgroundRepeat: \"no-repeat\",\r\n                backgroundSize: 'cover'\r\n            }}>\r\n                <div className=\"container mx-auto items-center xl:py-32\" >\r\n                    <div className='w-full xl:py-32 py-16'>\r\n                        <div className='flex flex-wrap pt-12'>\r\n\r\n                            <div className='xl:w-8/12  w-full mb-12'>\r\n                                <h2 className='xl:block hidden xl:text-6xl text-3xl pl-3  uppercase text-left fontfamily1 font-semibold' style={{ color: '#DE0A26' }}>\r\n                                    Packages for<br></br><p className='text-white mt-4'>\r\n                                        Real Estate Marketing</p>\r\n                                </h2>\r\n\r\n                                <h2 className='xl:hidden block lg:px-10 px-0 lg:text-4xl text-3xl pl-3 uppercase text-left fontfamily1 font-semibold' style={{ color: '#DE0A26' }}>\r\n                                    Packages for <span className='text-white'>\r\n                                        Real Estate Marketing</span>\r\n                                </h2>\r\n                            </div>\r\n                            <div className='xl:w-2/12'></div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n\r\n            <section className=\"bg-black\">\r\n                <div className=\"container mx-auto xl:py-12\">\r\n                    <div className=\"text-white fontfamily1 xl:text-4xl text-2xl text-3xl pt-12 text-center xl:mt-12 \">\r\n                        3D & VR PACKAGES\r\n                    </div>\r\n                    <div className=\"w-full xl:py-12 py-6 xl:px-12 px-4\">\r\n                        <div className=\"flex flex-wrap \">\r\n                            <div className=\"xl:w-6/12 lg:w-6/12 w-12/12\">\r\n                                <div className=\"zoom2 text-center border border-red-800 \">\r\n                                    <div className=\"justify-center text-center mx-auto web xl:mt-12 lg:mt-10 mt-6 \">\r\n                                        <img src={Basics} className=\"xl:w-6/12\"></img>\r\n                                    </div>\r\n                                    <h1 className=\"text-white fontfamily1 xl:text-4xl text-2xl  font-semibold pt-5 mb-6\">\r\n                                        Basics\r\n                                    </h1>\r\n                                    <hr className=\"border border-red-800\"></hr>\r\n                                    <div className=\"xl:py-12 py-6 text-white fontfamily1 xl:text-lg\">\r\n                                        <p className=\"font-semibold\">\r\n                                            Exterior Rendering\r\n                                        </p>\r\n                                        <p className=\"xl:text-base\">\r\n                                            2 close-up CGIs/renders\r\n                                        </p>\r\n                                        <p className=\"pt-6 font-semibold\">\r\n                                            Interior Rendering\r\n                                        </p>\r\n                                        <p className=\"xl:text-base\">\r\n                                            5 interior CGIs/renders\r\n                                        </p>\r\n                                    </div>\r\n                                    <div className=\"justify-center mx-auto xl:w-4/12 w-6/12 mb-12 cursor-pointer\">\r\n                                        <div onClick={() => openModal(\"https://i.ibb.co/ChVZVs4/974829dc-d0ad-4b7c-a570-805cc52a2332.jpg\", \"Light 3D\")} className=\"bg-red-900 text-white fontfamily1 xl:text-lg py-2\">\r\n                                            Get a Quote\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"xl:w-6/12 lg:w-6/12 w-12/12\">\r\n                                <div className=\"zoom2 text-center border border-red-800 \">\r\n                                    <div className=\"justify-center text-center mx-auto web xl:mt-12 mt-6\">\r\n                                        <img src={Standard} className=\"xl:w-7/12\"></img>\r\n                                    </div>\r\n                                    <h1 className=\"text-white fontfamily1 xl:text-4xl text-2xl font-semibold pt-4 mb-6\">\r\n                                        Standard\r\n                                    </h1>\r\n                                    <hr className=\"border border-red-800\"></hr>\r\n                                    <div className=\"xl:py-12 py-6 text-white fontfamily1 xl:text-lg\">\r\n                                        <p className=\"font-semibold\">\r\n                                            Exterior Rendering\r\n                                        </p>\r\n                                        <p className=\"xl:text-base\">\r\n                                            5 close-up CGIs/renders\r\n                                        </p>\r\n                                        <p className=\"pt-6 font-semibold\">\r\n                                            Interior Rendering\r\n                                        </p>\r\n                                        <p className=\"xl:text-base\">\r\n                                            10 interior CGIs/renders\r\n                                        </p>\r\n\r\n                                    </div>\r\n                                    <div className=\"justify-center mx-auto xl:w-4/12 w-6/12 mb-12 cursor-pointer\">\r\n                                        <div onClick={() => openModal(\"https://i.ibb.co/ChVZVs4/974829dc-d0ad-4b7c-a570-805cc52a2332.jpg\", \"Complex 3D\")} className=\"bg-red-900 text-white fontfamily1 xl:text-lg py-2\">\r\n                                            Get a Quote\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"xl:w-6/12 lg:w-6/12 w-12/12\">\r\n                                <div className=\"zoom2 text-center border border-red-800 hover:-mt-4 cursor-pointer\">\r\n                                    <div className=\"justify-center text-center mx-auto web xl:mt-12 lg:mt-1\">\r\n                                        <img src={Premium} className=\"xl:w-7/12\"></img>\r\n                                    </div>\r\n                                    <h1 className=\"text-white fontfamily1 xl:text-4xl text-2xl font-semibold pt-8 mb-6\">\r\n                                        Premium\r\n                                    </h1>\r\n                                    <hr className=\"border border-red-800\"></hr>\r\n                                    <div className=\"xl:py-12 py-6 text-white fontfamily1 xl:text-lg\">\r\n                                        <p className=\"font-semibold\">\r\n                                            Exterior Rendering\r\n                                        </p>\r\n                                        <p className=\"xl:text-base\">\r\n                                            5 close-up CGIs/renders\r\n                                        </p>\r\n                                        <p className=\"pt-6 font-semibold\">\r\n                                            Interior Rendering\r\n                                        </p>\r\n                                        <p className=\"xl:text-base\">\r\n                                            10 interior CGIs/renders\r\n                                        </p>\r\n\r\n                                        <p className=\"pt-6 font-semibold\">\r\n                                            3D Animation Video\r\n                                        </p>\r\n                                        <p className=\"xl:text-base\">\r\n                                            30 – 60 sec fly-through\r\n                                        </p>\r\n                                    </div>\r\n                                    <div className=\"justify-center mx-auto xl:w-4/12 w-6/12 mb-12 cursor-pointer\">\r\n                                        <div onClick={() => openModal(\"https://i.ibb.co/ChVZVs4/974829dc-d0ad-4b7c-a570-805cc52a2332.jpg\", \"Complex + Video\")} className=\"bg-red-900 text-white fontfamily1 xl:text-lg py-2\">\r\n                                            Get a Quote\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"xl:w-6/12 lg:w-6/12 w-12/12\">\r\n                                <div className=\"zoom2 text-center border border-red-800 hover:-mt-4 cursor-pointer\">\r\n                                    <div className=\"justify-center text-center mx-auto web xl:mt-12\">\r\n                                        <img src={Premiumplus} className=\"xl:w-8/12\"></img>\r\n                                    </div>\r\n                                    <h1 className=\"text-white fontfamily1 xl:text-4xl text-2xl font-semibold pt-6 mb-6\">\r\n                                        Premium Plus\r\n                                    </h1>\r\n                                    <hr className=\"border border-red-800\"></hr>\r\n                                    <div className=\"xl:py-12 py-6 text-white fontfamily1 xl:text-lg\">\r\n                                        <p className=\"font-semibold\">\r\n                                            Exterior Rendering\r\n                                        </p>\r\n                                        <p className=\"xl:text-base\">\r\n                                            5 close-up CGIs/renders\r\n                                        </p>\r\n                                        <p className=\"pt-6 font-semibold\">\r\n                                            Interior Rendering\r\n                                        </p>\r\n                                        <p className=\"xl:text-base\">\r\n                                            10 interior CGIs/renders\r\n                                        </p>\r\n\r\n                                        <p className=\"pt-6 font-semibold\">\r\n                                            1 VR Tour (web .html)\r\n                                        </p>\r\n                                        <p className=\"xl:text-base\">\r\n                                            * real window footage to be provided\r\n                                            up to 15 hotspots\r\n                                        </p>\r\n                                    </div>\r\n                                    <div className=\"justify-center mx-auto xl:w-4/12 w-6/12 mb-12 cursor-pointer\">\r\n                                        <div onClick={() => openModal(\"https://i.ibb.co/ChVZVs4/974829dc-d0ad-4b7c-a570-805cc52a2332.jpg\", \"Complex + VR\")} className=\"bg-red-900 text-white fontfamily1 xl:text-lg py-2\">\r\n                                            Get a Quote\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"xl:w-6/12 lg:w-6/12 w-12/12\">\r\n                                <div className=\"zoom2 text-center border border-red-800 hover:-mt-4 cursor-pointer\">\r\n                                    <div className=\"justify-center text-center mx-auto xl:mt-12 lg:mt-4 web\">\r\n                                        <img src={Premiumspacepro} className=\"xl:w-7/12\"></img>\r\n                                    </div>\r\n                                    <h1 className=\"text-white fontfamily1 xl:text-4xl text-2xl font-semibold pt-4 mb-6\">\r\n                                        Premium Space Pro\r\n                                    </h1>\r\n                                    <hr className=\"border border-red-800\"></hr>\r\n                                    <div className=\"xl:py-12 py-6 text-white fontfamily1 xl:text-lg\">\r\n                                        <p className=\"font-semibold\">\r\n                                            Exterior Rendering\r\n                                        </p>\r\n                                        <p className=\"xl:text-base\">\r\n                                            5 close-up CGIs/renders\r\n                                        </p>\r\n                                        <p className=\"pt-6 font-semibold\">\r\n                                            Interior Rendering\r\n                                        </p>\r\n                                        <p className=\"xl:text-base\">\r\n                                            10 interior CGIs/renders\r\n                                        </p>\r\n\r\n                                        <p className=\"pt-6 font-semibold\">\r\n                                            3D Animation Video\r\n                                        </p>\r\n                                        <p className=\"xl:text-base\">\r\n                                            30 – 60 sec fly-through\r\n                                        </p>\r\n\r\n                                        <p className=\"pt-6 font-semibold\">\r\n                                            Web Landing Page\r\n                                        </p>\r\n                                    </div>\r\n                                    <div className=\"justify-center mx-auto xl:w-4/12 w-6/12 mb-6 cursor-pointer\">\r\n                                        <div onClick={() => openModal(\"https://i.ibb.co/ChVZVs4/974829dc-d0ad-4b7c-a570-805cc52a2332.jpg\", \"Complex + Video + Website\")} className=\"bg-red-900 text-white fontfamily1 xl:text-lg py-2\">\r\n                                            Get a Quote\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"xl:w-6/12 lg:w-6/12 w-12/12\">\r\n                                <div className=\"zoom2 text-center border border-red-800 zoom2\">\r\n                                    <div className=\"justify-center text-center mx-auto xl:mt-12 web\">\r\n                                        <img src={Premiumspacepromax} className=\"xl:w-7/12\"></img>\r\n                                    </div>\r\n                                    <h1 className=\"text-white fontfamily1 xl:text-4xl text-2xl font-semibold pt-5 mb-6\">\r\n                                        Premium Space Pro Max\r\n                                    </h1>\r\n                                    <hr className=\"border border-red-800\"></hr>\r\n                                    <div className=\"xl:py-12 py-6 text-white fontfamily1 xl:text-lg\">\r\n                                        <p className=\"font-semibold\">\r\n                                            Exterior Rendering\r\n                                        </p>\r\n                                        <p className=\"xl:text-base\">\r\n                                            5 close-up CGIs/renders\r\n                                        </p>\r\n                                        <p className=\"pt-6 font-semibold\">\r\n                                            Interior Rendering\r\n                                        </p>\r\n                                        <p className=\"xl:text-base\">\r\n                                            10 interior CGIs/renders\r\n                                        </p>\r\n\r\n                                        <p className=\"pt-6 font-semibold\">\r\n                                            1 VR Tour (web .html)\r\n                                        </p>\r\n                                        <p className=\"xl:text-base\">\r\n                                            * real window footage to be provided\r\n                                        </p>\r\n\r\n                                        <p className=\"pt-6 font-semibold\">\r\n                                            Web Landing Page\r\n                                        </p>\r\n                                    </div>\r\n                                    <div className=\"justify-center mx-auto xl:w-4/12 w-6/12 mb-6 cursor-pointer\">\r\n                                        <div onClick={() => openModal(\"https://i.ibb.co/ChVZVs4/974829dc-d0ad-4b7c-a570-805cc52a2332.jpg\", \"Complex + VR + Website\")} className=\"bg-red-900 text-white fontfamily1 xl:text-lg py-2\">\r\n                                            Get a Quote\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n                <section className=\"container mx-auto xl:py-12 py-6\">\r\n                    <div className=\"w-full xl:px-12\">\r\n                        <h3 className=\"text-center text-white fontfamily1 xl:text-4xl text-2xl uppercase font-semibold mb-6\">\r\n                            Add-Ons\r\n                        </h3>\r\n                        <div className=\"flex flex-wrap \">\r\n                            <div className=\"xl:w-4/12 lg:w-4/12 w-12/12  px-2\">\r\n                                <div onClick={() => openModal(\"https://i.ibb.co/ChVZVs4/974829dc-d0ad-4b7c-a570-805cc52a2332.jpg\", \"Interior Design\")} className=\"xl:py-12 py-6 bg-black zoom3 cursor-pointer\" style={{\r\n                                    backgroundImage: `url(${addon1})`,\r\n                                    backgroundPosition: 'center',\r\n                                    backgroundRepeat: 'no-repeat',\r\n                                    backgroundSize: 'cover'\r\n                                }}>\r\n                                    <h5 className=\"text-white fontfamily1 xl:text-xl xl:py-12 py-24 text-xl text-center font-semibold\">\r\n                                        Interior Design\r\n                                    </h5>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"xl:w-4/12 lg:w-4/12 w-12/12 xl:mt-0 mt-4 lg:mt-0 px-2\">\r\n                                <div onClick={() => openModal(\"https://i.ibb.co/ChVZVs4/974829dc-d0ad-4b7c-a570-805cc52a2332.jpg\", \"Property Sales App\")} className=\"xl:py-12 py-6 bg-black zoom3 cursor-pointer\" style={{\r\n                                    backgroundImage: `url(${addon2})`,\r\n                                    backgroundPosition: 'center',\r\n                                    backgroundRepeat: 'no-repeat',\r\n                                    backgroundSize: 'cover'\r\n                                }}>\r\n                                    <h5 className=\"text-white fontfamily1 xl:text-xl xl:py-12 py-24 text-xl text-center font-semibold\">\r\n                                        Property Sales App\r\n                                    </h5>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"xl:w-4/12 lg:w-4/12 w-12/12 xl:mt-0 mt-4 lg:mt-0 px-2\">\r\n                                <div onClick={() => openModal(\"https://i.ibb.co/ChVZVs4/974829dc-d0ad-4b7c-a570-805cc52a2332.jpg\", \"VR App for Oculus Rift/HTC Vive\")} className=\"xl:py-12 py-6 bg-black zoom3 cursor-pointer\" style={{\r\n                                    backgroundImage: `url(${addon3})`,\r\n                                    backgroundPosition: 'center',\r\n                                    backgroundRepeat: 'no-repeat',\r\n                                    backgroundSize: 'cover'\r\n                                }}>\r\n                                    <h5 className=\"text-white fontfamily1 xl:text-xl xl:py-12 py-24 text-xl text-center font-semibold\">\r\n                                        VR App\r\n                                    </h5>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"xl:w-4/12 lg:w-4/12 w-12/12 xl:mt-0  py-4 px-2\">\r\n                                <div onClick={() => openModal(\"https://i.ibb.co/ChVZVs4/974829dc-d0ad-4b7c-a570-805cc52a2332.jpg\", \"Interactive 3D Floorplan\")} className=\"xl:py-12 py-6 bg-black zoom3 cursor-pointer\" style={{\r\n                                    backgroundImage: `url(${addon4})`,\r\n                                    backgroundPosition: 'center',\r\n                                    backgroundRepeat: 'no-repeat',\r\n                                    backgroundSize: 'cover'\r\n                                }}>\r\n                                    <h5 className=\"text-white fontfamily1 xl:text-xl xl:py-12 py-24  text-xl text-center font-semibold\">\r\n                                        Interactive 3D Floorplan\r\n                                    </h5>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"xl:w-4/12 lg:w-4/12 w-12/12 xl:mt-0  py-4 px-2\">\r\n                                <div onClick={() => openModal(\"https://i.ibb.co/ChVZVs4/974829dc-d0ad-4b7c-a570-805cc52a2332.jpg\", \"Web Landing Page\")} className=\"xl:py-12 py-6 bg-black zoom3 cursor-pointer\" style={{\r\n                                    backgroundImage: `url(${addon5})`,\r\n                                    backgroundPosition: 'center',\r\n                                    backgroundRepeat: 'no-repeat',\r\n                                    backgroundSize: 'cover'\r\n                                }}>\r\n                                    <h5 className=\"text-white fontfamily1 xl:text-xl xl:py-12 py-24 text-xl text-center font-semibold\">\r\n                                        Web Landing Page\r\n                                    </h5>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"xl:w-4/12 lg:w-4/12 w-12/12 xl:mt-0  py-4 px-2\">\r\n                                <div onClick={() => openModal(\"https://i.ibb.co/ChVZVs4/974829dc-d0ad-4b7c-a570-805cc52a2332.jpg\", \"Real-time Rendering App\")} className=\"xl:py-12 py-6 bg-black zoom3 cursor-pointer\" style={{\r\n                                    backgroundImage: `url(${addon6})`,\r\n                                    backgroundPosition: 'center',\r\n                                    backgroundRepeat: 'no-repeat',\r\n                                    backgroundSize: 'cover'\r\n                                }}>\r\n                                    <h5 className=\"text-white fontfamily1 xl:text-xl xl:py-12 py-24 text-xl text-center font-semibold\">\r\n                                        Real-time Rendering App\r\n                                    </h5>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"xl:w-4/12 lg:w-4/12 w-12/12 xl:mt-0  px-2\">\r\n                                <div onClick={() => openModal(\"https://i.ibb.co/ChVZVs4/974829dc-d0ad-4b7c-a570-805cc52a2332.jpg\", \"Masterplan Fly-through Animation\")} className=\"xl:py-12 py-6 bg-black zoom3 cursor-pointer\" style={{\r\n                                    backgroundImage: `url(${addon7})`,\r\n                                    backgroundPosition: 'center',\r\n                                    backgroundRepeat: 'no-repeat',\r\n                                    backgroundSize: 'cover'\r\n                                }}>\r\n                                    <h5 className=\"text-white fontfamily1 xl:text-xl xl:py-12 text-xl py-24 text-center font-semibold\">\r\n                                        Masterplan Fly-through Animation\r\n                                    </h5>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"xl:w-4/12 lg:w-4/12 w-12/12 xl:mt-0 mt-4 lg:mt-0 px-2\">\r\n                                <div onClick={() => openModal(\"https://i.ibb.co/ChVZVs4/974829dc-d0ad-4b7c-a570-805cc52a2332.jpg\", \"Interactive Masterplan\")} className=\"xl:py-12 py-6 bg-black zoom3 cursor-pointer\" style={{\r\n                                    backgroundImage: `url(${addon8})`,\r\n                                    backgroundPosition: 'center',\r\n                                    backgroundRepeat: 'no-repeat',\r\n                                    backgroundSize: 'cover'\r\n                                }}>\r\n                                    <h5 className=\"text-white fontfamily1 xl:text-xl xl:py-12 text-xl py-24 text-center font-semibold\">\r\n                                        Interactive Masterplan\r\n                                    </h5>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"xl:w-4/12 lg:w-4/12 w-12/12 xl:mt-0 mt-4 lg:mt-0 px-2\">\r\n                                <div onClick={() => openModal(\"https://i.ibb.co/ChVZVs4/974829dc-d0ad-4b7c-a570-805cc52a2332.jpg\", \"Scale Model\")} className=\"xl:py-12 py-6 bg-black zoom3 cursor-pointer\" style={{\r\n                                    backgroundImage: `url(${addon9})`,\r\n                                    backgroundPosition: 'bottom',\r\n                                    backgroundRepeat: 'no-repeat',\r\n                                    backgroundSize: 'cover'\r\n                                }}>\r\n                                    <h5 className=\"text-white fontfamily1 xl:text-xl xl:py-12 text-xl py-24 text-center font-semibold\">\r\n                                        Scale Model\r\n                                    </h5>\r\n                                </div>\r\n                            </div>\r\n\r\n\r\n                        </div>\r\n                    </div>\r\n                </section>\r\n            </section>\r\n\r\n            {modalOpen && (\r\n                <div className=\"modal\">\r\n                    <span className=\"close\" onClick={closeModal}>&times;</span>\r\n                    <div className=\"modal-content\">\r\n                        <div className=\"container mx-auto\">\r\n                            <div className=\"xl:px-32\">\r\n                                <div className=\"bg-white rounded xl:py-12 py-6 xl:px-6\">\r\n                                    <h2 className=\"text-red-900 fontfamily1 font-bold text-center xl:text-3xl text-3xl\">\r\n                                        Your Packages\r\n                                    </h2>\r\n                                    <form onSubmit={handleSubmit} className=\"xl:mt-6 mt-6\">\r\n                                        <div className=\"flex flex-wrap\">\r\n                                            <div className=\"px-2 xl:w-12/12 w-12/12\">\r\n                                                <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                                    placeholder=\"First Name\" name=\"name\" maxlength=\"25\" onChange={e => setFirstName(e.target.value)} />\r\n                                                {nameError && firstName.length === 0 ?\r\n                                                    <label className=\"error\">Enter Your First Name</label> : \"\"}\r\n                                            </div>\r\n                                            <div className=\"px-2 xl:w-12/12 w-12/12 mt-2\">\r\n                                                <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                                    placeholder=\"Last Name\" name=\"namee\" maxlength=\"25\" onChange={e => setLastName(e.target.value)} />\r\n                                                {nameeError && lastName.length === 0 ?\r\n                                                    <label className=\"error\">Enter Your Last Name</label> : \"\"}\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div className=\"px-2 xl:w-12/12 mt-2 w-12/12\">\r\n                                            <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                                placeholder=\"Email\" name=\"email\" onChange={e => setEmail(e.target.value) + setEmailRegexError(e.target.value)} />\r\n                                            {emailError && email.length === 0 ?\r\n                                                <label className=\"error\">Enter Your Email</label> : \"\"}\r\n                                            {emailregexError && (!(/^[a-zA-Z0-9]+@[a-zA-Z0-9]+\\.[A-Za-z]+$/.test(email))) ?\r\n                                                <label className=\"error\">Please Enter Valid Email</label> : \"\"}\r\n\r\n\r\n                                        </div>\r\n\r\n                                        <div className=\"px-2 xl:w-12/12 w-12/12 mt-1\">\r\n                                            <select\r\n                                                id=\"country\"\r\n                                                name=\"country\"\r\n                                                value={country}\r\n                                                onChange={(e) => setCountry(e.target.value)}\r\n                                                className={`xl:w-12/12 w-12/12 fontfamily px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base ${countryError ? 'border-red-500' : ''}`}\r\n                                            >\r\n                                                <option value=\"\">Select your country</option>\r\n                                                {countryOptions.map((option) => (\r\n                                                    <option key={option.value} value={option.label}>{option.label}</option>\r\n                                                ))}\r\n                                            </select>\r\n                                            {countryError && <p className=\"error\">Please select your country.</p>}\r\n                                        </div>\r\n\r\n\r\n                                        <div className=\"px-2 xl:w-12/12 w-12/12 mt-2\">\r\n                                            <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                                placeholder=\"Phone Number\" name=\"tel\" maxlength=\"10\" onChange={e => setTel(e.target.value) + setTelRegexError(e.target.value)} />\r\n                                            {telError && tel.length === 0 ?\r\n                                                <label className=\"error pt-2\">Enter Your Contact Number</label> : \"\"}\r\n                                            {/* {telregexError && (!(/^(?:\\+?\\d{1,3})?0?\\d{7,12}$/.test(tel))) ? */}\r\n                                            {telregexError && (!(/^(?:\\+?\\d{1,3})?0?\\d{7,12}$/.test(tel))) ?\r\n                                                <label className=\"error pt-2\">Please Enter Valid Number</label> : \"\"}\r\n                                        </div>\r\n\r\n                                        <div className=\"px-2 xl:w-12/12 w-12/12 mt-2\">\r\n                                            <textarea className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-20 rounded mt-2 fontfamily xl:text-base\"\r\n                                                placeholder=\"Message\" name=\"message\" onChange={e => setMessage(e.target.value)} />\r\n                                            {messageError && message.length === 0 ?\r\n                                                <label className=\"error\">Please Enter Your Message</label> : \"\"}\r\n                                        </div>\r\n                                        <input type=\"hidden\" name=\"package\" id=\"package\" value={selectedPackage} />\r\n                                        <div className=\"items-center text-center justify-center\">\r\n                                            <button className=\"justify-center text-center px-12 py-2 rounded-lg  bg-red-900 text-white mt-6 fontfamily font-semibold xl:text-base\" type=\"submit\">\r\n                                                Submit\r\n                                            </button>\r\n                                        </div>\r\n                                    </form>\r\n                                    <ToastContainer position=\"top-right\" />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            )}\r\n\r\n\r\n\r\n\r\n            <Footer />\r\n        </>\r\n    );\r\n}\r\n","/*eslint-disable*/\r\nimport React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nimport IndexNavbar from \"components/Navbars/IndexNavbar.js\";\r\nimport Footer from \"components/Footers/Footer.js\";\r\n\r\nexport default function Workflows() {\r\n    return (\r\n        <>\r\n            <IndexNavbar fixed />\r\n            <section className=\"header relative pt-32 items-center flex mt-32\">\r\n                \r\n                </section>\r\n\r\n\r\n\r\n            <Footer />\r\n        </>\r\n    );\r\n}\r\n","/*eslint-disable*/\r\nimport React, { useState, useEffect, useRef, useMemo } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport emailjs from '@emailjs/browser';\r\nimport countryList from 'react-select-country-list'\r\nimport IndexNavbarr from \"components/Navbars/IndexNavbarr.js\";\r\nimport Footer from \"components/Footers/Footer.js\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport 'react-toastify/dist/ReactToastify.css';\r\nimport career from \"assets/img/carrer.png\";\r\n\r\nexport default function Contact() {\r\n\r\n    const [firstName, setFirstName] = useState('');\r\n    const [lastName, setLastName] = useState('');\r\n    const [email, setEmail] = useState('');\r\n    const [tel, setTel] = useState('');\r\n    const [message, setMessage] = useState('');\r\n    const [country, setCountry] = useState('');\r\n    const [department, setDepartment] = useState('');\r\n    const [visa, setVisa] = useState('');\r\n    const [resume, setResume] = useState(null);\r\n    const [portfolio, setPortfolio] = useState(null);\r\n\r\n    const [nameError, setNameError] = useState(false);\r\n    const [nameeError, setNameeError] = useState(false);\r\n    const [emailError, setEmailError] = useState(false);\r\n    const [emailregexError, setEmailRegexError] = useState(false);\r\n    const [telError, setTelError] = useState(false);\r\n    const [telregexError, setTelRegexError] = useState(false);\r\n    const [messageError, setMessageError] = useState(false);\r\n    const [countryError, setCountryError] = useState(false);\r\n    const [departmentError, setDepartmentError] = useState(false);\r\n    const [visaError, setVisaError] = useState(false);\r\n\r\n    // const countryOptions = useMemo(() => countryList().getData(), []);\r\n\r\n    const handleSubmit = (e) => {\r\n        e.preventDefault();\r\n\r\n        setNameError(firstName.length === 0);\r\n        setNameeError(lastName.length === 0);\r\n        setEmailError(email.length === 0);\r\n        setTelError(tel.length === 0);\r\n        setMessageError(message.length === 0);\r\n        // setVisaError(visa.length === 0);\r\n\r\n        if (email.length > 0 && !(/^[a-zA-Z0-9]+@[a-zA-Z0-9]+\\.[A-Za-z]+$/.test(email))) {\r\n            setEmailRegexError(true);\r\n        } else {\r\n            setEmailRegexError(false);\r\n        }\r\n\r\n        if (department.length === 0) {\r\n            setDepartmentError(true);\r\n        } else {\r\n            setDepartmentError(false);\r\n        }\r\n\r\n        if (country.length === 0) {\r\n            setCountryError(true);\r\n        } else {\r\n            setCountryError(false);\r\n        }\r\n\r\n        if (visa.length === 0) {\r\n            setVisaError(true);\r\n        } else {\r\n            setVisaError(false);\r\n        }\r\n\r\n        if (tel.length > 0 && !(/^(?:\\+?\\d{1,3})?0?\\d{7,12}$/.test(tel))) {\r\n            setTelRegexError(true);\r\n        } else {\r\n            setTelRegexError(false);\r\n        }\r\n\r\n        if (firstName && lastName && email && tel && message && department && visa && country && !emailregexError && !telregexError) {\r\n            console.log(\"First Name: \", firstName);\r\n            console.log(\"Last Name: \", lastName);\r\n            console.log(\"Email: \", email);\r\n            console.log(\"Tel: \", tel);\r\n            console.log(\"Message: \", message);\r\n            console.log(\"Country: \", country);\r\n            console.log(\"Department: \", department);\r\n            console.log(\"Visa: \", visa);\r\n\r\n            const form = new FormData();\r\n            form.append(\"name\", firstName + ' ' + lastName);\r\n            form.append(\"email\", email);\r\n            form.append(\"phone\", tel);\r\n            form.append(\"department\", department);\r\n            form.append(\"country\", country);\r\n            form.append(\"visa_type\", visa);\r\n            form.append(\"resume\", resume);\r\n            form.append(\"portfolio\", portfolio);\r\n\r\n            emailjs.sendForm('service_pkgyfs7', 'template_9ukwsqi', e.target, '076KSZ_e1qDX1KE1V')\r\n            const url = window.location.protocol + '://' + window.location.hostname + ':' + window.location.port == \"3000\" ? '3000' : '' + '/email/send_email.php';\r\n\r\n            axios.post(url, form)\r\n                .then(response => {\r\n                    alert(response.data);\r\n                })\r\n                .catch(error => {\r\n                    console.error('There was an error sending the email!', error);\r\n                });\r\n\r\n            setFirstName('');\r\n            setLastName('');\r\n            setEmail('');\r\n            setTel('');\r\n            setMessage('');\r\n            setCountry('');\r\n            setDepartment('');\r\n            setVisa('');\r\n            setPortfolio(null);\r\n            setResume(null);\r\n\r\n            // Reset the form\r\n            e.target.reset();\r\n        }\r\n    };\r\n\r\n\r\n    return (\r\n        <>\r\n            <IndexNavbarr fixed />\r\n\r\n            <section className=\"w-full\" style={{\r\n                backgroundImage: `url(${career})`, backgroundPosition: \"center\", backgroundRepeat: \"no-repeat\",\r\n                backgroundSize: 'cover', backgroundColor: '#000'\r\n            }}>\r\n                <div className=\"container mx-auto items-center xl:py-32\" >\r\n                    <div className='w-full xl:py-12 py-24'>\r\n                        <div className='flex flex-wrap'>\r\n\r\n                            <div className='xl:w-6/12  xl:px-0 px-0 lg:px-10 xl:mt-0 mt-12 mb-12'>\r\n                                <h2 className='text-4xl xl:text-6xl pl-3 uppercase text-left fontfamily font-semibold' style={{ color: '#DE0A26' }}>\r\n                                    BUILD YOUR  <span className='text-white'>CARRER </span> WITH US\r\n                                </h2>\r\n                            </div>\r\n                            <div className='xl:w-2/12'></div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n            <section className=\"container mx-auto xl:px-12 xl:mt-12 mt-12\">\r\n                <div className=\"xl:px-12 lg:px-10 px-2 w-full\">\r\n                    <div className=\"flex mx-auto justify-center\">\r\n                        <div className=\"xl:w-8/12 w-12/12\">\r\n                            <h3 className=\"fontfamily xl:text-2xl text-lg font-semibold text-red-900 text-center\" >\r\n                                Join the Archywave Team\r\n                            </h3>\r\n                            <p className=\"fontfamily text-black mt-4 text-2xl xl:text-xl text-center\">\r\n                                Do you want to join a talented team\r\n                            </p>\r\n                            <form onSubmit={handleSubmit} className=\"xl:mt-6 mt-6\">\r\n                                <div className=\"flex flex-wrap\">\r\n                                    <div className=\"px-2 xl:w-6/12 w-12/12\">\r\n                                        <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                            placeholder=\"First Name\" name=\"name\" maxlength=\"25\" onChange={e => setFirstName(e.target.value)} />\r\n                                        {nameError && firstName.length === 0 ?\r\n                                            <label className=\"error\">Enter Your First Name</label> : \"\"}\r\n                                    </div>\r\n                                    <div className=\"px-2 xl:w-6/12 w-12/12\">\r\n                                        <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                            placeholder=\"Last Name\" name=\"namee\" maxlength=\"25\" onChange={e => setLastName(e.target.value)} />\r\n                                        {nameeError && lastName.length === 0 ?\r\n                                            <label className=\"error\">Enter Your Last Name</label> : \"\"}\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"px-2 xl:w-12/12 xl:mt-6 w-12/12\">\r\n                                    <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                        placeholder=\"Email\" name=\"email\" onChange={e => setEmail(e.target.value) + setEmailRegexError(e.target.value)} />\r\n                                    {emailError && email.length === 0 ?\r\n                                        <label className=\"error\">Enter Your Email</label> : \"\"}\r\n                                    {emailregexError && (!(/^[a-zA-Z0-9]+@[a-zA-Z0-9]+\\.[A-Za-z]+$/.test(email))) ?\r\n                                        <label className=\"error\">Please Enter Valid Email</label> : \"\"}\r\n                                </div>\r\n\r\n                                <div className=\"px-2 xl:w-12/12 w-12/12 xl:mt-6\">\r\n                                    <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                        placeholder=\"Phone Number\" name=\"tel\" maxlength=\"10\" onChange={e => setTel(e.target.value) + setTelRegexError(e.target.value)} />\r\n                                    {telError && tel.length === 0 ?\r\n                                        <label className=\"error pt-2\">Enter Your Contact Number</label> : \"\"}\r\n                                    {telregexError && (!(/^(?:\\+?\\d{1,3})?0?\\d{7,12}$/.test(tel))) ?\r\n                                        <label className=\"error pt-2\">Please Enter Valid Number</label> : \"\"}\r\n                                </div>\r\n                                <div className=\"px-2 xl:w-12/12 w-12/12 xl:mt-6\">\r\n\r\n                                    <select\r\n                                        id=\"department\"\r\n                                        name=\"department\"\r\n                                        value={department}\r\n                                        onChange={(e) => setDepartment(e.target.value)}\r\n                                        className={`xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base ${departmentError ? 'border-red-500' : ''}`}\r\n                                    >\r\n                                        <option value=\"\">Select your Department</option>\r\n                                        <option value=\"3D Modeling\">3D Modeling</option>\r\n                                        <option value=\"Accounts\">Accounts</option>\r\n                                        <option value=\"Marketing\">Marketing</option>\r\n                                        <option value=\"Project Coordinator arctict\">Project Coordinator arctict</option>\r\n                                        <option value=\"CGI Artist\">CGI Artist</option>\r\n                                        <option value=\"3D Profile\">3D Profile</option>\r\n                                        <option value=\"Clients Intractor\">Clients Intractor</option>\r\n                                        <option value=\"Key Account Manager\">Key Account Manager</option>\r\n                                    </select>\r\n                                    {departmentError && <p className=\"error\">Please select your department</p>}\r\n                                </div>\r\n                                <div className=\"px-2 xl:w-12/12 w-12/12 xl:mt-6\">\r\n                                    <input\r\n                                        className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                        placeholder=\"Upload Your Resume\" name=\"resume\" type=\"file\" onChange={(e) => setResume(e.target.files)} required\r\n                                    ></input>\r\n                                </div>\r\n                                <div className=\"px-2 xl:w-12/12 w-12/12 xl:mt-6\">\r\n                                    <input\r\n                                        className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                        placeholder=\"Portfolio\" name=\"portfolio\" type=\"file\" onChange={(e) => setPortfolio(e.target.files)}\r\n                                    ></input>\r\n                                </div>\r\n                                <div className=\"px-2 xl:w-12/12 w-12/12 xl:mt-6\">\r\n                                <select\r\n                                        id=\"department\"\r\n                                        name=\"department\"\r\n                                        value={country}\r\n                                        onChange={(e) => setCountry(e.target.value)}\r\n                                        className={`xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base ${departmentError ? 'border-red-500' : ''}`}\r\n                                    >\r\n                                        <option value=\"\">Select your Country</option>\r\n                                        <option value=\"3D Modeling\">Australia</option>\r\n                                        <option value=\"Accounts\">UAE</option>\r\n                                    </select>\r\n                                    {countryError && <p className=\"error\">Please select your country</p>}\r\n                                </div>\r\n                                <div className=\"px-2 xl:w-12/12 w-12/12 xl:mt-6\">\r\n                                <select\r\n                                        id=\"department\"\r\n                                        name=\"department\"\r\n                                        value={visa}\r\n                                        onChange={(e) => setVisa(e.target.value)}\r\n                                        className={`xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base ${departmentError ? 'border-red-500' : ''}`}\r\n                                    >\r\n                                        <option value=\"\">Do need Visa Sponsorship?</option>\r\n                                        <option value=\"3D Modeling\">Yes</option>\r\n                                        <option value=\"Accounts\">No</option>\r\n                                    </select>\r\n                                    {visaError && <p className=\"error\">Please select your visa Sponsorship</p>}\r\n                                </div>\r\n\r\n\r\n\r\n                                <div className=\"px-2 xl:w-12/12 w-12/12 xl:mt-6\">\r\n                                    <textarea className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-20 rounded mt-2 fontfamily xl:text-base\"\r\n                                        placeholder=\"Message\" name=\"message\" onChange={e => setMessage(e.target.value)} />\r\n                                    {messageError && message.length === 0 ?\r\n                                        <label className=\"error\">Please Enter Your Message</label> : \"\"}\r\n                                </div>\r\n                                <div className=\"items-center text-center justify-center\">\r\n                                    <button className=\"justify-center text-center px-12 py-2 rounded-lg  bg-red-900 text-white mt-6 fontfamily font-semibold xl:text-base\" type=\"submit\">\r\n                                        Submit\r\n                                    </button>\r\n                                </div>\r\n                            </form>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </section>\r\n\r\n\r\n            <Footer />\r\n        </>\r\n    );\r\n}\r\n","/*eslint-disable*/\r\nimport React, { useState, useEffect, useRef, useMemo } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport emailjs from '@emailjs/browser';\r\nimport IndexNavbarr from \"components/Navbars/IndexNavbarr.js\";\r\nimport Footer from \"components/Footers/Footer.js\";\r\nimport $ from \"jquery\";\r\nimport countryList from 'react-select-country-list'\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport 'react-toastify/dist/ReactToastify.css';\r\nimport brouchure from \"assets/img/brouchure.png\";\r\nimport aboutbanner from \"assets/img/aboutbanner.webp\";\r\nimport whoweare from \"assets/img/whoweare.webp\";\r\nimport ourmission from \"assets/img/ourmission.webp\";\r\n\r\n\r\n\r\nimport logo1 from \"assets/img/imagess/logo1.webp\";\r\nimport logo2 from \"assets/img/imagess/logo2.webp\";\r\nimport logo3 from \"assets/img/imagess/logo3.webp\";\r\nimport logo4 from \"assets/img/imagess/logo4.webp\";\r\nimport logo5 from \"assets/img/imagess/logo5.webp\";\r\nimport logo6 from \"assets/img/imagess/logo6.webp\";\r\nimport logo7 from \"assets/img/imagess/logo7.webp\";\r\n\r\n\r\nimport { isValidPhoneNumber } from 'libphonenumber-js';\r\n\r\nexport default function About() {\r\n\r\n    const [firstName, setFirstName] = useState('');\r\n    const [lastName, setLastName] = useState('');\r\n    const [email, setEmail] = useState('');\r\n    const [tel, setTel] = useState('');\r\n    const [message, setMessage] = useState('');\r\n    const [country, setCountry] = useState('');\r\n\r\n    const [nameError, setNameError] = useState(false);\r\n    const [nameeError, setNameeError] = useState(false);\r\n    const [emailError, setEmailError] = useState(false);\r\n    const [emailregexError, setEmailRegexError] = useState(false);\r\n    const [telError, setTelError] = useState(false);\r\n    const [telregexError, setTelRegexError] = useState(false);\r\n    const [messageError, setMessageError] = useState(false);\r\n    const [countryError, setCountryError] = useState(false);\r\n\r\n\r\n    const countryOptions = useMemo(() => countryList().getData(), []);\r\n\r\n    const handleSubmit = (e) => {\r\n        e.preventDefault();\r\n\r\n        setNameError(firstName.length === 0);\r\n        setNameeError(lastName.length === 0);\r\n        setEmailError(email.length === 0);\r\n        setTelError(tel.length === 0);\r\n        setMessageError(message.length === 0);\r\n        setCountryError(country.length === 0);\r\n\r\n        if (email.length > 0 && !(/^[a-zA-Z0-9]+@[a-zA-Z0-9]+\\.[A-Za-z]+$/.test(email))) {\r\n            setEmailRegexError(true);\r\n        } else {\r\n            setEmailRegexError(false);\r\n        }\r\n\r\n        if (tel.length > 0 && !(/^(?:\\+?\\d{1,3})?0?\\d{7,12}$/.test(tel))) {\r\n            setTelRegexError(true);\r\n        } else {\r\n            setTelRegexError(false);\r\n        }\r\n\r\n        if (firstName && lastName && email && tel && message && country && !emailregexError && !telregexError) {\r\n            console.log(\"First Name: \", firstName);\r\n            console.log(\"Last Name: \", lastName);\r\n            console.log(\"Email: \", email);\r\n            console.log(\"Tel: \", tel);\r\n            console.log(\"Message: \", message);\r\n            console.log(\"Country: \", country);\r\n\r\n            emailjs.sendForm('service_pkgyfs7', 'template_9ukwsqi', e.target, '076KSZ_e1qDX1KE1V')\r\n                .then((result) => {\r\n                    console.log(result.text);\r\n                }, (error) => {\r\n                    console.log(error.text);\r\n                });\r\n\r\n            toast.success(\"Form Submitted Successfully! Thank you for reaching out to us!\", {\r\n                position: toast.POSITION.CENTER_CENTER,\r\n                autoClose: 3000, // Automatically close after 3 seconds\r\n                hideProgressBar: false, // Show progress bar\r\n                closeOnClick: false, // Don't close on click\r\n                pauseOnHover: false, // Don't pause on hover\r\n                draggable: false, // Disable dragging\r\n                progress: undefined, // Use the default progress bar\r\n                bodyClassName: \"toast-success\" // Custom class for toast body\r\n            });\r\n\r\n            setFirstName('');\r\n            setLastName('');\r\n            setEmail('');\r\n            setTel('');\r\n            setMessage('');\r\n            setCountry('');\r\n\r\n            // Reset the form\r\n            e.target.reset();\r\n        }\r\n    };\r\n\r\n\r\n\r\n    jQuery(function ($) {\r\n\r\n        // Function which adds the 'animated' class to any '.animatable' in view\r\n        var doAnimations = function () {\r\n\r\n            // Calc current offset and get all animatables\r\n            var offset = $(window).scrollTop() + $(window).height(),\r\n                $animatables = $('.animatable');\r\n\r\n            // Unbind scroll handler if we have no animatables\r\n            if ($animatables.length == 0) {\r\n                $(window).off('scroll', doAnimations);\r\n            }\r\n\r\n            // Check all animatables and animate them if necessary\r\n            $animatables.each(function (i) {\r\n                var $animatable = $(this);\r\n                if (($animatable.offset().top + $animatable.height() - 20) < offset) {\r\n                    $animatable.removeClass('animatable').addClass('animated');\r\n                }\r\n            });\r\n\r\n        };\r\n\r\n        // Hook doAnimations on scroll, and trigger a scroll\r\n        $(window).on('scroll', doAnimations);\r\n        $(window).trigger('scroll');\r\n\r\n    });\r\n\r\n    return (\r\n        <>\r\n            <IndexNavbarr fixed />\r\n            <section className=\"\" style={{ backgroundImage: `url(${aboutbanner})`, backgroundPosition: \"center\", backgroundRepeat: \"no-repeat\" }}>\r\n                <div className=\"container mx-auto items-center xl:px-0 lg:px-10 xl:py-32 py-24\" >\r\n                    <div className='w-full xl:py-32'>\r\n                        <div className='flex flex-wrap xl:mb-12'>\r\n                            <div className='xl:w-8/12 mt-12 mb-6'>\r\n                                <h2 className=' xl:text-6xl lg:text-3xl text-5xl pl-3 uppercase text-left fontfamily font-semibold' style={{ color: '#DE0A26' }}>\r\n                                    About <span className='text-white'>Us</span>\r\n                                </h2>\r\n                            </div>\r\n                            <div className='xl:w-2/12'></div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n\r\n            {/* <section className=\"container mx-auto mt-6\">\r\n                <div className=\"flex flex-wrap w-full\">\r\n                    <div className=\"xl:w-6/12\">\r\n                        <h3 className=\"text-black xl:text-7xl fontfamily font-medium   uppercase\">\r\n                            FRANKLIN<br></br>\r\n                            GARDENS\r\n                        </h3>\r\n                        <p className=\"text-black xl:text-xl mt-2 fontfamily font-light underline pl-4\">\r\n                            View More\r\n                        </p>\r\n                        <img src=\"https://i.ibb.co/XWPDg00/arrow.png\" className=\" align-left w-20 h-32\" alt=\"\" />\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n\r\n            <section className=\"container mx-auto mt-6\">\r\n                <div className=\"flex flex-wrap w-full items-end\">\r\n                    <div className=\"xl:w-6/12\">\r\n                        <h3 className=\"slide-right text-black xl:text-7xl fontfamily font-medium   uppercase\">\r\n                            RESIDENTIAL <br></br>GREEN<br></br>\r\n                            BUILDING\r\n                        </h3>\r\n                        <p className=\"slide-right text-black xl:text-xl mt-2 fontfamily font-light underline pl-4\">\r\n                            View More\r\n                        </p>\r\n                        <img src=\"https://i.ibb.co/XWPDg00/arrow.png\" className=\" align-left w-20 h-32\" alt=\"\" />\r\n                    </div>\r\n                    <div className=\"xl:w-6/12\">\r\n                        <img src=\"https://i.ibb.co/JtCryTq/archywave2.jpg\" alt=\"\" className=\"slide-left\" />\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n            <section className=\"container mx-auto mt-32\">\r\n                <div className=\"w-full\">\r\n                    <div className=\"xl:w-12/12\">\r\n                        <img src=\"https://i.ibb.co/g9sVScZ/archywave1.png\" alt=\"\" className=\" w-full h-80\" />\r\n                    </div>\r\n                    <div className=\"xl:w-12/12 mt-8\">\r\n                        <h3 className=\"text-black xl:text-7xl fontfamily font-medium   uppercase\">\r\n                            GREEN-WATER<br></br>\r\n                            OPEN AIR THEATRE\r\n                        </h3>\r\n                        <p className=\"text-black xl:text-xl mt-2 fontfamily font-light underline pl-4\">\r\n                            View More\r\n                        </p>\r\n                        <img src=\"https://i.ibb.co/XWPDg00/arrow.png\" className=\" align-left w-20 h-32\" alt=\"\" />\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n            <section className=\"container mx-auto mt-2 xl:mb-32\">\r\n                <div className=\"flex flex-wrap w-full items-end\">\r\n                    <div className=\"xl:w-6/12\">\r\n                        <h3 className=\"slide-right text-black xl:text-7xl fontfamily font-medium   uppercase\">\r\n                            NY ART <br></br>MUSEUM<br></br>\r\n                            BRIDGE\r\n                        </h3>\r\n                        <p className=\"slide-right text-black xl:text-xl mt-2 fontfamily font-light underline pl-4\">\r\n                            View More\r\n                        </p>\r\n                        <img src=\"https://i.ibb.co/XWPDg00/arrow.png\" className=\"align-left w-20 h-32\" alt=\"\" />\r\n                    </div>\r\n                    <div className=\"xl:w-6/12\">\r\n                        <img src=\"https://i.ibb.co/c20tvf9/archywave4.jpg\" alt=\"\" className=\"slide-left h-80\" />\r\n                    </div>\r\n                </div>\r\n            </section> */}\r\n\r\n\r\n            <section className=\"container mx-auto xl:mt-12 xl:px-12 px-4 mt-6\">\r\n                <div className=\"w-full \">\r\n                    <div className=\"flex flex-wrap items-center\">\r\n                        <div className=\"xl:w-6/12 lg:w-6/12 \">\r\n                            <h1 className=\" block animatable fadeInUp fontfamily xl:text-4xl text-black text-2xl font-semibold mt-2 text-black\" >\r\n                                Who We Are\r\n                            </h1>\r\n                            <p style={{ color: '#DE0A26' }} className=\" block animatable fadeInDown font-semibold fontfamily text-justify  lines xl:text-sm text-sm\">\r\n                                Revolutionizing Real Estate with 3D Visualization and IT Solutions\r\n                            </p>\r\n\r\n                            <p className=\"block animatable bounceInLeft fontfamily text-justify mt-4 lines xl:text-base text-sm\">\r\n                                Since 2024, Archywave has been at the forefront of transforming the real estate\r\n                                sector through innovative 3D visualization and state-of-the-art IT solutions.\r\n                                Our expert team consistently delivers exceptional results, utilizing the latest\r\n                                technologies to surpass client expectations.\r\n                            </p>\r\n\r\n                            <p className=\"block animatable bounceInLeft fontfamily text-justify mt-4 lines xl:text-base text-sm\">\r\n                                We specialize in managed end-to-end architecture visualization solutions,\r\n                                providing seamless integration from concept to completion. This comprehensive\r\n                                approach ensures unparalleled accuracy, efficiency, and quality in every project\r\n                                we undertake.\r\n                            </p>\r\n                        </div>\r\n                        <div className=\"xl:w-6/12 lg:w-6/12 lg:pl-12 xl:pl-12 block animatable bounceInRight xl:mt-0 mt-6\">\r\n                            <img src={whoweare} alt=\"\" className=\"xl:h-80 rounded-lg\"></img>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n\r\n\r\n            <section className=\"container mx-auto xl:mt-12 xl:px-12 px-4 mt-6 \">\r\n                <div className=\"w-full \">\r\n                    <div className=\"flex flex-wrap items-center xl:flex-col-reverse flex-col-reverse lg:flex-col-reverse\">\r\n                        <div className=\"xl:w-6/12 lg:w-6/12  xl:pl-12 block animatable bounceInRight xl:mt-0 mt-6\">\r\n                            <img src={ourmission} alt=\"\" className=\"rounded-lg\"></img>\r\n                        </div>\r\n                        <div className=\"xl:w-6/12 lg:w-6/12 xl:pl-12  pl-0 lg:pl-12 \">\r\n                            <h1 className=\" block animatable fadeInUp fontfamily xl:text-4xl text-black text-2xl font-semibold mt-2 text-black\" >\r\n                                Our Mission\r\n                            </h1>\r\n                            <p style={{ color: '#DE0A26' }} className=\" block animatable fadeInDown font-semibold fontfamily text-justify  lines xl:text-sm text-sm\">\r\n                                Our Goal is to Provide the Best Quality\r\n                            </p>\r\n\r\n                            <p className=\"block animatable bounceInLeft fontfamily text-justify mt-4 lines xl:text-base text-sm\">\r\n                                At Archywave, our mission is to advance the IT industry by developing\r\n                                innovative software for the real estate sector. We are dedicated to delivering\r\n                                top-quality results, leveraging the latest technologies, and building strong\r\n                                client relationships. Our goal is to create transformative solutions that enhance\r\n                                the real estate experience and drive industry growth.\r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n\r\n            {/* <section className=\"bg-slate-100 xl:mt-12 xl:px-12\">\r\n                <div className=\"container mx-auto xl:py-12 xl:px-12 \">\r\n                    <div className=\"w-full \">\r\n                        <div className=\"flex flex-wrap items-center\">\r\n                            <div className=\"xl:w-6/12 block animatable bounceInLeft\">\r\n                                <img src=\"https://i.ibb.co/Fw71NSZ/archywaveabout1.webp\" alt=\"\" className=\"rounded-lg\"></img>\r\n                            </div>\r\n                            <div className=\"xl:w-6/12  xl:pl-12\">\r\n                                <h1 style={{ color: '#DE0A26' }} className=\"uppercase block animatable fadeInUp fontfamily xl:text-base font-semibold mt-2 text-black\" >\r\n                                    Our Mission\r\n                                </h1>\r\n                                <p className=\"text-black block animatable fadeInDown font-semibold fontfamily text-justify mt-3 lines xl:text-4xl\">\r\n                                    Our Goal is to Provide the Best Quality\r\n                                </p>\r\n\r\n                                <p className=\"block animatable bounceInRight text-black fontfamily text-justify mt-4 lines xl:text-sm\">\r\n                                    At Archywave, our mission is to advance the IT industry by developing\r\n                                    innovative software for the real estate sector. We are dedicated to delivering\r\n                                    top-quality results, leveraging the latest technologies, and building strong\r\n                                    client relationships. Our goal is to create transformative solutions that enhance\r\n                                    the real estate experience and drive industry growth.\r\n                                </p>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </section> */}\r\n\r\n\r\n\r\n            {/* <section className=\"container mx-auto xl:mt-12 xl:px-12\">\r\n                <div className=\"w-full\">\r\n                    <h2 className=\"fontfamily xl:text-4xl font-semibold  text-center text-black\">\r\n                        Clients\r\n                    </h2>\r\n                    <p className=\"mt-4 fontfamily text-black xl:text-base text-center\">\r\n                        Our objective is to be a long term and trusted partner to our clients\r\n                    </p>\r\n                    <div className=\"flex flex-wrap justify-between items-center  xl:px-32\">\r\n                        <div className=\"\">\r\n                            <img src=\"https://i.ibb.co/1ZDkQBJ/New-Product-Mockup-Now-Available-Marketing-Promotion-Instagram-Post-1-removebg-preview.png\" alt=\"\" className=\"w-32\" />\r\n                        </div>\r\n                        <div className=\"\">\r\n                            <img src=\"https://i.ibb.co/tK7gg45/New-Product-Mockup-Now-Available-Marketing-Promotion-Instagram-Post-2-removebg-preview.png\" alt=\"\" className=\"w-32\" />\r\n                        </div>\r\n                        <div className=\"\">\r\n                            <img src=\"https://i.ibb.co/3Wwf2Hx/New-Product-Mockup-Now-Available-Marketing-Promotion-Instagram-Post-3-removebg-preview.png\" alt=\"\" className=\"w-32 pt-2\" />\r\n                        </div>\r\n                        <div className=\"\">\r\n                            <img src=\"https://i.ibb.co/4fckW48/New-Product-Mockup-Now-Available-Marketing-Promotion-Instagram-Post-4-removebg-preview.png\" alt=\"\" className=\"w-32\" />\r\n                        </div>\r\n                        <div className=\"\">\r\n                            <img src=\"https://i.ibb.co/F5vzzMs/New-Product-Mockup-Now-Available-Marketing-Promotion-Instagram-Post-5-removebg-preview.png\" alt=\"\" className=\"w-32\" />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </section> */}\r\n            <section className=\"bg-gray-100 xl:mt-12 mt-12\">\r\n                <div className=\"container mx-auto xl:py-12 py-6\">\r\n                    <div className=\"w-full\">\r\n                        <h2 className=\"fontfamily xl:text-4xl text-3xl font-semibold  text-center text-black \">\r\n                            Clients\r\n                        </h2>\r\n                        <div className=\"flex flex-wrap justify-center items-center  xl:py-12\">\r\n                            <div className=\"xl:pt-0 pt-6\">\r\n                                <img src={logo1} alt=\"\" className=\"xl:w-44  w-32 block animatable bounceInLeft\" />\r\n                            </div>\r\n                            <div className=\"xl:pt-0 pt-6\">\r\n                                <img src={logo2} alt=\"\" className=\"xl:w-44 w-32 block animatable fadeInDown\" />\r\n                            </div>\r\n                            <div className=\"xl:pt-0 pt-6\">\r\n                                <img src={logo3} alt=\"\" className=\"xl:w-44 w-32 block animatable fadeInUp\" />\r\n                            </div>\r\n                            <div className=\"xl:pt-0 pt-6\">\r\n                                <img src={logo4} alt=\"\" className=\"xl:w-44 w-32 block animatable bounceInLeft\" />\r\n                            </div>\r\n\r\n\r\n                            <div className=\"xl:pt-0 pt-6\">\r\n                                <img src={logo5} alt=\"\" className=\"xl:w-44 w-32 block animatable bounceInLeft\" />\r\n                            </div>\r\n                            <div className=\"xl:pt-0 pt-6\">\r\n                                <img src={logo6} alt=\"\" className=\"xl:w-44 w-32 block animatable fadeInUp\" />\r\n                            </div>\r\n\r\n                            <div className=\"xl:pt-0 pt-6\">\r\n                                <img src={logo7} alt=\"\" className=\"xl:w-44 w-32 block animatable bounceInRight\" />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"flex mx-auto justify-center -mt-4\">\r\n                        <a href=\"/projects\">\r\n                            <button className=\"text-center px-4 py-2  xl:mt-6 rounded  bg-red-900 text-white mt-12 fontfamily  xl:text-sm\" type=\"submit\">\r\n                                View More <i className=\"fa fa-arrow-right pl-4\"></i>\r\n                            </button>\r\n                        </a>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n\r\n\r\n            <section className=\"bg-black\">\r\n                <section className=\"container mx-auto xl:px-12 xl:py-6 py-6 px-4 \">\r\n                    <div className=\"xl:px-12 w-ful \">\r\n                        <div className=\"flex flex-wrap xl:py-12 items-center\">\r\n                            <div className=\"xl:w-6/12 w-12/12 lg:w-6/12 \">\r\n                                <h3 className=\"fontfamily xl:text-2xl text-3xl text-white font-semibold\">\r\n                                    Get In Touch\r\n                                </h3>\r\n                                <form onSubmit={handleSubmit} className=\"xl:mt-6 mt-6\">\r\n                                    <div className=\"flex flex-wrap\">\r\n                                        <div className=\"px-2 xl:w-6/12 w-12/12\">\r\n                                            <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                                placeholder=\"First Name\" name=\"name\" maxlength=\"25\" onChange={e => setFirstName(e.target.value)} />\r\n                                            {nameError && firstName.length === 0 ?\r\n                                                <label className=\"error\">Enter Your First Name</label> : \"\"}\r\n                                        </div>\r\n                                        <div className=\"px-2 xl:w-6/12 w-12/12\">\r\n                                            <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                                placeholder=\"Last Name\" name=\"namee\" maxlength=\"25\" onChange={e => setLastName(e.target.value)} />\r\n                                            {nameeError && lastName.length === 0 ?\r\n                                                <label className=\"error\">Enter Your Last Name</label> : \"\"}\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"px-2 xl:w-12/12 xl:mt-6 w-12/12\">\r\n                                        <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                            placeholder=\"Email\" name=\"email\" onChange={e => setEmail(e.target.value) + setEmailRegexError(e.target.value)} />\r\n                                        {emailError && email.length === 0 ?\r\n                                            <label className=\"error\">Enter Your Email</label> : \"\"}\r\n                                        {emailregexError && (!(/^[a-zA-Z0-9]+@[a-zA-Z0-9]+\\.[A-Za-z]+$/.test(email))) ?\r\n                                            <label className=\"error\">Please Enter Valid Email</label> : \"\"}\r\n\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"px-2 xl:w-12/12 w-12/12 xl:mt-6 mt-2\">\r\n                                        <select\r\n                                            id=\"country\"\r\n                                            name=\"country\"\r\n                                            value={country}\r\n                                            onChange={(e) => setCountry(e.target.value)}\r\n                                            className={`fontfamily shadow appearance-none border h-12 rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline ${countryError ? 'border-red-500' : ''}`}\r\n                                        >\r\n                                            <option value=\"\">Select your country</option>\r\n                                            {countryOptions.map((option) => (\r\n                                                <option key={option.value} value={option.label}>{option.label}</option>\r\n                                            ))}\r\n                                        </select>\r\n                                        {countryError && <p className=\"error\">Please select your country.</p>}\r\n                                    </div>\r\n\r\n\r\n                                    <div className=\"px-2 xl:w-12/12 w-12/12 xl:mt-6\">\r\n                                        <input\r\n                                            type=\"tel\"\r\n                                            value={tel}\r\n                                            onChange={(e) => setTel(e.target.value)}\r\n                                            placeholder=\"Phone Number\"\r\n                                            name=\"tel\"\r\n                                            className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                        />\r\n                                        {telError && <label className=\"error pt-2\">Phone Number is required</label>}\r\n                                        {telregexError && <label className=\"error pt-2\">Please enter a valid phone number</label>}\r\n                                    </div>\r\n\r\n                                    <div className=\"px-2 xl:w-12/12 w-12/12 xl:mt-6\">\r\n                                        <textarea className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-20 rounded mt-2 fontfamily xl:text-base\"\r\n                                            placeholder=\"Message\" name=\"message\" onChange={e => setMessage(e.target.value)} />\r\n                                        {messageError && message.length === 0 ?\r\n                                            <label className=\"error\">Please Enter Your Message</label> : \"\"}\r\n                                    </div>\r\n                                    <div className=\"items-center text-center justify-center\">\r\n                                        <button className=\"justify-center text-center px-12 py-2 rounded-lg  bg-red-900 text-white mt-6 fontfamily font-semibold xl:text-base\" type=\"submit\">\r\n                                            Submit\r\n                                        </button>\r\n                                    </div>\r\n                                </form>\r\n                                <ToastContainer position=\"top-right\" />\r\n                            </div>\r\n\r\n\r\n\r\n                            <div className=\"xl:w-6/12 lg:w-6/12 lg:pl-12 xl:pl-12 xl:mt-0 mt-12\">\r\n                                <img src={brouchure} alt=\"\" className=\"rounded-lg\"></img>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n                </section >\r\n            </section >\r\n\r\n\r\n            <Footer />\r\n        </>\r\n    );\r\n}\r\n","/*eslint-disable*/\r\nimport React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nimport IndexNavbarr from \"components/Navbars/IndexNavbarr.js\";\r\nimport Footer from \"components/Footers/Footer.js\";\r\nimport $ from \"jquery\";\r\n\r\nexport default function Home() {\r\n\r\n    jQuery(function ($) {\r\n\r\n        // Function which adds the 'animated' class to any '.animatable' in view\r\n        var doAnimations = function () {\r\n\r\n            // Calc current offset and get all animatables\r\n            var offset = $(window).scrollTop() + $(window).height(),\r\n                $animatables = $('.animatable');\r\n\r\n            // Unbind scroll handler if we have no animatables\r\n            if ($animatables.length == 0) {\r\n                $(window).off('scroll', doAnimations);\r\n            }\r\n\r\n            // Check all animatables and animate them if necessary\r\n            $animatables.each(function (i) {\r\n                var $animatable = $(this);\r\n                if (($animatable.offset().top + $animatable.height() - 20) < offset) {\r\n                    $animatable.removeClass('animatable').addClass('animated');\r\n                }\r\n            });\r\n\r\n        };\r\n\r\n        // Hook doAnimations on scroll, and trigger a scroll\r\n        $(window).on('scroll', doAnimations);\r\n        $(window).trigger('scroll');\r\n\r\n    });\r\n\r\n\r\n    return (\r\n        <>\r\n            <IndexNavbarr fixed />\r\n            <section className=\"w-full \" style={{background: '#262525'\r\n                \r\n            }}>\r\n                <div className=\"container mx-auto \">\r\n                    <div className=\"flex justify-center\">\r\n                        <div className=\"xl:mt-32 mb-24\">\r\n                            <div className=\"justify-center text-center web\">\r\n                            <img src=\"https://i.ibb.co/855QW7b/LOGO2.png\" alt=\"\" className=\"w-52 xl:mt-32\"/>\r\n                            </div>\r\n                            \r\n                            <h1 className=\" xl:text-6xl fontfamily text-red-900 xl:mt-6\">\r\n                                Coming<span className=\"text-white\"> Soon...</span>\r\n                            </h1>\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n                <img src=\"https://i.ibb.co/p3vbqsZ/archy.jpg\" alt=\"\" className=\"w-full\"/>\r\n\r\n            </section>\r\n\r\n            <Footer />\r\n        </>\r\n    );\r\n}\r\n","\r\nimport React, { useState, useEffect, useRef, useMemo } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport emailjs from '@emailjs/browser';\r\nimport IndexNavbarr from \"components/Navbars/IndexNavbarr.js\";\r\nimport Footer from \"components/Footers/Footer.js\";\r\nimport $ from \"jquery\";\r\nimport countryList from 'react-select-country-list'\r\nimport servicebanner from \"assets/img/servicesbanner.webp\";\r\nimport animation from \"assets/img/imagess/animation.webp\";\r\nimport visualization from \"assets/img/imagess/visualization.webp\";\r\nimport realestateapp from \"assets/img/imagess/realestateapp.webp\";\r\nimport scalemodal from \"assets/img/imagess/scalemodal.webp\";\r\nimport floorplan from \"assets/img/imagess/floorplan.webp\";\r\n\r\nimport stimulator from \"assets/img/imagess/stimulator.webp\";\r\nimport vr from \"assets/img/imagess/vr.webp\";\r\nimport masterplanss from \"assets/img/imagess/masterplanss.webp\";\r\nimport realtimerendering from \"assets/img/imagess/realtimerendering.webp\";\r\nimport photomontage from \"assets/img/imagess/photomontage.webp\";\r\n\r\nimport archywavebanner from \"assets/img/imagess/archywavebanner.webp\";\r\n\r\n\r\nexport default function Services() {\r\n\r\n\r\n    const [firstName, setFirstName] = useState('');\r\n    const [lastName, setLastName] = useState('');\r\n    const [email, setEmail] = useState('');\r\n    const [tel, setTel] = useState('');\r\n    const [message, setMessage] = useState('');\r\n    const [country, setCountry] = useState('');\r\n\r\n    const [nameError, setNameError] = useState(false);\r\n    const [nameeError, setNameeError] = useState(false);\r\n    const [emailError, setEmailError] = useState(false);\r\n    const [emailregexError, setEmailRegexError] = useState(false);\r\n    const [telError, setTelError] = useState(false);\r\n    const [telregexError, setTelRegexError] = useState(false);\r\n    const [messageError, setMessageError] = useState(false);\r\n    const [countryError, setCountryError] = useState(false);\r\n\r\n    const countryOptions = useMemo(() => countryList().getData(), []);\r\n\r\n    const handleSubmit = (e) => {\r\n        e.preventDefault();\r\n\r\n        setNameError(firstName.length === 0);\r\n        setNameeError(lastName.length === 0);\r\n        setEmailError(email.length === 0);\r\n        setTelError(tel.length === 0);\r\n        setMessageError(message.length === 0);\r\n        setCountryError(country.length === 0);\r\n\r\n        if (email.length > 0 && !(/^[a-zA-Z0-9]+@[a-zA-Z0-9]+\\.[A-Za-z]+$/.test(email))) {\r\n            setEmailRegexError(true);\r\n        } else {\r\n            setEmailRegexError(false);\r\n        }\r\n\r\n        if (tel.length > 0 && !(/^(?:\\+?\\d{1,3})?0?\\d{7,12}$/.test(tel))) {\r\n            setTelRegexError(true);\r\n        } else {\r\n            setTelRegexError(false);\r\n        }\r\n\r\n        if (firstName && lastName && email && tel && message && country && !emailregexError && !telregexError) {\r\n            console.log(\"First Name: \", firstName);\r\n            console.log(\"Last Name: \", lastName);\r\n            console.log(\"Email: \", email);\r\n            console.log(\"Tel: \", tel);\r\n            console.log(\"Message: \", message);\r\n            console.log(\"Country: \", country);\r\n\r\n            emailjs.sendForm('service_pkgyfs7', 'template_9ukwsqi', e.target, '076KSZ_e1qDX1KE1V')\r\n                .then((result) => {\r\n                    console.log(result.text);\r\n                }, (error) => {\r\n                    console.log(error.text);\r\n                });\r\n\r\n            alert(\"Form Submitted Successfully\");\r\n\r\n            setFirstName('');\r\n            setLastName('');\r\n            setEmail('');\r\n            setTel('');\r\n            setMessage('');\r\n            setCountry('');\r\n\r\n            // Reset the form\r\n            e.target.reset();\r\n        }\r\n    };\r\n\r\n\r\n    return (\r\n        <>\r\n            <IndexNavbarr fixed />\r\n\r\n\r\n\r\n\r\n            <section className=\"w-full\" style={{\r\n                backgroundImage: `url(${servicebanner})`, backgroundPosition: \"center\", backgroundRepeat: \"no-repeat\",\r\n                backgroundSize: 'cover'\r\n            }}>\r\n                <div className=\"container mx-auto items-center xl:py-32\" >\r\n                    <div className='w-full xl:py-32 py-16'>\r\n                        <div className='pt-12'>\r\n\r\n                            <div className='xl:w-12/12  w-full mb-12'>\r\n                                <h2 className=' xl:text-6xl text-3xl pl-3  uppercase text-left fontfamily1 font-semibold' style={{ color: '#DE0A26' }}>\r\n                                    Our <span className='text-white mt-4'>\r\n                                        Services</span>\r\n                                </h2>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n            <section className=\"w-full bg-black py-32\">\r\n\r\n                <div className=\" mx-auto\">\r\n                    <div className=\"\">\r\n                        <div className=\"flex flex-wrap mt-6 justify-center\">\r\n\r\n                            <div className=\"xl:w-2/12 lg:w-2/12 md:w-3/12 w-6/12 h-80 image-container1\" style={{ backgroundImage: `url(${animation})`, backgroundPosition: \"center\", backgroundRepeat: \"no-repeat\", backgroundSize: \"cover\", }}>\r\n                                <div className=\"xl:py-32 py-32\">\r\n                                    <div className=\"justify-center text-center web\">\r\n                                        <img src=\"https://i.ibb.co/ZJmwxqx/3-D-animation.png\" alt=\"\" className=\"w-24 xl:mt-32 \" />\r\n                                    </div>\r\n                                    <h2 className=\"fontfamily font-semibold text-white xl:text-3xl text-center px-4 mt-4\">\r\n                                        3D <br></br>Animation\r\n                                    </h2>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"xl:w-2/12 lg:w-2/12 md:w-3/12 w-6/12 h-80 image-container1\" style={{ backgroundImage: `url(${visualization})`, backgroundPosition: \"center\", backgroundRepeat: \"no-repeat\", backgroundSize: \"cover\", }}>\r\n                                <div className=\"xl:py-32 py-32\">\r\n                                    <div className=\"justify-center text-center web\">\r\n                                        <img src=\"https://i.ibb.co/XkY04g0/3-D-visualization.png\" alt=\"\" className=\"w-24 xl:mt-32 \" />\r\n                                    </div>\r\n                                    <h2 className=\"fontfamily font-semibold text-white xl:text-3xl text-center px-4 mt-4\">\r\n                                        3D Visualisation\r\n                                    </h2>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"xl:w-2/12 lg:w-2/12 md:w-3/12 w-6/12 xl:mt-0 mt-12 lg:mt-0 h-80 image-container1\" style={{ backgroundImage: `url(${floorplan})`, backgroundPosition: \"center\", backgroundRepeat: \"no-repeat\", backgroundSize: \"cover\", }}>\r\n                                <div className=\"xl:py-32 py-32\">\r\n                                    <div className=\"justify-center text-center web\">\r\n                                        <img src=\"https://i.ibb.co/q9tNHFn/floor-plan.png\" alt=\"\" className=\"w-24 xl:mt-32 \" />\r\n                                    </div>\r\n                                    <h2 className=\"fontfamily font-semibold text-white xl:text-3xl text-center px-4 mt-4\">\r\n                                        3D <br></br>Floor Plan\r\n                                    </h2>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"xl:w-2/12 lg:w-2/12 md:w-3/12 w-6/12 xl:mt-0 mt-12 lg:mt-0 h-80 image-container1\" style={{ backgroundImage: `url(${scalemodal})`, backgroundPosition: \"right\", backgroundRepeat: \"no-repeat\", backgroundSize: \"cover\", }}>\r\n                                <div className=\"xl:py-32 py-32\">\r\n                                    <div className=\"justify-center text-center web\">\r\n                                        <img src=\"https://i.ibb.co/cy0T0qf/scale-model-1.png\" alt=\"\" className=\"w-24 xl:mt-32 \" />\r\n                                    </div>\r\n                                    <h2 className=\"fontfamily font-semibold text-white xl:text-3xl text-center px-4 mt-4\">\r\n                                        Scale <br></br>Model\r\n                                    </h2>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"xl:w-2/12 lg:w-2/12 md:w-3/12 w-6/12 xl:mt-0 mt-12 lg:mt-0 h-80 image-container1\" style={{ backgroundImage: `url(${realestateapp})`, backgroundPosition: \"center\", backgroundRepeat: \"no-repeat\", backgroundSize: \"cover\", }}>\r\n                                <div className=\"xl:py-32 py-32\">\r\n                                    <div className=\"justify-center text-center web\">\r\n                                        <img src=\"https://i.ibb.co/mG3vRNp/real-estate-sale-app.png\" alt=\"\" className=\"w-24 xl:mt-32 \" />\r\n                                    </div>\r\n                                    <h2 className=\"fontfamily font-semibold text-white xl:text-3xl text-center px-4 mt-4\">\r\n\r\n                                        Real Estate Sales App\r\n                                    </h2>\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n                <div className=\" mx-auto xl:mt-32 mt-32\">\r\n                    <div className=\"xl:px-2\">\r\n                        <div className=\"flex flex-wrap mt-6 justify-center\">\r\n\r\n                            <div className=\"xl:w-2/12 lg:w-2/12 md:w-3/12 w-6/12 px-4 h-80 image-container1\" style={{ backgroundImage: `url(${stimulator})`, backgroundPosition: 'center', backgroundRepeat: 'no-repeat', backgroundSize: 'cover', }}>\r\n                                <div className=\"xl:py-32 py-32\">\r\n                                    <div className=\"justify-center text-center web\">\r\n                                        <img src=\"https://i.ibb.co/vwwDQNF/3-D-stimulator-for-pc.png\" alt=\"\" className=\"w-24 xl:mt-32 \" />\r\n                                    </div>\r\n                                    <h2 className=\"fontfamily font-semibold text-white xl:text-2xl text-left px-4 mt-4 text-center\">3D Stimulator for pc</h2>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"xl:w-2/12 lg:w-2/12 md:w-3/12 w-6/12 px-4 h-80 image-container1\" style={{ backgroundImage: `url(${vr})`, backgroundPosition: 'center', backgroundRepeat: 'no-repeat', backgroundSize: 'cover', }}>\r\n                                <div className=\"xl:py-32 py-32\">\r\n                                    <div className=\"justify-center text-center web\">\r\n                                        <img src=\"https://i.ibb.co/V328cdp/virtual-reality-for-real-estate.png\" alt=\"\" className=\"w-24 xl:mt-32 \" />\r\n                                    </div>\r\n                                    <h2 className=\"fontfamily font-semibold text-white xl:text-2xl text-left px-4 mt-4 text-center\">Virtual Reality for Real Estate</h2>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"xl:w-2/12 lg:w-2/12 md:w-3/12 w-6/12 xl:mt-0 mt-12 lg:mt-0 px-12 h-80 image-container1\" style={{ backgroundImage: `url(${photomontage})`, backgroundPosition: 'left', backgroundRepeat: 'no-repeat', backgroundSize: 'cover', }}>\r\n                                <div className=\"xl:py-32 py-32\">\r\n                                    <div className=\"justify-center text-center web\">\r\n                                        <img src=\"https://i.ibb.co/FWgRK4L/photomontage.png\" alt=\"\" className=\"w-24 xl:mt-32 \" />\r\n                                    </div>\r\n                                    <h2 className=\"fontfamily font-semibold text-white xl:text-2xl text-center px-2 mt-4 text-center\">Photo <br></br>Montage</h2>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"xl:w-2/12 lg:w-2/12 md:w-3/12 w-6/12 mt-12 xl:mt-0 lg:mt-0 px-4 h-80 image-container1\" style={{ backgroundImage: `url(${masterplanss})`, backgroundPosition: 'center', backgroundRepeat: 'no-repeat', backgroundSize: 'cover', }}>\r\n                                <div className=\"xl:py-32 py-32\">\r\n                                    <div className=\"justify-center text-center web\">\r\n                                        <img src=\"https://i.ibb.co/20zKGR4/intractive-master-plan.png\" alt=\"\" className=\"w-24 xl:mt-32 \" />\r\n                                    </div>\r\n                                    <h2 className=\"fontfamily font-semibold text-white xl:text-2xl text-left px-4 mt-4 text-center\">Interactive Masterplan</h2>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"xl:w-2/12 lg:w-2/12 md:w-3/12 w-6/12 xl:mt-0 mt-12 lg:mt-0 h-80 image-container1\" style={{ backgroundImage: `url(${realtimerendering})`, backgroundPosition: 'center', backgroundRepeat: 'no-repeat', backgroundSize: 'cover', }}>\r\n                                <div className=\"xl:py-32 py-32\">\r\n                                    <div className=\"justify-center text-center web\">\r\n                                        <img src=\"https://i.ibb.co/KzHYd4v/real-time-rendering.png\" alt=\"\" className=\"w-24 xl:mt-32 \" />\r\n                                    </div>\r\n                                    <h2 className=\"fontfamily font-semibold text-white xl:text-2xl text-left px-4 mt-4 text-center\">Real Time Rendering</h2>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n\r\n                <div className=\" mx-auto items-center\" >\r\n                    <div className=\"xl:px-20 xl:mt-12\">\r\n                        <div className=\"w-full px-2\">\r\n                            <h4 className=\"uppercase fontfamily text-white  xl:text-5xl text-3xl mt-12 text-center xl:mt-32 mb-6\">\r\n                                Services\r\n                            </h4>\r\n                            <div className=\"flex flex-wrap mt-12\">\r\n                                <div className=\"xl:w-6/12 lg:w-6/12 md:w-12/12 w-12/12 zoom2  xl:py-12 border border-red-800 \">\r\n                                    {/* <h4 className=\"fontfamily text-white font-semibold xl:text-3xl xl:px-20\">\r\n                                        Our Services\r\n                                    </h4> */}\r\n                                    <ul className=\"xl:pl-12 list-disc xl:px-20 px-4 pl-12 xl:mt-6 mt-12\">\r\n                                        <li className=\" fontfamily text-red-900 xl:text-2xl text-lg\">\r\n                                            3D Animation/ Cinematic Animation\r\n                                        </li>\r\n                                        <p className=\"text-white fontfamily xl:text-base text-sm mt-4\">\r\n                                            Elevate your marketing with our 3D walkthrough ,Flythrough and cinematic animations.\r\n                                            Our walkthroughs bring projects to life, offering a realistic experience\r\n                                            that immerses prospects in the site.\r\n                                        </p>\r\n                                        <li className=\" fontfamily text-red-900 xl:text-2xl text-lg xl:mt-12 mt-6\">\r\n                                            3D Visualization\r\n                                        </li>\r\n                                        <p className=\"text-white fontfamily xl:text-base text-sm mt-4\">\r\n                                            3D Rendering for Interior & Exterior Designs that transform your vision with\r\n                                            lifelike 3D renders from our CGI services. Our detailed interiors and exteriors\r\n                                            capture your project's essence with precision and realism.\r\n                                        </p>\r\n\r\n                                        <li className=\" fontfamily text-red-900 xl:text-2xl text-lg xl:mt-12 mt-6\">\r\n                                            3D Floor Plan\r\n                                        </li>\r\n                                        <p className=\"text-white fontfamily xl:text-base text-sm mt-4\">\r\n                                            Visualize interiors seamlessly with our 3D floor plans. Furnishings, textures,\r\n                                            and color schemes enhance property presentations, streamlining sales and leasing processes.\r\n                                        </p>\r\n\r\n                                        <li className=\" fontfamily text-red-900 xl:text-2xl text-lg xl:mt-12 mt-6\">\r\n                                            Scale Model\r\n                                        </li>\r\n                                        <p className=\"text-white fontfamily xl:text-base text-sm mt-4\">\r\n                                            Impress with our accurate scale models, mirroring every project\r\n                                            detail in miniature form. Explore projects thoroughly without needing to travel,\r\n                                            showcasing excellence effortlessly.\r\n                                        </p>\r\n\r\n                                        <li className=\" fontfamily text-red-900 xl:text-2xl text-lg xl:mt-12 mt-6\">\r\n                                            Real Estate Sales App\r\n                                        </li>\r\n                                        <p className=\"text-white fontfamily xl:text-base text-sm mt-4 mb-6\">\r\n                                            Our bespoke Real Estate Sales App revolutionizes property presentations\r\n                                            for both launched and under-construction properties. Why limit client\r\n                                            engagement to on-site visits? With our app's Virtual Reality tours, clients\r\n                                            can explore properties in detail from anywhere.\r\n                                        </p>\r\n\r\n\r\n                                    </ul>\r\n                                </div>\r\n\r\n\r\n                                <div className=\"xl:w-6/12 lg:w-6/12 md:w-12/12 w-12/12 zoom2  xl:py-12 border border-red-800 \">\r\n                                    <ul className=\"xl:pl-12 list-disc xl:px-20 px-4 pl-12 xl:mt-6\">\r\n                                        <li className=\" fontfamily text-red-900 xl:text-2xl text-lg mt-6\">\r\n                                            3D Stimulator for pc\r\n                                        </li>\r\n                                        <p className=\"text-white fontfamily xl:text-base text-sm mt-4\">\r\n                                            The 3D Simulator combines all housing projects into one app, showcasing strengths\r\n                                            and travel times to key points. It provides a clear view of project locations,\r\n                                            answers questions comprehensively, and aids in closing sales.\r\n                                        </p>\r\n                                        <li className=\" fontfamily text-red-900 xl:text-2xl  text-lg xl:mt-12 mt-6\">\r\n                                            Virtual Reality for Real Estate\r\n                                        </li>\r\n                                        <p className=\"text-white fontfamily xl:text-base text-sm mt-4\">\r\n                                            Transform real estate marketing with our VR expertise. From immersive AR and VR to\r\n                                            captivating 360° panoramas, we create unforgettable engagements that elevate your brand.\r\n                                        </p>\r\n\r\n                                        <li className=\" fontfamily text-red-900 xl:text-2xl  text-lg xl:mt-12 mt-6\">\r\n                                            Photomontage\r\n                                        </li>\r\n                                        <p className=\"text-white fontfamily xl:text-base text-sm mt-4\">\r\n                                            Experience captivating real estate scenes through our photomontage service.\r\n                                            Outstanding photographs bring properties to life, captivating viewers with a real-like feel.\r\n                                        </p>\r\n\r\n                                        <li className=\" fontfamily text-red-900 xl:text-2xl  text-lg xl:mt-12 mt-6\">\r\n                                            Interactive Masterplan\r\n                                        </li>\r\n                                        <p className=\"text-white fontfamily xl:text-base text-sm mt-4\">\r\n                                            Empower your real estate team with our 3D Masterplan App. Search properties by name,\r\n                                            location, cost, and more, enhancing sales presentations in person or remotely.\r\n                                        </p>\r\n\r\n                                        <li className=\" fontfamily text-red-900 xl:text-2xl  text-lg xl:mt-12 mt-6\">\r\n                                            Real Time Rendering\r\n                                        </li>\r\n                                        <p className=\"text-white fontfamily xl:text-base text-sm mt-4 mb-6\">\r\n                                            Experience seamless drone shoots showcasing iconic routes and infrastructure. Our\r\n                                            visuals guide viewers with live views of approach roads, capturing the project's\r\n                                            charm in real time.\r\n                                        </p>\r\n                                    </ul>\r\n                                </div>\r\n\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n\r\n                <div className=\"container mx-auto xl:py-32 py-24\">\r\n                    <h4 className=\"fontfamily text-white font-semibold xl:text-5xl lg:text-3xl text-3xl uppercase xl:px-20 text-center\">\r\n                        Why <span className=\"text-red-900\">Choose </span> Us\r\n                    </h4>\r\n                    <div className=\"flex flex-wrap  xl:mt-12 mt-12\">\r\n                        <div className=\"xl:w-4/12 border border-red-200 py-4 zoom2\">\r\n                            <ul className=\"xl:pl-12 list-disc xl:px-20 pl-12 xl:mt-6 \">\r\n                                <li className=\" fontfamily text-white xl:text-xl text-xl\">\r\n                                    Experienced Team\r\n                                </li>\r\n                                <li className=\" fontfamily text-white xl:text-xl text-xl mt-6\">\r\n                                    Strong in Technology\r\n                                </li>\r\n                            </ul>\r\n                        </div>\r\n\r\n                        <div className=\"xl:w-4/12 border border-red-200 py-4 zoom2\">\r\n                            <ul className=\"xl:pl-12 list-disc xl:px-20 pl-12 xl:mt-6 mt-6 lg:mt-0\">\r\n                                <li className=\" fontfamily text-white xl:text-xl text-xl\">\r\n                                    Innovative Approach\r\n                                </li>\r\n                                <li className=\" fontfamily text-white xl:text-xl text-xl mt-6\">\r\n                                    Experience in Large-Scale Projects\r\n                                </li>\r\n                            </ul>\r\n                        </div>\r\n\r\n                        <div className=\"xl:w-4/12 border border-red-200 py-4 zoom2\">\r\n                            <ul className=\"xl:pl-12 list-disc xl:px-20 xl:mt-6 lg:mt-0 mt-6 pl-12 \">\r\n                                <li className=\" fontfamily text-white xl:text-xl text-xl\">\r\n                                    Commitment to Quality\r\n                                </li>\r\n                                <li className=\" fontfamily text-white xl:text-xl text-xl mt-6\">\r\n                                    Client-Centric Approach\r\n                                </li>\r\n                            </ul>\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n\r\n                    {/* <div className=\"flex flex-wrap\">\r\n                        <div className=\"xl:w-4/12\"></div>\r\n                        <div className=\"xl:w-4/12\">\r\n                            <ul className=\"list-disc xl:pl-20 xl:mt-6\">\r\n                                <li className=\" fontfamily text-white xl:text-xl\">\r\n                                    Experienced Team\r\n                                </li>\r\n                                <li className=\" fontfamily text-white xl:text-xl mt-6\">\r\n                                    Strong in Technology\r\n                                </li>\r\n                                <li className=\" fontfamily text-white xl:text-xl mt-6\">\r\n                                    Innovative Approach\r\n                                </li>\r\n                                <li className=\" fontfamily text-white xl:text-xl mt-6\">\r\n                                    Experience in Large-Scale Projects\r\n                                </li>\r\n                                <li className=\" fontfamily text-white xl:text-xl mt-6\">\r\n                                    Commitment to Quality\r\n                                </li>\r\n                                <li className=\" fontfamily text-white xl:text-xl mt-6\">\r\n                                    Client-Centric Approach\r\n                                </li>\r\n                            </ul>\r\n                        </div>\r\n                        <div className=\"xl:w-4/12\"></div>\r\n                    </div> */}\r\n\r\n\r\n\r\n                </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n                {/* <div className=\" mx-auto items-center\" >\r\n                    <div className=\"xl:px-12 mt-6\">\r\n                        <div className=\"w-full px-2\">\r\n                            <div className=\"flex flex-wrap border border-red-200\">\r\n                                <div className=\"xl:w-3/12 border-r  border-red-200 bg-gray-500 \">\r\n                                    <div className=\"fontfamily xl:text-5xl lineheight text-white text-left xl:pl-12 xl:py-32\">\r\n                                        Our <br></br>Services\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"xl:w-3/12  xl:py-12  xl:px-12\">\r\n                                    <h1 className=\"fontfamily xl:text-3xl text-red-900 text-left \">\r\n                                        3D Animation/ Cinematic Animation\r\n                                    </h1>\r\n                                    <p className=\"text-white font-light font-normal fontfamily xl:text-base mt-4\">\r\n                                        Elevate your marketing with our 3D walkthrough ,Flythrough and\r\n                                        cinematic animations. Our walkthroughs bring projects to life, offering\r\n                                        a realistic experience that immerses prospects in the site.\r\n                                    </p>\r\n                                </div>\r\n                                <div className=\"xl:w-3/12  border-l border-r border-red-200 xl:py-12  xl:px-12\">\r\n                                    <h1 className=\"fontfamily xl:text-3xl text-red-900 text-left \">\r\n                                        3D Visualization\r\n                                    </h1>\r\n                                    <p className=\"text-white fontfamily xl:text-base mt-4\">\r\n                                        3D Rendering for Interior & Exterior Designs that transform\r\n                                        your vision with lifelike 3D renders from our CGI services. Our\r\n                                        detailed interiors and exteriors capture your project's essence\r\n                                        with precision and realism.\r\n                                    </p>\r\n                                </div>\r\n                                <div className=\"xl:w-3/12 \" style={{ backgroundImage: `url(\" https://i.ibb.co/T2mQqQY/villa.jpg \")`, backgroundPosition: \"center\", backgroundRepeat: \"no-repeat\", backgroundSize: \"cover\" }}>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"flex flex-wrap border-b border-l border-r border-red-200\">\r\n                                <div className=\"xl:w-3/12 border-red-200 border-r\" style={{ backgroundImage: `url(\" https://i.ibb.co/DKkBFW7/building.jpg \")`, backgroundPosition: \"center\", backgroundRepeat: \"no-repeat\", backgroundSize: \"cover\" }}>\r\n                                </div>\r\n                                <div className=\"xl:w-3/12  xl:py-12  xl:px-12\">\r\n                                    <h1 className=\"fontfamily xl:text-3xl text-red-900 text-left \">\r\n                                        3D Floor Plan\r\n                                    </h1>\r\n                                    <p className=\"text-white fontfamily xl:text-base xl:mt-12\">\r\n                                        Visualize interiors seamlessly with our 3D floor plans. Furnishings,\r\n                                        textures, and color schemes enhance property presentations,\r\n                                        streamlining sales and leasing processes.\r\n                                    </p>\r\n                                </div>\r\n                                <div className=\"xl:w-3/12  xl:py-12 border-l border-r border-red-200 xl:px-12\">\r\n                                    <h1 className=\"fontfamily xl:text-3xl text-red-900 text-left \">\r\n                                        Scale Model\r\n                                    </h1>\r\n                                    <p className=\"text-white fontfamily xl:text-base xl:mt-12\">\r\n                                        Impress with our accurate scale models, mirroring every project detail\r\n                                        in miniature form. Explore projects thoroughly without needing to travel,\r\n                                        showcasing excellence effortlessly.\r\n                                    </p>\r\n                                </div>\r\n                                <div className=\"xl:w-3/12  xl:py-12  xl:px-12\">\r\n                                    <h1 className=\"fontfamily xl:text-3xl text-red-900 text-left \">\r\n                                        Real Estate<br></br>Sales App\r\n                                    </h1>\r\n                                    <p className=\"text-white fontfamily xl:text-base mt-4\">\r\n                                        Our bespoke Real Estate Sales App revolutionizes property\r\n                                        presentations for both launched and under-construction properties.\r\n                                        Why limit client engagement to on-site visits? With our app's\r\n                                        Virtual Reality tours, clients can explore properties in detail\r\n                                        'from anywhere\r\n                                    </p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div> */}\r\n\r\n\r\n\r\n\r\n\r\n\r\n                {/* <div className=\" mx-auto items-center\" >\r\n                    <div className=\"xl:px-12 mt-6\">\r\n                        <div className=\"w-full px-2\">\r\n                            <div className=\"flex flex-wrap border border-red-200\">\r\n                                <div className=\"xl:w-3/12 bg-gray-500 \">\r\n                                    <div className=\"fontfamily xl:text-5xl lineheight text-white text-left xl:pl-12 xl:py-32\">\r\n                                        Our <br></br>Services\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"xl:w-3/12  xl:py-12 xl:px-12\">\r\n                                    <h1 className=\"fontfamily xl:text-3xl text-red-900 text-left \">\r\n                                        3D Stimulator for pc\r\n                                    </h1>\r\n                                    <p className=\"text-white fontfamily xl:text-base mt-4\">\r\n                                        The 3D Simulator combines all housing projects into one app,\r\n                                        showcasing strengths and travel times to key points. It provides\r\n                                        a clear view of project locations, answers questions comprehensively,\r\n                                        and aids in closing sales.\r\n                                    </p>\r\n                                </div>\r\n\r\n                                <div className=\"xl:w-3/12  xl:py-12 border-l border-r border-red-200 xl:px-12\">\r\n                                    <h1 className=\"fontfamily xl:text-3xl text-red-900 text-left \">\r\n                                        Virtual Reality for Real Estate\r\n                                    </h1>\r\n                                    <p className=\"text-white fontfamily xl:text-base mt-4\">\r\n                                        \"Transform real estate marketing with our VR expertise. From\r\n                                        immersive AR and VR to captivating 360° panoramas, we create\r\n                                        unforgettable engagements that elevate your brand.\"\r\n\r\n                                    </p>\r\n                                </div>\r\n\r\n                                <div className=\"xl:w-3/12 \" style={{ backgroundImage: `url(\" https://i.ibb.co/T2mQqQY/villa.jpg \")`, backgroundPosition: \"center\", backgroundRepeat: \"no-repeat\", backgroundSize: \"cover\" }}>\r\n                                </div>\r\n\r\n                            </div>\r\n                            <div className=\"flex flex-wrap border-b border-l border-r border-red-200\">\r\n                                <div className=\"xl:w-3/12 border-r border-red-200\" style={{ backgroundImage: `url(\" https://i.ibb.co/DKkBFW7/building.jpg \")`, backgroundPosition: \"center\", backgroundRepeat: \"no-repeat\", backgroundSize: \"cover\" }}>\r\n                                </div>\r\n\r\n                                <div className=\"xl:w-3/12  xl:py-12  xl:px-12\">\r\n                                    <h1 className=\"fontfamily xl:text-3xl text-red-900 text-left \">\r\n                                        Photomontage\r\n                                    </h1>\r\n                                    <p className=\"text-white fontfamily xl:text-base mt-4\">\r\n                                        Experience captivating real estate scenes through our\r\n                                        photomontage service. Outstanding photographs bring properties\r\n                                        to life, captivating viewers with a real-like feel.\r\n                                    </p>\r\n                                </div>\r\n\r\n                                <div className=\"xl:w-3/12  xl:py-12 border-l border-r border-red-200 xl:px-12\">\r\n                                    <h1 className=\"fontfamily xl:text-3xl text-red-900 text-left \">\r\n                                        Interactive Masterplan\r\n                                    </h1>\r\n                                    <p className=\"text-white fontfamily xl:text-base mt-4\">\r\n                                        Empower your real estate team with our 3D Masterplan App.\r\n                                        Search properties by name, location, cost, and more, enhancing\r\n                                        sales presentations in person or remotely.\r\n                                    </p>\r\n                                </div>\r\n\r\n                                <div className=\"xl:w-3/12  xl:py-12  border-r border-red-200 xl:px-12\">\r\n\r\n                                    <h1 className=\"fontfamily xl:text-3xl text-red-900 text-left \">\r\n                                        Real Time Rendering\r\n                                    </h1>\r\n                                    <p className=\"text-white fontfamily xl:text-base mt-4\">\r\n                                        Experience seamless drone shoots showcasing iconic routes and\r\n                                        infrastructure. Our visuals guide viewers with live views of\r\n                                        approach roads, capturing the project's charm in real time.\r\n                                    </p>\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div > */}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n                {/* <div className=\"xl:px-12 mx-auto xl:py-12\">\r\n                    <div className=\"w-full px-2\">\r\n                        <div className=\"flex flex-wrap border border-red-200\">\r\n                            <div className=\"xl:w-3/12 border-r border-red-200 xl:px-12 \">\r\n                                <h2 className=\"xl:py-16 fontfamily text-white xl:text-4xl\">\r\n                                    Why Choose <br></br> Us?\r\n                                </h2>\r\n                            </div>\r\n                            <ul className=\"list-disc xl:w-3/12  xl:px-12 py-16\">\r\n                                <li className=\" fontfamily  text-white xl:text-xl\">\r\n                                    Experienced Team\r\n                                </li>\r\n                                <li className=\"mt-6 fontfamily text-white xl:text-xl\">\r\n                                    Strong in Technology\r\n                                </li>\r\n                            </ul>\r\n                            <ul className=\"list-disc xl:w-3/12 border-l border-r border-red-200 xl:px-12 py-16\">\r\n                                <li className=\" fontfamily text-white xl:text-xl\">\r\n                                    Innovative Approach\r\n                                </li>\r\n                                <li className=\"mt-6 fontfamily text-white xl:text-xl\">\r\n                                    Experience in Large-Scale Projects\r\n                                </li>\r\n                            </ul>\r\n                            <ul className=\"list-disc xl:w-3/12 xl:px-12 py-16\">\r\n                                <li className=\"fontfamily text-white xl:text-xl\">\r\n\r\n                                    Commitment to Quality\r\n                                </li>\r\n                                <li className=\"mt-6 fontfamily text-white xl:text-xl\">\r\n                                    Client-Centric Approach\r\n                                </li>\r\n                            </ul>\r\n                        </div>\r\n                    </div>\r\n                </div> */}\r\n\r\n\r\n\r\n\r\n                <div className=\"w-full\" style={{\r\n                    backgroundImage: `url(${archywavebanner})`, backgroundPosition: \"center\", backgroundRepeat: \"no-repeat\", backgroundSize: \"cover\"\r\n                    , backgroundAttachment: 'fixed'\r\n                }}>\r\n                    <div className=\"container mx-auto xl:py-32 py-32\">\r\n                        <div className=\"w-full  xl:px-32 lg:px-32 px-4 justify-center xl:py-32\">\r\n                            <h3 className=\"text-white fontfamily xl:text-2xl xl:px-32 text-center\">\r\n                                \"Unlock the power of imagination with our premier 3D rendering services. At the forefront\r\n                                of innovation, we bring your visions to life with stunning realism and precision. Whether\r\n                                you're an architect, designer, or creative visionary, our expert team delivers high-quality,\r\n                                custom visual solutions that elevate your projects and captivate your audience. Transform\r\n                                ideas into breathtaking realities with us\"\r\n                            </h3>\r\n                            <div className=\"mt-6 justify-center text-center web\">\r\n                                <a href=\"/process-and-specification\">\r\n                                    <div className=\"rounded font-semibold bg-red-900 xl:w-2/12 lg:w-3/12 w-6/12 py-2 text-center fontfamily xl:text-base text-white\">\r\n                                        Know More\r\n                                    </div>\r\n                                </a>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <section className=\"container mx-auto xl:px-12 xl:mt-12 px-4 mt-12\">\r\n                    <div className=\"xl:px-12 w-full \">\r\n                        <h3 className=\"fontfamily xl:text-3xl text-center text-3xl text-red-900 font-semibold xl:mt-32\">\r\n                            Let's Work Together\r\n                        </h3>\r\n                        <p className=\"mt-2 text-center xl:text-xl xl:px-32 fontfamily text-white\">\r\n                            Ready to take your business to the next level? Contact us today to learn\r\n                            more about how our expertise can help you achieve your goals.\r\n                        </p>\r\n                        {/* <div className=\"flex flex-wrap mt-3 items-center\">\r\n                            <div className=\"xl:w-6/12 w-12/12 lg:w-6/12 \">\r\n                                \r\n                                <form onSubmit={handleSubmit} className=\"xl:mt-6 mt-6\">\r\n                                    <div className=\"flex flex-wrap\">\r\n                                        <div className=\"px-2 xl:w-6/12 w-12/12\">\r\n                                            <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                                placeholder=\"First Name\" name=\"name\" maxlength=\"25\" onChange={e => setFirstName(e.target.value)} />\r\n                                            {nameError && firstName.length === 0 ?\r\n                                                <label className=\"error\">Enter Your First Name</label> : \"\"}\r\n                                        </div>\r\n                                        <div className=\"px-2 xl:w-6/12 w-12/12\">\r\n                                            <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                                placeholder=\"Last Name\" name=\"namee\" maxlength=\"25\" onChange={e => setLastName(e.target.value)} />\r\n                                            {nameeError && lastName.length === 0 ?\r\n                                                <label className=\"error\">Enter Your Last Name</label> : \"\"}\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"px-2 xl:w-12/12 xl:mt-6 w-12/12\">\r\n                                        <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                            placeholder=\"Email\" name=\"email\" onChange={e => setEmail(e.target.value) + setEmailRegexError(e.target.value)} />\r\n                                        {emailError && email.length === 0 ?\r\n                                            <label className=\"error\">Enter Your Email</label> : \"\"}\r\n                                        {emailregexError && (!(/^[a-zA-Z0-9]+@[a-zA-Z0-9]+\\.[A-Za-z]+$/.test(email))) ?\r\n                                            <label className=\"error\">Please Enter Valid Email</label> : \"\"}\r\n\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"px-2 xl:w-12/12 w-12/12 xl:mt-6\">\r\n                                    <select\r\n                                        id=\"country\"\r\n                                        name=\"country\"\r\n                                        value={country}\r\n                                        onChange={(e) => setCountry(e.target.value)}\r\n                                        className={`fontfamily shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline ${countryError ? 'border-red-500' : ''}`}\r\n                                    >\r\n                                        <option value=\"\">Select your country</option>\r\n                                        {countryOptions.map((option) => (\r\n                                            <option key={option.value} value={option.label}>{option.label}</option>\r\n                                        ))}\r\n                                    </select>\r\n                                    {countryError && <p className=\"error\">Please select your country.</p>}\r\n                                </div>\r\n                           \r\n\r\n                            <div className=\"px-2 xl:w-12/12 w-12/12 xl:mt-6\">\r\n                                <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                    placeholder=\"Phone Number\" name=\"tel\" maxlength=\"10\" onChange={e => setTel(e.target.value) + setTelRegexError(e.target.value)} />\r\n                                {telError && tel.length === 0 ?\r\n                                    <label className=\"error pt-2\">Enter Your Contact Number</label> : \"\"}\r\n                                {telregexError && (!(/^(?:\\+?\\d{1,3})?0?\\d{7,12}$/.test(tel))) ?\r\n                                    <label className=\"error pt-2\">Please Enter Valid Number</label> : \"\"}\r\n                            </div>\r\n\r\n                            <div className=\"px-2 xl:w-12/12 w-12/12 xl:mt-6\">\r\n                                <textarea className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-20 rounded mt-2 fontfamily xl:text-base\"\r\n                                    placeholder=\"Message\" name=\"message\" onChange={e => setMessage(e.target.value)} />\r\n                                {messageError && message.length === 0 ?\r\n                                    <label className=\"error\">Please Enter Your Message</label> : \"\"}\r\n                            </div>\r\n                            <div className=\"items-center text-center justify-center\">\r\n                                <button className=\"justify-center text-center px-12 py-2 rounded-lg  bg-red-900 text-white mt-6 fontfamily font-semibold xl:text-base\" type=\"submit\">\r\n                                    Submit\r\n                                </button>\r\n                            </div>\r\n                        </form>\r\n                    </div>\r\n\r\n                    <div className=\"xl:w-6/12 lg:w-6/12 lg:pl-12 xl:pl-12 xl:mt-0 mt-12\">\r\n                        <img src=\"https://i.ibb.co/g44TBCx/archywavebrouchure.jpg\" alt=\"\" className=\"rounded-lg\"></img>\r\n                    </div>\r\n                </div> */}\r\n\r\n                    </div>\r\n                </section >\r\n\r\n\r\n\r\n\r\n\r\n\r\n            </section >\r\n\r\n\r\n            <Footer />\r\n        </>\r\n    );\r\n}\r\n","/*eslint-disable*/\r\nimport React, { useState, useEffect, useRef, useMemo } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport emailjs from '@emailjs/browser';\r\nimport IndexNavbarr from \"components/Navbars/IndexNavbarr.js\";\r\nimport Footer from \"components/Footers/Footer.js\";\r\nimport $ from \"jquery\";\r\nimport countryList from 'react-select-country-list'\r\n\r\nexport default function Process() {\r\n\r\n    const [firstName, setFirstName] = useState('');\r\n    const [lastName, setLastName] = useState('');\r\n    const [email, setEmail] = useState('');\r\n    const [tel, setTel] = useState('');\r\n    const [message, setMessage] = useState('');\r\n    const [country, setCountry] = useState('');\r\n\r\n    const [nameError, setNameError] = useState(false);\r\n    const [nameeError, setNameeError] = useState(false);\r\n    const [emailError, setEmailError] = useState(false);\r\n    const [emailregexError, setEmailRegexError] = useState(false);\r\n    const [telError, setTelError] = useState(false);\r\n    const [telregexError, setTelRegexError] = useState(false);\r\n    const [messageError, setMessageError] = useState(false);\r\n    const [countryError, setCountryError] = useState(false);\r\n\r\n    const countryOptions = useMemo(() => countryList().getData(), []);\r\n\r\n    const handleSubmit = (e) => {\r\n        e.preventDefault();\r\n\r\n        setNameError(firstName.length === 0);\r\n        setNameeError(lastName.length === 0);\r\n        setEmailError(email.length === 0);\r\n        setTelError(tel.length === 0);\r\n        setMessageError(message.length === 0);\r\n        setCountryError(country.length === 0);\r\n\r\n        if (email.length > 0 && !(/^[a-zA-Z0-9]+@[a-zA-Z0-9]+\\.[A-Za-z]+$/.test(email))) {\r\n            setEmailRegexError(true);\r\n        } else {\r\n            setEmailRegexError(false);\r\n        }\r\n\r\n        if (tel.length > 0 && !(/^(?:\\+?\\d{1,3})?0?\\d{7,12}$/.test(tel))) {\r\n            setTelRegexError(true);\r\n        } else {\r\n            setTelRegexError(false);\r\n        }\r\n\r\n        if (firstName && lastName && email && tel && message && country && !emailregexError && !telregexError) {\r\n            console.log(\"First Name: \", firstName);\r\n            console.log(\"Last Name: \", lastName);\r\n            console.log(\"Email: \", email);\r\n            console.log(\"Tel: \", tel);\r\n            console.log(\"Message: \", message);\r\n            console.log(\"Country: \", country);\r\n\r\n            emailjs.sendForm('service_pkgyfs7', 'template_9ukwsqi', e.target, '076KSZ_e1qDX1KE1V')\r\n                .then((result) => {\r\n                    console.log(result.text);\r\n                }, (error) => {\r\n                    console.log(error.text);\r\n                });\r\n\r\n            alert(\"Form Submitted Successfully\");\r\n\r\n            setFirstName('');\r\n            setLastName('');\r\n            setEmail('');\r\n            setTel('');\r\n            setMessage('');\r\n            setCountry('');\r\n\r\n            // Reset the form\r\n            e.target.reset();\r\n        }\r\n    };\r\n\r\n\r\n    jQuery(function ($) {\r\n\r\n        // Function which adds the 'animated' class to any '.animatable' in view\r\n        var doAnimations = function () {\r\n\r\n            // Calc current offset and get all animatables\r\n            var offset = $(window).scrollTop() + $(window).height(),\r\n                $animatables = $('.animatable');\r\n\r\n            // Unbind scroll handler if we have no animatables\r\n            if ($animatables.length == 0) {\r\n                $(window).off('scroll', doAnimations);\r\n            }\r\n\r\n            // Check all animatables and animate them if necessary\r\n            $animatables.each(function (i) {\r\n                var $animatable = $(this);\r\n                if (($animatable.offset().top + $animatable.height() - 20) < offset) {\r\n                    $animatable.removeClass('animatable').addClass('animated');\r\n                }\r\n            });\r\n\r\n        };\r\n\r\n        // Hook doAnimations on scroll, and trigger a scroll\r\n        $(window).on('scroll', doAnimations);\r\n        $(window).trigger('scroll');\r\n\r\n    });\r\n\r\n\r\n    return (\r\n        <>\r\n            <IndexNavbarr fixed />\r\n\r\n            <section className=\"w-full\" style={{\r\n                backgroundImage: `url(\"https://i.ibb.co/WtcJ4Jx/homebanner1.png\")`, backgroundPosition: \"center\", backgroundRepeat: \"no-repeat\",\r\n                backgroundSize: 'cover'\r\n            }}>\r\n                <div className=\"container mx-auto items-center xl:py-32 py-24\" >\r\n                    <div className='w-full xl:mt-12'>\r\n                        <div className='flex flex-wrap '>\r\n\r\n                            <div className='xl:w-8/12  xl:mb-12'>\r\n                                <h2 className='block animatable bounceInRight xl:text-5xl text-2xl pl-3 uppercase text-left fontfamily font-semibold' style={{ color: '#DE0A26' }}>\r\n                                    Process <span className='text-white'>and <br></br>Specifications</span>\r\n                                </h2>\r\n                            </div>\r\n                            <div className='xl:w-2/12'></div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n            <section className=\"w-full bg-black xl:py-12 py-6\" >\r\n                <div className=\"container mx-auto\">\r\n                    <h3 className=\"fontfamily font-semibold text-white xl:text-4xl text-2xl uppercase text-center\">\r\n                        Archywave Workflows\r\n                    </h3>\r\n                    <div className=\"flex flex-wrap px-6 xl:py-12 xl:mt-12 mt-6\">\r\n                        <div className=\"xl:w-6/12 xl:px-12\">\r\n                            <h4 className=\"text-red-900 fontfamily xl:text-2xl text-xl\">\r\n                                Rendering Workflow\r\n                            </h4>\r\n\r\n                            <p className=\"xl:mt-6 mt-4 text-white xl:text-lg text-base fontfamily font-bold\">\r\n                                1. <span className=\"font-light xl:text-base\"> Work begins after receipt of Model Files from client. </span>\r\n                            </p>\r\n                            <ul className=\"xl:pl-12 pl-12 list-disc mt-4\">\r\n                                <li className=\"text-white xl:text-base fontfamily\">\r\n                                    Revit\r\n                                </li>\r\n                                <li className=\"text-white xl:text-base fontfamily py-2\">\r\n                                    SketchUp\r\n                                </li>\r\n                                <li className=\"text-white xl:text-base fontfamily\">\r\n                                    CAD drawings & elevations\r\n                                </li>\r\n                            </ul>\r\n\r\n                            <p className=\"xl:mt-6 mt-6  text-white xl:text-lg text-base fontfamily font-bold\">\r\n                                2. <span className=\"font-light xl:text-base\">Each Model Drafts will be sent to client for review. Client can check to ensure\r\n                                    views and geometry are correct and provide feedback.</span>\r\n                            </p>\r\n                            <ul className=\"xl:pl-12 pl-12 list-disc mt-4\">\r\n                                <li className=\"text-white xl:text-base fontfamily\">\r\n                                    Renderings\r\n                                </li>\r\n                                <li className=\"text-white xl:text-base fontfamily py-2\">\r\n                                    Animations\r\n                                </li>\r\n                                {/* <li className=\"text-white xl:text-base fontfamily\">\r\n                                Unlimited Revisions\r\n                                </li> */}\r\n                                <li className=\"text-white xl:text-base fontfamily py-2\">\r\n                                    Checklist for the Stages!\r\n                                </li>\r\n                            </ul>\r\n\r\n                            <p className=\"xl:mt-6 mt-6 text-white xl:text-lg text-base fontfamily font-bold\">\r\n                                3. <span className=\"font-light xl:text-base\">Each Render Drafts will be sent to client for review. Client can check to ensure\r\n                                    design details and overall style are up to expectation and provide feedback.</span>\r\n                            </p>\r\n                            <ul className=\"xl:pl-12 pl-12 list-disc mt-4\">\r\n                                <li className=\"text-white xl:text-base fontfamily\">\r\n                                    Renderings\r\n                                </li>\r\n                                <li className=\"text-white xl:text-base fontfamily py-2\">\r\n                                    Animations\r\n                                </li>\r\n                                {/* <li className=\"text-white xl:text-base fontfamily\">\r\n                                Unlimited Revisions\r\n                                </li> */}\r\n                            </ul>\r\n\r\n                            <p className=\"xl:mt-6 mt-6 text-white xl:text-lg text-base fontfamily font-bold\">\r\n                                4. <span className=\"font-light xl:text-base\">Final Rendering without ARCHYWAVE Watermark in high resolution.</span>\r\n                            </p>\r\n                        </div>\r\n\r\n\r\n                        <div className=\"xl:w-6/12 xl:px-12 xl:mt-0 mt-12\">\r\n                            <h4 className=\"text-red-900 fontfamily xl:text-2xl text-xl\">\r\n                                Animation Workflow\r\n                            </h4>\r\n\r\n                            <p className=\"xl:mt-6 mt-6 text-white xl:text-lg text-base fontfamily font-bold\">\r\n                                1. <span className=\"font-light xl:text-base\"> Modeling</span>\r\n                            </p>\r\n                            <p className=\"mt-3 text-white xl:text-base fontfamily\">\r\n                                The initial animation draft will be in low resolution with no texture or lighting,\r\n                                and is only meant to confirm camera path/speed and model accuracy.\r\n                            </p>\r\n\r\n                            <p className=\"xl:mt-12 mt-6 text-white xl:text-lg text-base fontfamily font-bold\">\r\n                                2. <span className=\"font-light xl:text-base\"> Rendered Key-frames Review</span>\r\n                            </p>\r\n                            <p className=\"mt-3 text-white xl:text-base fontfamily\">\r\n                                Key-frames which are still images with their textures and lighting\r\n                                will be provided to the client for review\r\n                            </p>\r\n\r\n                            <p className=\"xl:mt-12 mt-6 text-white xl:text-lg text-base fontfamily font-bold\">\r\n                                3. <span className=\"font-light xl:text-base\"> Animation Draft </span>\r\n                            </p>\r\n                            <p className=\"mt-3 text-white xl:text-base fontfamily\">\r\n                                Confirm everything is accurate while seeing the project in motion,\r\n                                and make small changes to the animation\r\n                            </p>\r\n\r\n                            <p className=\"xl:mt-12 mt-6 text-white xl:text-lg text-base fontfamily font-bold\">\r\n                                4. <span className=\"font-light xl:text-base\"> Final High-Resolution Animation Delivery </span>\r\n                            </p>\r\n                            <p className=\"mt-3 text-white xl:text-base fontfamily\">\r\n                                The final high-resolution animation will be delivered in MP4 format. For higher\r\n                                resolutions or additional requirements, please\r\n                                contact us for pricing and rendering times.\r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n            </section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n            <section className=\"bg-gray-100 \">\r\n                <div className=\"container mx-auto xl:py-12 py-6\">\r\n                    <div className=\"w-full\">\r\n                        <h2 className=\"fontfamily xl:text-4xl text-3xl font-semibold  text-center text-black \">\r\n                            Clients\r\n                        </h2>\r\n                        <div className=\"flex flex-wrap justify-center items-center  xl:py-12\">\r\n                            <div className=\"xl:mt-0 mt-6\">\r\n                                <img src=\"https://i.ibb.co/9GzzWnk/lulu.pngg\" alt=\"\" className=\"xl:w-44 w-32 block animatable bounceInLeft\" />\r\n                            </div>\r\n                            <div className=\"xl:mt-0 mt-6\">\r\n                                <img src=\"https://i.ibb.co/RcDMtns/hilton.png\" alt=\"\" className=\"xl:w-44 w-32 block animatable fadeInDown\" />\r\n                            </div>\r\n                            <div className=\"xl:mt-0 mt-6\">\r\n                                <img src=\"https://i.ibb.co/s3WcmWJ/colliers.png\" alt=\"\" className=\"xl:w-44 w-32 block animatable fadeInUp\" />\r\n                            </div>\r\n                            <div className=\"xl:mt-0 mt-6\">\r\n                                <img src=\"https://i.ibb.co/cJhXZSs/pwc.png\" alt=\"\" className=\"w-52 block animatable bounceInLeft\" />\r\n                            </div>\r\n\r\n\r\n                            <div className=\"xl:mt-0 mt-6\">\r\n                                <img src=\"https://i.ibb.co/tJKqrMG/wells.png\" alt=\"\" className=\"xl:w-44 w-32 block animatable bounceInLeft\" />\r\n                            </div>\r\n                            <div className=\"xl:mt-0 mt-6\">\r\n                                <img src=\"https://i.ibb.co/7nTLn45/microsoft.png\" alt=\"\" className=\"xl:w-44 w-32 block animatable fadeInUp\" />\r\n                            </div>\r\n\r\n                            <div className=\"xl:mt-0 mt-6\">\r\n                                <img src=\"https://i.ibb.co/ZMhf4h5/capital.png\" alt=\"\" className=\"xl:w-44 w-32 block animatable bounceInRight\" />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"flex mx-auto justify-center -mt-4\">\r\n                        <a href=\"/projects\">\r\n                            <button className=\"text-center px-4 py-2 rounded  bg-red-900 text-white xl:mt-6 mt-12 fontfamily  xl:text-sm\" type=\"submit\">\r\n                                View More <i className=\"fa fa-arrow-right pl-4\"></i>\r\n                            </button>\r\n                        </a>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n\r\n\r\n\r\n            <section className=\"bg-black\">\r\n                <section className=\"container mx-auto xl:px-12 xl:py-6 py-6 px-4 \">\r\n                    <div className=\"xl:px-12 w-ful \">\r\n                        <div className=\"flex flex-wrap xl:py-12 items-center\">\r\n                            <div className=\"xl:w-6/12 w-12/12  lg:w-6/12\">\r\n                                <h3 className=\"fontfamily xl:text-2xl text-3xl text-white font-semibold\">\r\n                                    Get In Touch\r\n                                </h3>\r\n                                <form onSubmit={handleSubmit} className=\"xl:mt-6 mt-6\">\r\n                                    <div className=\"flex flex-wrap\">\r\n                                        <div className=\"px-2 xl:w-6/12 w-12/12\">\r\n                                            <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                                placeholder=\"First Name\" name=\"name\" maxlength=\"25\" onChange={e => setFirstName(e.target.value)} />\r\n                                            {nameError && firstName.length === 0 ?\r\n                                                <label className=\"error\">Enter Your First Name</label> : \"\"}\r\n                                        </div>\r\n                                        <div className=\"px-2 xl:w-6/12 w-12/12\">\r\n                                            <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                                placeholder=\"Last Name\" name=\"namee\" maxlength=\"25\" onChange={e => setLastName(e.target.value)} />\r\n                                            {nameeError && lastName.length === 0 ?\r\n                                                <label className=\"error\">Enter Your Last Name</label> : \"\"}\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"px-2 xl:w-12/12 xl:mt-6 w-12/12\">\r\n                                        <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                            placeholder=\"Email\" name=\"email\" onChange={e => setEmail(e.target.value) + setEmailRegexError(e.target.value)} />\r\n                                        {emailError && email.length === 0 ?\r\n                                            <label className=\"error\">Enter Your Email</label> : \"\"}\r\n                                        {emailregexError && (!(/^[a-zA-Z0-9]+@[a-zA-Z0-9]+\\.[A-Za-z]+$/.test(email))) ?\r\n                                            <label className=\"error\">Please Enter Valid Email</label> : \"\"}\r\n\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"px-2 xl:w-12/12 w-12/12 xl:mt-6\">\r\n                                        <select\r\n                                            id=\"country\"\r\n                                            name=\"country\"\r\n                                            value={country}\r\n                                            onChange={(e) => setCountry(e.target.value)}\r\n                                            className={`xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base ${countryError ? 'border-red-500' : ''}`}\r\n                                        >\r\n                                            <option value=\"\">Select your country</option>\r\n                                            {countryOptions.map((option) => (\r\n                                                <option key={option.value} value={option.label}>{option.label}</option>\r\n                                            ))}\r\n                                        </select>\r\n                                        {countryError && <p className=\"error\">Please select your country.</p>}\r\n                                    </div>\r\n\r\n\r\n                                    <div className=\"px-2 xl:w-12/12 w-12/12 xl:mt-6\">\r\n                                        <input className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-12 rounded mt-2 fontfamily xl:text-base\"\r\n                                            placeholder=\"Phone Number\" name=\"tel\" maxlength=\"10\" onChange={e => setTel(e.target.value) + setTelRegexError(e.target.value)} />\r\n                                        {telError && tel.length === 0 ?\r\n                                            <label className=\"error pt-2\">Enter Your Contact Number</label> : \"\"}\r\n                                        {telregexError && (!(/^(?:\\+?\\d{1,3})?0?\\d{7,12}$/.test(tel))) ?\r\n                                            <label className=\"error pt-2\">Please Enter Valid Number</label> : \"\"}\r\n                                    </div>\r\n\r\n                                    <div className=\"px-2 xl:w-12/12 w-12/12 xl:mt-6\">\r\n                                        <textarea className=\"xl:w-12/12 w-12/12 px-2 border border-lightgrey h-20 rounded mt-2 fontfamily xl:text-base\"\r\n                                            placeholder=\"Message\" name=\"message\" onChange={e => setMessage(e.target.value)} />\r\n                                        {messageError && message.length === 0 ?\r\n                                            <label className=\"error\">Please Enter Your Message</label> : \"\"}\r\n                                    </div>\r\n                                    <div className=\"items-center text-center justify-center\">\r\n                                        <button className=\"justify-center text-center px-12 py-2 rounded-lg  bg-red-900 text-white mt-6 fontfamily font-semibold xl:text-base\" type=\"submit\">\r\n                                            Submit\r\n                                        </button>\r\n                                    </div>\r\n                                </form>\r\n                            </div>\r\n\r\n                            <div className=\"xl:w-6/12 lg:w-6/12  lg:pl-12 xl:pl-12 xl:mt-0 mt-12\">\r\n                                <img src=\"https://i.ibb.co/g44TBCx/archywavebrouchure.jpg\" alt=\"\" className=\"rounded-lg\"></img>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                </section>\r\n            </section>\r\n\r\n            <Footer />\r\n        </>\r\n    );\r\n}\r\n"],"sourceRoot":""}