Shivasakthi-Restarunt/components/home/MealsOfferScetion.js
Alaguraj0361 107f07c035
Some checks failed
Build and Deploy Build Output / build (push) Has been cancelled
first commit
2025-09-26 21:09:39 +05:30

98 lines
4.4 KiB
JavaScript

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;