menu

src/pages/Home.tsx

@@ -2,16 +2,22 @@
 import { Route, Routes } from "react-router-dom";
 import Login from "../views/home/auth/Login";
 import Register from "../views/home/auth/Register";
+import Menu from "../views/home/menu/Menu";
 
 const Home = () => {
   return (
-    <div className="h-full w-full bg-default-100 flex items-center justify-center">
-      <div className=" bg-layout-background w-[25rem] h-[34.375rem] rounded-[15px] box-border p-[25px] relative">
+    <div className="h-full w-full bg-liquid-background grid grid-cols-[250px,1fr] divide-x-[1px] divide-liquid-lighter">
+      <div className="">
+        <Menu />
+      </div>
+      <div className="">
         <Routes>
-          <Route path="login" element={<Login/>}/>
-          <Route path="register" element={<Register/>}/>
-          <Route path="*" element={"123"}/>
+          <Route path="login" element={<Login />} />
+          <Route path="account" element={<Login />} />
+          <Route path="register" element={<Register />} />
+          <Route path="*" element={"123"} />
         </Routes>
+
       </div>
     </div>
   );