import Link from 'next/link'


export default function Footer1() {
	return (
		<>
			<div className="footer1-sertion-area">
				<div className="container">
					<div className="row">
						<div className="col-lg-1"></div>
						<div className="col-lg-3 col-md-6">
							<div className="footer-logo-area">
								<img src="/assets/img/logo-tca.png" alt="logo" style={{ width: "60px", height: "80px" }} />
								<div className="space16" />
								<p>Celebrating and vibrantly sharing the rich and diverse heritage of Tamil culture through art, food, music, dance, and storytelling.</p>
								<div className="space24" />
								<ul>
									<li>
										<Link href="/#"><i className="fa-brands fa-facebook-f" /></Link>
									</li>
									<li>
										<Link href="/#"><i className="fa-brands fa-instagram" /></Link>
									</li>
									<li>
										<Link href="/#"><i className="fa-brands fa-linkedin-in" /></Link>
									</li>
									<li>
										<Link href="/#" className="m-0"><i className="fa-brands fa-pinterest-p" /></Link>
									</li>
								</ul>
							</div>
						</div>
						<div className="col-lg-2 col-md-6">
							<div className="link-content">
								<h3>Quick Links</h3>
								<ul>
									<li><Link href="/">Home</Link></li>
									<li><Link href="/about">About Us</Link></li>
									<li><Link href="/tamil-culture">Tamil Culture</Link></li>
									<li><Link href="/upcoming-event">UpComing Event</Link></li>
									<li><Link href="/contact">Contact Us</Link></li>
								</ul>
							</div>
						</div>
						<div className="col-lg-2 col-md-6">
							<div className="link-content quick-links-section">
								<h3>Community</h3>
								<ul>
									<li><Link href="/community/recipes">Recipes</Link></li>
									<li><Link href="/community/cricket-club">Cricket Club</Link></li>
									<li><Link href="/community/badminton-club">Badminton Club</Link></li>
									<li><Link href="/community/business-directory">Business Directory</Link></li>
									<li><Link href="/community/tamil-school">Tamil School</Link></li>
									<li><Link href="/community/global-relief-fund">Global Relief Fund</Link></li>
								</ul>
							</div>
						</div>
						<div className="col-lg-4 col-md-6">
							<div className="link-content2">
								<h3>Contact Us</h3>
								<ul>
									{/* <li>
										<Link href="/tel:+11234567890"><img src="/assets/img/home/call.webp" alt="" />+1 123 456
											7890</Link>
									</li> */}
									<li>
										<Link href="/#"><img src="/assets/img/icons/location.png" alt="" />P.O. Box No:25068, Kitchener, <br />Ontario, N2A 4A5, Canada.</Link>
									</li>
									<li>
										<Link href="mailto:mail@tamilculturewaterloo.org"><img src="/assets/img/icons/mail.png" alt="" />mail@tamilculturewaterloo.org</Link>
									</li>
									{/* <li>
										<Link href="/#"> <img src="/assets/img/icons/world1.svg" alt="" />eventifyevent.com</Link>
									</li> */}
								</ul>
							</div>
						</div>
						<div className="col-lg-1"></div>
						{/* <div className="col-lg-4 col-md-6">
							<div className="footer-social-box">
								<h3>Our Recent Event Gallery</h3>
								<div className="space12" />
								<div className="row">
									<div className="col-lg-4 col-md-4 col-4">
										<div className="img1">
											<img src="/assets/img/all-images/footer/footer-img1.png" alt="" />
											<div className="icons">
												<Link href="/#"><i className="fa-brands fa-instagram" /></Link>
											</div>
										</div>
									</div>
									<div className="col-lg-4 col-md-4 col-4">
										<div className="img1">
											<img src="/assets/img/all-images/footer/footer-img2.png" alt="" />
											<div className="icons">
												<Link href="/#"><i className="fa-brands fa-instagram" /></Link>
											</div>
										</div>
									</div>
									<div className="col-lg-4 col-md-4 col-4">
										<div className="img1">
											<img src="/assets/img/all-images/footer/footer-img3.png" alt="" />
											<div className="icons">
												<Link href="/#"><i className="fa-brands fa-instagram" /></Link>
											</div>
										</div>
									</div>
									<div className="col-lg-4 col-md-4 col-4">
										<div className="img1">
											<img src="/assets/img/all-images/footer/footer-img4.png" alt="" />
											<div className="icons">
												<Link href="/#"><i className="fa-brands fa-instagram" /></Link>
											</div>
										</div>
									</div>
									<div className="col-lg-4 col-md-4 col-4">
										<div className="img1">
											<img src="/assets/img/all-images/footer/footer-img5.png" alt="" />
											<div className="icons">
												<Link href="/#"><i className="fa-brands fa-instagram" /></Link>
											</div>
										</div>
									</div>
									<div className="col-lg-4 col-md-4 col-4">
										<div className="img1">
											<img src="/assets/img/all-images/footer/footer-img6.png" alt="" />
											<div className="icons">
												<Link href="/#"><i className="fa-brands fa-instagram" /></Link>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div> */}
					</div>
					<div className="space60" />
					<div className="row">
						<div className="col-lg-12">
							<div className="copyright">
								<p>
									Copyright {new Date().getFullYear()} © TamilCultureAssociation. Powered by{' '}
									<a
										style={{ color: "#ce2029" }}
										href="https://metatroncubesolutions.com/"
										target="_blank"
										rel="noopener noreferrer"
									>
										MetatronCube
									</a>. All Rights Reserved.
								</p>
							</div>

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

		</>
	)
}
