{"size": 2280, "ext": "js", "max_stars_repo_path": "src/pages/index.js", "max_stars_repo_name": "pcollinsTech/gscience-frontend", "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": "pcollinsTech/gscience-frontend", "max_issues_repo_issues_event_min_datetime": "2021-03-09T17:24:57.000Z", "max_issues_repo_issues_event_max_datetime": "2021-10-06T03:56:37.000Z", "max_forks_repo_path": "src/pages/index.js", "max_forks_repo_name": "pcollinsTech/gscience-frontend", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 5, "max_forks_count": null, "avg_line_length": 24.7826086957, "max_line_length": 92, "alphanum_fraction": 0.600877193}
import React from "react"
import VisibilitySensor from "react-visibility-sensor"
import { graphql } from "gatsby"

import SEO from "../components/seo"
import Banner from "../components/Banner"
import OurStory from "../components/OurStory"
import Services from "../components/Services"
import WorkWith from "../components/WorkWith"
import OnTheBlog from "../components/OnTheBlog"
import Optimal from "../components/Optimal"
import WhatWeProvide from "../components/WhatWeProvide"
import ContactUs from "../components/ContactUs"
import Layout from "../layout/Layout"

const Index = props => {
  const section = {
    who: false,
    what: false,
    how: false,
  }
  const onChangeWho = isVisable => (section.who = isVisable)
  const onChangeWhat = isVisable => (section.what = isVisable)
  const onChangeHow = isVisable => (section.how = isVisable)

  return (
    <Layout props={props} section={section}>
      <SEO title="G-Science" />

      <Banner
        path={props.path}
        title="G-Science"
        subtitle="Empowering Esports Performance through Sport Science &amp; Data Analytics"
        href="#contact"
        buttonTitle="Contact Us"
      />
      <VisibilitySensor onChange={onChangeWho}>
        <div className="sensor" />
      </VisibilitySensor>
      {/* <div id="OurStory">
        <OurStory />
      </div>
      <div id="WhatWeProvide">
        <WhatWeProvide />
      </div>

      <div id="Services">
        <Services />
      </div>
      <VisibilitySensor onChange={onChangeWhat}>
        <div className="sensor" />
      </VisibilitySensor>

      <VisibilitySensor onChange={onChangeHow}>
        <div className="sensor" />
      </VisibilitySensor>

      <div id="Optimal">
        <Optimal />
      </div>

      <h1></h1>
      <OnTheBlog posts={props.data.allWordpressPost.edges} /> */}
      <ContactUs />
      {/* <div id="WorkWith">
        <WorkWith />
      </div> */}
    </Layout>
  )
}

export default Index

export const pageQuery = graphql`
  query {
    allWordpressPost(limit: 3) {
      edges {
        node {
          date(formatString: "DD / MMMM / YYYY")
          slug
          title
          wordpress_id
          excerpt
          featured_media {
            source_url
          }
        }
      }
    }
  }
`
