47 lines
976 B
JavaScript
47 lines
976 B
JavaScript
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 SideMenu from '../components/SideMenu'
|
|
import '../styles/index.css'
|
|
import '../styles/custom.css'
|
|
|
|
const Layout = ({ children, data }) => (
|
|
<div className="font-sans 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',
|
|
},
|
|
]}
|
|
/>
|
|
<div className="side-panel">
|
|
<Header />
|
|
{children()}
|
|
<Footer />
|
|
</div>
|
|
<SideMenu />
|
|
</div>
|
|
)
|
|
|
|
Layout.propTypes = {
|
|
children: PropTypes.func,
|
|
}
|
|
|
|
export default Layout
|
|
|
|
export const query = graphql`
|
|
query SiteTitleQuery {
|
|
site {
|
|
siteMetadata {
|
|
title
|
|
}
|
|
}
|
|
}
|
|
`
|