diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index c7cc3a4..aabfcf7 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -16,6 +16,15 @@ export default function ShopPage() {
         filters,
     } = useProductCatalog({ basePath: "/shop" });
 
+    const navItems = [
+      { name: "Home", id: "/" },
+      { name: "About", id: "/about" },
+      { name: "Menu", id: "/menu" },
+      { name: "Testimonials", id: "/testimonials" },
+      { name: "Contact", id: "/contact" },
+      { name: "Shop", id: "/shop" }
+    ];
+
     if (isLoading) {
         return (
             <ThemeProvider
@@ -31,13 +40,10 @@ export default function ShopPage() {
                 headingFontWeight="bold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingOverlay
                             brandName="Bean & Brew"
-                            navItems={[
-                                { name: "Home", id: "/" },
-                                { name: "Shop", id: "/shop" }
-                            ]}
+                            navItems={navItems}
                             button={{ text: "Cart", onClick: () => console.log("Cart clicked from shop page") }}
                             buttonClassName="bg-primary-cta text-secondary-cta"
                             className="w-full max-w-smallMedium mx-auto rounded-sharp"
@@ -52,11 +58,10 @@ export default function ShopPage() {
                         <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"
                         />
@@ -80,13 +85,10 @@ export default function ShopPage() {
             headingFontWeight="bold"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
                         brandName="Bean & Brew"
-                        navItems={[
-                            { name: "Home", id: "/" },
-                            { name: "Shop", id: "/shop" }
-                        ]}
+                        navItems={navItems}
                         button={{ text: "Cart", onClick: () => console.log("Cart clicked from shop page") }}
                         buttonClassName="bg-primary-cta text-secondary-cta"
                         className="w-full max-w-smallMedium mx-auto rounded-sharp"
@@ -107,11 +109,10 @@ export default function ShopPage() {
                     <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"
                     />