div(id="app")
  // Единый header для всего приложения
  header(class="header")
    nav(class="header__nav")
      div(class="header__nav-block")
        div(class="header__brand")
          img(
            v-if="currentDomainSettings && currentDomainSettings.logo"
            :src="currentDomainSettings.logo" 
            :alt="currentDomainSettings.companyName || 'Браер-Колор'"
            class="header__logo"
          )
          span(v-else class="header__nav-name") {{ companyName }}
        div(class="header__nav-menu")
          div(class="header__menu-item")
            router-link(to="/catalog" class="header__menu-link") Каталог
          div(class="header__menu-item")
            router-link(to="/blog" class="header__menu-link") Блог
          div(class="header__menu-item")
            router-link(to="/contacts" class="header__menu-link") Контакты
          div(class="header__menu-item")
            button(
              @click="toggleTheme"
              class="header__theme-toggle"
            ) {{ theme === 'light' ? '🌙' : '☀️' }}
  
  main(class="main")
    router-view(v-slot='{ Component }')
      transition(name='page-slide' mode='out-in')
        component(:is='Component')
  
  footer(class="footer")
    div(class="footer__content")
      div(class="footer__sections")
        div(class="footer__section")
          h3(class="footer__section-title") {{ currentDomainSettings?.companyName || companyName }}
          p(class="footer__section-text") {{ currentDomainSettings?.description || 'Интернет-магазин лакокрасочной продукции' }}
        div(class="footer__section")
          h3(class="footer__section-title") Контакты
          p(class="footer__section-text") {{ currentDomainSettings?.email || 'info@braer-color.ru' }}
          p(class="footer__section-text") {{ currentDomainSettings?.phone || '+7 (999) 999-99-99' }}
        div(class="footer__section")
          h3(class="footer__section-title") Быстрые ссылки
          div(class="footer__links")
            router-link(to="/catalog" class="footer__link") Каталог
            router-link(to="/blog" class="footer__link") Блог
            router-link(to="/about" class="footer__link") О компании