diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 612173e..1b4c9dd 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -5,6 +5,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { useBlogPosts } from "@/hooks/useBlogPosts";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
 
 export default function BlogPage() {
     const { posts, isLoading } = useBlogPosts();
@@ -26,30 +27,41 @@ export default function BlogPage() {
                 <NavbarStyleApple
                     navItems={[
                         { name: "Home", id: "/" },
-                        { name: "About", id: "about" },
-                        { name: "Services", id: "services" },
-                        { name: "Projects", id: "projects" },
-                        { name: "Process", id: "process" },
-                        { name: "Contact", id: "contact" },
+                        { name: "About", id: "/#about" },
+                        { name: "Services", id: "/#services" },
+                        { name: "Projects", id: "/#projects" },
+                        { name: "Process", id: "/#process" },
+                        { name: "Contact", id: "/#contact" },
                     ]}
                     brandName="Lakeside Construction"
                 />
-
-                {isLoading ? (
-                    <div className="w-content-width mx-auto py-20 text-center">
-                        <p className="text-foreground">Loading posts...</p>
-                    </div>
-                ) : (
-                    <BlogCardTwo
-                        blogs={posts}
-                        title="Latest Articles"
-                        description="Insights and updates from our team"
-                        animationType="slide-up"
-                        textboxLayout="default"
-                        useInvertedBackground={false}
-                        carouselMode="buttons"
+                <main>
+                    {isLoading ? (
+                        <div className="w-content-width mx-auto py-20 text-center">
+                            <p className="text-foreground">Loading posts...</p>
+                        </div>
+                    ) : (
+                        <BlogCardTwo
+                            blogs={posts}
+                            title="Latest Articles"
+                            description="Insights and updates from our team"
+                            animationType="slide-up"
+                            textboxLayout="default"
+                            useInvertedBackground={false}
+                            carouselMode="buttons"
+                        />
+                    )}
+                </main>
+                <div id="footer" data-section="footer">
+                    <FooterLogoEmphasis
+                        columns={[
+                            { items: [{ label: "Home", href: "/" }, { label: "About", href: "/#about" }, { label: "Services", href: "/#services" }, { label: "Projects", href: "/#projects" }] },
+                            { items: [{ label: "Process", href: "/#process" }, { label: "Testimonials", href: "/#testimonials" }, { label: "Contact", href: "/#contact" }, { label: "Privacy Policy", href: "/privacy" }] },
+                            { items: [{ label: "Careers", href: "/careers" }, { label: "Sitemap", href: "/sitemap" }] },
+                        ]}
+                        logoText="Lakeside Construction Inc."
                     />
-                )}
+                </div>
             </ReactLenis>
         </ThemeProvider>
     );