From 49c652be2eeddbfc79f095b05075e312f2b10cbd Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Fri, 13 Jun 2025 19:37:56 +0000
Subject: [PATCH] Update main call-to-action button color to align with brand's
 aesthetic

Modify HeroSection.tsx to change the button's background color from teal to rose using Tailwind CSS.

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/db6d6e43-7aaf-4830-b94c-9958d9dc4c66.jpg
---
 client/src/components/home/hero-section.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/home/hero-section.tsx b/client/src/components/home/hero-section.tsx
index 39a3384..9f5ccc7 100644
--- a/client/src/components/home/hero-section.tsx
+++ b/client/src/components/home/hero-section.tsx
@@ -18,7 +18,7 @@ export function HeroSection() {
           
           <Link
             href="/calendar"
-            className="inline-block bg-teal text-white font-bold py-6 px-20 rounded-full hover:bg-opacity-90 transition duration-300 text-xl"
+            className="inline-block bg-rose text-white font-bold py-6 px-20 rounded-full hover:bg-opacity-90 transition duration-300 text-xl"
             style={{ 
               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)",