From adec84843954909bb6be8cda3250961e68d23e02 Mon Sep 17 00:00:00 2001
From: Mehul <mehulprajapati2802@gmail.com>
Date: Fri, 8 Nov 2024 16:14:48 -0500
Subject: [PATCH] fix footer links

---
 ml-nexus/src/components/Footer.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

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">