diff --git a/src/components/Navbar/Navbar.jsx b/src/components/Navbar/Navbar.jsx
index e4bb678..cae55f8 100644
--- a/src/components/Navbar/Navbar.jsx
+++ b/src/components/Navbar/Navbar.jsx
@@ -14,7 +14,7 @@ export const Navbar = () => {
     <nav className="sticky top-0 z-50 py-3 backdrop-blur-lg bg-slate-800 mx-60 my-5 rounded-lg text-white w-3/4 px-6">
       <div className="container mx-auto relative text-md font-semibold">
         <div className="flex justify-between items-center">
-          <Link to="/" className="flex items-center flex-shrink-0 cursor-pointer">
+          <Link to="" className="flex items-center flex-shrink-0 cursor-pointer">
             <img className="h-10 w-12" src={logo} alt="" />
             <span className="text-2xl mx-1 tracking-tight font-sans">NSP</span>
           </Link>
@@ -31,7 +31,7 @@ export const Navbar = () => {
                 Sign In
               </button>
             </Link>
-            <Link to="/signup">
+            <Link to="signup">
               <button className="bg-gradient-to-r from-green-500 to-green-900 py-2 px-4 rounded-md cursor-pointer hover:bg-gradient-to-t hover:from-green-400 hover:to-green-900">
                 Member Sign Up
               </button>
diff --git a/src/constants/index.jsx b/src/constants/index.jsx
index 8b75d8d..11d3d05 100644
--- a/src/constants/index.jsx
+++ b/src/constants/index.jsx
@@ -1,15 +1,15 @@
 export const navItems = [
     {
         label: "ABOUT",
-        href: "/about"
+        href: "about"
     },
     {
         label: "GALLERY",
-        href: "/gallery"
+        href: "gallery"
     },
     {
         label: "MEMBERS",
-        href: "/members"
+        href: "members"
     },
     {
         label: "CONTACT",
diff --git a/src/main.jsx b/src/main.jsx
index 2e86de0..0496987 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -12,13 +12,13 @@ import Home from './components/Home/Home.jsx'
 
 const routes = createBrowserRouter(
   createRoutesFromElements(
-    <Route path="/" element={<App/>}>
+    <Route path="/nsp-web-page" element={<App/>}>
       <Route path="" element={<Home />} />
-      <Route path="/about" element={<About />} />
-      <Route path="/gallery" element={<ImageGallery />} />
-      <Route path="/members" element={<MemberDasboard />} />
-      <Route path="/members/:memberId" element={<MemberDetails />} />
-      <Route path="/signup" element={<MemberSignUp />} />
+      <Route path="about" element={<About />} />
+      <Route path="gallery" element={<ImageGallery />} />
+      <Route path="members" element={<MemberDasboard />} />
+      <Route path="members/:memberId" element={<MemberDetails />} />
+      <Route path="signup" element={<MemberSignUp />} />
     </Route>
   )
 )
diff --git a/vite.config.js b/vite.config.js
index 1360bcb..236781c 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -3,6 +3,6 @@ import react from "@vitejs/plugin-react";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  base: "",
+  base: "/nsp-web-page",
   plugins: [react()],
 });