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

pages/Blog.tsx

@@ -20,8 +20,8 @@ import {
   ArrowRight,
   BookOpen,
 } from "lucide-react";
-import { navigateTo } from "../App";
 import { Helmet } from "react-helmet-async";
+import { useNavigate } from "react-router-dom";
 
 export const Blog = () => {
   const [searchTerm, setSearchTerm] = useState("");
@@ -175,20 +175,21 @@ export const Blog = () => {
 
     return matchesSearch && matchesCategory && matchesTag;
   });
+  const navigate = useNavigate();
 
   const handlePostClick = (post: any) => {
     if (typeof post.id === "string") {
       // Navigate to dedicated article page
-      navigateTo(`/articles/${post.id}`);
+      navigate(`/articles/${post.id}`);
     } else {
       // For placeholder posts, navigate to generic article detail
-      navigateTo("/articles/generic-article");
+      navigate("/articles/generic-article");
     }
   };
 
   return (
     <div className="dark min-h-screen bg-background">
-      <Navigation />
+      {/* <Navigation /> */}
 
       {/* Hero Section */}
       <section className="pt-24 pb-16 bg-background">
@@ -529,7 +530,7 @@ export const Blog = () => {
               <Button
                 size="lg"
                 className="bg-[#E5195E] hover:bg-[#E5195E]/90 text-white"
-                onClick={() => navigateTo("/resources/blog")}
+                onClick={() => navigate("/resources/blog")}
               >
                 Explore All Articles
                 <ArrowRight className="ml-2 w-4 h-4" />
@@ -538,8 +539,8 @@ export const Blog = () => {
                 size="lg"
                 variant="outline"
                 className="border-white/20 text-white hover:bg-white/10"
-                // onClick={() => navigateTo('/contact')}
-                onClick={() => navigateTo("/start-a-project")}
+                // onClick={() => navigate('/contact')}
+                onClick={() => navigate("/start-a-project")}
               >
                 Contact Our Experts
               </Button>
@@ -548,7 +549,7 @@ export const Blog = () => {
         </div>
       </section>
 
-      <Footer />
+      {/* <Footer /> */}
     </div>
   );
 };