From d22dfd8e18a129569b027c8d64d88ffb5366e9f1 Mon Sep 17 00:00:00 2001
From: Tom Mathew <tommathew670@gmail.com>
Date: Mon, 3 Nov 2025 21:43:10 +0530
Subject: [PATCH] updated teams

---
 .../components/ProfileCard/ProfileCard.css    | 17 ++-----------
 .../components/ProfileCard/ProfileCard.jsx    | 10 +++++++-
 src/app/team/page.jsx                         | 25 +++++++++++--------
 3 files changed, 25 insertions(+), 27 deletions(-)

diff --git a/src/app/components/ProfileCard/ProfileCard.css b/src/app/components/ProfileCard/ProfileCard.css
index 4d1270b..a0403d7 100644
--- a/src/app/components/ProfileCard/ProfileCard.css
+++ b/src/app/components/ProfileCard/ProfileCard.css
@@ -54,11 +54,7 @@
   --card-opacity: 1;
 }
 
-.pc-card-wrapper:hover::before,
-.pc-card-wrapper.active::before {
-  filter: contrast(1) saturate(2) blur(40px) opacity(1);
-  transform: scale(0.9) translate3d(0, 0, 0.1px);
-}
+
 
 .pc-card {
   height: 80svh;
@@ -93,11 +89,7 @@
   overflow: hidden;
 }
 
-.pc-card:hover,
-.pc-card.active {
-  transition: none;
-  transform: translate3d(0, 0, 0.1px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));
-}
+
 
 .pc-card * {
   display: grid;
@@ -184,11 +176,6 @@
   opacity: 0;
 }
 
-.pc-card:hover .pc-shine,
-.pc-card.active .pc-shine {
-  filter: brightness(0.85) contrast(1.5) saturate(0.5);
-  animation: none;
-}
 
 .pc-card:hover .pc-shine::before,
 .pc-card.active .pc-shine::before,
diff --git a/src/app/components/ProfileCard/ProfileCard.jsx b/src/app/components/ProfileCard/ProfileCard.jsx
index e98b026..ac552f5 100644
--- a/src/app/components/ProfileCard/ProfileCard.jsx
+++ b/src/app/components/ProfileCard/ProfileCard.jsx
@@ -48,8 +48,12 @@ const ProfileCardComponent = ({
   contactText = "Contact",
   showUserInfo = true,
   onContactClick,
+  
   zoom = 1,
   disableAura = false, // keep tilt, but swap hover rainbow → static cyan glow
+
+  // ✅ ADDED: vertical offset (in px). Positive moves the image DOWN.
+  avatarOffsetY = 0,
 }) => {
   const wrapRef = useRef(null);
   const cardRef = useRef(null);
@@ -233,6 +237,9 @@ const ProfileCardComponent = ({
 
   const avatarTransform = `translateX(-50%) scale(${zoom || 1})`;
 
+  // ✅ ADDED: compose final transform with vertical offset (px)
+  const avatarTransformWithOffset = `${avatarTransform} translateY(${avatarOffsetY}px)`;
+
   return (
     <div
       ref={wrapRef}
@@ -252,7 +259,8 @@ const ProfileCardComponent = ({
               src={avatarUrl}
               alt={`${name || "User"} avatar`}
               loading="lazy"
-              style={{ transform: avatarTransform }}
+              /* ✅ CHANGED to use the new transform with offset */
+              style={{ transform: avatarTransformWithOffset }}
             />
 
             {showUserInfo && (
diff --git a/src/app/team/page.jsx b/src/app/team/page.jsx
index 4ff3881..6dd05e2 100644
--- a/src/app/team/page.jsx
+++ b/src/app/team/page.jsx
@@ -36,6 +36,7 @@ const members = [
     gmail: "mailto:rishikakalidas@gmail.com",
     zoom: 1,
     disableAura: true,
+    
   },
   {
     name: "Bibhu",
@@ -67,16 +68,17 @@ const members = [
     zoom: 1.5,
     disableAura: true,
   },
-  //  {
-  //   name: "Ashwani Senapati",
-  //   title: "Web Lead",
-  //   handle: "ashwani",
-  //   avatarUrl: "/team/weblead.png",
-  //   linkedin: "https://www.linkedin.com/in/ashwani-senapati-ba294827a/",
-  //   gmail: "mailto:senapatiashwani47@gmail.com",
-  //   zoom: 1.5,
-  //   disableAura: true,
-  // },
+  {
+    name: "Ashwani Senapati",
+    title: "Web Lead",
+    handle: "ashwani",
+    avatarUrl: "/team/weblead.png",
+    linkedin: "https://www.linkedin.com/in/ashwani-senapati-ba294827a/",
+    gmail: "mailto:senapatiashwani47@gmail.com",
+    zoom: 1.5,
+    disableAura: true,
+    avatarOffset: 100
+  },
 ];
 
 export default function TeamPage() {
@@ -133,7 +135,8 @@ export default function TeamPage() {
               showUserInfo={false}
               showBehindGradient={false}
               zoom={m.zoom}               // ✅ Apply per-member zoom
-              d//isableAura={m.disableAura} // ✅ Apply per-member aura toggle
+              //disableAura={m.disableAura} // ✅ Apply per-member aura toggle
+              avatarOffsetY={m.avatarOffset}
             />
 
             {/* Social Links */}