diff --git a/client/src/components/home/hero-section.tsx b/client/src/components/home/hero-section.tsx
index 9f5ccc7..65b4869 100644
--- a/client/src/components/home/hero-section.tsx
+++ b/client/src/components/home/hero-section.tsx
@@ -30,9 +30,9 @@ export function HeroSection() {
         </div>
       </div>
       
-      <div className="py-16 text-center bg-purple">
+      <div className="py-16 text-center bg-purple-light">
         <div className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
-          <p className="text-2xl md:text-3xl font-normal" style={{ color: "#ffffff" }}>
+          <p className="text-2xl md:text-3xl font-normal text-gray-800">
             Online pilates classes to help you feel stronger and more connected to your body and breath
           </p>
         </div>