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


export default function HeroHomeTwo() {
  return (
    <section className="mthero__area mthero__2 pt-190 pb-255 black-bg-2 fix p-relative">
      <div className="container">
        <div className="mthero__trans">
          <h3 className="mthero__trans-title wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.4s">
            Modern Construction</h3>
        </div>
        <div className="row">
          <div className="col-xl-5">
            <div className="mthero__wrapper">
              <div className="mthero__section-title mb-100">
                <h2 className="mthero__title wow img-custom-anim-left" data-wow-duration="1.5s"
                  data-wow-delay="0.2s">Classic architecture <br />
                  is a timeless blend of
                  elegance,</h2>
              </div>
              <div className="mthero__content-wrap">
                <div className="mthero__content d-flex align-items-center wow img-custom-anim-right"
                  data-wow-duration="1.5s" data-wow-delay="0.4s">
                  <Link to="/about" className="mr-40">
                    <span><svg xmlns="http://www.w3.org/2000/svg" width="95" height="16" viewBox="0 0 95 16"
                      fill="none">
                      <path opacity="0.2"
                        d="M80.6365 0C84.307 3.20345 90.228 6.22847 95 8.00089C90.228 9.77213 84.307 12.796 80.6371 16L83.2028 8.89954L0.902048 8.89954C0.403861 8.89954 0 8.49787 0 8.00238C0 7.50689 0.403861 7.10522 0.902048 7.10522H83.2039L80.6365 0Z"
                        fill="white" />
                    </svg></span>
                  </Link>
                  <div className="mthero__text ">
                    <img className="mb-18" src="assets/img/hero/hero-team-1.png" alt="" />
                    <h4>We Have 100K+ <br /> Customers World Wide</h4>
                  </div>


                </div>
              </div>
            </div>
          </div>
          <div className="col-xl-7">
            <div className="mthero__wrapper p-relative text-end">
              <div className="mthero__thumb wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.4s">
                <img src="assets/img/hero/hero-thumb-1.png" alt="" />
              </div>
            </div>
          </div>
        </div>
        <div className="mthero__scroll">
          <div className="mthero__scroll-icon p-relative">
            <a href="#mtabout__onepage"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="20"
              viewBox="0 0 12 20" fill="none">
              <path
                d="M12 8.99275C9.65463 11.683 7.4399 16.0228 6.14223 19.5204C4.84544 16.0228 2.63158 11.683 0.285775 8.99319L5.4698 10.8684L5.46943 0.671836C5.46965 0.493612 5.54063 0.322769 5.66675 0.196845C5.76079 0.102841 5.8806 0.0388305 6.01101 0.0129051C6.14143 -0.0130202 6.27661 0.000300887 6.39946 0.0511907C6.5223 0.10208 6.6273 0.18825 6.70119 0.298806C6.77507 0.409362 6.81451 0.539343 6.81453 0.672313L6.81453 10.8685L12 8.99275Z"
                fill="#111111" />
            </svg></a>
          </div>
        </div>
      </div>
    </section>
  )
}
