text: import React from 'react';
  import CenteredContent from '../components/CenteredContent';
  import { Heading1, Body, Anchor } from '../components/Typography';
  
  export default function About() {
    return (
      <CenteredContent>
        <Heading1>About Me</Heading1>
        <Body>
          Hello. I am a web developer based in Brisbane, Australia. After spending
          far, far too long working in the retail sector, I decided to turn my
          passion for programming into a career.
        </Body>
        <Body>
          While focus is on learning the craft of front-end web development, I
          have also had experience building back-ends and MVC applications in the
          JavaEE and Spring ecosystems.
        </Body>
        <Body>
          Feel free to contact me via{' '}
          <Anchor href="mailto:jason@jasont.dev">email</Anchor>.
        </Body>
      </CenteredContent>
    );
  }
  