diff --git a/client/src/App.tsx b/client/src/App.tsx
index fb718ec..e2b916b 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -2,10 +2,14 @@ import { Routes, Route } from "react-router-dom";
 import BrowseLayout from "./components/BrowseLayout";
 import CategoryPage from "./pages/CategoryPage";
 import ChannelPage from "./pages/ChannelPage";
+import LoginPage from "./pages/LoginPage";
+import SignupPage from "./pages/SignupPage";
 
 function App() {
   return (
     <Routes>
+      <Route path="/login" element={<LoginPage />} />
+      <Route path="/signup" element={<SignupPage />} />
       <Route element={<BrowseLayout />}>
         <Route path="/:channel" element={<ChannelPage />} />
         <Route path="/category/:category" element={<CategoryPage />} />
diff --git a/client/src/pages/LoginPage.tsx b/client/src/pages/LoginPage.tsx
new file mode 100644
index 0000000..27912af
--- /dev/null
+++ b/client/src/pages/LoginPage.tsx
@@ -0,0 +1,12 @@
+import { FC } from "react";
+import LoginModal from "../components/LoginModal";
+
+const LoginPage: FC = () => {
+  return (
+    <div className="bg-neutral-900 w-screen h-screen">
+      <LoginModal isOpen={true} defaultPage={0} onClose={() => {}} />
+    </div>
+  );
+};
+
+export default LoginPage;
diff --git a/client/src/pages/SignupPage.tsx b/client/src/pages/SignupPage.tsx
new file mode 100644
index 0000000..ba1e944
--- /dev/null
+++ b/client/src/pages/SignupPage.tsx
@@ -0,0 +1,12 @@
+import { FC } from "react";
+import LoginModal from "../components/LoginModal";
+
+const SignupPage: FC = () => {
+  return (
+    <div className="bg-neutral-900 w-screen h-screen">
+      <LoginModal isOpen={true} defaultPage={1} onClose={() => {}} />
+    </div>
+  );
+};
+
+export default SignupPage;