diff --git a/bun.lockb b/bun.lockb
index d87cb6d..dbea47e 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index 5a0345d..959eef8 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -1,12 +1,14 @@
 import { Routes } from '@angular/router';
-import { HotelListComponent } from './hotel-list/hotel-list.component';
 import { TestComponent } from './test/test.component';
 import { NewHotelComponent } from './new-hotel/new-hotel.component';
 
 export const routes: Routes = [
   {
     path: '',
-    component: HotelListComponent,
+    loadComponent: () =>
+      import('./hotel-list/hotel-list.component').then(
+        (c) => c.HotelListComponent,
+      ),
   },
   {
     path: 'hotels/:id',
diff --git a/src/app/hotel-list/hotel-list.component.html b/src/app/hotel-list/hotel-list.component.html
index e8af120..91d0a92 100644
--- a/src/app/hotel-list/hotel-list.component.html
+++ b/src/app/hotel-list/hotel-list.component.html
@@ -1,7 +1,5 @@
 <div class="container p-4 mx-auto max-w-4xl">
-  <button (click)="loadTest2()">Load Test2</button>
-  <ng-container #test2></ng-container>
-  <h1 class="mt-6">{{ "hello" | uppercase | text }}</h1>
+  <h1>{{ "hello" | uppercase | text }}</h1>
   <a class="submit-button" routerLink="/new">CREATE NEW HOTEL</a>
   <app-search [(input)]="search"></app-search>
   @if (hotels[0].hotelName) {
diff --git a/src/app/hotel-list/hotel-list.component.ts b/src/app/hotel-list/hotel-list.component.ts
index a53b07b..d95fce8 100644
--- a/src/app/hotel-list/hotel-list.component.ts
+++ b/src/app/hotel-list/hotel-list.component.ts
@@ -1,5 +1,5 @@
 import { CommonModule, NgFor, NgIf, UpperCasePipe } from '@angular/common';
-import { Component, inject, ViewChild, ViewContainerRef } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import { TextPipe } from '../../text.pipe';
 import { SearchComponent } from '../Search/search.component';
 import { HotelService } from '../Parent/services/hotel.service';
@@ -35,18 +35,7 @@ export class HotelListComponent {
   public response: any = null;
   public hotels: Array<Hotel> = [{} as Hotel];
 
-  @ViewChild('test2', { read: ViewContainerRef })
-  private test2ViewContainerRef!: ViewContainerRef;
-
-  constructor(private http: HttpClient) { }
-
-  async loadTest2() {
-    for (let i = 0; i < 1; i++) {
-      const { Test2Component } = await import('../test2/test2.component');
-
-      this.test2ViewContainerRef.createComponent(Test2Component);
-    }
-  }
+  constructor(private http: HttpClient) {}
 
   ngOnInit() {
     this.http.get<Array<Hotel>>('api/hotels').subscribe((res) => {
diff --git a/src/app/test2/test2.component.css b/src/app/test2/test2.component.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/test2/test2.component.html b/src/app/test2/test2.component.html
deleted file mode 100644
index 0f8405e..0000000
--- a/src/app/test2/test2.component.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<iframe
-  src="https://funhtml5games.com?embed=flappy"
-  style="width: 800px; height: 520px; border: none"
-  frameborder="0"
-  scrolling="no"
-></iframe>
diff --git a/src/app/test2/test2.component.spec.ts b/src/app/test2/test2.component.spec.ts
deleted file mode 100644
index 5d70ad0..0000000
--- a/src/app/test2/test2.component.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { Test2Component } from './test2.component';
-
-describe('Test2Component', () => {
-  let component: Test2Component;
-  let fixture: ComponentFixture<Test2Component>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [Test2Component]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(Test2Component);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/test2/test2.component.ts b/src/app/test2/test2.component.ts
deleted file mode 100644
index abbad52..0000000
--- a/src/app/test2/test2.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-test2',
-  imports: [],
-  templateUrl: './test2.component.html',
-  styleUrl: './test2.component.css'
-})
-export class Test2Component {
-
-}