Update src/app/styles/variables.css

Merge version_5 into main

src/app/blog/page.tsx

@@ -33,7 +33,7 @@ export default function BlogPage() {
                             { name: "Rooms", id: "rooms" },
                             { name: "Amenities", id: "amenities" },
                             { name: "About", id: "about" },
-                            { name: "Reviews", id: "reviews" },
+                            { name: "Blog", id: "/blog" },
                             { name: "Contact", id: "contact" }
                         ]}
                         bottomLeftText="5-Star Hospitality"

src/app/page.tsx

@@ -34,7 +34,7 @@ export default function LuxuryHotelPage() {
             { name: "Rooms", id: "rooms" },
             { name: "Amenities", id: "amenities" },
             { name: "About", id: "about" },
-            { name: "Reviews", id: "reviews" },
+            { name: "Blog", id: "/blog" },
             { name: "Contact", id: "contact" }
           ]}
           bottomLeftText="5-Star Hospitality"
@@ -49,7 +49,7 @@ export default function LuxuryHotelPage() {
           socialLinks={[
             { icon: Heart, label: "Favorites", href: "#rooms" },
             { icon: MapPin, label: "Location", href: "#contact" },
-            { icon: Star, label: "Reviews", href: "#reviews" }
+            { icon: Star, label: "Reviews", href: "#testimonials" }
           ]}
           linkCards={[
             {

src/app/shop/[id]/page.tsx

@@ -87,7 +87,11 @@ export default function ProductPage({ params }: ProductPageProps) {
                             brandName="Luxury Suites"
                             navItems={[
                                 { name: "Home", id: "/" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Rooms", id: "rooms" },
+                                { name: "Amenities", id: "amenities" },
+                                { name: "About", id: "about" },
+                                { name: "Blog", id: "/blog" },
+                                { name: "Contact", id: "contact" }
                             ]}
                             bottomLeftText="5-Star Hospitality"
                             bottomRightText="reservations@luxurysuites.com"
@@ -134,7 +138,11 @@ export default function ProductPage({ params }: ProductPageProps) {
                             brandName="Luxury Suites"
                             navItems={[
                                 { name: "Home", id: "/" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Rooms", id: "rooms" },
+                                { name: "Amenities", id: "amenities" },
+                                { name: "About", id: "about" },
+                                { name: "Blog", id: "/blog" },
+                                { name: "Contact", id: "contact" }
                             ]}
                             bottomLeftText="5-Star Hospitality"
                             bottomRightText="reservations@luxurysuites.com"
@@ -188,7 +196,11 @@ export default function ProductPage({ params }: ProductPageProps) {
                         brandName="Luxury Suites"
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "Rooms", id: "rooms" },
+                            { name: "Amenities", id: "amenities" },
+                            { name: "About", id: "about" },
+                            { name: "Blog", id: "/blog" },
+                            { name: "Contact", id: "contact" }
                         ]}
                         bottomLeftText="5-Star Hospitality"
                         bottomRightText="reservations@luxurysuites.com"

src/app/shop/page.tsx

@@ -37,7 +37,11 @@ export default function ShopPage() {
                             brandName="Luxury Suites"
                             navItems={[
                                 { name: "Home", id: "/" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Rooms", id: "rooms" },
+                                { name: "Amenities", id: "amenities" },
+                                { name: "About", id: "about" },
+                                { name: "Blog", id: "/blog" },
+                                { name: "Contact", id: "contact" }
                             ]}
                             bottomLeftText="5-Star Hospitality"
                             bottomRightText="reservations@luxurysuites.com"
@@ -83,7 +87,11 @@ export default function ShopPage() {
                         brandName="Luxury Suites"
                         navItems={[
                             { name: "Home", id: "/" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "Rooms", id: "rooms" },
+                            { name: "Amenities", id: "amenities" },
+                            { name: "About", id: "about" },
+                            { name: "Blog", id: "/blog" },
+                            { name: "Contact", id: "contact" }
                         ]}
                         bottomLeftText="5-Star Hospitality"
                         bottomRightText="reservations@luxurysuites.com"

src/app/styles/variables.css

@@ -2,21 +2,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #010912;;;;
+  /* --background: #060000;;;;
-  --card: #152840;;;;
+  --card: #1d0d0d;;;;
-  --foreground: #e6f0ff;;;;
+  --foreground: #ffe6e6;;;;
-  --primary-cta: #cee7ff;;;;
+  --primary-cta: #ff3d4a;;;;
-  --secondary-cta: #0e1a29;;;;
+  --secondary-cta: #1f0a0a;;;;
-  --accent: #3f5c79;;;;
+  --accent: #7b2d2d;;;;
-  --background-accent: #004a93;;;; */
+  --background-accent: #b8111f;;;; */
 
-  --background: #010912;;;;
+  --background: #060000;;;;
-  --card: #152840;;;;
+  --card: #1d0d0d;;;;
-  --foreground: #e6f0ff;;;;
+  --foreground: #ffe6e6;;;;
-  --primary-cta: #cee7ff;;;;
+  --primary-cta: #ff3d4a;;;;
-  --secondary-cta: #0e1a29;;;;
+  --secondary-cta: #1f0a0a;;;;
-  --accent: #3f5c79;;;;
+  --accent: #7b2d2d;;;;
-  --background-accent: #004a93;;;;
+  --background-accent: #b8111f;;;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);