{"size": 1924, "ext": "js", "max_stars_repo_path": "src/pages/index.js", "max_stars_repo_name": "hollisharris/portfolio-dato", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/pages/index.js", "max_issues_repo_name": "hollisharris/portfolio-dato", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/pages/index.js", "max_forks_repo_name": "hollisharris/portfolio-dato", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 19.24, "max_line_length": 80, "alphanum_fraction": 0.4802494802}
import React from "react"
import { graphql } from 'gatsby'

import Layout from "../components/layout"
import SEO from "../components/seo"

import Hero from "../components/Hero"
import PageComponents from "../components/PageComponents"

const IndexPage = ({data}) => {
  const doc = data.datoCmsLanding

  return (
    <Layout>
      <SEO title="Home" />
      <Hero teaser={doc.teaser} headline={doc.headline} className="home"/>
      <PageComponents components={doc.components} />
    </Layout>
  )
}

export default IndexPage

export const query = graphql`
{
  datoCmsLanding(slug: {eq: "home"}) {
    headline
    teaser
    shortDescription
    components {
      ... on DatoCmsContentBlock {
        id
        splitContent
        sticky
        teaser
        content
        contentPosition
        model {
          name
        }
        media {
          fluid(maxWidth: 600, imgixParams: { fm: "jpg", auto: "compress" }) {
            ...GatsbyDatoCmsFluid
          }
          isImage
          filename
          alt
          title
        }
      }
      ... on DatoCmsGridList {
        id
        headline
        darkBackground
        listing
        model {
          name
        }
      }
      ... on DatoCmsFeaturedWork {
        id
        headline
        model {
          name
        }
        work {
          id
          shortDescription
          position
          teaser
          slug
          thumbnail {
            fluid(maxWidth: 600, imgixParams: { fm: "jpg", auto: "compress" }) {
              ...GatsbyDatoCmsFluid
            }
            isImage
            filename
            alt
            title
          }
        }
      }
      ... on DatoCmsCtaBlock {
        id
        teaser
        headline
        description
        model {
          name
        }
        link {
          ... on DatoCmsContact {
          	slug
          }
        }
      }
    }
  }
}
`