import React from "react";
import { graphql } from "gatsby";
import Page from "../templates/page";

export default function NotFound({ data }) {
    var siteMetadata = data.site.siteMetadata;
    return (
        <Page headerInfo={siteMetadata} pageTitle="404 : Page not found">
            <p>
                Sorry, we've misplaced that URL or it's pointing
                to something that doesn't exist.
            </p>
            <p>                
                <a href="/">Head back home</a> to try finding it again.
            </p>
        </Page>
    )
}

export const query = graphql`
    query {
        site {
            ...HeaderInfo
        }
    }
 `;