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

pages/CaseStudies.tsx

@@ -22,7 +22,6 @@ import {
 } from "lucide-react";
 import { useState } from "react";
 import { Helmet } from "react-helmet-async";
-import { navigateTo } from "../App";
 import { ImageWithFallback } from "../components/figma/ImageWithFallback";
 import { Footer } from "../components/Footer";
 import { Navigation } from "../components/Navigation";
@@ -46,6 +45,7 @@ import simplitendCase from "../src/images/simplitendCase.webp";
 import amozCase from "../src/images/amozCase.webp";
 import farmCase from "../src/images/farmCase.webp";
 import leanCase from "../src/images/leanCase.webp";
+import { useNavigate } from "react-router-dom";
 
 
 const caseStudies = [
@@ -231,9 +231,11 @@ export const CaseStudies = () => {
     return matchesSearch && matchesIndustry && matchesCategory && matchesFeatured;
   });
 
+  const navigate = useNavigate();
+
   return (
     <div className="dark min-h-screen bg-background">
-      <Navigation />
+      {/* <Navigation /> */}
 
       {/* Hero Section */}
       <section className="relative pt-24 pb-20 overflow-hidden bg-black">
@@ -393,12 +395,12 @@ export const CaseStudies = () => {
                     viewport={{ once: true }}
                     whileHover={{ y: -8, scale: 1.02 }}
                     className="group cursor-pointer"
-                    onClick={() => navigateTo(study.link)}
+                    onClick={() => navigate(study.link)}
                   >
                     <Card className="bg-card/50 backdrop-blur-md border-white/10 hover:border-accent/30 transition-all duration-500 shadow-lg hover:shadow-2xl hover:shadow-accent/10 rounded-2xl overflow-hidden h-full"
                       onClick={(e) => {
                         e.stopPropagation();
-                        navigateTo(study.link);
+                        navigate(study.link);
                       }}
                     >
                       <CardContent className="CardContentOverride p-0 pb-0  h-full">
@@ -465,7 +467,7 @@ export const CaseStudies = () => {
               <Button
                 size="lg"
                 className="bg-accent hover:bg-accent/90 text-white"
-                onClick={() => navigateTo("/start-a-project")}
+                onClick={() => navigate("/start-a-project")}
               >
                 Start Your Project
                 <ArrowUpRight className="w-4 h-4 ml-2" />
@@ -473,7 +475,7 @@ export const CaseStudies = () => {
               <Button
                 size="lg"
                 variant="outline"
-                onClick={() => navigateTo("/contact-us")}
+                onClick={() => navigate("/contact-us")}
               >
                 Schedule Consultation
                 <ArrowRight className="w-4 h-4 ml-2" />
@@ -483,7 +485,7 @@ export const CaseStudies = () => {
         </div>
       </section>
 
-      <Footer />
+      {/* <Footer /> */}
     </div>
   );
 };