function CtaBand({ navigate }) {
  return (
    <section className="container" style={{paddingBottom: 96}}>
      <div className="cta-band reveal">
        <div>
          <h3>Kein Einrichtungs-Setup. Kein Server.</h3>
          <p>Lade die App, öffne deine Excel-Mappe, fertig. Lokal auf deinem Rechner — die Schülerdaten bleiben in der Schule.</p>
        </div>
        <div className="actions">
          <Button variant="primary" size="lg" icon="download" href="#/download"
                  onClick={(e)=>{e.preventDefault(); navigate("/download")}}>
            Jetzt herunterladen
          </Button>
        </div>
      </div>
    </section>
  );
}

function SiteFooter() {
  return (
    <footer className="site-foot">
      <div className="foot-inner">
        <span>© 2026 Schienengenerator · Universität Würzburg</span>
        <div className="links">
          <a href="#/download" onClick={(e)=>{e.preventDefault(); window.location.hash = "#/download";}}>Download</a>
          <a href="mailto:?subject=Schienengenerator">Kontakt</a>
        </div>
      </div>
    </footer>
  );
}

window.CtaBand = CtaBand;
window.SiteFooter = SiteFooter;