All changes, done like fully react router uses, services, al/ml and solution page section alignment and missing section done!

pages/LeadershipTeam.tsx

@@ -4,7 +4,7 @@ import { Footer } from "../components/Footer";
 import { Button } from "../components/ui/button";
 import { Badge } from "../components/ui/badge";
 import { ArrowRight, Linkedin, Twitter, Mail } from "lucide-react";
-import { navigateTo } from "@/App";
+import { useNavigate } from "react-router-dom";
 import riteshImage from "../src/images/ritesh-pandey.png";
 import manavImage from "../src/images/manav-sain.png";
 import sudhirImage from "../src/images/sudhir-malya.jpg";
@@ -14,6 +14,7 @@ import tanveerImage from "../src/images/tanveer.jpg";
 import { Helmet } from "react-helmet-async";
 
 export const LeadershipTeam = () => {
+  const navigate = useNavigate();
   const leaders = [
     {
       name: "Ritesh Pandey",
@@ -176,7 +177,7 @@ export const LeadershipTeam = () => {
           `}
         </script>
       </Helmet>
-      <Navigation />
+      {/* <Navigation /> */}
 
       {/* Hero Section */}
       <section className="relative pt-24 pb-16 overflow-hidden">
@@ -372,7 +373,7 @@ export const LeadershipTeam = () => {
                 size="lg"
                 variant="outline"
                 className="border-white/20 text-white hover:bg-white/10"
-                onClick={() => navigateTo("/start-a-project")}
+                onClick={() => navigate("/start-a-project")}
               >
                 Start a Project
               </Button>
@@ -381,7 +382,7 @@ export const LeadershipTeam = () => {
         </div>
       </section>
 
-      <Footer />
+      {/* <Footer /> */}
     </div>
   );
 };