From 2c946b8d9f301144fb8754285503d76d39d1715d Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Tue, 14 May 2024 10:44:23 +0200
Subject: [PATCH] updating with picture

---
 src/pages/PageNotFound.jsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/pages/PageNotFound.jsx b/src/pages/PageNotFound.jsx
index c7e4685..391196a 100644
--- a/src/pages/PageNotFound.jsx
+++ b/src/pages/PageNotFound.jsx
@@ -3,6 +3,7 @@ import AnimatedPage from "../components/AnimatedPage";
 import Nav from "../components/ui/Nav";
 import { useUser } from "../hooks/useUser";
 
+import img404 from "../assets/img/illustrations/404.svg";
 export default function PageNotFound() {
 	const { screensTranslations } = useUser();
 
@@ -13,9 +14,9 @@ export default function PageNotFound() {
 		<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>
+				<img src={img404} alt='' />
+				<h1>{screen404Translations.page_not_found}</h1>
+				<p className="error-description">{screen404Translations.explanation}</p>
 			</div>
 		</AnimatedPage>
 	);