22

.gitignore

@@ -2,4 +2,7 @@ node_modules
 package-lock.json
 .env
 data
-promt
+promt
+правки
+.playwright-mcp
+commons-search.txt

public/index.html

@@ -51,15 +51,7 @@ img { max-width: 100%; display: block; }
   position: relative;
 }
 
-.header-main::before, .header-main::after {
-  content: ''; position: absolute; width: 12px; height: 12px;
-  background: radial-gradient(circle, #c0c0c0 30%, #888 70%);
-  border-radius: 50%; border: 1px solid #666;
-  top: 50%; transform: translateY(-50%);
-  box-shadow: inset 0 1px 2px rgba(0,0,0,0.5), 0 1px 1px rgba(255,255,255,0.2);
-}
-.header-main::before { left: 12px; }
-.header-main::after { right: 12px; }
+
 
 .header-inner {
   display: flex; align-items: center; justify-content: space-between;
@@ -72,8 +64,8 @@ img { max-width: 100%; display: block; }
   pointer-events: none;
 }
 
-.logo { display: flex; align-items: center; position: relative; z-index: 2; margin-top: -18px; margin-bottom: -18px; }
-.logo img { max-height: 180px; max-width: 100%; width: auto; height: auto; }
+.logo { display: flex; align-items: center; position: relative; z-index: 2; margin-top: -8px; margin-bottom: -8px; }
+.logo img { max-height: 200px; max-width: 100%; width: auto; height: auto; }
 
 .nav { display: flex; align-items: center; gap: 16px; position: relative; z-index: 2; }
 
@@ -130,7 +122,7 @@ img { max-width: 100%; display: block; }
 /* ========== HERO ========== */
 .hero {
   min-height: 100vh; display: flex; align-items: center;
-  position: relative; overflow: hidden; padding-top: 100px;
+  position: relative; overflow: hidden; padding-top: 120px;
   background: linear-gradient(135deg, #e8e4df 0%, #d5d0c8 100%);
 }
 .hero-bg { position: absolute; inset: 0; z-index: 0; }
@@ -572,12 +564,12 @@ img { max-width: 100%; display: block; }
       </a>
 <nav class="nav">
   <a href="#about">О компании</a>
-  <a href="#activity">Деятельность</a>
   <a href="#services">Услуги</a>
   <a href="#process">Этапы</a>
   <a href="#equipment">Техника</a>
   <a href="#geography">География</a>
   <a href="#licenses">Лицензии</a>
+  <a href="#activity">Деятельность</a>
   <a href="#contacts">Контакты</a>
 </nav>
       <a href="tel:88005552931" class="header-phone">
@@ -593,12 +585,12 @@ img { max-width: 100%; display: block; }
 <div class="mobile-overlay" id="mobileOverlay"></div>
 <nav class="mobile-nav" id="mobileNav">
   <a href="#about" class="mobile-link">О компании</a>
-  <a href="#activity" class="mobile-link">Деятельность</a>
   <a href="#services" class="mobile-link">Услуги</a>
   <a href="#process" class="mobile-link">Этапы работ</a>
   <a href="#equipment" class="mobile-link">Спецтехника</a>
   <a href="#geography" class="mobile-link">География</a>
   <a href="#licenses" class="mobile-link">Лицензии</a>
+  <a href="#activity" class="mobile-link">Деятельность</a>
   <a href="#contacts" class="mobile-link">Контакты</a>
   <a href="tel:88005552931" style="color: var(--orange-light); border: none; margin-top: 20px; font-size: 17px;">8(800) 555-29-31</a>
 </nav>
@@ -657,7 +649,7 @@ img { max-width: 100%; display: block; }
       </div>
       <div class="about-text reveal-right">
         <h3>Собственная техника и полный контроль</h3>
-        <p>Наш автопарк состоит из более чем 50 единиц современной спецтехники, возраст которой не превышает 5 лет. Мы используем экскаваторы, трактора, краны, самосвалы и тралы ведущих мировых производителей: Hitachi, Komatsu, Caterpillar, Belarus, John Deere, Howo, КамАЗ, КС и Ивановец.</p>
+        <p>Наш автопарк состоит из более чем 80 единиц современной спецтехники, возраст которой не превышает 5 лет. Мы используем экскаваторы, краны, погрузчики, самосвалы и тралы ведущих мировых производителей: KAMAZ, Komatsu, Zoomlion, SDLG, Соболь, УАЗ.</p>
         <p>Все работы выполняются исключительно силами компании — без привлечения субподрядчиков. Это гарантирует полное соответствие качества, сроков и ответственности на каждом этапе проекта.</p>
         <p>Мы работаем в самых сложных условиях: труднодоступные районы, заболоченные территории, Крайний Север. Гибкие варианты оплаты: работаем по договору, включая вариант расчёта трубой за услуги (бартер с металлоломом после демонтажа).</p>
         <div class="about-features">
@@ -683,41 +675,11 @@ img { max-width: 100%; display: block; }
   </div>
 </section>
 
-<!-- SOCIAL ACTIVITY -->
-<section class="section section-white" id="activity">
-  <div class="container">
-    <div class="section-header center reveal">
-      <h2 class="section-title">Общественная <span>деятельность</span></h2>
-      <p class="section-subtitle">Компания «СТС-Авто» активно участвует в социальной и общественной жизни регионов присутствия.</p>
-    </div>
-    <div class="activity-grid reveal">
-      <div class="license-gallery-item" data-src="./img/thanks-1.webp" data-title="Благодарственное письмо" data-desc="Благодарность от партнёров за качественно выполненные работы.">
-        <div class="license-gallery-thumb">
-          <img src="./img/thanks-1.webp" alt="Благодарственное письмо">
-          <div class="license-gallery-zoom"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
-        </div>
-        <div class="license-gallery-body">
-          <h4>Благодарственное письмо</h4>
-        </div>
-      </div>
-      <div class="license-gallery-item" data-src="./img/thanks-2.webp" data-title="Благодарственное письмо" data-desc="Благодарность от партнёров за качественно выполненные работы.">
-        <div class="license-gallery-thumb">
-          <img src="./img/thanks-2.webp" alt="Благодарственное письмо">
-          <div class="license-gallery-zoom"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
-        </div>
-        <div class="license-gallery-body">
-          <h4>Благодарственное письмо</h4>
-        </div>
-      </div>
-    </div>
-  </div>
-</section>
-
 <section class="section section-white" id="services">
   <div class="container">
     <div class="section-header center reveal">
       <h2 class="section-title">Наши <span>услуги</span></h2>
-      <p class="section-subtitle">Полный спектр работ по демонтажу, ремонту и строительству трубопроводной инфраструктуры. Работаем на опасных производственных объектах с собственным парком спецтехники.</p>
+      <p class="section-subtitle">Полный спектр работ по демонтажу и утилизации трубопроводной инфраструктуры. Работаем на опасных производственных объектах с собственным парком спецтехники.</p>
     </div>
     <div class="services-grid">
       <div class="service-card large reveal">
@@ -727,8 +689,8 @@ img { max-width: 100%; display: block; }
         <ul class="service-list">
           <li>Нефтепроводы, газопроводы, водоводы — все типы магистральных и промысловых сетей</li>
           <li>Полный цикл: от вскрытия и вырезки дефектных участков до вывоза и сдачи металлолома</li>
-          <li>Капитальный ремонт: замена участков, восстановление изоляции, укладка на проектную отметку</li>
           <li>Работа с трубопроводами любого диаметра в любых климатических условиях</li>
+          <li>Разделка ж/д транспорта, переработка и утилизация для предприятий</li>
         </ul>
       </div>
       <div class="service-card reveal">
@@ -741,16 +703,6 @@ img { max-width: 100%; display: block; }
           <li>Сдача по актам под контролем экологов</li>
         </ul>
       </div>
-      <div class="service-card reveal">
-        <div class="service-icon"><svg viewBox="0 0 24 24"><path d="M19.77 7.23l.01-.01-3.72-3.72L15 4.56l2.11 2.11c-.94.36-1.61 1.26-1.61 2.33a2.5 2.5 0 002.5 2.5c.36 0 .69-.08 1-.21v7.21c0 .55-.45 1-1 1s-1-.45-1-1V14c0-1.1-.9-2-2-2h-1V5c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v16h10v-7.5h1.5v5a2.5 2.5 0 005 0V9c0-.69-.28-1.32-.73-1.77z"/></svg></div>
-        <h3>Строительство вдольтрассовых проездов</h3>
-        <p>Устройство временных и постоянных дорог вдоль трубопроводов.</p>
-        <ul class="service-list">
-          <li>Устройство основания из щебня</li>
-          <li>Укладка лежневых настилов</li>
-          <li>Отсыпка песчано-гравийной смесью</li>
-        </ul>
-      </div>
       <div class="service-card reveal">
         <div class="service-icon"><svg viewBox="0 0 24 24"><path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"/></svg></div>
         <h3>Расчистка территории от мелколесья и ДКР</h3>
@@ -775,6 +727,40 @@ img { max-width: 100%; display: block; }
   </div>
 </section>
 
+<!-- WORK SCHEMES -->
+<section class="section section-white" id="schemes">
+  <div class="container">
+    <div class="section-header center reveal">
+      <h2 class="section-title">Гибкие <span>схемы работы</span></h2>
+      <p class="section-subtitle">Мы разработали гибкие схемы работы, позволяющие выбрать оптимальное решение с учётом ваших целей и бюджета.</p>
+    </div>
+    <div class="services-grid">
+      <div class="service-card reveal">
+        <div class="service-icon"><svg viewBox="0 0 24 24"><path d="M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5-9l1.96 2.5H17V9.5h2.5zm-1.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"/></svg></div>
+        <h3>Схема 1 — с доставкой заказчику</h3>
+        <p>Подходит для компаний, планирующих повторное использование труб или их последующую реализацию. Расходный договор для заказчика.</p>
+        <ul class="service-list">
+          <li>Полный цикл работ по демонтажу трубопровода</li>
+          <li>Резка и маркировка труб в соответствии с требованиями</li>
+          <li>Транспортировка демонтированных труб на указанные территории хранения</li>
+          <li>Оформление всей сопроводительной документации (акты приёма-передачи)</li>
+        </ul>
+      </div>
+      <div class="service-card reveal">
+        <div class="service-icon"><svg viewBox="0 0 24 24"><path d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/></svg></div>
+        <h3>Схема 2 — вывоз на базы подрядчика</h3>
+        <p>Экономически выгодное решение для заказчиков, заинтересованных в минимизации затрат. Доходный договор для заказчика.</p>
+        <ul class="service-list">
+          <li>Полный цикл работ по демонтажу трубопровода</li>
+          <li>Перевозка и размещение на сертифицированных площадках временного хранения ООО «СТС-АВТО»</li>
+          <li>Покупка трубы в земле — заказчик получает доход от металлолома</li>
+          <li>Оформление полного пакета закрывающей документации</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</section>
+
 <!-- PROCESS -->
 <section class="section section-alt" id="process">
   <div class="container">
@@ -801,7 +787,7 @@ img { max-width: 100%; display: block; }
         <div class="process-number">3</div>
         <div class="process-content">
           <h3>Выполнение работ</h3>
-          <p>Мобилизуем технику и персонал на объект. Выполняем демонтаж, капитальный ремонт, утилизацию отходов, рекультивацию или строительство проездов в соответствии с проектной документацией. Ежедневные отчёты о ходе работ.</p>
+           <p>Мобилизуем технику и персонал на объект. Выполняем демонтаж, утилизацию отходов и рекультивацию в соответствии с проектной документацией. Ежедневные отчёты о ходе работ.</p>
         </div>
       </div>
       <div class="process-step reveal">
@@ -917,7 +903,7 @@ img { max-width: 100%; display: block; }
       <!-- Соболь 4×4 -->
       <div class="equipment-card reveal">
         <div class="equipment-card-image">
-          <img src="./img/hero-bg.webp" alt="Соболь 4×4">
+          <img src="./img/sobol-4x4.webp" alt="Соболь 4×4">
           <div class="equip-overlay"><span class="brand">Соболь</span></div>
         </div>
         <div class="equipment-card-body">
@@ -1113,6 +1099,36 @@ img { max-width: 100%; display: block; }
   </div>
 </section>
 
+<!-- SOCIAL ACTIVITY -->
+<section class="section section-white" id="activity">
+  <div class="container">
+    <div class="section-header center reveal">
+      <h2 class="section-title">Общественная <span>деятельность</span></h2>
+      <p class="section-subtitle">Компания «СТС-Авто» активно участвует в социальной и общественной жизни регионов присутствия.</p>
+    </div>
+    <div class="activity-grid reveal">
+      <div class="license-gallery-item" data-src="./img/thanks-1.webp" data-title="Благодарственное письмо" data-desc="Благодарность от партнёров за качественно выполненные работы.">
+        <div class="license-gallery-thumb">
+          <img src="./img/thanks-1.webp" alt="Благодарственное письмо">
+          <div class="license-gallery-zoom"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
+        </div>
+        <div class="license-gallery-body">
+          <h4>Благодарственное письмо</h4>
+        </div>
+      </div>
+      <div class="license-gallery-item" data-src="./img/thanks-2.webp" data-title="Благодарственное письмо" data-desc="Благодарность от партнёров за качественно выполненные работы.">
+        <div class="license-gallery-thumb">
+          <img src="./img/thanks-2.webp" alt="Благодарственное письмо">
+          <div class="license-gallery-zoom"><svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div>
+        </div>
+        <div class="license-gallery-body">
+          <h4>Благодарственное письмо</h4>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
 <!-- LIGHTBOX -->
 <div class="lightbox-overlay" id="lightbox">
   <div class="lightbox-content">
@@ -1198,16 +1214,16 @@ img { max-width: 100%; display: block; }
     </div>
     <div class="partners-scroll reveal">
       <div class="partners-track">
-        <img src="./img/partner-1.webp" alt="Партнёр">
-        <img src="./img/partner-1.webp" alt="Партнёр">
-        <img src="./img/partner-1.webp" alt="Партнёр">
-        <img src="./img/partner-1.webp" alt="Партнёр">
-        <img src="./img/partner-1.webp" alt="Партнёр">
-        <img src="./img/partner-1.webp" alt="Партнёр">
-        <img src="./img/partner-1.webp" alt="Партнёр">
-        <img src="./img/partner-1.webp" alt="Партнёр">
-        <img src="./img/partner-1.webp" alt="Партнёр">
-        <img src="./img/partner-1.webp" alt="Партнёр">
+        <img src="./img/газпром.webp" alt="Газпром">
+        <img src="./img/роснефть.webp" alt="Роснефть">
+        <img src="./img/сибур.webp" alt="Сибур">
+        <img src="./img/сургутнефтегаз.webp" alt="Сургутнефтегаз">
+        <img src="./img/транснефть.webp" alt="Транснефть">
+        <img src="./img/газпром.webp" alt="Газпром">
+        <img src="./img/роснефть.webp" alt="Роснефть">
+        <img src="./img/сибур.webp" alt="Сибур">
+        <img src="./img/сургутнефтегаз.webp" alt="Сургутнефтегаз">
+        <img src="./img/транснефть.webp" alt="Транснефть">
       </div>
     </div>
   </div>