diff --git a/Frontend/src/App.jsx b/Frontend/src/App.jsx
index ccccba1..beaa1ba 100644
--- a/Frontend/src/App.jsx
+++ b/Frontend/src/App.jsx
@@ -4,18 +4,17 @@ import Login from "./pages/Authentication/Login";
 import SignUp from "./pages/Authentication/SignUp";
 import DrivethruLandingPage from "./pages/UserPages/DrivethruLandingPage";
 import Dashboard from "./pages/UserPages/Dashboard";
+import NotFoundPage from "./pages/UserPages/NotFoundPage";
 
 function App() {
   return (
     <Router>
       <Routes>
-        {/* Landing Page at root ("/") */}
         <Route path="/" element={<DrivethruLandingPage />} />
-
-        {/* Login Page at "/login" */}
         <Route path="/login" element={<Login />} />
         <Route path="/signup" element={<SignUp />} />
         <Route path="/Dashboard" element={<Dashboard />} />
+        <Route path="*" element={<NotFoundPage />} />
       </Routes>
     </Router>
   );