import Link from "next/link";
const AboutCategory = () => {
  return (

    <div className="category-banner-area pb-80">
      <div className="container">
        <div className="row row-cols-md-2 row-cols-1 justify-content-center">
          <div
            className="col  about-biryani-category-1"
            data-aos="fade-up"
            data-aos-duration={1500}
            data-aos-offset={50}
          >

            <img
              src="/assets/images/about/ambur_chicken_biryani.webp"
              alt="Ambur Chicken Biryani"
              width="570"
              height="270"
              loading="lazy" />
            {/* <span className="quality">Quality Food</span>
                <h2>Strawberry Juice &amp; slices</h2>
                <Link href="shop" className="theme-btn style-two">
                  Shop now <i className="far fa-arrow-alt-right" />
                </Link> */}

          </div>
          <div
            className="col about-biryani-category-2"
            data-aos="fade-up"
            data-aos-delay={50}
            data-aos-duration={1500}
            data-aos-offset={50}
          >
            
            <img
              src="/assets/images/about/mutton-biryani.webp"
              alt="Mutton Biryani"
              width="570"
              height="270"
              loading="lazy" />
            {/* <h3>buy 1</h3>
                <span className="get-one">get free 1</span>
                <Link href="shop" className="theme-btn">
                  Shop now <i className="far fa-arrow-alt-right" />
                </Link> */}

          </div>

        </div>
      </div>
    </div>
  );
};
export default AboutCategory;