Merge pull request #11 from BlueWaves-afk/main

updated teams

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,

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 && (

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",
+    name: "Ashwani Senapati",
-  //   title: "Web Lead",
+    title: "Web Lead",
-  //   handle: "ashwani",
+    handle: "ashwani",
-  //   avatarUrl: "/team/weblead.png",
+    avatarUrl: "/team/weblead.png",
-  //   linkedin: "https://www.linkedin.com/in/ashwani-senapati-ba294827a/",
+    linkedin: "https://www.linkedin.com/in/ashwani-senapati-ba294827a/",
-  //   gmail: "mailto:senapatiashwani47@gmail.com",
+    gmail: "mailto:senapatiashwani47@gmail.com",
-  //   zoom: 1.5,
+    zoom: 1.5,
-  //   disableAura: true,
+    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 */}