changes

src/app/app-routing.module.ts

@@ -1,11 +1,13 @@
 import {NgModule} from '@angular/core';
-import {RouterModule, Routes} from '@angular/router';
+import {RouterModule} from '@angular/router';
 import {HomeComponent} from './home/home.component';
+import {DetailComponent} from "./detail/detail.component";
 
 
 @NgModule({
   imports: [RouterModule.forRoot([
     {path: 'home', component: HomeComponent},
+    {path: 'detail', component: DetailComponent},
     {path: '**', redirectTo: 'home'}
   ])],
   exports: [RouterModule],

src/app/app.component.html

@@ -1 +1 @@
-<app-home></app-home>
+<router-outlet></router-outlet>

src/app/home/home.component.css

@@ -0,0 +1,6 @@
+input{
+  width: 40%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}

src/app/home/home.component.html

@@ -1,2 +1,2 @@
 <input type="text" placeholder="Type here" class="input input-bordered input-primary w-full max-w-xs" />
-ciao
+