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

pages/AIModelDeploymentMLOps.tsx

@@ -43,11 +43,13 @@ import { Badge } from "../components/ui/badge";
 import { Button } from "../components/ui/button";
 import { Card, CardContent } from "../components/ui/card";
 import { ShimmerButton } from "../components/ui/shimmer-button";
-import { navigateTo } from "@/App";
+import { useNavigate } from "react-router-dom";
 import { Helmet } from "react-helmet-async";
+import { AIStrategyTargetAudience } from "./AIStrategyConsulting";
 
 // AI Model Deployment & MLOps Hero Section
 const MLOpsHeroWithCTA = () => {
+  const navigate = useNavigate();
   return (
     <section className="relative py-20 overflow-hidden bg-black">
       <Helmet>
@@ -136,7 +138,7 @@ const MLOpsHeroWithCTA = () => {
             >
               <ShimmerButton
                 className="text-lg px-8 py-4"
-                onClick={() => navigateTo("/start-a-project")}
+                onClick={() => navigate("/start-a-project")}
               >
                 <div className="inline-flex items-center gap-2">
                   <Rocket className="w-5 h-5 flex-shrink-0" />
@@ -1130,6 +1132,7 @@ const MLOpsCaseStudies = () => {
 
 // Mid-Page CTA
 const MLOpsInlineCTA = () => {
+  const navigate = useNavigate();
   return (
     <section className="py-20 bg-black">
       <div className="container mx-auto px-6 lg:px-8">
@@ -1168,7 +1171,7 @@ const MLOpsInlineCTA = () => {
 
             <ShimmerButton
               className="text-xl px-10 py-5 rounded-2xl shadow-lg hover:shadow-xl"
-              onClick={() => navigateTo("/start-a-project")}
+              onClick={() => navigate("/start-a-project")}
             >
               <div className="inline-flex items-center gap-3">
                 <MessageSquare className="w-6 h-6 flex-shrink-0" />
@@ -1435,6 +1438,7 @@ const MLOpsFAQs = () => {
 
 // Final CTA Section
 const MLOpsFinalCTA = () => {
+  const navigate = useNavigate();
   return (
     <section className="py-20 relative overflow-hidden">
       <div className="container mx-auto px-6 lg:px-8 relative z-10">
@@ -1488,7 +1492,7 @@ const MLOpsFinalCTA = () => {
           >
             <ShimmerButton
               className="px-12 py-6 text-xl rounded-2xl shadow-2xl hover:shadow-accent/25"
-              onClick={() => navigateTo("/start-a-project")}
+              onClick={() => navigate("/start-a-project")}
             >
               <div className="inline-flex items-center gap-3">
                 <Rocket className="w-6 h-6 flex-shrink-0" />
@@ -1518,7 +1522,7 @@ const MLOpsFinalCTA = () => {
 export const AIModelDeploymentMLOps = () => {
   return (
     <div className="dark min-h-screen">
-      <Navigation />
+      {/* <Navigation /> */}
 
       {/* Hero Section */}
       <section className="bg-black">
@@ -1542,7 +1546,7 @@ export const AIModelDeploymentMLOps = () => {
 
       {/* Tech Stack */}
       <section className="bg-card">
-        <MLOpsTechStack />
+        <AIStrategyTargetAudience />
       </section>
 
       {/* Case Studies */}
@@ -1572,7 +1576,7 @@ export const AIModelDeploymentMLOps = () => {
 
       {/* Footer */}
       <section className="bg-card">
-        <Footer />
+        {/* <Footer /> */}
       </section>
     </div>
   );