text: import React from "react"
  import { Link, graphql } from "gatsby"
  
  import Layout from "../components/layout"
  import SEO from "../components/seo"
  import BackgroundSection from "../components/Globals/BackgroundSection"
  import Info from "../components/Home/Info"
  
  
  const IndexPage = ({data}) => (
    <Layout>
      <SEO title="Home" keywords={[`gatsby`, `application`, `react`]} />
      <BackgroundSection img={data.img.childImageSharp.fluid} title="regular joe's" styleClass="default-background"/>
     <Info />
    </Layout>
  )
  
  //setting up page query
  //need to export it
  //data in IndexPage
  export const query = graphql`
  {
    img: file(relativePath: {eq: "default-background.jpeg"}) {
      childImageSharp {
        fluid {
          ...GatsbyImageSharpFluid_tracedSVG
        }
      }
    }
  }
  `
  
  export default IndexPage
  