fix: update footer

src/views/home/ui/footer/footer.module.scss

@@ -39,6 +39,29 @@
   @include ifdesktop {
     width: rem(1340px);
   }
+
+  .Picture {
+    display: none;
+    position: absolute;
+    top: 0;
+    height: auto;
+
+    @include iftablet{
+      display: block;
+      right: rem(40px);
+      width: rem(130px);
+    }
+
+    @include iflaptop{
+      right: rem(80px);
+      width: rem(150px);
+    }
+
+    @include ifdesktop{
+      right: rem(160px);
+      width: rem(180px);
+    }
+  }
 }
 
 .Bottom {

src/views/home/ui/footer/footer.tsx

@@ -2,12 +2,16 @@ import s from './footer.module.scss';
 import { Button } from '@shared/ui';
 import { FooterForm } from '@/widgets';
 import Link from 'next/link';
+import Image from 'next/image';
+
+import man from '@public/images/footer-man.png';
 
 export default function Footer() {
   return (
     <section className={s.Container}>
       <div className={s.Footer}>
         <FooterForm />
+        <Image className={s.Picture} src={man} alt='' quality={100} />
 
         <div className={s.Bottom}>
           <a

src/views/home/ui/main/main.module.scss

@@ -41,6 +41,59 @@
 
   .Logo {
     color: $color-white;
+    display: flex;
+    flex-direction: row;
+
+    img {
+      width: rem(64px);
+      height: rem(64px);
+    }
+
+    .Block {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      margin-left: rem(16px);
+    }
+
+    .Title {
+      font-family: $font-open-sans;
+      font-weight: $font-semi-bold;
+      font-size: rem(26px);
+      line-height: 100%;
+      color: $color-white;
+      text-transform: uppercase;
+      border-bottom: 1px solid $color-white;
+      padding-bottom: rem(6px);
+      margin-bottom: rem(6px);
+      width: fit-content;
+
+      @include iftablet{
+        font-size: rem(28px);
+      }
+
+      @include ifdesktop{
+        font-size: rem(32px);
+      }
+    }
+
+    .Subtitle {
+      font-family: $font-open-sans;
+      font-weight: $font-light;
+      font-size: rem(11px);
+      line-height: 100%;
+      color: $color-white;
+      text-transform: uppercase;
+
+      @include iftablet{
+        font-size: rem(12px);
+      }
+
+      @include ifdesktop{
+        font-size: rem(14px);
+      }
+    }
+
   }
 
   .Buttons {
@@ -102,7 +155,7 @@
   padding: rem(64px) 0 rem(160px);
   gap: rem(100px);
 
-    @include iftablet {
+  @include iftablet {
     flex-direction: row;
     gap: unset;
     padding: rem(130px) 0 rem(160px);

src/views/home/ui/main/main.tsx

@@ -5,6 +5,7 @@ import { ConsultationOrder } from '@/entities/home/ConsultationOrder';
 import Image from 'next/image';
 
 import bgStart from '@public/images/bg-start-desktop.jpg';
+import logo from '@public/images/dtr-logo.png';
 import waIcon from '@public/svg/whatsapp.svg';
 import emailIcon from '@public/svg/email-icon.svg';
 import callBtn from '@public/svg/phone-calling.svg';
@@ -24,7 +25,14 @@ export default function Main() {
         />
       </div>
       <div className={s.Header}>
-        <div className={s.Logo}>Пожарная экспертиза</div>
+        <div className={s.Logo}>
+          <Image className={s.Image} src={logo} alt='ДиТрасо' />
+          <div className={s.Block}>
+            <p className={s.Title}>ДИ ТРАСО</p>
+            <p className={s.Subtitle}>Пожарная экспертиза</p>
+          </div>
+        </div>
+
         <div className={s.Buttons}>
           <a
             href='mailto: spo-71@yandex.ru'

src/widgets/footer-form/ui.tsx

@@ -7,6 +7,8 @@ import { Controller, useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { z } from 'zod';
 
+import man from '@public/images/footer-man.png';
+
 const FormSchema = z.object({
   name: z.string().min(3),
   phone: z.string(),