diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index f0737ab..1694f9e 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -28,12 +28,12 @@ export default function BlogPage() {
                     <NavbarLayoutFloatingOverlay
                         brandName="Koliba Ukrainska"
                         navItems={[
-                            { name: "Philosophy", id: "#about" },
-                            { name: "Menu", id: "#menu" },
-                            { name: "Banquets", id: "#banquets" },
-                            { name: "Delivery", id: "#delivery" },
+                            { name: "Philosophy", id: "about" },
+                            { name: "Menu", id: "menu" },
+                            { name: "Banquets", id: "banquets" },
+                            { name: "Delivery", id: "delivery" },
                             { name: "About Us", id: "/about" },
-                            { name: "Contacts", id: "#contact" }
+                            { name: "Contacts", id: "contact" }
                         ]}
                         button={{ text: "Reserve Table", href: "#contact" }}
                         buttonClassName="rounded-full px-6 py-2"
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index ae42cee..72f1a05 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -85,12 +85,12 @@ export default function ProductPage({ params }: ProductPageProps) {
                         <NavbarLayoutFloatingOverlay
                             brandName="Koliba Ukrainska"
                             navItems={[
-                                { name: "Philosophy", id: "#about" },
-                                { name: "Menu", id: "#menu" },
-                                { name: "Banquets", id: "#banquets" },
-                                { name: "Delivery", id: "#delivery" },
+                                { name: "Philosophy", id: "about" },
+                                { name: "Menu", id: "menu" },
+                                { name: "Banquets", id: "banquets" },
+                                { name: "Delivery", id: "delivery" },
                                 { name: "About Us", id: "/about" },
-                                { name: "Contacts", id: "#contact" }
+                                { name: "Contacts", id: "contact" }
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                             buttonClassName="rounded-full px-6 py-2"
@@ -134,12 +134,12 @@ export default function ProductPage({ params }: ProductPageProps) {
                         <NavbarLayoutFloatingOverlay
                             brandName="Koliba Ukrainska"
                             navItems={[
-                                { name: "Philosophy", id: "#about" },
-                                { name: "Menu", id: "#menu" },
-                                { name: "Banquets", id: "#banquets" },
-                                { name: "Delivery", id: "#delivery" },
+                                { name: "Philosophy", id: "about" },
+                                { name: "Menu", id: "menu" },
+                                { name: "Banquets", id: "banquets" },
+                                { name: "Delivery", id: "delivery" },
                                 { name: "About Us", id: "/about" },
-                                { name: "Contacts", id: "#contact" }
+                                { name: "Contacts", id: "contact" }
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                             buttonClassName="rounded-full px-6 py-2"
@@ -190,12 +190,12 @@ export default function ProductPage({ params }: ProductPageProps) {
                     <NavbarLayoutFloatingOverlay
                         brandName="Koliba Ukrainska"
                         navItems={[
-                            { name: "Philosophy", id: "#about" },
-                            { name: "Menu", id: "#menu" },
-                            { name: "Banquets", id: "#banquets" },
-                            { name: "Delivery", id: "#delivery" },
+                            { name: "Philosophy", id: "about" },
+                            { name: "Menu", id: "menu" },
+                            { name: "Banquets", id: "banquets" },
+                            { name: "Delivery", id: "delivery" },
                             { name: "About Us", id: "/about" },
-                            { name: "Contacts", id: "#contact" }
+                            { name: "Contacts", id: "contact" }
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         buttonClassName="rounded-full px-6 py-2"
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index adcf5e5..8bb486e 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -38,12 +38,12 @@ export default function ShopPage() {
                         <NavbarLayoutFloatingOverlay
                             brandName="Koliba Ukrainska"
                             navItems={[
-                                { name: "Philosophy", id: "#about" },
-                                { name: "Menu", id: "#menu" },
-                                { name: "Banquets", id: "#banquets" },
-                                { name: "Delivery", id: "#delivery" },
+                                { name: "Philosophy", id: "about" },
+                                { name: "Menu", id: "menu" },
+                                { name: "Banquets", id: "banquets" },
+                                { name: "Delivery", id: "delivery" },
                                 { name: "About Us", id: "/about" },
-                                { name: "Contacts", id: "#contact" }
+                                { name: "Contacts", id: "contact" }
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                             buttonClassName="rounded-full px-6 py-2"
@@ -86,12 +86,12 @@ export default function ShopPage() {
                     <NavbarLayoutFloatingOverlay
                         brandName="Koliba Ukrainska"
                         navItems={[
-                            { name: "Philosophy", id: "#about" },
-                            { name: "Menu", id: "#menu" },
-                            { name: "Banquets", id: "#banquets" },
-                            { name: "Delivery", id: "#delivery" },
+                            { name: "Philosophy", id: "about" },
+                            { name: "Menu", id: "menu" },
+                            { name: "Banquets", id: "banquets" },
+                            { name: "Delivery", id: "delivery" },
                             { name: "About Us", id: "/about" },
-                            { name: "Contacts", id: "#contact" }
+                            { name: "Contacts", id: "contact" }
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         buttonClassName="rounded-full px-6 py-2"
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 4b2c08a..0baf58f 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: #010912;;;
-  --card: #152840;;;
-  --foreground: #e6f0ff;;;
-  --primary-cta: #cee7ff;;;
-  --secondary-cta: #0e1a29;;;
-  --accent: #3f5c79;;;
-  --background-accent: #004a93;;; */
+  /* --background: #fff5f0;;;
+  --card: #ffe8dd;;;
+  --foreground: #2d1810;;;
+  --primary-cta: #e67e50;;;
+  --secondary-cta: #fff5f0;;;
+  --accent: #ff9d6f;;;
+  --background-accent: #ffc299;;; */
 
-  --background: #010912;;;
-  --card: #152840;;;
-  --foreground: #e6f0ff;;;
-  --primary-cta: #cee7ff;;;
-  --secondary-cta: #0e1a29;;;
-  --accent: #3f5c79;;;
-  --background-accent: #004a93;;;
+  --background: #fff5f0;;;
+  --card: #ffe8dd;;;
+  --foreground: #2d1810;;;
+  --primary-cta: #e67e50;;;
+  --secondary-cta: #fff5f0;;;
+  --accent: #ff9d6f;;;
+  --background-accent: #ffc299;;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);