s5l.ru-crm/app/pages/Home/index.pug

div(class="home-page")
  div(class="hero-section")
    h1(class="hero-title") {{ welcomeText }}
    p(class="hero-subtitle") Интернет-магазин лакокрасочной продукции премиум-класса
    div(class="hero-actions")
      ui-button(
        type="primary"
        size="large"
        @click="goToCatalog"
      ) Перейти в каталог
      ui-button(
        type="outline"
        size="large"
        @click="contactSupport"
      ) Связаться с нами
  
  div(class="features-section")
    h2(class="section-title") Наши преимущества
    div(class="features-grid")
      div(
        v-for="(feature, index) in features"
        :key="index"
        class="feature-card"
      )
        h3 {{ feature.title }}
        p {{ feature.description }}
  
  div(class="products-preview")
    h2(class="section-title") Популярные товары
    product-grid(
      :products="featuredProducts"
      :loading="productsLoading"
      @product-click="viewProduct"
    )
  
  div(class="cta-section")
    h2(class="cta-title") Готовы начать покупки?
    p(class="cta-description") Ознакомьтесь с нашим каталогом товаров или свяжитесь с нашими специалистами для консультации
    div(class="hero-actions")
      ui-button(
        type="primary"
        size="large"
        @click="goToCatalog"
      ) Смотреть каталог
      ui-button(
        type="outline"
        size="large"
        @click="contactSupport"
      ) Получить консультацию