import React from 'react';
import { connect } from 'react-redux';

class Footer extends React.Component {
  render() {
    return (
    <footer className="footer">
      <section className="responsive">
        <div className="footer-links">
          <ul className="footer-links-column footer-links-column-contact">
            <li>
              CONTACT
            </li>
            <li>
              <a href="tel:+8774409464">877-440-9464</a>
            </li>
            <li>
              <address>
                1 Campus Martius Suite 200<br />
                Detroit, MI 48226
              </address>
            </li>
          </ul>
          <ul className="footer-links-column footer-links-column-company">
            <li>
              COMPANY
            </li>
            <li>
              <a href="//www.benzinga.com/about" target="_blank">About</a>
            </li>
            <li>
              <a href="//benzinga.postaffiliatepro.com/affiliates" target="_blank">Affiliates</a>
            </li>
          </ul>
          <ul className="footer-links-column footer-links-column-info">
            <li>
              HELPFUL INFO
            </li>
            <li>
              <a href="/pricing/">Pricing</a>
            </li>
            <li>
              <a href="//www.benzinga.com/contact" target="_blank">Support</a>
            </li>
          </ul>
          <ul className="footer-links-column footer-links-column-connect">
            <li>CONNECT WITH US</li>
            <li>
              <a href="//www.twitter.com/Benzinga" target="_blank">
                <i className="bzpro-icon-twitter"></i>
              </a>
              <a href="//www.facebook.com/Benzinga" target="_blank">
                <i className="bzpro-icon-facebook"></i>
              </a>
              <a href="//www.linkedin.com/company/benzinga" target="_blank">
                <i className="bzpro-icon-linkedin"></i>
              </a>
            </li>
          </ul>
        </div>
        <div className="footer-logo">
          <a href="/">
            <span className="u-visuallyHidden">Benzinga Pro. Profit With Faster News and Research</span>
          </a>
        </div>
        <ul className="footer-copyright">
          <li>
            &copy; 2016 Benzinga, LLC.
          </li>
          <li>
            <a href="//www.benzinga.com/disclaimer" target="_blank">Disclaimer</a>
          </li>
          <li>
            <a href="//www.benzinga.com/page/privacy" target="_blank">Privacy Policy</a>
          </li>
        </ul>
      </section>
    </footer>);
  }
}

export default connect()(Footer);