import Link from "next/link";

const DosaOfferSection = () => {
    return (
        <section className="special-offer-area-two bgc-black pt-105 rpt-85 pb-130 rpb-100 rel z-1"
            style={{ backgroundImage: "url(/assets/images/background/hero.jpg)" }}
        >
            <div className="container">
                <div className="row align-items-center">
                    <div className="col-lg-5">
                        <div
                            className="offer-content-two text-white rmb-55"
                            data-aos="fade-right"
                            data-aos-duration={1500}
                            data-aos-offset={50}
                        >
                            <img
                                src="/assets/images/home/offer-dosa/left-side-img.webp"
                                alt="Dosa" loading="lazy"
                            />
                            <div className="section-title mt-45 mb-25">
                                <h2>South Indian and North Indian Cusine</h2>
                            </div>
                            {/* <p className="ms-0">
                  South Indian and North Indian Cusine
                </p> */}
                            <a href="/menu" className="theme-btn mt-15">
                                order now <i className="far fa-arrow-alt-right" />
                            </a>
                        </div>
                    </div>
                    <div className="col-lg-7">
                        <div
                            className="offer-image style-two style-three"
                            data-aos="fade-left"
                            data-aos-duration={1500}
                            data-aos-offset={50}
                        >
                            <img src="/assets/images/home/offer-dosa/right-side-img.webp" alt="Burger Image" loading="lazy" />
                            {/* <div
                  className="offer-badge"
                  style={{
                    backgroundImage: "url(assets/images/shapes/about-star.png)",
                  }}
                >
                  <span>
                    only <br />
                    <span className="price">$59</span>
                  </span>
                </div> */}
                            <span className="marquee-wrap style-two text-white">
                                <span className="marquee-inner left">dosa</span>
                                <span className="marquee-inner left">dosa</span>
                                <span className="marquee-inner left">dosa</span>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <div className="testimonials-shapes">
                {/* <div className="shape one">
            <img src="assets/images/shapes/hero-shape5.png" alt="Shape" />
          </div> */}
                {/* <div className="shape two">
            <img src="assets/images/shapes/hero-shape3.png" alt="Shape" />
          </div> */}
            </div>
        </section>
    );
};

export default DosaOfferSection;
