feat: update executive team members and footer contact info

.husky/pre-commit

@@ -1 +1 @@
-yarn lint-staged
+npx lint-staged

src/components/Home/MeetTheTeam/MeetTheTeam.jsx

@@ -5,6 +5,13 @@ import { useEffect, useState } from 'react';
 import { ScrollTrigger } from 'gsap/ScrollTrigger';
 import Heading from '../../shared/Heading';
 
+import abhijeetBiswalImg from '../../../assets/team/abhijeet_biswal.jpg';
+import pManikantaImg from '../../../assets/team/p_manikanta.jpg';
+import aishwaryJhunjhunwalaImg from '../../../assets/team/aishwary_jhunjhunwala.jpg';
+import krishAgarwalImg from '../../../assets/team/krish_agarwal.jpg';
+import vaniMittalImg from '../../../assets/team/vani_mittal.jpg';
+import princeChoudharyImg from '../../../assets/team/prince_choudhary.jpg';
+
 const MeetTheTeam = () => {
   const [orientation, setOrientation] = useState(
     window.screen.orientation.type.split('-')[0]
@@ -17,45 +24,47 @@ const MeetTheTeam = () => {
   // eslint-disable-next-line no-unused-vars
   const [meetTheTeam, setMeetTheTeam] = useState(() => [
     {
-      name: 'Dhrutinandan Swain',
+      name: 'Abhijeet Biswal',
       post: 'President',
-      photo:
-        'https://res.cloudinary.com/doojbkvn6/image/upload/v1747995996/Picture_Window_rxolzh.png',
+      photo: abhijeetBiswalImg,
       rotateFrom: '0',
       rotateTo: 'rotate-[-4.07deg]',
     },
     {
-      name: 'Harsh Verma',
+      name: 'P Manikanta',
       post: 'Vice President',
-      photo:
-        'https://res.cloudinary.com/doojbkvn6/image/upload/v1747996090/Picture_Window_1_woz6ls.png',
+      photo: pManikantaImg,
       rotateFrom: '0',
       rotateTo: 'rotate-[2.17deg]',
     },
     {
-      name: 'Siddharth Mishra',
-      post: 'Technical Lead',
-      photo:
-        'https://res.cloudinary.com/doojbkvn6/image/upload/v1747996090/Picture_Window_2_smhw1k.png',
+      name: 'Aishwary Jhunjhunwala',
+      post: 'Secretary',
+      photo: aishwaryJhunjhunwalaImg,
       rotateFrom: '0',
-      rotateTo: 'rotate-[-1.5deg]',
+      rotateTo: 'rotate-[-2.5deg]',
     },
     {
-      name: 'Shriya Dalai',
-      post: 'Community Manager',
-      photo:
-        'https://res.cloudinary.com/doojbkvn6/image/upload/v1747996091/Picture_Window_3_-Picsart-AiImageEnhancer_obe20w.png',
+      name: 'Krish Agarwal',
+      post: 'Tech Lead',
+      photo: krishAgarwalImg,
       rotateFrom: '0',
-      rotateTo: 'rotate-[5.36deg]',
+      rotateTo: 'rotate-[3.8deg]',
     },
     {
-      name: 'Stitha Pragyan Jali',
+      name: 'Vani Mittal',
       post: 'Design Lead',
-      photo:
-        'https://res.cloudinary.com/doojbkvn6/image/upload/v1747996090/Picture_Window_4_jzttwk.png',
+      photo: vaniMittalImg,
       rotateFrom: '0',
       rotateTo: 'rotate-[-3.36deg]',
     },
+    {
+      name: 'Prince Choudhary',
+      post: 'Community Manager',
+      photo: princeChoudharyImg,
+      rotateFrom: '0',
+      rotateTo: 'rotate-[4.5deg]',
+    },
   ]);
   gsap.registerPlugin(useGSAP);
   gsap.registerPlugin(ScrollTrigger);
@@ -64,7 +73,7 @@ const MeetTheTeam = () => {
     trigger: '#meet-the-team',
     scroller: 'body',
     start: 'top top',
-    end: 'top -400%',
+    end: 'top -500%',
     scrub: 2,
   };
 
@@ -111,7 +120,13 @@ const MeetTheTeam = () => {
       })
       .from('#photo4', {
         y: orientation == 'portrait' ? '80dvh' : '100%',
-        rotate: -9.54,
+        rotate: -5.4,
+        duration: 2,
+        ease: 'power4.out',
+      })
+      .from('#photo5', {
+        y: orientation == 'portrait' ? '80dvh' : '100%',
+        rotate: 4.8,
         duration: 2,
         ease: 'power4.out',
       });
@@ -140,6 +155,11 @@ const MeetTheTeam = () => {
         opacity: 0.6,
         duration: 2,
         ease: 'power4.out',
+      })
+      .to('#photo4-film', {
+        opacity: 0.6,
+        duration: 2,
+        ease: 'power4.out',
       });
   });
 
