diff --git a/static/css/moover.css b/static/css/moover.css
index 8f8e67c..336c006 100644
--- a/static/css/moover.css
+++ b/static/css/moover.css
@@ -411,7 +411,7 @@ b {
   display: flex;
   justify-content: center;
   align-items: center;
-  height: calc(100% - 16px);
+  height: 600px;
 }
 
 .chatterbox .title {
@@ -445,11 +445,6 @@ b {
   margin-bottom: 123px;
 }
 
-.use .title {
-  max-width: 80%;
-  margin-bottom: 49px;
-}
-
 .use__img {
   width: 67.5%;
   margin-left: 16px;
@@ -467,26 +462,31 @@ b {
   color: var(--color-grey2);
 }
 
-.use.use--diff .title {
+.use .title {
+  max-width: 80%;
+  margin-bottom: 49px;
+}
+
+.use--diff .title {
   width: 60%;
   margin-bottom: 60px;
 }
 
-.use.use--diff .use__img {
+.use--diff .use__img {
   width: 100%;
   margin-left: 0;
   margin-bottom: 17px;
 }
 
-.use.use--lett {
+.use--lett {
   margin-bottom: 120px;
 }
 
-.use.use--lett .title {
+.use--lett .title {
   margin-bottom: 51px;
 }
 
-.use.use--lett .use__img {
+.use--lett .use__img {
   margin-left: -5px;
   margin-right: -5px;
   max-width: 110%;
@@ -496,13 +496,25 @@ b {
 .animate {
   padding: 60px 40px 49px;
   opacity: 0;
-  transform: translateX(-180px);
   background-color: var(--color-black2);
   border-radius: 30px;
   color: white;
   margin-bottom: 160px;
 }
 
+.animate.left {
+  transform: translateX(-180px);
+}
+
+.animate.right {
+  transform: translateX(180px);
+}
+
+.animate__link {
+  color: var(--color-orange);
+  text-decoration: underline !important;
+}
+
 .animate .title {
   margin-bottom: 25px;
   max-width: 87%;
@@ -514,11 +526,6 @@ b {
   margin: 0 auto 23px;
 }
 
-.animate__link {
-  color: var(--color-orange);
-  text-decoration: underline !important;
-}
-
 .about {
   margin-bottom: 168px;
 }
@@ -560,7 +567,7 @@ b {
 }
 
 .benefits {
-  margin-bottom: 50px;
+  margin-bottom: 132px;
 }
 
 .benefits__grid {
@@ -588,3 +595,54 @@ b {
   top: 14px;
   right: -11px;
 }
+
+.uses {
+  margin-bottom: 122px;
+}
+
+.uses__grid {
+  text-align: left;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  /* max-width: 101.5%; */
+  /* width: 101.5%; */
+}
+
+.uses__item {
+  min-height: 50px;
+  margin-bottom: 43px;
+  padding: 0 50px 0 2px;
+}
+
+.uses__icon {
+  margin-bottom: 11px;
+}
+
+.uses .title {
+  max-width: 50%;
+  margin: 0 auto 60px;
+}
+
+.sore {
+  margin-bottom: 160px;
+}
+
+.sore__img {
+  margin: 0 auto 26px;
+  position: relative;
+  left: -17px;
+}
+
+.sore .title {
+  margin-bottom: 40px;
+}
+
+.sore .subtitle {
+  max-width: 62%;
+  margin: 0 auto -1px;
+}
+
+.sore .h3 {
+  max-width: 47%;
+  margin: 0 auto 19px;
+}
diff --git a/static/css/moover/animate.css b/static/css/moover/animate.css
new file mode 100644
index 0000000..f3eb592
--- /dev/null
+++ b/static/css/moover/animate.css
@@ -0,0 +1,32 @@
+.animate {
+  padding: 60px 40px 49px;
+  opacity: 0;
+  background-color: var(--color-black2);
+  border-radius: 30px;
+  color: white;
+  margin-bottom: 160px;
+}
+
+.animate.left {
+  transform: translateX(-180px);
+}
+
+.animate.right {
+  transform: translateX(180px);
+}
+
+.animate__link {
+  color: var(--color-orange);
+  text-decoration: underline !important;
+}
+
+.animate .title {
+  margin-bottom: 25px;
+  max-width: 87%;
+  /*width: 90%;*/
+}
+
+.animate .subtitle {
+  width: 47%;
+  margin: 0 auto 23px;
+}
diff --git a/static/css/moover/benefits.css b/static/css/moover/benefits.css
index 25a1d6b..fd502f0 100644
--- a/static/css/moover/benefits.css
+++ b/static/css/moover/benefits.css
@@ -1,5 +1,5 @@
 .benefits {
-  margin-bottom: 50px;
+  margin-bottom: 132px;
 }
 
 .benefits__grid {
diff --git a/static/css/moover/chatterbox.css b/static/css/moover/chatterbox.css
index 8d46c7c..0599c85 100644
--- a/static/css/moover/chatterbox.css
+++ b/static/css/moover/chatterbox.css
@@ -97,7 +97,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  height: calc(100% - 16px);
+  height: 600px;
 }
 
 .chatterbox .title {
diff --git a/static/css/moover/sore.css b/static/css/moover/sore.css
new file mode 100644
index 0000000..a6e7efd
--- /dev/null
+++ b/static/css/moover/sore.css
@@ -0,0 +1,23 @@
+.sore {
+  margin-bottom: 160px;
+}
+
+.sore__img {
+  margin: 0 auto 26px;
+  position: relative;
+  left: -17px;
+}
+
+.sore .title {
+  margin-bottom: 40px;
+}
+
+.sore .subtitle {
+  max-width: 62%;
+  margin: 0 auto -1px;
+}
+
+.sore .h3 {
+  max-width: 47%;
+  margin: 0 auto 19px;
+}
diff --git a/static/css/moover/use.css b/static/css/moover/use.css
new file mode 100644
index 0000000..07f4cfc
--- /dev/null
+++ b/static/css/moover/use.css
@@ -0,0 +1,51 @@
+.use {
+  margin-bottom: 123px;
+}
+
+.use__img {
+  width: 67.5%;
+  margin-left: 16px;
+  margin-bottom: 31px;
+}
+
+.use__btn {
+  margin-bottom: 11px;
+}
+
+.use__link {
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 26px;
+  color: var(--color-grey2);
+}
+
+.use .title {
+  max-width: 80%;
+  margin-bottom: 49px;
+}
+
+.use--diff .title {
+  width: 60%;
+  margin-bottom: 60px;
+}
+
+.use--diff .use__img {
+  width: 100%;
+  margin-left: 0;
+  margin-bottom: 17px;
+}
+
+.use--lett {
+  margin-bottom: 120px;
+}
+
+.use--lett .title {
+  margin-bottom: 51px;
+}
+
+.use--lett .use__img {
+  margin-left: -5px;
+  margin-right: -5px;
+  max-width: 110%;
+  width: 1290px;
+}
diff --git a/static/css/moover/uses.css b/static/css/moover/uses.css
new file mode 100644
index 0000000..57cf5a7
--- /dev/null
+++ b/static/css/moover/uses.css
@@ -0,0 +1,26 @@
+.uses {
+  margin-bottom: 122px;
+}
+
+.uses__grid {
+  text-align: left;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  /* max-width: 101.5%; */
+  /* width: 101.5%; */
+}
+
+.uses__item {
+  min-height: 50px;
+  margin-bottom: 43px;
+  padding: 0 50px 0 2px;
+}
+
+.uses__icon {
+  margin-bottom: 11px;
+}
+
+.uses .title {
+  max-width: 50%;
+  margin: 0 auto 60px;
+}
diff --git a/static/img/png/sore2.png b/static/img/png/sore2.png
new file mode 100644
index 0000000..8a3d14b
Binary files /dev/null and b/static/img/png/sore2.png differ
diff --git a/static/img/svg/bax.svg b/static/img/svg/bax.svg
new file mode 100644
index 0000000..9f68be4
--- /dev/null
+++ b/static/img/svg/bax.svg
@@ -0,0 +1,8 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M58 16H6C4.89543 16 4 16.8954 4 18V46C4 47.1046 4.89543 48 6 48H58C59.1046 48 60 47.1046 60 46V18C60 16.8954 59.1046 16 58 16Z" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M32 40C36.4183 40 40 36.4183 40 32C40 27.5817 36.4183 24 32 24C27.5817 24 24 27.5817 24 32C24 36.4183 27.5817 40 32 40Z" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M44 16L60 30" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M44 48L60 34" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20 16L4 30" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20 48L4 34" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/static/img/svg/books.svg b/static/img/svg/books.svg
new file mode 100644
index 0000000..71f375a
--- /dev/null
+++ b/static/img/svg/books.svg
@@ -0,0 +1,6 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M56 44.3253V19.6753C55.9981 19.3193 55.9023 18.97 55.7224 18.6627C55.5424 18.3555 55.2846 18.1011 54.975 17.9253L32.975 5.55031C32.6786 5.37916 32.3423 5.28906 32 5.28906C31.6577 5.28906 31.3214 5.37916 31.025 5.55031L9.025 17.9253C8.71538 18.1011 8.45759 18.3555 8.27763 18.6627C8.09768 18.97 8.00191 19.3193 8 19.6753V44.3253C8.00191 44.6814 8.09768 45.0306 8.27763 45.3379C8.45759 45.6451 8.71538 45.8995 9.025 46.0753L31.025 58.4503C31.3214 58.6215 31.6577 58.7116 32 58.7116C32.3423 58.7116 32.6786 58.6215 32.975 58.4503L54.975 46.0753C55.2846 45.8995 55.5424 45.6451 55.7224 45.3379C55.9023 45.0306 55.9981 44.6814 56 44.3253V44.3253Z" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M44.25 38.125V25.125L20 11.75" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M55.7249 18.6504L32.2249 32.0004L8.2749 18.6504" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M32.225 32L32 58.7" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/static/img/svg/box.svg b/static/img/svg/box.svg
new file mode 100644
index 0000000..526c093
--- /dev/null
+++ b/static/img/svg/box.svg
@@ -0,0 +1,5 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M56 14H8C6.89543 14 6 14.8954 6 16V22C6 23.1046 6.89543 24 8 24H56C57.1046 24 58 23.1046 58 22V16C58 14.8954 57.1046 14 56 14Z" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M54 24V48C54 48.5304 53.7893 49.0391 53.4142 49.4142C53.0391 49.7893 52.5304 50 52 50H12C11.4696 50 10.9609 49.7893 10.5858 49.4142C10.2107 49.0391 10 48.5304 10 48V24" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M26 34H38" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/static/img/svg/earth.svg b/static/img/svg/earth.svg
new file mode 100644
index 0000000..e0bbe3c
--- /dev/null
+++ b/static/img/svg/earth.svg
@@ -0,0 +1,5 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M32 56C45.2548 56 56 45.2548 56 32C56 18.7452 45.2548 8 32 8C18.7452 8 8 18.7452 8 32C8 45.2548 18.7452 56 32 56Z" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.3999 45.8504L15.3249 44.0754C15.615 43.8965 15.8545 43.6464 16.0208 43.3488C16.1871 43.0513 16.2745 42.7162 16.2749 42.3754L16.3249 33.3504C16.3289 32.9762 16.4418 32.6114 16.6499 32.3004L21.5999 24.5254C21.7484 24.2957 21.942 24.0984 22.1688 23.9456C22.3957 23.7927 22.6512 23.6874 22.9199 23.636C23.1886 23.5846 23.4649 23.5882 23.7321 23.6465C23.9994 23.7049 24.2521 23.8167 24.4749 23.9754L29.3749 27.5254C29.7977 27.8201 30.3122 27.9532 30.8249 27.9004L38.6999 26.8254C39.1777 26.7596 39.6141 26.5191 39.9249 26.1504L45.4749 19.7504C45.804 19.3603 45.9737 18.8602 45.9499 18.3504L45.6749 12.2754" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M46.7752 50.9246L44.0752 48.2246C43.8254 47.975 43.5154 47.7942 43.1751 47.6996L37.8001 46.2996C37.3281 46.1704 36.9198 45.8726 36.6525 45.4625C36.3853 45.0525 36.2777 44.5587 36.3501 44.0746L36.9251 40.0246C36.9822 39.684 37.1245 39.3633 37.3386 39.0923C37.5528 38.8213 37.8319 38.6089 38.1502 38.4746L45.7501 35.2996C46.1031 35.1524 46.4909 35.1095 46.8676 35.1759C47.2442 35.2424 47.5939 35.4155 47.8751 35.6746L54.1001 41.3746" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/static/img/svg/files.svg b/static/img/svg/files.svg
new file mode 100644
index 0000000..b47f295
--- /dev/null
+++ b/static/img/svg/files.svg
@@ -0,0 +1,6 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M42 56H14C13.4696 56 12.9609 55.7893 12.5858 55.4142C12.2107 55.0391 12 54.5304 12 54V18C12 17.4696 12.2107 16.9609 12.5858 16.5858C12.9609 16.2107 13.4696 16 14 16H34L44 26V54C44 54.5304 43.7893 55.0391 43.4142 55.4142C43.0391 55.7893 42.5304 56 42 56Z" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20 16V10C20 9.46957 20.2107 8.96086 20.5858 8.58579C20.9609 8.21071 21.4696 8 22 8H42L52 18V46C52 46.5304 51.7893 47.0391 51.4142 47.4142C51.0391 47.7893 50.5304 48 50 48H44" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22 38H34" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22 46H34" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/static/img/svg/present.svg b/static/img/svg/present.svg
new file mode 100644
index 0000000..9200fcd
--- /dev/null
+++ b/static/img/svg/present.svg
@@ -0,0 +1,7 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M54 20H10C8.89543 20 8 20.8954 8 22V30C8 31.1046 8.89543 32 10 32H54C55.1046 32 56 31.1046 56 30V22C56 20.8954 55.1046 20 54 20Z" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M52 32V50C52 50.5304 51.7893 51.0391 51.4142 51.4142C51.0391 51.7893 50.5304 52 50 52H14C13.4696 52 12.9609 51.7893 12.5858 51.4142C12.2107 51.0391 12 50.5304 12 50V32" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M32 20V52" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M43.325 17.1754C40.475 20.0004 32 20.0004 32 20.0004C32 20.0004 32 11.5254 34.825 8.67545C35.9522 7.54828 37.4809 6.91504 39.075 6.91504C40.6691 6.91504 42.1978 7.54828 43.325 8.67545C44.4522 9.80262 45.0854 11.3314 45.0854 12.9254C45.0854 14.5195 44.4522 16.0483 43.325 17.1754V17.1754Z" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20.675 17.1754C23.525 20.0004 32 20.0004 32 20.0004C32 20.0004 32 11.5254 29.175 8.67545C28.0478 7.54828 26.519 6.91504 24.925 6.91504C23.3309 6.91504 21.8021 7.54828 20.675 8.67545C19.5478 9.80262 18.9146 11.3314 18.9146 12.9254C18.9146 14.5195 19.5478 16.0483 20.675 17.1754V17.1754Z" stroke="#FF613A" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/styles/moover.scss b/styles/moover.scss
index c7945b5..5b6a646 100644
--- a/styles/moover.scss
+++ b/styles/moover.scss
@@ -6,4 +6,6 @@
 @import "./moover/use";
 @import "./moover/animate";
 @import "./moover/about";
-@import "./moover/benefits";
\ No newline at end of file
+@import "./moover/benefits";
+@import "./moover/uses";
+@import "./moover/sore";
diff --git a/styles/moover/animate.scss b/styles/moover/animate.scss
index 1f402ce..7364eef 100644
--- a/styles/moover/animate.scss
+++ b/styles/moover/animate.scss
@@ -1,24 +1,32 @@
 .animate {
   padding: 60px 40px 49px;
   opacity: 0;
-  transform: translateX(-180px);
   background-color: var(--color-black2);
   border-radius: 30px;
   color: white;
   margin-bottom: 160px;
-}
 
-.animate .title {
-  margin-bottom: 25px;
-  max-width: 87%;
-  /*width: 90%;*/
-}
-.animate .subtitle {
-  width: 47%;
-  margin: 0 auto 23px;
-}
+  &.left {
+    transform: translateX(-180px);
+  }
 
-.animate__link {
-  color: var(--color-orange);
-  text-decoration: underline !important;
-}
\ No newline at end of file
+  &.right {
+    transform: translateX(180px);
+  }
+
+  &__link {
+    color: var(--color-orange);
+    text-decoration: underline !important;
+  }
+
+  .title {
+    margin-bottom: 25px;
+    max-width: 87%;
+    /*width: 90%;*/
+  }
+
+  .subtitle {
+    width: 47%;
+    margin: 0 auto 23px;
+  }
+}
diff --git a/styles/moover/benefits.scss b/styles/moover/benefits.scss
index 7beb626..ee87a13 100644
--- a/styles/moover/benefits.scss
+++ b/styles/moover/benefits.scss
@@ -1,5 +1,5 @@
 .benefits {
-  margin-bottom: 50px;
+  margin-bottom: 132px;
 
   &__grid {
     text-align: left;
diff --git a/styles/moover/chatterbox.scss b/styles/moover/chatterbox.scss
index bf3e341..c0f6aa2 100644
--- a/styles/moover/chatterbox.scss
+++ b/styles/moover/chatterbox.scss
@@ -99,7 +99,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    height: calc(100% - 16px);
+    height: 600px;
   }
 
   .title {
diff --git a/styles/moover/sore.scss b/styles/moover/sore.scss
new file mode 100644
index 0000000..59fdb8d
--- /dev/null
+++ b/styles/moover/sore.scss
@@ -0,0 +1,27 @@
+.sore {
+  margin-bottom: 160px;
+
+  &__img {
+    margin: 0 auto 26px;
+    position: relative;
+    left: -17px;
+
+  }
+
+  .title {
+    margin-bottom: 40px;
+  }
+
+
+  .subtitle {
+    max-width: 62%;
+    margin: 0 auto -1px;
+
+  }
+
+  .h3 {
+    max-width: 47%;
+   margin: 0 auto 19px;
+
+  }
+}
diff --git a/styles/moover/use.scss b/styles/moover/use.scss
index a1cdc72..892de9a 100644
--- a/styles/moover/use.scss
+++ b/styles/moover/use.scss
@@ -1,54 +1,55 @@
 .use {
   margin-bottom: 123px;
-}
 
-.use .title {
-  max-width: 80%;
-  margin-bottom: 49px;
-}
+  &__img {
+    width: 67.5%;
+    margin-left: 16px;
+    margin-bottom: 31px;
+  }
 
-.use__img {
-  width: 67.5%;
-  margin-left: 16px;
-  margin-bottom: 31px;
-}
+  &__btn {
+    margin-bottom: 11px;
+  }
 
-.use__btn {
-  margin-bottom: 11px;
-}
+  &__link {
+    font-size: 18px;
+    font-weight: 600;
+    line-height: 26px;
+    color: var(--color-grey2);
+  }
 
-.use__link {
-  font-size: 18px;
-  font-weight: 600;
-  line-height: 26px;
-  color: var(--color-grey2);
-}
+  .title {
+    max-width: 80%;
+    margin-bottom: 49px;
+  }
 
-.use.use--diff .title {
-  width: 60%;
-  margin-bottom: 60px;
-}
+  &--diff {
+    .title {
+      width: 60%;
+      margin-bottom: 60px;
+    }
 
-.use.use--diff .use__img {
-  width: 100%;
-  margin-left: 0;
-  margin-bottom: 17px;
-}
+    .use__img {
+      width: 100%;
+      margin-left: 0;
+      margin-bottom: 17px;
+    }
+  }
 
-.use.use--lett {
-  margin-bottom: 120px;
-}
+  &--lett {
+    margin-bottom: 120px;
 
-.use.use--lett .title {
-  margin-bottom: 51px;
-}
+    .title {
+      margin-bottom: 51px;
+    }
 
-.use.use--lett .use__img {
-  margin-left: -5px;
-  margin-right: -5px;
-  max-width: 110%;
-  width: 1290px;
-  
+    .use__img {
+      margin-left: -5px;
+      margin-right: -5px;
+      max-width: 110%;
+      width: 1290px;
+    }
+  }
 }
 
 
diff --git a/styles/moover/uses.scss b/styles/moover/uses.scss
new file mode 100644
index 0000000..039b017
--- /dev/null
+++ b/styles/moover/uses.scss
@@ -0,0 +1,28 @@
+.uses {
+  margin-bottom: 122px;
+
+  &__grid {
+    text-align: left;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    /* max-width: 101.5%; */
+    /* width: 101.5%; */
+  }
+
+
+  &__item {
+    min-height: 50px;
+    margin-bottom: 43px;
+    padding: 0 50px 0 2px;
+  }
+
+  &__icon {
+    margin-bottom: 11px;
+  }
+
+  .title {
+    max-width: 50%;
+    margin: 0 auto 60px;
+  }
+
+}
\ No newline at end of file
diff --git a/templates/pages/p_mover_landing_page.html b/templates/pages/p_mover_landing_page.html
index 854d3f4..305dfed 100644
--- a/templates/pages/p_mover_landing_page.html
+++ b/templates/pages/p_mover_landing_page.html
@@ -5,17 +5,11 @@
 {% block meta %}
   <link rel="stylesheet" href="{% static "css/moover.css" %}">
   <link rel="stylesheet" href="{% static "css/slick.css" %}">
-  {#  <link rel="stylesheet" href="{% static "css/slick-theme.css" %}">#}
   <script src="{% static "js/slick.min.js" %}"></script>
   <script src="{% static "js/push/lazyload.min.js" %}"></script>
 {% endblock %}
-{#{% block before_close %}#}
-{#  <script src="{% static "js/slick.min.js" %}"></script>#}
-{#  #}
-{#{% endblock %}#}
 
 {% block content %}
-
   <section class="presentation">
     <div class="presentation__top">
       <h1 class="presentation__title title">
@@ -84,7 +78,6 @@
       </div>
     </div>
   </section>
-  {############easy###############}
   <section class="easy">
     <div class="title">
       {% translate "Один простой шаг, чтобы отправить посылку" %}
@@ -115,7 +108,6 @@
     </div>
     <a href="#form" class="easy__btn btn btn--primary">{% translate "Разместить объявление" %}</a>
   </section>
-  {############use###############}
   <section class="use">
     <div class="title">{% translate "Уже пользуются сайтом и находят перевозчиков" %}</div>
     <img src="{% static "img/webp/use.webp" %}" alt="list users" class="use__img">
@@ -133,7 +125,7 @@
   <section class="chatterbox">
     <div class="title">{% translate "Что о нас говорят люди" %}</div>
     <div class="chatterbox__slider slick-slider">
-      {#        {% for media_item in page.get_video_items %}#}
+      {#        {% for media_item in page.get_media_items %}#}
       {#          <div class="slick-slide">#}
       {#            <div class="chatterbox__slide">#}
       {#              <div class="chatterbox__vbtn"></div>#}
@@ -213,9 +205,7 @@
             </div>
           </div>
         </div>
-
       </div>
-
       <div class="slick-slide">
         <div class="chatterbox__slide">
           <div class="chatterbox__vbtn"></div>
@@ -237,70 +227,70 @@
       </div>
     </div>
     <script type="text/javascript">
-        $(document).ready(function () {
-            function handlerVideos() {
-                const vtns = $('.chatterbox__vbtn');
-                if (!vtns.length) return;
-                vtns.off('click.load-lazy').on('click.load-lazy', (e) => {
-                    const vtn = e.target;
-                    vtn.nextElementSibling.querySelector('video');
-                    window.d = vtn;
-                    console.log($(vtn).siblings().find('video')[0]);
-                    console.log(vtn, e.target)
-                    LazyLoad.load($(vtn).siblings().find('video')[0], {
-                        callback_loaded: (e) => callbackLoaded(e, vtn),
-                    });
-                });
-                const callbackLoaded = function (elm, vtn) {
-                    vtn.classList.add('hide');
-                    const imgWrap = elm.closest('.chatterbox__slide');
-                    imgWrap?.classList.add('loaded');
-                };
-            }
+      $(document).ready(function () {
+        function handlerVideos() {
+          const vtns = $('.chatterbox__vbtn');
+          if (!vtns.length) return;
+          vtns.off('click.load-lazy').on('click.load-lazy', (e) => {
+            const vtn = e.target;
+            vtn.nextElementSibling.querySelector('video');
+            window.d = vtn;
+            {#console.log($(vtn).siblings().find('video')[0]);#}
+            {#console.log(vtn, e.target)#}
+            LazyLoad.load($(vtn).siblings().find('video')[0], {
+              callback_loaded: (e) => callbackLoaded(e, vtn),
+            });
+          });
+          const callbackLoaded = function (elm, vtn) {
+            vtn.classList.add('hide');
+            const imgWrap = elm.closest('.chatterbox__slide');
+            imgWrap?.classList.add('loaded');
+          };
+        }
 
-            handlerVideos();
-            $('.slick-slider')
-                .slick({
-                    centerMode: true,
-                    {#centerPadding: '160px',#}
-                    slidesToShow: 3,
-                    infinite: false,
-                    initialSlide: 1,
-                    {#lazyLoad: 'ondemand',#}
-                    {#lazyLoad: 'progressive',#}
-                    responsive: [
-                        {
-                            breakpoint: 768,
-                            settings: {
-                                arrows: false,
-                                centerMode: true,
-                                centerPadding: '40px',
-                                slidesToShow: 3
-                            }
-                        },
-                        {
-                            breakpoint: 480,
-                            settings: {
-                                arrows: false,
-                                centerMode: true,
-                                centerPadding: '40px',
-                                slidesToShow: 1
-                            }
-                        }
-                    ]
-                })
-                .on('beforeChange', function (event, slick, currentSlide, nextSlide) {
-                    slick.$slides[currentSlide]?.querySelector('video')?.pause();
-                    console.log('edge was hit', slick.$slides[currentSlide]);
-                });
-        });
+        handlerVideos();
+        $('.slick-slider')
+          .slick({
+            centerMode: true,
+            {#centerPadding: '160px',#}
+            slidesToShow: 3,
+            infinite: false,
+            initialSlide: 1,
+            {#lazyLoad: 'ondemand',#}
+            {#lazyLoad: 'progressive',#}
+            responsive: [
+              {
+                breakpoint: 768,
+                settings: {
+                  arrows: false,
+                  centerMode: true,
+                  centerPadding: '40px',
+                  slidesToShow: 3
+                }
+              },
+              {
+                breakpoint: 480,
+                settings: {
+                  arrows: false,
+                  centerMode: true,
+                  centerPadding: '40px',
+                  slidesToShow: 1
+                }
+              }
+            ]
+          })
+          .on('beforeChange', function (event, slick, currentSlide, nextSlide) {
+            slick.$slides[currentSlide]?.querySelector('video')?.pause();
+            console.log('edge was hit', slick.$slides[currentSlide]);
+          });
+      });
     </script>
   </section>
   <section class="use use--lett">
     <div class="title">{% translate "Что о нас пишут люди" %}</div>
     <img src="{% static "img/png/use-letterss.png" %}" alt="list letters" class="use__img">
   </section>
-  <section class="animate">
+  <section class="animate left">
     <div class="title">
       {% translate "Хочешь отправить посылку партнеру, родным или знакомым людям быстро и недорого?" %}
     </div>
@@ -309,28 +299,30 @@
     </div>
     <a href="#form" class="use__btn btn btn--primary">{% translate "Разместить объявление" %}</a>
     <script>
-        document.addEventListener("DOMContentLoaded", () => {
-                const animate = document.querySelector('.animate');
-                const observer = new IntersectionObserver(
-                    (entries, interserctionObserver) => {
-                        entries.forEach(entry => {
-                            console.log('or', entry)
-                            if (entry.isIntersecting) {
-                                const el = entry.target;
-                                interserctionObserver.disconnect();
-                                (() => {
-                                    el.style.opacity = 1;
-                                    el.style.transform = 'translateX(0)';
-                                    el.style.transition = 'opacity 1.3s ease, transform 1.5s ease';
-                                })();
-                            }
-                        });
-                    }, {root: null, rootMargin: '0px'},
-                );
-                observer.observe(animate);
-            }
-        )
-        ;
+      document.addEventListener("DOMContentLoaded", () => {
+        const animate = document.querySelectorAll('.animate');
+        let counter = 0;
+        const observer = new IntersectionObserver(
+          (entries, interserctionObserver) => {
+            entries.forEach(entry => {
+              console.log('or', entry)
+              if (entry.isIntersecting) {
+                counter++;
+                const el = entry.target;
+                if (animate.length === counter) {
+                  interserctionObserver.disconnect();
+                }
+                (() => {
+                  el.style.opacity = 1;
+                  el.style.transform = 'translateX(0)';
+                  el.style.transition = 'opacity 1.3s ease, transform 1.5s ease';
+                })();
+              }
+            });
+          }, {root: null, rootMargin: '0px'},
+        );
+        animate.forEach(item => observer.observe(item));
+      });
     </script>
   </section>
   <section class="about">
@@ -346,7 +338,6 @@
     </div>
     {#    </div>#}
   </section>
-
   <section class="benefits">
     <div class="title">{% translate "Преимущества сервиса" %}</div>
     <div class="benefits__grid">
@@ -382,12 +373,71 @@
         </div>
       </div>
     </div>
-
   </section>
+  <section class="uses">
+    <div class="title">{% translate "Для каких целей можно использовать наш сервис" %}</div>
 
-
-
-
-
-
+    <div class="uses__grid">
+      <div class="uses__item">
+        <img class="uses__icon" src="{% static "img/svg/files.svg" %}" alt="image icon">
+        <div class="uses__desc">
+          {% translate "Когда нужно отправить документы партнеру или родственнику" %}
+        </div>
+      </div>
+      <div class="uses__item">
+        <img class="uses__icon" src="{% static "img/svg/box.svg" %}" alt="image icon">
+        <div class="uses__desc">
+          {% translate "Когда необходимо отправить посылку в&nbsp;другую страну" %}
+        </div>
+      </div>
+      <div class="uses__item">
+        <img class="uses__icon" src="{% static "img/svg/present.svg" %}" alt="image icon">
+        <div class="uses__desc">
+          {% translate "Когда нужно отправить подарок семье, друзьям или знакомым" %}
+        </div>
+      </div>
+      <div class="uses__item">
+        <img class="uses__icon" src="{% static "img/svg/bax.svg" %}" alt="image icon">
+        <div class="uses__desc">
+          {% translate "Когда стоимость пересылки через почтовый сервис высокая или перевозка занимает длительное время" %}
+        </div>
+      </div>
+      <div class="uses__item">
+        <img class="uses__icon" src="{% static "img/svg/books.svg" %}" alt="image icon">
+        <div class="uses__desc">
+          {% translate "Когда нужно отправить не&nbsp;только маленькую посылку, но&nbsp;и&nbsp;крупногабаритный груз" %}
+        </div>
+      </div>
+      <div class="uses__item">
+        <img class="uses__icon" src="{% static "img/svg/earth.svg" %}" alt="image icon">
+        <div class="uses__desc">
+          {% translate "Когда нет прямого сообщения из&nbsp;пункта&nbsp;А в&nbsp;пункт&nbsp;Б обычными сервисами доставки" %}
+        </div>
+      </div>
+    </div>
+  </section>
+  <section class="animate right">
+    <div class="title">
+      {% translate "Размести свое объявление о необходимости перевозки посылки прямо сейчас" %}
+    </div>
+    <div class="subtitle">
+      {% translate "Достаточно просто зайти на сайт, разместить объявление в пару кликов и дождаться откликов от попутчиков." %}
+    </div>
+    <a href="#form" class="use__btn btn btn--primary">{% translate "Разместить объявление" %}</a>
+  </section>
+  <section class="sore">
+    <div class="title">
+      {% translate "О наболевшем..." %}
+    </div>
+    <div class="subtitle">
+      {% translate "Мы&nbsp;знаем, каково это без конца и&nbsp;края закидывать сообщения в&nbsp;чаты и&nbsp;группы в&nbsp;социальных сетях, в&nbsp;надежде найти человека, который едет или летит в&nbsp;нужном направлении, чтобы передать посылоку своим родным или близким. Очень часто ещё и&nbsp;стоимость пересылки в&nbsp;обычных почтовых сервисах выше стоимости самой посылки." %}
+    </div>
+    <img src="{% static "img/png/sore2.png" %}" alt="sore image" class="sore__img">
+    <div class="h3">
+      {% translate "Зарегистрируйте бесплатно прямо сейчас и&nbsp;размести свое первое объявление об&nbsp;отправке посылки" %}
+    </div>
+    <a href="#form" class="sore__btn btn btn--primary">{% translate "Зарегистрироваться и разместить" %}</a>
+    <br/>
+    </div>
+  </section>
 {% endblock %}
\ No newline at end of file