Init pages

src/app/public/pages/not-found/not-found.component.html

@@ -1 +1,24 @@
-<p>not-found works!</p>
+<section class="min-h-screen bg-gradient-to-br from-[#181818] to-[#0A2463] flex items-center justify-center px-4">
+  <div class="text-center">
+    <!-- Image d'erreur stylisée -->
+    <div class="mb-8 flex justify-center">
+      <div class="relative">
+        <div class="text-[#D8315B] text-9xl font-bold">404</div>
+      </div>
+    </div>
+
+    <!-- Message d'erreur -->
+    <h1 class="text-3xl md:text-4xl font-bold mb-4 text-[#FFFAFF]">Page non trouvée</h1>
+    <p class="text-xl mb-8 text-[#3E92CC]">Oups ! La page que vous recherchez n'existe pas.</p>
+
+    <!-- Bouton de retour -->
+    <div class="flex justify-center">
+      <a href="/" class="bg-[#3E92CC] hover:bg-[#D8315B] text-[#FFFAFF] px-6 py-3 rounded-md transition-colors font-medium flex items-center">
+        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" viewBox="0 0 20 20" fill="currentColor">
+          <path fill-rule="evenodd" d="M9.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L7.414 9H15a1 1 0 110 2H7.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd" />
+        </svg>
+        Retour à l'accueil
+      </a>
+    </div>
+  </div>
+</section>