@@ -176,6 +196,12 @@ const MeetTheTeam = () => {
         opacity: 0,
         duration: 2,
         ease: 'power4.out',
+      })
+      .from('#name-5', {
+        y: '100%',
+        opacity: 0,
+        duration: 2,
+        ease: 'power4.out',
       });
   });
 
@@ -206,6 +232,12 @@ const MeetTheTeam = () => {
         opacity: 0,
         duration: 2,
         ease: 'power4.out',
+      })
+      .to('#name-4', {
+        y: '-100%',
+        opacity: 0,
+        duration: 2,
+        ease: 'power4.out',
       });
   });
 
@@ -242,6 +274,12 @@ const MeetTheTeam = () => {
         opacity: 0,
         duration: 2,
         ease: 'power4.out',
+      })
+      .from('#post-5', {
+        y: '100%',
+        opacity: 0,
+        duration: 2,
+        ease: 'power4.out',
       });
   });
 
@@ -272,6 +310,12 @@ const MeetTheTeam = () => {
         opacity: 0,
         duration: 2,
         ease: 'power4.out',
+      })
+      .to('#post-4', {
+        y: '-100%',
+        opacity: 0,
+        duration: 2,
+        ease: 'power4.out',
       });
   });
 

src/components/Home/MeetTheTeam/Photo.jsx

@@ -14,8 +14,8 @@ const Photo = ({ src, rotate, z, id }) => {
         className="absolute h-full w-full top-0 left-0 shadow-black bg-black shadow-xl opacity-0"
         id={`${id}-film`}
       ></div>
-      <div className="aspect-square w-[90%] justify-center items-center flex">
-        <img src={src} className="h-full w-full" alt="" />
+      <div className="aspect-square w-[90%] justify-center items-center flex overflow-hidden">
+        <img src={src} className="h-full w-full object-cover" alt="" />
       </div>
       <div id="spacer" className="h-1/6"></div>
     </div>

src/components/shared/Footer/footer.jsx

@@ -1,4 +1,4 @@
-import { Instagram, Linkedin, Github, Twitter } from 'lucide-react';
+import { Instagram, Linkedin, Github, Twitter, Phone } from 'lucide-react';
 
 export default function Footer() {
   return (
@@ -28,10 +28,21 @@ export default function Footer() {
       </div>
 
       <div className="lg:hidden h-full flex flex-col justify-between">
-        <p className="text-[#989898] font-robotoMono">
-          Architected with ❤️ <br />{' '}
-          <span className="text-white font-bold text-xl">by OpenCode Team</span>
-        </p>
+        <div>
+          <p className="text-[#989898] font-robotoMono">
+            Architected with ❤️ <br />{' '}
+            <span className="text-white font-bold text-xl">
+              by OpenCode Team
+            </span>
+          </p>
+          <a
+            href="tel:+917205680081"
+            className="flex items-center gap-2 text-sm text-[#989898] font-robotoMono hover:text-[#A546FF] transition-colors mt-2"
+          >
+            <Phone className="h-4 w-4 text-[#A546FF]" />
+            <span>Abhijeet Biswal: +91 7205680081</span>
+          </a>
+        </div>
         <a
           href="/"
           className="w-full text-center font-montserrat font-extrabold text-6xl md:text-9xl block my-6"
@@ -114,12 +125,21 @@ export default function Footer() {
       </div>
 
       <div className="hidden lg:flex flex-col md:flex-row justify-between items-start md:items-center gap-4">
-        <p className="text-lg text-[#989898] font-robotoMono">
-          Architected with ❤️ <br />{' '}
-          <span className="text-white font-bold text-2xl">
-            by OpenCode Team
-          </span>
-        </p>
+        <div className="flex flex-col gap-1">
+          <p className="text-lg text-[#989898] font-robotoMono">
+            Architected with ❤️ <br />{' '}
+            <span className="text-white font-bold text-2xl">
+              by OpenCode Team
+            </span>
+          </p>
+          <a
+            href="tel:+917205680081"
+            className="flex items-center gap-2 text-sm text-[#989898] font-robotoMono hover:text-[#A546FF] transition-colors mt-1"
+          >
+            <Phone className="h-4 w-4 text-[#A546FF]" />
+            <span>Abhijeet Biswal: +91 7205680081</span>
+          </a>
+        </div>
         <div className="flex flex-col gap-4">
           <nav className="flex font-robotoMono text-[#989898] mb-0">
             <a