diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 19bb5b4..77ec080 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -29,12 +29,12 @@ export default function BlogPage() {
                 <NavbarStyleCentered
                     navItems={[
                         { name: "Home", id: "/" },
-                        { name: "About", id: "about" },
-                        { name: "Menu", id: "menu" },
-                        { name: "Testimonials", id: "testimonials" },
-                        { name: "Contact", id: "contact" },
+                        { name: "About", id: "/#about" },
+                        { name: "Menu", id: "/#product" },
+                        { name: "Testimonials", id: "/#testimonials" },
+                        { name: "Contact", id: "/#contact" },
                     ]}
-                    button={{ text: "Order Now", href: "#menu" }}
+                    button={{ text: "Order Now", href: "/#product" }}
                     brandName="Bean Haven"
                 />
 
@@ -57,11 +57,10 @@ export default function BlogPage() {
 
                 <FooterLogoEmphasis
                     columns={[
-                        { items: [{ label: "Home", href: "/" }, { label: "Menu", href: "#menu" }, { label: "About Us", href: "#about" }] },
-                        { items: [{ label: "Contact", href: "#contact" }, { label: "Blog", href: "#blog" }, { label: "Privacy Policy", href: "/privacy" }] },
+                        { items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/#product" }, { label: "About Us", href: "/#about" }] },
+                        { items: [{ label: "Contact", href: "/#contact" }, { label: "Blog", href: "/blog" }, { label: "Privacy Policy", href: "/privacy" }] },
                     ]}
                     logoText="Bean Haven"
-                    useInvertedBackground={false}
                 />
             </ReactLenis>
         </ThemeProvider>