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



export default function BlogHomeTwo() {
  return (
    <section className="mtblog__area mtblog__2 pt-120 pb-90 p-relative fix" id="mtblog__onepage">
      <div className="container">
        <div className="row align-items-end mb-40">
          <div className="col-lg-7">
            <div className="mt-section-content mr-20">
              <h2 className="mt-section-title mt-upper">Design &
                Innovation Blog</h2>
            </div>
          </div>
          <div className="col-lg-5">
            <div className="mt-section-btn text-lg-end">
              <a href="blog.html">
                <span className="mt-btn">See All Blog</span>
                <span className="mt-btn mt-btn-icon rotate"><i className="fa-solid fa-arrow-right"></i></span>
              </a>
            </div>
          </div>
        </div>
        <div className="row">
          <div className="col-lg-4 col-md-6">
            <div className="mtblog__item mb-30">
              <div className="mtblog__thumb p-relative wow img-custom-anim-top" data-wow-duration="1.5s"
                data-wow-delay="0.1s">
                <Link to="/blog-details"><img src="assets/img/blog/blog-2-1.jpg" alt="" /></Link>
                <div className="mtblog__category">
                  <span><Link to="/blog-details">Architecture</Link></span>
                </div>
              </div>
              <div className="mtblog__content">
                <div className="mtblog__meta mb-25 d-flex align-items-center">
                  <div className="mtblog__meta-date p-relative mr-45 ">
                    <span><strong>23 </strong> August 2025 </span>
                  </div>
                  <span><a href="#"><img className="mr-6" src="assets/img/blog/author/author-2-1.jpg" alt="" />
                    Brooklyn Simmons</a></span>
                </div>
                <h3 className="mtblog__title mt-fs-28 mb-15"><Link to="/blog-details">From Blueprint to Journey
                  Through Design.</Link></h3>
              </div>
            </div>
          </div>
          <div className="col-lg-4 col-md-6">
            <div className="mtblog__item mb-30">
              <div className="mtblog__thumb p-relative 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-2-2.jpg" alt="" /></Link>
                <div className="mtblog__category">
                  <span><Link to="/blog-details">Crafting</Link></span>
                </div>
              </div>
              <div className="mtblog__content">
                <div className="mtblog__meta mb-25 d-flex align-items-center">
                  <div className="mtblog__meta-date p-relative mr-45 ">
                    <span><strong>23 </strong> August 2025 </span>
                  </div>
                  <span><a href="#"><img className="mr-6" src="assets/img/blog/author/author-2-2.jpg" alt="" />
                    Brooklyn Simmons</a></span>
                </div>
                <h3 className="mtblog__title mt-fs-28 mb-15"><Link to="/blog-details">Architecture Modern
                  Perspectives.</Link></h3>
              </div>
            </div>
          </div>
          <div className="col-lg-4 col-md-6">
            <div className="mtblog__item mb-30">
              <div className="mtblog__thumb p-relative wow img-custom-anim-top" data-wow-duration="1.5s"
                data-wow-delay="0.3s">
                <Link to="/blog-details"><img src="assets/img/blog/blog-2-3.jpg" alt="" /></Link>
                <div className="mtblog__category">
                  <span><Link to="/blog-details">Elevating</Link></span>
                </div>
              </div>
              <div className="mtblog__content">
                <div className="mtblog__meta mb-25 d-flex align-items-center">
                  <div className="mtblog__meta-date p-relative mr-45 ">
                    <span><strong>23 </strong> August 2025 </span>
                  </div>
                  <span><a href="#"><img className="mr-6" src="assets/img/blog/author/author-2-1.jpg" alt="" />
                    Brooklyn Simmons</a></span>
                </div>
                <h3 className="mtblog__title mt-fs-28 mb-15"><Link to="/blog-details">Elevating Spaces The Art &
                  Science of Architecture</Link></h3>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  )
}
