diff --git a/src/css/base.css b/src/css/base.css
index a7c7869..f756197 100644
--- a/src/css/base.css
+++ b/src/css/base.css
@@ -35,12 +35,22 @@ button {
     margin-right: auto;
 }
 
-@media screen and (min-width: 320px) and (max-width: 375px) {
+@media screen and (min-width: 320px) and (max-width: 767px) {
     .container {
         max-width: 375px;
         padding-left: 20px;
         padding-right: 20px;
     }
+
+    .section {
+        padding-bottom: 80px;
+    }
+}
+
+@media screen and (min-width: 768px) {
+    .section {
+        padding-bottom: 150px;
+    }
 }
 
 @media screen and (min-width: 768px) and (max-width: 1279px) {
@@ -51,18 +61,21 @@ button {
     }
 }
 
-@media screen and (min-width: 1280px) and (max-width: 1439px) {
+@media screen and (min-width: 1280px) {
     .container {
-        max-width: 1280px;
         padding-left: 50px;
         padding-right: 50px;
     }
 }
 
+@media screen and (min-width: 1280px) and (max-width: 1439px) {
+    .container {
+        max-width: 1280px;
+    }
+}
+
 @media screen and (min-width: 1440px) {
     .container {
         max-width: 1440px;
-        padding-left: 50px;
-        padding-right: 50px;
     }
 }
\ No newline at end of file
diff --git a/src/css/hero.css b/src/css/hero.css
index e69de29..d0f26db 100644
--- a/src/css/hero.css
+++ b/src/css/hero.css
@@ -0,0 +1,175 @@
+.background-picture {
+    background-image: linear-gradient(359deg, rgba(17, 19, 31, 0.80) 42.62%, rgba(17, 19, 31, 0.31) 84.12%, rgba(17, 19, 31, 0.00) 99.94%),
+        url(../img/hero/background-hero-mobil.jpg);
+    background-repeat: no-repeat;
+    background-position: 50% 0;
+    background-size: 375px 812px;
+}
+
+@media screen and (min-resolution: 192dpi),
+screen and (min-resolution: 2dppx),
+screen and (min-device-pixel-ratio: 2) {
+    .background-picture {
+        background-image: linear-gradient(359deg, rgba(17, 19, 31, 0.80) 42.62%, rgba(17, 19, 31, 0.31) 84.12%, rgba(17, 19, 31, 0.00) 99.94%),
+            url('../img/hero/background-hero-mobil@2.jpg');
+    }
+}
+
+.hero {
+    margin-left: auto;
+    margin-right: auto;
+    padding-top: 260px;
+    padding-bottom: 243px;
+    background-color: transparent;
+}
+
+/* .content-container {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+    justify-content: center;
+    align-items: center;
+} */
+
+/* .hero-container {
+    display: flex;
+    flex-direction: column;
+    gap: 38px;
+} */
+
+.hero-title {
+    color: #FBFBFB;
+    text-align: center;
+    font-size: 32px;
+    font-weight: 500;
+    line-height: 1;
+    letter-spacing: -0.02em;
+    margin-left: auto;
+    margin-right: auto;
+    margin-bottom: 24px;
+}
+
+.capitalize {
+    text-transform: capitalize;
+}
+
+.hero-paragraph {
+    color: rgba(251, 251, 251, 0.70);
+    text-align: center;
+    font-size: 12px;
+    font-weight: 300;
+    line-height: 1.17;
+    margin-left: auto;
+    margin-right: auto;
+    margin-bottom: 38px;
+}
+
+.hero-btn {
+    width: 141px;
+    border-radius: 15px;
+    background-color: #1B414B;
+    border: none;
+    padding: 14px 32px;
+    color: #FBFBFB;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.29;
+    letter-spacing: -0.02em;
+    margin: 0 auto;
+    display: block;
+
+
+}
+
+/*-----TABLET-----*/
+@media screen and (min-width: 768px) {
+    .background-picture {
+        background-image: linear-gradient(359deg, rgba(17, 19, 31, 0.80) 42.62%, rgba(17, 19, 31, 0.31) 84.12%, rgba(17, 19, 31, 0.00) 99.94%),
+            url(../img/hero/background-hero-tablet.jpg);
+        background-repeat: no-repeat;
+        background-position: 50% 0;
+        background-size: 768px 962px;
+    }
+
+    @media screen and (min-resolution: 192dpi),
+    screen and (min-resolution: 2dppx),
+    screen and (min-device-pixel-ratio: 2) {
+        .background-picture {
+            background-image: linear-gradient(359deg, rgba(17, 19, 31, 0.80) 42.62%, rgba(17, 19, 31, 0.31) 84.12%, rgba(17, 19, 31, 0.00) 99.94%),
+                url(../img/hero/background-hero-tablet@2.jpg);
+        }
+    }
+
+    .hero {
+        padding-top: 280px;
+        padding-bottom: 215px;
+    }
+
+    /* .hero-container {
+        gap: 48px;
+    } */
+
+    .hero-title {
+        font-size: 70px;
+    }
+
+    .hero-paragraph {
+        font-size: 16px;
+        line-height: 1.4;
+        max-width: 597px;
+    }
+
+    .hero-btn {
+        padding: 16px 40px;
+        /* color: #FBFBFB; */
+        font-size: 18px;
+        line-height: 1.1;
+        width: 179px;
+    }
+}
+
+/*-----DESKTOP1280-----*/
+@media screen and (min-width: 1280px) {
+    .background-picture {
+        background-image: linear-gradient(359deg, rgba(17, 19, 31, 0.80) 42.62%, rgba(17, 19, 31, 0.31) 84.12%, rgba(17, 19, 31, 0.00) 99.94%),
+            url(../img/hero/background-hero-desktop.jpg);
+        background-repeat: no-repeat;
+        background-position: 50% 0;
+        background-size: 1280px 800px;
+    }
+
+    @media screen and (min-resolution: 192dpi),
+    screen and (min-resolution: 2dppx),
+    screen and (min-device-pixel-ratio: 2) {
+        .background-picture {
+            background-image: linear-gradient(359deg, rgba(17, 19, 31, 0.80) 42.62%, rgba(17, 19, 31, 0.31) 84.12%, rgba(17, 19, 31, 0.00) 99.94%),
+                url('../img/hero/background-hero-desktop@2.jpg');
+        }
+    }
+
+    .hero {
+        padding-top: 235px;
+        padding-bottom: 180px;
+    }
+
+    .hero-title {
+        font-size: 80px;
+    }
+
+    .hero-container {
+        padding-left: 140px;
+        padding-right: 140px;
+    }
+
+}
+
+/*-----DESKTOP1440-----*/
+@media screen and (min-width: 1440px) {
+
+    .hero-container {
+        padding-left: 220px;
+        padding-right: 220px;
+    }
+
+}
\ No newline at end of file
diff --git a/src/css/modal-help.css b/src/css/modal-help.css
new file mode 100644
index 0000000..2cd3c68
--- /dev/null
+++ b/src/css/modal-help.css
@@ -0,0 +1,179 @@
+.chat-button {
+    position: fixed;
+    right: 30px;
+    bottom: 30px;
+    display: inline-block;
+    width: 64px;
+    height: 64px;
+    margin: 0;
+    padding: 0;
+    border-radius: 50%;
+    border: 2px solid #FBFBFB;
+    background-color: #1B414B;
+    color: #FBFBFB;
+    text-align: center;
+    font-size: 18px;
+    font-weight: 500;
+    line-height: 1, 1;
+    letter-spacing: -0.02em;
+    cursor: pointer;
+}
+
+.modal-help-page-backdrop {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 999;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(94, 99, 99, 0.7);
+    opacity: 1;
+    visibility: visible;
+    pointer-events: auto;
+    transition: opacity 250ms linear, visibility 250ms linear;
+}
+
+.modal-help-page-backdrop.is-hidden {
+    opacity: 0;
+    visibility: hidden;
+    pointer-events: none;
+}
+
+.modal-help-page-content {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    background-color: #0E1823;
+    padding: 20px 20px;
+    width: 335px;
+    min-height: 800px;
+    transition: transform 250ms linear;
+    box-sizing: border-box;
+}
+
+.modal-help-close-btn {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border: none;
+    width: 28px;
+    height: 328px;
+    border-radius: none;
+    padding: 0;
+    line-height: 0;
+    background-color: #FBFBFB;
+    cursor: pointer;
+    transition: background-color 250ms linear;
+}
+
+.modal-help-close-icon {
+    fill: none;
+    transition: fill 250ms linear;
+}
+
+.modal-help-close-btn:hover,
+.modal-help-close-btn:focus {
+    background-color: #1B414B;
+}
+
+.modal-help-close-btn>.modal-close-icon:hover,
+.modal-help-close-btn>.modal-close-icon:focus {
+    fill: #FBFBFB;
+    ;
+}
+
+.modal-help-page-title {
+    color: #FBFBFB;
+    text-align: center;
+    font-size: 28px;
+    font-weight: 500;
+    line-height: 1;
+    letter-spacing: -0.02em;
+}
+
+.modal-help-form-item-container {
+    margin-bottom: 20px;
+    display: block;
+}
+
+.last {
+    margin-bottom: 32px;
+}
+
+.modal-help-form-input-label {
+    color: #FBFBFB;
+    font-size: 18px;
+    font-weight: 400;
+    line-height: 1;
+    letter-spacing: -0.02em;
+    margin-left: 12px;
+    margin-bottom: 2px;
+}
+
+.modal-help-form-input {
+    width: 100%;
+    height: 48px;
+    flex-shrink: 0;
+    border-bottom: 1px solid rgba(4, 3, 6, 0.40);
+    background-color: transparent;
+    color: #FBFBFB;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 1.4;
+    letter-spacing: -0.02em;
+    padding: 12px 14px;
+    outline: 0px solid transparent;
+    transition: border-color 250ms linear;
+    box-sizing: border-box;
+}
+
+.modal-help-form-input::placeholder {
+    color: rgba(4, 3, 6, 0.40);
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 1.4;
+    letter-spacing: -0.02em;
+}
+
+.modal-help-form-input:focus-within {
+    border-color: #FBFBFB;
+}
+
+.modal-help-form-button {
+    border-radius: 15px;
+    background-color: #1B414B;
+    padding: 14px 44px;
+    color: #FBFBFB;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 1.28;
+    letter-spacing: -0.02em;
+    transition: background-color 250ms linear;
+    margin: 0 auto;
+    display: block;
+    cursor: pointer;
+    border: none;
+}
+
+.modal-help-form-button:hover,
+.modal-help-form-button:focus {
+    background-color: #FBFBFB;
+
+}
+
+@media screen and (min-width: 768px) {
+
+    .modal-help-page-content {
+        padding: 32px;
+        width: 458px;
+    }
+
+    .modal-close-btn {
+        top: 32px;
+        right: 32px;
+    }
+}
\ No newline at end of file
diff --git a/src/css/reviews.css b/src/css/reviews.css
index e69de29..dca63a9 100644
--- a/src/css/reviews.css
+++ b/src/css/reviews.css
@@ -0,0 +1,164 @@
+.reviews-title {
+    text-align: center;
+    margin-bottom: 25px;
+}
+
+.reviews-text {
+    color: #FBFBFB;
+    text-align: center;
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 1.16;
+    letter-spacing: -0.02em;
+    opacity: 0.4;
+    margin-bottom: 40px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.reviews-list-item-first {
+    padding: 32px 8px;
+    border-radius: 24px;
+    background: #FBFBFB;
+}
+
+.reviews-list-item-second {
+    display: none;
+}
+
+.reviews-list-item-third {
+    display: none;
+}
+
+.reviews-list-avatar {
+    margin: 0 auto;
+    margin-bottom: 24px;
+}
+
+.reviews-list-fullname {
+    /* display: flex;
+    justify-content: center; */
+    text-align: center;
+    color: #040306;
+    margin-bottom: 8px;
+}
+
+.reviews-list-text-first {
+    color: rgba(4, 3, 6, 0.40);
+    text-align: center;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 1.4;
+    letter-spacing: -0.02em;
+    max-width: 303px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+@media screen and (min-width: 768px) {
+    .reviews-title {
+        font-size: 48px;
+    }
+
+    .reviews-text {
+        max-width: 571px;
+        font-size: 14px;
+        line-height: 1.28;
+        margin-bottom: 75px;
+    }
+
+    .reviews-list {
+        display: flex;
+        gap: 32px;
+        justify-content: center;
+    }
+
+    .reviews-list-item-second {
+        display: list-item;
+        padding: 32px 8px;
+        border-radius: 24px;
+        background: #FBFBFB;
+    }
+
+    .reviews-list-text-second {
+        color: rgba(4, 3, 6, 0.40);
+        text-align: center;
+        font-size: 16px;
+        font-weight: 400;
+        line-height: 1.4;
+        letter-spacing: -0.02em;
+        max-width: 296px;
+        margin-left: auto;
+        margin-right: auto;
+    }
+}
+
+@media screen and (min-width: 1280px) {
+    .reviews-title {
+        max-width: 854px;
+        margin-right: auto;
+        margin-left: auto;
+    }
+
+    .reviews-list {
+        gap: 26px;
+    }
+
+    .reviews-list-item-first {
+        padding: 32px 28px;
+    }
+
+    .reviews-list-text-first {
+        max-width: 320px;
+    }
+
+    .reviews-list-item-second {
+        padding: 32px 28px;
+    }
+
+    .reviews-list-text-second {
+        max-width: 320px;
+    }
+
+    .reviews-list-item-third {
+        display: list-item;
+        padding: 32px 28px;
+        border-radius: 24px;
+        background: #FBFBFB;
+        width: 376px;
+    }
+
+    .reviews-list-text-third {
+        color: rgba(4, 3, 6, 0.40);
+        text-align: center;
+        font-size: 16px;
+        font-weight: 400;
+        line-height: 1.4;
+        letter-spacing: -0.02em;
+        max-width: 293px;
+        margin-left: auto;
+        margin-right: auto;
+    }
+
+}
+
+@media screen and (min-width: 1440px) {
+    .reviews-list {
+        gap: 32px;
+    }
+
+    .reviews-list-item-first {
+        padding: 32px 36px;
+        width: 392px;
+    }
+
+    .reviews-list-item-second {
+        padding: 32px 36px;
+        width: 392px;
+    }
+
+    .reviews-list-item-third {
+        padding: 32px 36px;
+        width: 392px;
+    }
+}
\ No newline at end of file
diff --git a/src/css/styles.css b/src/css/styles.css
index 1ac2e02..eb53a91 100644
--- a/src/css/styles.css
+++ b/src/css/styles.css
@@ -10,4 +10,5 @@
 @import url('./reviews.css');
 @import url('./footer.css');
 @import url('./mobil-menu.css');
-@import url('./js.css')
\ No newline at end of file
+@import url('./js.css');
+@import url('./modal-help.css');
\ No newline at end of file
diff --git a/src/img/about_us/about-us-desktop1440.jpg b/src/img/about_us/about-us-desktop1440.jpg
new file mode 100644
index 0000000..0a63b78
Binary files /dev/null and b/src/img/about_us/about-us-desktop1440.jpg differ
diff --git a/src/img/about_us/about-us-desktop1440@2.jpg b/src/img/about_us/about-us-desktop1440@2.jpg
new file mode 100644
index 0000000..b04f60e
Binary files /dev/null and b/src/img/about_us/about-us-desktop1440@2.jpg differ
diff --git a/src/img/advantages/advantages-desktop1440.jpg b/src/img/advantages/advantages-desktop1440.jpg
new file mode 100644
index 0000000..d22702c
Binary files /dev/null and b/src/img/advantages/advantages-desktop1440.jpg differ
diff --git a/src/img/advantages/advantages-desktop1440@2.jpg b/src/img/advantages/advantages-desktop1440@2.jpg
new file mode 100644
index 0000000..165e1a2
Binary files /dev/null and b/src/img/advantages/advantages-desktop1440@2.jpg differ
diff --git a/src/img/hero/background-hero-desktop1440.jpg b/src/img/hero/background-hero-desktop1440.jpg
new file mode 100644
index 0000000..eeb732f
Binary files /dev/null and b/src/img/hero/background-hero-desktop1440.jpg differ
diff --git a/src/img/hero/background-hero-desktop1440@2.jpg b/src/img/hero/background-hero-desktop1440@2.jpg
new file mode 100644
index 0000000..ef48c00
Binary files /dev/null and b/src/img/hero/background-hero-desktop1440@2.jpg differ
diff --git a/src/img/icons.svg b/src/img/icons.svg
index af876e2..63b3e87 100644
--- a/src/img/icons.svg
+++ b/src/img/icons.svg
@@ -21,6 +21,9 @@
         <symbol id="icon-burger-header-mobil" viewBox="0 0 32 32">
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.857" d="M4 20h24M4 12h24" />
         </symbol>
-  
+        <symbol id="icon-send" viewBox="0 0 38 32">
+            <path
+                d="M38.4 0 0 18l12.272 3.788L31.2 7 16.803 23.186l.012.004-.014-.004V32l6.882-6.691L32.401 28l6-28z" />
+        </symbol>
     </defs>
 </svg>
diff --git a/src/img/our_yachts/our-yacht-2-desktop1440.jpg b/src/img/our_yachts/our-yacht-2-desktop1440.jpg
new file mode 100644
index 0000000..2e4f143
Binary files /dev/null and b/src/img/our_yachts/our-yacht-2-desktop1440.jpg differ
diff --git a/src/img/our_yachts/our-yacht-2-desktop1440@2.jpg b/src/img/our_yachts/our-yacht-2-desktop1440@2.jpg
new file mode 100644
index 0000000..6f44d25
Binary files /dev/null and b/src/img/our_yachts/our-yacht-2-desktop1440@2.jpg differ
diff --git a/src/img/our_yachts/our-yacht-3-desktop1440.jpg b/src/img/our_yachts/our-yacht-3-desktop1440.jpg
new file mode 100644
index 0000000..e271216
Binary files /dev/null and b/src/img/our_yachts/our-yacht-3-desktop1440.jpg differ
diff --git a/src/img/our_yachts/our-yacht-3-desktop1440@2.jpg b/src/img/our_yachts/our-yacht-3-desktop1440@2.jpg
new file mode 100644
index 0000000..cc4d293
Binary files /dev/null and b/src/img/our_yachts/our-yacht-3-desktop1440@2.jpg differ
diff --git a/src/img/our_yachts/our-yacht-desktop1440.jpg b/src/img/our_yachts/our-yacht-desktop1440.jpg
new file mode 100644
index 0000000..37c04b2
Binary files /dev/null and b/src/img/our_yachts/our-yacht-desktop1440.jpg differ
diff --git a/src/img/our_yachts/our-yacht-desktop1440@2.jpg b/src/img/our_yachts/our-yacht-desktop1440@2.jpg
new file mode 100644
index 0000000..9b4a41b
Binary files /dev/null and b/src/img/our_yachts/our-yacht-desktop1440@2.jpg differ
diff --git a/src/img/rent_a_yacht/rent-desktop1440.jpg b/src/img/rent_a_yacht/rent-desktop1440.jpg
new file mode 100644
index 0000000..3abc26f
Binary files /dev/null and b/src/img/rent_a_yacht/rent-desktop1440.jpg differ
diff --git a/src/img/rent_a_yacht/rent-desktop1440@2.jpg b/src/img/rent_a_yacht/rent-desktop1440@2.jpg
new file mode 100644
index 0000000..43fb329
Binary files /dev/null and b/src/img/rent_a_yacht/rent-desktop1440@2.jpg differ
diff --git a/src/index.html b/src/index.html
index 3428e32..fba2a53 100644
--- a/src/index.html
+++ b/src/index.html
@@ -31,6 +31,7 @@
     </main>
     <load src="partials/footer.html" />
     <load src="partials/mobil-menu.html" />
+    <load src="partials/modal-help.html" />
 
     <script
       type="text/javascript"
diff --git a/src/js/modal.js b/src/js/modal.js
index a4f3bd1..0219b82 100644
--- a/src/js/modal.js
+++ b/src/js/modal.js
@@ -1,8 +1,8 @@
 (() => {
   const refs = {
-    openModalBtn: document.querySelector('[data-modal-open]'),
-    closeModalBtn: document.querySelector('[data-modal-close]'),
-    modal: document.querySelector('[data-modal]'),
+    openModalBtn: document.querySelector('[data-modal-help-open]'),
+    closeModalBtn: document.querySelector('[data-modal-help-close]'),
+    modal: document.querySelector('[data-modal-help]'),
   };
 
   refs.openModalBtn.addEventListener('click', toggleModal);
diff --git a/src/partials/hero.html b/src/partials/hero.html
index e69de29..18b034b 100644
--- a/src/partials/hero.html
+++ b/src/partials/hero.html
@@ -0,0 +1,16 @@
+<section class="hero">
+  <div class="container hero-container">
+    <!-- <div class="content-container"> -->
+    <h1 class="hero-title">
+      Explore the <span class="capitalize">hight seas</span> with
+      <span class="capitalize">our luxury yacht rentals</span>
+    </h1>
+    <p class="hero-paragraph">
+      Experience the freedom and luxury of yachting on the open seas. Choose
+      from our top-of-the-line yachts and embark on an unforgettable journey
+      surrounded by breathtaking views and state-of-the-art amenities.
+    </p>
+    <!-- </div> -->
+    <a href="#rent-a-yacht" class="hero-btn">Yacht rental</a>
+  </div>
+</section>
diff --git a/src/partials/mobil-menu.html b/src/partials/mobil-menu.html
index e69de29..033db44 100644
--- a/src/partials/mobil-menu.html
+++ b/src/partials/mobil-menu.html
@@ -0,0 +1,76 @@
+<div class="mob-menu-thumb">
+  <div class="mob-nav-menu-top">
+    <a class="mob-logo" href="../index.html">yachtjet</a>
+    <button class="mob-menu-close-btn" type="button">
+      <svg
+        class="mob-menu-close-btn-icon"
+        width="28"
+        height="28"
+        aria-label="mobil page close icon"
+      >
+        <use href="../img/icons.svg#icon-mobil-menu-close"></use>
+      </svg>
+    </button>
+  </div>
+  <div class="mob-nav-menu-mid">
+    <nav class="mob-menu-navigation">
+      <ul class="mob-menu-navigation-list">
+        <li class="mob-menu-navigation-item">
+          <a class="mob-menu-navigation-link" href="">About</a>
+        </li>
+        <li class="mob-menu-navigation-item">
+          <a class="mob-menu-navigation-link" href="">Yachts</a>
+        </li>
+        <li class="mob-menu-navigation-item">
+          <a class="mob-menu-navigation-link" href="">Reviews</a>
+        </li>
+      </ul>
+    </nav>
+  </div>
+  <div class="mob-nav-menu-down">
+    <ul class="mob-menu-social-list">
+      <li class="mob-menu-social-item">
+        <a
+          class="mob-menu-social-link"
+          href="https://www.instagram.com/goitclub/"
+        >
+          <svg
+            class="mob-menu-social-icon"
+            width="24"
+            height="24"
+            aria-label="icon instagram"
+          >
+            <use href="./img/icons.svg#icon-instagram"></use>
+          </svg>
+        </a>
+      </li>
+      <li class="mob-menu-social-item">
+        <a class="mob-menu-social-link" href="https://www.youtube.com/c/GoIT">
+          <svg
+            class="mob-menu-social-icon"
+            width="24"
+            height="24"
+            aria-label="icon youtube"
+          >
+            <use href="./img/icons.svg#icon-youtube"></use>
+          </svg>
+        </a>
+      </li>
+      <li class="mob-menu-social-item">
+        <a
+          class="mob-menu-social-link"
+          href="https://www.facebook.com/goITclub/"
+        >
+          <svg
+            class="mob-menu-social-icon"
+            width="24"
+            height="24"
+            aria-label="icon facebook"
+          >
+            <use href="./img/icons.svg#icon-facebook"></use>
+          </svg>
+        </a>
+      </li>
+    </ul>
+  </div>
+</div>
diff --git a/src/partials/modal-help.html b/src/partials/modal-help.html
new file mode 100644
index 0000000..5da6abb
--- /dev/null
+++ b/src/partials/modal-help.html
@@ -0,0 +1,65 @@
+<button class="chat-button" data-modal-help-open>Ask me</button>
+<div class="modal-help-page-backdrop is-hidden" data-modal-help>
+  <div class="modal-help-page-content">
+    <button type="button" class="modal-help-close-btn" data-modal-help-close>
+      <svg
+        class="modal-help-close-icon"
+        width="28"
+        height="28"
+        viewBox="0 0 30 32"
+        aria-label="modal help page close icon"
+      >
+        <use href="./img/icons.svg#icon-mobil-menu-close"></use>
+      </svg>
+    </button>
+    <p class="modal-help-page-title">Leave your question</p>
+    <form class="modal-help-form" name="submit-form" autocomplete="off">
+      <div class="modal-help-form-item-container">
+        <label class="modal-help-form-input-label" for="user-name">Name</label>
+        <input
+          class="modal-help-form-input"
+          type="text"
+          name="user-name"
+          id="user-name"
+          placeholder="Your name"
+        />
+      </div>
+      <div class="modal-help-form-item-container">
+        <label class="modal-help-form-input-label" for="user-phone"
+          >Phone number</label
+        >
+        <input
+          class="modal-help-form-input"
+          type="tel"
+          name="user-phone"
+          id="user-phone"
+          placeholder="+38(0_ _) _ _ _   _ _   _ _"
+        />
+      </div>
+      <div class="modal-help-form-item-container">
+        <label class="modal-help-form-input-label" for="user-email"
+          >E-mail</label
+        >
+        <input
+          class="modal-help-form-input"
+          type="email"
+          name="user-email"
+          id="user-email"
+          placeholder="example@gmail.com"
+        />
+      </div>
+      <div class="modal-help-form-item-container last">
+        <label class="modal-help-form-input-label" for="user-comment"
+          >Comment</label
+        >
+        <textarea
+          class="modal-help-form-comment"
+          id="user-comment"
+          name="user-comment"
+          placeholder="Your comment"
+        ></textarea>
+      </div>
+      <button class="modal-help-form-button" type="submit">Send</button>
+    </form>
+  </div>
+</div>
diff --git a/src/partials/reviews.html b/src/partials/reviews.html
index e69de29..f28ef82 100644
--- a/src/partials/reviews.html
+++ b/src/partials/reviews.html
@@ -0,0 +1,66 @@
+<section class="section reviews">
+  <div class="container">
+    <h2 class="section-title reviews-title">
+      YachtJet take pride in providing the best possible service and experience
+      to our customers
+    </h2>
+    <p class="reviews-text">
+      Our customers have enjoyed unforgettable moments on our yachts. Don't just
+      take our word for it - read on to find out what they have to say about
+      their journey with us.
+    </p>
+    <ul class="reviews-list list">
+      <li class="reviews-list-item-first">
+        <img
+          class="reviews-list-avatar"
+          srcset="
+            ./img/reviews/john-wax.png   1x,
+            ./img/reviews/john-wax@2.png 2x
+          "
+          src="./img/reviews/john-wax.png"
+          alt="John Wax"
+        />
+        <h3 class="reviews-list-fullname">John Wax</h3>
+        <p class="reviews-list-text-first">
+          I rented the Lagoon 620 with my family for a week-long vacation and it
+          was the best decision ever. The yacht was spacious, comfortable, and
+          luxurious, and the crew took care of everything.
+        </p>
+      </li>
+      <li class="reviews-list-item-second">
+        <img
+          class="reviews-list-avatar"
+          srcset="
+            ./img/reviews/victoria-romashenko.png   1x,
+            ./img/reviews/victoria-romashenko@2.png 2x
+          "
+          src="./img/reviews/victoria-romashenko.png"
+          alt="Victoria Romashenko"
+        />
+        <h3 class="reviews-list-fullname">Victoria Romashenko</h3>
+        <p class="reviews-list-text-second">
+          The Sunseeker Manhattan 66 was the perfect choice for our romantic
+          getaway. The yacht was beautifully designed, with all the amenities we
+          needed, and the crew was attentive and friendly.
+        </p>
+      </li>
+      <li class="reviews-list-item-third">
+        <img
+          class="reviews-list-avatar"
+          srcset="
+            ./img/reviews/ihor-trachuk.png   1x,
+            ./img/reviews/ihor-trachuk@2.png 2x
+          "
+          src="./img/reviews/ihor-trachuk.png"
+          alt="Ihor Trachuk"
+        />
+        <h3 class="reviews-list-fullname">Ihor Trachuk</h3>
+        <p class="reviews-list-text-third">
+          The Azimut 80 was the most luxurious yacht I've ever been on. The
+          cabins were spacious and elegant, and the outdoor areas were perfect
+          for relaxing and entertaining. Worth every penny!
+        </p>
+      </li>
+    </ul>
+  </div>
+</section>
diff --git a/src/public/favicon.svg b/src/public/favicon.svg
index 5c00d88..c580e6b 100644
--- a/src/public/favicon.svg
+++ b/src/public/favicon.svg
@@ -1,12 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="position:absolute;width:0;height:0;overflow:hidden">
-    <defs>
-        <symbol id="icon-favicon" viewBox="0 0 32 32">
-            <path fill="#1b414b"
-                d="M8 0h16c4.418 0 8 3.582 8 8v16c0 4.418-3.582 8-8 8H8c-4.418 0-8-3.582-8-8V8c0-4.418 3.582-8 8-8z"
-                style="fill:var(--color1, #1b414b)" />
-            <path fill="#fbfbfb"
-                d="M7.369 10.818h1.745l2.66 4.628h.109l2.66-4.628h1.745l-3.694 6.185V21h-1.531v-3.997l-3.694-6.185zM17.14 21h-1.631l3.664-10.182h1.775L24.612 21h-1.631l-2.878-8.332h-.08L17.139 21zm.273-3.987h5.29v1.293h-5.29v-1.293z"
-                style="fill:var(--color2, #fbfbfb)" />
-        </symbol>
-    </defs>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" version="1.0" viewBox="0 0 700 700">
+    <path
+        d="M152.5 1.6c-37.9 5.1-70.7 20.7-98.2 46.8C24 77 5.2 115.5 1 157.5.2 165.3 0 224 .2 357l.3 188.5 2.3 11.3C16.5 625.2 65.9 677.9 132 694.5c22.2 5.6 17.4 5.5 217.8 5.5 117 0 188-.4 193.7-1 13.4-1.5 23.6-3.8 36.9-8.1 64.8-21.2 111.3-79.3 118.6-148.1 1.4-13 1.3-374.3 0-386.3-9.5-82.8-73-146.4-155.2-155.4-15.6-1.7-378.3-1.3-391.3.5zm76 285.9c18.1 31.4 29.5 50.4 30.4 50.2.7-.1 14.2-22.7 30-50.2l28.7-50 19.3-.3 19.4-.2-1.5 2.2c-.8 1.3-19.1 31.8-40.6 67.9L275 372.8V459h-33v-87.1L202 305c-22-36.9-40-67.2-40-67.5 0-.3 8.4-.5 18.8-.5h18.8l28.9 50.5zm269.4 59.3c21.7 60.3 39.6 110.3 39.9 110.9.3 1-3.6 1.3-17.4 1.3h-17.9l-10.1-29.3-10-29.2-42.9-.3c-23.6-.1-43.3.2-43.7.6-.5.5-5.3 13.7-10.7 29.3l-9.9 28.4-17.7.3c-17 .2-17.7.2-17.2-1.7.2-1 18.1-51 39.7-111L419.3 237h39.2l39.4 109.8z" />
+    <path
+        d="M438 277.2c0 .2-7.4 21.4-16.4 47.3l-16.3 47 33 .3c18.2.1 33.2 0 33.5-.2.7-.8-32-94.6-32.9-94.6-.5 0-.9.1-.9.2z" />
 </svg>
\ No newline at end of file