diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6a78124..4be78e5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -43,7 +43,9 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroOverlay
       title="Drive Smarter with Apex Tires"
+      titleClassName="text-white"
       description="Premium selection of high-performance tires for every road condition. Expert installation and precision alignment services to keep you safe."
+      descriptionClassName="text-white/90"
       buttons={[
         { text: "Shop Now", href: "#products" },
         { text: "Book Appointment", href: "#contact" },
@@ -178,4 +180,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file