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


export default function BlogGridArea() {
  return (
    <section className="mtblog__area pt-130 pb-90 p-relative fix">
      <div className="container">
        <div className="mtblog p-relative">
          <div className="row">
            <div className="col-xl-4 col-lg-6 col-md-6 mb-30">
              <div className="mtblog__item">
                <div className="mtblog__thumb p-relative mb-24">
                  <Link to="/blog-details"><img src="assets/img/blog/blog-1-1.jpg" alt="" /></Link>
                  <div className="mtblog__category">
                    <span><a href="#">Architecture</a></span>
                  </div>
                </div>
                <div className="mtblog__content">
                  <div className="mtblog__meta mb-15">
                    <span><a href="#">February 25,2025</a></span>
                    <cite></cite>
                    <span><a href="#">Leslie Alexander</a></span>
                  </div>
                  <h3 className="mtblog__title mb-15"><Link to="/blog-details">Beyond Aesthetics Smart & Stylish <br />
                    Aesthetics Smart Interiors</Link></h3>
                  <div className="mtblog__btn">
                    <Link to="/blog-details">Read More</Link>
                  </div>
                </div>
              </div>
            </div>
            <div className="col-xl-4 col-lg-6 col-md-6 mb-30 wow img-custom-anim-top"
              data-wow-duration="1.5s" data-wow-delay="0.1s">
              <div className="mtblog__item">
                <div className="mtblog__thumb p-relative mb-24">
                  <Link to="/blog-details"><img src="assets/img/blog/blog-1-2.jpg" alt="" /></Link>
                  <div className="mtblog__category">
                    <span><a href="#">Architecture</a></span>
                  </div>
                </div>
                <div className="mtblog__content">
                  <div className="mtblog__meta mb-15">
                    <span><a href="#">February 25,2025</a></span>
                    <cite></cite>
                    <span><a href="#">Leslie Alexander</a></span>
                  </div>
                  <h3 className="mtblog__title mb-15"><Link to="/blog-details">Luxury on a Budget Affordable <br />
                    Modern Design Hacks</Link></h3>
                  <div className="mtblog__btn">
                    <Link to="/blog-details">Read More</Link>
                  </div>
                </div>
              </div>
            </div>
            <div className="col-xl-4 col-lg-6 col-md-6 mb-30 wow img-custom-anim-top"
              data-wow-duration="1.5s" data-wow-delay="0.2s">
              <div className="mtblog__item">
                <div className="mtblog__thumb p-relative mb-24">
                  <Link to="/blog-details"><img src="assets/img/blog/blog-1-3.jpg" alt="" /></Link>
                  <div className="mtblog__category">
                    <span><a href="#">Architecture</a></span>
                  </div>
                </div>
                <div className="mtblog__content">
                  <div className="mtblog__meta mb-15">
                    <span><a href="#">February 25,2025</a></span>
                    <cite></cite>
                    <span><a href="#">Leslie Alexander</a></span>
                  </div>
                  <h3 className="mtblog__title mb-15"><Link to="/blog-details">Art of Mixing Textures Elevate <br />
                    Your Interior Style</Link></h3>
                  <div className="mtblog__btn">
                    <Link to="/blog-details">Read More</Link>
                  </div>
                </div>
              </div>
            </div>
            <div className="col-xl-4 col-lg-6 col-md-6 mb-30 wow img-custom-anim-top"
              data-wow-duration="1.5s" data-wow-delay="0.3s">
              <div className="mtblog__item">
                <div className="mtblog__thumb p-relative mb-24">
                  <Link to="/blog-details"><img src="assets/img/blog/blog-1-4.jpg" alt="" /></Link>
                  <div className="mtblog__category">
                    <span><a href="#">Architecture</a></span>
                  </div>
                </div>
                <div className="mtblog__content">
                  <div className="mtblog__meta mb-15">
                    <span><a href="#">February 25,2025</a></span>
                    <cite></cite>
                    <span><a href="#">Leslie Alexander</a></span>
                  </div>
                  <h3 className="mtblog__title mb-15"><Link to="/blog-details">x pert Advice for Timeless Interiors <br /> Mixing
                    Textures Elevate</Link></h3>
                  <div className="mtblog__btn">
                    <Link to="/blog-details">Read More</Link>
                  </div>
                </div>
              </div>
            </div>
            <div className="col-xl-4 col-lg-6 col-md-6 mb-30 wow img-custom-anim-top"
              data-wow-duration="1.5s" data-wow-delay="0.4s">
              <div className="mtblog__item">
                <div className="mtblog__thumb p-relative mb-24">
                  <Link to="/blog-details"><img src="assets/img/blog/blog-1-5.jpg" alt="" /></Link>
                  <div className="mtblog__category">
                    <span><a href="#">Architecture</a></span>
                  </div>
                </div>
                <div className="mtblog__content">
                  <div className="mtblog__meta mb-15">
                    <span><a href="#">February 25,2025</a></span>
                    <cite></cite>
                    <span><a href="#">Leslie Alexander</a></span>
                  </div>
                  <h3 className="mtblog__title mb-15"><Link to="/blog-details">Your Guide to Stylish Spaces <br />
                    Elevate Your Space.</Link></h3>
                  <div className="mtblog__btn">
                    <Link to="/blog-details">Read More</Link>
                  </div>
                </div>
              </div>
            </div>
            <div className="col-xl-4 col-lg-6 col-md-6 mb-30 wow img-custom-anim-top"
              data-wow-duration="1.5s" data-wow-delay="0.5s">
              <div className="mtblog__item">
                <div className="mtblog__thumb p-relative mb-24">
                  <Link to="/blog-details"><img src="assets/img/blog/blog-1-6.jpg" alt="" /></Link>
                  <div className="mtblog__category">
                    <span><a href="#">Architecture</a></span>
                  </div>
                </div>
                <div className="mtblog__content">
                  <div className="mtblog__meta mb-15">
                    <span><a href="#">February 25,2025</a></span>
                    <cite></cite>
                    <span><a href="#">Leslie Alexander</a></span>
                  </div>
                  <h3 className="mtblog__title mb-15"><Link to="/blog-details">Innovate, Inspire, Interior Trends <br />
                    Tips & Transformations</Link></h3>
                  <div className="mtblog__btn">
                    <Link to="/blog-details">Read More</Link>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div className="mt-pagination mt-30 mb-40 text-center">
          <ul>
            <li><a href="#"><i className="fal fa-long-arrow-left"></i></a></li>
            <li><a className="active" href="#">01</a></li>
            <li><a href="#">02</a></li>
            <li><a href="#">03</a></li>
            <li><a href="#"><i className="fal fa-long-arrow-right"></i></a></li>
          </ul>
        </div>
      </div>
    </section>
  )
}
