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



export default function PortfolioArea() {
  return (
    <section className="mtproject__area pt-130 pb-100 p-relative fix">
      <div className="container">
        <div className="mt-section-content mb-50 text-center">
          <h2 className="mt-section-title">We elevate your brand’s <br />
            branding aspirations</h2>
        </div>
        <div className="row">
          <div className="col-xl-4 col-lg-6 col-md-6 mb-24 wow img-custom-anim-top" data-wow-duration="1.5s"
            data-wow-delay="0.2s">
            <div className="mtproject__wrapper p-relative">
              <div className="mtproject__thumb ">
                <Link to="/portfolio-details">
                  <img src="assets/img/project/project-1-1.jpg" alt="" />
                  <h3 className="mtproject__rotade">Crafting Iconic Spaces</h3>
                </Link>
                <div className="mtproject__content">
                  <span>Architecture</span>
                  <h3 className="mtproject__title"><Link to="/portfolio-details">Crafting Iconic Spaces</Link></h3>
                </div>
              </div>
            </div>
          </div>
          <div className="col-xl-4 col-lg-6 col-md-6 mb-24 wow img-custom-anim-top" data-wow-duration="1.5s"
            data-wow-delay="0.3s">
            <div className="mtproject__wrapper p-relative">
              <div className="mtproject__thumb ">
                <Link to="/portfolio-details">
                  <img src="assets/img/project/project-1-2.jpg" alt="" />
                  <h3 className="mtproject__rotade">Innovative Designs</h3>
                </Link>
                <div className="mtproject__content">
                  <span>Architecture</span>
                  <h3 className="mtproject__title"><Link to="/portfolio-details">Innovative Designs</Link></h3>
                </div>
              </div>
            </div>
          </div>
          <div className="col-xl-4 col-lg-6 col-md-6 mb-24 wow img-custom-anim-top" data-wow-duration="1.5s"
            data-wow-delay="0.4s">
            <div className="mtproject__wrapper p-relative">
              <div className="mtproject__thumb ">
                <Link to="/portfolio-details">
                  <img src="assets/img/project/project-1-3.jpg" alt="" />
                  <h3 className="mtproject__rotade">Architectural Excellence</h3>
                </Link>
                <div className="mtproject__content">
                  <span>Architecture</span>
                  <h3 className="mtproject__title"><Link to="/portfolio-details">Architectural Excellence</Link>
                  </h3>
                </div>
              </div>
            </div>
          </div>
          <div className="col-xl-4 col-lg-6 col-md-6 mb-24 wow img-custom-anim-top" data-wow-duration="1.5s"
            data-wow-delay="0.3s">
            <div className="mtproject__wrapper p-relative">
              <div className="mtproject__thumb ">
                <Link to="/portfolio-details">
                  <img src="assets/img/project/project-1-4.jpg" alt="" />
                  <h3 className="mtproject__rotade">Innovative Designs</h3>
                </Link>
                <div className="mtproject__content">
                  <span>Architecture</span>
                  <h3 className="mtproject__title"><Link to="/portfolio-details">Innovative Designs</Link></h3>
                </div>
              </div>
            </div>
          </div>
          <div className="col-xl-4 col-lg-6 col-md-6 mb-24 wow img-custom-anim-top" data-wow-duration="1.5s"
            data-wow-delay="0.5s">
            <div className="mtproject__wrapper p-relative">
              <div className="mtproject__thumb ">
                <Link to="/portfolio-details">
                  <img src="assets/img/project/project-1-5.jpg" alt="" />
                  <h3 className="mtproject__rotade">Innovative Designs</h3>
                </Link>
                <div className="mtproject__content">
                  <span>Architecture</span>
                  <h3 className="mtproject__title"><Link to="/portfolio-details">Innovative Designs</Link></h3>
                </div>
              </div>
            </div>
          </div>
          <div className="col-xl-4 col-lg-6 col-md-6 mb-24 wow img-custom-anim-top" data-wow-duration="1.5s"
            data-wow-delay="0.7s">
            <div className="mtproject__wrapper p-relative">
              <div className="mtproject__thumb ">
                <Link to="/portfolio-details">
                  <img src="assets/img/project/project-1-6.jpg" alt="" />
                  <h3 className="mtproject__rotade">Innovative Designs</h3>
                </Link>
                <div className="mtproject__content">
                  <span>Architecture</span>
                  <h3 className="mtproject__title"><Link to="/portfolio-details">Innovative Designs</Link></h3>
                </div>
              </div>
            </div>
          </div>
          <div className="col-xl-4 col-lg-6 col-md-6 mb-24 wow img-custom-anim-top" data-wow-duration="1.5s"
            data-wow-delay="0.4s">
            <div className="mtproject__wrapper p-relative">
              <div className="mtproject__thumb ">
                <Link to="/portfolio-details">
                  <img src="assets/img/project/project-1-7.jpg" alt="" />
                  <h3 className="mtproject__rotade">Innovative Designs</h3>
                </Link>
                <div className="mtproject__content">
                  <span>Architecture</span>
                  <h3 className="mtproject__title"><Link to="/portfolio-details">Innovative Designs</Link></h3>
                </div>
              </div>
            </div>
          </div>
          <div className="col-xl-4 col-lg-6 col-md-6 mb-24 wow img-custom-anim-top" data-wow-duration="1.5s"
            data-wow-delay="0.6s">
            <div className="mtproject__wrapper p-relative">
              <div className="mtproject__thumb ">
                <Link to="/portfolio-details">
                  <img src="assets/img/project/project-1-8.jpg" alt="" />
                  <h3 className="mtproject__rotade">Innovative Designs</h3>
                </Link>
                <div className="mtproject__content">
                  <span>Architecture</span>
                  <h3 className="mtproject__title"><Link to="/portfolio-details">Innovative Designs</Link></h3>
                </div>
              </div>
            </div>
          </div>
          <div className="col-xl-4 col-lg-6 col-md-6 mb-24 wow img-custom-anim-top" data-wow-duration="1.5s"
            data-wow-delay="0.8s">
            <div className="mtproject__wrapper p-relative">
              <div className="mtproject__thumb ">
                <Link to="/portfolio-details">
                  <img src="assets/img/project/project-1-9.jpg" alt="" />
                  <h3 className="mtproject__rotade">Innovative Designs</h3>
                </Link>
                <div className="mtproject__content">
                  <span>Architecture</span>
                  <h3 className="mtproject__title"><Link to="/portfolio-details">Innovative Designs</Link></h3>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  )
}
