text: import React from 'react';
  import PropTypes from 'prop-types';
  import styled from 'styled-components';
  import { Layout, Hero, About, Blog, Featured, Projects, Contact } from '@components';
  
  const StyledMainContainer = styled.main`
    counter-reset: section;
  `;
  
  const IndexPage = ({ location }) => (
    <Layout location={location}>
      <StyledMainContainer className="fillHeight">
        <Hero />
        <About />
        <Blog />
        <Featured />
        <Projects />
        <Contact />
      </StyledMainContainer>
    </Layout>
  );
  
  IndexPage.propTypes = {
    location: PropTypes.object.isRequired,
  };
  
  export default IndexPage;
  