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

components/ServicesGrid.tsx

@@ -1,7 +1,7 @@
 import { motion } from "framer-motion";
 import { Smartphone, Globe, Palette, Brain, RefreshCw, Users } from "lucide-react";
 import { GridPattern } from "./GridPattern";
-import { navigateTo } from "../App";
+import { useNavigate } from "react-router-dom";
 
 const services = [
   {
@@ -42,10 +42,10 @@ const ServiceCard = ({ service, index }: { service: typeof services[0]; index: n
   
   const handleClick = () => {
     if (service.href) {
-      navigateTo(service.href);
+      navigate(service.href);
     }
   };
-  
+  const navigate = useNavigate();
   return (
     <motion.div
       initial={{ opacity: 0, y: 50 }}