change to preloaded components

src/app/app.routes.ts

@@ -1,14 +1,11 @@
 import { Routes } from '@angular/router';
+import { Home } from '../pages/home/home';
+import { About } from '../pages/about/about';
+import { Contact } from '../pages/contact/contact';
 
 export const routes: Routes = [
   { path: '', redirectTo: 'home', pathMatch: 'full' },
-  { path: 'home', loadComponent: () => import('../pages/home/home').then((x) => x.Home) },
-  {
-    path: 'about',
-    loadComponent: () => import('../pages/about/about').then((x) => x.About),
-  },
-  {
-    path: 'contact',
-    loadComponent: () => import('../pages/contact/contact').then((x) => x.Contact),
-  },
+  { path: 'home', component: Home },
+  { path: 'about', component: About },
+  { path: 'contact', component: Contact },
 ];