const EventsVilakkuPoojai = () => {
  return (
    <section className="faq-area-2 space-bottom">
      <div className="container">
        <div className="row gx-60 flex-row-reverse">
          <div className="col-xl-6">
            <div className="faq-thumb2 mb-xl-0 mb-50">

              <img src="/assets/img/membership/annual-membership.jpg" alt="Annual Membership Image" />
            </div>
          </div>
          <div className="col-xl-6">
            <div className="title-area">
              <span className="sub-title">Events</span>
              <h2 className="sec-title">
                Thiru Vilaku Poojai{" "}
                {/* <img
                  className="title-bg-shape"
                 src="/assets/img/bg/vel.png"
                  alt="Vel-Title-bg"
                /> */}
              </h2>
            </div>
            <div>
              <iframe
                title="Annual Membership form powered by Zeffy"
                className="thiru-vilaku-i-frame"
                style={{

                  width: "100%",
                  height: "800px"

                }}
                src="https://www.zeffy.com/embed/ticketing/thiru-vilakku-poojai--2025"
                allowPaymentRequest
                allowTransparency="true"

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

export default EventsVilakkuPoojai;