import Link from "next/link";

const Events = () => {
  return (
    <div className="service-area-2 space overflow-hidden" style={{
      backgroundImage: "linear-gradient(180deg, #E7DD80 0%, #EAC566 100%)",
      backgroundColor: "#F4F4F4",
      backgroundSize: "cover",
    }}>

      <div className="container">
        <div className="row justify-content-center">
          <div className="col-lg-6">
            <div className="title-area text-center">
              <span className="sub-title">Events</span>
              <h2 className="sec-title">
                Sri Murugan Temple Project
              </h2>
              <p>We are incorporated as non profit organisation under “15182921 Canada Society”.  It is registered under Canada not-for-profit corporations Act on the 9th of July of 2023. </p>
              {/* <p>We are in the early stages of establishing Sri Murugan Temple in Waterloo, aiming to create a spiritual haven for community growth. Our mission is to foster inclusivity, faith, and personal transformation through devotion and wisdom.</p> */}
            </div>
          </div>
        </div>
      </div>
      <div className="container-fluid py-5">
        <div className="row gy-4 justify-content-center">
          <div className="col-xl-3 col-md-6">
            <div className="service-card style2">
              <div
                className="service-card_content"
                style={{
                  backgroundImage: "url(/assets/img/home/update.jpg)",
                }}
              >
                <div>
                  <div className="service-card_icon">
                    <img
                      src="/assets/img/home/update-icon.png"
                      alt="update"
                    />
                  </div>
                  <h4 className="service-card_title h5 text-white">
                    {/* <Link href="/service-details"> */}
                    Update
                    {/* </Link> */}
                  </h4>
                  <p className="service-card_text">
                    The project is currently in its early stages, and we are looking for a rental space or land in the Waterloo region to establish our temple.{" "}
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div className="col-xl-3 col-md-6">
            <div className="service-card style2">
              <div
                className="service-card_content"
                style={{
                  backgroundImage: "url(/assets/img/home/inclusivity.jpg)",
                }}
              >
                <div>
                  <div className="service-card_icon">
                    <img
                      src="/assets/img/home/inclusivity-icon.png"
                      alt="inclusivity"
                    />
                  </div>
                  <h4 className="service-card_title h5 text-white">
                    {/* <Link href="/service-details"> */}
                    Inclusivity
                    {/* </Link> */}
                  </h4>
                  <p className="service-card_text">
                    Founded on the principles of universal access to the Divine, our temple warmly welcomes everyone, regardless of their background or belief, creating an inclusive spiritual environment.{" "}
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div className="col-xl-3 col-md-6">
            <div className="service-card style2">
              <div
                className="service-card_content"
                style={{
                  backgroundImage: "url(/assets/img/home/mission.jpg)",
                }}
              >
                <div>
                  <div className="service-card_icon">
                    <img
                      src="/assets/img/home/mission-icon.png"
                      alt="Fixturbo"
                    />
                  </div>
                  <h4 className="service-card_title h5 text-white">
                    {/* <Link href="/service-details"> */}
                    Mission
                    {/* </Link> */}
                  </h4>
                  <p className="service-card_text">
                    Sri Murugan Temple is a unique "Learning Temple" focused on fostering a sense of community and spiritual growth within the Saiva Hindu community in Waterloo, Ontario.{" "}
                  </p>
                </div>
              </div>
            </div>
          </div>

          <div className="col-xl-3 col-md-6">
            <div className="service-card style2">
              <div
                className="service-card_content"
                style={{
                  backgroundImage: "url(/assets/img/home/vision.jpg)",
                }}
              >
                <div>
                  <div className="service-card_icon">
                    <img
                      src="/assets/img/home/vision-icon.png"
                      alt="Fixturbo"
                    />
                  </div>
                  <h4 className="service-card_title h5 text-white">
                    {/* <Link href="/service-details"> */}
                    Vision
                    {/* </Link> */}
                  </h4>
                  <p className="service-card_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.{" "}
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default Events;
