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

components/ProcessSection.tsx

@@ -13,7 +13,7 @@ import {
 } from "lucide-react";
 import { Button } from "./ui/button";
 import { Badge } from "./ui/badge";
-import { navigateTo } from "@/App";
+import { useNavigate } from "react-router-dom";
 
 const steps = [
   {
@@ -252,6 +252,7 @@ const ProcessCard = ({
 
 export const ProcessSection = () => {
   const titleRef = useRef(null);
+  const navigate = useNavigate();
 
   return (
     <section className="relative overflow-hidden py-20 bg-background">
@@ -299,7 +300,7 @@ export const ProcessSection = () => {
           <Button
             size="lg"
             className="bg-accent hover:bg-accent/90 text-accent-foreground border-0 rounded-lg px-8 py-4 group text-lg"
-            onClick={() => navigateTo("/start-a-project")}
+            onClick={() => navigate("/start-a-project")}
           >
             <span className="flex items-center gap-2">
               Start Your Project Today