Updated structure, added footer and css classes

src/layouts/index.js

@@ -2,11 +2,12 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import Helmet from 'react-helmet'
 
-import Header from '../components/header'
+import Header from '../components/Header'
+import Footer from '../components/Footer'
 import "../styles/index.css"
 
 const Layout = ({ children, data }) => (
-  <div className="font-sans">
+  <div className="font-sans container mx-auto">
     <Helmet
       title={data.site.siteMetadata.title}
       meta={[
@@ -15,7 +16,10 @@ const Layout = ({ children, data }) => (
       ]}
     />
     <Header siteTitle={data.site.siteMetadata.title} />
-    {children()}
+    <main>
+      {children()}
+    </main>
+    <Footer />
   </div>
 )