function Footer({ lang }) {
  return (
    <footer className="footer">
      <div className="wrap">
        <div className="footer-grid">
          <div className="footer-brand">
            <span className="wm">shyft</span>
            <p>{lang === "de" ? "KI-Automation Boutique. Für KMUs in Tirol, Salzburg und München." : "AI automation boutique. For SMEs in Tyrol, Salzburg and Munich."}</p>
          </div>
          <div>
            <h5>Shyft</h5>
            <a href="#what">{t(COPY.nav.what, lang)}</a>
            <a href="#how">{t(COPY.nav.how, lang)}</a>
            <a href="#work">{lang === "de" ? "Projekte" : "Work"}</a>
          </div>
          <div>
            <h5>{lang === "de" ? "Kontakt" : "Contact"}</h5>
            <a href="mailto:hallo@shyft.example">hallo@shyft.example</a>
            <a href="#">LinkedIn</a>
          </div>
          <div>
            <h5>{lang === "de" ? "Standorte" : "Locations"}</h5>
            <span style={{color:"rgba(255,255,255,.75)",fontSize:".875rem",display:"block",padding:"4px 0"}}>Innsbruck</span>
            <span style={{color:"rgba(255,255,255,.75)",fontSize:".875rem",display:"block",padding:"4px 0"}}>Salzburg</span>
            <span style={{color:"rgba(255,255,255,.75)",fontSize:".875rem",display:"block",padding:"4px 0"}}>München</span>
          </div>
        </div>
        <div className="footer-bottom">
          <span>Guy · Simone — Tyrol · Salzburg · Munich</span>
          <span>© 2026 Shyft · {lang === "de" ? "Impressum" : "Imprint"} · {lang === "de" ? "Datenschutz" : "Privacy"}</span>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;