diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 0b9d585..157256c 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -28,10 +28,7 @@ export default function BlogPage() {
                     <NavbarStyleFullscreen
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "Menu", id: "menu" },
-                            { name: "About", id: "about" },
-                            { name: "Reservations", id: "contact" },
-                            { name: "Contact", id: "contact" }
+                            { name: "Shop", id: "/shop" }
                         ]}
                         brandName="Bella Italia"
                         bottomLeftText="Authentic Italian Cuisine"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index d35a3f1..971c745 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,8 +28,8 @@ export default function LandingPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           navItems={[
-            { name: "Home", id: "home" },
-            { name: "Menu", id: "menu" },
+            { name: "Home", id: "hero" },
+            { name: "Menu", id: "product" },
             { name: "About", id: "about" },
             { name: "Reservations", id: "contact" },
             { name: "Contact", id: "contact" },
@@ -51,12 +51,12 @@ export default function LandingPage() {
             { value: "Fresh", label: "Daily Ingredients" },
           ]}
           enableKpiAnimation={true}
-          imageSrc="https://img.b2bpic.net/free-photo/vertical-view-two-plates-spaghetti-white-surface_181624-6272.jpg?_wi=1"
+          imageSrc="https://img.b2bpic.net/free-photo/vertical-view-two-plates-spaghetti-white-surface_181624-6272.jpg"
           imageAlt="Platter of delicious Italian pasta"
           imagePosition="right"
           mediaAnimation="opacity"
           buttons={[
-            { text: "View Menu", href: "#menu" },
+            { text: "View Menu", href: "#product" },
             { text: "Make a Reservation", href: "#contact" },
           ]}
         />
@@ -89,7 +89,7 @@ export default function LandingPage() {
               reviewCount: "1.2k",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-pizza-slices-with-toppings_23-2148601642.jpg",              imageAlt: "Classic Margherita Pizza"},
             {
               id: "2",              brand: "Bella Italia",              name: "Truffle Pasta",              price: "$26.00",              rating: 4,
-              reviewCount: "850",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-view-two-plates-spaghetti-white-surface_181624-6272.jpg?_wi=2",              imageAlt: "Creamy Truffle Pasta"},
+              reviewCount: "850",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-view-two-plates-spaghetti-white-surface_181624-6272.jpg",              imageAlt: "Creamy Truffle Pasta"},
             {
               id: "3",              brand: "Bella Italia",              name: "Tiramisu",              price: "$10.00",              rating: 5,
               reviewCount: "1.5k",              imageSrc: "https://img.b2bpic.net/free-photo/delicious-tiramisu-cut-deep-oven-tray-coffeeflavored-italian-dessert_181624-58465.jpg",              imageAlt: "Traditional Italian Tiramisu"},
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index da35fd3..d7d4c09 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -1,4 +1,4 @@
-use client";
+"use client";
 
 import { Suspense, use, useCallback } from "react";
 import { useRouter } from "next/navigation";
@@ -89,11 +89,11 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleFullscreen
                             navItems={[
                                 { name: "Home", id: "/" },
-                                { name: "Shop", id: "/shop" },
+                                { name: "Blog", id: "/blog" },
                             ]}
                             brandName="Bella Italia"
                             bottomLeftText="Authentic Italian Cuisine"
@@ -111,7 +111,6 @@ function ProductPageContent({ params }: ProductPageProps) {
                             logoText="Bella Italia"
                             leftLink={{ text: "Privacy Policy", href: "/privacy" }}
                             rightLink={{ text: "Terms of Service", href: "/terms" }}
-                            useInvertedBackground={false}
                         />
                     </div>
                 </ReactLenis>
@@ -134,11 +133,11 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleFullscreen
                             navItems={[
                                 { name: "Home", id: "/" },
-                                { name: "Shop", id: "/shop" },
+                                { name: "Blog", id: "/blog" },
                             ]}
                             brandName="Bella Italia"
                             bottomLeftText="Authentic Italian Cuisine"
@@ -164,7 +163,6 @@ function ProductPageContent({ params }: ProductPageProps) {
                             logoText="Bella Italia"
                             leftLink={{ text: "Privacy Policy", href: "/privacy" }}
                             rightLink={{ text: "Terms of Service", href: "/terms" }}
-                            useInvertedBackground={false}
                         />
                     </div>
                 </ReactLenis>
@@ -186,11 +184,11 @@ function ProductPageContent({ params }: ProductPageProps) {
             headingFontWeight="light"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleFullscreen
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "Shop", id: "/shop" },
+                            { name: "Blog", id: "/blog" },
                         ]}
                         brandName="Bella Italia"
                         bottomLeftText="Authentic Italian Cuisine"
@@ -239,7 +237,6 @@ function ProductPageContent({ params }: ProductPageProps) {
                         logoText="Bella Italia"
                         leftLink={{ text: "Privacy Policy", href: "/privacy" }}
                         rightLink={{ text: "Terms of Service", href: "/terms" }}
-                        useInvertedBackground={false}
                     />
                 </div>
             </ReactLenis>
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 21e0706..7f49f7b 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";
@@ -31,11 +31,11 @@ export default function ShopPage() {
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleFullscreen
                             navItems={[
                                 { name: "Home", id: "/" },
-                                { name: "Shop", id: "/shop" },
+                                { name: "Blog", id: "/blog" },
                             ]}
                             brandName="Bella Italia"
                             bottomLeftText="Authentic Italian Cuisine"
@@ -52,7 +52,6 @@ export default function ShopPage() {
                             logoText="Bella Italia"
                             leftLink={{ text: "Privacy Policy", href: "/privacy" }}
                             rightLink={{ text: "Terms of Service", href: "/terms" }}
-                            useInvertedBackground={false}
                         />
                     </div>
                 </ReactLenis>
@@ -74,11 +73,11 @@ export default function ShopPage() {
             headingFontWeight="light"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleFullscreen
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "Shop", id: "/shop" },
+                            { name: "Blog", id: "/blog" },
                         ]}
                         brandName="Bella Italia"
                         bottomLeftText="Authentic Italian Cuisine"
@@ -101,7 +100,6 @@ export default function ShopPage() {
                         logoText="Bella Italia"
                         leftLink={{ text: "Privacy Policy", href: "/privacy" }}
                         rightLink={{ text: "Terms of Service", href: "/terms" }}
-                        useInvertedBackground={false}
                     />
                 </div>
             </ReactLenis>