import { Link } from "react-router-dom";


export default function TeamHomeOne() {
  return (
    <section className="mtteam__area pt-62 pb-100 p-palette" id="mtteam__onepage">
      <div className="container">
        <div className="row">
          <div className="col-lg-5">
            <div className="mtteam__section mb-30">
              <div className="mt-section-content mb-10">
                <h5 className="mt-section-subtitle mb-20"><cite></cite><i></i>Our Team</h5>
                <h2 className="mt-section-title">Meet Our <br />
                  Visionaries</h2>
                <p className="mb-20">Every project we undertake is a testament to <br />
                  dedication precision and unwavering commitment <br />
                  to excellence.</p>
              </div>
              <div className="mtteam__btn">
                <Link to="/about">
                  <span className="mt-btn-black">Get Started</span>
                  <span className="mt-btn-black mt-btn-icon"><i className="fa-solid fa-arrow-right"></i></span>
                </Link>
              </div>
            </div>
          </div>
          <div className="col-lg-7">
            <div className="mtteam__wrap">
              <div className="row">
                <div className="col-lg-6">
                  <div className="mtteam p-relative mb-24 wow img-custom-anim-top" data-wow-duration="1.5s"
                    data-wow-delay="0.2s">
                    <div className="mtteam__thumb text-center">
                      <div className="mtteam__social">
                        <a href="#"><i className="fa-brands fa-facebook-f"></i></a>
                        <a href="#"><i className="fa-brands fa-twitter"></i></a>
                        <a href="#"><i className="fa-brands fa-instagram"></i></a>
                        <a href="#"><i className="fa-brands fa-youtube"></i></a>
                      </div>
                      <img src="assets/img/team/team-1-1.jpg" alt="" />
                      <div className="mtteam__content mtteam__content-bg">
                        <span>Interior Design</span>
                        <h3 className="mtteam__title"><Link to="/team-details">Guy Hawkins</Link></h3>
                      </div>
                    </div>
                  </div>
                </div>
                <div className="col-lg-6">
                  <div className="mtteam p-relative mb-24 wow img-custom-anim-top" data-wow-duration="1.5s"
                    data-wow-delay="0.4s">
                    <div className="mtteam__thumb text-center">
                      <div className="mtteam__social">
                        <a href="#"><i className="fa-brands fa-facebook-f"></i></a>
                        <a href="#"><i className="fa-brands fa-twitter"></i></a>
                        <a href="#"><i className="fa-brands fa-instagram"></i></a>
                        <a href="#"><i className="fa-brands fa-youtube"></i></a>
                      </div>
                      <img src="assets/img/team/team-1-2.jpg" alt="" />
                      <div className="mtteam__content mtteam__content-bg">
                        <span>Interior Design</span>
                        <h3 className="mtteam__title"><Link to="/team-details">MR Jahnan</Link></h3>
                      </div>
                    </div>
                  </div>
                </div>
                <div className="col-lg-6">
                  <div className="mtteam p-relative mb-24 wow img-custom-anim-top" data-wow-duration="1.5s"
                    data-wow-delay="0.6s">
                    <div className="mtteam__thumb text-center">
                      <div className="mtteam__social">
                        <a href="#"><i className="fa-brands fa-facebook-f"></i></a>
                        <a href="#"><i className="fa-brands fa-twitter"></i></a>
                        <a href="#"><i className="fa-brands fa-instagram"></i></a>
                        <a href="#"><i className="fa-brands fa-youtube"></i></a>
                      </div>
                      <img src="assets/img/team/team-1-3.jpg" alt="" />
                      <div className="mtteam__content mtteam__content-bg">
                        <span>Interior Design</span>
                        <h3 className="mtteam__title"><Link to="/team-details">Mr Hawkins</Link></h3>
                      </div>
                    </div>
                  </div>
                </div>
                <div className="col-lg-6">
                  <div className="mtteam p-relative mb-24 wow img-custom-anim-top" data-wow-duration="1.5s"
                    data-wow-delay="0.8s">
                    <div className="mtteam__thumb text-center">
                      <div className="mtteam__social">
                        <a href="#"><i className="fa-brands fa-facebook-f"></i></a>
                        <a href="#"><i className="fa-brands fa-twitter"></i></a>
                        <a href="#"><i className="fa-brands fa-instagram"></i></a>
                        <a href="#"><i className="fa-brands fa-youtube"></i></a>
                      </div>
                      <img src="assets/img/team/team-1-4.jpg" alt="" />
                      <div className="mtteam__content mtteam__content-bg">
                        <span>Interior Design</span>
                        <h3 className="mtteam__title"><Link to="/team-details">Guy Houng</Link></h3>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  )
}
