diff --git a/src/app/page.tsx b/src/app/page.tsx
index c5c2a3a..252eb55 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -43,7 +43,7 @@ export default function LandingPage() {
           logoText="Ninja Panda"
           description="Experience the art of sushi at Ninja Panda. Fresh ingredients, exquisite flavors, and a welcoming ambiance await you."
           buttons={[{ text: 'View Menu', href: '#menu' }, { text: 'Make a Reservation', href: '#contact' }]}
-          background={{ variant: 'noise' }}
+          background={{ variant: 'sparkles-gradient' }}
           imageSrc="https://img.b2bpic.net/free-photo/various-sushi-rolls-plate_140725-4318.jpg"
           imageAlt="A vibrant sushi platter with various fresh sushi and sashimi."
           mediaAnimation="opacity"
@@ -95,14 +95,14 @@ export default function LandingPage() {
               id: '3',
               name: 'Spicy Tuna Roll',
               price: '$15.00',
-              imageSrc: 'https://img.b2bpic.net/free-photo/top-view-roll-set-with-pickled-ginger-wasabi-soy-sauce-chopsticks-dark-plate_176474-3435.jpg?_wi=1',
+              imageSrc: 'https://img.b2bpic.net/free-photo/top-view-roll-set-with-pickled-ginger-wasabi-soy-sauce-chopsticks-dark-plate_176474-3435.jpg',
               imageAlt: 'Spicy tuna sushi roll garnished with sesame seeds.',
             },
             {
               id: '4',
               name: 'Nigiri Selection',
               price: '$22.00',
-              imageSrc: 'https://img.b2bpic.net/free-photo/top-view-roll-set-with-pickled-ginger-wasabi-soy-sauce-chopsticks-dark-plate_176474-3435.jpg?_wi=2',
+              imageSrc: 'https://img.b2bpic.net/free-photo/top-view-roll-set-with-pickled-ginger-wasabi-soy-sauce-chopsticks-dark-plate_176474-3435.jpg',
               imageAlt: 'Selection of traditional nigiri sushi.',
             },
           ]}
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 112be74..aa2e572 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -81,15 +81,13 @@ export default function ProductPage({ params }: ProductPageProps) {
                 headingFontWeight="medium"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleApple
                             navItems={[
                                 { name: "Home", id: "/" },
                                 { name: "Shop", id: "/shop" }
                             ]}
                             brandName="Ninja Panda"
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
-                            mobileButton={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
                     </div>
                     <div id="loading-section" data-section="loading-section">
@@ -129,15 +127,13 @@ export default function ProductPage({ params }: ProductPageProps) {
                 headingFontWeight="medium"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleApple
                             navItems={[
                                 { name: "Home", id: "/" },
                                 { name: "Shop", id: "/shop" }
                             ]}
                             brandName="Ninja Panda"
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
-                            mobileButton={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
                     </div>
                     <div id="not-found-section" data-section="not-found-section">
@@ -184,15 +180,13 @@ export default function ProductPage({ params }: ProductPageProps) {
             headingFontWeight="medium"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleApple
                         brandName="Ninja Panda"
                         navItems={[
                             { name: "Home", id: "/" },
                             { name: "Shop", id: "/shop" },
                         ]}
-                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
-                        mobileButton={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
                 </div>
                 <div id="product-detail-card" data-section="product-detail-card">
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index d76ea23..e85f8c2 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -57,15 +57,13 @@ export default function ShopPage() {
                 headingFontWeight="medium"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleApple
                             navItems={[
                                 { name: "Home", id: "/" },
                                 { name: "Shop", id: "/shop" }
                             ]}
                             brandName="Ninja Panda"
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
-                            mobileButton={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
                     </div>
                     <div id="loading-section" data-section="loading-section">
@@ -104,15 +102,13 @@ export default function ShopPage() {
             headingFontWeight="medium"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleApple
                         navItems={[
                             { name: "Home", id: "/" },
                             { name: "Shop", id: "/shop" }
                         ]}
                         brandName="Ninja Panda"
-                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
-                        mobileButton={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
                 </div>
                 <div id="product-catalog" data-section="product-catalog">