import Link from "next/link";

const CommitteeMembers = () => {
  return (
    <div className="team-area-2 space">
      <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">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-3.png" alt="Team Member" />
              </div>
              <div className="team-card_content">
                <h4 className="team-card_title">
                  <Link href="#">Yoga<br /> Arumugam</Link>
                </h4>
                <span className="team-card_desig">Assistant Secretary</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="#">Piranavan
                    <br />Sivapathan
                  </Link>
                </h4>
                <span className="team-card_desig">Executive Committee Member</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="#">Balamurugan Balasubramanian</Link>
                </h4>
                <span className="team-card_desig">Executive Committee Member</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="#">Nagasubramaniam<br /> Kumarappan</Link>
                </h4>
                <span className="team-card_desig">Executive Committee Member</span>
                {/* <div className="team-social_wrap">
                      <div className="social-btn style2">
                        <Link href="https://linkedin.com/">
                          <i className="fab fa-linkedin-in" />
                        </Link>
                        <Link href="https://www.instagram.com/">
                          <i className="fab fa-instagram" />
                        </Link>
                        <Link href="https://facebook.com/">
                          <i className="fab fa-facebook-f" />
                        </Link>
                        <Link href="https://twitter.com/">
                          <i className="fab fa-twitter" />
                        </Link>
                      </div>
                    </div> */}
              </div>
            </div>
          </div>

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

export default CommitteeMembers;
