Update src/app/page.tsx

src/app/globals.css

@@ -4,21 +4,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #faf8f5;;
-  --card: #f3ede5;;
-  --foreground: #3a3228;;
-  --primary-cta: #6b8e7e;;
+  /* --background: #f5ede5;;
+  --card: #efe7dd;;
+  --foreground: #4a3828;;
+  --primary-cta: #8b6f47;;
   --secondary-cta: #ffffff;;
-  --accent: #a89888;;
-  --background-accent: #d4c4b0;; */
+  --accent: #c4a882;;
+  --background-accent: #d9c9b5;; */
 
-  --background: #faf8f5;;
-  --card: #f3ede5;;
-  --foreground: #3a3228;;
-  --primary-cta: #6b8e7e;;
+  --background: #f5ede5;;
+  --card: #efe7dd;;
+  --foreground: #4a3828;;
+  --primary-cta: #8b6f47;;
   --secondary-cta: #ffffff;;
-  --accent: #a89888;;
-  --background-accent: #d4c4b0;;
+  --accent: #c4a882;;
+  --background-accent: #d9c9b5;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -71,6 +71,8 @@ export default function WellnessLoungePage() {
           ]}
           autoPlay={true}
           autoPlayInterval={4000}
+          containerClassName="w-full"
+          titleClassName="text-8xl md:text-9xl font-bold"
           ariaLabel="Wellness Lounge hero section with spa imagery carousel"
         />
       </div>