function Footer() {
  return (
    <footer className="site-footer">
      <div className="footer-inner">
        <div className="footer-brand">
          <LogoMark size={48}/>
          <div>
            <div className="footer-name">筆処 和灯〜watou〜</div>
            <div className="footer-rom">fudedokoro&nbsp;&nbsp;watou</div>
            <div className="footer-org">一般社団法人 日本万書筆文字協会</div>
          </div>
        </div>

        <div className="footer-cols">
          <div>
            <div className="footer-h">教室</div>
            <a href="#about">教室について</a>
            <a href="#classes">講座</a>
            <a href="#teacher">講師紹介</a>
          </div>
          <div>
            <div className="footer-h">物販</div>
            <a href="#shop">オーダー作品</a>
            <a href="https://yorozusyo.base.shop/" target="_blank" rel="noreferrer">BASE shop ↗</a>
          </div>
          <div>
            <div className="footer-h">SNS</div>
            <a href="https://www.instagram.com/oss_fudemoji/" target="_blank" rel="noreferrer">Instagram</a>
            <a href="https://www.tiktok.com/@ryuhukuen.fuk" target="_blank" rel="noreferrer">TikTok</a>
            <a href="https://www.threads.com/@oss_fudemoji" target="_blank" rel="noreferrer">Threads</a>
          </div>
        </div>
      </div>

      <div className="footer-bottom">
        <div>© {new Date().getFullYear()} 筆処 和灯〜watou〜  /  北薗 竜司</div>
        <div className="footer-mini">made with sumi &amp; washi</div>
      </div>
    </footer>
  );
}

Object.assign(window, { Footer });