diff --git a/frontend/src/pages/home.tsx b/frontend/src/pages/home.tsx
index e69de29..0ea2c7f 100644
--- a/frontend/src/pages/home.tsx
+++ b/frontend/src/pages/home.tsx
@@ -0,0 +1,12 @@
+import { Link } from "react-router-dom";
+
+export const Home = () => {
+  return (
+    <div>
+      <div>this is my home page</div>
+      <Link to={"/signup"}>
+        <div>signup</div>
+      </Link>
+    </div>
+  );
+};
diff --git a/frontend/src/router.tsx b/frontend/src/router.tsx
index f45cbc6..d2f0a50 100644
--- a/frontend/src/router.tsx
+++ b/frontend/src/router.tsx
@@ -5,11 +5,16 @@ import SignUp from "./pages/signup";
 import SignIn from "./pages/signin";
 import { Blogs } from "./pages/blogs";
 import { Publish } from "./pages/publish";
+import { Home } from "./pages/home";
 export const appRouter = createBrowserRouter([
   {
     path: "/",
     element: <App />,
     children: [
+      {
+        path: "/",
+        element: <Home />, // Home page at the root path
+      },
       {
         path: "/signup",
         element: <SignUp />,