{"size": 1687, "ext": "js", "max_stars_repo_path": "client/components/civic/components/hero.js", "max_stars_repo_name": "joshr4/website", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "client/components/civic/components/hero.js", "max_issues_repo_name": "joshr4/website", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "client/components/civic/components/hero.js", "max_forks_repo_name": "joshr4/website", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 27.2096774194, "max_line_length": 123, "alphanum_fraction": 0.468879668}
import React from 'react'
import PropTypes from 'prop-types'
import { connect } from 'react-redux'

/**
 * COMPONENT
 */
export const Header = props => {
  const { email } = props

  return (
    <section className="hero-section spad">
      <div className="container-fluid">
        <div className="row">
          <div className="col-xl-10 offset-xl-1">
            <div className="row">
              <div className="col-lg-6">
                <div className="hero-text">
                  <h2>Josh Remaley</h2>
                  <p>I’m a digital designer in love with photography, painting and discovering new worlds and cultures.</p>
                </div>
                <div className="hero-info">
                  <h2>General Info</h2>
                  <ul>
                    <li><span>Date of Birth</span>Aug 25, 1988</li>
                    <li><span>Address</span>Rosia Road 55, Gibraltar, UK</li>
                    <li><span>E-mail</span>mariawilliams@company.com</li>
                    <li><span>Phone </span>+43 5266 22 345</li>
                  </ul>
                </div>
              </div>
              <div className="col-lg-6">
                <figure className="hero-image">
                  <img src='/img/DSC_0802.jpg' alt="5" />
                </figure>
              </div>
              </div>
            </div>
          </div>
        </div>
    </section>
      )
    }

    /**
     * CONTAINER
     */
const mapState = state => {
  return {
        //email: state.user.email
      }
      }

      export default connect(mapState)(Header)

      /**
       * PROP TYPES
       */
Header.propTypes = {
        email: PropTypes.string
    }
