| 123456789101112131415161718192021222324252627282930313233343536373839 |
- div(id="app")
- header(class="header")
- nav(class="header__nav")
- div(class="header__nav-block")
- div(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") {{ companyName }}
- p(class="footer__section-text") Интернет-магазин лакокрасочной продукции
- div(class="footer__section")
- h3(class="footer__section-title") Контакты
- p(class="footer__section-text") Email: info@braer-color.ru
- p(class="footer__section-text") Телефон: +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") О компании
|
