src/app/ekspertiza/buhgalterskaja/page.tsx

@@ -1,3 +1,5 @@
+import { Buhgalter } from '@/views';
+
 export default function Page() {
-  return <div>Page</div>;
+  return <Buhgalter />;
 }

src/app/ekspertiza/dokumentov/page.tsx

@@ -1,3 +1,5 @@
+import { Document } from '@/views';
+
 export default function Page() {
-  return <div>Page</div>;
+  return <Document />;
 }

src/app/ekspertiza/finansovo-jekonomicheskaja/page.tsx

@@ -1,3 +1,5 @@
+import { Finans } from '@/views';
+
 export default function Page() {
-  return <div>Page</div>;
+  return <Finans />;
 }

src/app/ekspertiza/kadastrovaja/page.tsx

@@ -1,3 +1,5 @@
+import { Kadastr } from '@/views';
+
 export default function Page() {
-  return <div>Page</div>;
+  return <Kadastr />;
 }

src/app/ekspertiza/kompjuterno-tehnicheskaja/page.tsx

@@ -1,3 +1,5 @@
+import { Computer } from '@/views';
+
 export default function Page() {
-  return <div>Page</div>;
+  return <Computer />;
 }

src/app/ekspertiza/pocherkovedcheskaja/page.tsx

@@ -1,3 +1,5 @@
+import { Pocherk } from '@/views';
+
 export default function Page() {
-  return <div>Page</div>;
+  return <Pocherk />;
 }

src/app/ekspertiza/pozharno-tehnicheskaja/page.tsx

@@ -1,3 +1,5 @@
+import { Pozhar } from '@/views';
+
 export default function Page() {
-  return <div>Page</div>;
+  return <Pozhar />;
 }

src/app/ekspertiza/recenzirovanie/page.tsx

@@ -1,3 +1,5 @@
+import { Recenzii } from '@/views';
+
 export default function Page() {
-  return <div>Page</div>;
+  return <Recenzii />;
 }

src/app/ekspertiza/stroitelno-tehnicheskaja/page.tsx

@@ -1,3 +1,5 @@
+import { Stroit } from '@/views';
+
 export default function Page() {
-  return <div>Page</div>;
+  return <Stroit />;
 }

src/app/ekspertiza/tehniko-kriminalisticheskaja/page.tsx

@@ -1,3 +1,5 @@
+import { TechCrim } from '@/views';
+
 export default function Page() {
-  return <div>Page</div>;
+  return <TechCrim />;
 }

src/app/ekspertiza/tovarovedcheskaja/page.tsx

@@ -1,3 +1,5 @@
+import { Tovar } from '@/views';
+
 export default function Page() {
-  return <div>Page</div>;
+  return <Tovar />;
 }

src/app/ekspertiza/trasologicheskaja/page.tsx

@@ -1,3 +1,5 @@
+import { Trasologia } from '@/views';
+
 export default function Page() {
-  return <div>Page</div>;
+  return <Trasologia />;
 }

src/app/ekspertiza/zemle-ustroitelnaja/page.tsx

@@ -1,3 +1,5 @@
+import { ZemStroy } from '@/views';
+
 export default function Page() {
-  return <div>Page</div>;
+  return <ZemStroy />;
 }

src/entities/callback-form/ui.tsx

@@ -62,7 +62,7 @@ function CallbackForm({ pageName = 'noname-form' }: CallbackFormProps) {
   };
 
   return (
-    <div className={s.Container}>
+    <section className={s.Container}>
       <h3 className={s.Title}>Узнать точную стоимость и срок экспертизы</h3>
       <form className={s.Form} onSubmit={handleSubmit(onSubmit)}>
         <Controller
@@ -103,7 +103,7 @@ function CallbackForm({ pageName = 'noname-form' }: CallbackFormProps) {
           Узнать
         </Button>
       </form>
-    </div>
+    </section>
   );
 }
 

src/entities/connect/style.module.scss

