import Link from "next/link";

const HomeOfferCard = () => {
    return (
        <section className="container-fluid pb-100 rpb-60">
            <div className="category-banner-area px-4">
                <div className="row row-cols-xl-2 row-cols-lg-2 row-cols-sm-2 row-cols-1 justify-content-center">
                    <div
                        className="col"
                        data-aos="fade-up"
                        data-aos-delay={50}
                        data-aos-duration={1500}
                        data-aos-offset={50}
                    >
                        <div>
                            <img src="/assets/images/home/offer-card-1.webp" alt="offer-card-1" style={{width:"100%"}} loading="lazy" />
                        </div>
                    </div>
                    <div
                        className="col"
                        data-aos="fade-up"
                        data-aos-delay={100}
                        data-aos-duration={1500}
                        data-aos-offset={50}
                    >
                        <div>
                            <img src="/assets/images/home/offer-card-2.webp" alt="offer-card-2" style={{width:"100%"}} loading="lazy" />
                        </div>
                    </div>

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

export default HomeOfferCard;