diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index f155878..ac353e4 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -4,7 +4,7 @@ import {HomeComponent} from './home/home.component';
 import {DetailComponent} from "./component/detail/detail.component";
 import {ListComponent} from "./component/list/list.component";
 import {ManagementComponent} from "./component/management/management.component";
-
+import {LoginComponent} from "./component/login/login.component";
 
 @NgModule({
   imports: [RouterModule.forRoot([
@@ -12,7 +12,8 @@ import {ManagementComponent} from "./component/management/management.component";
     {path: 'management', component: ManagementComponent},
     {path: 'location/:location', component: ListComponent},
     {path: 'location/:location/:id', component: DetailComponent},
-    {path: '**', redirectTo: 'home'}
+    {path: 'login', component: LoginComponent},
+    {path: '**', redirectTo: 'home'},
   ])],
   exports: [RouterModule],
   providers: []
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index f234120..156ed9d 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -10,6 +10,7 @@ import {FormsModule} from "@angular/forms";
 import { HttpClientModule} from "@angular/common/http";
 import { SafePipe } from './pipes/safe.pipe';
 import { ManagementComponent } from './component/management/management.component';
+import { LoginComponent } from './component/login/login.component';
 import {CookieService} from "ngx-cookie-service";
 
 @NgModule({
@@ -20,6 +21,7 @@ import {CookieService} from "ngx-cookie-service";
     DetailComponent,
     ManagementComponent,
     SafePipe,
+    LoginComponent,
   ],
   imports: [
     BrowserModule,
diff --git a/src/app/component/login/login.component.css b/src/app/component/login/login.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/component/login/login.component.html b/src/app/component/login/login.component.html
new file mode 100644
index 0000000..f656508
--- /dev/null
+++ b/src/app/component/login/login.component.html
@@ -0,0 +1,31 @@
+<div class="h-screen w-screen flex items-center justify-center">
+  <div class="max-w-md py-12">
+
+    <div class="bg-white px-6 py-8 rounded-lg shadow-md w-[400px]">
+
+      <h2 class="text-center text-2xl font-bold mb-8">Accedi</h2>
+
+      <form>
+
+        <div class="mb-4">
+          <label for="email" class="block text-gray-700 font-bold mb-2">Email:</label>
+          <input type="email" id="email" name="email" placeholder="Inserisci la tua email"
+                 class="w-full px-4 py-2 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-600 focus:border-transparent">
+        </div>
+
+        <div class="mb-4">
+          <label for="password" class="block text-gray-700 font-bold mb-2">Password:</label>
+          <input type="password" id="password" name="password" placeholder="Inserisci la tua password"
+                 class="w-full px-4 py-2 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-600 focus:border-transparent">
+        </div>
+
+        <div class="mb-4">
+          <button type="submit" class="btn gap-2 border-primary bg-primary text-secondary hover:bg-secondary hover:text-primary hover:border-primary py-2 w-full">Accedi</button>
+        </div>
+
+      </form>
+
+    </div>
+
+  </div>
+</div>
diff --git a/src/app/component/login/login.component.ts b/src/app/component/login/login.component.ts
new file mode 100644
index 0000000..80a60e8
--- /dev/null
+++ b/src/app/component/login/login.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-login',
+  templateUrl: './login.component.html',
+  styleUrls: ['./login.component.css']
+})
+export class LoginComponent {
+
+}
diff --git a/src/app/component/management/management.component.html b/src/app/component/management/management.component.html
index ee45ca6..b4ec122 100644
--- a/src/app/component/management/management.component.html
+++ b/src/app/component/management/management.component.html
@@ -1,11 +1,3 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>Management</title>
-</head>
-<body>
-
 <div class="dropdown dropdown-hover" id="translate">
   <label tabindex="0" class="btn m-1 bg-black border-neutral text-base-100"
          id="translateLabel">{{translations.translate}}</label>
@@ -192,5 +184,4 @@
     <button (click)="closeWaypointForm()">{{translations.close}}</button>
   </div>
 </div>
-</body>
-</html>
+