import Link from "next/link";

const ExecutiveMembers = () => {
  return (
    <div className="team-area-2 space bg-green">
      <div className="container">
        <div className="col-lg-12">
          <div className="title-area text-center">
            <span className="sub-title">Sri Murugan Temple Waterloo</span>
            <h2 className="sec-title">Executive Committee Members</h2>
            {/* <p className="sec-text mb-lg-5 mb-4">
                A car repair is a service provided to fix any issues or a
                damages with your vehicle. It a involves diagnosing the problem,
                repairing or replacing
              </p> */}
          </div>
        </div>
        <div className="row gx-30 gy-30">
          <div className="col-lg-4 col-md-6">
            <div className="team-card style3">
              <div className="team-card_img">
                <img src="/assets/img/team/team-1-1.png" alt="Team Member" />
              </div>
              <div className="team-card_content">
                <h4 className="team-card_title">
                  <Link href="#">Sivakumar <br />Somasundram</Link>
                </h4>
                <span className="team-card_desig">President</span>
              </div>
            </div>
          </div>

          <div className="col-lg-4 col-md-6">
            <div className="team-card style3">
              <div className="team-card_img">
                <img src="/assets/img/team/team-1-1.png" alt="Team Member" />
              </div>
              <div className="team-card_content">
                <h4 className="team-card_title">
                  <Link href="#">Sushma<br /> Rao</Link>
                </h4>
                <span className="team-card_desig">Secretary</span>
              </div>
            </div>
          </div>

          <div className="col-lg-4 col-md-6">
            <div className="team-card style3">
              <div className="team-card_img">
                <img src="/assets/img/team/team-1-3.png" alt="Team Member" />
              </div>
              <div className="team-card_content">
                <h4 className="team-card_title">
                  <Link href="#">Ken<br /> Shrishankar</Link>
                </h4>
                <span className="team-card_desig">Treasurer</span>
              </div>
            </div>
          </div>

          {/* <div className="col-lg-3 col-md-6">
                <div className="team-card style3">
                  <div className="team-card_img">
                    <img src="/assets/img/team/team-1-3.png" alt="Team Member" />
                  </div>
                  <div className="team-card_content">
                    <h4 className="team-card_title">
                      <Link href="#">Santhanakrishnan<br /> Ramraj</Link>
                    </h4>
                    <span className="team-card_desig">Vice President</span>
                    <div className="team-social_wrap">
                    </div>
                  </div>
                </div>
              </div> */}

        </div>
      </div>
    </div>
  );
};

export default ExecutiveMembers;