@@ -1,3 +1,25 @@
+.Section {
+  display: block;
+}
+
+.Header {
+  font-family: $font-roboto;
+  font-weight: 300;
+  font-size: 32px;
+  line-height: 130%;
+  color: $color-text;
+  margin-bottom: 16px;
+}
+
+.Text {
+  font-family: $font-roboto;
+  font-weight: 400;
+  font-size: rem(16px);
+  line-height: 130%;
+  color: $color-text;
+  margin-bottom: 16px;
+}
+
 .Container {
   display: grid;
   grid-template-columns: auto;

src/entities/connect/ui.tsx

@@ -6,50 +6,59 @@ import tgImg from '@public/images/tg-rounded-logo.png';
 import waImg from '@public/images/wa-rounded-logo.png';
 import { CONTACTS } from '@shared/const/contacts';
 
-function Connect() {
+type ConnectProps = {
+  title: string;
+  description: string;
+};
+
+function Connect({ title, description }: ConnectProps) {
   const emailTo = `mailto:${CONTACTS.EMAIL}`;
   const callTo = `tel:${CONTACTS.PHONE}`;
   const telegramTo = CONTACTS.TELEGRAM;
   const whatsappTo = CONTACTS.WHATSAPP;
 
   return (
-    <div className={s.Container}>
+    <section className={s.Section}>
-      <div className={s.Icons}>
+      <h3 className={s.Header}>{title}</h3>
-        <div className={s.Icon}>
+      <p className={s.Text}>{description}</p>
-          <a href={whatsappTo} target='_blank' rel='noopener noreferrer'>
+      <div className={s.Container}>
-            <Image src={waImg} alt={''} className={s.Image} />
+        <div className={s.Icons}>
-          </a>
+          <div className={s.Icon}>
-          <a href={whatsappTo} target='_blank' rel='noopener noreferrer'>
+            <a href={whatsappTo} target='_blank' rel='noopener noreferrer'>
-            <p className={s.Description}>WHATSAPP</p>
+              <Image src={waImg} alt={''} className={s.Image} />
-          </a>
+            </a>
+            <a href={whatsappTo} target='_blank' rel='noopener noreferrer'>
+              <p className={s.Description}>WHATSAPP</p>
+            </a>
+          </div>
+          <div className={s.Icon}>
+            <a href={telegramTo} target='_blank' rel='noopener noreferrer'>
+              <Image src={tgImg} alt={''} className={s.Image} />
+            </a>
+            <a href={telegramTo} target='_blank' rel='noopener noreferrer'>
+              <p className={s.Description}>TELEGRAM</p>
+            </a>
+          </div>
+          <div className={s.Icon}>
+            <a href={emailTo}>
+              <Image src={emailImg} alt={''} className={s.Image} />
+            </a>
+            <a href={emailTo}>
+              <p className={s.Description}>EMAIL</p>
+            </a>
+          </div>
         </div>
-        <div className={s.Icon}>
+        <div className={s.CallOrder}>
-          <a href={telegramTo} target='_blank' rel='noopener noreferrer'>
+          <h4 className={s.Title}>Звоните по телефону</h4>
-            <Image src={tgImg} alt={''} className={s.Image} />
+          <a href={callTo}>
-          </a>
+            <Button variant={'white'} className={s.Btn}>
-          <a href={telegramTo} target='_blank' rel='noopener noreferrer'>
+              +7 (900) 241-34-34
-            <p className={s.Description}>TELEGRAM</p>
+            </Button>
-          </a>
-        </div>
-        <div className={s.Icon}>
-          <a href={emailTo}>
-            <Image src={emailImg} alt={''} className={s.Image} />
-          </a>
-          <a href={emailTo}>
-            <p className={s.Description}>EMAIL</p>
           </a>
+          <p className={s.Description}>мы работаем с 08:00 до 17:00</p>
         </div>
       </div>
-      <div className={s.CallOrder}>
+    </section>
-        <h4 className={s.Title}>Звоните по телефону</h4>
-        <a href={callTo}>
-          <Button variant={'white'} className={s.Btn}>
-            +7 (900) 241-34-34
-          </Button>
-        </a>
-        <p className={s.Description}>мы работаем с 08:00 до 17:00</p>
-      </div>
-    </div>
   );
 }
 

src/entities/order-schema/styles.module.scss

@@ -1,3 +1,25 @@
+.Section {
+  display: block;
+}
+
+.Header {
+  font-family: $font-roboto;
+  font-weight: 300;
+  font-size: 32px;
+  line-height: 130%;
+  color: $color-text;
+  margin-bottom: 16px;
+}
+
+.Text {
+  font-family: $font-roboto;
+  font-weight: 400;
+  font-size: rem(16px);
+  line-height: 130%;
+  color: $color-text;
+  margin-bottom: 16px;
+}
+
 .Container {
   display: grid;
   grid-template-columns: 1fr;
@@ -77,6 +99,7 @@
       color: $color-white;
       text-align: center;
       text-transform: uppercase;
+      margin: 0;
 
       @include iftablet {
         font-size: rem(14px);

src/entities/order-schema/ui.tsx

@@ -6,46 +6,55 @@ import stepThree from '@public/images/step3.png';
 import stepFour from '@public/images/step4.png';
 import arrow from '@public/images/arrow.png';
 
-function OrderSchema() {
+type OrderSchemaProps = {
+  title: string;
+  description: string;
+};
+
+function OrderSchema({ title, description }: OrderSchemaProps) {
   return (
-    <div className={s.Container}>
+    <section className={s.Section}>
-      <div className={s.Block}>
+      <h3 className={s.Header}>{title}</h3>
-        <Image className={s.Image} src={stepOne} alt={''} height={120} />
+      <div className={s.Container}>
-        <p className={s.Text}> Заявка на сайте </p>
+        <div className={s.Block}>
-        <p className={s.Text}> или </p>
+          <Image className={s.Image} src={stepOne} alt={''} height={120} />
-        <p className={s.Text}> звонок по телефону </p>
+          <p className={s.Text}> Заявка на сайте </p>
-        <p className={s.Text}> +7 (900) 241-34-34 </p>
+          <p className={s.Text}> или </p>
+          <p className={s.Text}> звонок по телефону </p>
+          <p className={s.Text}> +7 (900) 241-34-34 </p>
+        </div>
+        <div className={s.Block}>
+          <Image className={s.Arrow} src={arrow} alt={''} height={16} />
+        </div>
+        <div className={s.Block}>
+          <Image className={s.Image} src={stepTwo} alt={''} height={120} />
+          <p className={s.Text}>Мы свяжемся </p>
+          <p className={s.Text}> с вами</p>
+          <p className={s.Text}>и уточним</p>
+          <p className={s.Text}>детали</p>
+        </div>
+        <div className={s.Block}>
+          <Image className={s.Arrow} src={arrow} alt={''} height={16} />
+        </div>
+        <div className={s.Block}>
+          <Image className={s.Image} src={stepThree} alt={''} height={120} />
+          <p className={s.Text}>Подписываем договор,</p>
+          <p className={s.Text}>Вы оплачиваете услуги,</p>
+          <p className={s.Text}>предоставляете необходимые </p>
+          <p className={s.Text}>документы</p>
+        </div>
+        <div className={s.Block}>
+          <Image className={s.Arrow} src={arrow} alt={''} height={16} />
+        </div>
+        <div className={s.Block}>
+          <Image className={s.Image} src={stepFour} alt={''} height={120} />
+          <p className={s.Text}>Составляем</p>
+          <p className={s.Text}>Экспертное заключение,</p>
+          <p className={s.Text}>вы получаете результат</p>
+        </div>
       </div>
-      <div className={s.Block}>
+      <p className={s.Text}>{description}</p>
-        <Image className={s.Arrow} src={arrow} alt={''} height={16} />
+    </section>
-      </div>
-      <div className={s.Block}>
-        <Image className={s.Image} src={stepTwo} alt={''} height={120} />
-        <p className={s.Text}>Мы свяжемся </p>
-        <p className={s.Text}> с вами</p>
-        <p className={s.Text}>и уточним</p>
-        <p className={s.Text}>детали</p>
-      </div>
-      <div className={s.Block}>
-        <Image className={s.Arrow} src={arrow} alt={''} height={16} />
-      </div>
-      <div className={s.Block}>
-        <Image className={s.Image} src={stepThree} alt={''} height={120} />
-        <p className={s.Text}>Подписываем договор,</p>
-        <p className={s.Text}>Вы оплачиваете услуги,</p>
-        <p className={s.Text}>предоставляете необходимые </p>
-        <p className={s.Text}>документы</p>
-      </div>
-      <div className={s.Block}>
-        <Image className={s.Arrow} src={arrow} alt={''} height={16} />
-      </div>
-      <div className={s.Block}>
-        <Image className={s.Image} src={stepFour} alt={''} height={120} />
-        <p className={s.Text}>Составляем</p>
-        <p className={s.Text}>Экспертное заключение,</p>
-        <p className={s.Text}>вы получаете результат</p>
-      </div>
-    </div>
   );
 }
 

src/feature/article/consultation-modal/ui.tsx

@@ -34,10 +34,12 @@ const defaultValues = {
 };
 
 type ConsultationModalProps = {
-  className?: string;
+  pageName?: string;
 };
 
-function ConsultationModal({}: ConsultationModalProps) {
+function ConsultationModal({
+  pageName = 'noname-modal',
+}: ConsultationModalProps) {
   const {
     handleSubmit,
     control,
@@ -54,7 +56,7 @@ function ConsultationModal({}: ConsultationModalProps) {
   const onSubmit = async (data: TForm) => {
     const payload = {
       ...data,
-      form: 'consultation-modal-form',
+      form: pageName,
     };
 
     try {

src/feature/article/consultation/ui.tsx

@@ -13,6 +13,7 @@ import toast from 'react-hot-toast';
 
 type ConsultationProps = {
   pageName?: string;
+  disableExpert?: boolean;
 } & TExpert;
 
 const FormSchema = z.object({
@@ -37,6 +38,7 @@ function Consultation({
   name,
   position,
   photo,
+  disableExpert = false,
 }: ConsultationProps) {
   const {
     handleSubmit,
@@ -113,11 +115,15 @@ function Consultation({
             </Button>
           </form>
         </div>
-        <div className={s.Sidebar}>
+        {disableExpert ? (
-          <Image src={photo} alt={`${position} - ${name}`} />
+          <div />
-          <p className={s.Title}>{name}</p>
+        ) : (
-          <p className={s.Description}>{position}</p>
+          <div className={s.Sidebar}>
-        </div>
+            <Image src={photo} alt={`${position} - ${name}`} />
+            <p className={s.Title}>{name}</p>
+            <p className={s.Description}>{position}</p>
+          </div>
+        )}
       </div>
     </section>
   );

src/feature/article/documents/styles.module.scss

@@ -0,0 +1,39 @@
+.Section {
+  display: block;
+}
+
+.Header {
+  font-family: $font-roboto;
+  font-weight: 300;
+  font-size: 32px;
+  line-height: 130%;
+  color: $color-text;
+  margin-bottom: 16px;
+}
+
+.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;
+}
+

src/feature/article/documents/ui.tsx

@@ -0,0 +1,25 @@
+import s from './styles.module.scss';
+
+type DocumentsProps = {
+  title: string;
+  description?: string;
+  docs: string[];
+};
+
+function Documents({ title, description, docs }: DocumentsProps) {
+  return (
+    <section className={s.Section}>
+      <h3 className={s.Header}>{title}</h3>
+      <p className={s.Text}>{description}</p>
+      <ul className={s.List}>
+        {docs.map((document, index) => (
+          <li key={index} className={s.ListItem}>
+            {document}
+          </li>
+        ))}
+      </ul>
+    </section>
+  );
+}
+
+export { Documents };

src/feature/article/index.ts

@@ -2,3 +2,5 @@ export * from './related-articles';
 export * from './consultation';
 export * from './sidebar';
 export * from './consultation-modal';
+export * from './partners';
+export * from './documents';

src/feature/article/partners/index.ts

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

src/feature/article/partners/styles.module.scss

@@ -0,0 +1,19 @@
+.Partners {
+  .Divider {
+    width: 100%;
+    display: flex;
+    text-align: center;
+    padding: rem(40px) 0;
+
+    .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/feature/article/partners/ui.tsx

@@ -0,0 +1,18 @@
+import s from './styles.module.scss';
+import { PartnersSlider } from '@shared/ui';
+
+function Partners() {
+  return (
+    <section className={s.Partners}>
+      <div className={s.Divider}>
+        <span className={s.Separator} />
+      </div>
+      <PartnersSlider />
+      <div className={s.Divider}>
+        <span className={s.Separator} />
+      </div>
+    </section>
+  );
+}
+
+export { Partners };

src/feature/article/sidebar/ui.tsx

@@ -8,7 +8,7 @@ import { useModal } from '@core/providers/modal-provider';
 import { ConsultationModal } from '@/feature/article';
 import { CONTACTS } from '@shared/const/contacts';
 
-type SidebarProps = TSidebar;
+type SidebarProps = { pageName?: string } & TSidebar;
 
 function Sidebar({
   estimate = '3',
@@ -16,9 +16,11 @@ function Sidebar({
   related,
   warrantiesTitle,
   warranties,
+  pageName,
 }: SidebarProps) {
   const modal = useModal();
-  const openModal = () => modal.showModal(<ConsultationModal />);
+  const openModal = () =>
+    modal.showModal(<ConsultationModal pageName={pageName} />);
 
   const callTo = `tel:${CONTACTS.PHONE}`;
 

src/shared/ui/index.ts

@@ -3,3 +3,4 @@ export * from './phone-input';
 export * from './button';
 export * from './modal';
 export * from './text-area';
+export * from './partners-slider';

src/shared/ui/partners-slider/index.ts

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

src/shared/ui/partners-slider/ui.tsx

@@ -9,7 +9,7 @@ import s from './styles.module.scss';
 import Image from 'next/image';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Autoplay, Grid } from 'swiper/modules';
-import { slidesData } from '@widgets/partners-slider/model/slides';
+import { slidesData } from './model/slides';
 
 const swiperBreakpoints = {
   360: {

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

@@ -0,0 +1,24 @@
+const documentsData = {
+  title: 'Документы, необходимые для экспертизы',
+  description:
+    'Для начала работ по автомобильной экспертизе эксперту понадобятся основные документы:',
+  docs: [
+    'свидетельство о государственной регистрации транспортного средства;',
+    'справка с места ДТП;',
+    'паспортные данные заказчика;',
+  ],
+};
+
+const howToData = {
+  title: 'Заказать экспертизу очень просто',
+  description:
+    'Экспертное заключение, полученный от компании «ДИ ТРАСО», будет являться официальным документом, подтверждающим результат работы эксперта. В нем будет содержаться вся полная информация..',
+};
+
+const connectData = {
+  title: 'Как провести автотехническую экспертизу',
+  description:
+    'Для того, чтобы заказать выполнение автотехнической экспертизы, вы можете воспользоваться любым удобным способом.',
+};
+
+export { documentsData, howToData, connectData };

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

@@ -29,6 +29,10 @@
   flex-direction: column;
   padding: rem(40px) 0;
 
+  .Section {
+    display: block;
+  }
+
   .Text {
     font-family: $font-roboto;
     font-weight: 400;
@@ -65,22 +69,3 @@
   }
 }
 
-.Partners {
-  .Divider {
-    width: 100%;
-    display: flex;
-    text-align: center;
-    padding: rem(40px) 0;
-
-    .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,19 +1,26 @@
 import s from './styles.module.scss';
 import { CallbackForm, Connect, OrderSchema } from '@/entities';
-import { Consultation, RelatedArticles, Sidebar } from '@/feature/article';
+import {
-import { Breadcrumbs, PartnersSlider } from '@/widgets';
+  Consultation,
+  Documents,
+  Partners,
+  RelatedArticles,
+  Sidebar,
+} from '@/feature/article';
+import { Breadcrumbs } from '@/widgets';
 import { sidebarData } from './model/sidebar';
-import { relatedArticlesData } from './model/relatedArticles';
+import { relatedArticlesData } from './model/related';
 import { expertData } from './model/expert';
 import { breadcrumbData, PAGE_NAME } from './model/breadcrums';
+import { connectData, documentsData, howToData } from './model/article';
 
 function AutoTech() {
   return (
     <>
       <Breadcrumbs breadcrumbs={breadcrumbData} />
-      <section>
+      <article className={s.Container}>
-        <div className={s.Container}>
+        <div className={s.Article}>
-          <div className={s.Article}>
+          <section className={s.Section}>
             <p className={s.Text}>
               При возникновении ситуаций, возникающих в результате ДТП
               (дорожно-транспортных происшествий), для решения наиболее сложных
@@ -57,55 +64,18 @@ function AutoTech() {
                 изменен.
               </li>
             </ul>
-
+          </section>
-            <CallbackForm pageName={PAGE_NAME} />
+          <CallbackForm pageName={PAGE_NAME} />
-
+          <Documents {...documentsData} />
-            <h3 className={s.Header}>Документы, необходимые для экспертизы:</h3>
+          <OrderSchema {...howToData} />
-            <p className={s.Text}>
+          <Connect {...connectData} />
-              Для начала работ по автомобильной экспертизе эксперту понадобятся
-              основные документы:
-            </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 />
-
-            <p className={s.Text}>
-              Экспертное заключение, полученный от компании «ДИ ТРАСО», будет
-              являться официальным документом, подтверждающим результат работы
-              эксперта. В нем будет содержаться вся полная информация..
-            </p>
-            <h3 className={s.Header}>
-              Как провести автотехническую экспертизу
-            </h3>
-            <p className={s.Text}>
-              Для того, чтобы заказать выполнение автотехнической экспертизы, вы
-              можете воспользоваться любым удобным способом.
-            </p>
-            <Connect />
-          </div>
-          <Sidebar {...sidebarData} />
         </div>
-      </section>
+        <Sidebar {...sidebarData} pageName={PAGE_NAME} />
+      </article>
 
       <Consultation {...expertData} pageName={PAGE_NAME} />
       <RelatedArticles related={relatedArticlesData} pageName={PAGE_NAME} />
-      <section className={s.Partners}>
+      <Partners />
-        <div className={s.Divider}>
-          <span className={s.Separator} />
-        </div>
-        <PartnersSlider />
-        <div className={s.Divider}>
-          <span className={s.Separator} />
-        </div>
-      </section>
     </>
   );
 }

src/views/expertise/buhgalter/index.ts

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

src/views/expertise/buhgalter/model/article.ts

@@ -0,0 +1,24 @@
+const documentsData = {
+  title: 'Цели экспертизы:',
+  description: '',
+  docs: [
+    'Исследование неправомерного использования денежных средств в организации, где ведется проверка;',
+    'Выявление несоответствий в порядке ведения бухгалтерского учета законодательству;',
+    'Выявление суммы недостачи, образовавшийся за определенный период, размера излишков товаров определенного наименования, неподтвержденного расхода денежных средств;',
+    'Расчет размера причиненного ущерба.',
+  ],
+};
+
+const howToData = {
+  title: 'Заказать экспертизу очень просто',
+  description:
+    'Экспертное заключение, полученный от компании «ДИ ТРАСО», будет являться официальным документом, подтверждающим результат работы эксперта. В нем будет содержаться вся полная информация..',
+};
+
+const connectData = {
+  title: 'Как провести бухгалтерскую экспертизу',
+  description:
+    'Для того, чтобы заказать выполнение бухгалтерской экспертизы, вы можете воспользоваться любым удобным способом.',
+};
+
+export { documentsData, howToData, connectData };

src/views/expertise/buhgalter/model/breadcrums.ts

@@ -0,0 +1,14 @@
+import { ROUTES } from '@shared/const/route';
+
+export const PAGE_NAME = 'Бухгалтерская экспертиза';
+
+export const breadcrumbData = [
+  {
+    name: 'Экспертиза',
+    path: ROUTES.EXPERTIZA,
+  },
+  {
+    name: PAGE_NAME,
+    path: '',
+  },
+];

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

@@ -0,0 +1,8 @@
+import { TExpert } from '@shared/types/expert';
+import expertPhoto from '@public/images/photo/kolodiy-aleksandr.png';
+
+export const expertData: TExpert = {
+  name: 'Колодий Александр',
+  position: 'Товароведческий эксперт, Компьютерно-технический эксперт',
+  photo: expertPhoto,
+};

src/views/expertise/buhgalter/model/related.ts

@@ -0,0 +1,29 @@
+import { TRelatedArticles } from '@shared/types/relatedArticles';
+import { ROUTES } from '@shared/const/route';
+
+export const relatedArticlesData: TRelatedArticles[] = [
+  {
+    title: 'Финансово-экономическая экспертиза',
+    description:
+      'Зачастую, бухгалтерская экспертиза является информационной основой для финансово-экономической экспертизы, по причине необходимости исследования одних и тех же объектов. Основная цель  – выявление фактов и обстоятельств…',
+    link: ROUTES.EXPERTIZA_FINANS,
+  },
+  {
+    title: 'Компьютерно-техническая экспертиза',
+    description:
+      'Проведение такого исследования может потребоваться, например, когда необходимо восстановить или расшифровать ту или иную информацию, установить, какие действия были совершены…',
+    link: ROUTES.EXPERTIZA_COPMPUTER,
+  },
+  {
+    title: 'Почерковедческая экспертиза',
+    description:
+      'Почерковедческая экспертиза, т.е. исследование рукописных текстов и подписей, широко используется в криминалистике. Она востребована в судебной практике, поскольку рукописный текст может фигурировать в деле в качестве доказательства…',
+    link: ROUTES.EXPERTIZA_POCHERK,
+  },
+  {
+    title: 'Рецензия (Проверка) экспертизы',
+    description:
+      'Необходимость в составлении рецензии на судебную экспертизу появляется в ситуациях, когда выводы заключения являются не обоснованными, а квалификация и опыт эксперта не вызывают доверия. В ходе рецензирования экспертное заключение проверяется…',
+    link: ROUTES.EXPERTIZA_RECENZII,
+  },
+];

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

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

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

@@ -0,0 +1,71 @@
+.Container {
+  margin: 0 auto;
+  max-width: rem(1540px);
+  display: grid;
+  grid-template-columns: auto;
+  gap: 0px;
+  padding: 0 10px;
+
+  @include iftablet {
+    grid-template-columns: auto;
+    padding: 0 20px;
+  }
+
+  @include iflaptop {
+    padding: 0 28px;
+    gap: 40px;
+    grid-template-columns: auto 300px;
+  }
+
+  @include ifdesktop {
+    grid-template-columns: auto 360px;
+    gap: 160px;
+    padding: 0 40px;
+  }
+}
+
+.Article {
+  display: flex;
+  flex-direction: column;
+  padding: rem(40px) 0;
+
+  .Section {
+    display: block;
+  }
+
+  .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/buhgalter/ui.tsx

@@ -0,0 +1,67 @@
+import s from './styles.module.scss';
+import { CallbackForm, Connect, OrderSchema } from '@/entities';
+import {
+  Consultation,
+  Documents,
+  Partners,
+  RelatedArticles,
+  Sidebar,
+} from '@/feature/article';
+import { Breadcrumbs } from '@/widgets';
+import { sidebarData } from './model/sidebar';
+import { relatedArticlesData } from './model/related';
+import { expertData } from './model/expert';
+import { breadcrumbData, PAGE_NAME } from './model/breadcrums';
+import { connectData, documentsData, howToData } from './model/article';
+
+function Buhgalter() {
+  return (
+    <>
+      <Breadcrumbs breadcrumbs={breadcrumbData} />
+      <article className={s.Container}>
+        <div className={s.Article}>
+          <section className={s.Section}>
+            <p className={s.Text}>
+              Необходимость в судебно-бухгалтерской экспертизе возникает в связи
+              с расследованием или судебным рассмотрением уголовных дел о
+              присвоениях или должностных преступлениях. По гражданским делам –
+              при возникновении потребности в анализе данных о
+              финансово-хозяйственных операциях, отраженных в бухгалтерском
+              учете. В процессе производства экспертиз подобного рода анализу
+              подлежит производственная и финансово-хозяйственная деятельность
+              предприятий самых различных форм собственности, в которых допущены
+              убытки, потери, бесхозяйственность, находит место присвоения
+              товарно-материальных ценностей и определяются суммы материальной
+              ответственности за причиненный материальный ущерб.
+            </p>
+            <p className={s.Text}>
+              Наши эксперты-бухгалтеры обладают соответствующей квалификацией,
+              что подтверждено специальной аттестацией. Кроме того, наряду со
+              знаниями бухучета, экономики и финансов, эксперты-бухгалтеры
+              обладают знаниями законодательства и процессуальных норм, в
+              частности.
+            </p>
+            <p className={s.Text}>
+              После проведения экспертизы клиент получает экспертное заключение,
+              содержащее информацию о применяемых способах, список поднятых
+              вопросов и заключения о найденных нарушениях. Экспертное
+              заключение может быть применено как аргументируемое доказательство
+              в судебных тяжбах.
+            </p>
+          </section>
+          <CallbackForm pageName={PAGE_NAME} />
+          <Documents {...documentsData} />
+          <OrderSchema {...howToData} />
+          <Connect {...connectData} />
+        </div>
+        <Sidebar {...sidebarData} pageName={PAGE_NAME} />
+      </article>
+
+      <Consultation {...expertData} pageName={PAGE_NAME} />
+      <RelatedArticles related={relatedArticlesData} pageName={PAGE_NAME} />
+      <Partners />
+    </>
+  );
+}
+
+export { Buhgalter };

src/views/expertise/computer/index.ts

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

src/views/expertise/computer/model/article.ts

@@ -0,0 +1,29 @@
+const documentsData = {
+  title: 'Цели экспертизы:',
+  description: '',
+  docs: [
+    'необходимость определения технических характеристик оборудования;',
+    'необходимость определения функционального предназначения;',
+    'необходимость определения наличия и происхождения дефектов;',
+    'необходимость определения времени и инструментов доступа к носителю информации;',
+    'необходимость определения содержания скрытой информации;',
+    'необходимость определения взаимосвязи неисправности с неправильной эксплуатацией;',
+    'необходимость определения вида носителя информации;',
+    'необходимость определения установок и протоколов соединения с Интернетом;',
+    'необходимость определения признаков контрафактного программного обеспечения.',
+  ],
+};
+
+const howToData = {
+  title: 'Заказать экспертизу очень просто',
+  description:
+    'Экспертное заключение, полученный от компании «ДИ ТРАСО», будет являться официальным документом, подтверждающим результат работы эксперта. В нем будет содержаться вся полная информация..',
+};
+
+const connectData = {
+  title: 'Как провести компьютерно-техническую экспертизу ',
+  description:
+    'Для того, чтобы заказать выполнение компьютерно-технической экспертизы, вы можете воспользоваться любым удобным способом.',
+};
+
+export { documentsData, howToData, connectData };

src/views/expertise/computer/model/breadcrums.ts

@@ -0,0 +1,14 @@
+import { ROUTES } from '@shared/const/route';
+
+export const PAGE_NAME = 'Компьютерно-техническая экспертиза';
+
+export const breadcrumbData = [
+  {
+    name: 'Экспертиза',
+    path: ROUTES.EXPERTIZA,
+  },
+  {
+    name: PAGE_NAME,
+    path: '',
+  },
+];

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

@@ -0,0 +1,8 @@
+import { TExpert } from '@shared/types/expert';
+import expertPhoto from '@public/images/photo/kolodiy-aleksandr.png';
+
+export const expertData: TExpert = {
+  name: 'Колодий Александр',
+  position: 'Товароведческий эксперт, Компьютерно-технический эксперт',
+  photo: expertPhoto,
+};

src/views/expertise/computer/model/related.ts

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

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

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

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

@@ -0,0 +1,71 @@
+.Container {
+  margin: 0 auto;
+  max-width: rem(1540px);
+  display: grid;
+  grid-template-columns: auto;
+  gap: 0px;
+  padding: 0 10px;
+
+  @include iftablet {
+    grid-template-columns: auto;
+    padding: 0 20px;
+  }
+
+  @include iflaptop {
+    padding: 0 28px;
+    gap: 40px;
+    grid-template-columns: auto 300px;
+  }
+
+  @include ifdesktop {
+    grid-template-columns: auto 360px;
+    gap: 160px;
+    padding: 0 40px;
+  }
+}
+
+.Article {
+  display: flex;
+  flex-direction: column;
+  padding: rem(40px) 0;
+
+  .Section {
+    display: block;
+  }
+
+  .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/computer/ui.tsx

@@ -0,0 +1,62 @@
+import s from './styles.module.scss';
+import { CallbackForm, Connect, OrderSchema } from '@/entities';
+import {
+  Consultation,
+  Documents,
+  Partners,
+  RelatedArticles,
+  Sidebar,
+} from '@/feature/article';
+import { Breadcrumbs } from '@/widgets';
+import { sidebarData } from './model/sidebar';
+import { relatedArticlesData } from './model/related';
+import { expertData } from './model/expert';
+import { breadcrumbData, PAGE_NAME } from './model/breadcrums';
+import { connectData, documentsData, howToData } from './model/article';
+
+function Computer() {
+  return (
+    <>
+      <Breadcrumbs breadcrumbs={breadcrumbData} />
+      <article className={s.Container}>
+        <div className={s.Article}>
+          <section className={s.Section}>
+            <p className={s.Text}>
+              Компьютерная экспертиза (которую в зависимости от объекта
+              исследования принято подразделять на аппаратно-компьютерную,
+              программно-компьютерную, информационно-компьютерную и
+              компьютерно-сетевую) имеет дело как с компьютерной техникой, так и
+              с программным обеспечением и базами данных.
+            </p>
+            <p className={s.Text}>
+              Проведение такого исследования может потребоваться, например,
+              когда необходимо восстановить или расшифровать ту или иную
+              информацию (в том числе, в рамках уголовного дела), установить,
+              какие действия были совершены с помощью конкретного устройства,
+              выявить факты использования «пиратского» ПО и в ряде других
+              ситуаций, связанных с компьютерной техникой и носителями
+              информации.
+            </p>
+            <p className={s.Text}>
+              Проведение экспертизы программных комплексов и программного
+              обеспечения может также потребоваться при наличии необходимости
+              рассчитать ущерб, понесенный в результате некорректной работы
+              компьютерной техники.
+            </p>
+          </section>
+          <CallbackForm pageName={PAGE_NAME} />
+          <Documents {...documentsData} />
+          <OrderSchema {...howToData} />
+          <Connect {...connectData} />
+        </div>
+        <Sidebar {...sidebarData} pageName={PAGE_NAME} />
+      </article>
+
+      <Consultation {...expertData} pageName={PAGE_NAME} />
+      <RelatedArticles related={relatedArticlesData} pageName={PAGE_NAME} />
+      <Partners />
+    </>
+  );
+}
+
+export { Computer };

src/views/expertise/document/index.ts

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

src/views/expertise/document/model/article.ts

@@ -0,0 +1,22 @@
+const documentsData = {
+  title: 'Документы, необходимые для экспертизы',
+  description: '',
+  docs: [
+    'документы экспертизу, которых необходимо провести',
+    'паспортные данные заказчика;',
+  ],
+};
+
+const howToData = {
+  title: 'Заказать экспертизу очень просто',
+  description:
+    'Экспертное заключение, полученный от компании «ДИ ТРАСО», будет являться официальным документом, подтверждающим результат работы эксперта. В нем будет содержаться вся полная информация..',
+};
+
+const connectData = {
+  title: 'Как провести экспертизу документов',
+  description:
+    'Для того, чтобы заказать выполнение экспертизы документов, вы можете воспользоваться любым удобным способом.',
+};
+
+export { documentsData, howToData, connectData };

src/views/expertise/document/model/breadcrums.ts

@@ -0,0 +1,14 @@
+import { ROUTES } from '@shared/const/route';
+
+export const PAGE_NAME = 'Экспертиза документов';
+
+export const breadcrumbData = [
+  {
+    name: 'Экспертиза',
+    path: ROUTES.EXPERTIZA,
+  },
+  {
+    name: PAGE_NAME,
+    path: '',
+  },
+];

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

@@ -0,0 +1,8 @@
+import { TExpert } from '@shared/types/expert';
+import expertPhoto from '@public/images/photo/mikova-inna.png';
+
+export const expertData: TExpert = {
+  name: 'Микова Инна',
+  position: 'Технический эксперт, Судебный эксперт',
+  photo: expertPhoto,
+};

src/views/expertise/document/model/related.ts

@@ -0,0 +1,29 @@
+import { TRelatedArticles } from '@shared/types/relatedArticles';
+import { ROUTES } from '@shared/const/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/document/model/sidebar.ts

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

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

@@ -0,0 +1,71 @@
+.Container {
+  margin: 0 auto;
+  max-width: rem(1540px);
+  display: grid;
+  grid-template-columns: auto;
+  gap: 0px;
+  padding: 0 10px;
+
+  @include iftablet {
+    grid-template-columns: auto;
+    padding: 0 20px;
+  }
+
+  @include iflaptop {
+    padding: 0 28px;
+    gap: 40px;
+    grid-template-columns: auto 300px;
+  }
+
+  @include ifdesktop {
+    grid-template-columns: auto 360px;
+    gap: 160px;
+    padding: 0 40px;
+  }
+}
+
+.Article {
+  display: flex;
+  flex-direction: column;
+  padding: rem(40px) 0;
+
+  .Section {
+    display: block;
+  }
+
+  .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/document/ui.tsx

@@ -0,0 +1,57 @@
+import s from './styles.module.scss';
+import { CallbackForm, Connect, OrderSchema } from '@/entities';
+import {
+  Consultation,
+  Documents,
+  Partners,
+  RelatedArticles,
+  Sidebar,
+} from '@/feature/article';
+import { Breadcrumbs } from '@/widgets';
+import { sidebarData } from './model/sidebar';
+import { relatedArticlesData } from './model/related';
+import { expertData } from './model/expert';
+import { breadcrumbData, PAGE_NAME } from './model/breadcrums';
+import { connectData, documentsData, howToData } from './model/article';
+
+function Document() {
+  return (
+    <>
+      <Breadcrumbs breadcrumbs={breadcrumbData} />
+      <article className={s.Container}>
+        <div className={s.Article}>
+          <section className={s.Section}>
+            <p className={s.Text}>
+              Если возникают сомнения в подлинности документа, например,
+              завещания или долговой расписки, если Вы не уверены в
+              достоверности реквизитов или подписи на договоре, то Вы вправе
+              обратиться за технической экспертизой документа. Необходимость в
+              такой экспертизе может возникнуть как у рядовых граждан, так и у
+              разного рода специалистов: юристов, сотрудников банков, работников
+              таможни, нотариусов, арбитражных управляющих.
+            </p>
+            <p className={s.Text}>
+              Технико-криминалистическая экспертиза документов (ТКЭД)
+              производится в целях установления способа изготовления документа,
+              определения использованных при этом технических средств и
+              материалов; установления факта внесения в документ каких-либо
+              изменений; восстановления содержания измененных и поврежденных
+              документов.
+            </p>
+          </section>
+          <CallbackForm pageName={PAGE_NAME} />
+          <Documents {...documentsData} />
+          <OrderSchema {...howToData} />
+          <Connect {...connectData} />
+        </div>
+        <Sidebar {...sidebarData} pageName={PAGE_NAME} />
+      </article>
+
+      <Consultation {...expertData} pageName={PAGE_NAME} />
+      <RelatedArticles related={relatedArticlesData} pageName={PAGE_NAME} />
+      <Partners />
+    </>
+  );
+}
+
+export { Document };

src/views/expertise/finans/index.ts

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

src/views/expertise/finans/model/article.ts

@@ -0,0 +1,25 @@
+const documentsData = {
+  title: 'Цели экспертизы:',
+  description: '',
+  docs: [
+    'Первичные учетные документы, отражающие факт осуществления хозяйственной операции;',
+    'Иные первичные документы, раскрывающие содержание хозяйственных операций, например, договоры и деловая переписка между хозяйствующими субъектами;',
+    'Учетные регистры, содержащие агрегированную и систематизированную информацию о совокупности однородных хозяйственных операций за определенный период времени;',
+    'Бухгалтерская отчетность хозяйствующего субъекта, содержащая сведения о состоянии имущества и обязательств на отчетную дату, совокупности совершенных за отчетный период хозяйственных операций. Используется, когда в задачу эксперта входит анализ динамики какого-либо финансового показателя/группы показателей, установление соответствия порядка формирования строк отчетности, требованиям законодательства;',
+    'Иные материалы уголовного, арбитражного, гражданского дела.',
+  ],
+};
+
+const howToData = {
+  title: 'Заказать экспертизу очень просто',
+  description:
+    'Экспертное заключение, полученный от компании «ДИ ТРАСО», будет являться официальным документом, подтверждающим результат работы эксперта. В нем будет содержаться вся полная информация..',
+};
+
+const connectData = {
+  title: 'Как провести финансово-экономическую экспертизу ',
+  description:
+    'Для того, чтобы заказать выполнение финансово-экономической экспертизы, вы можете воспользоваться любым удобным способом.',
+};
+
+export { documentsData, howToData, connectData };

src/views/expertise/finans/model/breadcrums.ts

@@ -0,0 +1,14 @@
+import { ROUTES } from '@shared/const/route';
+
+export const PAGE_NAME = 'Финансово-экономическая экспертиза';
+
+export const breadcrumbData = [
+  {
+    name: 'Экспертиза',
+    path: ROUTES.EXPERTIZA,
+  },
+  {
+    name: PAGE_NAME,
+    path: '',
+  },
+];

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

@@ -0,0 +1,8 @@
+import { TExpert } from '@shared/types/expert';
+import expertPhoto from '@public/images/photo/kolodiy-aleksandr.png';
+
+export const expertData: TExpert = {
+  name: 'Колодий Александр',
+  position: 'Товароведческий эксперт, Компьютерно-технический эксперт',
+  photo: expertPhoto,
+};

src/views/expertise/finans/model/related.ts

@@ -0,0 +1,29 @@
+import { TRelatedArticles } from '@shared/types/relatedArticles';
+import { ROUTES } from '@shared/const/route';
+
+export const relatedArticlesData: TRelatedArticles[] = [
+  {
+    title: 'Бухгалтерская экспертиза',
+    description:
+      'Необходимость в судебно-бухгалтерской экспертизе возникает в связи с расследованием или судебным рассмотрением уголовных дел о присвоениях или должностных преступлениях…',
+    link: ROUTES.EXPERTIZA_BUHGALTER,
+  },
+  {
+    title: 'Финансово-экономическая экспертиза',
+    description:
+      'Зачастую, бухгалтерская экспертиза является информационной основой для финансово-экономической экспертизы, по причине необходимости исследования одних и тех же объектов. Основная цель  – выявление фактов и обстоятельств…',
+    link: ROUTES.EXPERTIZA_FINANS,
+  },
+  {
+    title: 'Документарная экспертиза',
+    description:
+      'Если возникают сомнения в подлинности документа, например, завещания или долговой расписки, если Вы не уверены в достоверности реквизитов или подписи на договоре, то Вы вправе обратиться за технической экспертизой документа…',
+    link: ROUTES.EXPERTIZA_DOCUMENT,
+  },
+  {
+    title: 'Оценочная экспертиза',
+    description:
+      'Судебная оценочная (стоимостная) экспертиза представляет собой вид экспертизы, главной задачей которой является определение рыночной стоимости  объектов оценки…',
+    link: ROUTES.EXPERTIZA_OCENKI,
+  },
+];

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

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

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

@@ -0,0 +1,71 @@
+.Container {
+  margin: 0 auto;
+  max-width: rem(1540px);
+  display: grid;
+  grid-template-columns: auto;
+  gap: 0px;
+  padding: 0 10px;
+
+  @include iftablet {
+    grid-template-columns: auto;
+    padding: 0 20px;
+  }
+
+  @include iflaptop {
+    padding: 0 28px;
+    gap: 40px;
+    grid-template-columns: auto 300px;
+  }
+
+  @include ifdesktop {
+    grid-template-columns: auto 360px;
+    gap: 160px;
+    padding: 0 40px;
+  }
+}
+
+.Article {
+  display: flex;
+  flex-direction: column;
+  padding: rem(40px) 0;
+
+  .Section {
+    display: block;
+  }
+
+  .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/finans/ui.tsx

@@ -0,0 +1,70 @@
+import s from './styles.module.scss';
+import { CallbackForm, Connect, OrderSchema } from '@/entities';
+import {
+  Consultation,
+  Documents,
+  Partners,
+  RelatedArticles,
+  Sidebar,
+} from '@/feature/article';
+import { Breadcrumbs } from '@/widgets';
+import { sidebarData } from './model/sidebar';
+import { relatedArticlesData } from './model/related';
+import { expertData } from './model/expert';
+import { breadcrumbData, PAGE_NAME } from './model/breadcrums';
+import { connectData, documentsData, howToData } from './model/article';
+
+function Finans() {
+  return (
+    <>
+      <Breadcrumbs breadcrumbs={breadcrumbData} />
+      <article className={s.Container}>
+        <div className={s.Article}>
+          <section className={s.Section}>
+            <p className={s.Text}>
+              Основная цель решения задач, стоящих при производстве
+              экономической экспертизы – выявление фактов и обстоятельств
+              искажения экономической информации.
+            </p>
+            <p className={s.Text}>
+              Экономическая экспертиза – класс экспертных исследований, который
+              подразделяется на такие основные виды, как финансово-экономическая
+              и бухгалтерская экспертиза, объединенные спецификой предмета,
+              задач, объектов и методов экспертного исследования.
+            </p>
+            <p className={s.Text}>
+              Зачастую, бухгалтерская экспертиза является информационной основой
+              для финансово-экономической экспертизы, по причине необходимости
+              исследования одних и тех же объектов.
+            </p>
+            <p className={s.Text}>
+              При производстве экспертных исследований применяются специальные
+              знания из области права, экономики (бухгалтерского учета,
+              кредитования, банковской деятельности, финансового анализа, о
+              налогах и налогообложении и др.) и экспертной деятельности.
+            </p>
+            <p className={s.Text}>
+              Предмет экономической экспертизы – хозяйственная деятельность
+              хозяйствующего субъекта, в том числе финансовые операции и
+              показатели, процесс их формирования и отражения в учете. Предмет
+              каждого отдельного экспертного исследования – конкретные
+              операции/факты, выявленные/установленные, требующие экономической
+              и стоимостной оценки.
+            </p>
+          </section>
+          <CallbackForm pageName={PAGE_NAME} />
+          <Documents {...documentsData} />
+          <OrderSchema {...howToData} />
+          <Connect {...connectData} />
+        </div>
+        <Sidebar {...sidebarData} pageName={PAGE_NAME} />
+      </article>
+
+      <Consultation {...expertData} pageName={PAGE_NAME} />
+      <RelatedArticles related={relatedArticlesData} pageName={PAGE_NAME} />
+      <Partners />
+    </>
+  );
+}
+
+export { Finans };

src/views/expertise/kadastr/index.ts

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

src/views/expertise/kadastr/model/article.ts

@@ -0,0 +1,27 @@
+const documentsData = {
+  title: 'Цели экспертизы:',
+  description: '',
+  docs: [
+    'при наличии территориальных споров между владельцами соседствующих земель;',
+    'при определении права пользования земельного участка собственниками;',
+    'при разделе земли (земельных участков) между несколькими собственниками;',
+    'при необходимости определить правомерность, законность возведения построек на участке или существующих объектов (комплексная землеустроительная строительно-техническая экспертиза);',
+    'исследование земли (земельного участка) на предмет нарушения каких-либо правовых норм из области землеустройства;',
+    'при наложении границ смежных участков друг на друга;',
+    'при необходимости определить точные географические координаты участка.',
+  ],
+};
+
+const howToData = {
+  title: 'Заказать экспертизу очень просто',
+  description:
+    'Экспертное заключение, полученный от компании «ДИ ТРАСО», будет являться официальным документом, подтверждающим результат работы эксперта. В нем будет содержаться вся полная информация..',
+};
+
+const connectData = {
+  title: 'Как провести кадастровую экспертизу',
+  description:
+    'Для того, чтобы заказать выполнение кадастровой экспертизы, вы можете воспользоваться любым удобным способом.',
+};
+
+export { documentsData, howToData, connectData };

src/views/expertise/kadastr/model/breadcrums.ts

@@ -0,0 +1,14 @@
+import { ROUTES } from '@shared/const/route';
+
+export const PAGE_NAME = 'Кадастровая экспертиза';
+
+export const breadcrumbData = [
+  {
+    name: 'Экспертиза',
+    path: ROUTES.EXPERTIZA,
+  },
+  {
+    name: PAGE_NAME,
+    path: '',
+  },
+];

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

@@ -0,0 +1,8 @@
+import { TExpert } from '@shared/types/expert';
+import expertPhoto from '@public/images/photo/tlif-olga.png';
+
+export const expertData: TExpert = {
+  name: 'Тлиф Ольга',
+  position: 'Кадастровый инженер',
+  photo: expertPhoto,
+};

src/views/expertise/kadastr/model/related.ts

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

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

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

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

@@ -0,0 +1,71 @@
+.Container {
+  margin: 0 auto;
+  max-width: rem(1540px);
+  display: grid;
+  grid-template-columns: auto;
+  gap: 0px;
+  padding: 0 10px;
+
+  @include iftablet {
+    grid-template-columns: auto;
+    padding: 0 20px;
+  }
+
+  @include iflaptop {
+    padding: 0 28px;
+    gap: 40px;
+    grid-template-columns: auto 300px;
+  }
+
+  @include ifdesktop {
+    grid-template-columns: auto 360px;
+    gap: 160px;
+    padding: 0 40px;
+  }
+}
+
+.Article {
+  display: flex;
+  flex-direction: column;
+  padding: rem(40px) 0;
+
+  .Section {
+    display: block;
+  }
+
+  .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/kadastr/ui.tsx

@@ -0,0 +1,62 @@
+import s from './styles.module.scss';
+import { CallbackForm, Connect, OrderSchema } from '@/entities';
+import {
+  Consultation,
+  Documents,
+  Partners,
+  RelatedArticles,
+  Sidebar,
+} from '@/feature/article';
+import { Breadcrumbs } from '@/widgets';
+import { sidebarData } from './model/sidebar';
+import { relatedArticlesData } from './model/related';
+import { expertData } from './model/expert';
+import { breadcrumbData, PAGE_NAME } from './model/breadcrums';
+import { connectData, documentsData, howToData } from './model/article';
+
+function Kadastr() {
+  return (
+    <>
+      <Breadcrumbs breadcrumbs={breadcrumbData} />
+      <article className={s.Container}>
+        <div className={s.Article}>
+          <section className={s.Section}>
+            <p className={s.Text}>
+              Кадастровая экспертиза выполняется в целях определения
+              характеристик земельных участков, таких как: фактическая площадь,
+              точное расположение и др.
+            </p>
+            <p className={s.Text}>
+              Все процессы, которые проводятся в рамках экспертизы, обусловлены
+              необходимостью определения фактических границ земельного участка,
+              установления возможности разделения земельного участка на
+              несколько и определением их границ.
+            </p>
+            <p className={s.Text}>
+              Внесудебное исследование проводится по инициативе
+              землепользователей, собственников и арендаторов участков, иных
+              заинтересованных лиц. Также судебная кадастровая экспертиза может
+              быть назначена по ходатайству одной из сторон, участвующих в
+              рассмотрении дела. Исследование может быть проведено на любой
+              стадии процесса, но до вынесения решения по конкретному
+              разбирательству. Если суд удовлетворяет ходатайство, то копию
+              постановления необходимо направить в компанию, которая и будет
+              проводить экспертное исследование.
+            </p>
+          </section>
+          <CallbackForm pageName={PAGE_NAME} />
+          <Documents {...documentsData} />
+          <OrderSchema {...howToData} />
+          <Connect {...connectData} />
+        </div>
+        <Sidebar {...sidebarData} pageName={PAGE_NAME} />
+      </article>
+
+      <Consultation {...expertData} pageName={PAGE_NAME} />
+      <RelatedArticles related={relatedArticlesData} pageName={PAGE_NAME} />
+      <Partners />
+    </>
+  );
+}
+
+export { Kadastr };

src/views/expertise/pocherk/index.ts

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

src/views/expertise/pocherk/model/article.ts

@@ -0,0 +1,24 @@
+const documentsData = {
+  title: 'Цели экспертизы:',
+  description:
+    'В качестве объекта судебно-почерковедческой экспертизы могут выступать как тексты большого объема, так и краткие записи, подписи, а также их копии.',
+  docs: [
+    'узнать, КТО написал текст или выполнил подпись;',
+    'выявить ЦЕЛЬ подделки почерка (например, подражание чужому почерку или искажение собственного);',
+    'решить диагностические задачи — определить ПОЛ, ВОЗРАСТ и СОСТОЯНИЕ человека, написавшего текст.',
+  ],
+};
+
+const howToData = {
+  title: 'Заказать экспертизу очень просто',
+  description:
+    'Экспертное заключение, полученный от компании «ДИ ТРАСО», будет являться официальным документом, подтверждающим результат работы эксперта. В нем будет содержаться вся полная информация..',
+};
+
+const connectData = {
+  title: 'Как провести почерковедческую экспертизу',
+  description:
+    'Для того, чтобы заказать выполнение почерковедческой экспертизы, вы можете воспользоваться любым удобным способом.',
+};
+
+export { documentsData, howToData, connectData };

src/views/expertise/pocherk/model/breadcrums.ts

@@ -0,0 +1,14 @@
+import { ROUTES } from '@shared/const/route';
+
+export const PAGE_NAME = 'Почерковедческая экспертиза';
+
+export const breadcrumbData = [
+  {
+    name: 'Экспертиза',
+    path: ROUTES.EXPERTIZA,
+  },
+  {
+    name: PAGE_NAME,
+    path: '',
+  },
+];

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

@@ -0,0 +1,8 @@
+import { TExpert } from '@shared/types/expert';
+import expertPhoto from '@public/images/photo/mikova-inna.png';
+
+export const expertData: TExpert = {
+  name: 'Микова Инна',
+  position: 'Технический эксперт, Судебный эксперт',
+  photo: expertPhoto,
+};

src/views/expertise/pocherk/model/related.ts

@@ -0,0 +1,29 @@
+import { TRelatedArticles } from '@shared/types/relatedArticles';
+import { ROUTES } from '@shared/const/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/pocherk/model/sidebar.ts

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

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

@@ -0,0 +1,71 @@
+.Container {
+  margin: 0 auto;
+  max-width: rem(1540px);
+  display: grid;
+  grid-template-columns: auto;
+  gap: 0px;
+  padding: 0 10px;
+
+  @include iftablet {
+    grid-template-columns: auto;
+    padding: 0 20px;
+  }
+
+  @include iflaptop {
+    padding: 0 28px;
+    gap: 40px;
+    grid-template-columns: auto 300px;
+  }
+
+  @include ifdesktop {
+    grid-template-columns: auto 360px;
+    gap: 160px;
+    padding: 0 40px;
+  }
+}
+
+.Article {
+  display: flex;
+  flex-direction: column;
+  padding: rem(40px) 0;
+
+  .Section {
+    display: block;
+  }
+
+  .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/pocherk/ui.tsx

@@ -0,0 +1,91 @@
+import s from './styles.module.scss';
+import { CallbackForm, Connect, OrderSchema } from '@/entities';
+import {
+  Consultation,
+  Documents,
+  Partners,
+  RelatedArticles,
+  Sidebar,
+} from '@/feature/article';
+import { Breadcrumbs } from '@/widgets';
+import { sidebarData } from './model/sidebar';
+import { relatedArticlesData } from './model/related';
+import { expertData } from './model/expert';
+import { breadcrumbData, PAGE_NAME } from './model/breadcrums';
+import { connectData, documentsData, howToData } from './model/article';
+
+function Pocherk() {
+  return (
+    <>
+      <Breadcrumbs breadcrumbs={breadcrumbData} />
+      <article className={s.Container}>
+        <div className={s.Article}>
+          <section className={s.Section}>
+            <p className={s.Text}>
+              Почерковедческая экспертиза, т.е. исследование рукописных текстов
+              и подписей, широко используется в криминалистике. Она востребована
+              в судебной практике, поскольку рукописный текст может фигурировать
+              в деле в качестве доказательства. В этом случае заказчики
+              экспертизы — юристы, арбитражные управляющие, работники суда,
+              нотариусы. Кроме того, в качестве инициаторов экспертизы могут
+              выступать физические лица, ставшие жертвами мошенничества.
+            </p>
+            <p className={s.Text}>
+              Фальсификация подписи в договоре купли-продажи, финансовом
+              документе или принуждение к заключению сделки, оформлению
+              дарственной – все это может выявить анализ почерка. Можно не
+              только определить конкретного исполнителя, но и его состояние в
+              момент подписания бумаг (нервозность, стресс, алкогольное
+              опьянение и т. п.).
+            </p>
+            <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>
+            </ul>
+            <p className={s.Text}>
+              Почерк в криминалистике зачастую может служить аналогом отпечатков
+              пальцев. При этом эксперт может сличить его даже при проявлении у
+              человека различных неврологических заболеваний, ухудшения зрения
+              или при воздействии внешних негативных факторов. Специалист
+              распознает и намеренное искажение почерка при достаточном
+              количестве образцов. Лучше, когда они написаны приблизительно в те
+              же даты, что и эталон (судебная улика).
+            </p>
+            <p className={s.Text}>
+              Специалисту дополнительно, кроме образцов, понадобятся также
+              постановление суда и адвокатский запрос.
+            </p>
+          </section>
+          <CallbackForm pageName={PAGE_NAME} />
+          <Documents {...documentsData} />
+          <OrderSchema {...howToData} />
+          <Connect {...connectData} />
+        </div>
+        <Sidebar {...sidebarData} pageName={PAGE_NAME} />
+      </article>
+
+      <Consultation {...expertData} pageName={PAGE_NAME} />
+      <RelatedArticles related={relatedArticlesData} pageName={PAGE_NAME} />
+      <Partners />
+    </>
+  );
+}
+
+export { Pocherk };

src/views/expertise/pozhar/index.ts

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

src/views/expertise/pozhar/model/article.ts

@@ -0,0 +1,26 @@
+const documentsData = {
+  title: 'Для проведения экспертизы требуются следующие документы:',
+  description: '',
+  docs: [
+    'акт о случившемся пожаре, который выдает пожарная служба;',
+    'поэтажный план здания;',
+    'проектная документация (строительно-техническая);',
+    'проект сетей слаботочных и электрических силовых, а также акты проведения монтажных работ;',
+    'схема и проект пожарной системы сигнализации, а также противопожарной системы (полное описание с техническими выкладками).',
+    'другие виды технической документации, которые могут прояснить ситуацию.',
+  ],
+};
+
+const howToData = {
+  title: 'Заказать экспертизу очень просто',
+  description:
+    'Экспертное заключение, полученный от компании «ДИ ТРАСО», будет являться официальным документом, подтверждающим результат работы эксперта. В нем будет содержаться вся полная информация..',
+};
+
+const connectData = {
+  title: 'Как провести пожарно-техническую экспертизу',
+  description:
+    'Для того, чтобы заказать выполнение пожарно-технической экспертизы, вы можете воспользоваться любым удобным способом.',
+};
+
+export { documentsData, howToData, connectData };

src/views/expertise/pozhar/model/breadcrums.ts

@@ -0,0 +1,14 @@
+import { ROUTES } from '@shared/const/route';
+
+export const PAGE_NAME = 'Пожарно-техническая экспертиза';
+
+export const breadcrumbData = [
+  {
+    name: 'Экспертиза',
+    path: ROUTES.EXPERTIZA,
+  },
+  {
+    name: PAGE_NAME,
+    path: '',
+  },
+];

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

@@ -0,0 +1,8 @@
+import { TExpert } from '@shared/types/expert';
+import expertPhoto from '@public/images/photo/empty-photo.jpg';
+
+export const expertData: TExpert = {
+  name: 'Иван Иванов',
+  position: 'Эксперт',
+  photo: expertPhoto,
+};

src/views/expertise/pozhar/model/related.ts

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

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

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

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

@@ -0,0 +1,71 @@
+.Container {
+  margin: 0 auto;
+  max-width: rem(1540px);
+  display: grid;
+  grid-template-columns: auto;
+  gap: 0px;
+  padding: 0 10px;
+
+  @include iftablet {
+    grid-template-columns: auto;
+    padding: 0 20px;
+  }
+
+  @include iflaptop {
+    padding: 0 28px;
+    gap: 40px;
+    grid-template-columns: auto 300px;
+  }
+
+  @include ifdesktop {
+    grid-template-columns: auto 360px;
+    gap: 160px;
+    padding: 0 40px;
+  }
+}
+
+.Article {
+  display: flex;
+  flex-direction: column;
+  padding: rem(40px) 0;
+
+  .Section {
+    display: block;
+  }
+
+  .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/pozhar/ui.tsx

@@ -0,0 +1,87 @@
+import s from './styles.module.scss';
+import { CallbackForm, Connect, OrderSchema } from '@/entities';
+import {
+  Consultation,
+  Documents,
+  Partners,
+  RelatedArticles,
+  Sidebar,
+} from '@/feature/article';
+import { Breadcrumbs } from '@/widgets';
+import { sidebarData } from './model/sidebar';
+import { relatedArticlesData } from './model/related';
+import { expertData } from './model/expert';
+import { breadcrumbData, PAGE_NAME } from './model/breadcrums';
+import { connectData, documentsData, howToData } from './model/article';
+
+function Pozhar() {
+  return (
+    <>
+      <Breadcrumbs breadcrumbs={breadcrumbData} />
+      <article className={s.Container}>
+        <div className={s.Article}>
+          <section className={s.Section}>
+            <p className={s.Text}>
+              Пожарно-техническая экспертиза может понадобиться для частного
+              расследования, следствия и суда. Проведение исследования
+              подразумевает использование в работе обгоревших предметов быта,
+              частей строений, механизмов и любых других вещей с места
+              происшествия. Главная задача такого исследования – установление
+              всех условий, которые связаны с возникновением возгорания,
+              определение личности человека, совершившего преступные действия.
+              Заключение экспертов дает возможность применить уголовное
+              наказание к виновнику пожара и пострадавшим получить компенсацию
+              через страховую компанию или в частном порядке по постановлению
+              суда.
+            </p>
+            <p className={s.Text}>
+              Проведение пожарно-технической экспертизы – сложный процесс,
+              особенно в тех случаях, когда объект или помещение полностью
+              уничтожены огнём. Следователи теряются, ведь улик нет, они
+              сгорели, поэтому и обращаются к специалистам, сталкивающимся с
+              подобной криминалистической задачей в своей каждодневной практике.
+            </p>
+            <p className={s.Text}>
+              Процедура проведения пожарной технической экспертизы включает в
+              себя зачастую не только технические, технологические и
+              электротехнические исследования, но и психиатрические,
+              биологические и судебно-медицинские. Наличие горюче-смазочных
+              материалов, возраст древесины, если она участвовала в пожаре,
+              глубина прогара и прочее – всё это входит в методы проведения
+              пожарно-технической экспертизы.
+            </p>
+            <p className={s.Text}>
+              Прежде чем приступить к исследованию, эксперты обязательно
+              запросят всю информацию и документы на объект недвижимости,
+              подвергшийся воздействию огня.
+            </p>
+            <h3 className={s.Header}>Цели экспертизы:</h3>
+            <ul className={s.List}>
+              <li className={s.ListItem}>
+                установление очага пожара и особенностей его развития;
+              </li>
+              <li className={s.ListItem}>
+                установление непосредственной (технической) причины пожара;
+              </li>
+              <li className={s.ListItem}>
+                установление условий и обстоятельств, способствовавших
+                возникновению и развитию пожара.
+              </li>
+            </ul>
+          </section>
+          <CallbackForm pageName={PAGE_NAME} />
+          <Documents {...documentsData} />
+          <OrderSchema {...howToData} />
+          <Connect {...connectData} />
+        </div>
+        <Sidebar {...sidebarData} pageName={PAGE_NAME} />
+      </article>
+
+      <Consultation {...expertData} pageName={PAGE_NAME} disableExpert />
+      <RelatedArticles related={relatedArticlesData} pageName={PAGE_NAME} />
+      <Partners />
+    </>
+  );
+}
+
+export { Pozhar };

src/views/expertise/recenzii/index.ts

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

src/views/expertise/recenzii/model/article.ts

@@ -0,0 +1,26 @@
+const documentsData = {
+  title: 'Цели экспертизы:',
+  description: '',
+  docs: [
+    'Вам необходимо перепроверить выводы экспертизы;',
+    'Вы хотите, чтобы суд назначил повторную экспертизу;',
+    'Экспертиза имеет противоречия и неточности;',
+    'Выводы экспертного заключения не в полной мере отвечают на поставленные судом вопросы;',
+    'Заключение имеет нарушения в области действующего законодательства;',
+    'Выводы экспертизы противоречат вашей позиции, и Вы хотите убрать экспертизу из числа доказательств.',
+  ],
+};
+
+const howToData = {
+  title: 'Заказать экспертизу очень просто',
+  description:
+    'Экспертное заключение, полученный от компании «ДИ ТРАСО», будет являться официальным документом, подтверждающим результат работы эксперта. В нем будет содержаться вся полная информация..',
+};
+
+const connectData = {
+  title: 'Как провести рецензирование и проверку экспертизы',
+  description:
+    'Для того, чтобы заказать выполнение рецензирования экспертизы, вы можете воспользоваться любым удобным способом.',
+};
+
+export { documentsData, howToData, connectData };