From 3e407c6b11a7e9fb3f3bd747acdf544db2b42469 Mon Sep 17 00:00:00 2001
From: AmanDevelops <amanpal2072004@gmail.com>
Date: Wed, 20 May 2026 15:05:58 +0530
Subject: [PATCH] feat: add hover animations to developers section avatars

---
 src/ui/components/landing/Developers.astro | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/ui/components/landing/Developers.astro b/src/ui/components/landing/Developers.astro
index b1ebcc7a7..025cb7b0e 100644
--- a/src/ui/components/landing/Developers.astro
+++ b/src/ui/components/landing/Developers.astro
@@ -334,6 +334,8 @@ const shipping = fillMonthsGaps(shippingData);
 
     .colored {
         filter: grayscale(0) !important;
+        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
+        transform: translateY(-3px) scale(1.02);
     }
 
     .core_team_container {
@@ -362,6 +364,11 @@ const shipping = fillMonthsGaps(shippingData);
         border-radius: 50%;
         position: relative;
         margin-right: -12px;
+        transition:
+            filter 180ms ease,
+            transform 220ms cubic-bezier(0.2, 0.9, 0.2, 1);
+        will-change: transform, filter;
+        cursor: pointer;
     }
 
     .core_team_container span {
@@ -371,6 +378,11 @@ const shipping = fillMonthsGaps(shippingData);
         left: 50%;
         opacity: 0;
         transform: translateX(-50%);
+        transition:
+            opacity 160ms ease,
+            transform 180ms cubic-bezier(0.2, 0.9, 0.2, 1);
+        transform-origin: center bottom;
+        transform: translateX(-50%) translateY(6px);
         pointer-events: none;
         font-size: 14px;
         font-weight: 400;
@@ -388,6 +400,7 @@ const shipping = fillMonthsGaps(shippingData);
 
     .core_team_container div:hover {
         z-index: 20 !important;
+        transform: translateY(-6px) scale(1.06);
     }
 
     .core_team_container div:hover img {
@@ -396,6 +409,7 @@ const shipping = fillMonthsGaps(shippingData);
 
     .core_team_container div:hover span {
         opacity: 1;
+        transform: translateX(-50%) translateY(0);
     }
 
     html.dark .core_team_container img {