Update src/app/contact/page.tsx

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>
   );
-}
+}