[#56] Landing Pagehttps://project.mdnd-it.cc/work_packages/56

SerpentRace_Frontend/src/App.jsx

@@ -1,26 +1,27 @@
-import { useState, useEffect } from "react";
-import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
-import AuthRegister from "./pages/Auth/AuthRegister";
-import AuthLogin from "./pages/Auth/AuthLogin";
-import EmailVerification from "./pages/Auth/EmailVerification";
-import Test from "./pages/Testing/Test";
-import ForgotPassword from "./pages/Auth/ForgotPassword";
-import ResetPassword from "./pages/Auth/ResetPassword";
-
+import { useState, useEffect } from "react"
+import { BrowserRouter as Router, Route, Routes } from "react-router-dom"
+import AuthRegister from "./pages/Auth/AuthRegister"
+import AuthLogin from "./pages/Auth/AuthLogin"
+import EmailVerification from "./pages/Auth/EmailVerification"
+import Test from "./pages/Testing/Test"
+import ForgotPassword from "./pages/Auth/ForgotPassword"
+import ResetPassword from "./pages/Auth/ResetPassword"
+import Landingpage from "./pages/Landing/Landingpage"
+import Home from "./pages/Landing/Home"
 
 function App() {
-  const [isMobile, setIsMobile] = useState(false);
+  const [isMobile, setIsMobile] = useState(false)
 
   useEffect(() => {
     const handleResize = () => {
-      setIsMobile(window.innerWidth <= 1280);
-    };
+      setIsMobile(window.innerWidth <= 1280)
+    }
 
-    handleResize();
-    window.addEventListener("resize", handleResize);
+    handleResize()
+    window.addEventListener("resize", handleResize)
 
-    return () => window.removeEventListener("resize", handleResize);
-  }, []);
+    return () => window.removeEventListener("resize", handleResize)
+  }, [])
 
   // if (isMobile) {
   //   return (
@@ -43,10 +44,12 @@ function App() {
         <Route path="/forgot-password" element={<ForgotPassword />} />
         <Route path="/reset-password" element={<ResetPassword />} />
         <Route path="/test" element={<Test />} />
-
+        <Route path="/" element={<Landingpage />} />
+        <Route path="/home" element={<Home />} />
+        {/* Add more routes as needed */}
       </Routes>
     </Router>
-  );
+  )
 }
 
-export default App;
+export default App