text: import React from "react"
  import { graphql } from "gatsby"
  
  import Layout from "../components/layout"
  import SEO from "../components/seo"
  import HeroSection from "../components/Reusable/HeroSection"
  import Infoblock from "../components/Reusable/Infoblock"
  import Contactform from "../components/Contact/Contactform"
  
  const ContactPage = ({data}) => (
    <Layout>
      <SEO title="Home" />
      <HeroSection 
        img={data.img.childImageSharp.fluid}
        title="Contact Us"
        subtitle=""
        heroclass="about-background"
      />
      <Infoblock heading="How can we help?" navlink="/contact"/>
      <Contactform />
    </Layout>
  )
  
  export const query = graphql `
  {
    img: file(relativePath: { eq: "contact.png" }) {
      childImageSharp {
        fluid {
          ...GatsbyImageSharpFluid_tracedSVG
        }
      }
    }
  }
  `
  
  export default ContactPage
  