fix: add width container

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

@@ -1,49 +1,57 @@
 .Footer {
+  position: relative;
   background-color: #1B1B25;
-  padding: rem(80px) rem(160px);
+  padding: rem(120px) 0 rem(40px);
+  margin-top: rem(-24px);
+  z-index: -1;
+}
+
+.InnerContainer {
+  margin: 0 auto;
+  width: rem(1340px);
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: flex-start;
   gap: rem(20px);
+}
 
-  .Block {
-    display: flex;
-    flex-direction: column;
-    gap: rem(20px);
-    max-width: 40vw;
-  }
+.Block {
+  display: flex;
+  flex-direction: column;
+  gap: rem(20px);
+  max-width: 40vw;
+}
 
-  .SendBtn {
-    align-self: flex-end;
-    max-width: 33%;
-  }
+.SendBtn {
+  align-self: flex-end;
+  max-width: 33%;
+}
 
-  .Header {
+.Header {
+  font-family: $font-open-sans;
+  font-weight: $font-semi-bold;
+  font-size: rem(60px);
+  line-height: 100%;
+  color: $color-white;
+  margin-bottom: rem(40px);
+}
+
+.Bottom {
+  width: 100%;
+  height: rem(80px);
+  border-top: 1px solid $color-white;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: rem(20px);
+
+  .Policy {
     font-family: $font-open-sans;
-    font-weight: $font-semi-bold;
-    font-size: rem(60px);
+    font-weight: $font-regular;
+    font-size: rem(16px);
     line-height: 100%;
     color: $color-white;
-    margin-bottom: rem(40px);
+    margin-left: auto;
   }
-
-  .Bottom {
-    width: 100%;
-    height: rem(80px);
-    border-top: 1px solid $color-white;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    gap: rem(20px);
-
-    .Policy {
-      font-family: $font-open-sans;
-      font-weight: $font-regular;
-      font-size: rem(16px);
-      line-height: 100%;
-      color: $color-white;
-      margin-left: auto;
-    }
-  }
-}
+}

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

@@ -5,31 +5,33 @@ import Link from 'next/link';
 export default function Footer() {
   return (
     <section className={s.Footer}>
-      <div className={s.Block}>
-        <h2 className={s.Header}>
-          Давайте <Mark>обсудим</Mark> ваши задачи
-        </h2>
-        <Input variant='ghost' placeholder={'Ваше имя'} fullWidth />
-        <Input variant='ghost' placeholder={'+7 999 1234567'} fullWidth />
-        <TextArea
-          variant='ghost'
-          placeholder={'Кратко опишите вашу задачу'}
-          fullWidth
-          id='story'
-          name='story'
-          rows={6}
-        />
-        <Button className={s.SendBtn} variant={'orange'} fullWidth>
-          Отправить
-        </Button>
-      </div>
-      <div className={s.Bottom}>
-        <Button variant='ghost'>Telegram</Button>
-        <Button variant='ghost'>WhatsApp</Button>
-        <Button variant='ghost'>+7 (999) 123 45 67</Button>
-        <p className={s.Policy}>
-          <Link href='#'>Политика конфиденциальности</Link>
-        </p>
+      <div className={s.InnerContainer}>
+        <div className={s.Block}>
+          <h2 className={s.Header}>
+            Давайте <Mark>обсудим</Mark> ваши задачи
+          </h2>
+          <Input variant='ghost' placeholder={'Ваше имя'} fullWidth />
+          <Input variant='ghost' placeholder={'+7 999 1234567'} fullWidth />
+          <TextArea
+            variant='ghost'
+            placeholder={'Кратко опишите вашу задачу'}
+            fullWidth
+            id='story'
+            name='story'
+            rows={6}
+          />
+          <Button className={s.SendBtn} variant={'orange'} fullWidth>
+            Отправить
+          </Button>
+        </div>
+        <div className={s.Bottom}>
+          <Button variant='ghost'>Telegram</Button>
+          <Button variant='ghost'>WhatsApp</Button>
+          <Button variant='ghost'>+7 (999) 123 45 67</Button>
+          <p className={s.Policy}>
+            <Link href='#'>Политика конфиденциальности</Link>
+          </p>
+        </div>
       </div>
     </section>
   );