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

pages/StartAProject.tsx

@@ -22,7 +22,6 @@ import { GridPattern } from "../components/GridPattern";
 import CustomReCaptcha, { ReCaptchaRef } from "../components/CustomReCaptcha";
 import { useStoreContactUsMutation } from "@/src/services/storeContactUs";
 import { useNavigate } from "react-router-dom";
-import { navigateTo } from "@/App";
 import * as Yup from "yup";
 import {
   Rocket,
@@ -152,6 +151,7 @@ const ProjectFormSection = () => {
   const [recaptchaToken, setRecaptchaToken] = useState<string>("");
   const recaptchaRef = useRef<ReCaptchaRef>(null);
   const [submitContactForm, { isLoading }] = useStoreContactUsMutation();
+  const navigate = useNavigate();
 
   const handleBlur = (field: string) => {
     setTouched({ ...touched, [field]: true });
@@ -280,7 +280,7 @@ const ProjectFormSection = () => {
       setIsRecaptchaVerified(false);
       setRecaptchaToken("");
 
-      navigateTo("/thank-you");
+      navigate("/thank-you");
     } catch (error) {
       console.error("Form submission error:", error);
       alert("Failed to submit the form. Please try again.");
@@ -826,7 +826,7 @@ const VisionSection = () => {
           <Button
             size="lg"
             className="bg-[#E5195E] hover:bg-[#E5195E]/90 text-white text-lg px-8 py-4"
-            onClick={() => navigateTo("/contact/schedule-a-discovery-call")}
+            onClick={() => navigate("/contact/schedule-a-discovery-call")}
           >
             <Calendar className="w-5 h-5 mr-2" />
             Book Appointment
@@ -936,7 +936,7 @@ const ProcessStepsSection = () => {
           <Button
             size="lg"
             className="bg-[#E5195E] hover:bg-[#E5195E]/90 text-white text-lg px-8 py-4"
-            onClick={() => navigateTo("/contact")}
+            onClick={() => navigate("/contact")}
           >
             <Mail className="w-5 h-5 mr-2" />
             Tell Us More
@@ -1044,7 +1044,7 @@ const JoinWDISection = () => {
             <Button
               size="lg"
               className="bg-[#E5195E] hover:bg-[#E5195E]/90 text-white text-lg px-8 py-4"
-              onClick={() => navigateTo("/careers")}
+              onClick={() => navigate("/careers")}
             >
               <Briefcase className="w-5 h-5 mr-2" />
               View Open Positions
@@ -1055,7 +1055,7 @@ const JoinWDISection = () => {
               size="lg"
               variant="outline"
               className="border-gray-600 text-white hover:bg-gray-800 text-lg px-8 py-4"
-              onClick={() => navigateTo("/careers/send-your-cv")}
+              onClick={() => navigate("/careers/send-your-cv")}
             >
               <Upload className="w-5 h-5 mr-2" />
               Send Your CV
@@ -1193,14 +1193,14 @@ const ContactInfoSection = () => {
       title: "Visit Us",
       description: "Our office locations",
       contact: "614, 6th floor Palm spring centre, Malad west, Mumbai Maharshatra",
-      action: () => navigateTo("/company/office-locations"),
+      action: () => navigate("/company/office-locations"),
     },
     {
       icon: Clock,
       title: "Business Hours",
       description: "We're available",
       contact: "Mon-Fri 11AM-8PM",
-      action: () => navigateTo("/contact/schedule-a-discovery-call"),
+      action: () => navigate("/contact/schedule-a-discovery-call"),
     },
   ];
 
@@ -1275,7 +1275,7 @@ const ContactInfoSection = () => {
           <Button
             size="lg"
             className="bg-[#E5195E] hover:bg-[#E5195E]/90 text-white text-lg px-8 py-4"
-            onClick={() => navigateTo("/contact/schedule-a-discovery-call")}
+            onClick={() => navigate("/contact/schedule-a-discovery-call")}
           >
             <Headphones className="w-5 h-5 mr-2" />
             Schedule a Call
@@ -1291,7 +1291,7 @@ const ContactInfoSection = () => {
 export const StartAProject = () => {
   return (
     <div className="dark min-h-screen bg-background">
-      <Navigation />
+      {/* <Navigation /> */}
       <HeroSection />
       <ProjectFormSection />
       <VisionSection />
@@ -1299,7 +1299,7 @@ export const StartAProject = () => {
       <WhyPartnerSection />
       <JoinWDISection />
       <ContactInfoSection />
-      <Footer />
+      {/* <Footer /> */}
     </div>
   );
 };