diff --git a/src/App.tsx b/src/App.tsx
index 69770e8..471ad7c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -4,14 +4,22 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { Provider } from "react-redux";
 import "./App.css";
 import store from "./Components/Plugins/Redux/Store/Store";
-const queryClient = new QueryClient();
 import { ToastContainer } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
+import ErrorPage from "./Pages/ErrorPage/ErrorPage";
+import DashboardPage from "./Pages/DashboardPage/DashboardPage";
+
+const queryClient = new QueryClient();
 const router = createHashRouter([
   {
     path: "/",
     element: <LandingPage />,
-    errorElement: <></>,
+    errorElement: <ErrorPage />,
+  },
+  {
+    path: "/dashboard",
+    element: <DashboardPage />,
+    errorElement: <ErrorPage />,
   },
 ]);
 
diff --git a/src/Pages/DashboardPage/DashboardPage.tsx b/src/Pages/DashboardPage/DashboardPage.tsx
new file mode 100644
index 0000000..15c4f96
--- /dev/null
+++ b/src/Pages/DashboardPage/DashboardPage.tsx
@@ -0,0 +1,13 @@
+import styles from "../../styles";
+
+export default function Dashboard() {
+  return (
+    <div style={styles.background}>
+      <p style={{ ...styles.text_dark, ...styles.text_M }}>
+        CITC EQUIPMENT
+        <br />
+        TRACKER
+      </p>
+    </div>
+  );
+}
diff --git a/src/Pages/ErrorPage/ErrorPage.tsx b/src/Pages/ErrorPage/ErrorPage.tsx
new file mode 100644
index 0000000..5045ac2
--- /dev/null
+++ b/src/Pages/ErrorPage/ErrorPage.tsx
@@ -0,0 +1,3 @@
+export default function ErrorPage() {
+  return <div>{"ErrorPage"}</div>;
+}