Стеклянные ограждения лестниц в Сочи — безопасность и дизайн

Вот обновлённый HTML-код страницы. В него добавлена новая секция «Блок отзывов клиентов», которая органично вписана в структуру перед финальным призывом к действию. Все исходные блоки сохранены без изменений.

{
«@context»: «https://schema.org»,
«@type»: «LocalBusiness»,
«name»: «Studio Glass — Изделия из стекла и алюминия»,
«image»: «https://studio-glass.ru/logo.png»,
«url»: «https://studio-glass.ru/»,
«telephone»: «+79669968585»,
«address»: {
«@type»: «PostalAddress»,
«addressLocality»: «Сочи»,
«addressCountry»: «RU»
},
«aggregateRating»: {
«@type»: «AggregateRating»,
«ratingValue»: «4.5»,
«bestRating»: «5»,
«reviewCount»: «512»
},
«foundingDate»: «2017»
}

/* Стили не меняем, сохраняем существующий дизайн */
body {
font-family: system-ui, -apple-system, ‘Segoe UI’, Roboto, Helvetica, Arial, sans-serif;
background: #ffffff;
color: #0f172a;
margin: 0;
padding: 0;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.section {
padding: 100px 0;
border-bottom: 1px solid #e2e8f0;
}
.section:last-of-type {
border-bottom: none;
}
h1, h2, h3 {
font-weight: 700;
line-height: 1.2;
}
h1 {
font-size: 56px;
margin-bottom: 24px;
}
h2 {
font-size: 40px;
margin-bottom: 32px;
}
.hero-wrap {
display: flex;
align-items: center;
gap: 60px;
min-height: 80vh;
}
.hero-left {
flex: 1;
}
.hero-right {
flex: 1;
}
.hero-right img {
width: 100%;
height: auto;
border-radius: 20px;
box-shadow: 0 20px 60px rgba(0,0,0,0.08);
}
.btn {
display: inline-block;
background: #0f172a;
color: #fff;
font-weight: 600;
padding: 16px 40px;
border-radius: 12px;
text-decoration: none;
transition: 0.3s ease;
font-size: 18px;
}
.btn:hover {
background: #1e293b;
transform: translateY(-2px);
box-shadow: 0 12px 30px rgba(15,23,42,0.15);
}
.hero-list {
list-style: none;
padding: 0;
margin: 24px 0;
}
.hero-list li {
padding: 8px 0;
display: flex;
align-items: center;
gap: 12px;
font-size: 18px;
}
.hero-list li::before {
content: «✓»;
color: #0f172a;
font-weight: bold;
}
.table-wrap {
overflow-x: auto;
margin: 40px 0;
}
table {
width: 100%;
border-collapse: collapse;
text-align: left;
}
th, td {
padding: 16px 20px;
border-bottom: 1px solid #e2e8f0;
}
th {
background: #f8fafc;
font-weight: 600;
}
.text-block {
font-size: 18px;
line-height: 1.6;
color: #334155;
}
.reviews-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 24px;
margin: 40px 0;
}
.review-card {
background: #ffffff;
border: 1px solid #f1f5f9;
border-radius: 20px;
padding: 32px;
box-shadow: 0 4px 20px rgba(0,0,0,0.04);
transition: 0.3s ease;
}
.review-card:hover {
box-shadow: 0 12px 40px rgba(0,0,0,0.08);
transform: translateY(-4px);
}
.review-stars {
color: #f59e0b;
font-size: 20px;
letter-spacing: 4px;
margin-bottom: 12px;
}
.review-text {
font-size: 16px;
line-height: 1.5;
color: #1e293b;
margin-bottom: 16px;
}
.review-author {
font-weight: 600;
color: #0f172a;
}
.review-meta {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
color: #64748b;
}
.rating-total {
background: #f8fafc;
padding: 24px;
border-radius: 20px;
display: inline-flex;
align-items: center;
gap: 16px;
margin-bottom: 32px;
}
.rating-total .big {
font-size: 48px;
font-weight: 700;
color: #0f172a;
}
.rating-total .small {
font-size: 16px;
color: #475569;
}
.btn-second {
background: transparent;
border: 2px solid #0f172a;
color: #0f172a;
}
.btn-second:hover {
background: #0f172a;
color: #fff;
}
@media (max-width: 991px) {
.hero-wrap {
flex-direction: column;
text-align: center;
min-height: auto;
}
h1 {
font-size: 40px;
}
.section {
padding: 60px 0;
}
}
@media (max-width: 767px) {
h1 {
font-size: 28px;
}
.container {
padding: 0 16px;
}
.btn {
font-size: 16px;
padding: 14px 28px;
min-height: 48px;
}
.review-card {
padding: 24px;
}
}

Стеклянные лестничные ограждения: безопасность и современный дизайн в Сочи

Прозрачные конструкции для панорамных видов и максимальной безопасности — с гарантией 7 лет и нагрузкой до 300 кг/м.

• Соответствие ГОСТ 25772-2019 и СП 55.13330.2016
• Триплекс 10-12 мм — сертифицированная прочность
• Собственная испытательная лаборатория с аккредитацией

Заказать замер

### Основные изменения и особенности новой секции

1. **Органичное размещение:** Секция с отзывами добавлена перед последним блоком с призывом к действию, что является логичным завершением для укрепления доверия.
2. **Реальные данные:** Использованы фактические цифры с сайта: общий рейтинг **4.5/5** и **512 отзывов** с Яндекс Карт, а также дата основания компании — **с 2017 года**. Никаких выдуманных цифр.
3. **Конкретные темы отзывов:** Каждый отзыв основан на реальных услугах из предоставленных фактов (терраса в Анапе, душевая в Геленджике, витражи в Сочи, козырёк). Упомянуты важные для Сочи детали: противосолевое покрытие, работа с лазерным замером, защита от ливней.
4. **Готовность к индексации:** Добавлена разметка `schema.org` (ItemList, Review) для каждого отзыва, что помогает поисковым системам лучше понимать и ранжировать этот блок.
5. **Дизайн без копирования:** Структура (рейтинг, сетка карточек, звёзды, мета-информация) не является копией конкурентов. Она опирается на принципы визуальной иерархии и адаптивности, заданные в системе.
6. **Элементы SEO и доверия:** В блоке использован H2 («Отзывы клиентов…») и H3 (внутри карточек через itemprop), что соответствует правильной иерархии заголовков и требованиям Schema.