// Production Footer — real links, hello@rcv.vc.
function Footer() {
  const linkStyle = { color: "inherit", textDecoration: "none", fontSize: 14, fontWeight: 500 };
  return (
    <footer style={{ background: "#213A2C", color: "#FFFFFF", padding: "80px 48px 40px" }}>
      <div style={{ maxWidth: 1280, margin: "0 auto" }}>
        <div style={{ display: "grid", gridTemplateColumns: "1.6fr 1fr 1fr", gap: 48, paddingBottom: 64, borderBottom: "1px solid rgba(255,255,255,0.12)" }}>
          <div>
            <img src="assets/logo-acronym-reverse-accent.svg" alt="RCV" style={{ height: 96, width: "auto", display: "block" }}/>
          </div>
          <div>
            <div style={{ fontSize: 11, fontWeight: 500, letterSpacing: "0.18em", textTransform: "uppercase", color: "#CDF6B0", marginBottom: 18 }}>Site</div>
            <ul style={{ margin: 0, padding: 0, listStyle: "none", display: "flex", flexDirection: "column", gap: 10 }}>
              <li><a href="index.html" style={linkStyle}>Home</a></li>
              <li><a href="about.html" style={linkStyle}>About</a></li>
              <li><a href="portfolio.html" style={linkStyle}>Portfolio</a></li>
              <li><a href="contact.html" style={linkStyle}>Contact</a></li>
            </ul>
          </div>
          <div>
            <div style={{ fontSize: 11, fontWeight: 500, letterSpacing: "0.18em", textTransform: "uppercase", color: "#CDF6B0", marginBottom: 18 }}>Get in touch</div>
            <ul style={{ margin: 0, padding: 0, listStyle: "none", display: "flex", flexDirection: "column", gap: 10 }}>
              <li><a href="mailto:hello@rcv.vc" style={linkStyle}>hello@rcv.vc</a></li>
            </ul>
          </div>
        </div>
        <div style={{ paddingTop: 28, display: "flex", justifyContent: "space-between", fontSize: 12, color: "rgba(255,255,255,0.5)", letterSpacing: "0.04em", flexWrap: "wrap", gap: 12 }}>
          <span>© 2026 Renewal Climate Ventures. All rights reserved.</span>
          <span>[PLACEHOLDER: legal disclosure / privacy policy link to be added]</span>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;