<div class="search-results" *ngIf="(searchAreas | async)?.length > 0" >
  <div class="search-area" *ngFor="let area of searchAreas | async">
    <h2>{{area.name}}</h2>
    <div class="search-page" *ngFor="let page of area.pages">
      <a class="search-result-item" href="{{ page.path }}" (click)="onResultSelected(page)">{{ page.title }}</a>
    </div>
  </div>
</div>

