<reponame>Parsyll/ParSyll<filename>react-frontend/src/components/homePage/Team.js<gh_stars>0import TeamCard from "./helper/TeamCard";
import dan_img from "../../assets/dan.jpg"
import abhi_img from "../../assets/abhi.jpg"
import kennth_img from "../../assets/kenneth.jpg"

const Team = () => {
    const team_data = [
        {
            name: "Dan Peerapatanapokin",
            email: "envkt@example.com",
            position: "Software Engineer",
            description: "I'm Dan",
            imgsrc: dan_img,
            socials: {github: "https://github.com/pongpatapee"},
        },
        {
            name: "Abhirakshak Raja",
            email: "dycjh@example.com",
            position: "Software Engineer",
            description: "I'm Abhi",
            imgsrc: abhi_img,
            socials: {github: "https://github.com/Abhirakshak"},
        },
        {
            name: "Kenneth Wong Hon Nam",
            email: "anpch@example.com",
            position: "Software Engineer",
            description: "I'm Kenneth",
            imgsrc: kennth_img, 
            socials: {github: "https://github.com/KennethWrong"},
        },
    ];

    return (
        <section className="text-gray-600 body-font">
            <div className="container px-5 py-24 mx-auto">
                <div className="flex flex-col text-center w-full mb-20">
                    <h1 className="text-2xl font-medium title-font mb-4 text-gray-900">
                        OUR TEAM
                    </h1>
                    <p className="lg:w-2/3 mx-auto leading-relaxed text-base">
                        This is our team!!! We are all seniors in ECE and will be graduating this semester.
                        This is our project for ECE49595: Open-Source Software Senior Design.
                    </p>
                </div>
                <div className="flex flex-wrap -m-4 justify-center">
                    {team_data.map((member, ind) => {
                        return (
                            <TeamCard
                                key={ind}
                                name={member.name}
                                position={member.position}
                                description={member.description}
                                image={member.imgsrc}
                                socials={member.socials}
                            />
                        );
                    })}
                </div>
            </div>
        </section>
    );
};

export default Team;
