import React, { Component } from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

import ProjectRoutes from './ProjectRoutes';

import Home from '../pages/Home';
// import Contact from '../pages/Contact';
import About from '../pages/About';
import Work from '../pages/Work';
import Skills from '../pages/Skills';

export default class Routes extends Component {
    render() {
        return(
            <Router>
                <Switch>
                    <Route exact path="/">
                        <Home />
                    </Route>
                    { /* <Route exact path="/contact">
                        <Contact />
                    </Route> */ }
                    <Route exact path="/about">
                        <About />
                    </Route>
                    <Route exact path="/projects">
                        <Work />
                    </Route>
                    <Route exact path="/skills">
                        <Skills />
                    </Route>
                    <ProjectRoutes />
                </Switch>
            </Router>
        )
    }
}