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

@@ -1,7 +1,13 @@
 .Contacts {
   background: $color-lightgray;
   border-radius: rem(28px);
-  padding: rem(160px);
+  padding: rem(160px) 0;
+}
+
+.InnerContainer {
+  margin: 0 auto;
+  width: rem(1340px);
+}
 
 .Header {
   font-family: $font-open-sans;
@@ -162,4 +168,3 @@
     }
   }
 }
-}

src/views/home/ui/contacts/contacts.tsx

@@ -16,6 +16,7 @@ import email from '@public/svg/email.svg';
 export default function Contacts() {
   return (
     <section className={s.Contacts}>
+      <div className={s.InnerContainer}>
         <h2 className={s.Header}>
           Клиенты, которые <Mark>нам доверяют</Mark>
         </h2>
@@ -40,8 +41,8 @@ export default function Contacts() {
           <div className={s.Offer}>
             <h3 className={s.Title}>Остались вопросы?</h3>
             <p className={s.SubTitle}>
-            Наш эксперт свяжется с вами для уточнения подробностей и определения
+              Наш эксперт свяжется с вами для уточнения подробностей и
-            точной стоимости работ
+              определения точной стоимости работ
             </p>
           </div>
           <div className={s.Inputs}>
@@ -84,6 +85,7 @@ export default function Contacts() {
             </p>
           </div>
         </div>
+      </div>
     </section>
   );
 }

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

@@ -1,11 +1,20 @@
 .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;
@@ -46,4 +55,3 @@
     margin-left: auto;
   }
 }
-}

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

@@ -5,6 +5,7 @@ import Link from 'next/link';
 export default function Footer() {
   return (
     <section className={s.Footer}>
+      <div className={s.InnerContainer}>
         <div className={s.Block}>
           <h2 className={s.Header}>
             Давайте <Mark>обсудим</Mark> ваши задачи
@@ -31,6 +32,7 @@ export default function Footer() {
             <Link href='#'>Политика конфиденциальности</Link>
           </p>
         </div>
+      </div>
     </section>
   );
 }

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

@@ -1,6 +1,7 @@
 .License {
-  padding: rem(160px);
+  margin: 0 auto;
-
+  width: rem(1340px);
+  padding: rem(120px) 0 rem(160px);
 
   .Header {
     font-family: $font-open-sans;

src/views/home/ui/license/license.tsx

@@ -30,11 +30,11 @@ export default function License() {
             priority
           />
           <h3 className={s.Title}>
-            Заключите договор до 1 июня и получите скидку на проведение пожарной
+            Заключите договор до 1 июля и получите скидку на проведение пожарной
             экспертизы 15 %
           </h3>
           <p className={s.SubTitle}>
-            Оставьте свои контактные данные и мы закрепим скидку до 1 июня за
+            Оставьте свои контактные данные и мы закрепим скидку до 1 июля за
             вами
           </p>
         </div>

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

@@ -1,5 +1,7 @@
 .Main {
-  padding: 0 rem(160px) 0;
+  margin: 0 auto;
+  width: rem(1340px);
+  //padding: 0 rem(160px) 0;
 
   &_BgWrapper {
     position: absolute;

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

@@ -1,7 +1,13 @@
 .Offer {
   background: $color-lightgray;
   border-radius: rem(28px);
-  padding: rem(160px);
+  padding: rem(160px) 0;
+}
+
+.InnerContainer {
+  margin: 0 auto;
+  width: rem(1340px);
+}
 
 .Title {
   font-family: $font-open-sans;
@@ -211,4 +217,3 @@
     margin: 0;
   }
 }
-}

src/views/home/ui/offer/offer.tsx

@@ -19,6 +19,7 @@ export default function Offer() {
 
   return (
     <section className={s.Offer}>
+      <div className={s.InnerContainer}>
         <h2 className={s.Title}>
           Помогаем <Mark> выявить недостатки </Mark> и <Mark>привести</Mark>{' '}
           систему Охранно-Пожарной <br />
@@ -33,7 +34,8 @@ export default function Offer() {
             На основании экспертизы оформляется заключение
           </li>
           <li className={s.ListItem}>
-          На основании выявленных нарушений производится устранение недостатков
+            На основании выявленных нарушений производится устранение
+            недостатков
           </li>
           <li className={s.ListItem}>
             Производится проверка проекта по замене старых пожарных систем на
@@ -96,6 +98,7 @@ export default function Offer() {
             />
           </div>
         </div>
+      </div>
     </section>
   );
 }

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

@@ -1,5 +1,7 @@
 .Result {
-  padding: rem(160px);
+  margin: 0 auto;
+  width: rem(1340px);
+  padding: rem(160px) 0 rem(80px);
 
   .Header {
     font-family: $font-open-sans;
@@ -15,7 +17,7 @@
     display: flex;
     flex-direction: row;
     justify-content: space-between;
-    gap: 10vw;
+    gap: rem(48px);
     margin-bottom: rem(80px);
 
     &:nth-child(odd) {