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


export default function HeroHomeFour() {
  return (
    <section className="mthero__area mthero__4 pt-190 pb-290 p-relative jarallax"
       style={{backgroundImage: `url(/assets/img/hero/hero-bg-4.png)`}}>
      <div className="container">
        <div className="row justify-content-end">
          <div className="col-lg-12">
            <div className="mthero__wrap p-relative">
              <div className="mb-30 ">
                <h1 className="mthero__title mb-0 wow img-custom-anim-left" data-wow-duration="1.5s"
                  data-wow-delay="0.1s">Modern {' '}
                  <span className="mthero__text-wrap p-relative mb-20">
                    <img src="assets/img/hero/hero-team-1.png" alt="" />
                    <span className="mthero__text">We Have 100K+ Customers World Wide</span>
                  </span>
                </h1>
                <h2 className="mthero__subtitle mt-upper wow img-custom-anim-right" data-wow-duration="1.5s"
                  data-wow-delay="0.4s">creative <span>Architecture</span> Design</h2>
              </div>
            </div>
          </div>
          <div className="col-lg-1"></div>
          <div className="col-lg-9">
            <div className="mthero__content-wrap d-flex align-items-center ml-90 mr-40">
              <div className="mthero__image mr-110 wow img-custom-anim-top" data-wow-duration="1.5s"
                data-wow-delay="0.3s">
                <img src="assets/img/hero/hero-sm-4.png" alt="" />
              </div>
              <div className="mthero__content">
                <p className="mb-28 wow img-custom-anim-right" data-wow-duration="1.5s" data-wow-delay="0.3s">
                  Classic architecture is a timeless blend of elegance,
                  symmetry, and proportion, rooted in the principles of
                  ancient Greek and Roman design.</p>
                <div className="mtteam__btn pl-6 wow img-custom-anim-top" data-wow-duration="1.5s"
                  data-wow-delay="0.4s">
                  <Link to="/about">
                    <span className="mt-btn-black mtwhite">Explore More</span>
                    <span className="mt-btn-black mt-btn-icon mtwhite"><i
                      className="fa-solid fa-arrow-right"></i></span>
                  </Link>
                </div>
              </div>
            </div>
          </div>
          <div className="col-lg-2"></div>
        </div>
      </div>

    </section>
  )
}
