Update PageNotFound.jsx

2025-12-17 15:10:58 +01:00
parent fa9298a334
commit 883d19d7c4
2 changed files with 49 additions and 2 deletions
@@ -1,10 +1,24 @@
 import Background from "../../components/background/background.jsx";
+import styles from "./PageNotFound.module.css"
+import { useNavigate } from "react-router";

 export default function PageNotFound() {

+    const navigate = useNavigate();
+
    return <Background>
+        <div className={styles.content}>
+            <h1 className={styles.title}> Page non trouvée </h1>
+            <div className={`${styles.container} glassCard`}>
+                <p>
+                    Désolé, la page que vous recherchez n’existe pas ou n’est plus disponible. <br/>
+                    Vous pouvez : <br/>
+                    - Vérifier l’URL pour une éventuelle erreur de saisie. <br/>
+                    - Revenir à l’accueil <span onClick={() => navigate("/")} className={styles.redirectSpan}>ici.</span> <br/>

-        <h1>404</h1>
-
+                </p>
+                <p> Contact : contact@example.com </p>
+            </div>
+        </div>
    </Background>
 }