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

components/HireTalentHeroBanner.tsx

@@ -1,6 +1,6 @@
+import { useNavigate } from "react-router-dom";
 import { Button } from "./ui/button";
 import { ShimmerButton } from "./ui/shimmer-button";
-import { navigateTo } from "../App";
 import { DashboardVector } from "./vectors/DashboardVector";
 import { motion } from "framer-motion";
 
@@ -31,6 +31,7 @@ export function HireTalentHeroBanner({
   useVectors = false,
   vectorComponent: VectorComponent
 }: HireTalentHeroBannerProps) {
+  const navigate = useNavigate();
   return (
     <section className="relative py-20 overflow-hidden bg-black">
       <div className="container mx-auto px-6 lg:px-8">
@@ -74,7 +75,7 @@ export function HireTalentHeroBanner({
             >
               <ShimmerButton 
                 className="text-lg px-8 py-4 font-manrope"
-                onClick={() => navigateTo(primaryCTA.href)}
+                onClick={() => navigate(primaryCTA.href)}
               >
                 <div className="inline-flex items-center gap-2">
                   {primaryCTA.icon && <primaryCTA.icon className="w-5 h-5 flex-shrink-0" />}
@@ -87,7 +88,7 @@ export function HireTalentHeroBanner({
                   variant="outline"
                   size="lg"
                   className="text-lg px-8 py-4 h-auto border-gray-600 text-gray-300 hover:bg-gray-800 hover:text-white font-manrope"
-                  onClick={() => navigateTo(secondaryCTA.href)}
+                  onClick={() => navigate(secondaryCTA.href)}
                 >
                   <div className="inline-flex items-center gap-2">
                     {secondaryCTA.icon && <secondaryCTA.icon className="w-5 h-5 flex-shrink-0" />}