From 79e3e8c7a9db0d17b7063021fa004eb4a49f816b Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Wed, 21 May 2025 12:49:20 +0000
Subject: [PATCH] Refine class booking call to action and move section to the
 bottom

Relocates CTASection in HomePage, reduces title to subtitle, removes tagline, and restyles the "Book a Class" button in cta-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/4eae7f10-6f12-45c4-b831-03124753f3e3.jpg
---
 client/src/components/home/cta-section.tsx | 22 ++++++----------------
 client/src/pages/home-page.tsx             |  2 +-
 2 files changed, 7 insertions(+), 17 deletions(-)

diff --git a/client/src/components/home/cta-section.tsx b/client/src/components/home/cta-section.tsx
index ed93bfa..814551d 100644
--- a/client/src/components/home/cta-section.tsx
+++ b/client/src/components/home/cta-section.tsx
@@ -2,28 +2,18 @@ import { Link } from "wouter";
 
 export function CTASection() {
   return (
-    <section className="py-20 text-white" style={{ backgroundColor: '#0c8991' }}>
+    <section className="py-16 text-white" style={{ backgroundColor: '#0c8991' }}>
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
-        <h2 className="text-3xl md:text-4xl font-playfair font-semibold mb-6">
+        <h3 className="text-2xl md:text-3xl font-playfair font-semibold mb-8">
           Ready to feel stronger, more connected, and at home in your body?
-        </h2>
+        </h3>
         
-        <p className="text-xl text-white text-opacity-90 font-raleway mb-10 max-w-3xl mx-auto">
-          Start with your breath. Start today.
-        </p>
-        
-        <div className="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-6">
+        <div className="flex justify-center">
           <Link
             href="/classes"
-            className="bg-white text-teal font-medium py-3 px-10 hover:bg-opacity-90 transition duration-300"
+            className="bg-white text-teal font-bold py-4 px-10 rounded-md shadow-md hover:bg-opacity-90 transition duration-300 text-lg"
           >
-            Join a Class
-          </Link>
-          <Link
-            href="/contact"
-            className="bg-transparent border border-white text-white font-medium py-3 px-10 hover:bg-white hover:text-teal transition duration-300"
-          >
-            Contact Fadia
+            Book a Class
           </Link>
         </div>
       </div>
diff --git a/client/src/pages/home-page.tsx b/client/src/pages/home-page.tsx
index b819780..780aad5 100644
--- a/client/src/pages/home-page.tsx
+++ b/client/src/pages/home-page.tsx
@@ -21,8 +21,8 @@ export default function HomePage() {
       <AboutSection />
       <TestimonialsSection />
       <CommunitySection />
-      <CTASection />
       <ContactSection />
+      <CTASection />
     </main>
   );
 }