
const FaqOne = () => {
  return (
    <section className="faq-area-2 space">
      <div className="container">
        <div className="row gx-60 flex-row">
         
          <div className="col-xl-6 order mb-30 mb-md-0">
            <div className="title-area">
              <span className="sub-title">FAQ</span>
              <h2 className="sec-title">
              Sri Murugan Temple Waterloo{" "}
                {/* <img
                  className="title-bg-shape"
                  src="/assets/img/bg/vel.png"
                  alt="Vel-Title-bg" 
                  // style={ {width: '650px', height:'120px'} }
                /> */}
              </h2>
            </div>
            <div className="accordion-area accordion" id="faqAccordion">
              <div className="accordion-card style3 active">
              <div className="accordion-header" id="collapse-item-1">
                    <button
                      className="accordion-button "
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapse-1"
                      aria-expanded="true"
                      aria-controls="collapse-1"
                    >
                      {" "}
                      What is the name of our temple?
                    </button>
                  </div>
                  <div
                    id="collapse-1"
                    className="accordion-collapse collapse show"
                    aria-labelledby="collapse-item-1"
                    data-bs-parent="#faqAccordion"
                  >
                    <div className="accordion-body">
                      <p className="faq-text">
                      The name of the temple is Sri Murugan Temple of Waterloo Region and Community Center.  It is a registered non profit organisation operating under “15182921 Canada Society”.
                      </p>
                    </div>
                  </div>
                </div>
                <div className="accordion-card style3">
                  <div className="accordion-header" id="collapse-item-2">
                    <button
                      className="accordion-button collapsed"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapse-2"
                      aria-expanded="false"
                      aria-controls="collapse-2"
                    >
                      {" "}
                      Which deity/deities will the temple be dedicated to?
                    </button>
                  </div>
                  <div
                    id="collapse-2"
                    className="accordion-collapse collapse "
                    aria-labelledby="collapse-item-2"
                    data-bs-parent="#faqAccordion"
                  >
                    <div className="accordion-body">
                      <p className="faq-text">
                      Our temple will be dedicated to Murugan Vel and Vinayagar to start.  More deities will be added by the time the temple gets its own space. Lord Shiva, Durga, Venkateshwara, Vishnu, Ram Parivar, Ayyappan, Mahalakshmi, Navagraha would follow.
                      </p>
                    </div>
                  </div>
                </div>
                <div className="accordion-card style3">
                  <div className="accordion-header" id="collapse-item-3">
                    <button
                      className="accordion-button collapsed"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapse-3"
                      aria-expanded="false"
                      aria-controls="collapse-3"
                    >
                      {" "}
                      What specific religious tradition do we follow in our temple?
                    </button>
                  </div>
                  <div
                    id="collapse-3"
                    className="accordion-collapse collapse "
                    aria-labelledby="collapse-item-3"
                    data-bs-parent="#faqAccordion"
                  >
                    <div className="accordion-body">
                      <p className="faq-text">
                      We follow South Indian and Sri Lankan religious traditions of Hinduism.
                      </p>
                    </div>
                  </div>
                </div>

                <div className="accordion-card style3">
                  <div className="accordion-header" id="collapse-item-4">
                    <button
                      className="accordion-button collapsed"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapse-4"
                      aria-expanded="false"
                      aria-controls="collapse-4"
                    >
                      {" "}
                      Where is the temple located?
                    </button>
                  </div>
                  <div
                    id="collapse-4"
                    className="accordion-collapse collapse "
                    aria-labelledby="collapse-item-4"
                    data-bs-parent="#faqAccordion"
                  >
                    <div className="accordion-body">
                      <p className="faq-text">
                      We are actively searching for a permanent home for our temple within the Region of Waterloo. Our team is working diligently to find a sacred space that will serve our community's spiritual needs. In the meantime, all our pujas and events are held at various rented locations.
                      </p>
                    </div>
                  </div>
                </div>

            </div>
          </div>
          <div className="col-xl-6 order-sm-1">
            <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
              
              <img src="/assets/img/faq/faq1.jpg" alt="FAQ-1 Image" />
            </div>
          </div>

        </div>
      </div>
    </section>    
  );
};

export default FaqOne;
