From 01a3a1e3b9e09e7bc722a28b96bf65ed2a2f94a4 Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Mon, 19 May 2025 19:52:51 +0000
Subject: [PATCH] Improve the appearance of the main image and welcome section
 colors

Adjusts hero section overlay and welcome section background colors in hero-section.tsx.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 88cd88e4-2dbe-4df6-8c8a-7e38f13ef1ec
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/2d253dc6-563d-472d-a08f-189b9498fdd3.jpg
---
 client/src/components/home/hero-section.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/components/home/hero-section.tsx b/client/src/components/home/hero-section.tsx
index c7748e2..e1c51f4 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-rose bg-opacity-30"></div>
+        <div className="absolute inset-0 bg-black bg-opacity-20"></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">
@@ -30,12 +30,12 @@ export function HeroSection() {
         </div>
       </div>
       
-      <div className="py-16 text-center">
+      <div className="py-16 text-center bg-rose bg-opacity-10">
         <div className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
           <h2 className="text-3xl md:text-4xl font-playfair font-semibold text-gray-900 mb-4">
             Welcome to Pilates with Fadia
           </h2>
-          <p className="text-lg text-gray-600">
+          <p className="text-lg text-gray-700">
             where progress feels natural and consistency is effortless
           </p>
         </div>