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

components/HeroSection.tsx

@@ -1,11 +1,12 @@
 import { Button } from "./ui/button";
 import { GridPattern } from "./GridPattern";
 import { Calendar, Briefcase } from "lucide-react";
-import { navigateTo } from "../App";
 import { motion } from "framer-motion";
 import Spline from "@splinetool/react-spline";
+import { useNavigate } from "react-router-dom";
 
 export function HeroSection() {
+  const navigate = useNavigate();
   return (
     <section
       id="hero"
@@ -91,7 +92,7 @@ export function HeroSection() {
               <Button
                 size="lg"
                 className="whitespace-nowrap"
-                onClick={() => navigateTo("/start-a-project")}
+                onClick={() => navigate("/start-a-project")}
               >
                 <Calendar className="w-4 h-4" />
                 Book a Free Consultation
@@ -101,7 +102,7 @@ export function HeroSection() {
                 variant="secondary"
                 size="lg"
                 className="whitespace-nowrap"
-                onClick={() => navigateTo("/services")}
+                onClick={() => navigate("/services")}
               >
                 <Briefcase className="w-4 h-4" />
                 Explore Services