text: import React from 'react';
  import { Link, Redirect } from 'react-router-dom';
  import { connect } from 'react-redux';
  import PropTypes from 'prop-types';
  
  const Landing = ({ isAuthenticated }) => {
    if (isAuthenticated) {
      return <Redirect to='/dashboard' />;
    }
  
    return (
      <section className='landing'>
        <div className='dark-overlay'>
          <div className='landing-inner'>
            <h1 className='x-large'>Students Bonding</h1>
            <p className='lead'>
            This is a small social network app for students in Universityof Abuja who have interest in programming to 
            bond well it includes authentication, profiles and forum posts for students
              Create a Student profile/portfolio, share posts and get help from
              other Students
            </p>
            <div className='buttons'>
              <Link to='/register' className='btn btn-primary'>
                Sign Up
              </Link>
              <Link to='/login' className='btn btn-light'>
                Login
              </Link>
            </div>
          </div>
        </div>
      </section>
    );
  };
  
  Landing.propTypes = {
    isAuthenticated: PropTypes.bool
  };
  
  const mapStateToProps = state => ({
    isAuthenticated: state.auth.isAuthenticated
  });
  
  export default connect(mapStateToProps)(Landing);
  