diff --git a/my-app/src/data.js b/my-app/src/data.js
index 1dd8c39..dad38a9 100644
--- a/my-app/src/data.js
+++ b/my-app/src/data.js
@@ -2,8 +2,8 @@ const navigation = [
   { name: "Home", to: "/" },
   { name: "Community", to: "/community" },
   { name: "Events", to: "/events" },
-  // { name: "Newsletter", to: "/newsletter" },
+  { name: "Newsletter", to: "/newsletter" },
   { name: "About us", to: "about-us" },
-  { name: "Contact us", to: "/contact-us" },
+  // { name: "Contact us", to: "/contact-us" },
 ];
 export { navigation };
diff --git a/my-app/src/routes.js b/my-app/src/routes.js
index 8019548..2322809 100644
--- a/my-app/src/routes.js
+++ b/my-app/src/routes.js
@@ -3,10 +3,11 @@ import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
 import Home from "./pages/Home";
 import Members from "./pages/Members";
 import Event from "./pages/Event";
-import Contact from "./pages/Contact";
+// import Contact from "./pages/Contact";
 import About from "./pages/About";
 import Error from "./pages/404";
 import Alumni from "./pages/Alumni.jsx";
+import Newsletter from "./components/Newsletter.jsx";
 
 const AppRouter = () => {
   return (
@@ -17,8 +18,9 @@ const AppRouter = () => {
           <Route path="/members" exact element={Members} />
           <Route path="/alumni" exact element={Alumni} />
           <Route path="/about" exact element={About} />
-          <Route path="/contact" exact element={Contact} />
+          {/* <Route path="/contact" exact element={Contact} /> */}
           <Route path="/events" exact element={Event} />
+          <Route path="/newsletter" exact element={Newsletter} />
           <Route path="" element={Error} />
         </Routes>
       </Router>