import React from 'react';
import logo from '../assets/img/logo.png';
import Carousels from './Carousels'
import Step from './Step'
import Posters from './Posters.js'
import  Youtube from './Youtube.js'
import  Top from './Top'
import  Logo from './Logo'
 
class Home extends React.Component{
  render(){
    return (
      <div>
          <Logo logo={logo}/>
          <Top isSignedIn={this.props.isSignedIn} />
        <div data-aos="fade-up" data-aos-duration="1000" >
          <Carousels />
        </div>
        <Step />
        <div data-aos="fade-up" data-aos-duration="1000">
          <Posters />
        </div>
        <div data-aos="fade-up" data-aos-duration="1000" >
         <Youtube /> 
        </div>
        <br></br>
     </div>
    )
  }
}

export default Home;