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>TCA Community Picnic 2024</h2>
                <div className="space18" />
                <p>Tamil cultural Association of Waterloo Region</p>
              </div>
            </div>
          </div>
          <div className="row">
            <div className="col-lg-6">
              <div className="h-100 w-100">
                <div className="row h-100">
                  <div className="flex_column av-cx34h4-a8d3062fb9de0a0faadd0da67fb825e0 av_one_half avia-builder-el-0 el_before_av_one_half avia-builder-el-first first flex_column_div av-zero-column-padding h-100">
                    <section className="avia_codeblock_section avia_code_block_0 h-100" itemScope itemType="https://schema.org/CreativeWork">
                      <div className="avia_codeblock h-100" itemProp="text">
                        <div style={{
                          position: "relative",
                          width: "100%",
                          height: "880px",
                          overflow: "hidden",
                          paddingTop: "0px",
                        }}>
                          <iframe
                            title="Donation form powered by Zeffy"
                            style={{
                              position: "absolute",
                              border: 0,
                              top: 0,
                              left: 0,
                              bottom: 0,
                              right: 0,
                              width: "100%",
                              height: "100%",
                            }}
                            data-src="https://www.zeffy.com/embed/ticketing/9d7753ea-f587-4c3e-a987-23b775f5e247"
                            src="https://www.zeffy.com/embed/ticketing/9d7753ea-f587-4c3e-a987-23b775f5e247"
                            allow="payment *"
                            allowTransparency={true}
                            scrolling="no"
                            frameBorder="0"
                            className="lazyloaded"
                            data-load-mode="1"
                          ></iframe>

                        </div>
                      </div>
                    </section>
                  </div>
                </div>
              </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/community-picnic/picnic-1.webp" alt="" />
                </div>

              </div>
            </div>
          </div>
        </div>
      </div>


    </>
  )
}