text: import React from 'react'
  import PropTypes from 'prop-types'
  import {graphql} from 'gatsby'
  import HomePageTemplate from '../components/HomePageTemplate'
  import PricingPageTemplate from '../components/PricingPageTemplate'
  import Layout from '../components/Layout'
  
  const HomePage = ({data}) => {
    const {frontmatter} = data.markdownRemark
  
    return (
      <Layout>
        <HomePageTemplate
          title={frontmatter.title}
          meta_title={frontmatter.meta_title}
          meta_description={frontmatter.meta_description}
          heading={frontmatter.heading}
          description={frontmatter.description}
          offerings={frontmatter.offerings}
          testimonials={frontmatter.testimonials}
        />
         <PricingPageTemplate
          title={frontmatter.title}
          meta_title={frontmatter.meta_title}
          meta_description={frontmatter.meta_description}
          pricing={frontmatter.pricing}
        />
      </Layout>
    )
  }
  
  HomePage.propTypes = {
    data: PropTypes.shape({
      markdownRemark: PropTypes.shape({
        frontmatter: PropTypes.object,
      }),
    }),
  }
  
  
  export default HomePage
  
  export const pageQuery = graphql`
    query IndexPage($id: String!) {
      markdownRemark(id: { eq: $id }) {
        frontmatter {
          title
          meta_title
          meta_description
          heading
          description
          offerings {
            blurbs {
              image
              text
            }
          }
          testimonials {
            author
            quote
          }
          pricing {
            heading
            description
            plans {
              description
              items
              plan
              price
            }
          }
        }
      }
    }
  `
  