From b88c21eaa61d424047a552b623876465992b22e0 Mon Sep 17 00:00:00 2001
From: Alix JEUDI--LEMOINE <alix.jeudi--lemoine@etu.uca.fr>
Date: Thu, 29 May 2025 15:24:08 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=A5=85=20Not=20found=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../not-found/not-found.component.html        | 25 +++++++++++++++++++
 .../not-found/not-found.component.spec.ts     | 23 +++++++++++++++++
 .../not-found/not-found.component.ts          |  8 ++++++
 3 files changed, 56 insertions(+)
 create mode 100644 src/app/components/not-found/not-found.component.html
 create mode 100644 src/app/components/not-found/not-found.component.spec.ts
 create mode 100644 src/app/components/not-found/not-found.component.ts

diff --git a/src/app/components/not-found/not-found.component.html b/src/app/components/not-found/not-found.component.html
new file mode 100644
index 0000000..d466530
--- /dev/null
+++ b/src/app/components/not-found/not-found.component.html
@@ -0,0 +1,25 @@
+<section class="min-h-[calc(100vh-72px)] bg-gray-900 dark:bg-white">
+  <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
+    <div class="mx-auto max-w-screen-sm text-center">
+      <h1
+        class="mb-4 text-7xl tracking-tight font-extrabold lg:text-9xl text-white dark:text-gray-900"
+      >
+        404
+      </h1>
+      <p
+        class="mb-4 text-3xl tracking-tight font-bold text-white md:text-4xl dark:text-gray-900"
+      >
+        Something's missing.
+      </p>
+      <p class="mb-4 text-lg font-light text-gray-400 dark:text-gray-500">
+        Sorry, we can't find that page. You'll find lots to explore on the home
+        page.
+      </p>
+      <a
+        href="/"
+        class="inline-flex text-white bg-gray-900 hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-900 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:focus:ring-gray-300 my-4"
+        >Back to Homepage</a
+      >
+    </div>
+  </div>
+</section>
diff --git a/src/app/components/not-found/not-found.component.spec.ts b/src/app/components/not-found/not-found.component.spec.ts
new file mode 100644
index 0000000..5b65d9e
--- /dev/null
+++ b/src/app/components/not-found/not-found.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NotFoundComponent } from './not-found.component';
+
+describe('NotFoundComponent', () => {
+  let component: NotFoundComponent;
+  let fixture: ComponentFixture<NotFoundComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [NotFoundComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(NotFoundComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/not-found/not-found.component.ts b/src/app/components/not-found/not-found.component.ts
new file mode 100644
index 0000000..4726f37
--- /dev/null
+++ b/src/app/components/not-found/not-found.component.ts
@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-not-found',
+  imports: [],
+  templateUrl: './not-found.component.html',
+})
+export class NotFoundComponent {}