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"

const IndexPage = ({data}) => {
    return(
        <Layout>
            <Hero></Hero>
            <Advantages></Advantages>
            <About></About>
            <Games></Games>
            <Facilitations.Main></Facilitations.Main>
            <Facilitations.Example></Facilitations.Example>
            <Teambuilding.Main></Teambuilding.Main>
            <Teambuilding.Example></Teambuilding.Example>
            <Courses></Courses>
            <Team></Team>
            <Reviews></Reviews>
        </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="Home" />

export default IndexPage