Update src/app/services/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -83,6 +83,10 @@ export default function AboutPage() {
           animationType="slide-up"
           gridVariant="four-items-2x2-equal-grid"
           useInvertedBackground={false}
+          textBoxTitleClassName="text-foreground"
+          textBoxDescriptionClassName="text-foreground/80"
+          cardTitleClassName="text-foreground"
+          cardDescriptionClassName="text-foreground/75"
         />
       </div>
 
@@ -101,6 +105,9 @@ export default function AboutPage() {
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
+          quoteClassName="text-foreground/85"
+          nameClassName="text-foreground"
+          roleClassName="text-foreground/70"
         />
       </div>
 
@@ -114,6 +121,8 @@ export default function AboutPage() {
           termsText="We'll send you booking details and service information. Privacy guaranteed."
           background={{ variant: "rotated-rays-animated-grid" }}
           useInvertedBackground={false}
+          titleClassName="text-foreground"
+          descriptionClassName="text-foreground/80"
         />
       </div>
 
@@ -125,4 +134,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -74,6 +74,8 @@ export default function ContactPage() {
           termsText="We'll send you booking details, service options, and availability. Your privacy is important to us."
           background={{ variant: "rotated-rays-animated-grid" }}
           useInvertedBackground={false}
+          titleClassName="text-foreground"
+          descriptionClassName="text-foreground/80"
         />
       </div>
 
@@ -94,6 +96,10 @@ export default function ContactPage() {
           animationType="slide-up"
           gridVariant="three-columns-all-equal-width"
           useInvertedBackground={false}
+          textBoxTitleClassName="text-foreground"
+          textBoxDescriptionClassName="text-foreground/80"
+          cardTitleClassName="text-foreground"
+          cardDescriptionClassName="text-foreground/75"
         />
       </div>
 
@@ -112,6 +118,8 @@ export default function ContactPage() {
           animationType="slide-up"
           gridVariant="uniform-all-items-equal"
           useInvertedBackground={false}
+          valueClassName="text-foreground"
+          metricDescriptionClassName="text-foreground/75"
         />
       </div>
 
@@ -123,4 +131,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/gallery/page.tsx

@@ -83,6 +83,10 @@ export default function GalleryPage() {
           animationType="slide-up"
           gridVariant="four-items-2x2-equal-grid"
           useInvertedBackground={false}
+          textBoxTitleClassName="text-foreground"
+          textBoxDescriptionClassName="text-foreground/80"
+          cardTitleClassName="text-foreground"
+          cardDescriptionClassName="text-foreground/75"
         />
       </div>
 
@@ -101,6 +105,8 @@ export default function GalleryPage() {
           animationType="slide-up"
           gridVariant="uniform-all-items-equal"
           useInvertedBackground={false}
+          valueClassName="text-foreground"
+          metricDescriptionClassName="text-foreground/75"
         />
       </div>
 
@@ -114,6 +120,8 @@ export default function GalleryPage() {
           termsText="We'll send you booking details and service information. Privacy guaranteed."
           background={{ variant: "rotated-rays-animated-grid" }}
           useInvertedBackground={false}
+          titleClassName="text-foreground"
+          descriptionClassName="text-foreground/80"
         />
       </div>
 
@@ -125,4 +133,4 @@ export default function GalleryPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

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

src/app/page.tsx

@@ -82,6 +82,8 @@ export default function HomePage() {
             { text: "Book Now", href: "/contact" },
             { text: "Get a Quote", href: "/contact" },
           ]}
+          titleClassName="text-white"
+          descriptionClassName="text-white/90"
         />
       </div>
 
@@ -104,6 +106,8 @@ export default function HomePage() {
           animationType="slide-up"
           gridVariant="four-items-2x2-equal-grid"
           useInvertedBackground={false}
+          cardTitleClassName="text-foreground"
+          cardDescriptionClassName="text-foreground/80"
         />
       </div>
 
@@ -122,6 +126,8 @@ export default function HomePage() {
           animationType="slide-up"
           gridVariant="uniform-all-items-equal"
           useInvertedBackground={false}
+          valueClassName="text-foreground"
+          metricDescriptionClassName="text-foreground/75"
         />
       </div>
 
@@ -146,6 +152,9 @@ export default function HomePage() {
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
+          quoteClassName="text-foreground/85"
+          nameClassName="text-foreground"
+          roleClassName="text-foreground/70"
         />
       </div>
 
@@ -159,6 +168,8 @@ export default function HomePage() {
           termsText="We'll send you booking details and service information. Privacy guaranteed."
           background={{ variant: "rotated-rays-animated-grid" }}
           useInvertedBackground={false}
+          titleClassName="text-foreground"
+          descriptionClassName="text-foreground/80"
         />
       </div>
 
@@ -170,4 +181,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -93,6 +93,8 @@ export default function ServicesPage() {
           animationType="slide-up"
           gridVariant="three-columns-all-equal-width"
           useInvertedBackground={false}
+          textBoxTitleClassName="text-foreground"
+          textBoxDescriptionClassName="text-foreground/80"
         />
       </div>
 
@@ -126,6 +128,8 @@ export default function ServicesPage() {
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
+          textBoxTitleClassName="text-foreground"
+          textBoxDescriptionClassName="text-foreground/80"
         />
       </div>
 
@@ -139,6 +143,8 @@ export default function ServicesPage() {
           termsText="We'll send you booking details and service information. Privacy guaranteed."
           background={{ variant: "rotated-rays-animated-grid" }}
           useInvertedBackground={false}
+          titleClassName="text-foreground"
+          descriptionClassName="text-foreground/80"
         />
       </div>
 
@@ -150,4 +156,4 @@ export default function ServicesPage() {
       </div>
     </ThemeProvider>
   );
-}
+}