soniCaH / KCVV-Elewijt-Gatsby

import { Link } from "gatsby"

import React, { Component } from "react"

import HeaderBgTitle from "../components/header-bg-title"

import SEO from "../components/seo"

import ogImage from "../images/header-404.jpg"

import Layout from "../layouts/index"

class PageNotFoundPage extends Component {

  render() {

    return (

      <Layout>

        <SEO

          lang="nl-BE"

          title="Pagina niet gevonden"

          description="Deze pagina werd niet gevonden op kcvvelewijt.be"

          path="/404/"

          image={{ src: ogImage, width: 1989, height: 437 }}

        />

        <HeaderBgTitle title="Pagina" highlight="niet gevonden" classes={`error-page--404 error-page`} />

        <div className={`grid-container site-content`}>

          <div className={`grid-x grid-margin-x`}>

            <div className={`cell large-12 center`}>

              <h2>Oeps!</h2>

              <h3>De pagina die u zocht bestaat niet (meer)</h3>

              <p>De opgevraagde pagina werd niet teruggevonden. </p>

              <p>

                Als u op deze pagina terecht bent gekomen door ergens op een link te klikken, <br />

                mag je ons dat zeker laten weten via{` `}

                <a href="mailto:[email protected]"> [email protected] </a>

                <br />

                dan kunnen we dit nakijken en hopelijk oplossen!

              </p>

              <h3>Wegwijs</h3>

              <p>

                <Link to={`/search`} className={`btn btn--arrow`}>

                  Ga terug naar start

                </Link>

                <Link to={`/search`} className={`btn btn--alt btn--arrow`}>

                  Ga naar de zoekpagina

                </Link>

              </p>

            </div>

          </div>

        </div>

      </Layout>

    )

  }

}

export default PageNotFoundPage