// contact-footer.jsx — CTA section + Footer + telemetry marquee

function TeleMarquee() {
  const items = [
    'SYSTEM ONLINE',
    'MÖNCHENGLADBACH · DE',
    '51.18°N · 6.43°E',
    'BUILD v.26.05',
    'EDGE INFERENCE <100MS',
    'BMBF · AUTOBIO-KI',
    'BAFA · ACCREDITED',
    'GO-INNO · WIPANO',
    'YOLOv8 · DINOv2',
    'HAILO-8L · RPi 5',
    'SIM-TO-REAL LOOP',
    'PINNs · DIGITAL TWIN',
  ];
  const all = [...items, ...items];
  return (
    <div className="tele-strip">
      <div className="tele-strip__inner">
        {all.map((it, i) => (
          <span key={i} className="tele-strip__item">
            <span className="dot" />
            {it}
            <span className="glyph">//</span>
          </span>
        ))}
      </div>
    </div>
  );
}

function CTA() {
  return (
    <section id="contact" className="section-pad">
      <div className="container">
        <div className="cta">
          <span className="eyebrow accent no-bar">Start a conversation</span>
          <h2 className="cta__title">
            Build <span className="it">smarter.</span>
          </h2>
          <p className="cta__sub">
            Ready to turn AI from a software experiment into operational infrastructure? Let's scope the system.
          </p>
          <div className="cta__actions">
            <a href="mailto:consulting@mindwaves-consult.com" data-action="contact" className="btn btn--primary">
              Email the team
              <i data-lucide="arrow-up-right"></i>
            </a>
            <a href="tel:+4921619499043" className="btn btn--ghost">
              <i data-lucide="phone"></i>
              +49 2161 9499043
            </a>
          </div>
          <div className="cta__contacts">
            <a href="mailto:consulting@mindwaves-consult.com">
              <i data-lucide="mail"></i>
              consulting@mindwaves-consult.com
            </a>
            <span><i data-lucide="map-pin"></i> Hocksteiner Weg 33 · 41189 Mönchengladbach · DE</span>
          </div>
        </div>
      </div>
    </section>
  );
}

function Footer() {
  return (
    <footer className="footer">
      <div className="container">
        <div className="footer__grid">
          <div className="footer__brand">
            <a href="#top" className="logo">
              <img src="assets/mindwaves-icon-gradient-circle.png" alt="" />
              <span>Mindwaves</span>
            </a>
            <p>AI infrastructure for real-world systems. Digital Twins, Autonomous Labs, and Edge AI for industrial and biological production.</p>
            <p style={{ fontFamily: 'var(--mw-font-mono)', fontSize: 11, letterSpacing: '0.12em', textTransform: 'uppercase', color: 'var(--mw-fg-3)', marginTop: 8 }}>
              MindWaves AI Solutions GmbH<br />
              Hocksteiner Weg 33, 41189 Mönchengladbach · DE
            </p>
          </div>
          <div className="footer__col">
            <h5>Systems</h5>
            <ul>
              <li><a href="#systems">Digital Twin</a></li>
              <li><a href="#systems">Autonomous Lab</a></li>
              <li><a href="#systems">Edge / On-Site AI</a></li>
              <li><a href="#systems">Visual Agentic Memory</a></li>
              <li><a href="#services">All services</a></li>
            </ul>
          </div>
          <div className="footer__col">
            <h5>Research</h5>
            <ul>
              <li><a href="#research">AUTOBIO-KI</a></li>
              <li><a href="#research">VisInspect.AI</a></li>
              <li><a href="#news">News & Lab</a></li>
              <li><a href="#accreditations">Accreditations</a></li>
            </ul>
          </div>
          <div className="footer__col">
            <h5>Contact</h5>
            <ul>
              <li><a href="mailto:consulting@mindwaves-consult.com">consulting@mindwaves-consult.com</a></li>
              <li><a href="tel:+4921619499043">+49 2161 9499043</a></li>
              <li><a href="#contact">Get in touch</a></li>
              <li><a href="#">Imprint / Datenschutz</a></li>
            </ul>
          </div>
        </div>
        <div className="footer__base">
          <span>© 2026 MindWaves AI Solutions GmbH</span>
          <span className="legal">
            <span>BAFA · go-inno · WIPANO · BMBF</span>
            <span>v.26.05 // BUILD STABLE</span>
          </span>
        </div>
      </div>
    </footer>
  );
}

Object.assign(window, { CTA, Footer, TeleMarquee });