step 5

first-app/src/app/home/home.html

@@ -1,6 +1,9 @@
 <section>
-    <form>
-        <input type="text" placeholder="Filter by city" />
+    <form><input type="text" placeholder="Filter by city"/>
         <button class="primary" type="button">Search</button>
     </form>
+</section>
+
+<section class="results">
+    <app-housing-location [housingLocation]="housingLocation"/>
 </section>

first-app/src/app/home/home.ts

@@ -1,9 +1,25 @@
-import { Component } from '@angular/core';
+import {Component} from '@angular/core';
+import {HousingLocation} from '../housing-location/housing-location';  //Importation du component ici pour l'intégrer à la page
+
+import {HousingLocationInfo} from '../housinglocation'; // Importation de l'interface
 
 @Component({
-  selector: 'app-home',
-  templateUrl: './home.html',
-  styleUrls: ['./home.css'],
+    selector: 'app-home',
+    imports: [HousingLocation],
+    templateUrl: './home.html',
+    styleUrls: ['./home.css'],
 })
 
-export class Home {}
+export class Home {
+    readonly baseUrl = 'https://angular.dev/assets/images/tutorials/common';
+    housingLocation: HousingLocationInfo = {
+        id: 9999,
+        name: 'Test Home',
+        city: 'Test city',
+        state: 'ST',
+        photo: `${this.baseUrl}/example-house.jpg`,
+        availableUnits: 99,
+        wifi: true,
+        laundry: false,
+    };
+}