import React from 'react';

import { makeStyles } from '@material-ui/core/styles';
import { Divider } from '@material-ui/core';
import Layout from '@components/Layout/Layout';
import SEO from '@components/SEO';
import Header from './components/Header';
import MyPriorities from './components/MyPriorities/MyPriorities';
import Technologies from './components/Technologies/Technologies';
import Portfolio from './components/Portfolio/Portfolio';
import Contact from './components/Contact';

const useStyles = makeStyles(theme => ({
  layout: {
    padding: 0,
  },
}));

const HomePage = ({ location }) => {
  const classes = useStyles();
  return (
    <Layout className={classes.layout} navbarProps={{ position: 'absolute' }}>
      <SEO pathname={location.pathname} />
      <Header />
      <MyPriorities />
      <Divider />
      <Technologies />
      <Portfolio />
      <Contact />
      <Divider />
    </Layout>
  );
};

export default HomePage;