"use client";

const Objective = () => {
  return (
    <section className="faq-area-2 space-bottom">
      <div className="container">
        <div className="row gx-60">
         
          <div className="col-xl-6">
            <div className="title-area">
              <span className="sub-title">Devotional Gatherings</span>
              <h2 className="sec-title">
              Our Objective{" "}
                {/* <img
                  className="shape-vel-objective"
                  src="/assets/img/bg/vel.png"
                  alt="Vel-Title-bg"
                /> */}
              </h2>
              <p className="sec-text">
             The Objective of the Waterloo Murugan Temple is to be a sacred centre for worship and community, dedicated to preserving and promoting the rich traditions of Hindu culture, arts, and Vedic philosophy. We provide an authentic space for South Indian-style Hindu worship, fostering spiritual growth through devout ceremonies, vibrant cultural events, and educational programs. We welcome all to experience divine blessings, engage with our community, and immerse themselves in the beauty of our timeless heritage.             
              </p>
            </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/our-objective.jpg" style={{width:'515px', height: '400px'}} alt="Objective Image" />
            </div>
          </div>
        </div>
      </div>
    </section>
  );
};

export default Objective;
