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



export default function AboutHomeFive() {
  return (
    <section id="mtabout__onepage" className="mtabout__area pb-70  p-relative black-bg-2">
      <div className="container">
        <div className="mt-section-content mb-40 ">
          <h2 className="mt-section-title mtwhite">We believe in creating <br />
            spaces that seamlessly blend <br />
            modern to interior design.</h2>
        </div>
        <div className="row align-items-center">
          <div className="col-lg-6">
            <div className="mtabout__thumb-wrap mb-30 mr-30 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-4-2.jpg" alt="" />
              </div>
            </div>
          </div>
          <div className="col-lg-6">
            <div className="mtabout__wrapper ml-10 mb-30">
              <div className="mt-section-content mb-30 ">

                <h3 className="mt-section-title mtwhite mt-fs-24 mb-20">Classic architecture is a timeless <br />
                  blend of elegance,</h3>
                <p className="mtwhite">that seamlessly blend modern aesthetics with functional <br />
                  elegance. Our approach to interior design driven innovation, <br />
                  attention detail, and a passion for transforming ideas into <br />
                  breathtaking realities. Whether it's a sophisticated home, a <br />
                  dynamic workspace, or a luxurious commercial setting, <br />
                  we craft environments that inspire.
                </p>
              </div>
              <div className="mtteam__btn">
                <Link to="/about">
                  <span className="mt-btn-black mtwhite">Know us 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>
    </section>
  )
}
