// FooterAlt.jsx — mirror of HeaderAlt on a dark background. // Same logo + nav + lang + CTA layout, with a copyright line beneath. const altFooterStyles = { wrap: { background: "var(--gol-navy-950)", color: "rgba(255,255,255,0.85)", paddingTop: 32, paddingBottom: 32, borderTop: "1px solid rgba(255,255,255,0.06)" }, inner: { height: 84, display: "flex", alignItems: "center", justifyContent: "space-between", gap: 24 }, innerMobile: { height: "auto", flexDirection: "column", alignItems: "flex-start", gap: 20, paddingTop: 16, paddingBottom: 16 }, leftMobile: { width: "100%", justifyContent: "space-between" }, rightMobile: { width: "100%", justifyContent: "flex-start" }, left: { display: "flex", alignItems: "center", gap: 36 }, logo: { height: 44, width: "auto" }, nav: { display: "flex", gap: 36, alignItems: "center" }, navLink: { fontFamily: "var(--font-display)", fontWeight: 400, fontSize: 13, color: "rgba(255,255,255,0.72)", padding: "8px 0", transition: "color 140ms" }, right: { display: "flex", alignItems: "center", gap: 10 }, langChip: { display: "flex", alignItems: "center", gap: 6, padding: "5px 10px", border: "1px solid rgba(255,255,255,0.14)", borderRadius: 8, fontFamily: "var(--font-mono)", fontSize: 11, color: "rgba(255,255,255,0.5)", letterSpacing: "0.08em", }, bottom: { display: "flex", justifyContent: "space-between", alignItems: "center", flexWrap: "wrap", gap: 16, paddingTop: 20, marginTop: 8, borderTop: "1px solid rgba(255,255,255,0.06)", }, copyright: { fontFamily: "var(--font-display)", fontWeight: 300, fontSize: 12, color: "rgba(255,255,255,0.45)" }, legalLinks: { display: "flex", gap: 18, fontFamily: "var(--font-display)", fontWeight: 300, fontSize: 12, color: "rgba(255,255,255,0.45)" }, }; function FNavLink({ children, href = "#", active, onClick }) { const [h, setH] = React.useState(false); return ( setH(true)} onMouseLeave={() => setH(false)}>{children} ); } function FooterAlt({ route, setRoute }) { const isMobile = window.useMobile ? window.useMobile(640) : false; const [lang, setLang] = window.useLang(); const handleNav = (id) => (e) => { e.preventDefault(); setRoute && setRoute(id); }; return ( ); } window.FooterAlt = FooterAlt;