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


export default function PortfolioTwoHomeFour() {
  return (
    <section className="mtshowcase__area pt-130 pb-105 p-relative fix">
      <div className="container">
        <div className="row">
          <div className="col-lg-6">
            <div className="mtshowcase__wrapper mr-10 mb-80">
              <div className="mt-section-content mb-30 ">
                <h5 className="mt-section-subtitle "><span className="mtwhitebg"></span>Latest portfolio</h5>
                <h2 className="mt-section-title ">Innovative designs
                  stunning results</h2>
              </div>
              <div className="mtteam__btn mb-30">
                <a href="portfolio.html">
                  <span className="mt-btn-black">view All Work</span>
                  <span className="mt-btn-black mt-btn-icon "><i className="fa-solid fa-arrow-right"></i></span>
                </a>
              </div>
            </div>
          </div>
          <div className="col-lg-6">
            <div className="mtshowcase__main-wrap">
              <div className="mt-portfolio-item mt-portfolio-item-3 p-relative mb-24">
                <div className="mt-portfolio-thumb w-img wow img-custom-anim-top" data-wow-duration="1.5s"
                  data-wow-delay="0.1s">
                  <img src="assets/img/project/project-5-2.jpg" alt="" />
                  <div className="mt-portfolio-content">
                    <span>Architects</span>
                    <span>construction</span>
                    <h4 className="mt-portfolio-title mt-15">
                      <Link to="/portfolio-details">Art-Integrated Interior Concepts</Link>
                    </h4>
                  </div>
                </div>
              </div>
              <div className="mt-portfolio-item mt-portfolio-item-3 p-relative mb-24">
                <div className="mt-portfolio-thumb w-img wow img-custom-anim-top" data-wow-duration="1.5s"
                  data-wow-delay="0.2s">
                  <img src="assets/img/project/project-5-1.jpg" alt="" />
                  <div className="mt-portfolio-content">
                    <span>Architects</span>
                    <span>construction</span>
                    <h4 className="mt-portfolio-title mt-15">
                      <Link to="/portfolio-details">Art-Integrated Interior Concepts</Link>
                    </h4>
                  </div>
                </div>
              </div>
              <div className="mt-portfolio-item mt-portfolio-item-3 p-relative mb-24">
                <div className="mt-portfolio-thumb w-img wow img-custom-anim-top" data-wow-duration="1.5s"
                  data-wow-delay="0.3s">
                  <img src="assets/img/project/project-5-3.jpg" alt="" />
                  <div className="mt-portfolio-content">
                    <span>Architects</span>
                    <span>construction</span>
                    <h4 className="mt-portfolio-title mt-15">
                      <Link to="/portfolio-details">Art-Integrated Interior Concepts</Link>
                    </h4>
                  </div>
                </div>
              </div>

            </div>
          </div>
        </div>
      </div>
    </section>
  )
}
