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

export default function PortfolioHomeFour() {
  return (
    <section id="mtproject__onepage" className="mt-portfolio-showcase pt-120 pb-50 black-bg-1 p-relative fix">
      <div className="container">
        <div className="mt-section-content mb-45 text-center">
          <h5 className="mt-section-subtitle "><span className="mtwhitebg"></span>Modern windows</h5>
          <h2 className="mt-section-title">Innovative Solutions <br />
            Timeless Designs</h2>
        </div>
        <div className="row  align-items-center">
          <div className="col-xl-3 col-lg-4 col-md-6 ">
            <div className="mt-portfolio-item mt-portfolio-item-2 p-relative mb-24 wow img-custom-anim-top"
              data-wow-duration="1.5s" data-wow-delay="0.1s">
              <div className="mt-portfolio-thumb p-relative text-center mb-20">
                <div className="mt-portfolio-btnview">
                  <Link to="/portfolio-details">
                    <span className="mt-btn mt-btn-icon rotate"><i className="fa-solid fa-arrow-right"></i></span>
                  </Link>
                </div>
                <img src="assets/img/project/project-4-1.jpg" alt="" />
              </div>
              <div className="mt-portfolio-content-2 text-center">
                <h4 className="mt-portfolio-title mb-10">
                  <Link to="/portfolio-details">Minimalist</Link>
                </h4>
              </div>
            </div>
          </div>
          <div className="col-xl-3 col-lg-4 col-md-6 ">
            <div className="mt-portfolio-item mt-portfolio-item-2 p-relative mb-24 wow img-custom-anim-top"
              data-wow-duration="1.5s" data-wow-delay="0.2s">
              <div className="mt-portfolio-thumb p-relative text-center mb-20">
                <div className="mt-portfolio-btnview">
                  <Link to="/portfolio-details">
                    <span className="mt-btn mt-btn-icon rotate"><i className="fa-solid fa-arrow-right"></i></span>
                  </Link>
                </div>
                <img src="assets/img/project/project-4-2.jpg" alt="" />
              </div>
              <div className="mt-portfolio-content-2 text-center">
                <h4 className="mt-portfolio-title mb-10">
                  <Link to="/portfolio-details">Luxury Space</Link>
                </h4>
              </div>
            </div>
          </div>
          <div className="col-xl-3 col-lg-4 col-md-6 ">
            <div className="mt-portfolio-item mt-portfolio-item-2 p-relative mb-24 wow img-custom-anim-top"
              data-wow-duration="1.5s" data-wow-delay="0.3s">
              <div className="mt-portfolio-thumb p-relative text-center mb-20">
                <div className="mt-portfolio-btnview">
                  <Link to="/portfolio-details">
                    <span className="mt-btn mt-btn-icon rotate"><i className="fa-solid fa-arrow-right"></i></span>
                  </Link>
                </div>
                <img src="assets/img/project/project-4-3.jpg" alt="" />
              </div>
              <div className="mt-portfolio-content-2 text-center">
                <h4 className="mt-portfolio-title mb-10">
                  <Link to="/portfolio-details">Rendering</Link>
                </h4>
              </div>
            </div>
          </div>
          <div className="col-xl-3 col-lg-4 col-md-6 ">
            <div className="mt-portfolio-item mt-portfolio-item-2 p-relative mb-24 wow img-custom-anim-top"
              data-wow-duration="1.5s" data-wow-delay="0.4s">
              <div className="mt-portfolio-thumb p-relative text-center mb-20">
                <div className="mt-portfolio-btnview">
                  <Link to="/portfolio-details">
                    <span className="mt-btn mt-btn-icon rotate"><i className="fa-solid fa-arrow-right"></i></span>
                  </Link>
                </div>
                <img src="assets/img/project/project-4-4.jpg" alt="" />
              </div>
              <div className="mt-portfolio-content-2 text-center">
                <h4 className="mt-portfolio-title mb-10">
                  <Link to="/portfolio-details">Automation</Link>
                </h4>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  )
}
