From 51bec7f2820b93db3922b15e9370e21e00ea75e9 Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Wed, 21 May 2025 12:15:44 +0000
Subject: [PATCH] Improve the visual appearance and prominence of the class
 booking button

Update styles for the "Book a Class" button in HeroSection to use font-bold and enhanced boxShadow/textShadow.

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/7c4a9486-dd48-4058-80be-f238da28cfe8.jpg
---
 client/src/components/home/hero-section.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/src/components/home/hero-section.tsx b/client/src/components/home/hero-section.tsx
index a35b078..bca4a1c 100644
--- a/client/src/components/home/hero-section.tsx
+++ b/client/src/components/home/hero-section.tsx
@@ -18,14 +18,14 @@ export function HeroSection() {
           
           <Link
             href="/classes"
-            className="inline-block bg-teal text-white font-medium py-3 px-10 rounded-full hover:bg-opacity-90 transition duration-300"
+            className="inline-block bg-teal text-white font-bold py-3 px-10 rounded-full hover:bg-opacity-90 transition duration-300"
             style={{ 
-              boxShadow: "0 4px 6px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.08)", 
-              textShadow: "0 1px 2px rgba(0, 0, 0, 0.1)",
-              transform: "translateY(-1px)"
+              boxShadow: "0 6px 10px rgba(0, 0, 0, 0.25), 0 3px 6px rgba(0, 0, 0, 0.12)", 
+              textShadow: "0 1px 3px rgba(0, 0, 0, 0.15)",
+              transform: "translateY(-2px)"
             }}
           >
-            Try a Free Class
+            Book a Class
           </Link>
         </div>
       </div>