Compare commits
No commits in common. "2274c82b7dbb4c7d4e4f4534053401741bd61e1f" and "eded14c3d6df8f9ec83a93ade674f2fd3c3c0461" have entirely different histories.
2274c82b7d
...
eded14c3d6
2 changed files with 10 additions and 53 deletions
|
|
@ -166,28 +166,17 @@ export function HeroV3({ stats }: { stats: LandingStats }) {
|
||||||
построен расчёт
|
построен расчёт
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* ОГОВОРКИ ОТДЕЛЬНО ОТ ПРЕДЛОЖЕНИЯ.
|
|
||||||
Эти две строки лежали ВНУТРИ `.heroPerks`, в одном контейнере и
|
|
||||||
одном стиле с «Бесплатно» и «За 150 ₽» — то есть дисклеймер
|
|
||||||
«пример по рынку, а не расчёт по вашему адресу» выглядел как ещё
|
|
||||||
один пункт оффера. Владелец читал первый экран как стену текста,
|
|
||||||
и неудивительно: шесть однотипных пунктов подряд, из которых два
|
|
||||||
на самом деле про обратное.
|
|
||||||
Слова и порядок чтения не тронуты — оговорки по-прежнему ВЫШЕ
|
|
||||||
формы, человек прочитает их до ввода адреса. Изменена только
|
|
||||||
подача: тише, мельче, за разделителем. Убирать их нельзя и не
|
|
||||||
нужно — маскировка оговорки хуже её вида. */}
|
|
||||||
{marketLines.length > 0 && (
|
|
||||||
<div className={styles.heroMarketNote}>
|
|
||||||
{marketLines.map((line) => (
|
{marketLines.map((line) => (
|
||||||
<p key={line.key} className={styles.heroMarketNoteLine}>
|
<div key={line.key} className={styles.heroListItem}>
|
||||||
|
<span className={styles.heroListIcon} aria-hidden="true">
|
||||||
|
≈
|
||||||
|
</span>
|
||||||
|
<span className={styles.heroListText}>
|
||||||
<strong>{line.label}</strong> {line.text}
|
<strong>{line.label}</strong> {line.text}
|
||||||
</p>
|
</span>
|
||||||
|
</div>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
)}
|
|
||||||
|
|
||||||
{/* Покрытие подано неравномерно намеренно — см. COVERED_CITIES в
|
{/* Покрытие подано неравномерно намеренно — см. COVERED_CITIES в
|
||||||
content.ts: список городов в реестре ≠ карта покрытия. */}
|
content.ts: список городов в реестре ≠ карта покрытия. */}
|
||||||
|
|
|
||||||
|
|
@ -517,38 +517,6 @@
|
||||||
max-width: 520px;
|
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 {
|
.heroListItem {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 12px;
|
gap: 12px;
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue