import React from 'react'
import Meditation from '../images/coding-tutorials-patience.svg'

const NotFoundPage = () => (
  <div className="container mx-auto my-12 text-center">
    <h1 className="mt-20 text-5xl uppercase">You just got 404'd</h1>
    <p className="text-xl my-10 p-4 max-w-md mx-auto">
      It's not that bad, you just hit a route that doesn&#39;t exist.<br />It's
      probably totally our fault so stay calm & use the menu above
    </p>
    <img
      src={Meditation}
      className="max-h-xs my-20"
      alt="User Experience Design Agency"
    />
  </div>
)

export default NotFoundPage
