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

components/ResourceCards.tsx

@@ -2,7 +2,7 @@ import { motion } from "framer-motion";
 import { ArrowRight, Calendar, Clock } from "lucide-react";
 import { Button } from "./ui/button";
 import { ImageWithFallback } from "./figma/ImageWithFallback";
-import { navigateTo } from "../App";
+import { useNavigate } from "react-router-dom";
 
 const resources = [
   {
@@ -62,6 +62,7 @@ const ResourceCard = ({
   resource: (typeof resources)[0];
   index: number;
 }) => {
+  const navigate = useNavigate();
   return (
     <motion.article
       initial={{ opacity: 0, y: 50 }}
@@ -69,7 +70,7 @@ const ResourceCard = ({
       transition={{ duration: 0.6, delay: index * 0.2 }}
       viewport={{ once: true }}
       className="group bg-card rounded-lg border border-border overflow-hidden hover:border-border/80 transition-all duration-300 hover:shadow-lg cursor-pointer"
-      onClick={() => navigateTo(`/insights/${resource.slug}`)}
+      onClick={() => navigate(`/insights/${resource.slug}`)}
     >
       {/* Image */}
       <div className="aspect-[16/9] overflow-hidden relative">
@@ -128,7 +129,7 @@ const ResourceCard = ({
             className="text-accent hover:text-accent-foreground hover:bg-accent/10 p-2 h-auto group-hover:translate-x-1 transition-transform"
             onClick={(e) => {
               e.stopPropagation();
-              navigateTo(`/insights/${resource.slug}`);
+              navigate(`/insights/${resource.slug}`);
             }}
           >
             <ArrowRight className="w-4 h-4" />
@@ -140,6 +141,7 @@ const ResourceCard = ({
 };
 
 export const ResourceCards = () => {
+  const navigate = useNavigate();
   return (
     <section className="relative py-20 overflow-hidden">
       <div className="container mx-auto px-6 lg:px-8">
@@ -181,7 +183,7 @@ export const ResourceCards = () => {
         >
           <Button
             className="bg-accent hover:bg-accent/90 text-accent-foreground border-0 rounded-lg px-6 py-3"
-            onClick={() => navigateTo("/resources")}
+            onClick={() => navigate("/resources")}
           >
             View All Resources <ArrowRight className="w-4 h-4 ml-2" />
           </Button>