var Footer = function() {
  return (
    <footer className="footer">
      <div className="container">
        <div className="footer-inner">
          <div className="footer-brand">
            <span style={{ fontFamily: "var(--font-display)", fontWeight: 700, fontSize: 18, letterSpacing: "-0.03em", color: "rgba(255,255,255,0.9)" }}>
              aphina<span style={{ color: "var(--aphina-magenta)" }}>.</span>
            </span>
          </div>
          <div className="footer-links">
            <a href="mailto:sales@aphina.dev">Contact</a>
          </div>
        </div>
        <div className="footer-base">
          <span>© {new Date().getFullYear()} Aphina. All rights reserved.</span>
          <span>Baku, Azerbaijan</span>
        </div>
      </div>
    </footer>
  );
};
