diff --git a/frontend/src/common/components/NavBarMain.tsx b/frontend/src/common/components/NavBarMain.tsx
index 579746a9f..1f2cee7cc 100644
--- a/frontend/src/common/components/NavBarMain.tsx
+++ b/frontend/src/common/components/NavBarMain.tsx
@@ -100,6 +100,11 @@ const NavbarMain = () => {
                 display: { xs: "none", md: "flex", justifyContent: "right" },
               }}
             >
+              <Grid item>
+                <Link href="/trainspace" passHref className="nav-link">
+                  TrainSpace
+                </Link>
+              </Grid>
               <Grid item>
                 {isSignedIn(user) ? (
                   <Link href="/train" passHref className="nav-link">
diff --git a/frontend/src/pages/trainspace.tsx b/frontend/src/pages/trainspace.tsx
new file mode 100644
index 000000000..a64c0e7a3
--- /dev/null
+++ b/frontend/src/pages/trainspace.tsx
@@ -0,0 +1,13 @@
+import NavbarMain from "@/common/components/NavBarMain";
+import React from "react";
+
+const TrainSpace = () => {
+    return (
+      <div>
+        <NavbarMain />
+        <h1>Welcome to TrainSpace</h1>
+      </div>
+    );
+  };
+  
+  export default TrainSpace;
\ No newline at end of file