Update src/app/page.tsx

Merge version_2 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

@@ -4,12 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
-import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
 import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
 import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import Link from "next/link";
 
 export default function HomePage() {
   const navItems = [
@@ -82,6 +80,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 +104,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 +124,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 +150,9 @@ export default function HomePage() {
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
+          quoteClassName="text-foreground/85"
+          nameClassName="text-foreground"
+          roleClassName="text-foreground/70"
         />
       </div>
 
@@ -159,6 +166,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 +179,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>
   );
-}
+}