marketplaces/src/app/components/footer/footer.component.html

<footer class="app-footer">
  <div class="app-footer__container page-container">
    <div class="app-footer__top">
      <div class="app-footer__brand">
        <app-logo />
        <p>{{ 'footer.description' | translate }}</p>
      </div>

      @for (group of footerGroups(); track group.id) {
        <div class="app-footer__group">
          @if (group.title) {
            <h4>{{ group.title }}</h4>
          }
          <ul>
            @for (item of group.items; track item.id) {
              <li>
                <a [routerLink]="item.route | langRoute">{{ item.label | translate }}</a>
              </li>
            }
          </ul>
        </div>
      }

      <div class="app-footer__group">
        <h4>{{ 'footer.payment' | translate }}</h4>
        <div class="app-footer__payments">
          <img src="/assets/images/mir-logo.svg" alt="MIR" loading="lazy" width="40" height="28" />
          <img src="/assets/images/visa-logo.svg" alt="Visa" loading="lazy" width="40" height="28" />
          <img src="/assets/images/mastercard-logo.svg" alt="Mastercard" loading="lazy" width="40" height="28" />
        </div>
      </div>
    </div>

    <div class="app-footer__bottom">
      <p>&copy; {{ currentYear }} {{ brandName }}. {{ 'footer.allRightsReserved' | translate }}</p>
      @if (contactEmail) {
        <a [href]="'mailto:' + contactEmail">{{ contactEmail }}</a>
      }
    </div>
  </div>
</footer>