update:team pics

TEDx-SJEC · Oct 17, 2024 · 2d99779 · 2d99779
1 parent 5c1a44d
commit 2d99779
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 26 deletions.
diff --git a/src/components/common/Team-Section.tsx b/src/components/common/Team-Section.tsx
@@ -5,57 +5,58 @@ import TeamCard from "./TeamCard";
 const team = [
   {
     url: `${tedxsjecAssetsPrefix}/team/sharon.avif`,
-    title: "Licensee & Organizer",
-    id: 2,
+    title: "Organizer & Licensee",
+    id: 1,
     name: "Sharon Tyana Menezes",
   },
   {
-    url: `${tedxsjecAssetsPrefix}/team/sharon.avif`,
+    url: `${tedxsjecAssetsPrefix}/team/sasha.avif`,
     title: "Co-Organizer",
-    id: 3,
+    id: 2,
     name: "Sasha Sajith",
   },
   {
-    url: `${tedxsjecAssetsPrefix}/team/sharon.avif`,
+    url: `${tedxsjecAssetsPrefix}/team/hanniele.avif`,
+    title: "Technical Head",
+    id: 3,
+    name: "Hanniel Andrede",
+  },
+  {
+    url: `${tedxsjecAssetsPrefix}/team/vyasa.avif`,
     title: "Curation Head",
     id: 4,
     name: "Vyasa M Nayak",
   },
   {
-    url: `${tedxsjecAssetsPrefix}/team/sharon.avif`,
-    title: "Technical Head",
+    url: `${tedxsjecAssetsPrefix}/team/kaneeksha.avif`,
+    title: "Publicity & Promotions Head",
     id: 5,
-    name: "Hanniel Andrede",
+    name: "Kaneeksha Kiran",
   },
   {
-    url: `${tedxsjecAssetsPrefix}/team/sharon.avif`,
+    url: `${tedxsjecAssetsPrefix}/team/lawrence.avif`,
     title: "Design Head",
     id: 6,
     name: "Lawrence Robert D'Souza",
   },
+
   {
-    url: `${tedxsjecAssetsPrefix}/team/sharon.avif`,
-    title: "Content Manager",
-    id: 7,
-    name: "Kavya Suresh",
-  },
-  {
-    url: `${tedxsjecAssetsPrefix}/team/sharon.avif`,
-    title: "Social Media Head",
+    url: `${tedxsjecAssetsPrefix}/team/larsen.avif`,
+    title: "Creative Head",
     id: 8,
-    name: "Rahul Krishna Patel",
+    name: "Larsen Lionel Dsouza",
   },
   {
-    url: `${tedxsjecAssetsPrefix}/team/sharon.avif`,
-    title: "Marketing Manager",
+    url: `${tedxsjecAssetsPrefix}/team/ritesh.avif`,
+    title: "Creative Head",
     id: 9,
-    name: "Mayank Gupta",
+    name: "Ritesh",
   },
   {
-    url: `${tedxsjecAssetsPrefix}/team/sharon.avif`,
-    title: "Marketing Manager",
+    url: `${tedxsjecAssetsPrefix}/team/anupam.avif`,
+    title: "Logistics Head",
     id: 9,
-    name: "Mayank Gupta",
+    name: "Anupam B Shetty",
   },
 ];
 

diff --git a/src/components/common/TeamCard.tsx b/src/components/common/TeamCard.tsx
@@ -18,7 +18,7 @@ const TeamCard: React.FC<Props> = ({ members }) => {
         {members.map(({ name, title, url }) => (
           <div
             key={url}
-            className="relative rounded-2xl md:h-[350px] md:w-[350px] h-[250px] w-[250px] my-4 bg-cover text-center flex content-center items-end bg-center text-white saturate-0 hover:saturate-100 group transition-all ease-in-out duration-300 hover:bg-scale-105"
+            className="relative rounded-2xl md:h-[230px] md:w-[350px] h-[250px] w-[250px] my-4 bg-cover text-center flex content-center items-end bg-center bg-no-repeat text-white saturate-0 hover:saturate-100 group transition-all ease-in-out duration-500 hover:bg-scale-105"
             style={{ backgroundImage: `url(${url})`, backgroundSize: "100%" }}
             onMouseEnter={(e) =>
               (e.currentTarget.style.backgroundSize = "105%")
@@ -29,7 +29,7 @@ const TeamCard: React.FC<Props> = ({ members }) => {
           >
             <div className="absolute inset-0 bg-gradient-to-tl from-redTheme from-15% via-transparent opacity-0 group-hover:opacity-70 transition-opacity duration-300 rounded-2xl"></div>
 
-            <div className="relative w-full py-6">
+            <div className="relative w-full py-6 bg-gradient-to-t from-blackTheme group-hover:from rounded-2xl transition duration-500">
               <h1 className="md:text-2xl text-lg font-black">{name}</h1>
               <h2 className="font-bold">{title}</h2>
             </div>