text: import React from 'react'
  import { Link } from 'gatsby'
  
  import logo from '../../static/img/sweet_affairs_footer_logo.png'
  
  const Footer = class extends React.Component {
    render() {
      return (
        <footer className="footer has-background-black has-text-white-ter">
          <div className="content has-text-centered">
            <img
              src={logo}
              alt="Kaldi"
              style={{ width: '14em', height: '10em' }}
            />
          </div>
          <div className="content has-text-centered has-background-black has-text-white-ter">
            <div className="container has-background-black has-text-white-ter">
                <div className="columns">
                  <div className="column is-4">
                  <section className="menu">
                      <ul className="menu-list">
                        <li><Link to="/" className="navbar-item">Home</Link></li>
                        <li><Link className="navbar-item" to="/about">About</Link></li>
                        <li>
                          <Link className="navbar-item" to="/contact">
                            Contact
                          </Link>
                        </li>
                        <li><a
                          className="navbar-item"
                          href="/admin/"
                          target="_blank"
                          rel="noopener noreferrer"
                        >
                          Admin
                        </a></li>
                      </ul>
                    </section>
                  </div>
                </div>
              </div>
          </div>
        </footer>
      )
    }
  }
  
  export default Footer
  