/** @format */

import "./footer.less";
import logo from "@/assets/images/logo.png";
import facebook from "@/assets/images/test/icon-facebook.svg";
import twitter from "@/assets/images/test/icon-twitter.svg";
import instagram from "@/assets/images/test/icon-instagram.svg";

export function Footer() {
	return (
		<footer>
			<div className="container">
				<div className="footer-logo">
					<img src={logo} alt="Logo" />
				</div>
				<div className="footer-menu">
					<div className="f-menu">
						<a href="#">问题</a>
						<a href="#">联系我们</a>
					</div>
					<div className="f-menu">
						<a href="#">隐私政策</a>
						<a href="#">开源协议</a>
					</div>
					<div className="f-menu">
						<a href="/login">开始使用</a>
					</div>
				</div>
				<div className="social-icons">
					<a href="#">
						<img src={facebook} alt="https://twitter.com/rai_jenis" />
					</a>
					<a href="https://twitter.com/rai_jenis">
						<img src={twitter} alt="" />
					</a>
					<a href="https://instagram.com/rai_jenis">
						<img src={instagram} alt="" />
					</a>
				</div>
			</div>
		</footer>
	);
}
