'use client'
import CountUp from 'react-countup'
import Link from 'next/link'

export default function HomeWhyChooseUs() {
	return (
		<>

			<div className="about2-section-area others-timer-area sp4">
				{/* <img src="/assets/img/elements/elements13.png" alt="" className="elements12" /> */}
				<div className="container">
					<div className="row align-items-center">
						<div className="col-lg-6">
							<div className="about-images-area">
								{/* <img src="/assets/img/elements/elements14.png" alt="" className="elements14" /> */}
								<div className="row align-items-center">
									<div className="col-lg-6 col-md-6">
										<div className="img1 image-anime reveal">
											<img src="/assets/img/home/membership-benifits/membership-benefit-left.webp" alt="" />
										</div>
										<div className="space24 d-md-none d-block" />
									</div>
									<div className="col-lg-6 col-md-6">
										<div className="img1 image-anime reveal">
											<img src="/assets/img/home/membership-benifits/membership-benefit-right-1.webp" alt="" />

										</div>
										<div className="space24" />
										<div className="img1 image-anime reveal">
											<img src="/assets/img/home/membership-benifits/membership-benefit-right-2.webp" alt="" />

										</div>
									</div>
								</div>
							</div>
						</div>
						<div className="col-lg-1" />
						<div className="col-lg-5">
							<div className="about2-header heading4">
								{/* <h5 data-aos="fade-left" data-aos-duration={800}>about our business conferences</h5>
								<div className="space18" /> */}
								<h2 className="text-anime-style-3">Membership Benefits</h2>
								<div className="space16" />
								<p data-aos="fade-left" data-aos-duration={900}>Join a vibrant community of Tamil professionals, students, and culture enthusiasts!
								As a member of Tamil Culture Waterloo, you’ll gain access to exclusive events, insightful talks, and networking opportunities that celebrate Tamil identity and foster personal and professional growth.</p>
								<div className="space8" />
								<p data-aos="fade-left" data-aos-duration={900}>Whether you're here to share ideas, discover new opportunities, or connect with like-minded individuals, our events bring together the brightest minds from diverse industries to explore the latest in culture, technology, leadership, and innovation.</p>
								<div className="others-boxarea" data-aos="fade-left" data-aos-duration={1000}>
									{/* <div className="icons-box">
										<div className="icons">
											<img src="/assets/img/icons/about-icon1.svg" alt="" />
										</div>
										<p><CountUp className="odometer" enableScrollSpy={true} end={40} />+ Speakers</p>
									</div>
									<div className="icons-box">
										<div className="icons">
											<img src="/assets/img/icons/about-icon2.svg" alt="" />
										</div>
										<p><CountUp className="odometer" enableScrollSpy={true} end={19} />+ Sponsors</p>
									</div> */}
									<div className="icons-box">
										<div className="icons">
											<img src="/assets/img/icons/mem1.png" alt="" />
										</div>
										<p> Networking Opportunities</p>
									</div>
									<div className="icons-box">
										<div className="icons">
											<img src="/assets/img/icons/mem2.png" alt="" />
										</div>
										<p>Interactive Workshops & Panels</p>
									</div>
								</div>
								<div className="space32" />
								<div className="btn-area1" data-aos="fade-left" data-aos-duration={1200}>
									<Link href="/contact" className="vl-btn2"><span className="demo">Become an Attendee <i className="fa-solid fa-arrow-right" /></span></Link>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

		</>
	)
}