Auth navigation

src/App.tsx

@@ -1,13 +1,23 @@
-import { PrimaryButton } from "./components/button/PrimaryButton";
-import { SecondaryButton } from "./components/button/SecondaryButton";
-import { Checkbox } from "./components/checkbox/Checkbox";
-import { Input } from "./components/input/Input";
-import { Switch } from "./components/switch/Switch";
+import { Route, Routes } from "react-router-dom";
+// import { PrimaryButton } from "./components/button/PrimaryButton";
+// import { SecondaryButton } from "./components/button/SecondaryButton";
+// import { Checkbox } from "./components/checkbox/Checkbox";
+// import { Input } from "./components/input/Input";
+// import { Switch } from "./components/switch/Switch";
+import Home from "./pages/Home";
 
 function App() {
   return (
     <div className="flex  py-[100px] w-full h-full">
-      <Switch
+      <Routes>
+        <Route path="/home/*" element={<Home/>}/>
+
+
+
+        <Route path="*" element={<Home/>}/>
+      </Routes>
+
+      {/* <Switch
         className=" fixed top-0 left-0 z-full"
         variant="theme"
         color="secondary"
@@ -90,7 +100,7 @@ function App() {
           <SecondaryButton onClick={() => { }} text="Button" disabled className="m-5" />
         </div>
       </div>
-      <div className="w-full"></div>
+      <div className="w-full"></div> */}
     </div>
   );
 }