Merge pull request 'feature/price-block' (#9) from feature/price-block into main

Reviewed-on: #9

assets/css/main.css

@@ -574,6 +574,57 @@ img {
   background: #222c33;
 }
 
+.pricing {
+  background: linear-gradient(90deg, #293133, #20272a);
+}
+.pricing .section__head {
+  margin-bottom: 44px;
+}
+.pricing__list {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 18px;
+  margin-bottom: 28px;
+}
+.pricing__note {
+  margin-bottom: 30px;
+  color: rgba(255, 255, 255, 0.8);
+  font-size: 18px;
+  line-height: 1.45;
+  text-align: center;
+}
+.pricing__cta {
+  text-align: center;
+}
+.pricing__cta-btn {
+  width: min(100%, 420px);
+  min-height: 60px;
+  padding: 16px 26px;
+  font-size: 18px;
+  line-height: 1.2;
+}
+
+.pricing-item {
+  background: rgba(18, 18, 18, 0.4);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 16px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
+  min-height: 144px;
+  padding: 24px;
+}
+.pricing-item h3 {
+  margin-bottom: 10px;
+  font-size: 22px;
+  font-weight: 700;
+  line-height: 1.25;
+}
+.pricing-item p {
+  color: #cf1717;
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 1.2;
+}
+
 .gallery {
   background: linear-gradient(90deg, #293133, #20272a);
 }
@@ -978,6 +1029,7 @@ img {
   }
   .highlights__grid,
   .gallery__grid,
+  .pricing__list,
   .reviews__grid,
   .stats,
   .footer__top,
@@ -1076,6 +1128,7 @@ img {
   }
   .highlights__grid,
   .gallery__grid,
+  .pricing__list,
   .reviews__grid,
   .stats,
   .footer__top,
@@ -1110,11 +1163,13 @@ img {
     font-size: 16px;
   }
   .infrastructure .section__head h2,
-  .services .section__head h2 {
+  .services .section__head h2,
+  .pricing .section__head h2 {
     font-size: 38px;
   }
   .infrastructure .section__head p,
-  .services .section__head p {
+  .services .section__head p,
+  .pricing .section__head p {
     font-size: 20px;
   }
   .service-card {

assets/scss/_base.scss

@@ -584,6 +584,61 @@ img {
     }
 }
 
+.pricing {
+    background: linear-gradient(90deg, $color-surface, $color-surface-2);
+
+    .section__head {
+        margin-bottom: 44px;
+    }
+
+    &__list {
+        display: grid;
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+        gap: 18px;
+        margin-bottom: 28px;
+    }
+
+    &__note {
+        margin-bottom: 30px;
+        color: $color-text-soft;
+        font-size: 18px;
+        line-height: 1.45;
+        text-align: center;
+    }
+
+    &__cta {
+        text-align: center;
+    }
+
+    &__cta-btn {
+        width: min(100%, 420px);
+        min-height: 60px;
+        padding: 16px 26px;
+        font-size: 18px;
+        line-height: 1.2;
+    }
+
+    &-item {
+        @include card;
+        min-height: 144px;
+        padding: 24px;
+
+        h3 {
+            margin-bottom: 10px;
+            font-size: 22px;
+            font-weight: 700;
+            line-height: 1.25;
+        }
+
+        p {
+            color: $color-accent;
+            font-size: 24px;
+            font-weight: 700;
+            line-height: 1.2;
+        }
+    }
+}
+
 .gallery {
     background: linear-gradient(90deg, $color-surface, $color-surface-2);
 

index.html

@@ -16,7 +16,7 @@
                     <nav class="header__nav" aria-label="Основная навигация">
                         <a href="#objects">Объекты</a>
                         <a href="#services">Услуги</a>
-                        <a href="#contacts">Стоимость</a>
+                        <a href="#pricing">Стоимость</a>
                         <a href="#gallery">Галерея</a>
                         <a href="#contacts">Контакты</a>
                     </nav>
@@ -217,6 +217,36 @@
                     </div>
                 </section>
 
+                <section class="section pricing" id="pricing">
+                    <div class="container">
+                        <header class="section__head">
+                            <h2>Стоимость</h2>
+                        </header>
+                        <div class="pricing__list">
+                            <article class="pricing-item">
+                                <h3>Аренда льда</h3>
+                                <p>от Х ₽/час</p>
+                            </article>
+                            <article class="pricing-item">
+                                <h3>Аренда универсального зала</h3>
+                                <p>от Х ₽/час</p>
+                            </article>
+                            <article class="pricing-item">
+                                <h3>Сборы (пакет лёд+зал+проживание+питание на 1 чел./сутки)</h3>
+                                <p>от Х ₽</p>
+                            </article>
+                            <article class="pricing-item">
+                                <h3>Фитнес (разовое посещение / месячный абонемент)</h3>
+                                <p>от Х ₽</p>
+                            </article>
+                        </div>
+                        <p class="pricing__note">Точная стоимость зависит от времени, длительности и пакета услуг. Оставьте заявку — пришлём расчёт за 30 минут.</p>
+                        <div class="pricing__cta">
+                            <a class="btn pricing__cta-btn" href="#booking">Получить расчёт</a>
+                        </div>
+                    </div>
+                </section>
+
                 <section class="section gallery" id="gallery">
                     <div class="container">
                         <header class="section__head">