import { PageProps, Link } from 'gatsby'
import * as React from 'react'

import Layout from '../components/layout'
import Seo from '../components/seo'

import { Section } from '../components/shared'
import CertBadge from '../components/shared/certBadge'
import {
  SectionHeading,
  SectionDesc
} from '../components/shared/styledComponents'

const About: React.FC<PageProps<unknown>> = ({ location }) => {
  return (
    <Layout
      location={location}
      heading="Behind Data Controller"
      desc="Data Controller is a product of 4GL, a brand of Bowe IO Ltd"
    >
            <Section color="black" bgColor="white">
        <div className="row">
          <div className="offset-md-2 col-md-8">
            <SectionHeading center="no">About Data Controller</SectionHeading>
            <SectionDesc center="no">
              Data Controller is sold through Bowe IO Ltd, a company&nbsp;based
              in the UK and operating since 2013.
              <br />
              The company supports the development of the Data Controller web
              application and other{' '}
              <a
                target="_blank"
                rel="noopener"
                href="https://sasapps.io"
                title="SAS Apps"
              >
                SAS Apps
              </a>
              .
            </SectionDesc>
            <CertBadge />
          </div>
        </div>
      </Section>
    </Layout>
  )
}

export default About

export const Head = () => <Seo title="About" />