added kaushal pic (#79)

* added kaushal pic * volunteer apps & donate button --------- Co-authored-by: Anjali Jay Jain <[email protected]>
HackDavis · Feb 26, 2025 · 9bf25d4 · 9bf25d4
1 parent e0710cb
commit 9bf25d4
Show file tree

Hide file tree

Showing 6 changed files with 46 additions and 38 deletions.
diff --git a/app/(pages)/(index-page)/_components/HeartButton/heartButton.module.scss b/app/(pages)/(index-page)/_components/HeartButton/heartButton.module.scss
@@ -5,7 +5,7 @@
     width: 100%;
     height: 100%;
 
-    transition: background 500ms ease, flex-direction 200ms ease-in-out;
+    transition: background 200ms linear, flex-direction 300ms linear;
     color: var(--text-light);
     border-radius: 100px;
 
@@ -24,7 +24,11 @@
         .heart_coin_animated {
             right: 0;
             left: unset;
-            animation: slide 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
+            animation: slide-right 500ms linear 0s 1 normal none;
+        }
+
+        h4 {
+            transition: all ease;
         }
     }
 
@@ -55,18 +59,12 @@
     }
 }
 
-@keyframes slide {
+@keyframes slide-right {
     0% {
         left: 0;
     }
-    25% {
-        left: 20%;
-    }
-    50% {
-        left: 40%;
-    }
     75% {
-        left: 60%;
+        left: 70%;
     }
     100% {
         right: 0;

diff --git a/app/(pages)/(index-page)/_components/hero/heroInfo.tsx b/app/(pages)/(index-page)/_components/hero/heroInfo.tsx
@@ -53,23 +53,23 @@ export default function HeroInfo() {
           <FormLink
             text="Judge"
             href="https://docs.google.com/forms/d/e/1FAIpQLSeEZpfB1aTUvXwJBnsxQq8r8V2ch1FJJ8J9pumz5EhrtsXMeQ/viewform"
-            // includeComma={true}
-            includeComma={false}
+            includeComma={true}
+            // includeComma={false}
           />
-          <span className="font-metropolis text-[18px] font-normal tracking-[0.48px] md:text-[20px]">
-            or{' '}
-          </span>
           <FormLink
             text="Mentor"
             href="https://form.typeform.com/to/uNuWRicb"
             // includeComma={true}
             includeComma={false}
           />
-          {/*           <FormLink
+          <span className="font-metropolis text-[18px] font-normal tracking-[0.48px] md:text-[20px]">
+            or{' '}
+          </span>
+          <FormLink
             text="Volunteer"
             href="https://form.typeform.com/to/sTYMFPMW"
             includeComma={false}
-          /> */}
+          />
         </div>
       </div>
     </div>

diff --git a/app/(pages)/about-us/_components/OurTeam/OurTeam.tsx b/app/(pages)/about-us/_components/OurTeam/OurTeam.tsx
@@ -5,7 +5,6 @@ import { useState, useEffect } from 'react';
 import useEmblaCarousel from 'embla-carousel-react';
 import { WheelGesturesPlugin } from 'embla-carousel-wheel-gestures';
 import teamMembersData from '../../_data/teamMembers.json';
-// import teamMembersData from '_data/teamMembers.json'; // Import team members JSON file
 
 type TeamMember = {
   id: string;

diff --git a/app/(pages)/about-us/_components/OurTeam/_components/ProfileCard.tsx b/app/(pages)/about-us/_components/OurTeam/_components/ProfileCard.tsx
@@ -19,34 +19,34 @@ const ProfileCard: React.FC<ProfileCardProps> = ({
 
   return (
     <div className={styles.profile_card}>
-      <div
-        className={styles.profile_card_image}
-        onMouseEnter={() => setIsHovered(true)}
-        onMouseLeave={() => setIsHovered(false)}
-      >
-        <Image
-          src={imageUrl}
-          alt={name}
-          layout="fill"
-          className={styles.profile_card_image_image}
-          placeholder="blur"
-          blurDataURL={imageUrl}
-          style={{ objectFit: 'cover', borderRadius: 11 }}
-        />
+      <a href={linkedinURL} target="_blank" rel="noopener noreferrer">
         <div
-          className={`${styles.profile_card_image_hover} ${
-            isHovered ? styles.visible : ''
-          }`}
+          className={styles.profile_card_image}
+          onMouseEnter={() => setIsHovered(true)}
+          onMouseLeave={() => setIsHovered(false)}
         >
-          <a href={linkedinURL} target="_blank" rel="noopener noreferrer">
+          <Image
+            src={imageUrl}
+            alt={name}
+            layout="fill"
+            className={styles.profile_card_image_image}
+            placeholder="blur"
+            blurDataURL={imageUrl}
+            style={{ objectFit: 'cover', borderRadius: 11 }}
+          />
+          <div
+            className={`${styles.profile_card_image_hover} ${
+              isHovered ? styles.visible : ''
+            }`}
+          >
             <FaLinkedin
               size={60}
               className={styles.profile_card_image_linkedIn_icon}
               color="white"
             />
-          </a>
+          </div>
         </div>
-      </div>
+      </a>
       <h3>{name}</h3>
       <p>{title}</p>
     </div>

diff --git a/app/(pages)/about-us/_data/teamMembers.json b/app/(pages)/about-us/_data/teamMembers.json
@@ -42,6 +42,17 @@
     "year": 2024,
     "linkedinURL": "https://www.linkedin.com/in/morgan-brady-b11bb4242"
   },
+  {
+    "_id": {
+      "$oid": "65b6e0a06a7eaf354ea8e4b3"
+    },
+    "name": "Kaushal Ramalingam",
+    "position": "Sponsorship Director",
+    "profile_image_url": "/images/team_members/sponsorship/Kaushal_Ramalingam.jpg",
+    "team_category": "Sponsorship",
+    "year": 2024,
+    "linkedinURL": "https://www.linkedin.com/in/kaushal-ramalingam/"
+  },
   {
     "_id": {
       "$oid": "65b6e0a06a7eaf354ea8e4b3"

diff --git a/public/images/team_members/sponsorship/Kaushal_Ramalingam.jpg b/public/images/team_members/sponsorship/Kaushal_Ramalingam.jpg