| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- 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") О компании
|
