"use client";

const Vision = () => {
  return (
    <div className="space-top">
      <div className="container">
        <div className="row flex-row">
          <div className="col-xxl-6 col-xl-6">
            <div className="about-content-wrap">
              <div className="title-area me-xl-5 mb-30">
                <span className="sub-title">Uniting Faith, Culture and Caring Home for Generations</span>
                <h2 className="sec-title">
                  Our Vision{" "}
                  {/* <img
                    className="shape-vel"
                      src="/assets/img/bg/vel.png"
                  alt="Vel-Title-bg"
                 
                  /> */}
                </h2>
                <p className="sec-text">
                  We aim to establish a community-based organization in the Waterloo region dedicated to supporting the cultural, religious, and social needs of individuals, with a special focus on seniors. Our comprehensive vision encompasses three key pillars:</p>

                <ul className="no-bullets space-y-3 mt-4">
                  <li className="flex items-start">
                    <img src="/assets/img/icon/check.png" alt="tick" className="tick-icon" />
                    <span>Sri Murugan Temple – Serving as the first phase of our initiative, the temple will be a place of spiritual connection, cultural celebration, and community engagement.</span>
                  </li>
                  <li className="flex items-start">
                    <img src="/assets/img/icon/check.png" alt="tick" className="tick-icon" />
                    <span>Community Center – A vibrant space designed to foster social interactions, cultural exchange, and various community programs for individuals of all ages.
                    </span>
                  </li>
                  <li className="flex items-start">
                    <img src="/assets/img/icon/check.png" alt="tick" className="tick-icon" />
                    <span>Seniors’ Home – A dedicated facility to ensure seniors have access to comfortable living arrangements, personalized care, and a supportive environment to enhance their quality of life.</span>
                  </li>
                </ul>

                <p className="sec-text">We are committed to building a strong, inclusive community where people of all backgrounds can find support, belonging, and purpose.</p>
              </div>
              {/* <div className="accordion-area accordion me-xl-5 mb-md-0 mb-30" id="faqAccordion">
                <div className="accordion-card style2 active">
                  <div className="accordion-header" id="collapse-item-3">
                    <button
                      className="accordion-button "
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#collapse-3"
                      aria-expanded="true"
                      aria-controls="collapse-3"
                    >
                      {" "}
                      Plan A
                    </button>
                  </div>
                  <div
                    id="collapse-3"
                    className="accordion-collapse collapse show"
                    aria-labelledby="collapse-item-3"
                    data-bs-parent="#faqAccordion"
                  >
                    <div className="accordion-body">
                      <p className="faq-text">
                        To obtain a small rental space in the region.
                      </p>
                    </div>
                  </div>
                </div>
                <div className="accordion-card style2">
                  <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"
                    >
                      {" "}
                      Plan B
                    </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">
                        Purchase a land within the region.</p>
                      <br />
                      <p className="faq-text"><b>Phase 1:</b> Build a small Dravidian or South Indian style temple.<br />
                        <b>Phase 2:</b>  Community  and Recreational Center:  Mainly for Spots, Wedding, Cultural  and Social needs of the community at large.  Indoor sports facility will include Badminton, Volleyball and Outdoor grounds for Cricket, Soccer etc.<br />
                        <b>Phase 3:</b>  Seniors Home: Independent living, Assisted and respite care for seniors.
                      </p>
                    </div>
                  </div>
                </div>
              </div> */}
            </div>
          </div>

          {/* <div className="col-xxl-7 col-xl-6">
            <div className="wcu-thumb-wrap mb-xl-0 mb-md-40 mb-0">
              <img
                className="img-1"
                src="/assets/img/about-us-page/our-vision.jpg"
                alt="about-1"
              />
              <img
                className="img-2"
                src="/assets/img/about-us-page/our-vision-2.jpg"
                alt="about-2"
              />

            </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/vision.webp" style={{ width: '515px', height: '580px' }} alt="Objective Image" />
            </div>
          </div>

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

export default Vision;
