From b855d7dbb956af8c5efa2e3a5f9439ca675805d3 Mon Sep 17 00:00:00 2001
From: Arthur Belleville <arthur.belleville@datadoghq.com>
Date: Thu, 30 Oct 2025 21:44:16 +0100
Subject: [PATCH] Decrease animations in login/signup

---
 apps/main/src/pages/login.tsx  | 10 +++++-----
 apps/main/src/pages/signup.tsx | 10 +++++-----
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/apps/main/src/pages/login.tsx b/apps/main/src/pages/login.tsx
index dd3c36f..f4b667a 100644
--- a/apps/main/src/pages/login.tsx
+++ b/apps/main/src/pages/login.tsx
@@ -43,11 +43,11 @@ export function LoginPage() {
     const centerX = rect.width / 2;
     const centerY = rect.height / 2;
 
-    const rotateX = ((y - centerY) / centerY) * -5; // Max 5 degrees tilt
-    const rotateY = ((x - centerX) / centerX) * 5;
+    const rotateX = ((y - centerY) / centerY) * -1; // Max 1 degree tilt
+    const rotateY = ((x - centerX) / centerX) * 1;
 
     setTransform(
-      `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale3d(1.01, 1.01, 1.01)`
+      `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale3d(1.002, 1.002, 1.002)`
     );
     setIsHovered(true);
   };
@@ -112,8 +112,8 @@ export function LoginPage() {
           className={twMerge(
             "relative w-full h-full p-8 bg-card/80 backdrop-blur-md rounded-2xl border border-border z-10 transition-shadow duration-200",
             isHovered
-              ? "shadow-[0_20px_50px_rgba(0,0,0,0.3)] dark:shadow-[0_20px_50px_rgba(0,0,0,0.6)]"
-              : "shadow-2xl shadow-black/20 dark:shadow-black/40"
+              ? "shadow-[0_15px_35px_rgba(0,0,0,0.15)] dark:shadow-[0_15px_35px_rgba(0,0,0,0.3)]"
+              : "shadow-xl shadow-black/10 dark:shadow-black/25"
           )}
         >
           <div className="mb-6 flex items-center justify-between">
diff --git a/apps/main/src/pages/signup.tsx b/apps/main/src/pages/signup.tsx
index 3133561..063f87d 100644
--- a/apps/main/src/pages/signup.tsx
+++ b/apps/main/src/pages/signup.tsx
@@ -48,11 +48,11 @@ export function SignUpPage() {
     const centerX = rect.width / 2;
     const centerY = rect.height / 2;
 
-    const rotateX = ((y - centerY) / centerY) * -2; // Max 2 degrees tilt
-    const rotateY = ((x - centerX) / centerX) * 2;
+    const rotateX = ((y - centerY) / centerY) * -1; // Max 1 degree tilt
+    const rotateY = ((x - centerX) / centerX) * 1;
 
     setTransform(
-      `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale3d(1.005, 1.005, 1.005)`
+      `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale3d(1.002, 1.002, 1.002)`
     );
     setIsHovered(true);
   };
@@ -164,8 +164,8 @@ export function SignUpPage() {
           className={twMerge(
             "relative w-full h-full p-6 bg-card/80 backdrop-blur-md rounded-2xl border border-border z-10 transition-shadow duration-200",
             isHovered
-              ? "shadow-[0_20px_50px_rgba(0,0,0,0.3)] dark:shadow-[0_20px_50px_rgba(0,0,0,0.6)]"
-              : "shadow-2xl shadow-black/20 dark:shadow-black/40"
+              ? "shadow-[0_15px_35px_rgba(0,0,0,0.15)] dark:shadow-[0_15px_35px_rgba(0,0,0,0.3)]"
+              : "shadow-xl shadow-black/10 dark:shadow-black/25"
           )}
         >
           <div className="mb-4 flex items-center justify-between">