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

pages/FAQs.tsx

@@ -19,11 +19,12 @@ import {
   Phone,
   Mail,
 } from "lucide-react";
-import { navigateTo } from "../App";
 import { Helmet } from "react-helmet-async";
+import { useNavigate } from "react-router-dom";
 
 export const FAQs = () => {
   const [searchTerm, setSearchTerm] = useState("");
+  const navigate = useNavigate();
 
   const faqCategories = [
     {
@@ -187,7 +188,7 @@ export const FAQs = () => {
 
   return (
     <div className="dark min-h-screen bg-background">
-      <Navigation />
+      {/* <Navigation /> */}
 
       {/* Hero Section */}
       <section className="pt-24 pb-16 bg-background">
@@ -484,7 +485,7 @@ export const FAQs = () => {
               <Button
                 size="lg"
                 className="bg-[#E5195E] hover:bg-[#E5195E]/90 text-white"
-                onClick={() => navigateTo("/start-a-project")}
+                onClick={() => navigate("/start-a-project")}
               >
                 Couldn't find your answer? Contact us directly
                 <ArrowRight className="ml-2 w-4 h-4" />
@@ -501,7 +502,7 @@ export const FAQs = () => {
         </div>
       </section>
 
-      <Footer />
+      {/* <Footer /> */}
     </div>
   );
 };