<main *ngIf="data != null">
  <div class="home-lists-container">
    <div class="landing-page-title-block">
      <div class="tooltip-base hoverable">
        <h2 class="center landing-page-title tooltip-dotted">
          Top Dart packages
        </h2>
      </div>
    </div>

    <ul class="package-list">
      <li class="list-item" *ngFor="let package of data.packages">
        <h3 class="title">
          <a [routerLink]="getDetailUrl(package)">{{ package.name }}</a>
        </h3>
        <p class="met