function Footer() {
  return (
    <footer className="foot">
      <div className="container">
        <div className="foot-grid">
          <div>
            <div className="brand" style={{ marginBottom: 16 }}>
              <span className="mark">Н</span>
              <span>НМТ<span style={{ color: "var(--o-500)" }}>+</span></span>
            </div>
            <p style={{ fontSize: 14, color: "var(--muted)", maxWidth: 320, lineHeight: 1.55, fontWeight: 500 }}>
              Гейміфікований застосунок для підготовки до НМТ. Зроблено з ❤️ в Україні діючими військовими.
            </p>
          </div>
          <div>
            <h4>Продукт</h4>
            <a href="#how">Як працює</a>
            <a href="#features">Можливості</a>
            <a href="#gami">Гейміфікація</a>
            <a href="#quiz">Спробувати</a>
          </div>
          <div>
            <h4>Компанія</h4>
            <a href="#military">Військові</a>
            <a href="#faq">FAQ</a>
          </div>
          <div>
            <h4>Соцмережі</h4>
            <a href="#">Instagram</a>
            <a href="#">TikTok</a>
            <a href="#">Telegram</a>
            <a href="#">YouTube</a>
          </div>
        </div>
        <div className="foot-bottom">
          <span>© 2026 НМТ+. Слава Україні.</span>
          <span style={{ display: "flex", gap: 16 }}>
            <a href="privacy.html">Конфіденційність</a>
            <a href="terms.html">Умови</a>
          </span>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;