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

export default function TeamHomeFour() {
  return (
    <section id="mtteam__onepage" className="mtteam__area  pt-50 pb-100 p-palette fix">
      <div className="container">
        <div className="row align-items-end mb-30">
          <div className="col-lg-8">
            <div className="mt-section-content mb-20">
              <h5 className="mt-section-subtitle mb-20"><span className="mtwhitebg"></span> Our Team</h5>
              <h2 className="mt-section-title ">The Experts Behind <br />
                the Design.</h2>
            </div>
          </div>
          <div className="col-lg-4">
            <div className="mtteam__btn-wrap text-lg-end mb-20">
              <a href="team.html">
                <span className="mt-btn mt-upper">Join Our Team</span>
                <span className="mt-btn mt-btn-icon rotate"><i className="fa-solid fa-arrow-right"></i></span>
              </a>
            </div>
          </div>
        </div>
        <div className="row">
          <div className="col-xl-3 col-lg-4 col-md-6">
            <div className="mtteam__wrap mb-30">
              <div className="mtteam mtteam__3 p-relative mb-24 wow mtFadeInUp" 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-4-1.jpg" alt="" />
                  <div className="mtteam__content mt-15">
                    <span className="mt-upper">Creative Director</span>
                    <h3 className="mtteam__title"><Link to="/team-details">James Edwards</Link></h3>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div className="col-xl-3 col-lg-4 col-md-6">
            <div className="mtteam__wrap mb-30">
              <div className="mtteam mtteam__3 p-relative mb-24 wow mtFadeInUp" 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-4-2.jpg" alt="" />
                  <div className="mtteam__content mt-15">
                    <span className="mt-upper">Decor Consultant</span>
                    <h3 className="mtteam__title"><Link to="/team-details">Victoria Collins</Link></h3>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div className="col-xl-3 col-lg-4 col-md-6">
            <div className="mtteam__wrap mb-30">
              <div className="mtteam mtteam__3 p-relative mb-24 wow mtFadeInUp" 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-4-4.jpg" alt="" />
                  <div className="mtteam__content mt-15">
                    <span className="mt-upper">Senior Architect</span>
                    <h3 className="mtteam__title"><Link to="/team-details">Madison Wright</Link></h3>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div className="col-xl-3 col-lg-4 col-md-6">
            <div className="mtteam__wrap mb-30">
              <div className="mtteam mtteam__3 p-relative mb-24 wow mtFadeInUp" 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-4-4.jpg" alt="" />
                  <div className="mtteam__content mt-15">
                    <span className="mt-upper">Chief Designer</span>
                    <h3 className="mtteam__title"><Link to="/team-details">Victoria Collins</Link></h3>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  )
}
