diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 5ae8e18..da601da 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -29,7 +29,7 @@ export default function BlogPage() {
                     <NavbarLayoutFloatingInline
                         brandName="Brew Haven"
                         navItems={[
-                            { name: "Home", id: "/" },
+                            { name: "Home", id: "hero" },
                             { name: "About", id: "about" },
                             { name: "Menu", id: "products" },
                             { name: "Contact", id: "contact" }
@@ -104,4 +104,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
\ No newline at end of file
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 9c0a52a..2ad0a8f 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1402,4 +1402,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index b55b5d0..53c2e12 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -194,4 +194,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 917ae1d..11c1647 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -85,11 +85,10 @@ export default function ProductPage({ params }: ProductPageProps) {
                         <NavbarLayoutFloatingInline
                             brandName="Brew Haven"
                             navItems={[
-                                { name: "Home", id: "/" },
+                                { name: "Home", id: "hero" },
                                 { name: "About", id: "about" },
                                 { name: "Menu", id: "products" },
-                                { name: "Contact", id: "contact" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Contact", id: "contact" }
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -158,11 +157,10 @@ export default function ProductPage({ params }: ProductPageProps) {
                         <NavbarLayoutFloatingInline
                             brandName="Brew Haven"
                             navItems={[
-                                { name: "Home", id: "/" },
+                                { name: "Home", id: "hero" },
                                 { name: "About", id: "about" },
                                 { name: "Menu", id: "products" },
-                                { name: "Contact", id: "contact" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Contact", id: "contact" }
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -238,11 +236,10 @@ export default function ProductPage({ params }: ProductPageProps) {
                     <NavbarLayoutFloatingInline
                         brandName="Brew Haven"
                         navItems={[
-                            { name: "Home", id: "/" },
+                            { name: "Home", id: "hero" },
                             { name: "About", id: "about" },
                             { name: "Menu", id: "products" },
-                            { name: "Contact", id: "contact" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "Contact", id: "contact" }
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
@@ -323,4 +320,4 @@ export default function ProductPage({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
\ No newline at end of file
+}
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 6c0988c..285b06a 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -35,11 +35,10 @@ export default function ShopPage() {
                         <NavbarLayoutFloatingInline
                             brandName="Brew Haven"
                             navItems={[
-                                { name: "Home", id: "/" },
+                                { name: "Home", id: "hero" },
                                 { name: "About", id: "about" },
                                 { name: "Menu", id: "products" },
-                                { name: "Contact", id: "contact" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Contact", id: "contact" }
                             ]}
                             button={{ text: "Cart", onClick: () => console.log("cart") }}
                         />
@@ -107,11 +106,10 @@ export default function ShopPage() {
                     <NavbarLayoutFloatingInline
                         brandName="Brew Haven"
                         navItems={[
-                            { name: "Home", id: "/" },
+                            { name: "Home", id: "hero" },
                             { name: "About", id: "about" },
                             { name: "Menu", id: "products" },
-                            { name: "Contact", id: "contact" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "Contact", id: "contact" }
                         ]}
                         button={{ text: "Cart", onClick: () => console.log("cart") }}
                     />
@@ -167,4 +165,4 @@ export default function ShopPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
\ No newline at end of file
+}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 6776fea..45dc160 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -2,21 +2,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #ffffff;;
-  --card: #f9f9f9;;
-  --foreground: #000f06e6;;
-  --primary-cta: #0a7039;;
-  --secondary-cta: #f9f9f9;;
-  --accent: #e2e2e2;;
-  --background-accent: #c4c4c4;; */
+  /* --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #fffffae6;;
+  --primary-cta: #fde047;;
+  --secondary-cta: #1a1a1a;;
+  --accent: #737373;;
+  --background-accent: #737373;; */
 
-  --background: #ffffff;;
-  --card: #f9f9f9;;
-  --foreground: #000f06e6;;
-  --primary-cta: #0a7039;;
-  --secondary-cta: #f9f9f9;;
-  --accent: #e2e2e2;;
-  --background-accent: #c4c4c4;;
+  --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #fffffae6;;
+  --primary-cta: #fde047;;
+  --secondary-cta: #1a1a1a;;
+  --accent: #737373;;
+  --background-accent: #737373;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);