
const EventAnnathanam = () => {
    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/events/event-annadhanam.webp" 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">
                                Annadanam{" "}
                                {/* <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="thaipoosam-iframe" style={{height:"800px"}}
                                src="https://www.zeffy.com/embed/donation-form/sri-murugan-temple-annadanam-and-upayam--2025"
                                allowPaymentRequest
                                allowTransparency="true"

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

export default EventAnnathanam;