From 4054248cc03e348422a942df6a040b4d268d6e6f Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Sat, 10 May 2025 00:16:13 +0000
Subject: [PATCH] Use a consistent teal color scheme across the entire website

Updates button colors and background colors to use a unified teal palette.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: acaf01d7-65a7-4fc5-901d-853488e196e8
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/04651487-1b7a-48d4-baa0-8848ea5a34ef.jpg
---
 client/src/components/classes/class-card.tsx            | 9 ++-------
 client/src/components/community/community-section.tsx   | 2 +-
 client/src/components/newsletter/newsletter-section.tsx | 4 ++--
 3 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/client/src/components/classes/class-card.tsx b/client/src/components/classes/class-card.tsx
index d248a88..3bea44f 100644
--- a/client/src/components/classes/class-card.tsx
+++ b/client/src/components/classes/class-card.tsx
@@ -49,14 +49,9 @@ export function ClassCard({ classData, onBookClick }: ClassCardProps) {
     }
   };
   
-  // Determine button color based on class type
+  // All buttons use teal as the primary color
   const buttonColor = () => {
-    switch (classData.classType) {
-      case "group": return "bg-teal text-white";
-      case "small-group": return "bg-purple text-white";
-      case "private": return "bg-rose text-white";
-      default: return "bg-gray-500 text-white";
-    }
+    return "bg-teal text-white";
   };
   
   // Format class type for display
diff --git a/client/src/components/community/community-section.tsx b/client/src/components/community/community-section.tsx
index 89f94b8..fcc151e 100644
--- a/client/src/components/community/community-section.tsx
+++ b/client/src/components/community/community-section.tsx
@@ -108,7 +108,7 @@ export function CommunitySection() {
         
         <div className="text-center mt-12">
           <Link to="/auth">
-            <button className="px-8 py-3 bg-purple text-white font-medium rounded hover:bg-opacity-90 transition duration-300">
+            <button className="px-8 py-3 bg-teal text-white font-medium rounded hover:bg-opacity-90 transition duration-300">
               {user ? "Access Community Dashboard" : "Join Our Community"}
             </button>
           </Link>
diff --git a/client/src/components/newsletter/newsletter-section.tsx b/client/src/components/newsletter/newsletter-section.tsx
index 53e0541..381663a 100644
--- a/client/src/components/newsletter/newsletter-section.tsx
+++ b/client/src/components/newsletter/newsletter-section.tsx
@@ -58,7 +58,7 @@ export function NewsletterSection() {
   };
 
   return (
-    <section className="py-20 text-gray-800" style={{ backgroundColor: 'rgba(181, 80, 118, 0.1)' }}>
+    <section className="py-20 text-gray-800" style={{ backgroundColor: 'rgba(12, 137, 145, 0.1)' }}>
       <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 mb-4">
@@ -77,7 +77,7 @@ export function NewsletterSection() {
                 id="email"
                 type="email" 
                 placeholder="Your email address" 
-                className="px-4 py-3 bg-white border border-gray-300 placeholder-gray-500 text-gray-800 focus:outline-none focus:border-rose"
+                className="px-4 py-3 bg-white border border-gray-300 placeholder-gray-500 text-gray-800 focus:outline-none focus:border-teal"
                 value={email}
                 onChange={(e) => setEmail(e.target.value)}
                 required