zitadel/console/src/app/pages/home/home.component.html

<div class="max-width-container">
  <div class="home-wrapper enlarged-container">
    <ng-container *ngIf="['iam.read$'] | hasRole | async; else defaultHome">
      <cnsl-onboarding></cnsl-onboarding>
    </ng-container>
    <ng-template #defaultHome>
      <cnsl-shortcuts></cnsl-shortcuts>
    </ng-template>

    <p class="disclaimer cnsl-secondary-text">{{ 'HOME.DISCLAIMER' | translate }}</p>

    <span class="fill-space"></span>
    <div class="home-grid-container">
      <a href="https://zitadel.com/docs" target="_blank" rel="noreferrer" class="grid-item blue">
        <div class="grid-item-avatar blue">
          <i class="icon las la-file-alt"></i>
        </div>
        <span>{{ 'HOME.DOCUMENTATION.TITLE' | translate }}</span>
      </a>

      <a href="https://zitadel.com/docs/guides/start/quickstart" target="_blank" rel="noreferrer" class="grid-item green">
        <div class="grid-item-avatar green">
          <i class="icon las la-play"></i>
        </div>
        <span>{{ 'HOME.GETSTARTED.TITLE' | translate }}</span>
      </a>

      <a href="https://zitadel.com/docs/examples/introduction" target="_blank" rel="noreferrer" class="grid-item green">
        <div class="grid-item-avatar green">
          <i class="icon las la-play"></i>
        </div>
        <span>{{ 'HOME.QUICKSTARTS.TITLE' | translate }}</span>
      </a>
    </div>
  </div>
</div>