<gh_stars>1-10
import React from "react"
import Layout from "../components/layout"
import SEO from "../components/seo"
import StyledHeading from "../components/global-styles/headings.js"
import Container from "../components/global-styles/container"
import GridContainer from "../components/global-styles/grid-container"
import GridItem from "../components/global-styles/grid-item"
import CTAButton from "../components/ctabutton"

const IndexPage = () => (
  <Layout>
    <SEO />
    
    <Container>
      <Container paddingNone>
        <StyledHeading>Business As Usual</StyledHeading>
      </Container>
      
      <Container narrowContent paddingNone marginBottom>
        <p>This website is a listing of businesses that are still operating through the COVID-19 Crisis in Ireland and Northern Ireland, brought to you by <a href="https://annertech.com">Annertech</a> and <a href="https://growremote.ie">Grow Remote</a></p>
      </Container>
      
      <Container paddingNone>
        <GridContainer>
          <GridItem>
            <CTAButton
              CTAButtonLink="https://docs.google.com/forms/d/e/1FAIpQLSfUgFwGuqAlE3I4scpiOosDwiJntFnA8yatxTbgfBWdxSZZiw/viewform"
              CTAButtonText="Add Your Business"
            />
          </GridItem>

          <GridItem>
            <CTAButton
              internalLink
              CTAButtonLink="/businesses"
              CTAButtonText="View All Businesses"
            />
          </GridItem>
        </GridContainer>
      </Container>

    </Container>

  </Layout>
)

export default IndexPage