Update profile-card.tsx

Signed-off-by: Yash Pawar <[email protected]>

Author: yashppawar

components/team/profile-card.tsx

@@ -11,14 +11,14 @@ import { type TeamMember } from "./teamData";
 import { cn } from "@/lib/utils";
 
 interface socialLink {
-    icon: JSX.Element
-    url?: string
+  icon: JSX.Element
+  url?: string
 }
 
-export default function ProfileCard({ 
-  name, 
-  role, 
-  imageUrl, 
+export default function ProfileCard({
+  name,
+  role,
+  imageUrl,
   githubUrl,
   linkedinUrl,
   email,
@@ -33,10 +33,14 @@ export default function ProfileCard({
     { icon: <Instagram className="w-6 h-6 text-white" />, url: instagramUrl },
   ].filter(link => link.url)
 
+  // Special case for Dr. Vikas Kolekar
+  const isVikasKolekar = name.includes("Vikas Kolekar");
+  const vikasInfo = "Prof. Vikas K. Kolekar, Assistant Professor at VIT Pune, Cisco NetAcad Instructor, completed PhD (April 2025) from SPPU on \"Adaptive Data Management Middleware for Federated Cloud\" under Dr. Sachin Sakhare";
+
   return (
-    <Card 
+    <Card
       className="relative w-full max-w-[300px] rounded-2xl overflow-hidden group cursor-pointer shadow-lg"
-      onMouseEnter={() => setIsHovered(true && (socialLinks.length > 0))}
+      onMouseEnter={() => setIsHovered(true && (socialLinks.length > 0 || isVikasKolekar))}
       onMouseLeave={() => setIsHovered(false)}
     >
       {/* Profile Image */}
@@ -48,22 +52,29 @@ export default function ProfileCard({
           width={300}
           height={400}
         />
-        {/* Overlay with social icons */}
-        <div 
+
+        {/* Overlay with social icons OR Vikas's info */}
+        <div
           className={`absolute inset-0 bg-black/60 flex items-center justify-center gap-4 transition-opacity duration-300
-            ${(isHovered && (socialLinks.length > 0)) ? 'opacity-100' : 'opacity-0'}`}
+            ${isHovered ? 'opacity-100' : 'opacity-0'}`}
         >
-          {socialLinks.map((link, index) => (
-            link?.url ? (<Link 
-              key={index}
-              href={link.url}
-              target="_blank"
-              rel="noopener noreferrer"
-              className="p-2 rounded-full bg-white/10 hover:bg-white/20 transition-colors"
-            >
-              {link.icon}
-            </Link>) : <></>
-          ))}
+          {isVikasKolekar ? (
+            <div className="text-white p-4 text-sm text-left">
+              {vikasInfo}
+            </div>
+          ) : (
+            socialLinks.map((link, index) => (
+              link?.url ? (<Link
+                key={index}
+                href={link.url}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="p-2 rounded-full bg-white/10 hover:bg-white/20 transition-colors"
+              >
+                {link.icon}
+              </Link>) : <></>
+            ))
+          )}
         </div>
       </div>
 
@@ -79,14 +90,16 @@ export default function ProfileCard({
         </div>
       )}
 
-      {/* Plus Icon */}
-      {(socialLinks.length > 0) && <div className="absolute bottom-4 right-4">
-        <div className={`p-2 rounded-full bg-white transition-transform duration-300
-          ${isHovered ? 'rotate-45' : 'rotate-0'}`}
-        >
-          <Plus className="w-4 h-4 text-black" onClick={() => setIsHovered((isHov) => !isHov)} />
+      {/* Plus Icon - Only show if not Vikas's card or if he has social links */}
+      {(!isVikasKolekar || socialLinks.length > 0) && (
+        <div className="absolute bottom-4 right-4">
+          <div className={`p-2 rounded-full bg-white transition-transform duration-300
+            ${isHovered ? 'rotate-45' : 'rotate-0'}`}
+          >
+            <Plus className="w-4 h-4 text-black" onClick={() => setIsHovered((isHov) => !isHov)} />
+          </div>
         </div>
-      </div>}
+      )}
     </Card>
   )
 }