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



export default function TeamArea() {
  return (
    <section className="mtteam__details-area pt-130 pb-55 p-palette">
      <div className="container">
        <div className="mtteam__wrap">
          <div className="row">
            <div className="col-lg-3 col-md-6 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.1s">
              <div className="mtteam p-relative mb-24">
                <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-3 col-md-6 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.2s">
              <div className="mtteam p-relative mb-24">
                <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">Guy Hawkins</Link></h3>
                  </div>
                </div>
              </div>
            </div>
            <div className="col-lg-3 col-md-6 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.3s">
              <div className="mtteam p-relative mb-24">
                <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">Guy Hawkins</Link></h3>
                  </div>
                </div>
              </div>
            </div>
            <div className="col-lg-3 col-md-6 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.4s">
              <div className="mtteam p-relative mb-24">
                <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 Hawkins</Link></h3>
                  </div>
                </div>
              </div>
            </div>
            <div className="col-lg-3 col-md-6 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.5s">
              <div className="mtteam p-relative mb-24">
                <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-5.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-3 col-md-6 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.6s">
              <div className="mtteam p-relative mb-24">
                <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-6.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-3 col-md-6 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.7s">
              <div className="mtteam p-relative mb-24">
                <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-7.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-3 col-md-6 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.8s">
              <div className="mtteam p-relative mb-24">
                <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-8.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>
        </div>
      </div>
    </section>
  )
}
