refactor: create article model

src/views/expertise/autotech/model/expert.ts

@@ -0,0 +1,8 @@
+import { TExpert } from '@core/types/expert';
+import expertPhoto from '@public/images/photo/yancen-yana.png';
+
+export const expertData: TExpert = {
+  name: 'Янцен Яна',
+  position: 'Автоэксперт',
+  photo: expertPhoto,
+};

src/views/expertise/autotech/model/relatedArticles.ts

@@ -0,0 +1,29 @@
+import { TRelatedArticles } from '@core/types/relatedArticles';
+import { ROUTES } from '@core/constants/route';
+
+export const relatedArticlesData: TRelatedArticles[] = [
+  {
+    title: 'Трасологическая экспертиза',
+    description:
+      'Эксперты нашей компании быстро и точно восстановят картину происшествия и дадут профессиональную оценку ситуации. Также во время трасологической экспертизы изучаются имеющиеся повреждения и следы на месте…',
+    link: ROUTES.EXPERTIZA_TRASOLOGIA,
+  },
+  {
+    title: 'Оценочная экспертиза',
+    description:
+      'Судебная оценочная (стоимостная) экспертиза представляет собой вид экспертизы, главной задачей которой является определение рыночной стоимости объектов оценки…',
+    link: ROUTES.EXPERTIZA_OCENKI,
+  },
+  {
+    title: 'Товароведческая экспертиза',
+    description:
+      'Судебная экспертиза товаров должна проводиться только специалистом, получившим узкопрофильную квалификацию. Если Вам необходима товароведческая экспертиза и для суда, мы готовы подробно исследовать любой товар. Результат работы…',
+    link: ROUTES.EXPERTIZA_TOVAR,
+  },
+  {
+    title: 'Рецензия (Проверка) экспертизы',
+    description:
+      'Необходимость в составлении рецензии на судебную экспертизу появляется в ситуациях, когда выводы заключения являются не обоснованными, а квалификация и опыт эксперта не вызывают доверия. В ходе рецензирования экспертное заключение проверяется…',
+    link: ROUTES.EXPERTIZA_RECENZII,
+  },
+];

src/views/expertise/autotech/model/sidebar.ts

@@ -0,0 +1,33 @@
+import { TSidebar } from '@core/types/sidebar';
+import { ROUTES } from '@core/constants/route';
+
+const sidebarData: TSidebar = {
+  estimate: '3',
+  relatedTitle: 'Сопутствующие экспертизы',
+  related: [
+    {
+      title: 'Трасологическая',
+      link: ROUTES.EXPERTIZA_TRASOLOGIA,
+    },
+    {
+      title: 'Оценочная',
+      link: ROUTES.EXPERTIZA_OCENKI,
+    },
+    {
+      title: 'Товароведческая',
+      link: ROUTES.EXPERTIZA_TOVAR,
+    },
+    {
+      title: 'Рецензирование (проверка)',
+      link: ROUTES.EXPERTIZA_RECENZII,
+    },
+  ],
+  warrantiesTitle: 'Наши гарантии',
+  warranties: [
+    'Эксперты компании являются членами Саморегулируемой организации судебных экспертов',
+    'Деятельность компании застрахована на 60 000 000 рублей',
+    'Экспертизы выполняются в соответствии с Федеральными Законодательными Актами',
+  ],
+};
+
+export { sidebarData };

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

@@ -46,3 +46,24 @@
     margin-bottom: 16px;
   }
 }
+
+.Partners {
+  .Divider {
+    width: 100%;
+    display: flex;
+    text-align: center;
+    padding-top: 20px;
+    padding-bottom: 20px;
+
+    .Separator {
+      display: flex;
+      width: 100%;
+      margin: 0 auto;
+      min-height: 15px;
+      mask-size: 20px 100%;
+      mask-repeat: repeat-x;
+      background-color: $color-green;
+      mask-image: url(/svg/rotated-lines.svg);
+    }
+  }
+}

src/views/expertise/autotech/ui.tsx

@@ -1,7 +1,9 @@
 import s from './styles.module.scss';
 import { CallbackForm, Connect, OrderSchema } from '@/entities';
 import { Consultation, RelatedArticles, Sidebar } from '@/feature/article';
-import { Button } from '@shared/ui';
+import { sidebarData } from './model/sidebar';
+import { relatedArticlesData } from './model/relatedArticles';
+import { expertData } from './model/expert';
 
 function AutoTech() {
   return (
@@ -52,7 +54,9 @@ function AutoTech() {
                 изменен.
               </li>
             </ul>
+
             <CallbackForm pageName='Автотехническая экспертиза' />
+
             <h3 className={s.Header}>Документы, необходимые для экспертизы:</h3>
             <p className={s.Text}>
               Для начала работ по автомобильной экспертизе эксперту понадобятся
@@ -85,15 +89,22 @@ function AutoTech() {
             <Connect />
           </div>
           <aside>
-            <Sidebar />
+            <Sidebar {...sidebarData} />
           </aside>
         </div>
       </section>
 
-      <Consultation />
-      <RelatedArticles />
-
-      <section className={s.Partners}></section>
+      <Consultation {...expertData} />
+      <RelatedArticles related={relatedArticlesData} />
+      <section className={s.Partners}>
+        <div className={s.Divider}>
+          <span className={s.Separator} />
+        </div>
+        Slider
+        <div className={s.Divider}>
+          <span className={s.Separator} />
+        </div>
+      </section>
     </>
   );
 }