diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2de0e97..c83b0aa 100644
--- a/src/app/page.tsx
+++ b/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>
   );
-}
\ No newline at end of file
+}