diff --git a/src/index.tsx b/src/index.tsx
index 83ad5ea..72d0201 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,5 +1,6 @@
+import React from "react";
 import {SetStateAction, useState} from "react";
-import {BrowserRouter as Router, Route, Routes} from "react-router-dom";
+import {BrowserRouter as Router, Route, Routes, useNavigate} from "react-router-dom";
 import Home from "./pages/home";
 import Project from "./pages/project"
 import About from "./pages/about";
@@ -20,7 +21,7 @@ function App() {
         // project_path = "/:" + Projects_Content[i][1][1].replace(/\s/g, "-"); // Replace spaces with dashes for url
         project_routes.push (
             // Project_Content[i][1][1] gets first element after descriptor from project page (should probably be a title)
-            <Route path={`/:${Projects_Content[i][1][1].replace(/\s/g, "-")}`} element={<Project></Project>} key={i}></Route>
+            <Route key={i} path={`/:${Projects_Content[i][1][1].replace(/\s/g, "-")}`} element={<Project></Project>}></Route>
         )
     }
 
@@ -29,6 +30,8 @@ function App() {
             <Router>
                 <Navigation_Bar nav_bar_title={nav_bar_title} onNavLinkClick={update_title}></Navigation_Bar>
                 <Routes>
+                    <Route path="/Club-Website" element={<RedirectToHome></RedirectToHome>}></Route>
+                
                     <Route path="/" element={<Home></Home>}></Route>
                     {project_routes}
                     <Route path="/about" element={<About></About>}></Route>
@@ -39,4 +42,13 @@ function App() {
     );
 }
 
+function RedirectToHome() {
+    const navigate = useNavigate();
+    React.useEffect(() => {
+        navigate("/");
+    }, []);
+
+    return null;
+}
+
 export default App;
\ No newline at end of file