jeffemmett
/
pwf-website-new
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
This commit is contained in:
JeffEmmett 2025-05-21 12:15:44 +00:00
parent 94836db94a
commit 51bec7f282
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/components/home/hero-section.tsx
View File

@ -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>