---
title: Hero (главный баннер)
section: main-page
theme: mebelidomanet
framework: bootstrap
redesign_status: done
last_updated: 2026-07-11
files:
  php_inline:
    - views/site/index.php:22-30
  php_partials: []
  scss:
    - src/hero/style.scss
  js: []
  widgets: []
  shared:
    - src/hero/
deps_on:
  - shared/hero-module
themes_with_analog:
  - mebelmall
  - dommebeli
  - mebelmart
  - freshshop
  - mebelmag
  - mebelbazar
  - hormebel
  - cartzilla
  - mebelmarket
  - stolkomebeli
---

# Hero

## Назначение

Большой баннер в начале главной страницы: фото + заголовок + подзаголовок + кнопка «К покупкам». В mebelidomanet — title «Уют для всей семьи».

**Редизайн 2026-07-09:** shared mustache больше НЕ используется в mebelidomanet. Hero свёрстан **inline в `views/site/index.php`** (класс `.md-hero`) в стиле `../mebel-landing`: тёплая палитра (#FAF6F3/#883737/#4D1616), шрифты **Fraunces + Manrope**, асимметричный сплит (текст слева, квадратное фото справа), CTA-«остров» со стрелкой, hover/active/focus + `prefers-reduced-motion`. Реализация на **чистом Bootstrap + SCSS, БЕЗ Tailwind** (tw: в проекте выключен). Стили — `src/client/hero-md/style.scss`.

## Где живёт (после редизайна)

- **Вёрстка:** `views/site/index.php` — inline `<section class="md-hero">`.
- **SCSS:** `src/client/hero-md/style.scss`, подключён в `src/client/index.scss` после shared-hero.
- **Шрифты:** Fraunces + Manrope, `<link>` в `views/layouts/main.php`.
- **Картинка:** `web/images/mebelidomanet-hero.jpg` (1080×1080).

## Legacy (shared, для других тем)

- **Template:** `src/hero/index.mustache` — `.vagner-hero`, всё ещё используют ~10 других тем.
- **SCSS:** `src/hero/style.scss` — переменные `$vagner_hero_bg` и т.д. В `src/client/index.scss` shared-hero пока импортируется (dead CSS для mebelidomanet, можно убрать позже).

## Bootstrap-классы

Внутри mustache — зависит от шаблона. Проверить при редизайне.

## JS-зависимости

- Никаких.