diff --git a/site/index.html b/site/index.html
index bab699d..ba428c0 100644
--- a/site/index.html
+++ b/site/index.html
@@ -61,12 +61,14 @@
     <!-- Hero -->
     <section class="relative min-h-[90vh] flex items-center justify-center bg-cover bg-center"
         style="background-image:url('/images/hero-bg.png')">
-        <div class="relative z-10 text-center text-white px-4 max-w-3xl">
-            <h1 class="text-4xl sm:text-5xl md:text-6xl font-bold leading-tight mb-6">Better Life</h1>
-            <p class="text-lg sm:text-xl md:text-2xl mb-8 text-white/90">Why settle for good when you can have it
+        <!-- White overlay for better text contrast -->
+        <div class="absolute inset-0 bg-white/60"></div>
+        <div class="relative z-10 text-center px-4 max-w-3xl">
+            <h1 class="text-4xl sm:text-5xl md:text-6xl font-bold leading-tight mb-6 text-gray-900">Better Life</h1>
+            <p class="text-lg sm:text-xl md:text-2xl mb-8 text-gray-700">Why settle for good when you can have it
                 better?</p>
             <a href="/contact.html"
-                class="inline-block bg-white text-brand-600 font-semibold px-8 py-3 rounded-lg hover:bg-brand-50 transition text-lg">Start
+                class="inline-block bg-brand-600 text-white font-semibold px-8 py-3 rounded-lg hover:bg-brand-700 transition text-lg">Start
                 Planning</a>
         </div>
     </section>