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


export default function AboutHomeThree() {
  return (
    <section id="mtabout__onepage" className="mtabout__area mtabout__2 pt-45 pb-70  p-relative " data-bg-color="#0e1112" style={{backgroundColor: `#0e1112`}}>
      <div className="container">
        <div className="mt-section-wrapper">
          <div className="row">
            <div className="col-12">
              <div className="mt-section-content ml-110 mb-30">
                <h2 className="mt-section-title mtwhite mb-20">Classic Architecture, <br />
                  Modern Excellence</h2>
              </div>
            </div>
            <div className="col-lg-4">
              <div className="mt-section-content ml-110 mb-45">
                <h5 className="mt-section-subtitle mtwhite mb-20"><span></span>About Us</h5>
              </div>
            </div>
            <div className="col-lg-8">
              <div className="mt-section-content ml-90 mb-45">
                <p className="mtwhite">Every project we undertake is a testament to <br />
                  dedication precision and unwavering commitment <br />
                  to excellence. we specialize in blending timeless <br />
                  architectural principles</p>
              </div>
            </div>
          </div>
        </div>
        <div className="row">
          <div className="col-lg-4">
            <div className="mtabout__thumb-wrap mb-60 text-center text-lg-end">
              <div className="mtabout__thumb wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.2s">
                <img src="assets/img/about/thumb-3-1.jpg" alt="" />
              </div>
            </div>
          </div>
          <div className="col-lg-8">
            <div className="mtabout__wrapper">
              <div className="mtabout__thumb-wrap-left mb-55 d-flex align-items-center">
                <div className="mtabout__thumb-sm mr-24 wow img-custom-anim-top" data-wow-duration="1.5s"
                  data-wow-delay="0.3s">
                  <img src="assets/img/about/thumb-3-2.jpg" alt="" />
                </div>
                <div className="mtabout__thumb-sm wow img-custom-anim-top" data-wow-duration="1.5s"
                  data-wow-delay="0.4s">
                  <img src="assets/img/about/thumb-3-3.jpg" alt="" />
                </div>
              </div>
              <div className="mt-section-content ml-50">
                <p className="mtwhite mb-30">we specialize in blending timeless architectural principles with modern
                  <br />
                  functionality. With a passion for classic design, we create spaces that reflect <br />
                  heritage, elegance, and craftsmanship.
                </p>
                <div className="mtabout__btn-wrap">
                  <Link to="/about">
                    <span className="mt-btn">Let’s Talk</span>
                    <span className="mt-btn mt-btn-icon"><i className="fa-solid fa-arrow-right"></i></span>
                  </Link>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  )
}
