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

components/HireDeveloperSection.tsx

@@ -3,7 +3,7 @@ import { Badge } from "@/components/ui/badge";
 import { Card, CardContent } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { UserPlus, ArrowRight } from "lucide-react";
-import { navigateTo } from "@/App";
+import { useNavigate } from "react-router-dom";
 import { ShimmerButton } from "./ui/shimmer-button";
 
 const HireDeveloperSection = ({
@@ -13,6 +13,7 @@ const HireDeveloperSection = ({
   buttonText,
   buttonLink,
 }) => {
+  const navigate = useNavigate();
   return (
     <section className="py-32 bg-black">
       <div className="container mx-auto px-6 lg:px-8">
@@ -104,7 +105,7 @@ const HireDeveloperSection = ({
           viewport={{ once: true }}
           className="flex flex-col sm:flex-row gap-4 justify-center"
         >
-          <ShimmerButton className="px-8 py-4" onClick={() => navigateTo(buttonLink)}>
+          <ShimmerButton className="px-8 py-4" onClick={() => navigate(buttonLink)}>
             <div className="inline-flex items-center gap-2">
               <UserPlus className="w-5 h-5 flex-shrink-0" />
               <span>{buttonText}</span>