
const FaqTwo = () => {
  return (
    <section className="faq-area-2 space-bottom">
      <div className="container">
        <div className="row gx-60 flew-row">
          <div className="col-xl-6 order-1">
            <div className="faq-thumb2 mb-xl-0 mb-0 mb-md-50">
              
              <img src="/assets/img/faq/faq2.jpg" alt="FAQ Image" />
            </div>
          </div>
          <div className="col-xl-6 order-sm-1 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">
                  <div className="accordion-header" id="collapse-item-5">
                    <button
                      className="accordion-button collapsed"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapse-5"
                      aria-expanded="false"
                      aria-controls="collapse-5"
                    >
                      {" "}
                      When will the temple be open to the public?
                    </button>
                  </div>
                  <div
                    id="collapse-5"
                    className="accordion-collapse collapse "
                    aria-labelledby="collapse-item-5"
                    data-bs-parent="#faqAccordion"
                  >
                    <div className="accordion-body">
                      <p className="faq-text">
                      While a dedicated date for our permanent temple opening is not yet set, our immediate focus is on serving the community. We are beginning by renting spaces to conduct pujas and celebrate auspicious occasions. All event dates and locations will be announced on our website's homepage and our Events page. Please check back regularly for updates!
                      </p>
                    </div>
                  </div>
                </div>

                <div className="accordion-card style3">
                  <div className="accordion-header" id="collapse-item-6">
                    <button
                      className="accordion-button collapsed"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapse-6"
                      aria-expanded="false"
                      aria-controls="collapse-6"
                    >
                      {" "}
                      How can I become a member of the temple?
                    </button>
                  </div>
                  <div
                    id="collapse-6"
                    className="accordion-collapse collapse "
                    aria-labelledby="collapse-item-6"
                    data-bs-parent="#faqAccordion"
                  >
                    <div className="accordion-body">
                      <p className="faq-text">
                      You can become an annual or life member by filling out a membership form or contacting the temple board members by contacting <a href="mailto:info@waterloomurugantemple.ca">info@waterloomurugantemple.ca</a>
                      </p>
                    </div>
                  </div>
                </div>

                <div className="accordion-card style3">
                  <div className="accordion-header" id="collapse-item-7">
                    <button
                      className="accordion-button collapsed"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapse-7"
                      aria-expanded="false"
                      aria-controls="collapse-7"
                    >
                      {" "}
                      Can I volunteer at the temple?
                    </button>
                  </div>
                  <div
                    id="collapse-7"
                    className="accordion-collapse collapse "
                    aria-labelledby="collapse-item-7"
                    data-bs-parent="#faqAccordion"
                  >
                    <div className="accordion-body">
                      {/* <p className="faq-text"> */}
                      <ol>
                    <li>Yes! Volunteers are essential to our temple community. We welcome help in many areas listed here:
                    <ul>
                    <li>Religious Services and Rituals:</li>
                    <li>Puja/Aarti Preparation: Assisting priests in preparing items and the altar area for daily pujas and aartis (rituals with lamps).</li>
                    <li>Prasadam Preparation: Helping to prepare sacred food offerings (prasadam) for distribution.</li>
                    <li>Flower Garland Making: Creating beautiful garlands for adorning deities.</li>
                        </ul>
                    </li>
                    
                    <li>Festival and Event Organization:
                    <ul>
                    <li><b>Event Setup/Cleanup:</b> Helping with decorations, setup, and cleaning before and after special events and festivals.</li>
                    <li><b>Crowd Management:</b> Assisting in guiding devotees, managing lines, and keeping order during large gatherings.</li>
                    <li><b>Food Preparation and Service:</b> Helping with food stalls or large-scale meal preparation (Annadanam) during festivals and events.</li>
                    </ul>
                    </li>
                    <li>Cultural Programs:
                    <ul>
                    <li><b>Cultural Programs:</b> Assist with planning or participating in cultural performances.</li>
                    </ul>
                    </li>
                    <li>Cleaning and Upkeep:
                    <ul>
                    <li>Help maintain the cleanliness and orderliness of the temple premises.
                    </li>
                    </ul>
                    </li>
                    
                    </ol>
                      {/* </p> */}
                    </div>
                  </div>
                  </div>

                <div className="accordion-card style3">
                  <div className="accordion-header" id="collapse-item-8">
                    <button
                      className="accordion-button collapsed"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapse-8"
                      aria-expanded="false"
                      aria-controls="collapse-8"
                    >
                      {" "}
                      How to donate to temple?
                    </button>
                  </div>
                  <div
                    id="collapse-8"
                    className="accordion-collapse collapse "
                    aria-labelledby="collapse-item-8"
                    data-bs-parent="#faqAccordion"
                  >
                    <div className="accordion-body">
                      <p className="faq-text">
                      We are current looking for weekly, monthly, annual or one time donation. All proceeds go towards the initial start up cost and day to day expenses. Kindly follow this link to donate. Your contribution does not cost any extra fee.</p><br/>

                      <p className="faq-text">In the event, you are interested in giving a pledge towards a land purchase, feel free to contact one of the board members or send us an email. 
                      </p>
                    </div>
                  </div>
                </div>

            </div>
          </div>
        </div>

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

export default FaqTwo;
