diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 275ad09..7f5f6c0 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -1,4 +1,4 @@
-use client";
+"use client";
 
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
@@ -16,6 +16,18 @@ export default function ShopPage() {
         filters,
     } = useProductCatalog({ basePath: "/shop" });
 
+    const navItems = [
+        { name: "Home", id: "/" },
+        { name: "Blog", id: "/blog" },
+        { name: "Shop", id: "/shop" },
+    ];
+
+    const footerColumns = [
+        { title: "Menu", items: [{ label: "Corned Beef", href: "/#product" }, { label: "Pastrami", href: "/#product" }, { label: "Soups", href: "/#product" }, { label: "Sandwiches", href: "/#product" }] },
+        { title: "About Us", items: [{ label: "Our Story", href: "/#about" }, { label: "Reviews", href: "/#testimonial" }, { label: "FAQs", href: "/#faq" }] },
+        { title: "Contact", items: [{ label: "Location", href: "/#contact" }, { label: "Catering", href: "/#contact" }, { label: "Order Online", href: "/#contact" }] }
+    ];
+
     if (isLoading) {
         return (
             <ThemeProvider
@@ -31,13 +43,10 @@ export default function ShopPage() {
                 headingFontWeight="extrabold"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleCentered
                             brandName="Goldenberg's Deli"
-                            navItems={[
-                                { name: "Home", id: "/" },
-                                { name: "Shop", id: "/shop" }
-                            ]}
+                            navItems={navItems}
                             button={{ text: "Cart", onClick: () => {} }}
                         />
                     </div>
@@ -49,13 +58,8 @@ export default function ShopPage() {
                     <div id="footer" data-section="footer">
                         <FooterBase
                             logoText="Goldenberg's Deli"
-                            columns={[
-                                { title: "Menu", items: [{ label: "Corned Beef", href: "#product" }, { label: "Pastrami", href: "#product" }, { label: "Soups", href: "#product" }, { label: "Sandwiches", href: "#product" }] },
-                                { title: "About Us", items: [{ label: "Our Story", href: "#about" }, { label: "Reviews", href: "#testimonials" }, { label: "FAQs", href: "#faqs" }] },
-                                { title: "Contact", items: [{ label: "Location", href: "#contact" }, { label: "Catering", href: "#contact" }, { label: "Order Online", href: "#contact" }] }
-                            ]}
+                            columns={footerColumns}
                             copyrightText="© 2024 Goldenberg's Deli. All rights reserved."
-                            useInvertedBackground={false}
                         />
                     </div>
                 </ReactLenis>
@@ -77,13 +81,10 @@ export default function ShopPage() {
             headingFontWeight="extrabold"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleCentered
                         brandName="Goldenberg's Deli"
-                        navItems={[
-                            { name: "Home", id: "/" },
-                            { name: "Shop", id: "/shop" }
-                        ]}
+                        navItems={navItems}
                         button={{ text: "Cart", onClick: () => {} }}
                     />
                 </div>
@@ -101,13 +102,8 @@ export default function ShopPage() {
                 <div id="footer" data-section="footer">
                     <FooterBase
                         logoText="Goldenberg's Deli"
-                        columns={[
-                            { title: "Menu", items: [{ label: "Corned Beef", href: "#product" }, { label: "Pastrami", href: "#product" }, { label: "Soups", href: "#product" }, { label: "Sandwiches", href: "#product" }] },
-                            { title: "About Us", items: [{ label: "Our Story", href: "#about" }, { label: "Reviews", href: "#testimonials" }, { label: "FAQs", href: "#faqs" }] },
-                            { title: "Contact", items: [{ label: "Location", href: "#contact" }, { label: "Catering", href: "#contact" }, { label: "Order Online", href: "#contact" }] }
-                        ]}
+                        columns={footerColumns}
                         copyrightText="© 2024 Goldenberg's Deli. All rights reserved."
-                        useInvertedBackground={false}
                     />
                 </div>
             </ReactLenis>