import Link from 'next/link'

export default function Section1() {
  return (
    <>

      <div className="about6-section-area sp4">
        <div className="container">
          <div className="row">
            <div className="col-lg-12">
              <div className="event2-header heading5 space-margin60 text-center ">
                <h2>Annual Membership-2026</h2>
                <div className="space18" />
                <p>By Tamil Cultural Association of Waterloo Region</p>
              </div>
            </div>
          </div>
          <div className="row">
            <div className="col-lg-6">
              <div
                style={{
                  position: "relative",
                  width: "100%",
                  height: "auto",   
                  overflow: "visible",     
                }}
              >
                <iframe
                  title="Donation form powered by Zeffy"
                  className='annual-membership'
                  src="https://www.zeffy.com/en-CA/ticketing/tca-annual-membership--2026"
                  style={{
                    width: "100%",
                    height: "1250px",  
                    border: "0",
                  }}
                  allow="payment *"
                />
              </div>

            </div>



            <div className="col-lg-6">
              <div className="about6-header heading9">
                {/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
                {/* <div className="space20" /> */}

                <div className="img right-img">
                  <img src="/assets/img/online/membership-2026/membership-2026-1.webp" alt="" />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>


    </>
  )
}