import * as React from "react"
import { Link } from "gatsby"
import { StaticImage } from "gatsby-plugin-image"
import Layout from "../components/layout"
import Seo from "../components/seo"
import Hero from "../components/Hero"
import Advantages from "../components/Advantages"
import About from "../components/About"
import Games from "../components/Games/Games"
import Facilitations from "../components/Facilitations/Facilitations"
import Teambuilding from "../components/Teambuilding/Teambuilding"
import Courses from "../components/Courses"
import Team from "../components/Team/Team"
import Reviews from "../components/Reviews/Reviews"
import Contact from "../components/Contact"

const IndexPage = ({data}) => {
    return(
        <Layout>
            <Hero id='hero'></Hero>
            <Advantages id='advantages'></Advantages>
            <About id='about'></About>
            <Games id='games'></Games>
            <Facilitations.Main id='facilitations'></Facilitations.Main>
            <Facilitations.Example></Facilitations.Example>
            <Teambuilding.Main id='teambuilding'></Teambuilding.Main>
            <Teambuilding.Example></Teambuilding.Example>
            <Courses id="courses"></Courses>
            <Team id="team"></Team>
            <Reviews></Reviews>
            <Contact id="contacts"></Contact>
        </Layout>
    )

}

/**
 * Head export to define metadata for the page
 *
 * See: https://www.gatsbyjs.com/docs/reference/built-in-components/gatsby-head/
 */
export const Head = () => <Seo title="Главная" />

export default IndexPage