diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index aef92c0..1fbfdbc 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -17,6 +17,19 @@ function ShopPageContent() {
         filters,
     } = useProductCatalog({ basePath: "/shop" });
 
+    const navItems = [
+        { name: "Home", id: "/" },
+        { name: "About", id: "/#about" },
+        { name: "Menu", id: "/#product" },
+        { name: "Testimonials", id: "/#testimonials" },
+        { name: "Contact", id: "/#contact" },
+    ];
+
+    const footerColumns = [
+        { 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" }] },
+    ];
+
     if (isLoading) {
         return (
             <ThemeProvider
@@ -34,10 +47,7 @@ function ShopPageContent() {
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                         <NavbarStyleCentered
-                            navItems={[
-                                { name: "Home", id: "/" },
-                                { name: "Shop", id: "/shop" }
-                            ]}
+                            navItems={navItems}
                             brandName="Bean Haven"
                             button={{ text: "Cart", onClick: () => {} }}
                         />
@@ -50,10 +60,7 @@ function ShopPageContent() {
                     <div id="footer" data-section="footer">
                         <FooterLogoEmphasis
                             logoText="Bean Haven"
-                            columns={[
-                                { items: [{ label: "Home", href: "/" }] },
-                                { items: [{ label: "Privacy Policy", href: "/privacy" }] }
-                            ]}
+                            columns={footerColumns}
                         />
                     </div>
                 </ReactLenis>
@@ -77,10 +84,7 @@ function ShopPageContent() {
             <ReactLenis root>
                 <div id="navbar" data-section="navbar">
                     <NavbarStyleCentered
-                        navItems={[
-                            { name: "Home", id: "/" },
-                            { name: "Shop", id: "/shop" }
-                        ]}
+                        navItems={navItems}
                         brandName="Bean Haven"
                         button={{ text: "Cart", onClick: () => {} }}
                     />
@@ -99,10 +103,7 @@ function ShopPageContent() {
                 <div id="footer" data-section="footer">
                     <FooterLogoEmphasis
                         logoText="Bean Haven"
-                        columns={[
-                            { items: [{ label: "Home", href: "/" }] },
-                            { items: [{ label: "Privacy Policy", href: "/privacy" }] }
-                        ]}
+                        columns={footerColumns}
                     />
                 </div>
             </ReactLenis>