fix navigation link open in new tab header and footer

components/Footer.tsx

@@ -15,6 +15,7 @@ import BlackLogo14 from "../assets/BlackLogo14";
 import { navigateTo } from "../App";
 import { useState } from "react";
 import GlobalOffices from "./GlobalOffices";
+import { Link } from "react-router-dom";
 
 const footerNavigation = {
   Explore: [
@@ -205,16 +206,12 @@ const FooterSection = ({
     <ul className="space-y-3">
       {links.map((link) => (
         <li key={link.label}>
-          <a
-            href="#"
-            onClick={(e) => {
-              e.preventDefault();
-              navigateTo(link.url);
-            }}
+          <Link
+            to={link.url}
             className="text-[#CCCCCC] hover:text-white transition-colors duration-200 text-sm block py-1 hover:translate-x-1 transform cursor-pointer"
           >
             {link.label}
-          </a>
+          </Link>
         </li>
       ))}
     </ul>
@@ -392,7 +389,7 @@ export const Footer = () => {
                 links={footerNavigation.Explore}
                 delay={0.1}
               />
-              
+
               {/* Combined Services & Company */}
               <div className="space-y-8">
                 <FooterSection
@@ -406,7 +403,7 @@ export const Footer = () => {
                   delay={0.3}
                 />
               </div>
-              
+
               {/* Combined AI & ML with Resources */}
               <div className="space-y-8">
                 <FooterSection
@@ -420,13 +417,13 @@ export const Footer = () => {
                   delay={0.5}
                 />
               </div>
-              
+
               <FooterSection
                 title="Solutions"
                 links={footerNavigation.Solutions}
                 delay={0.6}
               />
-              
+
               <FooterSection
                 title="Hire Talent"
                 links={footerNavigation.HireTalent}