content: // React
  import PropTypes from 'prop-types';
  import React from 'react';
  
  // Redux
  import { connect } from 'react-redux';
  import { bindActionCreators } from 'redux';
  import * as global from 'app/reducers/globalReducer';
  
  // UI
  import { Container, Col, Row, CardBody, Button, Card, CardImage, CardTitle, CardText } from 'mdbreact';
  import { Frame } from 'app/components';
  
  class HomePage extends React.Component {
      render() {
          const { actions } = this.props;
          return (
              <Frame>
                  <Container>
                      <Row>
                          <Col xs="12" lg="6">
                              <CardBody className="text-center">
                                  <h1 className="wow slideInLeft" data-wow-delay="0.3s" data-wow-duration="1.0s">SLOGAN</h1>
                                  <p className="text-left">
                                      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                      Mauris sit amet enim arcu. Pellentesque sodales leo ut
                                      ipsum semper rutrum a quis tellus. Pellentesque quis tortor nisl.
                                      Integer orci dui, viverra ac viverra lobortis, tincidunt at enim.
                                      Maecenas sollicitudin magna mi, vitae porta dui porttitor ut. Ut
                                      commodo justo quis nibh convallis, sed rutrum libero mattis.
                                      Integer a elementum turpis, vel sollicitudin mi.
                                  </p>
                                  <Button
                                      onTouchTap={() => actions.Redirect('/about')}
                                      color="indigo"
                                  >Learn More</Button>
                              </CardBody>
                          </Col>
                          <Col xs="12" lg="6">
                              <img className="img-fluid" src="https://images.unsplash.com/photo-1460925895917-afdab827c52f?dpr=1&auto=format&fit=crop&w=2202&q=60&cs=tinysrgb" />
                          </Col>
                      </Row>
  
                      <Row>
                          <Col xs="12" sm="6" md="4" lg="3">
                              <Card>
                                  <CardImage className="img-fluid" src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20%282%29.jpg" />
                                  <CardBody>
                                      <CardTitle>Card title</CardTitle>
                                      <CardText>Some quick example text to build on the card title and make up the bulk of the card&apos;s content.</CardText>
                                      <Button color="success">Button</Button>
                                  </CardBody>
                              </Card>
                          </Col>
                          <Col xs="12" sm="6" md="4" lg="3">
                              <Card>
                                  <CardImage className="img-fluid" src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20%282%29.jpg" />
                                  <CardBody>
                                      <CardTitle>Card title</CardTitle>
                                      <CardText>Some quick example text to build on the card title and make up the bulk of the card&apos;s content.</CardText>
                                      <Button color="success">Button</Button>
                                  </CardBody>
                              </Card>
                          </Col>
                          <Col xs="12" sm="6" md="4" lg="3">
                              <Card>
                                  <CardImage className="img-fluid" src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20%282%29.jpg" />
                                  <CardBody>
                                      <CardTitle>Card title</CardTitle>
                                      <CardText>Some quick example text to build on the card title and make up the bulk of the card&apos;s content.</CardText>
                                      <Button color="success">Button</Button>
                                  </CardBody>
                              </Card>
                          </Col>
                      </Row>
                  </Container>
              </Frame>
          );
      }
  }
  
  HomePage.propTypes = {
      actions: PropTypes.object.isRequired
  };
  
  const mapStateToProps = () => {
      return {};
  };
  
  const mapDispatchToProps = (dispatch) => {
      return {
          actions: bindActionCreators({...global}, dispatch)
      };
  };
  
  HomePage = connect(
      mapStateToProps,
      mapDispatchToProps
  )(HomePage);
  
  export default HomePage;
  