diff --git a/package.json b/package.json
index 55d224b..75c0174 100644
--- a/package.json
+++ b/package.json
@@ -1,8 +1,9 @@
 {
-  "name": "snigdha-os-website",
+  "name": "snigdhaos-web-dev",
   "private": true,
   "version": "0.0.0",
   "type": "module",
+  "homepage": "https://snigdha-os.github.io/snigdhaos-web-dev",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
diff --git a/public/404.html b/public/404.html
new file mode 100644
index 0000000..84c183d
--- /dev/null
+++ b/public/404.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>404 - Not Found</title>
+    <script>
+      // Redirect all 404 routes to the homepage (index.html) to let React Router handle routing
+      var redirectTo = '/';
+      var pathname = location.pathname;
+      if (pathname && pathname !== '/' && pathname !== '/index.html') {
+        redirectTo += pathname;
+      }
+      location.replace(redirectTo);
+    </script>
+  </head>
+  <body>
+    <p>Redirecting...</p>
+  </body>
+</html>
diff --git a/src/App.tsx b/src/App.tsx
index 62bff73..477a123 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+// import React from 'react';
 import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import Navbar from './components/layout/Navbar';
 import Footer from './components/layout/Footer';
diff --git a/vite.config.ts b/vite.config.ts
index 4c4e6b1..9c2ee57 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -4,7 +4,7 @@ import react from '@vitejs/plugin-react';
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
-  base: '/',
+  base: '/snigdhaos-web-dev/', // Replace with your repository name
   optimizeDeps: {
     exclude: ['lucide-react'],
   },
