From 3823c3ea627bf777b10f72fc3d7655725e097668 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Mon, 13 May 2024 15:00:19 +0200
Subject: [PATCH] creating the page

---
 src/pages/PageNotFound.jsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/pages/PageNotFound.jsx

diff --git a/src/pages/PageNotFound.jsx b/src/pages/PageNotFound.jsx
new file mode 100644
index 0000000..c7e4685
--- /dev/null
+++ b/src/pages/PageNotFound.jsx
@@ -0,0 +1,22 @@
+import React from "react";
+import AnimatedPage from "../components/AnimatedPage";
+import Nav from "../components/ui/Nav";
+import { useUser } from "../hooks/useUser";
+
+export default function PageNotFound() {
+	const { screensTranslations } = useUser();
+
+	if (!screensTranslations || !screensTranslations.screen_404) return <p>loading</p>;
+	const screen404Translations = screensTranslations.screen_404;
+
+	return (
+		<AnimatedPage className='page-container page-container--not-found  '>
+			<div className='content-page'>
+				<Nav />
+				<h1>{screen404Translations.error}</h1>
+				<h2>{screen404Translations.page_not_found}</h2>
+				<p>{screen404Translations.explanation}</p>
+			</div>
+		</AnimatedPage>
+	);
+}