diff --git a/client/src/components/home/hero-section.tsx b/client/src/components/home/hero-section.tsx
index 35bdcd4..c7748e2 100644
--- a/client/src/components/home/hero-section.tsx
+++ b/client/src/components/home/hero-section.tsx
@@ -9,7 +9,7 @@ export function HeroSection() {
              backgroundImage: `url(${FadiaHeroImage})`,
              backgroundPosition: "center"
            }}>
-        <div className="absolute inset-0 bg-black bg-opacity-20"></div>
+        <div className="absolute inset-0 bg-rose bg-opacity-30"></div>
         
         <div className="relative text-center px-4 sm:px-6 lg:px-8 max-w-3xl mx-auto">
           <h1 className="text-5xl md:text-6xl font-playfair font-bold text-white leading-tight mb-8">