{"size": 1205, "ext": "js", "max_stars_repo_path": "src/containers/HeroBannerContainer.js", "max_stars_repo_name": "webstar-code/SmartLifeChemist-gatbsy", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/containers/HeroBannerContainer.js", "max_issues_repo_name": "webstar-code/SmartLifeChemist-gatbsy", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/containers/HeroBannerContainer.js", "max_forks_repo_name": "webstar-code/SmartLifeChemist-gatbsy", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 24.1, "max_line_length": 76, "alphanum_fraction": 0.6257261411}
import React from 'react'
import { graphql, useStaticQuery } from 'gatsby';
import Img from 'gatsby-image';
import { HeroBanner } from '../components'

export const squareImage = graphql`
  fragment squareImage on File {
    childImageSharp {
      fluid {
        ...GatsbyImageSharpFluid
      }
    }
  }
  `;

const query = graphql`
query MyQuery {
  main: file(relativePath: {eq : "7815.jpg"}) {
    ...squareImage
  }
}

`;

function HeroBannerContainer() {
  const data = useStaticQuery(query);
  return (
    <>
      <HeroBanner>
        <HeroBanner.Pane>
        <HeroBanner.Title>Get all medicines and cosmetics</HeroBanner.Title>
        <HeroBanner.Group>
          <HeroBanner.Link href="tel:7427854917">
          <HeroBanner.Button>Call Us</HeroBanner.Button>
          </HeroBanner.Link>
          <HeroBanner.Link href="https://goo.gl/maps/3rCxs53HVmw3GfBb7">
          <HeroBanner.Button>Visit Us</HeroBanner.Button>
          </HeroBanner.Link>
        </HeroBanner.Group>
        </HeroBanner.Pane>
        <HeroBanner.Image>
            <Img fluid={data.main.childImageSharp.fluid} />
        </HeroBanner.Image>
      </HeroBanner>
    </>
  )
}

export default HeroBannerContainer
