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-2024</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: "800px",
                                    overflow: "hidden",
                                    paddingTop: "0px",
                                }}
                            >
                                <iframe
                                    title="Donation form powered by Zeffy"
                                    style={{
                                        width: "100%",
                                        height: "100%",
                                        border: "0",
                                    }}
                                    allow="payment"
                                    src="https://www.zeffy.com/embed/ticketing/64321483-d50d-43ca-b746-baf1820f274a"
                                    loading="lazy"
                                    data-load-mode="1"
                                    scrolling="no"
                                ></iframe>
                            </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-2024/section1.webp" alt="" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


        </>
    )
}