
const AnnualMembership = () => {
  return (
    <section className="faq-area-2 space">
      <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">MemberShip</span>
              <h2 className="sec-title">
                Annual Membership{" "}
                {/* <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="annual-membership-iframe"
                src="https://www.zeffy.com/embed/ticketing/annual-membership--2025-2"
                allowPaymentRequest
                allowTransparency="true"

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

export default AnnualMembership;
