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

export default function BlogHomeFive() {
  return (
    <section id="mtblog__onepage" className="mtblog__area mtblog__5 black-bg-2 pt-120 pb-100 p-relative fix">
      <div className="container">
        <div className="row align-items-center mb-30">
          <div className="col-lg-7">
            <div className="mt-section-content mb-20 mr-20">
              <h2 className="mt-section-title mtwhite mb-20">Exploring <br />
                Timeless Designs.</h2>
              <h5 className="mt-section-subtitle mtwhite "><span></span>Our Blog</h5>
            </div>
          </div>
          <div className="col-lg-5">
            <div className="mt-section-content mb-20 ml-130">
              <p className="mtwhite">Every project we undertake is a testament to
                dedication precision and unwavering.</p>
            </div>
          </div>
        </div>
        <div className="mtblog__main-wrapper">
          <div className="row">
            <div className="col-lg-6">
              <div className="mtblog mtblog__5 mb-30">
                <div className="mtblog__item  d-flex align-items-center justify-content-between">
                  <div className="mtblog__thumb p-relative mr-20 wow img-custom-anim-top" data-wow-duration="1.5s"
                    data-wow-delay="0.2s">
                    <Link to="/blog-details"><img src="assets/img/blog/blog-5-1.jpg" alt="" /></Link>
                    <div className="mtblog__date">
                      <strong>23 </strong>
                      <span> August </span>
                    </div>
                  </div>
                  <div className="mtblog__content">
                    <div className="mtblog__meta mb-10">
                      <span><Link to="/blog-details">Architecture, </Link></span>
                      <span><a href="#">furniture</a></span>
                    </div>
                    <h3 className="mtblog__title mt-fs-28 mb-35"><Link to="/blog-details">From Blueprint to
                      Journey
                      Through Design.</Link></h3>
                    <div className="mtblog__btn">
                      <Link to="/blog-details"> Read More <i className="fa-solid fa-arrow-right"></i> </Link>
                    </div>

                  </div>
                </div>
              </div>
            </div>
            <div className="col-lg-6">
              <div className="mtblog mtblog__5 mb-30">
                <div className="mtblog__item  d-flex align-items-center justify-content-between">
                  <div className="mtblog__thumb p-relative mr-20 wow img-custom-anim-top" data-wow-duration="1.5s"
                    data-wow-delay="0.2s">
                    <Link to="/blog-details"><img src="assets/img/blog/blog-5-2.jpg" alt="" /></Link>
                    <div className="mtblog__date">
                      <strong>23 </strong>
                      <span> August </span>
                    </div>
                  </div>
                  <div className="mtblog__content">
                    <div className="mtblog__meta mb-10">
                      <span><a href="#">Architecture, </a></span>
                      <span><a href="#">furniture</a></span>
                    </div>
                    <h3 className="mtblog__title mt-fs-28 mb-35"><Link to="/blog-details">From Blueprint to
                      Journey
                      Through Design.</Link></h3>
                    <div className="mtblog__btn">
                      <Link to="/blog-details"> Read More <i className="fa-solid fa-arrow-right"></i> </Link>
                    </div>

                  </div>
                </div>
              </div>
            </div>
            <div className="col-lg-6">
              <div className="mtblog mtblog__5 mb-30">
                <div className="mtblog__item  d-flex align-items-center justify-content-between">
                  <div className="mtblog__thumb p-relative mr-20 wow img-custom-anim-top" data-wow-duration="1.5s"
                    data-wow-delay="0.2s">
                    <Link to="/blog-details"><img src="assets/img/blog/blog-5-3.jpg" alt="" /></Link>
                    <div className="mtblog__date">
                      <strong>23 </strong>
                      <span> August </span>
                    </div>
                  </div>
                  <div className="mtblog__content">
                    <div className="mtblog__meta mb-10">
                      <span><a href="#">Architecture, </a></span>
                      <span><a href="#">furniture</a></span>
                    </div>
                    <h3 className="mtblog__title mt-fs-28 mb-35"><Link to="/blog-details">From Blueprint to
                      Journey
                      Through Design.</Link></h3>
                    <div className="mtblog__btn">
                      <Link to="/blog-details"> Read More <i className="fa-solid fa-arrow-right"></i> </Link>
                    </div>

                  </div>
                </div>
              </div>
            </div>
            <div className="col-lg-6">
              <div className="mtblog mtblog__5 mb-30">
                <div className="mtblog__item  d-flex align-items-center justify-content-between">
                  <div className="mtblog__thumb p-relative mr-20 wow img-custom-anim-top" data-wow-duration="1.5s"
                    data-wow-delay="0.2s">
                    <Link to="/blog-details"><img src="assets/img/blog/blog-5-4.jpg" alt="" /></Link>
                    <div className="mtblog__date">
                      <strong>23 </strong>
                      <span> August </span>
                    </div>
                  </div>
                  <div className="mtblog__content">
                    <div className="mtblog__meta mb-10">
                      <span><a href="#">Architecture, </a></span>
                      <span><a href="#">furniture</a></span>
                    </div>
                    <h3 className="mtblog__title mt-fs-28 mb-35"><Link to="/blog-details">From Blueprint to
                      Journey
                      Through Design.</Link></h3>
                    <div className="mtblog__btn">
                      <Link to="/blog-details"> Read More <i className="fa-solid fa-arrow-right"></i> </Link>
                    </div>

                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  )
}
