import Link from "next/link";

const MealsOfferSection = () => {
    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-6">
                        <div
                            className="offer-content-two text-center text-white rmb-55"
                            data-aos="fade-right"
                            data-aos-duration={1500}
                            data-aos-offset={50}
                        >
                            <img
                                src="/assets/images/home/unlimited-thali/left.webp"
                                alt="Unlimited Thali"
                            />
                            <div className="section-title mt-45 mb-25">
                                <h2>For Reservation</h2>
                            </div>
                            <p>
                                Enjoy our Unlimited Thali, available by reservation Recomented, every Saturday and Sunday from 12 PM to 4 PM.
                            </p>
                            <ul className="offer-countdown-wrap mt-40 mb-25">
                                <li>
                                    <span id="days" />
                                    Saturday
                                </li>
                                <li>
                                    <span id="hours" />
                                    Sunday
                                </li>
                                {/* <li>
                    <span id="minutes" />
                    Min
                  </li>
                  <li>
                    <span id="seconds" />
                    Sec
                  </li> */}
                            </ul>
                            <Link href="https://gosnappy.io/reservation/?storeId=5921&returnUrl=https:%2F%2Fgosnappy.io%2Fowa%2Fr%2Fshiva-sakthi-restaurant%2F5921%2Fmenu_655%2F" target="_blank" className="theme-btn style-three">
                                Reservation <i className="far fa-arrow-alt-right" />
                            </Link>
                        </div>
                    </div>
                    <div className="col-lg-6">
                        <div
                            className="offer-image style-two"
                            data-aos="fade-left"
                            data-aos-duration={1500}
                            data-aos-offset={50}
                        >
                            <img src="/assets/images/home/unlimited-thali/right.webp" alt="Thali Image" loading="lazy" />
                            {/* <div
                  className="offer-badge"
                  style={{
                    backgroundImage:
                      "url(assets/images/shapes/offer-circle-shape.png)",
                  }}
                >
                  <span>
                    only <br />
                    <span className="price">$59</span>
                  </span>
                </div> */}
                            <span className="marquee-wrap style-two text-white">
                                <span className="marquee-inner left">Thali</span>
                                <span className="marquee-inner left">Thali</span>
                                <span className="marquee-inner left">Thali</span>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <div className="testimonials-shapes">
                <div className="shape one">
                    <img src="assets/images/shapes/hero-shape5.png" alt="Shape" loading="lazy" />
                </div>
                <div className="shape two">
                    <img src="assets/images/shapes/hero-shape3.png" alt="Shape" loading="lazy" />
                </div>
                <div className="shape three">
                    <img src="assets/images/shapes/hero-shape5.png" alt="Shape" loading="lazy" />
                </div>
                <div className="shape four">
                    <img src="assets/images/shapes/hero-shape3.png" alt="Shape" loading="lazy" />
                </div>
            </div>
        </section>
    );
};

export default MealsOfferSection;
