const InstagramArea = () => {
  return (
    <div className="instagram-area">
      <div className="row no-gap row-cols-xxl-5 row-cols-xl-4 row-cols-lg-3 row-cols-sm-2 row-cols-1 justify-content-center">
        <div
          className="col"
          data-aos="fade-up"
          data-aos-duration={1500}
          data-aos-offset={50}
        >
          <div className="instagram-item">
            <img src="assets/images/instagram/instagram1.jpg" alt="Instagram" />
            <a href="assets/images/instagram/instagram1.jpg">
              <i className="fab fa-instagram" />
            </a>
          </div>
        </div>
        <div
          className="col"
          data-aos="fade-up"
          data-aos-delay={50}
          data-aos-duration={1500}
          data-aos-offset={50}
        >
          <div className="instagram-item">
            <img src="assets/images/instagram/instagram2.jpg" alt="Instagram" />
            <a href="assets/images/instagram/instagram2.jpg">
              <i className="fab fa-instagram" />
            </a>
          </div>
        </div>
        <div
          className="col"
          data-aos="fade-up"
          data-aos-delay={100}
          data-aos-duration={1500}
          data-aos-offset={50}
        >
          <div className="instagram-item">
            <img src="assets/images/instagram/instagram3.jpg" alt="Instagram" />
            <a href="assets/images/instagram/instagram3.jpg">
              <i className="fab fa-instagram" />
            </a>
          </div>
        </div>
        <div
          className="col"
          data-aos="fade-up"
          data-aos-delay={150}
          data-aos-duration={1500}
          data-aos-offset={50}
        >
          <div className="instagram-item">
            <img src="assets/images/instagram/instagram4.jpg" alt="Instagram" />
            <a href="assets/images/instagram/instagram4.jpg">
              <i className="fab fa-instagram" />
            </a>
          </div>
        </div>
        <div
          className="col"
          data-aos="fade-up"
          data-aos-delay={200}
          data-aos-duration={1500}
          data-aos-offset={50}
        >
          <div className="instagram-item">
            <img src="assets/images/instagram/instagram5.jpg" alt="Instagram" />
            <a href="assets/images/instagram/instagram5.jpg">
              <i className="fab fa-instagram" />
            </a>
          </div>
        </div>
      </div>
    </div>
  );
};
export default InstagramArea;
