text: import React from "react"
  import {graphql} from "gatsby"
  import {
    Button,
    HeaderBack,
    HeadingXL,
    Image,
    Layout,
    SEO,
    TextBody,
  } from "../components"
  
  export default function About({data}) {
    return (
      <>
        <SEO title="About" />
        <HeaderBack />
        <Layout>
          <HeadingXL>About</HeadingXL>
          <Image fluid={data.RandomPhoto.childImageSharp.fluid} />
          <TextBody>
            Building mr concerns servants in he outlived am breeding. He so lain
            good miss when sell some at if. Told hand so an rich gave next. How
            doubt yet again see son smart. While mirth large of on front. Ye he
            greater related adapted proceed entered an. Through it examine express
            promise no. Past add size game cold girl off how old.
            <br />
            <br />
            - experience in webshops, intagram, facebook google ads marketing
            - i
          </TextBody>
          <Button href="mailto:your&#64;email.com">Get in touch</Button>
        </Layout>
      </>
    )
  }
  
  export const data = graphql`
    query {
      RandomPhoto: file(relativePath: {eq: "assets/images/RandomPhoto.jpg"}) {
        childImageSharp {
          fluid(maxWidth: 1400) {
            ...GatsbyImageSharpFluid_withWebp
          }
        }
      }
    }
  `
  