/* Footer */
function Footer() {
  return (
    <footer>
      <div className="container">
        <div className="footer-grid">
          <div>
            <a href="#top" className="logo" style={{ marginBottom: 16 }}>
              <span className="logo-mark"><LogoMark size={32} /></span>
              <span>Hub2</span>
            </a>
            <p style={{ fontSize: 13, color: 'var(--ink-3)', lineHeight: 1.8, maxWidth: 320, margin: '12px 0 0' }}>
              EC情報ゲートウェイ SaaS「Hub2」 ── 全プラットフォームの商品情報を、一つのハブで管理する。
            </p>
            <div className="mono" style={{ marginTop: 20, fontSize: 11, color: 'var(--gold)', letterSpacing: '0.15em' }}>
              ◆ hub2.co.jp
            </div>
          </div>
          <div>
            <h4>Product</h4>
            <ul>
              <li><a href="#features">機能</a></li>
              <li><a href="#platforms">対応プラット</a></li>
              <li><a href="#dashboard">ダッシュボード</a></li>
              <li><a href="#pricing">料金プラン</a></li>
              <li><a href="#roadmap">ロードマップ</a></li>
            </ul>
          </div>
          <div>
            <h4>Company</h4>
            <ul>
              <li><a href="#">運営会社</a></li>
              <li><a href="#">プレスリリース</a></li>
              <li><a href="#">ブログ</a></li>
              <li><a href="https://forms.gle/46RwNRqFvELe96ww7" target="_blank" rel="noopener noreferrer">お問い合わせ</a></li>
            </ul>
          </div>
          <div>
            <h4>Legal</h4>
            <ul>
              <li><a href="#">利用規約</a></li>
              <li><a href="#">プライバシー</a></li>
              <li><a href="#features">電帳法対応</a></li>
              <li><a href="#">特定商取引法</a></li>
            </ul>
          </div>
        </div>
        <div className="copy">
          <span>© 2026 ㈱インペリアル・メッセンジャー · All rights reserved</span>
          <span>◆ CLOSED β / v0.1.0</span>
        </div>
      </div>
    </footer>
  );
}

window.Footer = Footer;