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

components/SplitCallToAction.tsx

@@ -2,9 +2,10 @@ import { motion } from "framer-motion";
 import { Phone, Clock, Zap, Calendar, MessageSquare } from "lucide-react";
 import { Button } from "./ui/button";
 import { GridPattern } from "./GridPattern";
-import { navigateTo } from "../App";
+import { useNavigate } from "react-router-dom";
 
 export const SplitCallToAction = () => {
+  const navigate = useNavigate();
   return (
     <section className="relative py-20 overflow-hidden">
       <GridPattern strokeDasharray="4 2" />
@@ -86,7 +87,7 @@ export const SplitCallToAction = () => {
                 <Button 
                   size="lg" 
                   className="w-full bg-accent hover:bg-accent/90 text-accent-foreground py-4 text-lg border-0 rounded-lg"
-                  onClick={() => navigateTo('/start-a-project')}
+                  onClick={() => navigate('/start-a-project')}
                 >
                   <Phone className="w-5 h-5 mr-2" />
                   Schedule Free Call