From b11e42d24e6e94a42de7d8d1405cbf558f7f5f7e Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Fri, 13 Jun 2025 22:32:49 +0000
Subject: [PATCH] Improve visual appeal of classes section with updated color
 scheme

Updates the ClassesSection component to use a white background and rose-colored title text.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: e524de2d-167c-4bad-8c36-b012186a210b
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/b60d7c99-8303-475a-b813-05db8978bab2.jpg
---
 client/src/components/classes/classes-section.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/classes/classes-section.tsx b/client/src/components/classes/classes-section.tsx
index a05f4c8..790479b 100644
--- a/client/src/components/classes/classes-section.tsx
+++ b/client/src/components/classes/classes-section.tsx
@@ -11,10 +11,10 @@ export function ClassesSection() {
   });
   
   return (
-    <section className="py-20" style={{ backgroundColor: 'rgba(181, 80, 118, 0.1)' }}>
+    <section className="py-20 bg-white">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div className="text-center mb-16">
-          <h2 className="text-3xl md:text-4xl font-playfair font-semibold text-gray-800 mb-4">
+          <h2 className="text-3xl md:text-4xl font-playfair font-semibold text-rose mb-4">
             Available Classes
           </h2>
           <p className="max-w-3xl mx-auto text-gray-600">