-- HomePage
import React from 'react';

import Home from './components/Home/Home';
import About from './components/About/About';

import style from './style.css';

import {Fullpage, Slide, Overlay, changeFullpageSlide} from 'fullpage-react';

let fullPageOptions = {
  scrollSensitivity: 2,
  touchSensitivity: 2,
  scrollSpeed: 500,
  hideScrollBars: true
};


export default class HomePage extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      active: {
        Fullpage: 0,
      },
      previous: {
        Fullpage: 0,
      }
    };

    this.onSlideChangeStart = this.onSlideChangeStart.bind(this);
    this.onSlideChangeEnd = this.onSlideChangeEnd.bind(this);
  }

  onSlideChangeStart(name, state) {
    console.log('slide STARTED for', name, state.activeSlide);
    var sliderState = { previous: {} };
    sliderState.previous[name] = state.activeSlide;
    this.setState(sliderState);
  }

  onSlideChangeEnd(name, state) {
    console.log('slide ENDED for', name, state.activeSlide);
    var sliderState = { active: {} };
    sliderState.active[name] = state.activeSlide;
    this.setState(sliderState);
  }

  render() {

    let prevSlide = changeFullpageSlide.bind(null, 'PREV');
    let nextSlide = changeFullpageSlide.bind(null, 'NEXT');
    let backToTop = changeFullpageSlide.bind(null, 0);

    return (
      <Fullpage onSlideChangeStart={this.onSlideChangeStart} onSlideChangeEnd={this.onSlideChangeEnd} {...fullPageOptions}>
        <Header />
        <Home />
        <About />
      </Fullpage>
    )
  }
}

-- Home
import React from 'react';
import {Slide} from 'fullpage-react';

import style from './style.css';

export default class Home extends React.Component {
  render() {
    return (
      <Slide className={style.home}>
        <h1>One</h1>
      </Slide>
    )
  }
}

-- About
import React from 'react';
import {Slide} from 'fullpage-react';

import style from './style.css';

export default class About extends React.Component {
  render() {
    return (
      <Slide className={style.home}>
        <h1>Two</h1>
      </Slide>
    )
  }
}