diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 66d3f49..3378765 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -17,6 +17,15 @@ export default function BlogPage() {
     // Preserved posts fetching logic
     const { posts, isLoading } = useBlogPosts();
 
+    const navItems = [
+        { name: "Home", id: "/" },
+        { name: "About", id: "/#about" },
+        { name: "Shop", id: "/shop" },
+        { name: "Blog", id: "/blog" },
+        { name: "Testimonials", id: "/#testimonials" },
+        { name: "Contact", id: "/#contact" },
+    ];
+
     return (
         <ThemeProvider
             defaultButtonVariant="expand-hover"
@@ -31,17 +40,12 @@ export default function BlogPage() {
             headingFontWeight="light"
         >
             <ReactLenis root>
-                {/* Navbar from NAVBAR_INFO */}
-                <NavbarStyleApple
-                    brandName="Olla"
-                    navItems={[
-                        { name: "Home", id: "/" },
-                        { name: "About", id: "about" },
-                        { name: "Shop", id: "shop" },
-                        { name: "Testimonials", id: "testimonials" },
-                        { name: "Contact", id: "contact" },
-                    ]}
-                />
+                <div id="nav" data-section="nav">
+                    <NavbarStyleApple
+                        brandName="Olla"
+                        navItems={navItems}
+                    />
+                </div>
 
                 {/* Preserved loading state and posts logic */}
                 {isLoading ? (
@@ -90,7 +94,6 @@ export default function BlogPage() {
                         ]}
                         logoText="Olla"
                         copyrightText="© 2024 Olla Flowers Studio. All rights reserved."
-                        useInvertedBackground={false}
                         ariaLabel="Site footer"
                     />
                 </div>