import React from 'react';
import ReactDOM from 'react-dom';
import * as serviceWorker from './serviceWorker';
import HomeOne from './home-one';
import HomeTwo from './home-two';
import HomeThree from './home-three';
import HomeFour from './home-four';
import HomeFive from './home-five';
import HomeSix from './home-six';
import HomeSeven from './home-seven';
import HomeEight from './home-eight';
import { BrowserRouter, Route, Switch } from 'react-router-dom';

class Root extends React.Component {
  render() {
    return(
      <BrowserRouter basename={'/'} >
        <Switch>
          <Route path={`${process.env.PUBLIC_URL}/`} component={HomeOne}/>
          <Route path={`${process.env.PUBLIC_URL}/home-one`} component={HomeOne}/>
          <Route path={`${process.env.PUBLIC_URL}/home-two`} component={HomeTwo}/>
          <Route path={`${process.env.PUBLIC_URL}/home-three`} component={HomeThree}/>
          <Route path={`${process.env.PUBLIC_URL}/home-four`} component={HomeFour}/>
          <Route path={`${process.env.PUBLIC_URL}/home-five`} component={HomeFive}/>
          <Route path={`${process.env.PUBLIC_URL}/home-six`} component={HomeSix}/>
          <Route path={`${process.env.PUBLIC_URL}/home-seven`} component={HomeSeven}/>
          <Route path={`${process.env.PUBLIC_URL}/home-eight`} component={HomeEight}/>
        </Switch>
      </BrowserRouter>
    );
  }
}
ReactDOM.render(<Root />, document.getElementById('root'));
serviceWorker.unregister();