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


export default function AboutHomeFour() {
  return (
    <>
      <section id="mtabout__onepage" className="mtabout__area mtabout__4 pt-60 pb-10  p-relative ">
        <div className="container">
          <div className="row">
            <div className="col-lg-6">
              <div className="mtabout__wrapper mb-30 mr-0">
                <div className="mt-section-content mb-38 ">
                  <h5 className="mt-section-subtitle "><span className="mtwhitebg"></span>Latest About Us</h5>
                  <h2 className="mt-section-title">Innovative solution <br />
                    timeles designs</h2>
                  <p>Every project we undertake is a testament to dedication precision and
                    unwavering commitment to excellence. we specialize.
                  </p>
                </div>
                <div className="mtabout__list-wrap">
                  <div className="mtabout__list">
                    <ul>
                      <li>Bespoke Interior Design</li>
                      <li>Modern Space Planning</li>
                      <li>Luxury & Contemporary Styling</li>
                      <li>Smart Home Integration</li>
                      <li>Furniture & Decor Curation</li>
                      <li>3D Visualization & Rendering</li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <div className="col-lg-6">
              <div className="mtabout__thumb-wrap mb-30 ml-10 text-lg-end wow img-custom-anim-top"
                data-wow-duration="1.5s" data-wow-delay="0.1s">
                <div className="mtabout__thumb">
                  <img src="assets/img/about/thumb-4-1.jpg" alt="" />
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section className="mtabout__area mtabout__5 pt-150 pb-45  p-relative black-bg-2">
        <div className="container">
          <div className="row align-items-center">
            <div className="col-lg-6">
              <div className="mtabout__thumb-wrap mb-30 mr-30 text-lg-end wow img-custom-anim-top"
                data-wow-duration="1.5s" data-wow-delay="0.2s">
                <div className="mtabout__thumb">
                  <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-50 ">
                  <h5 className="mt-section-subtitle mtwhite"><span></span>Latest About Us</h5>
                  <h2 className="mt-section-title mtwhite">Innovative solutions <br />
                    timeless designs</h2>
                  <p className="mtwhite">Every project we undertake is a testament to dedication precision and
                    unwavering commitment to excellence. we specialize.
                  </p>
                </div>
                <div className="mtteam__btn">
                  <Link to="/about">
                    <span className="mt-btn">Know us more</span>
                    <span className="mt-btn mt-btn-icon "><i className="fa-solid fa-arrow-right"></i></span>
                  </Link>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </>
  )
}
