import Link from "next/link";
const AboutContent2 = () => {
  return (
    <section className="about-us-area-four pt-130 rpt-100 pb-85 rpb-55 rel z-1">
      <div className="container">
        <div className="row align-items-center">
          <div className="col-lg-6">
            <div
              className="about-us-content ms-0 rmb-25"
              data-aos="fade-left"
              data-aos-duration={1500}
              data-aos-offset={50}
            >
              <div className="section-title mb-25">
                <span className="sub-title mb-5">Dine to the Rhythm of Authentic South Indian Flavors</span>
                <h2>Authentic Flavors, Unforgettable Moments</h2>
              </div>
              <p>
                At Shiva Sakthi, we serve the rich, unforgettable flavors of Indian cuisine in a setting that feels just like home. From the first bite to the last, each dish is crafted with care, tradition, and a passion for authentic taste.</p>
              <p>Whether you're craving the bold spices of a South Indian classic or the comfort of a familiar favorite, every visit is a celebration of flavor and hospitality. Delicious food. Warm ambiance. Memorable moments.</p>
              <Link href="/menu" className="theme-btn mt-25">
                Check Out Our Menu <i className="far fa-arrow-alt-right" />
              </Link>
              {/* <div className="row">
                <div className="col-sm-4 col-6">
                  <div className="counter-item style-two counter-text-wrap">
                    <span
                      className="count-text k-plus"
                      data-speed={3000}
                      data-stop={34}
                    >
                      <Counter end={34} />
                    </span>
                    <span className="counter-title">Organic Planting</span>
                  </div>
                </div>
                <div className="col-sm-4 col-6">
                  <div className="counter-item style-two counter-text-wrap">
                    <span
                      className="count-text plus"
                      data-speed={3000}
                      data-stop={356}
                    >
                      <Counter end={356} />
                    </span>
                    <span className="counter-title">Passionate Chef’s</span>
                  </div>
                </div>
                <div className="col-sm-4 col-6">
                  <div className="counter-item style-two counter-text-wrap">
                    <span
                      className="count-text plus"
                      data-speed={3000}
                      data-stop={8534}
                    >
                      <Counter end={8534} />
                    </span>
                    <span className="counter-title">Favourite Dishes</span>
                  </div>
                </div>
              </div> */}
            </div>
          </div>
          <div className="col-lg-6">
            <div
              className="about-image-four mb-30"
              data-aos="fade-right"
              data-aos-duration={1500}
              data-aos-offset={50}
            >
              <img src="/assets/images/about/about-2.webp" alt="About" loading="lazy" />
              {/* <div className="row">
                <div className="col">
                  <img src="assets/images/about/about-four1.jpg" alt="About" />
                </div>
                <div className="col mt-80">
                  <img src="assets/images/about/about-four2.jpg" alt="About" />
                </div>
              </div> */}
              {/* <div className="badge">
                <img
                  src="assets/images/about/about-four-badge.jpg"
                  alt="Badge"
                />
              </div> */}
            </div>
          </div>
        </div>
      </div>
    </section>
  );
};
export default AboutContent2;