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">Современный маркетплейс для комфортных покупок</p>
        </div>

        <div class="novo-footer-col">
          <h4>Компания</h4>
          <ul class="novo-footer-links">
            <li><a [routerLink]="'/about' | langRoute">О нас</a></li>
            <li><a [routerLink]="'/contacts' | langRoute">Контакты</a></li>
            <li><a [routerLink]="'/company-details' | langRoute">Реквизиты</a></li>
          </ul>
        </div>

        <div class="novo-footer-col">
          <h4>Поддержка</h4>
          <ul class="novo-footer-links">
            <li><a [routerLink]="'/faq' | langRoute">FAQ</a></li>
            <li><a [routerLink]="'/delivery' | langRoute">Доставка</a></li>
            <li><a [routerLink]="'/guarantee' | langRoute">Гарантия</a></li>
          </ul>
        </div>

        <div class="novo-footer-col">
          <h4>Правовая информация</h4>
          <ul class="novo-footer-links">
            <li><a [routerLink]="'/public-offer' | langRoute">Оферта</a></li>
            <li><a [routerLink]="'/privacy-policy' | langRoute">Конфиденциальность</a></li>
            <li><a [routerLink]="'/return-policy' | langRoute">Возврат</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>Информация</h4>
              <ul>
                <li><a [routerLink]="'/about' | langRoute">О компании</a></li>
                <li><a [routerLink]="'/contacts' | langRoute">Контакты</a></li>
                <li><a [routerLink]="'/company-details' | langRoute">Реквизиты</a></li>
              </ul>
            </div>

            <div class="dexar-footer-col">
              <h4>Документы</h4>
              <ul>
                <li><a [routerLink]="'/payment-terms' | langRoute">Правила оплаты</a></li>
                <li><a [routerLink]="'/return-policy' | langRoute">Политика возврата</a></li>
                <li><a [routerLink]="'/public-offer' | langRoute">Публичная оферта</a></li>
                <li><a [routerLink]="'/privacy-policy' | langRoute">Конфиденциальность</a></li>
              </ul>
            </div>

            <div class="dexar-footer-col">
              <h4>Помощь</h4>
              <ul>
                <li><a [routerLink]="'/faq' | langRoute">FAQ</a></li>
                <li><a [routerLink]="'/delivery' | langRoute">Доставка</a></li>
                <li><a [routerLink]="'/guarantee' | langRoute">Гарантия</a></li>
              </ul>
            </div>

            <div class="dexar-footer-col">
              <h4>Оплата</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 }}. Все права защищены.</p>
        </div>
      </div>
    </div>
  </footer>
}