diff --git a/frontend/web-app/src/Components/Router.tsx b/frontend/web-app/src/Components/Router.tsx
index bd774be..cf6e218 100644
--- a/frontend/web-app/src/Components/Router.tsx
+++ b/frontend/web-app/src/Components/Router.tsx
@@ -6,6 +6,8 @@ import AboutPage from "../Pages/AboutPage";
 import FaqPage from "../Pages/FaqPage";
 import ErrorPage from "../Pages/ErrorPage";
 import NavBar from "./NavBar";
+import SignUpPage from "../Pages/SignUpPage";
+import DisplayPage from "../Pages/DisplayPage";
 
 const router = createBrowserRouter([
     {
@@ -15,6 +17,14 @@ const router = createBrowserRouter([
         path: '/login',
         element: <LoginPage/>,
     },
+    {
+        path: '/signup',
+        element: <SignUpPage />,
+    },
+    {
+        path: '/display',
+        element: <DisplayPage />
+    },
     {
         path: '/',
         element: <NavBar />,
diff --git a/frontend/web-app/src/Pages/DisplayPage.tsx b/frontend/web-app/src/Pages/DisplayPage.tsx
new file mode 100644
index 0000000..d40f6e9
--- /dev/null
+++ b/frontend/web-app/src/Pages/DisplayPage.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+
+function DisplayPage() {
+  return (
+    <div>DisplayPage</div>
+  )
+}
+
+export default DisplayPage
\ No newline at end of file
diff --git a/frontend/web-app/src/Pages/SignUpPage.tsx b/frontend/web-app/src/Pages/SignUpPage.tsx
new file mode 100644
index 0000000..ffec4e8
--- /dev/null
+++ b/frontend/web-app/src/Pages/SignUpPage.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+
+function SignUpPage() {
+  return (
+    <div>SignUpPage</div>
+  )
+}
+
+export default SignUpPage
\ No newline at end of file