diff --git a/src/components/Team.jsx b/src/components/Team.jsx index 4536ec2..2a55318 100644 --- a/src/components/Team.jsx +++ b/src/components/Team.jsx @@ -7,6 +7,7 @@ import { useNavigate } from "react-router"; const TeamSlider = () => { const [currentSlideIndex, setCurrentSlideIndex] = useState(0); const [cardsPerView, setCardsPerView] = useState(1); + const [activeTeam, setActiveTeam] = useState("All"); const navigate = useNavigate(); useEffect(() => { @@ -34,7 +35,20 @@ const TeamSlider = () => { new Map(teamMembers.map((member) => [member.name, member])).values(), ); - const maxSlideIndex = Math.max(0, uniqueTeamMembers.length - cardsPerView); + const teams = [ + "All", + "Executive Body", + "Team Bluebird", + "Team Bluestreak", + "Team Blueprint", + ]; + + const filteredTeamMembers = + activeTeam === "All" + ? uniqueTeamMembers + : uniqueTeamMembers.filter((member) => member.team === activeTeam); + + const maxSlideIndex = Math.max(0, filteredTeamMembers.length - cardsPerView); const showNextMembers = () => { setCurrentSlideIndex((currentIndex) => { @@ -68,13 +82,31 @@ const TeamSlider = () => {
-

Our team

-

+

Our team

+

Meet Our Amazing Team Members

+ + {/* Team Filter Buttons */} +
+ {teams.map((team) => ( + + ))} +
+ @@ -96,7 +128,7 @@ const TeamSlider = () => { transform: `translateX(-${currentSlideIndex * (100 / cardsPerView)}%)`, }} > - {uniqueTeamMembers.map((teamMember, memberIndex) => ( + {filteredTeamMembers.map((teamMember, memberIndex) => (
{
-

Join Us Today!

-

+

+ Join Us Today! +

+

Ready to be part of our amazing team? We're always looking for talented individuals who share our passion.

-
diff --git a/src/config/teammate.js b/src/config/teammate.js index c2122ca..b664651 100644 --- a/src/config/teammate.js +++ b/src/config/teammate.js @@ -48,7 +48,7 @@ const teamMembers = [ linkedin: "https://www.linkedin.com/in/nikhil-dalai/", }, { - name: "Aaditya Sahu", + name: "Aaditya Sahoo", title: "Captain", img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754117969/aaditya_kwvlki.jpg", team: "Team Bluestreak", diff --git a/src/pages/team/TeamPage.jsx b/src/pages/team/TeamPage.jsx index ad2f79a..0e80b4b 100644 --- a/src/pages/team/TeamPage.jsx +++ b/src/pages/team/TeamPage.jsx @@ -44,6 +44,15 @@ const TeamPage = () => {
+ {activeTeam === "Executive Body" && ( +

+ The Executive Body is the core leadership team of the ASME Student + Section, responsible for planning, organizing, and executing all + technical, professional, and outreach activities. It ensures + coordination among members, represents the section, and drives + initiatives that promote engineering knowledge and collaboration. +

+ )} {activeTeam === "Team Bluestreak" && (

Bluestreak, a team within ASME at NIT Rourkela, is a dedicated team @@ -113,14 +122,6 @@ const TeamPage = () => { > - - -