From 89d5946407572f9a35b8c40062acbf242a2dc29e Mon Sep 17 00:00:00 2001
From: RedrockJS <smb.sochi@gmail.com>
Date: Tue, 1 Jul 2025 16:34:01 +0300
Subject: [PATCH] fix: add related section

---
 .../expertise/autotech/styles.module.scss     |  36 +++
 src/views/expertise/autotech/ui.tsx           | 210 +++++++++++-------
 2 files changed, 170 insertions(+), 76 deletions(-)

diff --git a/src/views/expertise/autotech/styles.module.scss b/src/views/expertise/autotech/styles.module.scss
index 86962f5..72116a7 100644
--- a/src/views/expertise/autotech/styles.module.scss
+++ b/src/views/expertise/autotech/styles.module.scss
@@ -46,3 +46,39 @@
     margin-bottom: 16px;
   }
 }
+
+
+.Related {
+  .Header {
+    font-family: $font-roboto;
+    font-weight: 300;
+    font-size: 32px;
+    line-height: 130%;
+    color: $color-text;
+    margin-bottom: 16px;
+  }
+
+  .Grid {
+    display: grid;
+    grid-template-columns: auto auto;
+    gap: 16px;
+    margin-bottom: 20px;
+
+    .Title {
+      font-family: $font-roboto;
+      font-weight: 500;
+      font-size: 20px;
+      line-height: 130%;
+      color: $color-text;
+      margin-bottom: 16px;
+    }
+
+    .Description {
+      font-family: $font-roboto;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 130%;
+      color: $color-text;
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/expertise/autotech/ui.tsx b/src/views/expertise/autotech/ui.tsx
index 115d33c..e021f79 100644
--- a/src/views/expertise/autotech/ui.tsx
+++ b/src/views/expertise/autotech/ui.tsx
@@ -3,85 +3,143 @@ import { CallbackForm, Connect, OrderSchema } from '@/entities';
 
 function AutoTech() {
   return (
-    <section>
-      <div className={s.Container}>
-        <div className={s.Article}>
-          <p className={s.Text}>
-            При возникновении ситуаций, возникающих в результате ДТП
-            (дорожно-транспортных происшествий), для решения наиболее сложных
-            проблем, требуется проведение специальной автоэкспертизы,
-            позволяющей реализовать право водителя на получение страховки. В
-            судебной практике нередки случаи, когда независимая техническая
-            экспертиза значительно выгоднее и эффективнее, чем автотехническая
-            экспертиза, проводимая по инициативе страховой компании. Это вполне
-            понятно, поскольку страховые компании стремятся сделать выплаты
-            минимальными, в отличие от них независимые эксперты такой цели не
-            имеют.
-          </p>
-          <p className={s.Text}>
-            Автотехническая экспертиза тек же может потребоваться в следующих
-            случаях:
-          </p>
-          <ul className={s.List}>
-            <li className={s.ListItem}>
-              В неясных и спорных ситуациях, когда правоохранительные органы не
-              могут точно определить виновника происшествия.
-            </li>
-            <li className={s.ListItem}>
-              Если в аварии пострадал один и больше человек.
-            </li>
-            <li className={s.ListItem}>
-              При изучении дела по факту аварийной ситуации на дороге.
-            </li>
-            <li className={s.ListItem}>
-              В случае несогласия с судебным постановлением.
-            </li>
-            <li className={s.ListItem}>
-              При рассмотрении дела о возмещении материального ущерба, который
-              был нанесен транспортному средству. Сумма ущерба определяется на
-              основании полученных в результате экспертизы данных.
-            </li>
-            <li className={s.ListItem}>
-              При проверке со стороны таможенных органов.
-            </li>
-            <li className={s.ListItem}>
-              Если возникает подозрение на то, что номер кузова авто был
-              изменен.
-            </li>
-          </ul>
-          <CallbackForm pageName='Автотехническая экспертиза' />
-          <h3 className={s.Header}>Документы, необходимые для экспертизы:</h3>
-          <p className={s.Text}>
-            Для начала работ по автомобильной экспертизе эксперту понадобятся
-            основные документы:
-          </p>
-          <ul className={s.List}>
-            <li className={s.ListItem}>
-              свидетельство о государственной регистрации транспортного
-              средства;
-            </li>
-            <li className={s.ListItem}>справка с места ДТП</li>
-            <li className={s.ListItem}>паспортные данные заказчика;</li>
-          </ul>
-          <h3 className={s.Header}>Заказать экспертизу очень просто:</h3>
+    <>
+      <section>
+        <div className={s.Container}>
+          <div className={s.Article}>
+            <p className={s.Text}>
+              При возникновении ситуаций, возникающих в результате ДТП
+              (дорожно-транспортных происшествий), для решения наиболее сложных
+              проблем, требуется проведение специальной автоэкспертизы,
+              позволяющей реализовать право водителя на получение страховки. В
+              судебной практике нередки случаи, когда независимая техническая
+              экспертиза значительно выгоднее и эффективнее, чем автотехническая
+              экспертиза, проводимая по инициативе страховой компании. Это
+              вполне понятно, поскольку страховые компании стремятся сделать
+              выплаты минимальными, в отличие от них независимые эксперты такой
+              цели не имеют.
+            </p>
+            <p className={s.Text}>
+              Автотехническая экспертиза тек же может потребоваться в следующих
+              случаях:
+            </p>
+            <ul className={s.List}>
+              <li className={s.ListItem}>
+                В неясных и спорных ситуациях, когда правоохранительные органы
+                не могут точно определить виновника происшествия.
+              </li>
+              <li className={s.ListItem}>
+                Если в аварии пострадал один и больше человек.
+              </li>
+              <li className={s.ListItem}>
+                При изучении дела по факту аварийной ситуации на дороге.
+              </li>
+              <li className={s.ListItem}>
+                В случае несогласия с судебным постановлением.
+              </li>
+              <li className={s.ListItem}>
+                При рассмотрении дела о возмещении материального ущерба, который
+                был нанесен транспортному средству. Сумма ущерба определяется на
+                основании полученных в результате экспертизы данных.
+              </li>
+              <li className={s.ListItem}>
+                При проверке со стороны таможенных органов.
+              </li>
+              <li className={s.ListItem}>
+                Если возникает подозрение на то, что номер кузова авто был
+                изменен.
+              </li>
+            </ul>
+            <CallbackForm pageName='Автотехническая экспертиза' />
+            <h3 className={s.Header}>Документы, необходимые для экспертизы:</h3>
+            <p className={s.Text}>
+              Для начала работ по автомобильной экспертизе эксперту понадобятся
+              основные документы:
+            </p>
+            <ul className={s.List}>
+              <li className={s.ListItem}>
+                свидетельство о государственной регистрации транспортного
+                средства;
+              </li>
+              <li className={s.ListItem}>справка с места ДТП</li>
+              <li className={s.ListItem}>паспортные данные заказчика;</li>
+            </ul>
+            <h3 className={s.Header}>Заказать экспертизу очень просто:</h3>
 
-          <OrderSchema />
+            <OrderSchema />
 
-          <p className={s.Text}>
-            Экспертное заключение, полученный от компании «ДИ ТРАСО», будет
-            являться официальным документом, подтверждающим результат работы
-            эксперта. В нем будет содержаться вся полная информация..
-          </p>
-          <h3 className={s.Header}>Как провести автотехническую экспертизу</h3>
-          <p className={s.Text}>
-            Для того, чтобы заказать выполнение автотехнической экспертизы, вы
-            можете воспользоваться любым удобным способом.
-          </p>
-          <Connect />
+            <p className={s.Text}>
+              Экспертное заключение, полученный от компании «ДИ ТРАСО», будет
+              являться официальным документом, подтверждающим результат работы
+              эксперта. В нем будет содержаться вся полная информация..
+            </p>
+            <h3 className={s.Header}>
+              Как провести автотехническую экспертизу
+            </h3>
+            <p className={s.Text}>
+              Для того, чтобы заказать выполнение автотехнической экспертизы, вы
+              можете воспользоваться любым удобным способом.
+            </p>
+            <Connect />
+          </div>
+          <div className={s.Sidebar}>sidebar</div>
         </div>
-        <div className={s.Sidebar}>sidebar</div>
-      </div>
-    </section>
+      </section>
+      <section className={s.Consultation}>
+        <div></div>
+        <div></div>
+      </section>
+      <section className={s.Related}>
+        <div className={s.Container}>
+          <div>
+            <h3 className={s.Header}>
+              Похожие услуги, которые возможно Вас заинтересуют
+            </h3>
+            <div className={s.Grid}>
+              <div className={s.Promo}>
+                <h4 className={s.Title}>Трасологическая экспертиза</h4>
+                <p className={s.Description}>
+                  Эксперты нашей компании быстро и точно восстановят картину
+                  происшествия и дадут профессиональную оценку ситуации. Также
+                  во время трасологической экспертизы изучаются имеющиеся
+                  повреждения и следы на месте…
+                </p>
+              </div>
+              <div className={s.Promo}>
+                <h4 className={s.Title}>Товароведческая экспертиза</h4>
+                <p className={s.Description}>
+                  Судебная экспертиза товаров должна проводиться только
+                  специалистом, получившим узкопрофильную квалификацию. Если Вам
+                  необходима товароведческая экспертиза и для суда, мы готовы
+                  подробно исследовать любой товар. Результат работы…
+                </p>
+              </div>
+              <div className={s.Promo}>
+                <h4 className={s.Title}>Оценочная экспертиза</h4>
+                <p className={s.Description}>
+                  Судебная оценочная (стоимостная) экспертиза представляет собой
+                  вид экспертизы, главной задачей которой является определение
+                  рыночной стоимости объектов оценки…
+                </p>
+              </div>
+              <div className={s.Promo}>
+                <h4 className={s.Title}>Рецензия (Проверка) экспертизы</h4>
+                <p className={s.Description}>
+                  Необходимость в составлении рецензии на судебную экспертизу
+                  появляется в ситуациях, когда выводы заключения являются не
+                  обоснованными, а квалификация и опыт эксперта не вызывают
+                  доверия. В ходе рецензирования экспертное заключение
+                  проверяется…
+                </p>
+              </div>
+            </div>
+            <CallbackForm pageName='Автотехническая экспертиза' />
+          </div>
+          <div />
+        </div>
+      </section>
+      <section className={s.Partners}></section>
+    </>
   );
 }