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

Emphasize 'Book a Class' button to encourage users to easily schedule classes 

Updates the 'Book a Class' button style in `header.tsx` to use white/teal color scheme.

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/6315b051-36fc-486a-b31c-79917de2a060.jpg
This commit is contained in:
JeffEmmett 2025-06-13 22:14:23 +00:00
parent d5ab0e8cd0
commit 29af083f3e
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
client/src/components/navigation/header.tsx
View File

@ -39,7 +39,11 @@ export default function Header() {
<Link
key={link.path}
href={link.path}
className={`transition-colors duration-200 font-raleway font-bold text-lg ${isActive(link.path)}`}
className={`transition-colors duration-200 font-raleway font-bold text-lg ${
link.name === "Book a Class"
? "bg-white text-teal px-4 py-2 rounded-full hover:bg-opacity-90"
: isActive(link.path)
}`}
>
{link.name}
</Link>
@ -63,7 +67,11 @@ export default function Header() {
<SheetClose asChild key={link.path}>
<Link
href={link.path}
className={`block px-3 py-2 text-base font-medium ${isActive(link.path)}`}
className={`block px-3 py-2 text-base font-medium ${
link.name === "Book a Class"
? "bg-teal text-white rounded-full text-center hover:bg-opacity-90"
: isActive(link.path)
}`}
>
{link.name}
</Link>