edit blocks (gendir 8 + photos FINAL)

Reviewed-on: #32

assets/css/main.css

@@ -62,6 +62,10 @@ table {
   box-sizing: border-box;
 }
 
+html {
+  scroll-behavior: smooth;
+}
+
 html,
 body {
   background: #121212;
@@ -194,7 +198,7 @@ img {
   position: fixed;
   inset: 0 0 auto;
   z-index: 20;
-  border-bottom: 1px solid rgba(207, 23, 23, 0.2);
+  border-bottom: 2px solid rgba(207, 23, 23, 0.3);
   background: rgba(18, 18, 18, 0.95);
   animation: slide-down 0.65s ease both;
 }
@@ -224,8 +228,11 @@ img {
 
 .logo {
   display: inline-flex;
-  width: 137px;
-  height: 30px;
+  /*width: 137px;*/
+  /*height: 30px;*/
+  width: 172px;
+  height: auto;
+  margin-top: 5px;
 }
 .logo img {
   width: 100%;
@@ -235,7 +242,8 @@ img {
 
 .hero {
   position: relative;
-  min-height: 852px;
+  /*min-height: 852px;*/
+  min-height: 750px;
   padding-top: 72px;
 }
 .hero__bg {
@@ -254,8 +262,10 @@ img {
 .hero__content {
   position: relative;
   z-index: 1;
-  max-width: 1000px;
-  margin-left: 528px;
+  /*max-width: 1000px;*/
+  max-width: 1200px;
+  /*margin-left: 528px;*/
+  margin-left: auto;
   padding-top: 104px;
   padding-bottom: 100px;
 }
@@ -277,10 +287,12 @@ img {
 }
 .hero h1 {
   max-width: 1000px;
-  margin-bottom: 24px;
-  font-size: 72px;
+  /*margin-bottom: 24px;*/
+  margin-bottom: 30px;
+  font-size: 82px;
   font-weight: 700;
   line-height: 90px;
+  text-shadow: 0 15px 30px rgba(255, 255, 255, 0.1);
 }
 .hero h1 span {
   color: #cf1717;
@@ -299,10 +311,10 @@ img {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
-  margin-bottom: 15px;
+  margin-bottom: 25px;
 }
 .hero__tags li {
-  padding: 20px 20px;
+  padding: 16px 20px;
   border: 1px solid rgba(207, 23, 23, 0.3);
   /*background: rgba(41, 49, 51, 0.6);*/
   font-size: 14px;
@@ -310,16 +322,23 @@ img {
   line-height: 20px;
   white-space: nowrap;
   transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
-  background-color: rgba(255, 255, 255, 0.2);
+  background-color: rgba(255, 255, 255, 0.09);
   backdrop-filter: blur(53px);
   -webkit-backdrop-filter: blur(10px);
-  border: 0px solid rgba(255, 255, 255, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.13);
   border-radius: 12px;
+  width: 240px;
+  text-align: center;
+  white-space: normal;
 }
 .hero__tags li:hover {
   transform: translateY(-1px);
-  border-color: rgba(207, 23, 23, 0.55);
-  background: rgba(41, 49, 51, 0.9);
+  /*border-color: rgba(207, 23, 23, 0.55);*/
+  /*background: rgba(41, 49, 51, 0.9);*/
+}
+.hero__tags li img {
+  width: 100px;
+  margin: 0 auto 5px;
 }
 .hero__actions {
   display: flex;
@@ -337,7 +356,7 @@ img {
 }
 .highlights__grid {
   display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
+  grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 24px;
 }
 
@@ -357,7 +376,7 @@ img {
 }
 .info-card h3 {
   margin-bottom: 8px;
-  font-size: 20px;
+  font-size: 18px;
   font-weight: 500;
   line-height: 28px;
 }
@@ -479,7 +498,8 @@ img {
 
 .objects {
   background-image: url(../images/bg-pattern.svg);
-  background-position: center;
+  background-position: 50% 10%;
+  background-attachment: fixed;
 }
 .objects .section__head {
   margin-bottom: 64px;
@@ -568,6 +588,7 @@ img {
 }
 .object-card:hover .object-card__image {
   transform: scale(1.02);
+  filter: brightness(1.5);
 }
 .object-card:hover .object-card__content {
   transform: translateY(-4px);
@@ -1600,20 +1621,21 @@ img {
     margin-left: auto;
   }
   .hero h1 {
-    font-size: 64px;
+    font-size: 80px;
     line-height: 1.15;
   }
 }
 @media only screen and (max-width: 1280px) {
   .container {
-    padding: 0 20px;
+    /*padding: 0 20px;*/
   }
   .header__nav {
     gap: 20px;
     margin-right: 20px;
   }
   .hero__content {
-    margin-left: 280px;
+    /*margin-left: 280px;*/
+    margin-left: auto;
     max-width: 700px;
   }
   .hero h1 {
@@ -1791,7 +1813,7 @@ img {
     padding: 0 16px;
   }
   .btn {
-    width: 100%;
+    width: 97%;
   }
   .btn--small {
     width: auto;
@@ -1805,11 +1827,18 @@ img {
   }
   .hero p {
     max-width: 100%;
+    font-weight: 200;
     font-size: 16px;
     line-height: 1.5;
   }
   .hero__tags li {
     white-space: normal;
+    padding: 14px 20px;
+    width: 47%;
+    font-size: 12px;
+  }
+  .hero__tags li img {
+    width: 73px;
   }
   .hero__actions .btn--ghost {
     width: 100%;
@@ -1915,18 +1944,24 @@ img {
     gap: 12px;
   }
   .logo {
-    width: 110px;
-    height: 24px;
+    /*width: 110px;*/
+    /*height: 24px;*/
+    height: auto;
+    width: 150px;
+    margin-top: 12px;
   }
   .btn--small {
-    padding: 10px 16px;
-    font-size: 13px;
+    padding: 6px 20px;
+    font-size: 12px;
   }
   .hero {
     padding-top: 100px;
   }
   .hero h1 {
-    font-size: 34px;
+    /*font-size: 34px;*/
+    font-size: 32px;
+    margin-top: 20px;
+    margin-bottom: 25px;
   }
   .hero__actions {
     gap: 12px;
@@ -1946,6 +1981,7 @@ img {
   .hours-card,
   .object-card__content {
     padding: 24px;
+    min-height: 230px;
   }
   .feature-card {
     padding: 34px 24px;

assets/scss/_base.scss

@@ -5,6 +5,8 @@
     box-sizing: border-box;
 }
 
+html{scroll-behavior: smooth;}
+
 html,
 body {
     background: $color-bg;
@@ -142,7 +144,7 @@ img {
     position: fixed;
     inset: 0 0 auto;
     z-index: 20;
-    border-bottom: 1px solid rgba(207, 23, 23, 0.2);
+    border-bottom: 2px solid rgba(207, 23, 23, 0.3); 
     background: rgba(18, 18, 18, 0.95);
     animation: slide-down 0.65s ease both;
 
@@ -176,8 +178,11 @@ img {
 
 .logo {
     display: inline-flex;
-    width: 137px;
-    height: 30px;
+    /*width: 137px;*/
+    /*height: 30px;*/
+	width:172px;
+	height:auto;
+	margin-top:5px;
 
     img {
         width: 100%;
@@ -188,7 +193,8 @@ img {
 
 .hero {
     position: relative;
-    min-height: 852px;
+    /*min-height: 852px;*/
+	min-height:750px;
     padding-top: 72px;
 
     &__bg {
@@ -213,8 +219,10 @@ img {
     &__content {
         position: relative;
         z-index: 1;
-        max-width: 1000px;
-        margin-left: 528px;
+        /*max-width: 1000px;*/
+		max-width: 1200px;
+        /*margin-left: 528px;*/
+		margin-left:auto;
         padding-top: 104px;
         padding-bottom: 100px;
 
@@ -242,10 +250,12 @@ img {
 
     h1 {
         max-width: 1000px;
-        margin-bottom: 24px;
-        font-size: 72px;
+        /*margin-bottom: 24px;*/
+		margin-bottom:30px;
+        font-size: 82px;
         font-weight: 700;
         line-height: 90px;
+		text-shadow: 0 15px 30px rgb(255 255 255 / 10%);
 
         span {
             color: $color-accent;
@@ -267,10 +277,10 @@ img {
         display: flex;
         flex-wrap: wrap;
         gap: 12px;
-        margin-bottom: 15px;
+        margin-bottom: 25px;
 
         li {
-            padding: 20px 20px;
+            padding: 16px 20px;
             border: 1px solid $color-border-strong;
             /*background: rgba(41, 49, 51, 0.6);*/
             font-size: 14px;
@@ -279,17 +289,25 @@ img {
             white-space: nowrap;
             transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
 			
-			background-color: rgba(255, 255, 255, 0.2);
+			background-color: rgba(255, 255, 255, 0.09);
 			backdrop-filter: blur(53px);
 			-webkit-backdrop-filter: blur(10px);
-			border: 0px solid rgba(255, 255, 255, 0.3);
+			border: 1px solid rgba(255, 255, 255, 0.13);
 			border-radius: 12px;
+			width:240px;
+			text-align:center;
+			white-space: normal;
 
             &:hover {
                 transform: translateY(-1px);
-                border-color: rgba(207, 23, 23, 0.55);
-                background: rgba(41, 49, 51, 0.9);
+                /*border-color: rgba(207, 23, 23, 0.55);*/
+                /*background: rgba(41, 49, 51, 0.9);*/
             }
+			
+			img{
+				width:100px;
+				margin: 0 auto 5px;
+			}
         }
     }
 
@@ -311,7 +329,7 @@ img {
 
     &__grid {
         display: grid;
-        grid-template-columns: repeat(4, minmax(0, 1fr));
+        grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 24px;
     }
 }
@@ -330,7 +348,7 @@ img {
 
     h3 {
         margin-bottom: 8px;
-        font-size: 20px;
+        font-size: 18px;
         font-weight: 500;
         line-height: 28px;
     }
@@ -468,7 +486,8 @@ img {
 
 .objects {
     background-image: url(../images/bg-pattern.svg);
-    background-position: center;
+	background-position: 50% 10%;
+    background-attachment: fixed;
     .section__head {
         margin-bottom: 64px;
     }
@@ -569,6 +588,7 @@ img {
     &:hover {
         .object-card__image {
             transform: scale(1.02);
+			filter: brightness(1.5);
         }
 
         .object-card__content {
@@ -1743,7 +1763,7 @@ img {
         }
 
         h1 {
-            font-size: 64px;
+            font-size: 80px;
             line-height: 1.15;
         }
     }
@@ -1751,7 +1771,7 @@ img {
 
 @include respond($bp-xl) {
     .container {
-        padding: 0 20px;
+        /*padding: 0 20px;*/
     }
 
     .header {
@@ -1763,7 +1783,8 @@ img {
 
     .hero {
         &__content {
-            margin-left: 280px;
+            /*margin-left: 280px;*/
+			margin-left: auto;
             max-width: 700px;
         }
 
@@ -2021,7 +2042,7 @@ img {
     }
 
     .btn {
-        width: 100%;
+        width: 97%;
 
         &--small {
             width: auto;
@@ -2038,6 +2059,7 @@ img {
 
         p {
             max-width: 100%;
+			font-weight:200;
             font-size: 16px;
             line-height: 1.5;
         }
@@ -2045,6 +2067,13 @@ img {
         &__tags {
             li {
                 white-space: normal;
+				padding: 14px 20px;
+				width: 47%;
+				font-size: 12px;
+				
+				img{
+					width: 73px;
+				}
             }
         }
 
@@ -2198,14 +2227,17 @@ img {
     }
 
     .logo {
-        width: 110px;
-        height: 24px;
+        /*width: 110px;*/
+        /*height: 24px;*/
+		height: auto;
+		width:150px;
+		margin-top: 12px;
     }
 
     .btn {
         &--small {
-            padding: 10px 16px;
-            font-size: 13px;
+            padding: 6px 20px;
+            font-size: 12px;
         }
     }
 
@@ -2213,7 +2245,10 @@ img {
         padding-top: 100px;
 
         h1 {
-            font-size: 34px;
+            /*font-size: 34px;*/
+			font-size:32px;
+			margin-top:20px;
+			margin-bottom:25px;
         }
 
         &__actions {
@@ -2241,6 +2276,7 @@ img {
     .hours-card,
     .object-card__content {
         padding: 24px;
+		min-height:230px;
     }
 	
 	.feature-card{

index.html

@@ -3,20 +3,20 @@
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>OlimpArena</title>
+        <title>Олимп Арена</title>
         <link rel="stylesheet" href="./assets/css/main.min.css">
     </head>
     <body>
         <div class="site">
             <header class="header" id="top">
                 <div class="container header__inner">
-                    <a class="logo" href="#top" aria-label="OlimpArena">
-                        <img src="./assets/images/logo.svg" alt="OlimpArena">
+                    <a class="logo" href="#top" aria-label="Олимп Арена">
+                        <img src="./assets/images/logo.svg" alt="Олимп Арена">
                     </a>
                     <nav class="header__nav" aria-label="Основная навигация">
                         <a href="#objects">Объекты</a>
-                        <a href="#services">Услуги</a>
-                        <a href="#pricing">Стоимость</a>
+                        <!--<a href="#services">Услуги</a>-->
+                        <!--<a href="#pricing">Стоимость</a>-->
                         <a href="#gallery">Галерея</a>
                         <a href="#contacts">Контакты</a>
                     </nav>
@@ -28,29 +28,32 @@
                 <section class="hero">
                     <div class="hero__bg" aria-hidden="true"></div>
                     <div class="container hero__content">
-                        <h1>
+                        <!--<h1>
                             Спорткомплекс полного цикла в <span>Москве:</span><br> 
                             лёд, залы, проживание и питание на одной территории
-                        </h1>
-                        <p>
+                        </h1>-->
+						<h1>Ледовый<br> спорткомплекс</h1>
+                        <!--<p>
                             Два ледовых поля 58×26 м, универсальный зал, фитнес-центр и 
                             апарт-отель на 70+ номеров. В пределах ТТК.
-                        </p>
+                        </p>-->
+						<p>Олимп Арена — не просто арена, а спортивная база полного цикла в центре Москвы. Профессиональные ледовые арены, современные залы, апарт-отель и ресторан — всё для проведения тренировок, сборов и мероприятий любого уровня.</p>
                         <ul class="hero__tags">
-                            <li>2 ледовых поля 58×26 м</li>
-                            <li>Универсальный зал, фитнес центр, и зал хореографии</li>
-                            <li>Проживание и питание на территории</li>
+                            <li><img src="assets/images/olimp_icon1.png" /> 2 ледовых поля 58×26 м</li>
+                            <li><img src="assets/images/olimp_icon2.png" />Универсальный зал, фитнес центр, и зал хореографии</li>
+                            <li><img src="assets/images/olimp_icon3.png" />Проживание и питание на территории</li>
+							<li><img src="assets/images/olimp_icon4.png" />Собственный паркинг</li>
                         </ul>
                         <div class="hero__actions">
-                            <a class="btn" href="#booking">Забронировать площадку</a>
-                            <a class="btn btn--ghost" href="#booking">Узнать расписание</a>
+                            <a style="padding-left: 75px; padding-right: 75px;" class="btn" href="#booking">Оставить заявку</a>
+                            <a style="display:none;" class="btn btn--ghost" href="#booking">Узнать расписание</a>
                         </div>
                     </div>
                 </section>
 
                 <section class="highlights">
                     <div class="container highlights__grid">
-                        <article class="info-card">
+                        <!--<article class="info-card">
                             <h3>Всё в одном месте</h3>
                             <p>Лёд, спортзалы, фитнес, проживание и питание — 5 минут от метро Волгоградский проспект, удобный заезд на автомобиле, собственная парковка для гостей комплекса</p>
                         </article>
@@ -65,13 +68,29 @@
                         <article class="info-card">
                             <h3>Готовы к соревнованиям</h3>
                             <p>Стандартные размеры площадок, профессиональное оборудование, опыт проведения турниров.</p>
+                        </article>-->
+						<article class="info-card">
+                            <h3>ПРЕМИУМ УРОВЕНЬ</h3>
+                            <p>Олимп Арена – это лёд высокого качества, универсальный зал по международным стандартам, бросковая зона, функциональные и просторные раздевалки, судейские и тренерские, тренажеры и оборудование премиум-уровня, строгий и дорогой интерьер, собственный паркинг – продумана каждая деталь для Вашего комфорта и достижения целей.</p>
+                        </article>
+						<article class="info-card">
+                            <h3>МНОГОФУНКЦИОНАЛЬНОСТЬ</h3>
+                            <p>Олимп Арена – пространство, объединяющее инфраструктуру для спорта высших достижений, командного и индивидуального спорта: хоккей, фигурное катание, футзал, волейбол, баскетбол, зал единоборств и тренажерный зал. Гибкая и функциональная инфраструктура подходит для проведения корпоративных и развлекательных мероприятий.</p>
+                        </article>
+						<article class="info-card">
+                            <h3>ВСЕ ВКЛЮЧЕНО</h3>
+                            <p>Олимп Арена – это непросто спортивный объект, это спортивная база в центре Москвы, которая подходит для проведения учебно-тренировочных занятий, спортивных сборов, соревнований и турниров. Лед, спортивные залы, апарт-отель – все одном месте.</p>
+                        </article>
+						<article class="info-card">
+                            <h3>ЛОКАЦИЯ </h3>
+                            <p>Олимп Арена – это идеальное место для спорта с превосходной транспортной доступностью. Арена удобно расположена относительно станции метро, МЦК, Третьего и Садового кольца.</p>
                         </article>
                     </div>
                 </section>
 
                 <section class="section section--pattern objects" id="objects">
                     <div class="container">
-                        <header class="section__head">
+                        <header class="section__head" style="display:none;">
                             <h2>Наши объекты</h2>
                             <p>Профессиональная инфраструктура для ваших целей</p>
                         </header>
@@ -80,43 +99,52 @@
                             <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/led.jpg');"></div>
                             <div class="object-card__content">
                                 <h3>Два ледовых поля</h3>
-                                <p>Стандарт 58×26 м. Тренировки, сборы, соревнования</p>
+                                <p>Стандарт 58×26 м. Тренировки, сборы, соревнования.</p>
                                 <a class="btn btn--small" href="#booking">Забронировать</a>
                             </div>
                         </article>
 						
-                        <article class="object-card object-card--reverse">
-                            <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/basket.jpg');"></div>
+						<article class="object-card object-card--reverse">
+                            <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/arena_brosok.jpg');"></div>
                             <div class="object-card__content">
-                                <h3>Универсальный зал</h3>
-                                <p>Зал для игровых видов спорта, паркетное покрытие</p>
+                                <h3>Бросковая зона</h3>
+                                <p>4 бросковых дорожки со специализированным покрытием.</p>
                                 <a class="btn btn--small" href="#booking">Забронировать</a>
                             </div>
                         </article>
 
                         <article class="object-card">
+                            <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/basket.jpg');"></div>
+                            <div class="object-card__content">
+                                <h3>Универсальный зал</h3>
+                                <p>Зал для игровых видов спорта, паркетное покрытие.</p>
+                                <a class="btn btn--small" href="#booking">Забронировать</a>
+                            </div>
+                        </article>
+
+                        <article class="object-card object-card--reverse">
                             <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/photo_olimp_sport4.jpg');"></div>
                             <div class="object-card__content">
                                 <h3>Фитнес-центр</h3>
-                                <p>Кардио, силовая и функциональная зоны. Premium-оборудование</p>
+                                <p>Кардио, силовая и функциональная зоны. Премиум-оборудование.</p>
                                 <a class="btn btn--small" href="#booking">Подробнее</a>
                             </div>
                         </article>
 
-                        <article class="object-card object-card--reverse" style="display:none;">
-                            <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/other/1231.png');"></div>
+                        <article class="object-card" style="">
+                            <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/arena_horeo_new.jpg');"></div>
                             <div class="object-card__content">
                                 <h3>Зал хореографии</h3>
-                                <p>Оборудован зеркалами и станками для занятий хореографией</p>
+                                <p>Оборудован зеркалами и станками для занятий хореографией.</p>
                                 <a class="btn btn--small" href="#booking">Подробнее</a>
                             </div>
                         </article>
 
                         <article class="object-card object-card--reverse">
-                            <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/arena_hotel.jpg');"></div>
+                            <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/arena_hotel2.jpg');"></div>
                             <div class="object-card__content">
                                 <h3>Апарт-отель</h3>
-                                <p>70+ номеров для команд и гостей. Прямо на территории</p>
+                                <p>70+ номеров для команд и гостей. Прямо на территории.</p>
                                 <a class="btn btn--small" href="#booking">Подробнее</a>
                             </div>
                         </article>
@@ -125,23 +153,23 @@
                             <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/photo_olimp_rest7.jpg');"></div>
                             <div class="object-card__content">
                                 <h3>Ресторан</h3>
-                                <p>Сбалансированное спортивное питание. Меню для команд</p>
+                                <p>Сбалансированное спортивное питание. Меню для команд.</p>
                                 <a class="btn btn--small" href="#booking">Подробнее</a>
                             </div>
                         </article>
 
                         <article class="object-card object-card--reverse">
-                            <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/arena_parking.jpg');"></div>
+                            <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/arena_parking2.jpg');"></div>
                             <div class="object-card__content">
-                                <h3>Парковка и подъезд</h3>
-                                <p>Своя парковка для гостей и автобусов команд</p>
+                                <h3>Парковка</h3>
+                                <p>Своя парковка для гостей и автобусов команд.</p>
                                 <a class="btn btn--small" href="#booking">Подробнее</a>
                             </div>
                         </article>
                     </div>
                 </section>
 
-                <section class="section infrastructure" id="infrastructure">
+                <section class="section infrastructure" id="infrastructure" style="display:none;">
                     <div class="container">
                         <header class="section__head">
                             <h2>Инфраструктура</h2>
@@ -188,7 +216,7 @@
                     </div>
                 </section>
 
-                <section class="section services" id="services">
+                <section class="section services" id="services" style="display:none;">
                     <div class="container">
                         <header class="section__head">
                             <h2>Услуги</h2>
@@ -218,7 +246,7 @@
                     </div>
                 </section>
 
-                <section class="section pricing" id="pricing">
+                <section class="section pricing" id="pricing" style="display:none;">
                     <div class="container">
                         <header class="section__head">
                             <h2>Стоимость</h2>
@@ -248,13 +276,13 @@
                     <div class="container">
                         <header class="section__head">
                             <h2>Галерея</h2>
-                            <p>Пространства OlimpArena в деталях</p>
+                            <p>Пространства Олимп Арена в деталях</p>
                         </header>
                         <div class="gallery__grid">
                             <div class="gallery__item" style="background-image:url('./assets/images/renders/basket.jpg');"></div>
                             <div class="gallery__item" style="background-image:url('./assets/images/renders/led.jpg');"></div>
                             <div class="gallery__item" style="background-image:url('./assets/images/renders/ledadnbasket.jpg');"></div>
-                            <div class="gallery__item" style="background-image:url('./assets/images/other/ledovie.jpg');"></div>
+                            <div class="gallery__item" style="background-image:url('./assets/images/renders/arena_horeo_new.jpg');"></div>
 							<div class="gallery__item" style="background-image:url('./assets/images/renders/photo_olimp_rest1.jpg');"></div>
 							<div class="gallery__item" style="background-image:url('./assets/images/renders/photo_olimp_rest2.jpg');"></div>
 							<div class="gallery__item" style="background-image:url('./assets/images/renders/photo_olimp_rest3.jpg');"></div>
@@ -272,7 +300,7 @@
                     <div class="container">
                         <header class="section__head">
                             <h2>Отзывы</h2>
-                            <p>Что говорят клиенты о тренировках и сборах в OlimpArena</p>
+                            <p>Что говорят клиенты о тренировках и сборах в Олимп Арена</p>
                         </header>
                         <div class="reviews__slider" data-reviews-slider>
                             <button class="reviews__nav reviews__nav--prev" type="button" data-reviews-prev aria-label="Предыдущий отзыв">←</button>
@@ -367,7 +395,7 @@
                     <div class="container">
                         <header class="section__head">
                             <h2>Цифры о комплексе</h2>
-                            <p>Ключевые показатели инфраструктуры OlimpArena</p>
+                            <p>Ключевые показатели инфраструктуры Олимп Арена</p>
                         </header>
                         <div class="stats stats--facts">
                             <article class="stats__item">
@@ -386,12 +414,37 @@
                     </div>
                 </section>
 
-                <section class="section booking" id="booking">
+                <section class="section booking2" id="booking">
                     <div class="container booking__wrap">
                         <div class="booking__form">
-                            <h2>Оставьте заявку — подберём площадку и&nbsp;время</h2>
-                            <p>Перезвоним в течение 15 минут в рабочее время и пришлём расчёт</p>
-                            <form id="booking-form" action="#" method="post" novalidate data-metrika-id="" data-autoreply-endpoint="">
+							
+							
+							<div class="btrx_form btrx_static">
+								<script data-b24-form="inline/2/6zwmro" data-skip-moving="true">
+								(function(w,d,u){
+								var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/180000|0);
+								var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
+								})(window,document,'https://cdn-ru.bitrix24.ru/b38081672/crm/form/loader_2.js');
+								</script>
+							</div>
+							<style>
+							.btrx_static .b24-form-wrapper{background-color:#22292c;}
+							.btrx_static .b24-form-header-description, .btrx_static .b24-form-header-title{color:#fff;}
+							.btrx_static .b24-form-control-list .b24-form-control, .btrx_static .b24-form-control-select .field-item, .btrx_static .b24-form-control-string .b24-form-control, .btrx_static .b24-form-control-text .b24-form-control{
+								color:#4b4b4b;
+							    background-image: linear-gradient(hsl(0deg 0% 100% / 101%), hsl(0deg 0% 100% / 100%));}
+							.btrx_static .b24-form-control-desc{color:#fff;}
+							.btrx_static .b24-form-field-agreement .b24-form-control-desc{opacity:0.9;}
+							.btrx_static .b24-form-field-agreement a.b24-form-field-agreement-link{color: #8cafd3;}
+							
+							.b24-form-state-container .b24-form-success {background-color: #ffffff !important;}
+							
+							
+							</style>
+							
+                            <h2 style="display:none;">Оставьте заявку — подберём площадку и&nbsp;время</h2>
+                            <p style="display:none;">Перезвоним в течение 15 минут в рабочее время и пришлём расчёт</p>
+                            <form style="display:none;" id="booking-form" action="#" method="post" novalidate data-metrika-id="" data-autoreply-endpoint="">
                                 <div class="booking__field">
                                     <label for="booking-name">Имя <span class="required-mark">*</span></label>
                                     <input id="booking-name" type="text" name="name" autocomplete="name" placeholder="Введите имя" required>
@@ -486,11 +539,9 @@
                                     </li>
                                 </ul>
                                 <div class="contacts-card__links">
-                                    <a class="contacts-card__messenger" href="https://wa.me/74951234567?text=%D0%94%D0%BE%D0%B1%D1%80%D1%8B%D0%B9%20%D0%B4%D0%B5%D0%BD%D1%8C%2C%20%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%B5%D1%81%D1%83%D0%B5%D1%82%20%D0%B1%D1%80%D0%BE%D0%BD%D1%8C%20%D0%B2%20OlimpArena." target="_blank" rel="noopener noreferrer" aria-label="WhatsApp">
+                                    <a class="contacts-card__messenger" href="#" target="_blank" rel="noopener noreferrer" aria-label="WhatsApp">
                                         <span class="contacts-card__action-icon" aria-hidden="true">
-                                            <svg viewBox="0 0 24 24" fill="none">
-                                                <use href="./assets/images/svg-sprites.svg#icon-whatsapp"></use>
-                                            </svg>
+                                            <img style="width:20px;" src="./assets/images/icon_max.png" />
                                         </span>
                                     </a>
                                     <a class="contacts-card__messenger contacts-card__messenger--secondary" href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer" aria-label="Telegram">
@@ -508,13 +559,13 @@
                                             </svg>
                                         </span>
                                     </a>
-									<a class="contacts-card__messenger contacts-card__messenger--secondary" href="#" aria-label="Instagram">
+									<!--<a class="contacts-card__messenger contacts-card__messenger--secondary" href="#" aria-label="Instagram">
                                         <span class="contacts-card__action-icon" aria-hidden="true">
                                             <svg viewBox="0 0 24 24" fill="none">
                                                 <use href="./assets/images/svg-sprites.svg#icon-instagram"></use>
                                             </svg>
                                         </span>
-                                    </a>
+                                    </a>-->
 									
                                 </div>
                                 <div style="display:none;" class="contacts-card__links contacts-card__links--social">
@@ -537,7 +588,7 @@
                             <div class="hours-card map-card">
                                 <h4>Карта и маршрут</h4>
                                 <div class="map-card__embed">
-                                    <iframe title="OlimpArena на Яндекс Картах" src="https://yandex.ru/map-widget/v1/?text=%D0%9C%D0%BE%D1%81%D0%BA%D0%B2%D0%B0%2C%20%D0%90%D0%B2%D1%82%D0%BE%D0%BC%D0%BE%D0%B1%D0%B8%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9%20%D0%BF%D1%80%D0%BE%D0%B5%D0%B7%D0%B4%2C%204&z=16" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+                                    <iframe title="Олимп Арена на Яндекс Картах" src="https://yandex.ru/map-widget/v1/?text=%D0%9C%D0%BE%D1%81%D0%BA%D0%B2%D0%B0%2C%20%D0%90%D0%B2%D1%82%D0%BE%D0%BC%D0%BE%D0%B1%D0%B8%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9%20%D0%BF%D1%80%D0%BE%D0%B5%D0%B7%D0%B4%2C%204&z=16" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                                 </div>
                                 <div class="map-card__actions">
                                     <a class="btn btn--small map-card__route" href="https://yandex.ru/maps/?rtext=~%D0%9C%D0%BE%D1%81%D0%BA%D0%B2%D0%B0%2C%20%D0%90%D0%B2%D1%82%D0%BE%D0%BC%D0%BE%D0%B1%D0%B8%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9%20%D0%BF%D1%80%D0%BE%D0%B5%D0%B7%D0%B4%2C%204&rtt=auto" target="_blank" rel="noopener noreferrer" aria-label="Построить маршрут">
@@ -574,26 +625,28 @@
                 </div>
             </div>
 			
+
             <footer class="footer">
                 <div class="container">
                     <div class="footer__top">
                         <div class="footer__brand">
-                            <a class="logo" href="#top" aria-label="OlimpArena">
-                                <img src="./assets/images/logo.svg" alt="OlimpArena">
+                            <a class="logo" href="#top" aria-label="Олимп Арена">
+                                <img src="./assets/images/logo.svg" alt="Олимп Арена">
                             </a>
-                            <p>OlimpArena — спорткомплекс полного цикла: ледовые арены, залы, проживание и питание на одной территории.</p>
+                            <!--<p>Олимп Арена — спорткомплекс полного цикла: ледовые арены, залы, проживание и питание на одной территории.</p>-->
+							<p>Олимп Арена — не просто арена, а спортивная база полного цикла в центре Москвы. Профессиональные ледовые арены, современные залы, апарт-отель и ресторан — всё для проведения тренировок, сборов и мероприятий любого уровня.</p>
                         </div>
                         <nav class="footer__nav" aria-label="Навигация в футере">
                             <h4>Объекты</h4>
                             <a href="#objects">Объекты</a>
-                            <a href="#infrastructure">Инфраструктура</a>
+                            <!--<a href="#infrastructure">Инфраструктура</a>-->
                             <a href="#gallery">Галерея</a>
-                            <a href="#facts">Цифры о комплексе</a>
+                            <!--<a href="#facts">Цифры о комплексе</a>-->
                         </nav>
                         <nav class="footer__nav" aria-label="Услуги в футере">
                             <h4>Услуги</h4>
-                            <a href="#services">Форматы аренды и мероприятий</a>
-                            <a href="#pricing">Стоимость</a>
+                            <!--<a href="#services">Форматы аренды и мероприятий</a>-->
+                            <!--<a href="#pricing">Стоимость</a>-->
                             <a href="#booking">Оставить заявку</a>
                         </nav>
                         <div class="footer__contacts">
@@ -604,11 +657,9 @@
                             <a>Москва, Автомобильный проезд, 4</a>
                             <a>Ежедневно с 06:00 до 23:00</a><br>
                             <div class="footer__messengers">
-                                <a href="https://wa.me/74951234567" target="_blank" rel="noopener noreferrer" aria-label="WhatsApp">
+                                <a href="#" target="_blank" rel="noopener noreferrer" aria-label="WhatsApp">
                                     <span class="footer__messenger-icon" aria-hidden="true">
-                                        <svg viewBox="0 0 24 24" fill="none">
-                                            <use href="./assets/images/svg-sprites.svg#icon-whatsapp"></use>
-                                        </svg>
+                                        <img style="width:20px;" src="./assets/images/icon_max.png" />
                                     </span>
                                 </a>
                                 <a href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer" aria-label="Telegram">
@@ -619,13 +670,13 @@
                                     </span>
                                 </a>
 								
-								<a href="#" aria-label="Instagram">
+								<!--<a href="#" aria-label="Instagram">
                                     <span class="footer__messenger-icon" aria-hidden="true">
                                         <svg viewBox="0 0 24 24" fill="none">
                                             <use href="./assets/images/svg-sprites.svg#icon-instagram"></use>
                                         </svg>
                                     </span>
-                                </a>
+                                </a>-->
                                 <a href="#" aria-label="ВКонтакте">
                                     <span class="footer__messenger-icon" aria-hidden="true">
                                         <svg viewBox="0 0 24 24" fill="none">
@@ -670,7 +721,19 @@
 		<!-- Всплывающее окно бронирования -->
 		<div class="modal" id="booking-popup" aria-hidden="true" role="dialog" aria-modal="true">
 			<div class="modal__overlay" data-modal-close></div>
-			<div class="modal__content modal__content--white">
+			
+			<div class="modal__content modal__content--white" style="padding:0;">
+				<div class="btrx_form">
+					<script data-b24-form="inline/2/6zwmro" data-skip-moving="true">
+					(function(w,d,u){
+					var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/180000|0);
+					var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
+					})(window,document,'https://cdn-ru.bitrix24.ru/b38081672/crm/form/loader_2.js');
+					</script>
+				</div>
+			</div>
+			
+			<div style="display:none;" class="modal__content modal__content--white">		
 				<button class="modal__close" data-modal-close aria-label="Закрыть">×</button>
 				
 				<h2 class="modal__title">Забронировать время</h2>
@@ -825,6 +888,10 @@
 				text-transform: uppercase;
 				box-shadow: none;
 			}
+			
+			
+			
+			.btrx_form .b24-form-wrapper.b24-form-border-bottom{border-radius:14px;}
 		</style>
 		
 		<script>

personal-data-order.html

@@ -17,8 +17,8 @@
                 </a>
                 <nav class="header__nav" aria-label="Основная навигация">
                     <a href="./index.html#objects">Объекты</a>
-                    <a href="./index.html#services">Услуги</a>
-                    <a href="./index.html#pricing">Стоимость</a>
+                    <!--<a href="./index.html#services">Услуги</a>-->
+                    <!--<a href="./index.html#pricing">Стоимость</a>-->
                     <a href="./index.html#gallery">Галерея</a>
                     <a href="./index.html#contacts">Контакты</a>
                 </nav>
@@ -78,12 +78,12 @@
                         <a href="./index.html#objects">Объекты</a>
                         <a href="./index.html#infrastructure">Инфраструктура</a>
                         <a href="./index.html#gallery">Галерея</a>
-                        <a href="./index.html#facts">Цифры о комплексе</a>
+                        <!--<a href="./index.html#facts">Цифры о комплексе</a>-->
                     </nav>
                     <nav class="footer__nav" aria-label="Услуги в футере">
                         <h4>Услуги</h4>
-                        <a href="./index.html#services">Форматы аренды и мероприятий</a>
-                        <a href="./index.html#pricing">Стоимость</a>
+                        <!--<a href="./index.html#services">Форматы аренды и мероприятий</a>-->
+                        <!--<a href="./index.html#pricing">Стоимость</a>-->
                         <a href="./index.html#booking">Оставить заявку</a>
                     </nav>
                     <div class="footer__contacts">
@@ -94,12 +94,13 @@
                         <a>Москва, Автомобильный проезд, 4</a>
                         <a>Ежедневно с 06:00 до 23:00</a><br>
                         <div class="footer__messengers">
-                            <a href="https://wa.me/74951234567" target="_blank" rel="noopener noreferrer"
-                                aria-label="WhatsApp">
+                            <a href="#" target="_blank" rel="noopener noreferrer"
+                                aria-label="Max">
                                 <span class="footer__messenger-icon" aria-hidden="true">
-                                    <svg viewBox="0 0 24 24" fill="none">
+                                    <img style="width:20px;" src="./assets/images/icon_max.png" />
+									<!--<svg viewBox="0 0 24 24" fill="none">
                                         <use href="./assets/images/svg-sprites.svg#icon-whatsapp"></use>
-                                    </svg>
+                                    </svg>-->
                                 </span>
                             </a>
                             <a href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer"
@@ -111,13 +112,13 @@
                                 </span>
                             </a>
 
-                            <a href="#" aria-label="Instagram">
+                            <!--<a href="#" aria-label="Instagram">
                                 <span class="footer__messenger-icon" aria-hidden="true">
                                     <svg viewBox="0 0 24 24" fill="none">
                                         <use href="./assets/images/svg-sprites.svg#icon-instagram"></use>
                                     </svg>
                                 </span>
-                            </a>
+                            </a>-->
                             <a href="#" aria-label="ВКонтакте">
                                 <span class="footer__messenger-icon" aria-hidden="true">
                                     <svg viewBox="0 0 24 24" fill="none">

personal-data-policy.html

@@ -17,8 +17,8 @@
                 </a>
                 <nav class="header__nav" aria-label="Основная навигация">
                     <a href="./index.html#objects">Объекты</a>
-                    <a href="./index.html#services">Услуги</a>
-                    <a href="./index.html#pricing">Стоимость</a>
+                    <!--<a href="./index.html#services">Услуги</a>-->
+                    <!--<a href="./index.html#pricing">Стоимость</a>-->
                     <a href="./index.html#gallery">Галерея</a>
                     <a href="./index.html#contacts">Контакты</a>
                 </nav>
@@ -649,14 +649,14 @@
                     <nav class="footer__nav" aria-label="Навигация в футере">
                         <h4>Объекты</h4>
                         <a href="./index.html#objects">Объекты</a>
-                        <a href="./index.html#infrastructure">Инфраструктура</a>
+                        <!--<a href="./index.html#infrastructure">Инфраструктура</a>-->
                         <a href="./index.html#gallery">Галерея</a>
-                        <a href="./index.html#facts">Цифры о комплексе</a>
+                        <!--<a href="./index.html#facts">Цифры о комплексе</a>-->
                     </nav>
                     <nav class="footer__nav" aria-label="Услуги в футере">
                         <h4>Услуги</h4>
-                        <a href="./index.html#services">Форматы аренды и мероприятий</a>
-                        <a href="./index.html#pricing">Стоимость</a>
+                        <!--<a href="./index.html#services">Форматы аренды и мероприятий</a>-->
+                        <!--<a href="./index.html#pricing">Стоимость</a>-->
                         <a href="./index.html#booking">Оставить заявку</a>
                     </nav>
                     <div class="footer__contacts">
@@ -667,12 +667,10 @@
                         <a>Москва, Автомобильный проезд, 4</a>
                         <a>Ежедневно с 06:00 до 23:00</a><br>
                         <div class="footer__messengers">
-                            <a href="https://wa.me/74951234567" target="_blank" rel="noopener noreferrer"
-                                aria-label="WhatsApp">
+                            <a href="#" target="_blank" rel="noopener noreferrer"
+                                aria-label="Max">
                                 <span class="footer__messenger-icon" aria-hidden="true">
-                                    <svg viewBox="0 0 24 24" fill="none">
-                                        <use href="./assets/images/svg-sprites.svg#icon-whatsapp"></use>
-                                    </svg>
+									<img style="width:20px;" src="./assets/images/icon_max.png" />
                                 </span>
                             </a>
                             <a href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer"
@@ -684,13 +682,13 @@
                                 </span>
                             </a>
 
-                            <a href="#" aria-label="Instagram">
+                            <!--<a href="#" aria-label="Instagram">
                                 <span class="footer__messenger-icon" aria-hidden="true">
                                     <svg viewBox="0 0 24 24" fill="none">
                                         <use href="./assets/images/svg-sprites.svg#icon-instagram"></use>
                                     </svg>
                                 </span>
-                            </a>
+                            </a>-->
                             <a href="#" aria-label="ВКонтакте">
                                 <span class="footer__messenger-icon" aria-hidden="true">
                                     <svg viewBox="0 0 24 24" fill="none">

personal-data-protection.html

@@ -17,8 +17,8 @@
                 </a>
                 <nav class="header__nav" aria-label="Основная навигация">
                     <a href="./index.html#objects">Объекты</a>
-                    <a href="./index.html#services">Услуги</a>
-                    <a href="./index.html#pricing">Стоимость</a>
+                    <!--<a href="./index.html#services">Услуги</a>-->
+                    <!--<a href="./index.html#pricing">Стоимость</a>-->
                     <a href="./index.html#gallery">Галерея</a>
                     <a href="./index.html#contacts">Контакты</a>
                 </nav>
@@ -1165,14 +1165,14 @@
                     <nav class="footer__nav" aria-label="Навигация в футере">
                         <h4>Объекты</h4>
                         <a href="./index.html#objects">Объекты</a>
-                        <a href="./index.html#infrastructure">Инфраструктура</a>
+                        <!--<a href="./index.html#infrastructure">Инфраструктура</a>-->
                         <a href="./index.html#gallery">Галерея</a>
-                        <a href="./index.html#facts">Цифры о комплексе</a>
+                        <!--<a href="./index.html#facts">Цифры о комплексе</a>-->
                     </nav>
                     <nav class="footer__nav" aria-label="Услуги в футере">
                         <h4>Услуги</h4>
-                        <a href="./index.html#services">Форматы аренды и мероприятий</a>
-                        <a href="./index.html#pricing">Стоимость</a>
+                        <!--<a href="./index.html#services">Форматы аренды и мероприятий</a>-->
+                        <!--<a href="./index.html#pricing">Стоимость</a>-->
                         <a href="./index.html#booking">Оставить заявку</a>
                     </nav>
                     <div class="footer__contacts">
@@ -1183,12 +1183,10 @@
                         <a>Москва, Автомобильный проезд, 4</a>
                         <a>Ежедневно с 06:00 до 23:00</a><br>
                         <div class="footer__messengers">
-                            <a href="https://wa.me/74951234567" target="_blank" rel="noopener noreferrer"
-                                aria-label="WhatsApp">
+                            <a href="#" target="_blank" rel="noopener noreferrer"
+                                aria-label="Max">
                                 <span class="footer__messenger-icon" aria-hidden="true">
-                                    <svg viewBox="0 0 24 24" fill="none">
-                                        <use href="./assets/images/svg-sprites.svg#icon-whatsapp"></use>
-                                    </svg>
+									<img style="width:20px;" src="./assets/images/icon_max.png" />
                                 </span>
                             </a>
                             <a href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer"
@@ -1200,13 +1198,13 @@
                                 </span>
                             </a>
 
-                            <a href="#" aria-label="Instagram">
+                            <!--<a href="#" aria-label="Instagram">
                                 <span class="footer__messenger-icon" aria-hidden="true">
                                     <svg viewBox="0 0 24 24" fill="none">
                                         <use href="./assets/images/svg-sprites.svg#icon-instagram"></use>
                                     </svg>
                                 </span>
-                            </a>
+                            </a>-->
                             <a href="#" aria-label="ВКонтакте">
                                 <span class="footer__messenger-icon" aria-hidden="true">
                                     <svg viewBox="0 0 24 24" fill="none">

public-offer.html

@@ -17,8 +17,8 @@
                 </a>
                 <nav class="header__nav" aria-label="Основная навигация">
                     <a href="./index.html#objects">Объекты</a>
-                    <a href="./index.html#services">Услуги</a>
-                    <a href="./index.html#pricing">Стоимость</a>
+                    <!--<a href="./index.html#services">Услуги</a>-->
+                    <!--<a href="./index.html#pricing">Стоимость</a>-->
                     <a href="./index.html#gallery">Галерея</a>
                     <a href="./index.html#contacts">Контакты</a>
                 </nav>
@@ -541,9 +541,9 @@
                     <nav class="footer__nav" aria-label="Навигация в футере">
                         <h4>Объекты</h4>
                         <a href="./index.html#objects">Объекты</a>
-                        <a href="./index.html#infrastructure">Инфраструктура</a>
+                        <!--<a href="./index.html#infrastructure">Инфраструктура</a>-->
                         <a href="./index.html#gallery">Галерея</a>
-                        <a href="./index.html#facts">Цифры о комплексе</a>
+                        <!--<a href="./index.html#facts">Цифры о комплексе</a>-->
                     </nav>
                     <nav class="footer__nav" aria-label="Услуги в футере">
                         <h4>Услуги</h4>
@@ -559,12 +559,10 @@
                         <a>Москва, Автомобильный проезд, 4</a>
                         <a>Ежедневно с 06:00 до 23:00</a><br>
                         <div class="footer__messengers">
-                            <a href="https://wa.me/74951234567" target="_blank" rel="noopener noreferrer"
+                            <a href="#" target="_blank" rel="noopener noreferrer"
                                 aria-label="WhatsApp">
                                 <span class="footer__messenger-icon" aria-hidden="true">
-                                    <svg viewBox="0 0 24 24" fill="none">
-                                        <use href="./assets/images/svg-sprites.svg#icon-whatsapp"></use>
-                                    </svg>
+									<img style="width:20px;" src="./assets/images/icon_max.png" />
                                 </span>
                             </a>
                             <a href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer"
@@ -576,13 +574,13 @@
                                 </span>
                             </a>
 
-                            <a href="#" aria-label="Instagram">
+                            <!--<a href="#" aria-label="Instagram">
                                 <span class="footer__messenger-icon" aria-hidden="true">
                                     <svg viewBox="0 0 24 24" fill="none">
                                         <use href="./assets/images/svg-sprites.svg#icon-instagram"></use>
                                     </svg>
                                 </span>
-                            </a>
+                            </a>-->
                             <a href="#" aria-label="ВКонтакте">
                                 <span class="footer__messenger-icon" aria-hidden="true">
                                     <svg viewBox="0 0 24 24" fill="none">