From 500737fe81fed7172f6879728b272412f4017c6b Mon Sep 17 00:00:00 2001
From: martapanc <marta.panc@gmail.com>
Date: Thu, 22 Feb 2024 13:58:00 +0100
Subject: [PATCH] feat: update 404 page

---
 src/app/not-found.tsx    | 29 +++++++++++++++++++++++++++++
 src/data/locales/en.json |  3 +++
 2 files changed, 32 insertions(+)
 create mode 100644 src/app/not-found.tsx

diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
new file mode 100644
index 0000000..2cfc5e4
--- /dev/null
+++ b/src/app/not-found.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+
+import Heading from '@/components/atoms/headings/Heading';
+import UnstyledLink from '@/components/atoms/links/UnstyledLink';
+
+export default async function NotFound() {
+  return (
+    <section className='dark:bg-dark bg-white'>
+      <div className='layout relative flex flex-col py-16 md:py-24 items-center justify-center'>
+        <div className='p-4'>
+          <Heading title='404.title' />
+        </div>
+
+        <span className='text-3xl text-center'>
+          Whoopsie, this page could not be found.
+        </span>
+
+        <div className='my-32 text-2xl'>
+          <UnstyledLink
+            className='decoration-2 animated-underline-2 dark:animated-underline'
+            href='/'
+          >
+            Go back home
+          </UnstyledLink>
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/src/data/locales/en.json b/src/data/locales/en.json
index a1f420b..8e1725e 100644
--- a/src/data/locales/en.json
+++ b/src/data/locales/en.json
@@ -99,5 +99,8 @@
   },
   "recruiters": {
     "title": "Info for Recruiters"
+  },
+  "404": {
+    "title": "<404 />"
   }
 }