diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index 433441e..ee8694a 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -2,7 +2,12 @@ import { Routes } from '@angular/router';
 import { HeroComponent } from './pages/hero/hero.component';
 
 export const routes: Routes = [
-  { path: '', component: HeroComponent },
+  {
+    path: '',
+    loadComponent: () =>
+      import('./pages/hero/hero.component').then((c) => c.HeroComponent),
+  },
+
   {
     path: 'about',
     loadComponent: () =>