// Footer.jsx
function Footer({ onNavigate }) {
  const go = (path) => (e) => { e.preventDefault(); onNavigate(path); };
  return (
    <footer className="foot">
      <div className="wrap">
        <div className="foot-grid">
          <div>
            <Logo />
            <p className="mute" style={{ marginTop: 20, fontSize: 14, maxWidth: 320 }}>
              Veteran-operated technology innovation. Building software that holds up in the field — for aviation, defense, and government.
            </p>
            <div className="eyebrow mute" style={{ marginTop: 28 }}>
              <span className="dot" style={{ background: "#3FB46E" }}></span>
              SYSTEM ONLINE · 100% UPTIME (90D)
            </div>
          </div>
          <div>
            <h5>Navigate</h5>
            <ul>
              <li><a href="#/" onClick={go("/")}>Index</a></li>
              <li><a href="#/platform/aviation" onClick={go("/platform/aviation")}>Aviation Status</a></li>
              <li><a href="#/platform/aviation" onClick={go("/platform/aviation")}>AviationMax</a></li>
              <li><a href="#/capabilities" onClick={go("/capabilities")}>Capabilities</a></li>
              <li><a href="#/about" onClick={go("/about")}>Company</a></li>
              <li><a href="#/contact" onClick={go("/contact")}>Contact</a></li>
            </ul>
          </div>
          <div>
            <h5>Programs</h5>
            <ul>
              <li><a href="#/contact" onClick={go("/contact")}>DOD SkillBridge</a></li>
              <li><a href="#/contact" onClick={go("/contact")}>Software Internship</a></li>
              <li><a href="#/contact" onClick={go("/contact")}>Project Management</a></li>
              <li><a href="#/contact" onClick={go("/contact")}>Product Marketing</a></li>
            </ul>
          </div>
          <div>
            <h5>Operating From</h5>
            <ul>
              <li>450 Sinclair St</li>
              <li>Reno, NV 89501</li>
              <li><a href="tel:+17752234416" className="tabular">(775) 223-4416</a></li>
              <li><a href="mailto:info@luli.us">info@luli.us</a></li>
            </ul>
            <ul style={{ marginTop: 20 }}>
              <li><a href="https://www.linkedin.com/company/lulius-innovation" target="_blank" rel="noopener">LinkedIn ↗</a></li>
              <li><a href="https://twitter.com/LuliusInnovate" target="_blank" rel="noopener">X (Twitter) ↗</a></li>
              <li><a href="https://www.facebook.com/innovateWithUs/" target="_blank" rel="noopener">Facebook ↗</a></li>
            </ul>
          </div>
        </div>

        <div style={{
          marginTop: 72, paddingTop: 24, borderTop: "1px solid var(--line)",
          display: "flex", justifyContent: "space-between", alignItems: "center",
          flexWrap: "wrap", gap: 16,
        }}>
          <div className="eyebrow mute">© LULIUS INNOVATION LLC · 2014–2026 · ALL RIGHTS RESERVED</div>
          <div className="eyebrow mute tabular">39.5296° N · 119.8138° W</div>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;