diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 8f27f09..4dc94c8 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -28,7 +28,7 @@ export default function BlogPage() {
                     <NavbarLayoutFloatingOverlay
                         brandName="Brew Haven"
                         navItems={[
-                            { name: "Home", id: "/" },
+                            { name: "Home", id: "hero" },
                             { name: "About", id: "about" },
                             { name: "Menu", id: "products" },
                             { name: "Experience", id: "testimonials" },
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 96d2020..7c2d9c2 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -85,8 +85,11 @@ export default function ProductPage({ params }: ProductPageProps) {
                         <NavbarLayoutFloatingOverlay
                             brandName="Brew Haven"
                             navItems={[
-                                {"name":"Home","id":"/"},
-                                {"name":"Shop","id":"/shop"}
+                                {"name":"Home","id":"hero"},
+                                {"name":"About","id":"about"},
+                                {"name":"Menu","id":"products"},
+                                {"name":"Experience","id":"testimonials"},
+                                {"name":"Contact","id":"contact"}
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -131,8 +134,11 @@ export default function ProductPage({ params }: ProductPageProps) {
                         <NavbarLayoutFloatingOverlay
                             brandName="Brew Haven"
                             navItems={[
-                                {"name":"Home","id":"/"},
-                                {"name":"Shop","id":"/shop"}
+                                {"name":"Home","id":"hero"},
+                                {"name":"About","id":"about"},
+                                {"name":"Menu","id":"products"},
+                                {"name":"Experience","id":"testimonials"},
+                                {"name":"Contact","id":"contact"}
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -184,8 +190,11 @@ export default function ProductPage({ params }: ProductPageProps) {
                     <NavbarLayoutFloatingOverlay
                         brandName="Brew Haven"
                         navItems={[
-                            {"name":"Home","id":"/"},
-                            {"name":"Shop","id":"/shop"}
+                            {"name":"Home","id":"hero"},
+                            {"name":"About","id":"about"},
+                            {"name":"Menu","id":"products"},
+                            {"name":"Experience","id":"testimonials"},
+                            {"name":"Contact","id":"contact"}
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index b33064f..a389eb1 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -35,8 +35,11 @@ export default function ShopPage() {
                         <NavbarLayoutFloatingOverlay
                             brandName="Brew Haven"
                             navItems={[
-                                {"name":"Home","id":"/"},
-                                {"name":"Shop","id":"/shop"}
+                                {"name":"Home","id":"hero"},
+                                {"name":"About","id":"about"},
+                                {"name":"Menu","id":"products"},
+                                {"name":"Experience","id":"testimonials"},
+                                {"name":"Contact","id":"contact"}
                             ]}
                             button={{ text: "Cart", onClick: () => console.log("cart") }}
                         />
@@ -80,8 +83,11 @@ export default function ShopPage() {
                     <NavbarLayoutFloatingOverlay
                         brandName="Brew Haven"
                         navItems={[
-                            {"name":"Home","id":"/"},
-                            {"name":"Shop","id":"/shop"}
+                            {"name":"Home","id":"hero"},
+                            {"name":"About","id":"about"},
+                            {"name":"Menu","id":"products"},
+                            {"name":"Experience","id":"testimonials"},
+                            {"name":"Contact","id":"contact"}
                         ]}
                         button={{ text: "Cart", onClick: () => console.log("cart") }}
                     />
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 45dc160..cf40728 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: #0a0a0a;;
-  --card: #1a1a1a;;
-  --foreground: #fffffae6;;
-  --primary-cta: #fde047;;
-  --secondary-cta: #1a1a1a;;
-  --accent: #737373;;
-  --background-accent: #737373;; */
+  /* --background: #fbfaff;;
+  --card: #f7f5ff;;
+  --foreground: #0f0022;;
+  --primary-cta: #8b5cf6;;
+  --secondary-cta: #ffffff;;
+  --accent: #d8cef5;;
+  --background-accent: #c4a8f9;; */
 
-  --background: #0a0a0a;;
-  --card: #1a1a1a;;
-  --foreground: #fffffae6;;
-  --primary-cta: #fde047;;
-  --secondary-cta: #1a1a1a;;
-  --accent: #737373;;
-  --background-accent: #737373;;
+  --background: #fbfaff;;
+  --card: #f7f5ff;;
+  --foreground: #0f0022;;
+  --primary-cta: #8b5cf6;;
+  --secondary-cta: #ffffff;;
+  --accent: #d8cef5;;
+  --background-accent: #c4a8f9;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);