text: import React from "react"
  import { graphql } from "gatsby"
  
  import Layout from "../components/layout/Layout"
  import StyledHero from "../components/utils/StyledHero"
  import Tours from "../components/Tours/Tours"
  
  const tours = props => {
    const img = props.data.file.childImageSharp.fluid
  
    return (
      <Layout>
        <StyledHero img={img} />
        <Tours />
      </Layout>
    )
  }
  
  export const query = graphql`
    {
      file(relativePath: { eq: "defaultBcg.jpeg" }) {
        childImageSharp {
          fluid(quality: 90, maxWidth: 4160) {
            ...GatsbyImageSharpFluid_withWebp
          }
        }
      }
    }
  `
  
  export default tours
  