diff --git a/angular.json b/angular.json
index 4ad404d..3a460e8 100644
--- a/angular.json
+++ b/angular.json
@@ -21,6 +21,7 @@
             ],
             "tsConfig": "tsconfig.app.json",
             "assets": [
+              "src/assets",
               {
                 "glob": "**/*",
                 "input": "public"
diff --git a/package-lock.json b/package-lock.json
index b6eb74c..f966c1c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,7 +21,7 @@
         "express": "^4.18.2",
         "luxon": "^3.5.0",
         "primeicons": "^7.0.0",
-        "primeng": "^17.18.13",
+        "primeng": "^17.18.10",
         "rxjs": "~7.8.0",
         "tslib": "^2.3.0",
         "zone.js": "~0.14.10"
@@ -10839,14 +10839,12 @@
     "node_modules/primeicons": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/primeicons/-/primeicons-7.0.0.tgz",
-      "integrity": "sha512-jK3Et9UzwzTsd6tzl2RmwrVY/b8raJ3QZLzoDACj+oTJ0oX7L9Hy+XnVwgo4QVKlKpnP/Ur13SXV/pVh4LzaDw==",
-      "license": "MIT"
+      "integrity": "sha512-jK3Et9UzwzTsd6tzl2RmwrVY/b8raJ3QZLzoDACj+oTJ0oX7L9Hy+XnVwgo4QVKlKpnP/Ur13SXV/pVh4LzaDw=="
     },
     "node_modules/primeng": {
-      "version": "17.18.13",
-      "resolved": "https://registry.npmjs.org/primeng/-/primeng-17.18.13.tgz",
-      "integrity": "sha512-G+4isb+tz2drez744i8LswxyaD+mqGupQeIzXc4hn5tb0KZCoe2G61/cEHUvUENFlBWBj2IPju1Zqu7klKNTTw==",
-      "license": "MIT",
+      "version": "17.18.10",
+      "resolved": "https://registry.npmjs.org/primeng/-/primeng-17.18.10.tgz",
+      "integrity": "sha512-P3UskInOZ7qYICxSYvf0K8nUEb7DmndiXmyvLGU1wch+XcVWmVs4FZsWKNfdvK7TUdxxYj8WW44nodNV/epr3A==",
       "dependencies": {
         "tslib": "^2.3.0"
       },
diff --git a/package.json b/package.json
index 3899946..f8e8e2f 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "express": "^4.18.2",
     "luxon": "^3.5.0",
     "primeicons": "^7.0.0",
-    "primeng": "^17.18.13",
+    "primeng": "^17.18.10",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.14.10"
diff --git a/src/app/app.component.css b/src/app/app.component.css
index e69de29..7f98bd0 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -0,0 +1,5 @@
+img {
+  width: 100%;
+  height: 25rem;
+  object-fit: cover;
+}
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 426546b..3138661 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,3 +1,3 @@
+<img src="assets/banner.png" height="494" width="1494"/>
 <p-menubar [model]="items" />
 <router-outlet></router-outlet>
-
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 68c0bda..163ddcb 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,12 +1,12 @@
-import {Component} from '@angular/core';
-import {HomeComponent} from "./home/home.component";
+import {Component, CUSTOM_ELEMENTS_SCHEMA} from '@angular/core';
 import {MenubarModule} from 'primeng/menubar';
 import {MenuItem} from 'primeng/api';
+import {FloatLabelModule} from 'primeng/floatlabel';
 
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [HomeComponent, MenubarModule],
+  imports: [MenubarModule, FloatLabelModule],
   templateUrl: './app.component.html',
   styleUrl: './app.component.css'
 })
diff --git a/src/app/app.config.ts b/src/app/app.config.ts
index ceb315d..2e64bb1 100644
--- a/src/app/app.config.ts
+++ b/src/app/app.config.ts
@@ -3,12 +3,12 @@ import {provideRouter} from '@angular/router';
 
 import {routes} from './app.routes';
 import {provideClientHydration} from '@angular/platform-browser';
-import {provideHttpClient} from '@angular/common/http';
+import {provideHttpClient, withFetch} from '@angular/common/http';
 
 export const appConfig: ApplicationConfig = {
   providers: [
     provideZoneChangeDetection({eventCoalescing: true}),
     provideRouter(routes),
     provideClientHydration(),
-    provideHttpClient()]
+    provideHttpClient(withFetch())]
 };
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index e6bda2d..8c2c17e 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -15,3 +15,5 @@
     </div>
   </article>
 </div>
+
+{{ authors | json }}
diff --git a/src/app/login/login.component.html b/src/app/login/login.component.html
index 74a3403..3f894c5 100644
--- a/src/app/login/login.component.html
+++ b/src/app/login/login.component.html
@@ -1,4 +1,5 @@
-<p-floatlabel variant="on">
-  <input pInputText id="on_label" [(ngModel)]="name" autocomplete="off" />
-  <label for="on_label">On Label</label>
-</p-floatlabel>
+<label for="username">Nom d'utilisateur</label>
+<input id="username" placeholder="Entrez votre nom d'utilisateur" pInputText [(ngModel)]="name"/>
+<label for="password">Mot de passe</label>
+<input id="password" placeholder="Entrez votre mot de passe" pInputText [(ngModel)]="name"/>
+
diff --git a/src/app/login/login.component.ts b/src/app/login/login.component.ts
index e711392..23028d5 100644
--- a/src/app/login/login.component.ts
+++ b/src/app/login/login.component.ts
@@ -1,11 +1,13 @@
-import { Component } from '@angular/core';
+import {Component, CUSTOM_ELEMENTS_SCHEMA} from '@angular/core';
 import {FormsModule} from '@angular/forms';
+import {InputTextModule} from 'primeng/inputtext';
 
 @Component({
   selector: 'app-login',
   standalone: true,
   imports: [
-    FormsModule
+    FormsModule,
+    InputTextModule
   ],
   templateUrl: './login.component.html',
   styleUrl: './login.component.css'
diff --git a/src/assets/banner.png b/src/assets/banner.png
new file mode 100644
index 0000000..42f967e
Binary files /dev/null and b/src/assets/banner.png differ