Bio = () => {
  return (
    <div
      style={{
        display: `flex`,
        marginBottom: '5px',
      }}
    >
      <p>
        Written by <strong>Bob</strong> who lives and works in Fan
        Srancisco building useful things.
        {` `}
        <a href={`https://twitter.com/bob`}>
          You should follow him on Twitter
        </a>
      </p>
    </div>
  )
}
Bio component that queries for data
with Gatsby's useStaticQuery component

See: https://www.gatsbyjs.com/docs/use-static-query/