/* global React */
function Footer() {
  return (
    <footer>
      <div className="container">
        <div className="footer-top">
          <div className="footer-col brand-col">
            <a href="#top" className="brand">
              <div className="mark">A</div>
              <div>
                <div className="name-jp">AIS塾</div>
                <div className="name-en">All Inclusive Salon</div>
              </div>
            </a>
            <p className="tag">愛され続けるサロンは、仕組みでつくられる。<br />定額制美容室の創り方を学ぶ、オールインクルーシブサロン®塾。</p>
          </div>
          <div className="footer-col">
            <div className="h">ABOUT</div>
            <a href="#about">AIS塾とは</a>
            <a href="#essence">塾の本質</a>
            <a href="#instructor">講師紹介</a>
          </div>
          <div className="footer-col">
            <div className="h">PROGRAM</div>
            <a href="#curriculum">カリキュラム</a>
            <a href="#results">受講者の成果</a>
            <a href="#overview">開催概要</a>
            <a href="#audience">こんな方に</a>
          </div>
          <div className="footer-col">
            <div className="h">CONTACT</div>
            <a href="https://lin.ee/7w8vxiJ" target="_blank" rel="noopener">無料相談する</a>
            <a href="https://lin.ee/7w8vxiJ" target="_blank" rel="noopener">申込みはこちら</a>
            <a href="#faq">よくある質問</a>
          </div>
        </div>
        <div className="footer-bottom">
          <div>© 2026 AIS塾 — All Inclusive Salon®. All rights reserved.</div>
          <div className="legal">
            <a href="#">Privacy</a>
            <a href="#">Terms</a>
            <a href="#">特定商取引法</a>
          </div>
        </div>
      </div>
    </footer>);

}
window.Footer = Footer;