import React from 'react'

const NotFoundPage = () => (
  <div>
    <h1>Oops: 404</h1>
    <p>
      Try going back to <a href="/">blog.georgi-yanev.com</a> and see if that
      helps :)
    </p>
  </div>
)

export default NotFoundPage

@@ -23,83 +23,610 @@
 ct'%0A
-%0Aconst NotFoundPage = () =%3E (%0A  %3Cdiv%3E%0A    %3Ch1%3EOops: 404%3C/h1%3E%0A
+import %7B Link %7D from 'gatsby'%0Aimport styled from 'styled-components'%0Aimport Layout from '../components/structure/layout'%0A%0Aconst Section = styled.section%60%0A  h2 %7B%0A    text-align: center;%0A%0A    span %7B%0A      color: #23464c;%0A    %7D%0A  %7D%0A%0A  h3 %7B%0A    display: flex;%0A    align-items: center;%0A    padding: 24px 16px;%0A  %7D%0A%0A  h4 %7B%0A    text-align: center;%0A  %7D%0A%0A  @media (min-width: 768px) %7B%0A    h3 %7B%0A      max-width: 320px;%0A      margin: 1rem auto;%0A    %7D%0A  %7D%0A%60%0A%0Aconst NotFoundPage = () =%3E (%0A  %3CLayout%3E%0A    %3CSection%3E%0A      %3Ch2 className=%22article-update-notification%22%3E%0A        %3Cspan%3E%F0%9F%92%A9 404 %F0%9F%92%A9%3C/span%3E%0A    
     %3C
-p
+br /
 %3E%0A      
 Try 
@@ -625,111 +625,364 @@
     
+ 
-Try going back to %3Ca href=%22/%22%3Eblog.georgi-yanev.com%3C/a%3E and see if that%0A      helps :)%0A    %3C/p%3E%0A  %3C/div
+ %3Cem%3EThis page has been moved or no longer exists.%3C/em%3E%0A      %3C/h2%3E%0A      %3Ch4%3E%F0%9F%91%87 Check out all blog posts or the quick tips page %F0%9F%91%87%3C/h4%3E%0A      %3CLink to=%22/news/%22%3E%0A        %3Ch3 className=%22category fpv%22%3EBlog Posts%3C/h3%3E%0A      %3C/Link%3E%0A      %3CLink to=%22/quick-tips/%22%3E%0A        %3Ch3 className=%22category learning%22%3EQuick Tips%3C/h3%3E%0A      %3C/Link%3E%0A    %3C/Section%3E%0A  %3C/Layout
 %3E%0A)%0A

Improve 404 page with custom content