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

pages/Industries.tsx

@@ -8,16 +8,17 @@ import { Button } from "../components/ui/button";
 import { ShimmerButton } from "../components/ui/shimmer-button";
 import { Badge } from "../components/ui/badge";
 import { Card, CardContent } from "../components/ui/card";
-import { navigateTo } from "../App";
 import { 
   DollarSign, Stethoscope, GraduationCap, ShoppingCart, Monitor, 
   Truck, Factory, Users, Star, ArrowRight, ChevronRight, Clock, 
   TrendingUp, Building, Cpu, Calendar, Eye, Target, Zap,
   CheckCircle, Lightbulb, Award, Handshake, Heart
 } from "lucide-react";
+import { useNavigate } from "react-router-dom";
 
 // Enhanced Hero Section
 const HeroWithCTA = () => {
+  const navigate = useNavigate();
   return (
     <section className="relative py-20 overflow-hidden bg-black">
       <div className="container mx-auto px-6 lg:px-8">
@@ -57,7 +58,7 @@ const HeroWithCTA = () => {
               transition={{ duration: 0.8, delay: 0.3 }}
               className="flex flex-col sm:flex-row gap-4"
             >
-              <ShimmerButton className="text-lg px-8 py-4" onClick={() => navigateTo('/contact/schedule-a-discovery-call')}>
+              <ShimmerButton className="text-lg px-8 py-4" onClick={() => navigate('/contact/schedule-a-discovery-call')}>
                 <div className="inline-flex items-center gap-2">
                   <Calendar className="w-4 h-4 flex-shrink-0" />
                   <span>Discuss Your Industry</span>
@@ -67,7 +68,7 @@ const HeroWithCTA = () => {
                 variant="secondary"
                 size="lg"
                 className="text-lg px-8 py-4"
-                onClick={() => navigateTo('/case-studies')}
+                onClick={() => navigate('/case-studies')}
               >
                 <Eye className="w-4 h-4 flex-shrink-0" />
                 <span>View Success Stories</span>
@@ -117,6 +118,7 @@ const HeroWithCTA = () => {
 
 // Industry Categories Grid
 const IndustryGrid = () => {
+  const navigate = useNavigate();
   const industries = [
     {
       title: "Financial Services",
@@ -228,7 +230,7 @@ const IndustryGrid = () => {
                 viewport={{ once: true }}
                 whileHover={{ y: -5 }}
                 className="group cursor-pointer"
-                onClick={() => navigateTo(industry.link)}
+                onClick={() => navigate(industry.link)}
               >
                 <Card className="bg-gray-900/50 backdrop-blur-sm rounded-2xl border border-gray-800 hover:border-accent/30 transition-all duration-300 shadow-lg hover:shadow-xl h-full overflow-hidden">
                   <CardContent className="p-0 flex flex-col h-full">
@@ -369,6 +371,7 @@ const WhyChooseWDI = () => {
 
 // Updated CTA Section
 const InlineCTA = () => {
+  const navigate = useNavigate();
   return (
     <section className="py-20 bg-gray-950/50 relative overflow-hidden">
       {/* Add subtle decorative elements matching site theme */}
@@ -412,7 +415,7 @@ const InlineCTA = () => {
             </p>
             
             {/* CTA Button */}
-            <ShimmerButton className="text-xl px-10 py-5 rounded-2xl shadow-lg hover:shadow-xl" onClick={() => navigateTo('/contact/schedule-a-discovery-call')}>
+            <ShimmerButton className="text-xl px-10 py-5 rounded-2xl shadow-lg hover:shadow-xl" onClick={() => navigate('/contact/schedule-a-discovery-call')}>
               <div className="inline-flex items-center gap-3">
                 <Calendar className="w-6 h-6 flex-shrink-0" />
                 <span>Schedule Industry Consultation</span>
@@ -452,7 +455,7 @@ const industriesFAQs = [
 export function Industries() {
   return (
     <div className="dark min-h-screen bg-background">
-      <Navigation />
+      {/* <Navigation /> */}
       <HeroWithCTA />
       <IndustryGrid />
       <WhyChooseWDI />
@@ -463,7 +466,7 @@ export function Industries() {
         subtitle="Get answers to common questions about our industry-specific solutions and expertise."
         faqs={industriesFAQs}
       />
-      <Footer />
+      {/* <Footer /> */}
     </div>
   );
 }