// Footer
const Footer = () => {
  const data = window.PORTFOLIO_DATA;
  const year = new Date().getFullYear();

  return (
    <footer className="footer">
      <div className="container">
        <div className="footer-inner">
          <div className="footer-status">
            <span className="dot"></span>
            <span>by {data.name} · {year}</span>
          </div>
          <div>
            <span style={{ color: "var(--text-muted)" }}>crafted with</span>{" "}
            <span style={{ color: "var(--amber)" }}>too much coffee</span>
          </div>
        </div>
      </div>
    </footer>
  );
};

window.Footer = Footer;