diff --git a/src/components/App/App.js b/src/components/App/App.js
index 568f7e15..bd5af2b7 100644
--- a/src/components/App/App.js
+++ b/src/components/App/App.js
@@ -19,6 +19,7 @@ import Wishlist from "../Cart/Wishlist";
 import AddReviews from "../AddReviews/AddReviews";
 import UserProfile from "../UserProfile/UserProfile";
 import Receipt from "../UserProfile/Receipt";
+import Sitemap from "../Sitemap/Sitemap";
 import Track from "../UserProfile/OrderTracking";
 import SellerPanel from "../SellerPanel/SellerPanel";
 import SearchResult from "../SearchResult/AllCategories";
@@ -98,6 +99,9 @@ function App() {
           <Route path="/Receipt">
             <Receipt />
           </Route>
+          <Route path="/Sitemap">
+            <Sitemap />
+          </Route>
 
           <Route path="/">
             <Navbar />
diff --git a/src/components/Sitemap/Sitemap.css b/src/components/Sitemap/Sitemap.css
new file mode 100644
index 00000000..52c01bb4
--- /dev/null
+++ b/src/components/Sitemap/Sitemap.css
@@ -0,0 +1,29 @@
+.container {
+  display: flex;
+  justify-content: center;
+  padding: 20px;
+
+  margin: 0px auto;
+  max-width: 600px;
+}
+
+@media (min-width: 600px) {
+  .content {
+    min-width: 560px;
+  }
+}
+
+.links {
+  margin-top: 20px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.links a:hover {
+  text-decoration: underline;
+}
+
+.links a {
+  color: #06c;
+}
diff --git a/src/components/Sitemap/Sitemap.js b/src/components/Sitemap/Sitemap.js
new file mode 100644
index 00000000..b6bc9438
--- /dev/null
+++ b/src/components/Sitemap/Sitemap.js
@@ -0,0 +1,42 @@
+import React from "react";
+
+import "./Sitemap.css";
+
+const routes = [
+  { name: "Sell Old Books", path: "/SellerPanel/5" },
+  { name: "Search for books", path: "/SearchResult/tag:ALL" },
+
+  { name: "About", path: "/About" },
+  { name: "Contact", path: "/Contact" },
+  { name: "Blog", path: "/Blog" },
+
+  { name: "Login", path: "/Login" },
+  { name: "Signup", path: "/Signup" },
+  { name: "Forgot Password", path: "/ForgotPassword" },
+  { name: "Wishlist", path: "/Wishlist" },
+  { name: "Receipt", path: "/Receipt" },
+  { name: "Cart", path: "/Cart" },
+
+  { name: "Sitemap", path: "/Sitemap" },
+];
+
+function Sitemap() {
+  return (
+    <div className="container">
+      <div className="content">
+        <h1>Bookshlf Sitemap</h1>
+        <hr />
+
+        <div className="links">
+          {routes.map((route, i) => (
+            <span key={i}>
+              <a href={route.path}>{route.name}</a>
+            </span>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default Sitemap;