feat: page template

src/views/expertise/autotech/index.ts

@@ -0,0 +1 @@
+export * from './ui';

src/views/expertise/autotech/styles.module.scss

@@ -0,0 +1,48 @@
+.Container {
+  margin: 0 auto;
+  width: rem(1540px);
+  display: grid;
+  grid-template-columns: auto 360px;
+  gap: 160px;
+}
+
+.Article {
+  display: flex;
+  flex-direction: column;
+  padding: rem(40px) 0;
+
+  .Text {
+    font-family: $font-roboto;
+    font-weight: 400;
+    font-size: rem(16px);
+    line-height: 130%;
+    color: $color-text;
+    margin-bottom: 16px;
+  }
+
+  .List {
+    display: flex;
+    flex-direction: column;
+    list-style-type: disc;
+    margin-left: 16px;
+    margin-bottom: 16px;
+  }
+
+  .ListItem {
+    font-family: $font-roboto;
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 130%;
+    color: $color-text;
+    list-style: unset;
+  }
+
+  .Header {
+    font-family: $font-roboto;
+    font-weight: 300;
+    font-size: 32px;
+    line-height: 130%;
+    color: $color-text;
+    margin-bottom: 16px;
+  }
+}

src/views/expertise/autotech/ui.tsx

@@ -0,0 +1,85 @@
+import s from './styles.module.scss';
+
+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>
+          WIDGET
+          <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>
+          WIDGET
+          <p className={s.Text}>
+            Экспертное заключение, полученный от компании «ДИ ТРАСО», будет
+            являться официальным документом, подтверждающим результат работы
+            эксперта. В нем будет содержаться вся полная информация..
+          </p>
+          <h3 className={s.Header}>Как провести автотехническую экспертизу</h3>
+          <p className={s.Text}>
+            Для того, чтобы заказать выполнение автотехнической экспертизы, вы
+            можете воспользоваться любым удобным способом.
+          </p>
+          WIDGET
+        </div>
+        <div className={s.Sidebar}>sidebar</div>
+      </div>
+    </section>
+  );
+}
+
+export { AutoTech };

src/views/index.ts

@@ -1 +1,4 @@
 export * from './home';
+
+//Expertise
+export * from './expertise/autotech';