diff --git a/ml-nexus/src/components/Footer.jsx b/ml-nexus/src/components/Footer.jsx
index 1d4ee1a1..2fffe32f 100644
--- a/ml-nexus/src/components/Footer.jsx
+++ b/ml-nexus/src/components/Footer.jsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { FaGithub, FaLinkedin } from 'react-icons/fa';
 import { MdEmail } from "react-icons/md";
+import { Link } from 'react-router-dom';
 
 const Footer = () => {
   return (
@@ -13,10 +14,10 @@ const Footer = () => {
           </div>
 
           <div className="flex space-x-6 text-sm md:text-base mb-4 md:mb-0">
-            <a href="/About" className="hover:text-[#61B3A0]">About Us</a>
+            <Link className='text-white hover:text-[#61B3A0]' to="/about">About</Link>
+            <Link className='text-white hover:text-[#61B3A0]' to="/contact">Contact</Link>
             <a href="#projects" className="hover:text-[#61B3A0]">Projects</a>
             <a href="#contributors" className="hover:text-[#61B3A0]">Contributors</a>
-            <a href="/Contact" className="hover:text-[#61B3A0]">Contact</a>
           </div>
 
           <div className="flex space-x-4">