|
|
|
|
@ -10,22 +10,22 @@ export const metadata: Metadata = {
|
|
|
|
|
const LLM_HERO_TEXT = ` |
|
|
|
|
БЛОК: Hero-баннер (главный баннер страницы) |
|
|
|
|
Источник: perm.oclinica.ru/lor — реальный баннер раздела ЛОР |
|
|
|
|
Версия: v1.1 |
|
|
|
|
Версия: v1.2 |
|
|
|
|
|
|
|
|
|
ЗАГОЛОВОК СТРАНИЦЫ (H1, над баннером): |
|
|
|
|
«ЛОР Клиника ухо, горло, нос – медицинский центр лечения ЛОР заболеваний у детей и взрослых» |
|
|
|
|
Шрифт: Fira Sans, ~26–28px, weight 700, цвет: #53514e (--brand-073m) |
|
|
|
|
«ЛОР Клиника ухо, горло, нос - медицинский центр лечения ЛОР заболеваний у детей и взрослых» |
|
|
|
|
Шрифт: Fira Sans, 36px, weight 700, цвет: #cb9768 |
|
|
|
|
|
|
|
|
|
СТРУКТУРА БАННЕРА (двухколоночная, единый фон #f9f4e7): |
|
|
|
|
Левая колонка (~50%): |
|
|
|
|
— Заголовок: «ЭНДОСКОПИЧЕСКОЕ ХИРУРГИЧЕСКОЕ ЛЕЧЕНИЕ ЛОР ОРГАНОВ» |
|
|
|
|
Шрифт: Fira Sans, ~18px, weight 700, uppercase, цвет #111827 |
|
|
|
|
Шрифт: Fira Sans, 22px, weight 700, uppercase, цвет #333333 |
|
|
|
|
— 3 пункта с галочками (✓ бежевый #bf9975): |
|
|
|
|
1. «БЕЗОПАСНО – оперируют хирурги с 15-летним опытом работы» |
|
|
|
|
2. «БЕЗ ВНЕШНИХ РАЗРЕЗОВ – хирургия сверхмалых размеров» |
|
|
|
|
3. «БЫСТРО – под наблюдением врача пациент находится 1 сутки» |
|
|
|
|
Ключевое слово: uppercase bold; описание: обычный текст, ~13px |
|
|
|
|
— Кнопка «Узнать стоимость операции» — стиль: bb-btn-outline (светлая, без заливки) |
|
|
|
|
— Кнопка «Узнать стоимость операции» — стиль: bb-btn-pill (кремовый фон #E9E4D4, radius 25px) |
|
|
|
|
Правая колонка (~50%): |
|
|
|
|
— Фото врача с пациентом |
|
|
|
|
— Изображение занимает всю высоту блока |
|
|
|
|
@ -36,8 +36,8 @@ const LLM_HERO_TEXT = `
|
|
|
|
|
|
|
|
|
|
ЦВЕТА: |
|
|
|
|
Фон баннера: #f9f4e7 (светло-кремовый, единый для всего блока) |
|
|
|
|
Кнопка CTA: outline-стиль (светлая), не коралловая |
|
|
|
|
Заголовок блока: #111827 |
|
|
|
|
Кнопка CTA: pill-стиль (кремовый #E9E4D4, border #D5CFBD, radius 25px) |
|
|
|
|
Заголовок блока: #333333 |
|
|
|
|
Пункты: ключевое слово #111827 bold, описание #374151 |
|
|
|
|
Галочка: #bf9975 (бежевый) |
|
|
|
|
|
|
|
|
|
@ -64,7 +64,7 @@ export default function HeroPage() {
|
|
|
|
|
<h1 className="text-2xl font-bold mb-2" style={{ color: "var(--bb-text)" }}> |
|
|
|
|
Hero-баннер |
|
|
|
|
</h1> |
|
|
|
|
<BlockMetaBar path="/blocks/hero" defaultVersion="v1.1" defaultIsInPreview={true} /> |
|
|
|
|
<BlockMetaBar path="/blocks/hero" defaultVersion="v1.2" defaultIsInPreview={true} /> |
|
|
|
|
<p className="text-sm" style={{ color: "var(--bb-text-muted)" }}> |
|
|
|
|
Главный баннер страницы раздела ЛОР — perm.oclinica.ru/lor. Двухколоночный блок, единый светло-кремовый фон{" "} |
|
|
|
|
<strong>#f9f4e7</strong>. |
|
|
|
|
@ -138,14 +138,39 @@ export default function HeroPage() {
|
|
|
|
|
</p> |
|
|
|
|
</section> |
|
|
|
|
|
|
|
|
|
{/* Changelog */} |
|
|
|
|
<section className="space-y-3"> |
|
|
|
|
<h2 className="font-semibold text-base" style={{ color: "var(--bb-text)" }}> |
|
|
|
|
История версий |
|
|
|
|
</h2> |
|
|
|
|
<div className="space-y-2 text-sm" style={{ color: "var(--bb-text-muted)" }}> |
|
|
|
|
<div className="p-3 rounded-lg" style={{ background: "var(--bb-sidebar-bg)", border: "1px solid var(--bb-border)" }}> |
|
|
|
|
<p className="font-semibold text-xs mb-1" style={{ color: "var(--bb-text)" }}>v1.2 — 24.03.2026</p> |
|
|
|
|
<ul className="list-disc list-inside space-y-0.5 text-xs"> |
|
|
|
|
<li>H1: цвет исправлен с #53514e на <strong>#cb9768</strong>, размер с ~20px на <strong>36px</strong></li> |
|
|
|
|
<li>Заголовок баннера: размер с ~16px на <strong>22px</strong>, цвет с #111827 на <strong>#333333</strong></li> |
|
|
|
|
<li>CTA-кнопка: стиль изменён с outline на <strong>pill</strong> (фон #E9E4D4, radius 25px)</li> |
|
|
|
|
<li>Дефис в H1: длинное тире «–» заменено на простой дефис «-» (как на сайте)</li> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
<div className="p-3 rounded-lg" style={{ background: "var(--bb-sidebar-bg)", border: "1px solid var(--bb-border)" }}> |
|
|
|
|
<p className="font-semibold text-xs mb-1" style={{ color: "var(--bb-text)" }}>v1.1 — 23.03.2026</p> |
|
|
|
|
<ul className="list-disc list-inside space-y-0.5 text-xs"> |
|
|
|
|
<li>Единый фон #f9f4e7 (ранее был разбит на две зоны)</li> |
|
|
|
|
<li>Реальное фото врача с пациентом</li> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</section> |
|
|
|
|
|
|
|
|
|
{/* LLM блок */} |
|
|
|
|
<LlmBlock path="/blocks/hero" version="v1.1" specText={LLM_HERO_TEXT}> |
|
|
|
|
<LlmBlock path="/blocks/hero" version="v1.2" specText={LLM_HERO_TEXT}> |
|
|
|
|
<LlmSection title="Структура баннера" /> |
|
|
|
|
<LlmTable |
|
|
|
|
headers={["Зона", "Ширина", "Фон", "Содержимое"]} |
|
|
|
|
rows={[ |
|
|
|
|
["Весь баннер", "100%", "#f9f4e7", "Единый светло-кремовый фон"], |
|
|
|
|
["Левый блок", "~50%", "#f9f4e7 (общий)", "Заголовок uppercase + 3 галочки + кнопка outline"], |
|
|
|
|
["Левый блок", "~50%", "#f9f4e7 (общий)", "Заголовок uppercase + 3 галочки + кнопка pill"], |
|
|
|
|
["Правый блок", "~50%", "#f9f4e7 (общий)", "Фото врача с пациентом"], |
|
|
|
|
["Под баннером", "100%", "#fff", "Кнопки соцсетей + счётчик просмотров"], |
|
|
|
|
]} |
|
|
|
|
@ -160,8 +185,9 @@ export default function HeroPage() {
|
|
|
|
|
headers={["Элемент", "Цвет", "Токен"]} |
|
|
|
|
rows={[ |
|
|
|
|
["Фон баннера (единый)", "#f9f4e7", "Светло-кремовый фон"], |
|
|
|
|
["Кнопка CTA", "outline-стиль", "bb-btn-outline"], |
|
|
|
|
["Заголовок блока", "#111827", "—"], |
|
|
|
|
["Кнопка CTA", "pill-стиль (#E9E4D4, 25px)", "bb-btn-pill"], |
|
|
|
|
["Заголовок блока", "#333333", "—"], |
|
|
|
|
["H1 страницы", "#cb9768", "36px, bold"], |
|
|
|
|
["Галочка ✓", "#bf9975", "Бежевый"], |
|
|
|
|
]} |
|
|
|
|
/> |
|
|
|
|
@ -169,7 +195,7 @@ export default function HeroPage() {
|
|
|
|
|
<LlmRules |
|
|
|
|
rules={[ |
|
|
|
|
{ ok: true, text: "Фон баннера: #f9f4e7 (светло-кремовый) — единый для всего блока" }, |
|
|
|
|
{ ok: true, text: "Кнопка CTA: bb-btn-outline (светлая)" }, |
|
|
|
|
{ ok: true, text: "Кнопка CTA: bb-btn-pill (кремовый #E9E4D4, radius 25px)" }, |
|
|
|
|
{ ok: true, text: "Заголовок: uppercase, bold" }, |
|
|
|
|
{ ok: true, text: "Три пункта с галочками ✓ (#bf9975)" }, |
|
|
|
|
{ ok: false, text: "Не менять фон баннера на другой цвет" }, |
|
|
|
|
|
AR 15 M4
7 days ago