text: import * as React from "react"
  import { Link } from "gatsby"
  import { graphql } from "gatsby"
  import BackgroundImage from "gatsby-background-image"
  
  
  import Layout from "../components/layout"
  import Seo from "../components/seo"
  
  
  const IndexPage = (props) => (
    <Layout>
      <Seo title="Home" />
      <section className="gpo-hero-tabs">
        <div className="wrapper" >
          <BackgroundImage
            className="gpo-heroImage"
            fluid={props.data.indexImage.childImageSharp.fluid}
            fad
          >
            <div className="gpo-black-overlay">
              <div className="gpo-content-box">
                <h3>
                  CALL TO ACTION
                </h3>
              </div>
  
            </div>
          </BackgroundImage>
          <div className="gpo-hero-tabs-container">
            <a className="gpo-hero-tab" href="#tab-oktatas">#Oktatás</a>
            <a className="gpo-hero-tab" href="#tab-rolunk">#Rólunk</a>
            <a className="gpo-hero-tab" href="#tab-tanuloink">#Tanulóink</a>
            <a className="gpo-hero-tab" href="#tab-kapcsolat">#Kapcsolat</a>
            <span className="gpo-hero-tab-slider" style={{ "width": "0px", "left": "0px" }}>
              <svg>
              </svg>
            </span>
          </div>
        </div>
      </section >
  
  
      <h1>Hi people</h1>
      <p>Welcome to your new Gatsby site.</p>
      <p>Now go build something great.</p>
      <p>This is cool. Howdy from the cPanel.</p>
      <p id='toyellow'>this is the 7th commit.</p>
  
      <p>
        <Link to="/page-2/">Go to page 2</Link> <br />
        <Link to="/using-typescript/">Go to "Using TypeScript"</Link>
      </p>
    </Layout>
  )
  
  export default IndexPage
  
  export const pageQuery = graphql`
  query{
      indexImage:file(relativePath:{
          eq:"gpo-hero-image.png"
      }){
          childImageSharp{
              fluid(maxWidth:1800){
                  ...GatsbyImageSharpFluid
              }
          }
      }
  }
  `;