Update src/app/page.tsx

Merge version_12 into main

src/app/layout.tsx

@@ -1409,4 +1409,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -64,6 +64,9 @@ export default function FitCoachPage() {
           ]}
           autoplayDelay={4000}
           showDimOverlay={true}
+          logoClassName="!text-white"
+          descriptionClassName="!text-white"
+          buttonTextClassName="!text-white"
         />
       </div>
 
@@ -252,14 +255,14 @@ export default function FitCoachPage() {
         />
       </div>
 
-      <div id="contact" data-section="contact">
+      <div id="contact" data-section="contact" style={{ backgroundColor: "#ffffff" }}>
         <ContactSplit
           tag="Free Workout Plan"
           title="Get Your Free 7-Day Home Workout Plan"
           description="Download our complete beginner-friendly workout program with video demonstrations, nutrition tips, and progress tracking templates. Start your transformation today!"
           tagAnimation="slide-up"
-          background={{ variant: "sparkles-gradient" }}
+          background={{ variant: "plain" }}
-          useInvertedBackground={false}
+          useInvertedBackground={true}
           imageSrc="https://img.b2bpic.net/free-photo/equipments-gym_93675-129485.jpg"
           imageAlt="Modern gym facility"
           mediaAnimation="slide-up"
@@ -283,4 +286,4 @@ export default function FitCoachPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -2,21 +2,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f5f5f5;;
+  /* --background: #0a0a0a;;
-  --card: #ffffff;;
+  --card: #1a1a1a;;
-  --foreground: #1c1c1c;;
+  --foreground: #ffffffe6;;
-  --primary-cta: #159c49;;
+  --primary-cta: #ff8c42;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #1a1a1a;;
-  --accent: #159c49;;
+  --accent: #ff8c42;;
-  --background-accent: #a8e8ba;; */
+  --background-accent: #4d2600;; */
 
-  --background: #f5f5f5;;
+  --background: #0a0a0a;;
-  --card: #ffffff;;
+  --card: #1a1a1a;;
-  --foreground: #1c1c1c;;
+  --foreground: #ffffffe6;;
-  --primary-cta: #159c49;;
+  --primary-cta: #ff8c42;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #1a1a1a;;
-  --accent: #159c49;;
+  --accent: #ff8c42;;
-  --background-accent: #a8e8ba;;
+  --background-accent: #4d2600;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);