AR 15 M4
950799193a
- 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>
87 lines
3.1 KiB
TypeScript
87 lines
3.1 KiB
TypeScript
const MOCK_REVIEWS = [
|
||
{
|
||
text: "Спасибо за приём, мне всё понравилось, спасибо за приём, мне всё понравилось. Врач очень внимательный и профессиональный.",
|
||
author: "Пациент клиники",
|
||
doctor: "Тимофеева Наталья Александровна",
|
||
},
|
||
{
|
||
text: "Очень довольна лечением! Прошла курс процедур, нос дышит отлично. Рекомендую клинику всем.",
|
||
author: "Наталья К.",
|
||
doctor: "Макарова Людмила Тимофеевна",
|
||
},
|
||
];
|
||
|
||
export function ReviewsBlock() {
|
||
return (
|
||
<div
|
||
className="rounded-xl p-8 space-y-6"
|
||
style={{ background: "#fff", border: "1px solid var(--bb-border)" }}
|
||
>
|
||
{/* Заголовок */}
|
||
<div>
|
||
<h2 className="font-bold mb-2" style={{ color: "#000000", fontSize: 36, lineHeight: "38px" }}>
|
||
Отзывы о нас
|
||
</h2>
|
||
<p className="text-sm" style={{ color: "#374151", lineHeight: 1.7 }}>
|
||
За 12 лет работы наши врачи оториноларингологи избавили от болезней ухо, горло, носа
|
||
более 50 000 пациентов. Но даже сейчас мы высоко ценим каждый положительный отзыв
|
||
и искренние слова благодарности.
|
||
</p>
|
||
</div>
|
||
|
||
{/* Карусель */}
|
||
<div className="relative flex items-center gap-4">
|
||
{/* Стрелка влево */}
|
||
<button
|
||
className="shrink-0 w-10 h-10 rounded-full flex items-center justify-center font-bold text-lg"
|
||
style={{
|
||
background: "var(--bb-sidebar-bg)",
|
||
border: "1px solid var(--bb-border)",
|
||
color: "var(--bb-text-muted)",
|
||
}}
|
||
>
|
||
‹
|
||
</button>
|
||
|
||
{/* Карточка отзыва */}
|
||
<div
|
||
className="flex-1 rounded-xl p-6"
|
||
style={{ background: "#eef4d1" }}
|
||
>
|
||
<div
|
||
className="text-8xl leading-none mb-2 font-serif"
|
||
style={{ color: "#b8e6ed", lineHeight: 0.8 }}
|
||
>
|
||
«
|
||
</div>
|
||
<p
|
||
className="text-sm italic leading-relaxed"
|
||
style={{ color: "#374151" }}
|
||
>
|
||
{MOCK_REVIEWS[0].text}
|
||
</p>
|
||
<a
|
||
href="#"
|
||
className="inline-block mt-3 text-sm"
|
||
style={{ color: "#0089c3" }}
|
||
>
|
||
Читать отзыв полностью
|
||
</a>
|
||
</div>
|
||
|
||
{/* Стрелка вправо */}
|
||
<button
|
||
className="shrink-0 w-10 h-10 rounded-full flex items-center justify-center font-bold text-lg"
|
||
style={{
|
||
background: "var(--bb-sidebar-bg)",
|
||
border: "1px solid var(--bb-border)",
|
||
color: "var(--bb-text-muted)",
|
||
}}
|
||
>
|
||
›
|
||
</button>
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|