fix(sprint-5): sync block CSS styles with real site perm.oclinica.ru/lor
- H1: 36px #cb9768 (was ~20px #53514e) - H2 sections: 36px #000 (was ~20-30px #111827) - Hero title: 22px #333 (was 16px #111827) - Hero CTA: pill style (was outline) - Contact forms bg: #d4f6f8 for both (was #b8e6ed / #fff) - News bg: #f2fee6 (was #fff) - Added version changelogs to all block pages - Updated typography, LLM_CONTEXT v4.3, SPRINTS.md Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -4,10 +4,10 @@ export function ContactFormsBlock() {
|
||||
{/* Форма 1: Будьте здоровы */}
|
||||
<div
|
||||
className="rounded-xl py-10 px-8 flex flex-col items-center gap-6"
|
||||
style={{ background: "#b8e6ed" }}
|
||||
style={{ background: "#d4f6f8" }}
|
||||
>
|
||||
<div className="text-center">
|
||||
<h2 className="text-2xl font-bold mb-1" style={{ color: "#111827" }}>
|
||||
<h2 className="font-bold mb-1" style={{ color: "#000000", fontSize: 36, lineHeight: "38px" }}>
|
||||
Будьте здоровы!
|
||||
</h2>
|
||||
<p className="text-sm" style={{ color: "#374151" }}>
|
||||
@@ -45,10 +45,10 @@ export function ContactFormsBlock() {
|
||||
{/* Форма 2: Узнайте стоимость */}
|
||||
<div
|
||||
className="rounded-xl py-10 px-8 flex flex-col items-center gap-6"
|
||||
style={{ background: "#fff", border: "1px solid var(--bb-border)" }}
|
||||
style={{ background: "#d4f6f8" }}
|
||||
>
|
||||
<div className="text-center">
|
||||
<h2 className="text-2xl font-bold mb-1" style={{ color: "#111827" }}>
|
||||
<h2 className="font-bold mb-1" style={{ color: "#000000", fontSize: 36, lineHeight: "38px" }}>
|
||||
Узнайте стоимость операции
|
||||
</h2>
|
||||
<p className="text-sm" style={{ color: "#374151" }}>
|
||||
|
||||
@@ -42,7 +42,7 @@ export function DoctorsBlock() {
|
||||
<div className="space-y-8">
|
||||
{/* Заголовок + описание */}
|
||||
<div>
|
||||
<h2 className="text-3xl font-bold mb-3" style={{ color: "#111827" }}>
|
||||
<h2 className="font-bold mb-3" style={{ color: "#000000", fontSize: 36, lineHeight: "38px" }}>
|
||||
Приём ведут опытные ЛОР врачи
|
||||
</h2>
|
||||
<p className="text-sm" style={{ color: "#374151", lineHeight: 1.7 }}>
|
||||
|
||||
@@ -9,10 +9,10 @@ export function HeroBlock() {
|
||||
<div className="space-y-3">
|
||||
{/* H1 страницы */}
|
||||
<h2
|
||||
className="text-xl font-bold leading-snug"
|
||||
style={{ color: "#53514e" }}
|
||||
className="font-bold"
|
||||
style={{ color: "#cb9768", fontSize: 36, lineHeight: "51px" }}
|
||||
>
|
||||
ЛОР Клиника ухо, горло, нос – медицинский центр лечения ЛОР заболеваний у детей и взрослых
|
||||
ЛОР Клиника ухо, горло, нос - медицинский центр лечения ЛОР заболеваний у детей и взрослых
|
||||
</h2>
|
||||
|
||||
{/* Баннер — единый светло-кремовый фон */}
|
||||
@@ -26,8 +26,8 @@ export function HeroBlock() {
|
||||
style={{ width: "50%", flexShrink: 0 }}
|
||||
>
|
||||
<p
|
||||
className="text-base font-bold uppercase leading-snug"
|
||||
style={{ color: "#111827" }}
|
||||
className="font-bold uppercase leading-snug"
|
||||
style={{ color: "#333333", fontSize: 22 }}
|
||||
>
|
||||
Эндоскопическое хирургическое лечение ЛОР органов
|
||||
</p>
|
||||
@@ -50,7 +50,7 @@ export function HeroBlock() {
|
||||
))}
|
||||
</ul>
|
||||
<div>
|
||||
<button className="bb-btn bb-btn-md bb-btn-outline">
|
||||
<button className="bb-btn bb-btn-md bb-btn-pill">
|
||||
Узнать стоимость операции
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -25,9 +25,9 @@ export function NewsBlock() {
|
||||
return (
|
||||
<div
|
||||
className="rounded-xl p-8 space-y-6"
|
||||
style={{ background: "#fff", border: "1px solid var(--bb-border)" }}
|
||||
style={{ background: "#f2fee6" }}
|
||||
>
|
||||
<h2 className="text-xl font-bold" style={{ color: "#111827" }}>
|
||||
<h2 className="font-bold" style={{ color: "#000000", fontSize: 36, lineHeight: "38px" }}>
|
||||
Новости
|
||||
</h2>
|
||||
<div className="grid grid-cols-2 md:grid-cols-4 gap-4">
|
||||
|
||||
@@ -19,7 +19,7 @@ export function ReviewsBlock() {
|
||||
>
|
||||
{/* Заголовок */}
|
||||
<div>
|
||||
<h2 className="text-xl font-bold mb-2" style={{ color: "#111827" }}>
|
||||
<h2 className="font-bold mb-2" style={{ color: "#000000", fontSize: 36, lineHeight: "38px" }}>
|
||||
Отзывы о нас
|
||||
</h2>
|
||||
<p className="text-sm" style={{ color: "#374151", lineHeight: 1.7 }}>
|
||||
|
||||
Reference in New Issue
Block a user