/* iONE marketing site — final CTA + footer */
function CtaBand() {
  const { Button } = window.IONEDesignSystem_ec7bc5;
  const Icons = window.IONEIcons;
  return (
    <section className="mk-section" id="pilot">
      <div className="mk-wrap mk-wrap--wide">
        <div className="mk-cta">
          <div className="mk-cta__glow"></div>
          <div className="mk-cta__inner">
            <span className="mk-kicker">Ready to replace diesel?</span>
            <h2 style={{ marginTop: 'var(--space-4)' }}>Deploy autonomous renewable energy in days, not months.</h2>
            <p>We're deploying pilot stations across climate zones and infrastructure applications.
              Pilot partners get early access, dedicated support and a direct line to the product team.</p>
            <div className="mk-cta__actions">
              <Button variant="accent" size="lg" trailingIcon={<Icons.Arrow/>}>Book a demo</Button>
              <Button variant="secondary" size="lg">Apply for pilot program</Button>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}

function SiteFooter() {
  const cols = [
    { h: 'Company', links: ['About iONE', 'Technology', 'Careers', 'Press', 'Contact'] },
    { h: 'Platform', links: ['iONE OS', 'Fleet portal', 'Digital twin', 'Integrations'] },
    { h: 'Legal', links: ['Privacy Policy', 'Imprint'] },
  ];
  return (
    <footer className="mk-footer" id="company">
      <div className="mk-wrap mk-wrap--wide">
        <div className="mk-footer__grid">
          <div className="mk-footer__brand">
            <div className="mk-logo"><span className="i">i</span>ONE</div>
            <p>Autonomous, deployable renewable energy infrastructure — delivered as a service. A G.T company, Berlin.</p>
          </div>
          {cols.map((c) => (
            <div key={c.h}>
              <h4>{c.h}</h4>
              <ul>{c.links.map((l) => <li key={l}><a href="#">{l}</a></li>)}</ul>
            </div>
          ))}
        </div>
        <div className="mk-footer__bottom">
          <span>© 2026 iONE Energy · Berlin, Germany · <a href="mailto:info@ione.energy" style={{color:'inherit'}}>info@ione.energy</a></span>
          <span className="mono">mission: accelerating the transition from diesel to autonomous renewables</span>
        </div>
      </div>
    </footer>
  );
}
window.CtaBand = CtaBand;
window.SiteFooter = SiteFooter;