import Link from "next/link"
export default function Footer2() {
	return (
		<>


			{/* Main Footer */}
			<footer className="footer-style-two">
				<div className="auto-container">
					{/* Widgets Section */}
					<div className="widgets-section">
						<div className="row clearfix">

							{/* Big Column */}
							<div className="big-column col-lg-6 col-md-12 col-sm-12">
								<div className="row clearfix">

									{/*Footer Column*/}
									<div className="footer-column col-lg-6 col-md-6 col-sm-12">
										<div className="footer-widget logo-widget">
											<div className="logo">
												<Link href="/"><img src="/assets/images/logo/logo-white.png" alt="Sixty5 Street white footer logo Brampton ON" loading="lazy" /></Link>
											</div>
											<div className="text">Bold street food made fresh.<br /> Wings, wraps, dosas & more - all packed with flavor and attitude.</div>
										</div>
									</div>

									{/*Footer Column*/}
									<div className="footer-column col-lg-6 col-md-6 col-sm-12">
										<div className="footer-widget contact-widget">
											<h6>Useful Links</h6>
											<ul className="contact-list">
												<li><Link href="/about">About</Link></li>
												<li><Link href="/gallery">Gallery</Link></li>
												<li><Link href="/menu">Menu</Link></li>
												<li><Link href="/blog">Blog</Link></li>
												<li><Link href="/contact">Contact</Link></li>
												{/* <li><Link href="tel:+289-498-6565">289-498-6565</Link></li> */}
											</ul>
										</div>
									</div>

								</div>
							</div>

							{/* Big Column */}
							<div className="big-column col-lg-6 col-md-12 col-sm-12">
								<div className="row clearfix">

									{/*Footer Column*/}
									<div className="footer-column col-lg-6 col-md-6 col-sm-12">
										<div className="footer-widget visit-widget">
											<h6>Contact</h6>
											<ul className="contact-list" style={{ listStyle: 'none', padding: 0, margin: 0 }}>
												<li style={{ display: 'flex', alignItems: 'center', marginBottom: '10px', color: 'white' }}>
													<span className="icon flaticon-telephone" style={{ marginRight: '10px', color: 'white', fontSize: '16px' }}></span>
													<Link href="tel:+289-498-6565" style={{ color: 'white', textDecoration: 'none' }}>289-498-6565</Link>
												</li>
												<li style={{ display: 'flex', alignItems: 'center', marginBottom: '10px', color: 'white' }}>
													<span className="icon flaticon-email" style={{ marginRight: '10px', color: 'white', fontSize: '16px' }}></span>
													<Link href="mailto:sixty5street@gmail.com" style={{ color: 'white', textDecoration: 'none' }}>sixty5street@gmail.com</Link>
												</li>
												<li style={{ display: 'flex', alignItems: 'center', color: 'white' }}>
													<span className="icon flaticon-placeholder" style={{ marginRight: '10px', color: 'white', fontSize: '16px' }}></span>
													<span>Unit 75, 100 Maritime Ontario Blvd, Brampton, ON L6S 0E7</span>
												</li>
											</ul>
										</div>
									</div>

									{/*Footer Column*/}
									<div className="footer-column col-lg-6 col-md-6 col-sm-12">
										<div className="footer-widget social-widget">
											<h6>Follow Us Now</h6>
											<ul className="social-list">
												<li>
													<Link
														href="https://www.facebook.com/people/Sixty5street/61578269162880/"
														target="_blank"
														rel="noopener noreferrer"
													>
														<span className="icon fa fa-facebook"></span> facebook
													</Link>
												</li>
												{/* <li><Link href="#"><span className="icon fa fa-twitter"></span>twitter</Link></li> */}
												<li>
													<Link
														href="https://www.instagram.com/sixty5street?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw=="
														target="_blank"
														rel="noopener noreferrer"
													>
														<span className="icon fa fa-instagram"></span> instagram
													</Link>
												</li>
												{/* <li><Link href="#"><span className="icon fa fa-dribbble"></span>dribbble</Link></li> */}
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div className="footer-bottom">
					<div className="auto-container">
						<div className="copyright">
							Copyright {new Date().getFullYear()} © Sixty5street. Powered by{" "}
							<a
								href="https://metatroncubesolutions.com/"
								target="_blank"
								rel="noopener noreferrer"
								style={{ color: "#cf2d1f" }}
							>
								MetatronCube
							</a>. All Rights Reserved.
						</div>
					</div>
				</div>
			</footer>

		</>
	)
}
