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

components/InlineCTA.tsx

@@ -2,9 +2,10 @@ import { motion } from "framer-motion";
 import { Lightbulb, Clock } from "lucide-react";
 import { Button } from "./ui/button";
 import { GridPattern } from "./GridPattern";
-import { navigateTo } from "../App";
+import { useNavigate } from "react-router-dom";
 
 export const InlineCTA = () => {
+  const navigate = useNavigate();
   return (
     <section className="relative py-20 overflow-hidden">
       <GridPattern strokeDasharray="4 2" />
@@ -145,7 +146,7 @@ export const InlineCTA = () => {
               <Button 
                 size="lg" 
                 className="bg-accent hover:bg-accent/90 text-accent-foreground px-8 py-4 text-lg border-0 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300"
-                onClick={() => navigateTo('/contact')}
+                onClick={() => navigate('/contact')}
               >
                 <motion.div
                   animate={{