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

<!-- novo VERSION - Modern Clean Footer -->
@if (isnovo) {
  <footer class="novo-footer">
    <div class="novo-footer-container">
      <div class="novo-footer-top">
        <div class="novo-footer-col">
          <h4>{{ brandName }}</h4>
          <p class="novo-footer-desc">{{ 'footer.description' | translate }}</p>
        </div>

        <div class="novo-footer-col">
          <h4>{{ 'footer.company' | translate }}</h4>
          <ul class="novo-footer-links">
            <li><a [routerLink]="'/about' | langRoute">{{ 'footer.aboutUs' | translate }}</a></li>
            <li><a [routerLink]="'/contacts' | langRoute">{{ 'footer.contacts' | translate }}</a></li>
            <li><a [routerLink]="'/company-details' | langRoute">{{ 'footer.requisites' | translate }}</a></li>
          </ul>
        </div>

        <div class="novo-footer-col">
          <h4>{{ 'footer.support' | translate }}</h4>
          <ul class="novo-footer-links">
            <li><a [routerLink]="'/faq' | langRoute">{{ 'footer.faq' | translate }}</a></li>
            <li><a [routerLink]="'/delivery' | langRoute">{{ 'footer.delivery' | translate }}</a></li>
            <li><a [routerLink]="'/guarantee' | langRoute">{{ 'footer.guarantee' | translate }}</a></li>
          </ul>
        </div>

        <div class="novo-footer-col">
          <h4>{{ 'footer.legal' | translate }}</h4>
          <ul class="novo-footer-links">
            <li><a [routerLink]="'/public-offer' | langRoute">{{ 'footer.offer' | translate }}</a></li>
            <li><a [routerLink]="'/privacy-policy' | langRoute">{{ 'footer.privacy' | translate }}</a></li>
            <li><a [routerLink]="'/return-policy' | langRoute">{{ 'footer.returns' | translate }}</a></li>
          </ul>
        </div>
      </div>

      <div class="novo-footer-bottom">
        <div class="novo-copyright">
          <p>© {{ currentYear }} {{ brandName }}</p>
        </div>
        <div class="novo-payment-icons">
          <img src="/assets/images/mir-logo.svg" alt="МИР" 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>
  </footer>
} @else {
  <!-- DEXAR VERSION - Redesigned -->
  <footer class="dexar-footer">
    <div class="dexar-footer-bg">
      <div class="dexar-footer-container">
        <div class="dexar-footer-top">
          <div class="dexar-footer-logo">
            <img src="/assets/images/dexar-logo.svg" alt="Dexar" class="dexar-footer-logo-desktop" loading="lazy" />
            <img src="/assets/images/dexar-logo-small.svg" alt="Dexar" class="dexar-footer-logo-mobile" loading="lazy" />
          </div>
          
          <div class="dexar-footer-columns">
            <div class="dexar-footer-col">
              <h4>{{ 'footer.info' | translate }}</h4>
              <ul>
                <li><a [routerLink]="'/about' | langRoute">{{ 'footer.aboutCompany' | translate }}</a></li>
                <li><a [routerLink]="'/contacts' | langRoute">{{ 'footer.contacts' | translate }}</a></li>
                <li><a [routerLink]="'/company-details' | langRoute">{{ 'footer.requisites' | translate }}</a></li>
              </ul>
            </div>

            <div class="dexar-footer-col">
              <h4>{{ 'footer.documents' | translate }}</h4>
              <ul>
                <li><a [routerLink]="'/payment-terms' | langRoute">{{ 'footer.paymentRules' | translate }}</a></li>
                <li><a [routerLink]="'/return-policy' | langRoute">{{ 'footer.returnPolicy' | translate }}</a></li>
                <li><a [routerLink]="'/public-offer' | langRoute">{{ 'footer.publicOffer' | translate }}</a></li>
                <li><a [routerLink]="'/privacy-policy' | langRoute">{{ 'footer.privacy' | translate }}</a></li>
              </ul>
            </div>

            <div class="dexar-footer-col">
              <h4>{{ 'footer.help' | translate }}</h4>
              <ul>
                <li><a [routerLink]="'/faq' | langRoute">{{ 'footer.faq' | translate }}</a></li>
                <li><a [routerLink]="'/delivery' | langRoute">{{ 'footer.delivery' | translate }}</a></li>
                <li><a [routerLink]="'/guarantee' | langRoute">{{ 'footer.guarantee' | translate }}</a></li>
              </ul>
            </div>

            <div class="dexar-footer-col">
              <h4>{{ 'footer.payment' | translate }}</h4>
              <div class="dexar-payment-logos">
                <img src="/assets/images/mir-logo.svg" alt="МИР" loading="lazy" width="48" height="32" />
                <img src="/assets/images/visa-logo.svg" alt="Visa" loading="lazy" width="48" height="32" />
                <img src="/assets/images/mastercard-logo.svg" alt="Mastercard" loading="lazy" width="48" height="32" />
              </div>
            </div>
          </div>
        </div>

        <div class="dexar-footer-bottom">
          <p>&copy; {{ currentYear }} {{ brandName }}. {{ 'footer.allRightsReserved' | translate }}</p>
        </div>
      </div>
    </div>
  </footer>
}