old-v2-frontend/src/layouts/index.js

import React from 'react'
import PropTypes from 'prop-types'
import Helmet from 'react-helmet'

import Header from '../components/Header'
import Footer from '../components/Footer'
import "../styles/index.css"

const Layout = ({ children, data }) => (
  <div className="font-sans container mx-auto">
    <Helmet
      title={data.site.siteMetadata.title}
      meta={[
        { name: 'description', content: 'We code & design great software' },
        { name: 'keywords', content: 'software, design, coding, programming, code, consulting' },
      ]}
    />
    <Header siteTitle={data.site.siteMetadata.title} />
    <main>
      {children()}
    </main>
    <Footer />
  </div>
)

Layout.propTypes = {
  children: PropTypes.func,
}

export default Layout

export const query = graphql`
  query SiteTitleQuery {
    site {
      siteMetadata {
        title
      }
    }
  }
`