diff --git a/web/src/App.tsx b/web/src/App.tsx
index 8a5fd8f..bf87822 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -13,6 +13,8 @@ import ApiServicesPage from "./pages/ApiServices";
 import AdminLayout from "./layout/AdminLayout";
 import ApiServiceCreatePage from "./pages/ApiServices/Create";
 import ViewApiServicePage from "./pages/ApiServices/View";
+import NotAllowedPage from "./pages/NotAllowed";
+import NotFoundPage from "./pages/NotFound";
 
 const router = createBrowserRouter([
   {
@@ -62,6 +64,14 @@ const router = createBrowserRouter([
       { path: "authenticate", element: <AuthenticatePage /> },
     ],
   },
+  {
+    path: "/not-allowed",
+    element: <NotAllowedPage />,
+  },
+  {
+    path: "*",
+    element: <NotFoundPage />,
+  },
 ]);
 
 const App: FC = () => {