diff --git a/src/components/layout/header.jsx b/src/components/layout/header.jsx
index 05b5e9b..f6c1bb0 100644
--- a/src/components/layout/header.jsx
+++ b/src/components/layout/header.jsx
@@ -4,7 +4,7 @@ import { Link } from "react-router-dom";
 import { useLocation } from "react-router-dom";
 import { twMerge } from "tailwind-merge";
 import { portalURL } from "@/constants";
-import { hallOfFame } from "@/constants/routes";
+import { HALL_OF_FAME } from "@/constants/routes";
 import { useBreakpoint } from "@/hooks";
 import { BashawayLeaderboard } from "@/icons";
 import { AnimatedSwitcher, Button } from "@sliit-foss/bashaway-ui/components";
@@ -19,9 +19,10 @@ const Header = ({ className }) => {
   const [mobileNavOpen, setMobileNavOpen] = useState(false);
 
   const breakpoints = useBreakpoint();
+
   const { pathname } = useLocation();
 
-  const isHallOfFame = pathname === hallOfFame;
+  const isHallOfFame = pathname === HALL_OF_FAME;
 
   return (
     <header
diff --git a/src/constants/index.js b/src/constants/index.js
index e6425b4..7110900 100644
--- a/src/constants/index.js
+++ b/src/constants/index.js
@@ -1,2 +1,3 @@
 export * from "./hyperlinks";
 export * from "./socials";
+export * from "./routes";
diff --git a/src/constants/routes.js b/src/constants/routes.js
index 19d5979..546dc22 100644
--- a/src/constants/routes.js
+++ b/src/constants/routes.js
@@ -1 +1,2 @@
-export const hallOfFame = "/hall-of-fame";
+export const HOME = "/";
+export const HALL_OF_FAME = "/hall-of-fame";
diff --git a/src/routes/index.jsx b/src/routes/index.jsx
index 19fa51b..6ce4d14 100644
--- a/src/routes/index.jsx
+++ b/src/routes/index.jsx
@@ -1,5 +1,6 @@
 import { Route, Routes, useLocation } from "react-router-dom";
 import { AnimatePresence } from "framer-motion";
+import { HALL_OF_FAME, HOME } from "@/constants";
 import { HallOfFame, Home, NotFound } from "@/pages";
 
 const AnimatedRoutes = () => {
@@ -7,8 +8,8 @@ const AnimatedRoutes = () => {
   return (
     <AnimatePresence>
       <Routes location={location}>
-        <Route path="/" element={<Home />} />
-        <Route path="/hall-of-fame" element={<HallOfFame />} />
+        <Route path={HOME} element={<Home />} />
+        <Route path={HALL_OF_FAME} element={<HallOfFame />} />
         <Route path="*" element={<NotFound />} />
       </Routes>
     </AnimatePresence>