text: import React from 'react'
  import { graphql, Link } from 'gatsby'
  
  import LayoutBox from '../components/layout'
  import SEO from '../components/seo'
  
  class NotFoundPage extends React.Component {
    render () {
      const { data } = this.props
      const siteTitle = data.site.siteMetadata.title
  
      return (
        <LayoutBox location={this.props.location} title={siteTitle}>
          <SEO title="404: Not Found"/>
          <h1>Not Found</h1>
          <p>You just hit a route that doesn&#39;t exist... the sadness.</p>
          <Link to={`/`} rel="home">返回首页</Link>
        </LayoutBox>
      )
    }
  }
  
  export default NotFoundPage
  
  export const pageQuery = graphql`
    query {
      site {
        siteMetadata {
          title
        }
      }
    }
  `
  