diff --git a/src/app/page.tsx b/src/app/page.tsx
index ec9f7a6..68ec0bc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -41,6 +41,7 @@ export default function LandingPage() {
         <div id="hero" data-section="hero">
           <HeroOverlay
             title="Step Into Jaipurs Most Premium Billiards Experience"
+            titleClassName="text-white/100"
             description="Worldclass tables, electric vibes, and delicious food under one roof. Whether youre here to win or unwind—this is your place."
             buttons={[{ text: "Book Your Table Now", href: "#contact" }]}
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVtte5YBxqZN6twsJDdJpSxlwE/a-high-end-luxury-billiards-lounge-in-a--1774586328743-ab96b7d5.png"