diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 643ea13..75dc707 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -10,6 +10,15 @@ import { useBlogPosts } from "@/hooks/useBlogPosts";
 export default function BlogPage() {
     const { posts, isLoading } = useBlogPosts();
 
+    const navItems = [
+      { name: "Home", id: "/" },
+      { name: "About", id: "/about" },
+      { name: "Menu", id: "/menu" },
+      { name: "Testimonials", id: "/testimonials" },
+      { name: "Contact", id: "/contact" },
+      { name: "Blog", id: "/blog" }
+    ];
+
     return (
         <ThemeProvider
             defaultButtonVariant="text-shift"
@@ -27,14 +36,8 @@ export default function BlogPage() {
                 <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
                         brandName="Bean & Brew"
-                        navItems={[
-                            { name: "Home", id: "/" },
-                            { name: "About", id: "#about" },
-                            { name: "Menu", id: "#menu" },
-                            { name: "Testimonials", id: "#testimonials" },
-                            { name: "Contact", id: "#contact" }
-                        ]}
-                        button={{ text: "Order Now", href: "#menu" }}
+                        navItems={navItems}
+                        button={{ text: "Order Now", href: "/menu" }}
                         buttonClassName="bg-primary-cta text-secondary-cta"
                         className="w-full max-w-smallMedium mx-auto rounded-sharp"
                     />
@@ -62,11 +65,10 @@ export default function BlogPage() {
                     <FooterLogoEmphasis
                         logoText="Bean & Brew"
                         columns={[
-                            { items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }, { label: "About Us", href: "#about" }] },
-                            { items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }, { label: "Careers", href: "/careers" }] },
+                            { items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About Us", href: "/about" }] },
+                            { items: [{ label: "Contact", href: "/contact" }, { label: "Careers", href: "/careers" }] },
                             { items: [{ label: "Facebook", href: "https://facebook.com/beanandbrew" }, { label: "Instagram", href: "https://instagram.com/beanandbrew" }, { label: "Twitter", href: "https://twitter.com/beanandbrew" }] }
                         ]}
-                        useInvertedBackground={false}
                         logoClassName="text-foreground"
                         itemClassName="text-foreground"
                     />