chore: under maintenance

src/App.jsx

@@ -43,14 +43,13 @@ function App() {
         <AutoScroll />
         <Routes>
           <Route Component={Home} path="/" />
-          <Route Component={Faq} path="/faq" />
+          {/* <Route Component={Faq} path="/faq" />
           <Route Component={ContributorPage} path="/contact" />
-          <Route Component={ErrorPage} path="/*" />
-          <Route Component={Login} path="/login" />
-          <Route Component={SignUp} path="/signup" />
           <Route Component={BlogPage} path="/blog" />
+          <Route Component={Guide} path="/guidebook" /> */}
           <Route Component={ErrorPage} path="/*" />
-          <Route Component={Guide} path="/guidebook" />
+          <Route Component={SignUp} path="/signup" />
+          <Route Component={Login} path="/login" />
           <Route
             element={
               <PrivateRoute>

src/layout/HomeLayout.jsx

@@ -2,19 +2,26 @@ import React from "react";
 import Header from "../containers/Header/Navbar";
 import Footer from "../containers/Footer/index.jsx";
 import styles from "../style";
+import Button from "../components/Button";
+import { useNavigate } from "react-router-dom";
 
 function HomeLayout({ children }) {
+  const navigate = useNavigate();
   return (
-    <div className="bg-[#000000]">
-      <Header />
-      <main className="min-[400px]:px-10 mt-8">
+    <div className="flex flex-col justify-center items-center h-screen">
+      <h1 className={"text-3xl"}>The Site is under maintenance</h1>
+      <Button onClick={() => navigate("/login")} className={"mt-5"}>
+        Go to Design{" "}
+      </Button>
+      {/* <Header />
+       <main className="min-[400px]:px-10 mt-8">
         <section className="container mx-auto">{children}</section>
       </main>
       <div className={`bg-[#F4F8FD] ${styles.paddingX} ${styles.flexStart}`}>
         <div className={`${styles.boxWidth}`}>
           <Footer />
         </div>
-      </div>
+      </div>  */}
     </div>
   );
 }