"use client";
import Counter from "@/components/Counter";
import OfferCard from "@/components/OfferCard";
import { TestimonialSlider2 } from "@/components/TestimonialSlider";
import WellFoodLayout from "@/layout/WellFoodLayout";
import Link from "next/link";
import Slider from "react-slick";
import { sliderProps } from "@/utility/sliderProps";
import HeroBanner from "@/components/home/HeroBanner";
import PopularMenu from "@/components/home/PopularMenu";
import MenuCategory from "@/components/home/MenuCategory";
import BlogSection from "@/components/home/BlogSection";
const page = () => {
  return (
    <WellFoodLayout>
      {/* Hero Area Start */}
      <HeroBanner />
      {/* Hero Area End */}

      {/* About Us Area start */}
<section className="about-us-area pt-130 rpt-85 pb-100 rpb-70 rel z-1">
  <div className="container">
    <div className="row flex-column flex-lg-row align-items-center">
      <div className="col-lg-6">
        <div
          className="about-us-content"
          data-aos="fade-left"
          data-aos-duration={1500}
        >
          <div className="section-title mb-25">
            <span className="sub-title mb-5">Introduction</span>
            <h2>Our Promise and Moto</h2>
          </div>
          <p>
            We are first generation entrepreneurs and we are establishing this restaurant with the passion and wealth of experience in recreating the delicious foods from our ancestral region in Tamil Nadu.
          </p>
          <p>
            Our Promise and motto is and shall always be to serve fresh and Authentic Quality Food at Reasonable Prices. We shall always be driven by the privilege of what we serve on your plate rather than anything else.
          </p>
          <div className="about-btn-author pt-5 mb-45">
            <Link href="/about" className="theme-btn style-two">
              learn more us <i className="far fa-arrow-alt-right" />
            </Link>
          </div>
        </div>
      </div>

      <div className="col-lg-6">
        <div
          className="about-image-part mb-30 rmb-55"
          data-aos="fade-right"
          data-aos-duration={1500}
        >
          <div className="food-review">
            <div className="author">
              <img
                src="/assets/images/home/about.webp"
                alt="Author"
                loading="lazy"
              />
            </div>
            <span className="text">Very good food</span>
          </div>
          <img
            src="/assets/images/home/about.webp"
            alt="About"
            loading="lazy"
          />
          <div
            className="quality-food"
            style={{
              backgroundImage: "url(/assets/images/shapes/about-star.webp)",
            }}
          >
            <span className="for-border" />
            <span className="text">
              quality <br />
              food
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div className="about-shapes">
    <div className="shape one">
      <img
        src="/assets/images/home/about-element.webp"
        alt="Shape"
        loading="lazy"
        className="about-shape-img"
      />
    </div>
  </div>
</section>


      <section className="offer-area pb-100 rpb-120 rel z-1">
        <div className="category-banner-area">
          <div className="container">
            <div className="row">
              <div
                className="col-lg-6"
                data-aos="fade-up"
                data-aos-duration={1500}
                data-aos-offset={50}
              >
                <div
                  className="category-banner-item style-five height-100"
                  style={{
                    backgroundImage:
                      "url(/assets/images/home/left-image.webp)",
                  }}
                >
                  {/* <div className="badge">$89</div> */}
                  <span className="price">Exclusive South Indian Cuisine</span>
                  <p className="text-white mb-0">We like to recreate south Indian foods in the traditional style. We have over 125 items inspired by all the South Indian States</p>
                  <Link href="/menu" className="read-more">
                    Explore Menu <i className="far fa-arrow-alt-right" />
                  </Link>
                </div>
              </div>
              <div
                className="col-lg-6"
                data-aos="fade-up"
                data-aos-delay={50}
                data-aos-duration={1500}
                data-aos-offset={50}
              >
                <div
                  className="category-banner-item style-five"
                  style={{
                    backgroundImage:
                      "url(/assets/images/home/right-image-1.webp)",
                  }}
                >
                  <span className="price">Fresh and Tasty</span>
                  <p className="text-white w-50  mb-0">Enjoy our freshly and carefully prepared foods that that will excite your taste buds and take you back home.</p>
                  <Link href="/menu" className="read-more">
                    Explore Menu <i className="far fa-arrow-alt-right" />
                  </Link>
                </div>
                <div
                  className="category-banner-item style-five"
                  style={{
                    backgroundImage:
                      "url(/assets/images/home/right-image-2.webp)",
                  }}
                >
                  <span className="price">Service and Ambience</span>
                  <p className="text-white w-50 mb-0">We promise to serve in a serene and in a welcoming ambience and our exceptional service is guaranteed to all the patrons.</p>
                  <Link href="/menu" className="read-more">
                    Explore Menu <i className="far fa-arrow-alt-right" />
                  </Link>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      {/* Offer Area start */}
      <section
        className="offer-area bgc-black pt-160 rpt-100 pb-150 rpb-120 rel z-1"
        style={{
          backgroundImage: "url(/assets/images/background/offer-dot-bg.png)",
          backgroundPosition: "center"
        }}
      >
        <span className="marquee-wrap style-two text-white">
          <span className="marquee-inner left">SETTING A NEW STANDARD FOR SOUTH INDIAN FOOD IN THE REGION…EH</span>
          <span className="marquee-inner left">ACTUALLY IN THIS PART OF THE WORLD</span>
          {/* <span className="marquee-inner left">special deal</span> */}
        </span>
        <div className="container">
          <div className="row align-items-center">
            <div className="col-lg-6">
              <div
                className="offer-content text-white rmb-55"
                data-aos="fade-left"
                data-aos-delay={50}
                data-aos-duration={1500}
                data-aos-offset={50}
              >
                <img src="/assets/images/offer/delicious.png" alt="Image" loading="lazy" />
                <h2>Home of the Ontario's Biggest Dosa</h2>
                <h3>
                  The Five Feet Dosa
                </h3>
                <p>
                  Presenting the five feet DOSA - No explanation required Five time the Taste / Five times the fun
                </p>
                <Link href="/menu" className="theme-btn">
                  order now <i className="far fa-arrow-alt-right" />
                </Link>
              </div>
            </div>
            <div className="col-lg-6">
              <div
                className="offer-image"
                data-aos="fade-right"
                data-aos-delay={50}
                data-aos-duration={1500}
                data-aos-offset={50}
              >
                <img
                  src="/assets/images/home/special-deal.webp"
                  alt="Offer 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> */}
              </div>
            </div>
          </div>
        </div>
        <div className="offer-shapes">
          <div className="shape one">
            <img src="/assets/images/home/delicious.webp" alt="Shape" loading="lazy" />
          </div>
          <div className="shape two">
            <img src="/assets/images/shapes/offer-shape2.png" alt="Shape" loading="lazy" />
          </div>
          <div className="shape three">
            <img src="/assets/images/shapes/offer-shape3.png" alt="Shape" loading="lazy" />
          </div>
        </div>
      </section>

      {/* Popular Menu Area start */}
      <MenuCategory />
      {/* Call To Action Area start */}

      <section className="cta-area-two bgc-black text-white py-100 rel z-1">
        <div className="container">
          <div className="row align-items-center">
            <div className="col-lg-4">
              <div
                className="cta-content-two mt-20 rmt-0"
                data-aos="fade-up"
                data-aos-duration={1500}
                data-aos-offset={50}
              >
                <div className="section-title text-white mb-20">
                  <h2>Uncompromisingly South Indian Cuisine</h2>
                </div>
                <hr className="mt-35 mb-45" />
                <p>
                  🥥 Authentic South Indian Cuisine | 🍴 Home of the Heavenly Dosa | 🌿 Fresh Ingredients, Traditional Flavors |
                </p>
              </div>
            </div>
            <div className="col-lg-4">
              <div
                className="cta-two-image rmt-55 rmb-75"
                data-aos="fade-up"
                data-aos-delay={50}
                data-aos-duration={1500}
                data-aos-offset={50}
              >
                <img src="/assets/images/home/need-good-food.webp" alt="CTA" loading="lazy" />
                {/* <div className="badge">
                  <img src="assets/images/cta/cta-two-badge.png" alt="Badge" />
                </div> */}
              </div>
            </div>
            <div className="col-lg-4">
              <div
                className="cta-content-list"
                data-aos="fade-up"
                data-aos-delay={100}
                data-aos-duration={1500}
                data-aos-offset={50}
              >
                <h5>
                  20 Years We Provide Quality foods
                </h5>
                <ul className="list-style-one mt-30 mb-40">
                  <li>Best Quality Natural &amp; Fresh Food</li>
                  <li>Experience &amp; Quality Chefs</li>
                  <li>Awards Winning Restaurant</li>
                  <li>Healthy &amp; Organic Foods</li>
                </ul>
                <Link href="/contact" className="theme-btn">
                  Contact Us <i className="far fa-arrow-alt-right" />
                </Link>
              </div>
            </div>
          </div>
        </div>
        <div className="cta-two-shapes">
          <div className="shape one">
            <img src="/assets/images/home/south-indian/1.webp" alt="Shape" loading="lazy" />
          </div>
          <div className="shape two">
            <img src="/assets/images/home/south-indian/2.webp" alt="Shape" loading="lazy" />
          </div>
          <div className="shape three">
            <img src="/assets/images/home/south-indian/3.webp" alt="Shape" loading="lazy" />
          </div>
          <div className="shape four">
            <img src="/assets/images/home/south-indian/4.webp" alt="Shape" loading="lazy" />
          </div>
        </div>
      </section>
      {/* Call To Action Area end */}

      <PopularMenu />

      {/* Testimonials Six Area start */}
      <section
        className="testimonials-six pt-100 pb-130 rpb-100"
        style={{
          backgroundImage: "url(/assets/images/home/testimonial.webp)",
        }}
      >
        <div className="container rpt-70">
          <div className="row align-items-center justify-content-between">
            <div className="col-xl-6 col-lg-8">
              <div className="testimonials-three-content rel z-1 text-white rmb-55">
                <div
                  className="section-title mb-45"
                  data-aos="fade-up"
                  data-aos-duration={1500}
                  data-aos-offset={50}
                >
                  <span className="sub-title text-yellow mb-5">
                    customer feedback
                  </span>
                  <h2>what our customer’s say us</h2>
                </div>
                <Slider
                  {...sliderProps.testimonialsTwoCarousel}
                  className="testimonials-two-carousel"
                  data-aos="fade-up"
                  data-aos-duration={1500}
                  data-aos-offset={50}
                >
                  <div className="testimonial-two-item style-two">
                    <div className="content">
                      <div className="icon">
                        {/* <img
                          src="/assets/images/about/fourth-section.testi-2.webp"
                          alt=""
                        /> */}
                        <div className="d-flex gap-2">
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                        </div>

                      </div>
                      <div className="customer-review">
                        The food was exceptional, with the dosas being a particular highlight and deserving of strong recommendation. Their taste was remarkable, representing the best dosas in the entire KWC region. The staff provided polite and attentive service. While the quantity of chutneys and sauces could be improved, the overall dining experience was highly satisfactory.
                      </div>
                      <span className="author">Mohit</span>
                      {/* <span className="designation">web designer</span> */}
                    </div>
                  </div>
                  <div className="testimonial-two-item style-two">
                    <div className="content">
                      <div className="icon">
                        {/* <img
                          src="/assets/images/about/fourth-section.testi-2.webp"
                          alt=""
                        /> */}
                        <div className="d-flex gap-2">
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                        </div>
                      </div>
                      <div className="customer-review">
                        We had a delightful experience at Shivas Dosa. The service was exceptional, and the food was amazing.The Mysore Bonda and Chicken 65 reminded me of Bangalore, and the Mutton Chukka and Biryani were top-notch.A special mention for Rajatha's humble and attentive service. I truly appreciate their wonderful service and incredible food. Highly recommended!
                      </div>
                      <span className="author">Anoop V</span>
                      {/* <span className="designation">web designer</span> */}
                    </div>
                  </div>
                  <div className="testimonial-two-item style-two">
                    <div className="content">
                      <div className="icon">
                        {/* <img
                          src="/assets/images/about/fourth-section.testi-2.webp"
                          alt=""
                        /> */}
                        <div className="d-flex gap-2">
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                        </div>
                      </div>
                      <div className="customer-review">
                        I ordered two party trays of Ambur chicken biryani and one tray of chicken 65. The price was very reasonable compared to other restaurants in Kitchener and Cambridge. The taste was absolutely delicious, and the Ambur-style biryani was flavorful and authentic. The chicken 65 was crispy and well-seasoned. The service provided by Pungulali was excellent. Highly recommend this place for great food at a great price!
                      </div>
                      <span className="author">Ramesh Babu Gnana Kandan</span>
                      {/* <span className="designation">web designer</span> */}
                    </div>
                  </div>
                  <div className="testimonial-two-item style-two">
                    <div className="content">
                      <div className="icon">
                        {/* <img
                          src="/assets/images/about/fourth-section.testi-2.webp"
                          alt=""
                        /> */}
                        <div className="d-flex gap-2">
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                        </div>
                      </div>
                      <div className="customer-review">
                        I had a great experience at Shiva Dosa Point today! I ordered Sambhar Idli, Chicken Kothu Parotta, and Coffee, and everything was delicious. The flavors were authentic, and the food was served fresh and hot. A special mention to Poonguzhali and Swetha for their excellent service—they were friendly, attentive, and made the dining experience even better. Definitely recommend this place for anyone craving good South Indian food!
                      </div>
                      <span className="author">Murali Krishna</span>
                      {/* <span className="designation">web designer</span> */}
                    </div>
                  </div>
                  <div className="testimonial-two-item style-two">
                    <div className="content">
                      <div className="icon">
                        {/* <img
                          src="assets/images/about/fourth-section.testi-3.webp"
                          alt=""
                        /> */}
                        <div className="d-flex gap-2">
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                          <div className="pr-3">
                            <i className="fa fa-star"></i>
                          </div>
                        </div>
                      </div>
                      <div className="customer-review">
                        I had a wonderful experience at Shiva Dosa Restaurant! The food was absolutely delicious — authentic South Indian flavors served hot and fresh. We truly didn’t feel far from India. But what truly made our visit special was the outstanding service. A big thank you to Poonguzhali and Smriti, who were both incredibly attentive, kind, and professional throughout our meal. Their warm hospitality made us feel right at home. Highly recommend this place and their food.
                      </div>
                      <span className="author">Serah Benjamin</span>
                      {/* <span className="designation">web designer</span> */}
                    </div>
                  </div>
                </Slider>
              </div>
            </div>
            <div className="col-lg-4">
              <div
                className="testimonial-quote-badge"
                data-aos="fade-up"
                data-aos-delay={100}
                data-aos-duration={1500}
                data-aos-offset={50}
              >
                {/* <div className="testi-badge">
                  <img src="assets/images/testimonials/badge.png" alt="Badge" />
                </div>
                <div className="quote">
                  <i className="flaticon-quote" />
                </div> */}
              </div>
            </div>
          </div>
        </div>
      </section>
      {/* Testimonials Six Area end */}

      {/* Blog Area start */}
      <BlogSection />
      {/* Blog Area end */}

      {/* Client Area start */}
      {/* <div className="client-area bg-light rel z-1">
        <div className="container">
          <div className="client-wrap-two py-80">
            <Slider {...sliderProps.clientActive} className="client-active">
              <a href="#" className="client-item">
                <img
                  src="assets/images/clients/client1.png"
                  alt="Client Logo"
                />
              </a>
              <a href="#" className="client-item">
                <img
                  src="assets/images/clients/client2.png"
                  alt="Client Logo"
                />
              </a>
              <a href="#" className="client-item">
                <img
                  src="assets/images/clients/client3.png"
                  alt="Client Logo"
                />
              </a>
              <a href="#" className="client-item">
                <img
                  src="assets/images/clients/client4.png"
                  alt="Client Logo"
                />
              </a>
              <a href="#" className="client-item">
                <img
                  src="assets/images/clients/client5.png"
                  alt="Client Logo"
                />
              </a>
              <a href="#" className="client-item">
                <img
                  src="assets/images/clients/client6.png"
                  alt="Client Logo"
                />
              </a>
              <a href="#" className="client-item">
                <img
                  src="assets/images/clients/client1.png"
                  alt="Client Logo"
                />
              </a>
              <a href="#" className="client-item">
                <img
                  src="assets/images/clients/client2.png"
                  alt="Client Logo"
                />
              </a>
              <a href="#" className="client-item">
                <img
                  src="assets/images/clients/client3.png"
                  alt="Client Logo"
                />
              </a>
              <a href="#" className="client-item">
                <img
                  src="assets/images/clients/client4.png"
                  alt="Client Logo"
                />
              </a>
              <a href="#" className="client-item">
                <img
                  src="assets/images/clients/client5.png"
                  alt="Client Logo"
                />
              </a>
              <a href="#" className="client-item">
                <img
                  src="assets/images/clients/client6.png"
                  alt="Client Logo"
                />
              </a>
            </Slider>
          </div>
        </div>
      </div> */}
    </WellFoodLayout>
  );
};
export default page;