const Footer = () => {
  const year = new Date().getFullYear();
  return (
    <footer className="footer">
      <div className="container">
        <div className="footer-top">
          <div>
            <Logo light />
            <p className="footer-tagline">情報を整え、<br/>伝わる形へ。</p>
          </div>
          <div className="footer-col">
            <h5>Services</h5>
            <ul>
              <li><a href="#services">ITコンサルティング</a></li>
              <li><a href="#services">資料制作</a></li>
              <li><a href="#services">Web制作</a></li>
            </ul>
          </div>
          <div className="footer-col">
            <h5>Company</h5>
            <ul>
              <li><a href="index.html#about">会社概要</a></li>
              <li><a href="index.html#vision">ビジョン</a></li>
              <li><a href="index.html#profile">代表紹介</a></li>
              <li><a href="career.html">職歴</a></li>
              <li><a href="index.html#contact">お問い合わせ</a></li>
            </ul>
          </div>
          <div className="footer-col">
            <h5>Other</h5>
            <ul>
              <li><a href="https://fujisawa-beans.jp/" target="_blank" rel="noopener noreferrer">FUJISAWA BEANS ↗</a></li>
            </ul>
          </div>
        </div>
        <div className="footer-bottom">
          <span>© {year} FUJISAWA PLANNING. All rights reserved.</span>
          <span>KAGAWA, JAPAN</span>
        </div>
      </div>
    </footer>
  );
};

window.Footer = Footer;