diff --git a/.husky/pre-commit b/.husky/pre-commit index 1a1f1f0..d0a7784 100755 --- a/.husky/pre-commit +++ b/.husky/pre-commit @@ -1 +1 @@ -yarn lint-staged \ No newline at end of file +npx lint-staged \ No newline at end of file diff --git a/public/team/abhijeet_biswal.jpg b/public/team/abhijeet_biswal.jpg new file mode 100644 index 0000000..a3e5ecb Binary files /dev/null and b/public/team/abhijeet_biswal.jpg differ diff --git a/public/team/aishwary_jhunjhunwala.jpg b/public/team/aishwary_jhunjhunwala.jpg new file mode 100644 index 0000000..94ed13c Binary files /dev/null and b/public/team/aishwary_jhunjhunwala.jpg differ diff --git a/public/team/krish_agarwal.jpg b/public/team/krish_agarwal.jpg new file mode 100644 index 0000000..8feb08e Binary files /dev/null and b/public/team/krish_agarwal.jpg differ diff --git a/public/team/p_manikanta.jpg b/public/team/p_manikanta.jpg new file mode 100644 index 0000000..91006ca Binary files /dev/null and b/public/team/p_manikanta.jpg differ diff --git a/public/team/prince_choudhary.jpg b/public/team/prince_choudhary.jpg new file mode 100644 index 0000000..6c49a61 Binary files /dev/null and b/public/team/prince_choudhary.jpg differ diff --git a/public/team/vani_mittal.jpg b/public/team/vani_mittal.jpg new file mode 100644 index 0000000..a1e7e8f Binary files /dev/null and b/public/team/vani_mittal.jpg differ diff --git a/src/assets/team/abhijeet_biswal.jpg b/src/assets/team/abhijeet_biswal.jpg new file mode 100644 index 0000000..a3e5ecb Binary files /dev/null and b/src/assets/team/abhijeet_biswal.jpg differ diff --git a/src/assets/team/aishwary_jhunjhunwala.jpg b/src/assets/team/aishwary_jhunjhunwala.jpg new file mode 100644 index 0000000..94ed13c Binary files /dev/null and b/src/assets/team/aishwary_jhunjhunwala.jpg differ diff --git a/src/assets/team/krish_agarwal.jpg b/src/assets/team/krish_agarwal.jpg new file mode 100644 index 0000000..8feb08e Binary files /dev/null and b/src/assets/team/krish_agarwal.jpg differ diff --git a/src/assets/team/p_manikanta.jpg b/src/assets/team/p_manikanta.jpg new file mode 100644 index 0000000..91006ca Binary files /dev/null and b/src/assets/team/p_manikanta.jpg differ diff --git a/src/assets/team/prince_choudhary.jpg b/src/assets/team/prince_choudhary.jpg new file mode 100644 index 0000000..6c49a61 Binary files /dev/null and b/src/assets/team/prince_choudhary.jpg differ diff --git a/src/assets/team/vani_mittal.jpg b/src/assets/team/vani_mittal.jpg new file mode 100644 index 0000000..a1e7e8f Binary files /dev/null and b/src/assets/team/vani_mittal.jpg differ diff --git a/src/components/Home/MeetTheTeam/MeetTheTeam.jsx b/src/components/Home/MeetTheTeam/MeetTheTeam.jsx index 30f5edb..c39c1da 100644 --- a/src/components/Home/MeetTheTeam/MeetTheTeam.jsx +++ b/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', }); }); diff --git a/src/components/Home/MeetTheTeam/Photo.jsx b/src/components/Home/MeetTheTeam/Photo.jsx index 832fef0..30b5ce4 100644 --- a/src/components/Home/MeetTheTeam/Photo.jsx +++ b/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`} > -
- Architected with ❤️
{' '}
- by OpenCode Team
-
+ Architected with ❤️
{' '}
+
+ by OpenCode Team
+
+
- Architected with ❤️
{' '}
-
- by OpenCode Team
-
-
+ Architected with ❤️
{' '}
+
+ by OpenCode Team
+
+