Sample AgilityPage.js for Gatsby

GatsbyAgilityPage.jsx

import React from 'react'
import { graphql } from "gatsby"
import agilityUtils from './agility/utils'
import AgilityPageTemplate from './agility/components/AgilityPageTemplate'
//Some things we need for our layout
import LayoutTemplate from "./components/LayoutTemplate"
import PreviewBar from "./components/PreviewBar"
import GlobalHeader from './components/GlobalHeader'
import SEO from './components/SEO'


//Our query to get the our page data and check for a dynamic page item (agilityItem)
export const query = graphql`
  query($pageID: Int!, $contentID: Int!, $languageCode: String!) {
    agilitypage(languageCode: { eq: $languageCode }, itemID: { eq: $pageID }) {
        pageJson
	}
    agilityitem(languageCode: {eq: $languageCode}, itemID: {eq: $contentID}) {
		itemJson
    }
}
`
const AgilityPage = ({ pageContext, data }) => {
    const viewModel = agilityUtils.buildPageViewModel({ pageContext, data });
    return (
        <LayoutTemplate>
            <SEO title={viewModel.page.title} description={viewModel.page.seo.metaDescription} />
            <PreviewBar isPreview={viewModel.isPreview} />
            <GlobalHeader />
            <main className="main">
                <AgilityPageTemplate {...viewModel} />
            </main>
        </LayoutTemplate>
    );
}

export default AgilityPage;