content: import Backbone from 'backbone'
  import React from 'react'
  import ReactDOM from 'react-dom'
  import $ from 'jquery'
  import ACTIONS from './ACTIONS.js'
  
  const HomeView = React.createClass({
  
     _logOut: function(){
        ACTIONS._logOut()
     },
  
     render: function() {
  
  
  
      return (
        <div>
           <div>
              <nav className="navbar navbar-default">
                 <a className="navbar-brand " href="#"><img className ="navbar-logo" src="../images/logo1.png" alt = "" /></a>
                 <ul className="nav navbar-nav navbar-right">
                    <li><a href="#">Home</a></li>
                    <li><a onClick = {this._logOut}>Logout</a></li>
                 </ul>
              </nav>
           </div>
  
        <div className="container-fluid home-main-container">
  
           <h1 className="text-center main-logo-header">i<em>L</em>uggit</h1>
  
  
              <div className="main-container text-center">
                 <div className="row login-btn-row">
                    <div className ="profile-row">
                    <div className="col-xs-12 col-md-6 ">
                       <div className="luggerProfile text-center">
                          <a href="/#truck-login"><i className="fa fa-truck fa-5x" aria-hidden="true"></i></a>
                          <h3>Create a Lugger Profile</h3>
                          <p>Want to be a Lugger, create a Lugger Profile and get Started</p>
                       </div>
                    </div>
                 <div className="col-xs-12 col-md-6 ">
                    <div className="packerProfile text-center">
                       <a href="/#user-login"><i className="fa fa-user-plus fa-5x" aria-hidden="true"></i></a>
                       <h3>Create a Packer Profile</h3>
                       <p>Your a Packer and need a Lugger to help move your items</p>
                    </div>
                </div>
              </div>
           </div>
        </div>
  
        <div className="container-fluid info-container">
           <div className="row">
              <div className="col-xs-12 col-md-4 text-center">
                 <div className="truck-info">
                    <a href="#truck-info"><img src= "./images/truckclock.png" alt="" /></a>
                    <h3>Our Story</h3>
                    <p>What we do and why iLuggit was born.</p>
                 </div>
              </div>
                 <div className="col-xs-12 col-md-4 text-center">
                 <div className="FAQ">
                    <a href="#whatwedo"><img src="./images/luggerreviews.jpeg" alt=""/></a>
                    <h3>FAQ</h3>
                    <p>Questions and Answers one who we are and what we do.</p>
                 </div>
              </div>
                 <div className="col-xs-12 col-md-4 text-center">
                 <div className="pack-reviews">
                    <a href="#reviews"><img src="./images/userreviews.png" alt=""/></a>
                    <h3>Reviews</h3>
                    <p>See what users are saying.</p>
                 </div>
              </div>
           </div>
        </div>
     <div className="footer-container text-center">
           <div className="todays-quote">
              <h6>Quote of the Day</h6>
              <strong>We are all here to help others, what the others are here for I don't know! W.H.Auden</strong>
           </div>
           <div>
            <a href="https://www.facebook.com/"><i className="fa fa-facebook-official fa-4x multi-icons" aria-hidden="true"></i></a>
            <a href="https://twitter.com/"><i className="fa fa-twitter-square fa-4x multi-icons" aria-hidden="true"></i></a>
            <a href="https://www.instagram.com/?hl=en"><i className="fa fa-instagram fa-4x multi-icons" aria-hidden="true"></i></a>
          </div>
        </div>
     </div>
     </div>
  
  
  
           )
        }
     })
  module.exports = HomeView
  