import Link from "next/link";
const AboutContent = () => {
  return (

    <section className="about-us-area pt-100 rpt-80 pb-100 rpb-70 rel z-1">
      <div className="container">
        <div className="row align-items-end">
          <div className="col-lg-6">
            <div
              className="about-image-five mb-30 rmb-55"
              data-aos="fade-left"
              data-aos-duration={1500}
              data-aos-offset={50}
            >
              <img src="/assets/images/about/about-1.webp" alt="About" loading="lazy" />
            </div>
          </div>
          <div className="col-lg-6">
            <div
              className="about-us-content"
              data-aos="fade-right"
              data-aos-duration={1500}
              data-aos-offset={50}
            >
              <div className="section-title mb-25">
                <span className="sub-title mb-5">Experience South Indian Cuisine Like Never Before!</span>
                <h2>Where Flavor Meets Festivity</h2>
              </div>
              <p>
                At Shiva Sakthi, dining isn’t just about food, it’s an immersive journey that tantalizes every sense. We bring the rich, authentic flavors of South and North Indian cuisine straight to the heart of Canada. </p>

              <p>Whether you're here for a quiet family dinner or a lively evening out, Shiva Sakthi transforms every meal into a celebration of culture, taste, where every bite hits a note and every vibe feels like home.</p>

              <div className="row">
                <div className="col-sm-6">
                  <div className="service-item style-two">
                    <div className="icon">
                      <i className="flaticon-high-quality" />
                    </div>
                    <h5>
                      <Link href="menu-burger">Best Quality Food</Link>
                    </h5>
                    <p>
                      Our talented chefs craft each dish precision sourcing
                    </p>
                  </div>
                </div>
                <div className="col-sm-6">
                  <div className="service-item style-two">
                    <div className="icon">
                      <i className="flaticon-chef" />
                    </div>
                    <h5>
                      <Link href="menu-burger">Experience our Chefs</Link>
                    </h5>
                    <p>
                      Our talented chefs craft each dish precision sourcing
                    </p>
                  </div>
                </div>
              </div>

              <div className="about-btn-author pt-5 ">
                <Link href="/menu" className="theme-btn style-two">
                  Check Out Our menu <i className="far fa-arrow-alt-right" />
                </Link>
                {/* <Link href="/menu" className="read-more">
                    Check Out Our menu{" "}
                    <i className="far fa-arrow-alt-right" />
                  </Link> */}
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
};
export default AboutContent;