Add sponsors data

src/components/Team.jsx

@@ -2,13 +2,14 @@ import { useState, useEffect } from "react";
 import teamMembers from "../config/teammate";
 import { ArrowLeft, ArrowRight } from "lucide-react";
 import { FaLinkedin, FaXTwitter } from "react-icons/fa6";
+import { useNavigate } from "react-router";
 
 const TeamSlider = () => {
   const [currentIndex, setCurrentIndex] = useState(0);
   const [visibleCount, setVisibleCount] = useState(1);
 
+  const navigate = useNavigate();
   const getVisibleCount = () => {
-    if (window.innerWidth < 640) return 1;
     if (window.innerWidth < 768) return 1;
     if (window.innerWidth < 1024) return 2;
     if (window.innerWidth < 1280) return 3;
@@ -32,22 +33,27 @@ const TeamSlider = () => {
 
   const nextSlide = () => {
     const maxIndex = Math.max(0, teamMembers.length - visibleCount);
-    setCurrentIndex((prev) => Math.min(prev + visibleCount, maxIndex));
+    setCurrentIndex((prev) => (prev >= maxIndex ? 0 : prev + visibleCount));
   };
 
   const prevSlide = () => {
-    setCurrentIndex((prev) => Math.max(prev - visibleCount, 0));
+    const maxIndex = Math.max(0, teamMembers.length - visibleCount);
+    setCurrentIndex((prev) => (prev <= 0 ? maxIndex : prev - visibleCount));
   };
 
   return (
     <section className="bg-[#00163A] text-white px-4 sm:px-6 py-16 relative overflow-hidden">
       <div className="max-w-7xl mx-auto">
         <div className="mb-10">
           <h2 className="text-3xl font-bold mb-2 ml-3">Our team</h2>
-          <p className="text-xl text-gray-300 ml-3">
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-          </p>
-          <button className="mt-4 border border-white text-white py-2 px-4 ml-3 rounded hover:bg-white hover:text-[#00163A] transition cursor-pointer">
+          <p className="text-xl text-gray-300 ml-3"></p>
+          <button
+            onClick={() => {
+              navigate("/Team");
+              window.scrollTo(0, 0);
+            }}
+            className="mt-4 border border-white text-white py-2 px-4 ml-3 rounded hover:bg-white hover:text-[#00163A] transition cursor-pointer"
+          >
             View all team members
           </button>
         </div>
@@ -76,20 +82,28 @@ const TeamSlider = () => {
                 transform: `translateX(-${currentIndex * (100 / visibleCount)}%)`,
               }}
             >
-              {teamMembers.map((member, index) => (
+              {Array.from(
+                new Map(teamMembers.map((m) => [m.name, m])).values(),
+              ).map((member, index) => (
                 <div
                   key={index}
-                  className="flex-shrink-0 px-2 box-border w-full sm:w-3/4 md:w-1/2 lg:w-1/3 xl:w-1/4"
+                  className="flex-shrink-0 px-2 box-border"
+                  style={{ width: `${100 / visibleCount}%` }}
                 >
                   <div className="bg-[#00163A] rounded-lg">
                     <img
                       src={member.img}
                       alt={member.name}
-                      className="w-full h-68 object-cover rounded-lg"
+                      className="w-full aspect-[5/6] object-top object-cover rounded-lg"
                     />
                     <div className="mt-3 px-2">
-                      <p className="font-semibold text-white">{member.name}</p>
-                      <p className="text-sm text-gray-300">{member.title}</p>
+                      <p className="font-semibold text-white mb-1 text-lg">
+                        {member.name}
+                      </p>
+                      <p className="text-base text-gray-300 mb-1">
+                        {member.title}
+                      </p>
+                      <p className="text-base text-gray-300">{member.team}</p>
                       <p className="text-sm text-gray-400 mt-2">
                         {member.description}
                       </p>

src/config/sponsors.js

@@ -1,46 +1,41 @@
 // sponsors.js
 const sponsors = [
   {
-    name: "Sponsor One",
-    image: "https://via.placeholder.com/200x100?text=Sponsor+1",
-    link: "https://sponsor1.com",
+    name: "NIT Rourkela Alumini ",
+    image:
+      "https://res.cloudinary.com/dm406z4pf/image/upload/v1754590523/Sponsor_5_jkviya.jpg",
+    link: "https://www.nitraa.org/",
   },
   {
-    name: "Sponsor Two",
-    image: "https://via.placeholder.com/200x100?text=Sponsor+2",
-    link: "https://sponsor2.com",
+    name: "NALCO",
+    image:
+      "https://res.cloudinary.com/dm406z4pf/image/upload/v1754590523/Sponsor_4_c44gxu.jpg",
+    link: "https://nalcoindia.com/",
   },
   {
-    name: "Sponsor Three",
-    image: "https://via.placeholder.com/200x100?text=Sponsor+3",
-    link: "https://sponsor3.com",
+    name: "SOLID WORKS",
+    image:
+      "https://res.cloudinary.com/dm406z4pf/image/upload/v1754590497/Sponsors_2_p8nglm.jpg",
+    link: "https://www.solidworks.com/",
   },
   {
-    name: "Sponsor Three",
-    image: "https://via.placeholder.com/200x100?text=Sponsor+3",
-    link: "https://sponsor3.com",
+    name: "PHOENIX ROBOTIC",
+    image:
+      "https://res.cloudinary.com/dm406z4pf/image/upload/v1754590497/Sponsors_n6wktj.jpg",
+    link: "https://www.phoenixrobotic.com/",
   },
   {
-    name: "Sponsor Three",
-    image: "https://via.placeholder.com/200x100?text=Sponsor+3",
-    link: "https://sponsor3.com",
+    name: "ANSYS",
+    image:
+      "https://res.cloudinary.com/dm406z4pf/image/upload/v1754590497/Sponsors_3_a2nmqj.jpg",
+    link: "https://www.ansys.com/",
   },
   {
-    name: "Sponsor Three",
-    image: "https://via.placeholder.com/200x100?text=Sponsor+3",
-    link: "https://sponsor3.com",
+    name: "SAIL",
+    image:
+      "https://res.cloudinary.com/dm406z4pf/image/upload/v1754590497/Sponsor_6_bqcx5l.jpg",
+    link: "https://www.sail.co.in/",
   },
-  {
-    name: "Sponsor Three",
-    image: "https://via.placeholder.com/200x100?text=Sponsor+3",
-    link: "https://sponsor3.com",
-  },
-  {
-    name: "Sponsor Three",
-    image: "https://via.placeholder.com/200x100?text=Sponsor+3",
-    link: "https://sponsor3.com",
-  },
-  // Add more sponsors freely
 ];
 
 export default sponsors;

src/config/teammate.js

@@ -1,94 +1,164 @@
-// config/team.js
-import Frame from "../assets/Frame 136.png";
-
 const teamMembers = [
   {
-    name: "Krish Agarwal1",
-    title: "Frontend Developer",
-    img: Frame,
-    description: "Eat good live long",
-
-    linkedin: "https://linkedin.com/in/krishagarwal",
+    name: "Soumya Mohanty",
+    title: "President",
+    team: "Executive Body",
+    img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754119368/Photo_from_Soumya_Mohanty_yv6fsd.jpg",
+    description: "",
+    linkedin: "https://www.linkedin.com/in/soumya-mohanty-me0409",
+    twitter: "https://x.com/home",
   },
   {
-    name: "Krish Agarwal2",
-    title: "Frontend Developer",
-    img: Frame,
-    description: "Eat good live long",
-
-    linkedin: "https://linkedin.com/in/krishagarwal",
+    name: "Pratyush Prateek Dash",
+    title: "Vice President",
+    img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754122254/pratyush__d0cpcx.jpg",
+    description: "",
+    team: "Executive Body",
+    linkedin: "https://www.linkedin.com/in/pratyush-prateek-dash-b8298128a/",
+    twitter: "https://x.com/home",
   },
   {
-    name: "Krish Agarwal3",
-    title: "Frontend Developer",
-    img: Frame,
-    description: "Eat good live long",
-
-    linkedin: "https://linkedin.com/in/krishagarwal",
+    name: "Sahil Singh",
+    title: "General Secretary",
+    img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754119373/sahil_ixmnve.jpg",
+    description: "",
+    team: "Executive Body",
+    linkedin: "https://linkedin.com/in/",
+    twitter: "https://x.com/home",
   },
   {
-    name: "Krish Agarwal4",
-    title: "Frontend Developer",
-    img: Frame,
-    description: "Eat good live long",
-
-    linkedin: "https://linkedin.com/in/krishagarwal",
+    name: "Gurudutta Sutar",
+    title: "Treasurer",
+    img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754119361/Gurudutta_taaaxv.jpg",
+    description: "",
+    team: "Executive Body",
+    linkedin: "https://linkedin.com/in/",
+    twitter: "https://x.com/home",
   },
   {
-    name: "Krish Agarwal5",
-    title: "Frontend Developer",
-    img: Frame,
-    description: "Eat good live long6",
-
-    linkedin: "https://linkedin.com/in/krishagarwal",
+    name: "Samidha Behera",
+    title: "Sponsorship Head",
+    img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754119375/samidha_kxwkkb.jpg",
+    description: "",
+    team: "Executive Body",
+    linkedin: "https://www.linkedin.com/in/samidha-behera-09297828a/",
+    twitter: "https://x.com/home",
   },
   {
-    name: "Krish Agarwal7",
-    title: "Frontend Developer",
-    img: Frame,
-    description: "Eat good live long",
-
-    linkedin: "https://linkedin.com/in/krishagarwal",
+    name: "Nikhil Kumar Dalai",
+    title: "PR Head",
+    img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754122159/nikhil_co92yf.jpg",
+    description: "",
+    team: "Executive Body",
+    linkedin: "https://www.linkedin.com/in/nikhil-dalai/",
+    twitter: "https://x.com/home",
   },
   {
-    name: "Krish Agarwal8",
-    title: "Frontend Developer",
-    img: Frame,
-    description: "Eat good live long",
-
-    linkedin: "https://linkedin.com/in/krishagarwal",
+    name: "Aaditya Sahu",
+    title: "Captain",
+    img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754117969/aaditya_kwvlki.jpg",
+    team: "Team Bluestreak",
+    description: "",
+    linkedin: "https://www.linkedin.com/in/aaditya-sahoo-9605a4279/",
+    twitter: "https://x.com/home",
   },
   {
-    name: "Krish Agarwal8",
-    title: "Frontend Developer",
-    img: Frame,
-    description: "Eat good live long",
-
-    linkedin: "https://linkedin.com/in/krishagarwal",
+    name: "Komal Hitesh",
+    title: "Vice Captain",
+    img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754122332/komal_aucker.jpg",
+    description: "",
+    team: "Team Bluestreak",
+    linkedin: "https://www.linkedin.com/in/komal-hitesh-gude-a1402830a/",
+    twitter: "https://x.com/home",
   },
   {
-    name: "Krish Agarwal8",
-    title: "Frontend Developer",
-    img: Frame,
-    description: "Eat good live long",
-
-    linkedin: "https://linkedin.com/in/krishagarwal",
+    name: "Somanchi Shanmukh",
+    title: "Chassis Lead",
+    img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754119380/shanmukh_abvqy1.jpg",
+    description: "",
+    team: "Team Bluestreak",
+    linkedin: "https://www.linkedin.com/in/shanmukhsomanchi/",
   },
   {
-    name: "Krish Agarwal8",
-    title: "Frontend Developer",
-    img: Frame,
-    description: "Eat good live long",
-
-    linkedin: "https://linkedin.com/in/krishagarwal",
+    name: "Aryan Dongare",
+    title: "Drivetrain Lead",
+    img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754119212/aryan_exaoug.jpg",
+    description: "",
+    team: "Team Bluestreak",
+    linkedin: "https://www.linkedin.com/in/aryan-dongare-82aa40325/",
+    twitter: "https://x.com/home",
   },
   {
-    name: "Krish Agarwal8",
-    title: "Frontend Developer",
-    img: Frame,
-    description: "Eat good live long",
-
-    linkedin: "https://linkedin.com/in/krishagarwal",
+    name: "Mayukh Thakuria",
+    title: "Aero Lead",
+    img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754119366/mayukh_m0mqw1.jpg",
+    description: "",
+    team: "Team Bluestreak",
+    linkedin: "https://www.linkedin.com/in/mayukh-thakuria-509ab8306/",
+    twitter: "https://x.com/home",
+  },
+  {
+    name: "Smruti Satabdi Prusty",
+    title: "Vehicle Dynamics Lead",
+    img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754119380/smruti_xxnpss.jpg",
+    description: "",
+    team: "Team Bluestreak",
+    linkedin: "https://www.linkedin.com/in/smruti-satabdi-prusty-a35a3a2a2/",
+    twitter: "https://x.com/home",
+  },
+  {
+    name: "Chittaranjan Behera",
+    title: "Captain",
+    img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754119322/Chittaranjan_pccfs6.jpg",
+    description: "",
+    team: "Team Blueprint",
+    linkedin: "https://www.linkedin.com/in/chittaranjan-behera-012b64292/",
+    twitter: "https://x.com/home",
+  },
+  {
+    name: "Dharitri",
+    title: "Aero Lead",
+    img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754119358/dharitri__sf7nbd.jpg",
+    description: "",
+    team: "Team Blueprint",
+    linkedin: "https://www.linkedin.com/in/dharitri-pradhan-a92b98269/",
+    twitter: "https://x.com/home",
+  },
+  {
+    name: "Nikhil Raj Kiran Sahoo",
+    title: "Vice Captain & Electonics Lead",
+    img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754122413/raju_lp7qbe.jpg",
+    description: "",
+    team: "Team Blueprint",
+    linkedin: "https://www.linkedin.com/in/nikhil-rajkiran-sahoo-515397277/",
+    twitter: "https://x.com/home",
+  },
+  {
+    name: "Soaham Tripathy",
+    title: "CAD Lead",
+    img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754119383/soaham__g318im.jpg",
+    description: "",
+    team: "Team Blueprint",
+    linkedin: "https://www.linkedin.com/in/soaham-tripathy-223582336/",
+    twitter: "https://x.com/home",
+  },
+  {
+    name: "Soaham Tripathy",
+    title: "Captain",
+    img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754119383/soaham__g318im.jpg",
+    description: "",
+    team: "Team Bluebird",
+    linkedin: "https://www.linkedin.com/in/soaham-tripathy-223582336/",
+    twitter: "https://x.com/home",
+  },
+  {
+    name: "Dev Soni",
+    title: "Code Lead",
+    img: "https://res.cloudinary.com/dm406z4pf/image/upload/v1754119356/dev_soni_zsexxk.jpg",
+    description: "",
+    team: "Team Bluebird",
+    linkedin: "https://www.linkedin.com/in/dev-soni-80020228a/",
+    twitter: "https://x.com/home",
   },
 ];