// Footer V3 — Gigantic logo wordmark + tiny links beneath. Statement footer.
const FooterV3 = () => {
  return (
    <div className="ev-stage" style={{
      width: "100%", height: "100%",
      padding: "40px 80px 32px",
      display: "flex", flexDirection: "column",
      borderTop: "1px solid var(--glass-border)",
      position: "relative", overflow: "hidden",
    }}>
      {/* Massive wordmark */}
      <div style={{
        flex: 1,
        display: "flex", alignItems: "flex-end", justifyContent: "center",
        position: "relative",
      }}>
        <div style={{
          fontSize: "min(15vw, 150px)",
          fontWeight: 900,
          letterSpacing: "-0.07em",
          lineHeight: 0.85,
          color: "transparent",
          background: "linear-gradient(180deg, rgba(255,255,255,0.18) 0%, rgba(9,169,85,0.40) 70%, rgba(9,169,85,0.05) 100%)",
          WebkitBackgroundClip: "text", backgroundClip: "text",
          WebkitTextFillColor: "transparent",
          textAlign: "center",
          fontFamily: "inherit",
          userSelect: "none",
          filter: "drop-shadow(0 0 60px rgba(9,169,85,0.25))",
          width: "100%",
        }}>Confirmări.ro</div>
      </div>

      {/* Legal links */}
      <div style={{
        display: "flex", justifyContent: "center", gap: 22, flexWrap: "wrap",
        marginTop: 18, position: "relative", zIndex: 1,
        fontSize: 13, color: "var(--fg-3)",
      }}>
        <a href="privacy.html" style={{ color: "var(--fg-3)", textDecoration: "none" }}>Politică de confidențialitate</a>
        <a href="terms.html" style={{ color: "var(--fg-3)", textDecoration: "none" }}>Termeni și condiții</a>
        <span>© 2026 ROAD TO WEALTH SRL</span>
      </div>
    </div>
  );
};

window.FooterV3 = FooterV3;