diff --git a/tradein-mvp/frontend/src/app/mera-public/_components/v3/HeroV3.tsx b/tradein-mvp/frontend/src/app/mera-public/_components/v3/HeroV3.tsx index 670efdc2..a6a479c4 100644 --- a/tradein-mvp/frontend/src/app/mera-public/_components/v3/HeroV3.tsx +++ b/tradein-mvp/frontend/src/app/mera-public/_components/v3/HeroV3.tsx @@ -166,18 +166,29 @@ export function HeroV3({ stats }: { stats: LandingStats }) { построен расчёт - {marketLines.map((line) => ( -
- - - {line.label} {line.text} - -
- ))} + {/* ОГОВОРКИ ОТДЕЛЬНО ОТ ПРЕДЛОЖЕНИЯ. + Эти две строки лежали ВНУТРИ `.heroPerks`, в одном контейнере и + одном стиле с «Бесплатно» и «За 150 ₽» — то есть дисклеймер + «пример по рынку, а не расчёт по вашему адресу» выглядел как ещё + один пункт оффера. Владелец читал первый экран как стену текста, + и неудивительно: шесть однотипных пунктов подряд, из которых два + на самом деле про обратное. + Слова и порядок чтения не тронуты — оговорки по-прежнему ВЫШЕ + формы, человек прочитает их до ввода адреса. Изменена только + подача: тише, мельче, за разделителем. Убирать их нельзя и не + нужно — маскировка оговорки хуже её вида. */} + {marketLines.length > 0 && ( +
+ {marketLines.map((line) => ( +

+ {line.label} {line.text} +

+ ))} +
+ )} + {/* Покрытие подано неравномерно намеренно — см. COVERED_CITIES в content.ts: список городов в реестре ≠ карта покрытия. */}
diff --git a/tradein-mvp/frontend/src/app/mera-public/landing-v3.module.css b/tradein-mvp/frontend/src/app/mera-public/landing-v3.module.css index a8181cd5..8c6feab8 100644 --- a/tradein-mvp/frontend/src/app/mera-public/landing-v3.module.css +++ b/tradein-mvp/frontend/src/app/mera-public/landing-v3.module.css @@ -517,6 +517,38 @@ max-width: 520px; } +/* Оговорки первого экрана — «пример по рынку, а не расчёт по вашему адресу» + и «по всем расчётам, а не только по Екатеринбургу». + + Стоят ПОСЛЕ блока преимуществ и намеренно ТИШЕ его: раньше они лежали внутри + `.heroPerks` тем же кеглем и с тем же маркером, что «Бесплатно» и «За 150 ₽», + и оговорка читалась как ещё один пункт предложения. Шесть однотипных строк + подряд — из них две про обратное — и давали ощущение стены текста. + + Тише — не значит спрятаны: та же ширина колонки, тот же порядок чтения (до + формы), контраст держит норму AA. Маскировать оговорку хуже, чем показать. */ +.heroMarketNote { + margin-top: 18px; + padding-top: 14px; + border-top: 1px solid var(--b2c-line); + max-width: 520px; + display: flex; + flex-direction: column; + gap: 8px; +} + +.heroMarketNoteLine { + margin: 0; + font-size: 13px; + line-height: 1.5; + color: var(--b2c-muted); +} + +.heroMarketNoteLine strong { + font-weight: 600; + color: var(--b2c-ink); +} + .heroListItem { display: flex; gap: 12px;