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;
+    }
+  }
+}

src/views/expertise/autotech/ui.tsx

@@ -3,6 +3,7 @@ import { CallbackForm, Connect, OrderSchema } from '@/entities';
 
 function AutoTech() {
   return (
+    <>
       <section>
         <div className={s.Container}>
           <div className={s.Article}>
@@ -13,10 +14,10 @@ function AutoTech() {
               позволяющей реализовать право водителя на получение страховки. В
               судебной практике нередки случаи, когда независимая техническая
               экспертиза значительно выгоднее и эффективнее, чем автотехническая
-            экспертиза, проводимая по инициативе страховой компании. Это вполне
-            понятно, поскольку страховые компании стремятся сделать выплаты
-            минимальными, в отличие от них независимые эксперты такой цели не
-            имеют.
+              экспертиза, проводимая по инициативе страховой компании. Это
+              вполне понятно, поскольку страховые компании стремятся сделать
+              выплаты минимальными, в отличие от них независимые эксперты такой
+              цели не имеют.
             </p>
             <p className={s.Text}>
               Автотехническая экспертиза тек же может потребоваться в следующих
@@ -24,8 +25,8 @@ function AutoTech() {
             </p>
             <ul className={s.List}>
               <li className={s.ListItem}>
-              В неясных и спорных ситуациях, когда правоохранительные органы не
-              могут точно определить виновника происшествия.
+                В неясных и спорных ситуациях, когда правоохранительные органы
+                не могут точно определить виновника происшествия.
               </li>
               <li className={s.ListItem}>
                 Если в аварии пострадал один и больше человек.
@@ -72,7 +73,9 @@ function AutoTech() {
               являться официальным документом, подтверждающим результат работы
               эксперта. В нем будет содержаться вся полная информация..
             </p>
-          <h3 className={s.Header}>Как провести автотехническую экспертизу</h3>
+            <h3 className={s.Header}>
+              Как провести автотехническую экспертизу
+            </h3>
             <p className={s.Text}>
               Для того, чтобы заказать выполнение автотехнической экспертизы, вы
               можете воспользоваться любым удобным способом.
@@ -82,6 +85,61 @@ function AutoTech() {
           <div className={s.Sidebar}>sidebar</div>
         </div>
       </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>
+    </>
   );
 }