From e309c913098f1f84d68ba8684287949d66e6a4eb Mon Sep 17 00:00:00 2001
From: Mannu <manohar6839@gmail.com>
Date: Fri, 29 May 2026 10:36:45 +0530
Subject: [PATCH] fix(hero): replace pulse ring with hover-only lift + rose
 glow on CTA
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Remove continuous animate-cta-pulse ring — too distracting.
On hover: button lifts 0.5px, scales 1.03×, shadow grows with a
rose-200/60 tint. Fades back on mouse-out. Active state still
scales down to 0.95 for tactile press feel.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/(marketing)/page.tsx | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/app/(marketing)/page.tsx b/src/app/(marketing)/page.tsx
index e72dea6..d709fa0 100644
--- a/src/app/(marketing)/page.tsx
+++ b/src/app/(marketing)/page.tsx
@@ -45,17 +45,13 @@ function Hero() {
             one day look back on.
           </p>
 
-          {/* Pulse-ring wrapper — fades ring on hover */}
-          <div className="relative inline-flex group">
-            <span className="absolute inset-0 rounded-full bg-rose-300 animate-cta-pulse group-hover:opacity-0 transition-opacity duration-300 pointer-events-none" />
-            <Link
-              href="/login"
-              className="relative inline-flex items-center gap-2.5 bg-white hover:bg-rose-50 border border-gray-200 hover:border-rose-300 text-gray-700 font-semibold px-7 py-3.5 rounded-full text-base transition-all duration-200 shadow-md hover:shadow-lg active:scale-95"
-            >
-              <GoogleG />
-              Continue with Google
-            </Link>
-          </div>
+          <Link
+            href="/login"
+            className="inline-flex items-center gap-2.5 bg-white hover:bg-rose-50 border border-gray-200 hover:border-rose-300 text-gray-700 font-semibold px-7 py-3.5 rounded-full text-base transition-all duration-200 shadow-md hover:shadow-xl hover:shadow-rose-200/60 hover:-translate-y-0.5 hover:scale-[1.03] active:scale-95 active:translate-y-0"
+          >
+            <GoogleG />
+            Continue with Google
+          </Link>
 
           <p className="mt-4 text-xs text-gray-400">No credit card. No setup fee. Your data is yours.</p>
         </div>