From 8b39010fecb58943604e232d148c47336d457262 Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Wed, 21 May 2025 06:37:19 +0000
Subject: [PATCH] Use purple color for the hero section background to align
 with design

Replaces Tailwind class with inline style to enforce purple background color on hero section.

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/60b7fca4-5208-4958-814d-cc0e94240f3a.jpg
---
 client/src/components/home/hero-section.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/home/hero-section.tsx b/client/src/components/home/hero-section.tsx
index 98332c2..2a14504 100644
--- a/client/src/components/home/hero-section.tsx
+++ b/client/src/components/home/hero-section.tsx
@@ -30,7 +30,7 @@ export function HeroSection() {
         </div>
       </div>
       
-      <div className="py-16 text-center bg-purple bg-opacity-10">
+      <div className="py-16 text-center" style={{ backgroundColor: "rgba(157, 94, 155, 0.1)" }}>
         <div className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
           <p className="text-2xl md:text-3xl font-normal text-gray-900">
             Join Fadia for online pilates classes to help you feel stronger and more connected