import Link from "next/link";

const AboutTempleOne = () => {
  return (
    <div className="about-area-1 space">
      <div className="about1-shape-img shape-mockup">
        <img
          className="about1-shape-img-1 spin"
          src="/assets/img/bg/shape-flower.svg"
          alt="Shape Flower"
        />

      </div>
      <div className="container">
        <div className="row align-items-center justify-content-between flex-row">

          <div className="col-xxl-6 col-xl-6 order">
            <div className="about-content-wrap">
              <div className="title-area me-xl-5 mb-30">
                <span className="sub-title">About Us</span>
                <h2 className="sec-title">Unity, Devotion and Spiritual Growth</h2>
                <p className="sec-text">
                  At Sri Murugan Temple, our journey began with a simple yet profound vision: to create a sacred space where individuals from all walks of life can come together in unity, devotion, and spiritual growth. Founded in 2000, we are a non-profit organization, proudly registered under the Canada Not-for-Profit Corporations Act. Our temple was established to honor Lord Murugan, the epitome of wisdom and courage, and to foster a community where spirituality thrives. Over the years, we have grown from humble beginnings to a vibrant community hub, welcoming thousands of visitors and devotees seeking solace and connection.
                </p>
              </div>

            </div>
          </div>

          <div className="col-xl-6">
            <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
              <img src="/assets/img/about-us-page/unity.webp" style={{width:'515px', height: '400px'}} alt="Objective Image" />
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default AboutTempleOne;
