Merge pull request #24 from bogdankol/restylisation

Restylе of all pages
author: Daniil Baturin <daniil@vyos.io> 2024-04-25 12:21:36 +0200
committer: GitHub <noreply@github.com> 2024-04-25 12:21:36 +0200
commit: e2e5f3a9ae0286a9322c4942028193133364af1a (patch)
tree: c1842955aa05f100ea8083420429e5c46a46a7c0
parent: 32863d35742190bf12ca1ca066907f337292a43f (diff)
parent: 5c43b9a00bbdabb73e92884a6294b7be3e6101c3 (diff)
download: community.vyos.net-e2e5f3a9ae0286a9322c4942028193133364af1a.tar.gz
community.vyos.net-e2e5f3a9ae0286a9322c4942028193133364af1a.zip
75 files changed, 2783 insertions, 1731 deletions
diff --git a/.gitignore b/.gitignore
index 42c44ca..9f68996 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,2 @@
 build/*
-index.json
+index.json
+\ No newline at end of file
diff --git a/fonts/archivo-v19-latin-600.woff2 b/fonts/archivo-v19-latin-600.woff2
new file mode 100644
index 0000000..325766e
--- /dev/null
+++ b/fonts/archivo-v19-latin-600.woff2
diff --git a/fonts/archivo-v19-latin-700.woff2 b/fonts/archivo-v19-latin-700.woff2
new file mode 100644
index 0000000..2a400f2
--- /dev/null
+++ b/fonts/archivo-v19-latin-700.woff2
diff --git a/fonts/archivo-v19-latin-regular.woff2 b/fonts/archivo-v19-latin-regular.woff2
new file mode 100644
index 0000000..5b3f5ac
--- /dev/null
+++ b/fonts/archivo-v19-latin-regular.woff2
diff --git a/fonts/roboto-v30-latin-700.woff2 b/fonts/roboto-v30-latin-700.woff2
new file mode 100644
index 0000000..771fbec
--- /dev/null
+++ b/fonts/roboto-v30-latin-700.woff2
diff --git a/fonts/roboto-v30-latin-regular.woff2 b/fonts/roboto-v30-latin-regular.woff2
new file mode 100644
index 0000000..020729e
--- /dev/null
+++ b/fonts/roboto-v30-latin-regular.woff2
diff --git a/sass/containerCustom.sass b/sass/containerCustom.sass
new file mode 100644
index 0000000..cc08ebe
--- /dev/null
+++ b/sass/containerCustom.sass
@@ -0,0 +1,23 @@
+@import settings
+
+.containerCustom
+  display: flex
+  width: 100%
+  +resolution(0, 575)
+    padding: 0 20px
+  +resolution(576)
+    padding: 0 30px
+  +resolution(0, 991)
+    max-width: 738px
+  +resolution(992, 1200)
+    max-width: calc(100% - 100px)
+  +resolution(1200, 1499)
+    max-width: 1170px
+  +resolution(1500)
+    max-width: 1370px
+
+  a
+    color: $primary
+    &.footnote
+      margin: 0 2px 0 0
+      text-decoration: none
diff --git a/sass/content-div.sass b/sass/content-div.sass
new file mode 100644
index 0000000..72a5bf1
--- /dev/null
+++ b/sass/content-div.sass
@@ -0,0 +1,129 @@
+@import settings
+
+.get-page
+
+  .content-section
+    +resolution(992)
+      padding-top: 40px
+    +resolution(576, 991)
+      padding-top: 54px
+    +resolution(0, 575)
+      padding-top: 32px
+
+.contribute-page
+
+  .content-section
+    +resolution(992)
+      padding: 40px 0 144px
+    +resolution(576, 991)
+      padding: 54px 0 64px
+    +resolution(0, 575)
+      padding: 32px 0 64px
+
+.nightly-builds-page
+  .content-section
+    padding-top: 0
+    +resolution(992)
+      padding-bottom: 144px
+    +resolution(576, 991)
+      padding-bottom: 64px
+    +resolution(0, 575)
+      padding-bottom: 64px
+
+.contributor-subs-page
+
+  .content-section
+    +resolution(576)
+      padding-top: 20px
+    +resolution(0, 575)
+      padding-top: 32px
+
+.get-page,
+.contribute-page,
+.nightly-builds-page,
+.contributor-subs-page
+
+  .content-section
+    display: flex
+    align-items: center
+    flex-direction: column
+
+  .content-div
+    display: flex
+    flex-direction: column
+    width: 100%
+    box-sizing: border-box
+    +resolution(0, 575)
+      padding: 0 20px
+    +resolution(576, 991)
+      padding: 0 15px
+    +resolution(576, 991)
+      max-width: 738px
+    +resolution(992)
+      max-width: 810px
+
+    > div:first-of-type
+
+      h2
+        margin-top: 0
+
+    h2
+      font-size: 22px
+      letter-spacing: $em
+      +resolution(576)
+        margin-top: 40px
+      +resolution(0, 575)
+        margin-top: 32px
+
+    h3
+      letter-spacing: $px
+      color: $grey-dark
+      line-height: 1.6
+      font-family: $r
+      margin-top: 16px
+      +resolution(576)
+        font-size: 18px
+      +resolution(0, 575)
+        font-size: 16px
+
+    .nightly-builds,
+    .lts,
+    .legacy-lts,
+    .why-contribute,
+    .start,
+    .image-signatures,
+    .guidelines
+
+      p
+        line-height: 1.6
+        letter-spacing: $px
+        color: $grey-dark
+        &:nth-child(1n+2)
+          margin-top: 15px
+        &:nth-of-type(1)
+          margin-top: 10px
+
+        +resolution(0, 575)
+          font-size: 16px
+        +resolution(576)
+          font-size: 18px
+
+      a
+        color: $primary
+        +resolution(0, 575)
+          text-decoration: none
+
+        &:hover
+          text-decoration: none
+
+        &.footnote
+          margin: 0 0 0 2px
+          text-decoration: none
+
+.image-signatures
+
+  h2
+    +resolution(576)
+      margin-top: 40px !important
+    +resolution(0, 575)
+      margin-top: 32px !important
diff --git a/sass/contribute-page/banner.sass b/sass/contribute-page/banner.sass
new file mode 100644
index 0000000..9ca73fc
--- /dev/null
+++ b/sass/contribute-page/banner.sass
@@ -0,0 +1,82 @@
+@import ../settings
+
+.contribute-page
+
+  .banner
+    background-color: $white
+    display: flex
+    justify-content: center
+    position: relative
+    overflow: hidden
+    +resolution(0, 575)
+      height: 232px
+      padding-top: 106px
+    +resolution(576, 991)
+      height: 248px
+      padding-top: 128px
+    +resolution(992)
+      height: 275px
+      padding-top: 128px
+      align-items: center
+
+    h1
+      letter-spacing: $em
+      +resolution(992)
+        font-size: 48px
+      +resolution(0, 991)
+        font-size: 28px
+
+    p
+      letter-spacing: $px
+      font-weight: 600
+      color: $grey-dark
+      margin-top: 16px
+      +resolution(992)
+        font-size: 18px
+      +resolution(0, 991)
+        font-size: 16px
+
+    .containerCustom
+      position: unset
+
+      .banner-div
+        width: 100%
+        border-bottom: 1px solid $grey-light3
+        text-align: center
+        +resolution(0, 575)
+          padding-bottom: 32px
+        +resolution(576, 991)
+          padding-bottom: 54px
+        +resolution(992)
+          padding-bottom: 74px
+
+  .left-shape
+    position: absolute
+    +resolution(992)
+      top: 0
+      left: 0
+    +resolution(576, 991)
+      top: -100px
+      left: -40px
+    +resolution(0, 575)
+      display: none
+
+    img
+      width: 280px
+      height: 280px
+
+  .right-shape
+    position: absolute
+    +resolution(992)
+      top: 0
+      right: 0
+    +resolution(576, 991)
+      top: -100px
+      right: -60px
+    +resolution(0, 575)
+      top: -100px
+      right: -60px
+
+    img
+      width: 385px
+      height: 400px
diff --git a/sass/contribute-page/main.sass b/sass/contribute-page/main.sass
new file mode 100644
index 0000000..e467136
--- /dev/null
+++ b/sass/contribute-page/main.sass
@@ -0,0 +1,7 @@
+@import ../settings
+@import banner
+
+.contribute-page
+  
+  .containerCustom
+    flex-direction: column
+\ No newline at end of file
diff --git a/sass/contributor-subs-page/banner.sass b/sass/contributor-subs-page/banner.sass
new file mode 100644
index 0000000..cbafddd
--- /dev/null
+++ b/sass/contributor-subs-page/banner.sass
@@ -0,0 +1,82 @@
+@import ../settings
+
+.contributor-subs-page
+
+  .banner
+    background-color: $white
+    display: flex
+    justify-content: center
+    position: relative
+    overflow: hidden
+    +resolution(0, 575)
+      height: 232px
+      padding-top: 120px
+    +resolution(576, 991)
+      height: 248px
+      padding-top: 128px
+    +resolution(992)
+      height: 275px
+      padding-top: 128px
+      align-items: center
+
+    h1
+      letter-spacing: $em
+      +resolution(992)
+        font-size: 48px
+      +resolution(0, 991)
+        font-size: 28px
+
+    p
+      letter-spacing: $px
+      font-weight: 600
+      color: $grey-dark
+      margin-top: 16px
+      +resolution(992)
+        font-size: 18px
+      +resolution(0, 991)
+        font-size: 16px
+
+    .containerCustom
+      position: unset
+
+      .banner-div
+        width: 100%
+        border-bottom: 1px solid $grey-light3
+        text-align: center
+        +resolution(0, 575)
+          padding-bottom: 32px
+        +resolution(576, 991)
+          padding-bottom: 54px
+        +resolution(992)
+          padding-bottom: 74px
+
+  .left-shape
+    position: absolute
+    +resolution(992)
+      top: 0
+      left: 0
+    +resolution(576, 991)
+      top: -100px
+      left: -40px
+    +resolution(0, 575)
+      display: none
+
+    img
+      width: 280px
+      height: 280px
+
+  .right-shape
+    position: absolute
+    +resolution(992)
+      top: 0
+      right: 0
+    +resolution(576, 991)
+      top: -100px
+      right: -60px
+    +resolution(0, 575)
+      top: -100px
+      right: -60px
+
+    img
+      width: 385px
+      height: 400px
diff --git a/sass/contributor-subs-page/main.sass b/sass/contributor-subs-page/main.sass
new file mode 100644
index 0000000..2fd7b32
--- /dev/null
+++ b/sass/contributor-subs-page/main.sass
@@ -0,0 +1,12 @@
+@import ../settings
+@import banner
+
+.contributor-subs-page
+
+  .containerCustom
+    flex-direction: column
+
+  .form
+    width: 100%
+    display: flex 
+    justify-content: center
diff --git a/sass/fonts.sass b/sass/fonts.sass
index a22bc92..71ee7c3 100644
--- a/sass/fonts.sass
+++ b/sass/fonts.sass
@@ -1,23 +1,38 @@
-@font-face
-  font-family: 'Lato'
-  font-style: normal
-  font-weight: 400
-  font-display: swap
-  src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/lato-regular.woff2') format('woff2')
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
-
-@font-face
-  font-family: 'Lato'
-  font-style: normal
-  font-weight: 700
-  font-display: swap
-  src: local('Lato Bold'), local('Lato-Bold'), url('../fonts/lato-bold.woff2') format('woff2')
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
-
-@font-face
-  font-family: 'Lato'
-  font-style: normal
-  font-weight: 900
-  font-display: swap
-  src: local('Lato Black'), local('Lato-Black'), url('../fonts/lato-black.woff2') format('woff2')
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
-\ No newline at end of file
+@font-face {
+  font-display: swap
+  font-family: 'Archivo'
+  font-style: normal
+  font-weight: 400
+  src: url('../fonts/archivo-v19-latin-regular.woff2') format('woff2')
+}
+@font-face {
+  font-display: swap
+  font-family: 'Archivo'
+  font-style: normal
+  font-weight: 600
+  src: url('../fonts/archivo-v19-latin-600.woff2') format('woff2')
+}
+
+@font-face {
+  font-display: swap
+  font-family: 'Archivo'
+  font-style: normal
+  font-weight: 700
+  src: url('../fonts/archivo-v19-latin-700.woff2') format('woff2')
+}
+
+@font-face {
+  font-display: swap
+  font-family: 'Roboto'
+  font-style: normal
+  font-weight: 400
+  src: url('../fonts/roboto-v30-latin-regular.woff2') format('woff2')
+}
+
+@font-face {
+  font-display: swap
+  font-family: 'Roboto'
+  font-style: normal
+  font-weight: 700
+  src: url('../fonts/roboto-v30-latin-700.woff2') format('woff2')
+}
+\ No newline at end of file
diff --git a/sass/footer.sass b/sass/footer.sass
index 0c9faf1..aae1e7f 100644
--- a/sass/footer.sass
+++ b/sass/footer.sass
@@ -1,176 +1,193 @@
-@import settings.sass
-  
-footer
-  div.footer__inner
-    
-    div.footer__logo-society
-      display: grid
-      grid-template-columns: 60px 1fr 191px
-      grid-gap: 25px
-      align-items: center
-      +resp(sm)
-        display: none
-      div.footer__hr
-        align-self: center
-        img
-          margin-bottom: 10px
-          width: 100%
-          +resp(md)
-            border-bottom: 1px solid #E0DFDF
-      div.footer__socials
-        display: flex
-        justify-content: space-between
-        align-items: center
-        padding-left: 6px
-
-    div.footer__links-trustpilot
-      display: flex
-      justify-content: space-between
-      margin-top: 36px
-      +resp(sm)
-        display: none
-
-      div.footer__links
-        display: flex
-        +resp(md)
-          flex-wrap: wrap
-
-        div.footer__column
-          display: grid
-          grid-template-rows: auto 1fr
-          margin-right: 48px
-          +resp(lg)
-            margin-right: 28px
-          +resp(md)
-            margin: 0 0 30px
-            grid-template-rows: 34px 1fr
-          &:nth-child(1)
-            +resp(lg)
-              width: 16%
-            +resp(md)
-              width: 40%
-          &:nth-child(2)
-            +resp(lg)
-              width: 18%
-            +resp(md)
-              width: 60%
-          &:nth-child(3)
-            +resp(lg)
-              width: 20%
-            +resp(md)
-              width: 40%
-          &:nth-child(4)
-            margin-right: 0
-            +resp(lg)
-              width: 32%
-            +resp(md)
-              width: 60%
-
-          h3
-            font-weight: 600
-            font-size: 18px
-            padding: 0 0 17px 0
-            color: $black
-
-          ul
-            padding-left: 0
-            list-style: none
-            li
-              padding: 5px 0
-              a
-                list-style: none
-                font-weight: normal
-                font-size: 16px
-                line-height: 1.7
-                color: #747577
-                text-decoration: none
-                +resp(md)
-                  font-size: 14px
-                &:hover
-                  color: $orange
-                  text-decoration: underline
-
-      div.footer__trustpilot
-        justify-self: end
-        border-left: 1px solid #E0DFDF
-        padding-left: 33px
-        +resp(lg)
-          padding-left: 10px
-        div#tp-widget-wrapper
-          margin: 0
-
-    div.footer__developer
-      border-top: 1px solid #E0DFDF
-      display: flex
-      justify-content: space-between
-      align-items: center
-      padding: 40px 0
-      margin-top: 37px
-      +resp(sm)
-        display: none
-      div.footer__hosted
-        display: flex
-        align-items: center
-        p
-          font-weight: normal
-          font-size: 13px
-          line-height: 16px
-          color: #ACACAD
-          padding-right: 16px
-          +resp(md)
-            padding-right: 8px
-            display: none
-
-      div.footer__rights
-        display: flex
-        p, a
-          font-weight: normal
-          font-size: 15px
-          line-height: 150%
-          text-decoration: none
-          color: #ACACAD
-          padding-right: 30px
-          +resp(md)
-            font-size: 14px
-            padding-right: 22px
-        a:hover
-          text-decoration: underline
-          color: $orange
-
-    div.footer__sm
-      display: none
-      +resp(sm)
-        display: block
-      
-      div.footer__sm__contant
-        border-top: 1px solid #ACACAD
-        padding: 32px 0 23px
-        div.footer__sm__logos
-          display: flex
-          justify-content: space-between
-          align-items: center
-        div.footer__sm__society
-          max-width: 200px
-          margin: 24px auto 17px
-          display: flex
-          justify-content: space-between
-        div.footer__sm__developer
-          p, a
-            font-weight: normal
-            font-size: 13px
-            line-height: 16px
-            color: #747577
-            opacity: 0.5
-          div.footer__sm__privacy-policy
-            display: flex
-            justify-content: center
-            margin-bottom: 19px
-            a
-              text-decoration: none
-              transition: 0.3s
-              &:hover
-                text-decoration: underline
-              &:first-child
-                margin-right: 20px
-          div.footer__sm__rights
-            text-align: center
-\ No newline at end of file
+@import settings
+
+footer
+  display: flex
+  justify-content: center
+  background-color: $grey-light2
+  +resolution(992)
+    padding-top: 60px
+    padding-bottom: 30px
+  +resolution(576, 991)
+    padding-top: 40px
+    padding-bottom: 30px
+  +resolution(0, 575)
+    padding-top: 30px
+    padding-bottom: 24px
+
+  .inner
+    width: 100%
+
+    .top
+      +resolution(992)
+        display: grid
+        grid-template-columns: auto 1fr
+
+      .sentrium-column
+        display: flex
+        +resolution(0, 575)
+          flex-direction: column
+          align-items: center
+        +resolution(0, 991)
+          width: 100%
+          justify-content: space-between
+          align-items: center
+        +resolution(992)
+          max-width: 227px
+          margin-right: 70px
+          flex-direction: column
+
+        div
+          display: flex
+          +resolution(0, 575)
+            flex-direction: column
+          +resolution(0, 991)
+            align-items: center
+          +resolution(992)
+            flex-direction: column
+
+          img
+            width: 66px
+            height: 46px
+
+          p
+            font-family: $a
+            color: $grey-dark
+            font-weight: 600
+            letter-spacing: $px
+            line-height: 1.4
+            +resolution(992)
+              margin-top: 24px
+            +resolution(576)
+              font-size: 18px
+            +resolution(576, 991)
+              width: 100%
+              max-width: 258px
+            +resolution(0, 991)
+              margin-left: 20px
+            +resolution(0, 575)
+              font-size: 16px
+              margin-top: 14px
+
+        a
+          background-color: $black
+          color: $white
+          font-family: $a
+          letter-spacing: $em
+          font-weight: 700
+          font-size: 14px
+          width: 140px
+          display: flex
+          justify-content: center
+          align-items: center
+          text-decoration: none
+          border-radius: 4px
+          height: 40px
+          +resolution(992)
+            margin-top: 40px
+          +resolution(0, 575)
+            margin-top: 16px
+
+          &:hover
+            background-color: $grey-dark
+
+          &:active
+            background-color: $white
+
+    .links-columns
+      +resolution(0, 991)
+        display: none
+      +resolution(992)
+        display: grid
+        grid-template-columns: 1fr 1fr 1fr 1fr
+
+      .links-column
+
+        h3
+          font-size: 16px
+          color: $black
+          letter-spacing: $em
+
+        ul
+          padding-left: 0
+          margin-top: 24px
+          list-style: none
+
+          li
+            margin-bottom: 12px
+
+            &:nth-last-child(1)
+              margin-bottom: 0
+
+            a
+              font-weight: normal
+              font-size: 16px
+              color: $grey-dark
+              text-decoration: none
+              font-family: $a
+              letter-spacing: $em
+
+              &:hover
+                color: $orange
+                text-decoration: underline
+
+    .bottom
+      display: flex
+      +resolution(992)
+        justify-content: space-between
+        align-items: center
+        margin-top: 43px
+      +resolution(576, 991)
+        margin-top: 30px
+        justify-content: space-between
+        align-items: center
+      +resolution(0, 576)
+        margin-top: 40px
+        justify-content: space-between
+        align-items: center
+        flex-direction: column-reverse
+
+      p
+        font-family: $a
+        font-weight: 400
+        letter-spacing: $em
+        color: $grey-dark2
+        +resolution(992)
+          font-size: 14px
+        +resolution(576, 991)
+          font-size: 16px
+        +resolution(0, 575)
+          font-size: 14px
+          margin-top: 24px
+
+      .social-logos
+        display: grid
+        grid-template-columns: 1fr 1fr 1fr 1fr
+        column-gap: 12px
+
+        a
+          text-decoration: none
+          width: 46px
+          height: 46px
+          display: flex
+          justify-content: center
+          align-items: center
+          background-color: $white
+          transition: outline 250ms linear
+          outline: none
+          border-radius: 2px
+          outline: none
+
+          svg
+            path
+              transition: fill 250ms linear
+
+          &:hover
+            svg
+              path
+                fill: $primary
+          &:active
+            outline: 1px solid $primary
+
+            svg
+              path
+                fill: $secondary
diff --git a/sass/footnotes.sass b/sass/footnotes.sass
new file mode 100644
index 0000000..db633a4
--- /dev/null
+++ b/sass/footnotes.sass
@@ -0,0 +1,10 @@
+@import settings.sass
+
+#footnotes
+  p
+    letter-spacing: $px
+    color: $grey-dark
+    +resolution(576)
+      font-size: 14px
+    +resolution(0, 575)
+      font-size: 13px
diff --git a/sass/forms.sass b/sass/forms.sass
index 505bae5..1f97534 100644
--- a/sass/forms.sass
+++ b/sass/forms.sass
@@ -1,77 +1,124 @@
-@import settings.sass
+@import settings
+
+.form,
+.application-form
+  display: flex
+  justify-content: center
+
+.form
+  +resolution(992)
+    padding: 40px 0 144px
+  +resolution(0, 991)
+    padding: 32px 0 64px
+
+input
+  
+  &.error
+    outline: 1px solid $red !important
+    border: none !important
 
 div.hbspt-form
-  background-image: url(../img/forms/bg.svg)
-  padding-top: 25px
-  padding-bottom: 70px
-  margin-top: 50px
-  margin-bottom: 70px
-  +resp(sm)
-    padding-bottom: 50px
-    padding-top: 15px
-  +resp(esm)
-    margin-top: 30px
-    margin-bottom: 50px
-
-  h1, h2, h3, h4, h5, h6
-    color: $white
-    text-align: center
-
-  h2
-    +resp(sm)
+  -webkit-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.12)
+  -moz-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.12)
+  box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.12)
+  border-radius: 8px
+  width: 100%
+  +resolution(576)
+    padding: 40px 65px
+    max-width: 945px
+  +resolution(0, 575)
+    padding: 32px 20px
+
+  h2,
+  h3
+    letter-spacing: $em
+    color: $black !important
+    +resolution(576)
+      font-size: 24px
       margin-bottom: 12px !important
+    +resolution(0, 575)
+      font-size: 22px
+
+    span 
+      color: $black !important
 
   form
-    max-width: 800px
-    margin-left: auto
-    margin-right: auto
-    +resp(md)
+    max-width: 945px
+    +resolution(576, 991)
       max-width: 100%
-      padding-left: 50px
-      padding-right: 50px
-    +resp(esm)
-      padding-left: 30px
-      padding-right: 30px
 
     > fieldset
       max-width: 100%
       margin-bottom: 20px
-      +resp(sm)
+      +resolution(576, 991)
         margin-bottom: 15px
 
+      &:nth-child(1):has(h3)
+        margin-bottom: 10px
+
+      &.form-columns-1
+
+        > div.hs-message
+
+          label
+            margin-bottom: 15px
+
+      &.form-columns-0
+
+        p
+          color: $grey-normal
+          letter-spacing: $px
+          font-weight: 600
+          +resolution(576)
+            font-size: 18px
+          +resolution(0, 575)
+            font-size: 14px
+
       > div
 
         > label
           color: $white
           display: block
           font-size: 16px
+          margin-bottom: 4px
 
           > span
-            display: inline-block
             margin-bottom: 10px
+            color: $grey-dark
+            letter-spacing: $em
+            line-height: 1.2
+            font-weight: 600
+            font-family: $a
+            +resolution(0, 575)
+              font-size: 14px
+            +resolution(576)
+              font-size: 16px
 
             &:empty
               display: none
 
+            &.hs-form-required
+              color: $red
+
         > div.input
           margin-right: 0 !important
           display: flex
 
-          textarea, input
+          textarea,
+          input
             width: 100% !important
-            color: $form-fields
+            color: $grey-normal
             font-size: 16px
-            font-family: sans-serif
-            +resp(sm)
+            border: 1px solid $grey-light4
+            +resolution(576, 991)
               font-size: 14px
 
-            &.invalid
-              border: 2px solid red
-
           input
             height: 46px
             padding: 0 15px
-            +resp(sm)
+            border-radius: 4px
+            border: 1px solid $grey-light4
+            +resolution(576, 991)
               height: 41px
 
           textarea
@@ -79,7 +126,7 @@ div.hbspt-form
             padding: 12px 15px
             resize: none
             line-height: 140%
-            +resp(sm)
+            +resolution(576, 991)
               height: 53px
 
         > ul.hs-error-msgs
@@ -91,7 +138,7 @@ div.hbspt-form
             padding: 0 !important
             margin: 7px 0 0 !important
             font-size: 14px
-            +resp(sm)
+            +resolution(576, 991)
               margin-top: 5px !important
 
             &:before
@@ -100,34 +147,34 @@ div.hbspt-form
       &.form-columns-2
         display: flex
         justify-content: space-between
-        +resp(sm)
+        +resolution(0, 760)
           flex-direction: column
 
         > div
           float: none !important
           width: calc(50% - 10px) !important
-          +resp(sm)
+          +resolution(0, 760)
             width: 100% !important
 
           &:first-child
-            +resp(sm)
+            +resolution(0, 760)
               margin-bottom: 15px
 
       &.form-columns-3
         display: flex
         justify-content: space-between
-        +resp(sm)
+        +resolution(576, 991)
           flex-direction: column
 
         > div
           float: none !important
           width: calc(33.33% - 13px) !important
-          +resp(sm)
+          +resolution(576, 991)
             width: 100% !important
             margin-bottom: 15px
 
             &:last-child
-              +resp(sm)
+              +resolution(576, 991)
                 margin-bottom: 0
 
     > div.hs_recaptcha
@@ -137,24 +184,184 @@ div.hbspt-form
       display: none
 
     > div.hs-submit
-    
+
       > div.actions
-        text-align: center
 
         input[type=submit]
-          background-color: $orange
-          color: $black
+          border-radius: 4px
+          display: flex
+          justify-content: center
+          align-items: center
+          color: $white
+          font-family: $a
           font-weight: 700
-          font-size: 16px
-          width: 245px
-          height: 60px
-          cursor: pointer
-          border: 1px solid $orange
-          transition: 0.3s
-          +resp(sm)
-            height: 50px
-          +resp(esm)
+          letter-spacing: $em
+          border: none
+          transition: outline 250ms linear, background-color 250ms linear
+          z-index: 2
+          background-color: $secondary
+          padding: 12px 18px
+          +resolution(576)
+            font-size: 16px
+            height: 46px
+          +resolution(0, 375)
             width: 100%
+          +resolution(0, 575)
+            height: 40px
+            font-size: 14px
 
           &:hover
-            background-color: $white
-\ No newline at end of file
+            background-color: $tretiary
+
+          &:active
+            background-color: $secondary
+            outline: 3px solid rgba(255, 144, 0, 0.25)
+
+.hs-error-msgs
+  display: none !important
+
+.input
+  input.error
+    border-width: 1px !important
+
+  textarea
+    font-family: $r
+    letter-spacing: $px
+    color: $grey-dark
+    +resolution(0, 575)
+      font-size: 14px
+    +resolution(576)
+      font-size: 16px
+
+.form-footer
+  border-radius: 8px
+  background-color: $grey-dark
+  +resolution(992)
+    padding: 34px 48px
+    margin-top: 80px
+    display: grid
+    grid-template-columns: 1fr 1fr
+    column-gap: 30px
+  +resolution(576, 991)
+    margin-top: 38px
+    padding: 26px 32px
+  +resolution(0, 575)
+    padding: 18px 24px 24px
+    margin-top: 48px
+    flex-direction: column
+  +resolution(0, 991)
+    display: flex
+
+  .inner
+    +resolution(576, 991)
+      max-width: 210px
+
+    h3
+      letter-spacing: $em
+      color: $white
+      +resolution(992)
+        font-size: 24px
+      +resolution(0, 991)
+        dont-size: 20px
+
+    p
+      font-size: 14px
+      font-family: $a
+      font-weight: 600
+      letter-spacing: $em
+      line-height: 1.2
+      color: $grey-light3
+      +resolution(0, 991)
+        margin-top: 4px
+
+  .form-div
+    +resolution(576, 991)
+      width: 100%
+    +resolution(0, 575)
+      margin-top: 16px
+
+    .hs_error_rollup
+      display: none
+
+    form
+      display: grid
+      +resolution(992)
+        grid-template-columns: 4fr 1fr
+        grid-column-gap: 30px
+      +resolution(576, 991)
+        grid-template-columns: 3fr 1fr
+        grid-column-gap: 10px
+
+      .hs_email
+        +resolution(992)
+          width: 95%
+        +resolution(576, 991)
+          width: 100%
+          height: 100%
+
+      .input
+        +resolution(992)
+          margin-right: 8px
+          width: 100%
+        +resolution(576, 991)
+          height: 100%
+          width: 95%
+        +resolution(0, 575)
+          width: 100%
+
+        input
+          font-family: $r
+          font-weight: 500
+          font-size: 16px
+          letter-spacing: $em
+          color: $grey-normal
+          width: inherit
+          border-radius: 4px
+          border: none
+          padding-block: 0
+          padding-inline: 0
+          +resolution(992)
+            padding: 14px 18px
+          +resolution(576, 991)
+            padding: 14px 18px
+          +resolution(0, 575)
+            padding: 10px 14px
+            box-sizing: border-box
+
+      .hs-submit
+        +resolution(0, 575)
+          margin-top: 12px
+
+        .actions
+          width: unset
+
+          input
+            height: 46px
+            background-color: $secondary
+            border-radius: 4px
+            display: flex
+            justify-content: center
+            align-items: center
+            color: $white
+            font-family: $a
+            font-weight: 700
+            letter-spacing: $em
+            border: none
+            transition: background-color 250ms linear
+            +resolution(576)
+              font-size: 16px
+            +resolution(992)
+              width: 120px
+            +resolution(576, 991)
+              width: 100px
+            +resolution(0, 575)
+              width: 100%
+              height: 40px
+              font-size: 14px
+
+            &:hover
+              background-color: $tretiary
+
+            &:active
+              background-color: $secondary
+              outline: 3px solid rgba(255, 144, 0, 0.25)
diff --git a/sass/front-page/banner.sass b/sass/front-page/banner.sass
index 51b6bcf..fd504a6 100644
--- a/sass/front-page/banner.sass
+++ b/sass/front-page/banner.sass
@@ -1,57 +1,75 @@
-@import ../settings.sass
-  
-section.banner
-  background-image: url("/img/front-page/banner/banner-bg.svg")
-  background-position: bottom
-  background-repeat: no-repeat
-  background-size: cover
-  padding: 77px 0 87px
-  +resp(sm)
-    background-image: url("/img/front-page/banner/banner-bg-sm.svg")
-    padding: 45px 0 0
-  div.sm-none
-    +resp(sm)
-      padding: 0
-  div.banner__text-button
-    max-width: 50%
-    +resp(md)
-      max-width: 60%
-    +resp(sm)
-      margin-bottom: 23px
-      max-width: 100%
-    h1
-      padding-bottom: 57px
-      +resp(sm)
-        text-align: center
-        padding-bottom: 51%
-        padding-left: 20px
-        padding-right: 20px
-    div.banner__btn_container
-      +resp(sm)
-        background-color: $white
-        display: flex
-        justify-content: center
-        padding-left: 20px
-        padding-right: 20px
-      a
-        max-width: 311px
-        width: 100%
-        height: 58px
-        background: $black
-        border: 1px solid $black
-        display: inline-flex
-        margin-top: 23px
-        align-items: center
-        justify-content: center
-        font-weight: 700
-        font-size: 16px
-        line-height: 15px
-        color: $white
-        text-decoration: none
-        transition: 0.3s
-        +resp(sm)
-          height: 38px
-          font-size: 14px
-        &:hover
-          background: $white
-          color: $black
-\ No newline at end of file
+@import ../settings
+
+section.banner
+  background-color: $grey-light2
+  display: flex
+  justify-content: center
+  position: relative
+  overflow: hidden
+  +resolution(0, 575)
+    height: 386px
+    padding-top: 100px
+  +resolution(576, 991)
+    height: 433px
+    padding-top: 110px
+  +resolution(992)
+    height: 459px
+    padding-top: 74px
+    align-items: center
+
+  .containerCustom
+    position: relative
+    +resolution(0, 991)
+      justify-content: center
+
+    .image
+      position: absolute
+      z-index: 1
+      +resolution(0, 575)
+        bottom: 0
+        left: 50%
+        transform: translateX(-50%)
+        width: 373px
+        height: 225px
+      +resolution(576, 991)
+        bottom: 0
+        left: 50%
+        transform: translateX(-50%)
+        width: 550px
+        height: 300px
+      +resolution(992, 1100)
+        bottom: -220px
+        right: -20px
+        width: 528px
+        height: 320px
+      +resolution(1100, 1300)
+        bottom: -220px
+        right: -20px
+        width: 648px
+        height: 390px
+      +resolution(1300)
+        bottom: -220px
+        right: -150px
+        width: 758px
+        height: 457px
+
+      img
+        width: 100%
+        height: 100%
+
+    .innerDiv
+      +resolution(0, 991)
+        text-align: center
+
+      h1
+        +resolution(992)
+          max-width: 680px
+        +resolution(575, 991)
+          max-width: 709px
+
+      p
+        font-family: $a
+        font-weight: 600
+        letter-spacing: $px
+        color: $grey-normal
+        margin-top: 16px
diff --git a/sass/front-page/bottom-text.sass b/sass/front-page/bottom-text.sass
index 943c4b6..fce2d46 100644
--- a/sass/front-page/bottom-text.sass
+++ b/sass/front-page/bottom-text.sass
@@ -1,27 +1,34 @@
-@import ../settings.sass
-
-.bottom-text
-  &__inner
-    padding: 138px 0 182px
-    max-width: 657px
-    margin-left: auto
-    text-align: center
-    margin-right: auto
-    +resp(lg)
-      padding: 138px 250px 182px
-    +resp(md)
-      padding: 90px 50px 126px
-    +resp(sm)
-      padding: 56px 50px 64px
-    +resp(esm)
-      padding: 56px 20px 64px
-    h2
-      padding-bottom: 25px
-      +resp(sm)
-        padding-bottom: 0
-    p
-      font-size: 18px
-      +resp(sm)
-        font-size: 16px
-      +resp(esm)
-        font-size: 14px
-\ No newline at end of file
+@import ../settings
+
+.bottom-text
+  text-align: center
+  display: flex
+  justify-content: center
+  +resolution(992)
+    padding: 144px 0
+  +resolution(576, 991)
+    padding: 96px 0
+  +resolution(0, 575)
+    padding: 64px 0
+
+  div
+    display: flex
+    flex-direction: column
+
+  h2
+    letter-spacing: $em
+    color: $black
+    +resolution(576)
+      font-size: 34px
+    +resolution(0, 575)
+      font-size: 22px
+  p
+    letter-spacing: $px
+    font-weight: 500
+    color: $black2
+    +resolution(576)
+      font-size: 18px
+      margin-top: 24px
+    +resolution(0, 575)
+      font-size: 16px
+      margin-top: 16px
diff --git a/sass/front-page/canvas.sass b/sass/front-page/canvas.sass
new file mode 100644
index 0000000..e69cd00
--- /dev/null
+++ b/sass/front-page/canvas.sass
@@ -0,0 +1,21 @@
+.background
+  position: absolute
+  z-index: 0
+  +resolution(0, 575)
+    display: none
+  +resolution(576, 991)
+    top: -516px
+    right: -280px
+  +resolution(992)
+    top: -600px
+  +resolution(992, 1199)
+    right: -250px
+  +resolution(1200, 1300)
+    right: -220px
+  +resolution(1300)
+    right: -150px
+
+  canvas
+    +resolution(576)
+      width: 1024px !important
+      height: 840px !important
diff --git a/sass/front-page/inform-columns.sass b/sass/front-page/inform-columns.sass
index 250982f..04ae9b6 100644
--- a/sass/front-page/inform-columns.sass
+++ b/sass/front-page/inform-columns.sass
@@ -1,83 +1,141 @@
-@import ../settings.sass
-
-section.inform-columns
-
-  div.inform-column__inner
-    display: grid
-    grid-template-columns: 1fr 1fr
-    grid-gap: 23px 30px
-    +resp(lg)
-      grid-gap: 20px
-      +resp(sm)
-        grid-template-columns: 1fr
-        
-    div.inform-column__item
-      background: #F3F4F4
-      display: grid
-      grid-template-rows: auto 1fr auto
-      grid-gap: 40px
-      padding: 48px 54px 59px
-      +resp(md)
-        grid-gap: 25px
-        padding: 30px 25px
-      +resp(sm)
-        padding: 30px 24px 40px
-        grid-gap: 15px
-        grid-template-rows: auto 1fr 65px
-      
-      div.inform-column__header
-        display: flex
-        align-items: center
-        div.inform-column__icon
-          padding-right: 19px
-        div.inform-column__title
-          h3
-            font-weight: bold
-            font-size: 28px
-            line-height: 150%
-            letter-spacing: 0.02em
-            color: #000000
-            +resp(sm)
-              font-size: 21px
-      
-      div.inform-column__data
-        p
-          text-align: left
-          margin-bottom: 29px
-          font-size: 16px
-          +resp(md)
-            margin-bottom: 20px
-          &:last-child
-            margin-bottom: 10px
-            +resp(sm)
-              margin-bottom: 0
-          +resp(sm)
-            line-height: 180%
-            font-size: 14px
-            margin-bottom: 25px
-      
-      div.inform-column__button
-        +resp(sm)
-          align-self: end
-        a.inform-column__btn
-          max-width: 291px
-          padding: 10px
-          min-height: 38px
-          color: #18191C !important
-          display: flex
-          align-items: center
-          justify-content: center
-          text-align: center
-          background: $orange
-          border: 1px solid $orange
-          font-weight: 700
-          font-size: 16px
-          color: $black
-          text-decoration: none
-          transition: 0.3s
-          line-height: 1.5
-          +resp(sm)
-            min-height: 28px
-            font-size: 14px
-          &:hover
-            background: $white
-\ No newline at end of file
+@import ../settings
+
+section.inform-columns
+  display: flex
+  justify-content: center
+
+  .inner-div
+    display: grid
+    grid-template-columns: 1fr 1fr
+    grid-gap: 30px
+    +resolution(0, 991)
+      grid-template-columns: 1fr
+
+    .item
+      background: $light
+      position: relative
+      display: grid
+      grid-template-rows: auto 1fr auto
+      +resolution(576)
+        padding: 40px
+      +resolution(0, 575)
+        padding: 30px 20px
+
+      &:nth-child(odd)
+        &::before
+          content: ""
+          position: absolute
+          top: 0
+          left: 0
+          background-color: $white
+          clip-path: polygon(0 0, 0 100%, 100% 0)
+          +resolution(576)
+            width: 40px
+            height: 40px
+          +resolution(0, 575)
+            width: 20px
+            height: 20px
+
+        &::after
+          content: ""
+          position: absolute
+          bottom: 0
+          right: 0
+          background-color: $white
+          clip-path: polygon(100% 100%, 0 100%, 100% 0)
+          +resolution(576, 992)
+            width: 40px
+            height: 40px
+          +resolution(0, 575)
+            width: 20px
+            height: 20px
+
+      &:nth-child(2n)
+        &::before
+          content: ""
+          position: absolute
+          top: 0
+          left: 0
+          background-color: $white
+          clip-path: polygon(0 0, 0 100%, 100% 0)
+          +resolution(576)
+            width: 40px
+            height: 40px
+          +resolution(0, 575)
+            width: 20px
+            height: 20px
+
+        &::after
+          content: ""
+          position: absolute
+          bottom: 0
+          right: 0
+          background-color: $white
+          clip-path: polygon(100% 100%, 0 100%, 100% 0)
+          +resolution(576)
+            width: 40px
+            height: 40px
+          +resolution(0, 575)
+            width: 20px
+            height: 20px
+
+      .header
+        display: flex
+        flex-direction: column
+
+        img 
+          width: 54px
+          height: 54px
+
+        div
+
+          h3
+            font-weight: bold
+            letter-spacing: $em
+            color: $black
+            margin-top: 16px
+            +resolution(992)
+              font-size: 24px
+            +resolution(0, 991)
+              font-size: 20px
+
+      .content
+        +resolution(992)
+          margin: 24px 0
+        +resolution(0, 991)
+          margin: 16px 0
+
+        p
+          text-align: left
+          font-size: 16px
+          +resolution(992)
+            margin-bottom: 20px
+          +resolution(0, 991)
+            margin-bottom: 15px
+          &:last-child
+            margin-bottom: 0
+
+      a
+        max-width: 291px
+        min-height: 58px
+        color: $black !important
+        display: flex
+        align-items: center
+        font-weight: 700
+        font-size: 16px
+        text-decoration: none
+        transition: 0.3s
+        letter-spacing: $em
+
+        &::after
+          content: url('/img/global/link-arrow.svg')
+          display: flex
+          margin-left: 15px
+          align-items: center
+          padding-top: 5px
+
+        &:hover
+          color: $secondary !important
+
+        &:active
+          color: $primary !important
diff --git a/sass/front-page/main-text.sass b/sass/front-page/main-text.sass
index c3b4fdd..3ed9773 100644
--- a/sass/front-page/main-text.sass
+++ b/sass/front-page/main-text.sass
@@ -1,20 +1,31 @@
-@import ../settings.sass
-  
-section.main-text
-  max-width: 884px
-  margin-left: auto
-  margin-right: auto
-  padding: 143px 0
-  text-align: center
-  +resp(lg)
-    padding: 143px 0
-  +resp(md)
-    padding: 90px 0
-  +resp(sm)
-    padding: 0 0 55px
-  p
-    font-size: 18px
-    +resp(sm)
-      font-size: 16px
-    +resp(esm)
-      font-size: 14px
-\ No newline at end of file
+@import ../settings
+
+section.main-text
+  display: flex
+  +resolution(0, 575)
+    padding: 64px 0
+  +resolution(576)
+    justify-content: center
+  +resolution(576, 991)
+    padding: 96px 0
+  +resolution(992)
+    padding: 144px 0
+
+  .containerCustom
+    +resolution(0, 575)
+      flex-direction: column
+
+    img
+      width: 72px
+      height: 72px
+
+    p
+      font-size: 18px
+      letter-spacing: $px
+      color: $grey-dark
+      +resolution(576)
+        font-size: 18px
+        margin-left: 30px
+      +resolution(0, 575)
+        font-size: 16px
+        margin-top: 16px
diff --git a/sass/front-page/navigation.sass b/sass/front-page/navigation.sass
new file mode 100644
index 0000000..5c0c545
--- /dev/null
+++ b/sass/front-page/navigation.sass
@@ -0,0 +1,16 @@
+.navigation 
+  background: transparent
+  position: fixed
+  top: 0
+  right: 0
+  left: 0
+  z-index: 2
+  display: flex 
+  justify-content: center
+  transition: background-color 250ms linear, box-shadow 250ms linear
+
+  &.background__white
+    background-color: $white
+    
+  &.bottom-shadow
+    box-shadow: 0 4px 16px rgba(0, 0, 0, .12)
+\ No newline at end of file
diff --git a/sass/get-page/banner.sass b/sass/get-page/banner.sass
new file mode 100644
index 0000000..ac6eb52
--- /dev/null
+++ b/sass/get-page/banner.sass
@@ -0,0 +1,82 @@
+@import ../settings
+
+.get-page
+
+  .banner
+    background-color: $white
+    display: flex
+    justify-content: center
+    position: relative
+    overflow: hidden
+    +resolution(0, 575)
+      height: 232px
+      padding-top: 106px
+    +resolution(576, 991)
+      height: 248px
+      padding-top: 128px
+    +resolution(992)
+      height: 275px
+      padding-top: 128px
+      align-items: center
+
+    h1
+      letter-spacing: $em
+      +resolution(992)
+        font-size: 48px
+      +resolution(0, 991)
+        font-size: 28px
+
+    p
+      letter-spacing: $px
+      font-weight: 600
+      color: $grey-dark
+      margin-top: 16px
+      +resolution(992)
+        font-size: 18px
+      +resolution(0, 991)
+        font-size: 16px
+
+    .containerCustom
+      position: unset
+
+      .banner-div
+        width: 100%
+        border-bottom: 1px solid $grey-light3
+        text-align: center
+        +resolution(0, 575)
+          padding-bottom: 32px
+        +resolution(576, 991)
+          padding-bottom: 54px
+        +resolution(992)
+          padding-bottom: 74px
+
+  .left-shape
+    position: absolute
+    +resolution(992)
+      top: 0
+      left: 0
+    +resolution(576, 991)
+      top: -100px
+      left: -40px
+    +resolution(0, 575)
+      display: none
+
+    img
+      width: 280px
+      height: 280px
+
+  .right-shape
+    position: absolute
+    +resolution(992)
+      top: 0
+      right: 0
+    +resolution(576, 991)
+      top: -100px
+      right: -60px
+    +resolution(0, 575)
+      top: -100px
+      right: -60px
+
+    img
+      width: 385px
+      height: 400px
diff --git a/sass/get-page/main.sass b/sass/get-page/main.sass
new file mode 100644
index 0000000..48f043a
--- /dev/null
+++ b/sass/get-page/main.sass
@@ -0,0 +1,7 @@
+@import ../settings
+@import banner
+
+.get-page
+  
+  .containerCustom
+    flex-direction: column
+\ No newline at end of file
diff --git a/sass/google-analytics-message.sass b/sass/google-analytics-message.sass
index 3789f86..91a1ea9 100644
--- a/sass/google-analytics-message.sass
+++ b/sass/google-analytics-message.sass
@@ -1,70 +1,141 @@
-@import settings.sass
+@import settings
 
 .google-analytics-message
   position: fixed
   left: 0
-  right: 0
   bottom: 0
-  height: auto
+  z-index: 2
   display: none
-  align-items: center
+  width: 100%
   background-color: $white
-  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08)
-  padding: 44px 0
-  +resp(lg)
-    padding: 28px 0
-  +resp(sm)
-    padding: 20px 0
-  +resp(esm)
-    padding: 13px 0
+  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12)
+  +resolution(0, 991)
+    padding: 32px
+  +resolution(992, 1200)
+    padding: 32px 50px
+  +resolution(1201)
+    padding: 32px
+
   &.open
     display: flex
-  &__content
+    justify-content: center
+    box-sizing: border-box
+
+  .containerCustom
     display: flex
-    align-items: center
-    &__img
-      border-right: 1px solid #E0DFDF
-      padding-right: 21px
-    &__text
-      p
-        padding-left: 20px
-        line-height: 160%
-        font-size: 15px
-        hyphens: inherit
-        +resp(md)
-          font-size: 14px
-      p:first-child
-        margin-bottom: 16px
-  &__buttons
-    text-align: right
-    margin-top: 20px
-    +resp(esm)
-      text-align: inherit
-      display: flex
-    &__accept, &__decline
-      height: 40px
-      width: 151px
-      font-weight: 700
-      cursor: pointer
-      outline: none
-      transition: 0.3s
-      +resp(esm)
-        width: 50%
-    &__accept
-      background-color: $orange
-      border: 1px solid $orange
-      color: $black
-      margin-right: 6px
-      +resp(esm)
-        margin-right: 5px
-      &:hover
-        background-color: $white
-    &__decline
-      background-color: $black
-      border: 1px solid $black
-      color: $white
-      +resp(esm)
-        margin-left: 5px
+    flex-direction: column
+    position: relative
+    box-sizing: border-box
+    +resolution(0, 575)
+      padding: 0
+    +resolution(576)
+      padding: 0
+    +resolution(992, 1200)
+      max-width: unset
+
+    svg
+      position: absolute
+      z-index: 3
+      right: 0
+      width: 18px
+      height: 18px
+      top: 0
+      stroke: $grey-dark
+      transition: stroke 250ms linear
+
       &:hover
-        background-color: $white
-        color: $black
-\ No newline at end of file
+        stroke: $primary
+      &:active
+        stroke: $secondary
+
+    h5
+      font-weight: 600
+      letter-spacing: -0.04em
+      +resolution(0, 575)
+        font-size: 16px
+      +resolution(576)
+        font-size: 20px
+
+    p
+      font-family: $r
+      letter-spacing: $em
+      color: $grey-dark
+      font-weight: 400
+      margin-top: 16px
+      +resolution(0, 575)
+        font-size: 14px
+      +resolution(576)
+        font-size: 16px
+      +resolution(992)
+        max-width: 95%
+
+    .buttons
+      display: grid
+      margin-top: 24px
+      +resolution(576)
+        grid-template-columns: auto auto 1fr
+        grid-column-gap: 20px
+      +resolution(0, 575)
+        grid-column-gap: 10px
+        grid-template-columns: 1fr 1fr
+
+      .accept,
+      .decline
+        height: 40px
+        border-radius: 4px
+        display: flex
+        justify-content: center
+        align-items: center
+        font-family: $a
+        font-weight: 700
+        letter-spacing: $em
+        font-size: 16px
+        +resolution(576)
+          width: 120px
+        +resolution(0, 575)
+          width: 100%
+
+      .accept
+        color: $white
+        border: none
+        transition: outline 250ms linear
+        position: relative
+        z-index: 2
+        background-color: #FFBF12
+
+        &::before
+          content: ''
+          position: absolute
+          top: 0
+          left: 0
+          background: linear-gradient(135deg, #FF9000 0%, #FFBF12 100%)
+          width: 100%
+          height: 100%
+          transition: opacity 0.250s linear
+          z-index: -1
+          border-radius: 4px
+
+        &:hover
+          &::before
+            opacity: 0.2
+
+        &:active
+          outline: 3px solid rgba(255, 144, 0, 0.25)
+
+          &::before
+            opacity: 0.80
+
+      .decline
+        color: $black
+        border: 2px solid $primary
+        background-color: transparent
+        transition: color 250ms linear, outline 250ms linear, border-color 250ms linear
+
+        &:hover
+          color: $primary
+          border-color: $secondary
+
+        &:active
+          color: $black
+          border-coolor: $primary
+          outline: 3px solid rgba(255, 144, 0, 0.25)
diff --git a/sass/header.sass b/sass/header.sass
index 27c5efa..b21c375 100644
--- a/sass/header.sass
+++ b/sass/header.sass
@@ -1,82 +1,141 @@
-@import settings.sass
-  
-header
-  background: $white
-  box-shadow: 0px 5px 20px rgba(0, 56, 79, 0.07)
-  padding: 20px 0
-  position: relative
-  +resp(md)
-    padding: 15px 0
-    position: sticky
-    top: 0
-    z-index: 2
-  +resp(esm)
-    padding: 10px 0
-  +resp(xsm)
-    padding: 5px 0
-
-  div.header__inner
-    display: flex
-    justify-content: space-between
-    +resp(sm)
-      align-items: center
-    
-    div.header__logo-side
-      display: flex
-      align-items: center
-      a.header__logo
-        display: inherit
-        margin-right: 30px
-        +resp(lg)
-          margin-right: 16px
-        +resp(md)
-          margin-right: 10px
-      div.header__text
-        font-weight: 500
-        line-height: 25px
-        +resp(sm)
-          display: none
-        p
-          font-size: 16px
-          color: #ACACAD
-          +resp(md)
-            font-size: 15px
-          +resp(sm)
-            display: none
-
-    div.header__links-side
-      display: flex
-      align-items: center
-      +resp(xsm)
-        flex-wrap: wrap
-        justify-content: flex-end
-      a
-        font-weight: 600
-        font-size: 15px
-        line-height: 140%
-        text-transform: uppercase
-        text-decoration: none
-        color: $black
-        transition: 0.3s
-        margin-left: 31px
-        text-align: center
-        +resp(lg)
-          font-size: 14px
-          margin-left: 20px
-        +resp(esm)
-          margin-left: 14px
-        +resp(usm)
-          font-size: 13px
-        +resp(xsm)
-          line-height: 180%
-          font-size: 14px
-          margin-left: 24px
-        &:nth-child(1)
-          margin-left: 0
-        &:nth-child(3)
-          +resp(usm)
-            max-width: 100px
-          +resp(xsm)
-            max-width: 100%
-        &:hover
-          color: $orange
-\ No newline at end of file
+@import settings
+
+header
+  position: fixed
+  top: 0
+  left: 0
+  z-index: 11
+
+  .logo
+    display: flex
+    align-items: center
+
+    p
+      +resolution(992)
+        font-size: 16px
+        font-weight: 600
+        letter-spacing: $em
+        color: $grey-normal
+      +resolution(0, 991)
+        display: none
+
+    a
+      +resolution(992)
+        margin-right: 20px
+
+  .header
+    display: flex
+    justify-content: space-between
+    align-items: center
+    height: 74px
+    width: 100%
+    +resolution(0, 575)
+      border-bottom: 1px solid $grey-light
+
+  .links
+    display: flex
+    align-items: center
+    +resolution(0, 575)
+      display: none
+
+    a
+      font-weight: 700
+      font-family: $a
+      color: $black
+      letter-spacing: $em
+      text-decoration: none
+      display: flex
+      align-items: center
+      height: 24px
+      transition: color 250ms linear
+      +resolution(576, 991)
+        font-size: 13px
+        margin-right: 10px
+      +resolution(992)
+        font-size: 14px
+        margin-right: 20px
+      +resolution(0, 575)
+        font-size: 18px
+
+      &:hover
+        color: $primary
+
+      &:last-child
+        &:hover
+          span
+            color: $primary
+
+        img
+          +resolution(576)
+            margin-right: 5px
+
+        span
+          color: $grey-dark
+          font-size: 14px
+          font-family: $a
+          font-weight: 700
+          letter-spacing: $em
+          transition: color 250ms linear
+
+        &::before
+          content: ''
+          display: block
+          width: 1px
+          height: 100%
+          background-color: $grey-light3
+          +resolution(576)
+            margin-right: 20px
+
+.mobile-menu
+  +resolution(576)
+    display: none
+
+  .upper-part
+    width: 100%
+    height: 74px
+    display: flex
+    align-items: center
+
+    img
+      width: 32px
+      height: 32px
+
+    > img
+      margin-left: 20px
+
+  .bottom-part
+    width: 100%
+    position: absolute
+    top: 100%
+    left: 0
+    z-index: 11
+    display: flex
+    flex-direction: column
+    justify-content: center
+    background: rgb(24 25 28 / 40%)
+    height: 100vh
+    justify-content: flex-start
+
+    .bottom-menu
+      width: 100%
+      padding: 0 15px 32px
+      background: $white
+
+    a
+      padding: 24px 0
+      max-height: 64px
+      display: flex
+      align-items: center
+      font-weight: 700
+      font-family: $a
+      color: $black
+      letter-spacing: $em
+      text-decoration: none
+      font-size: 18px
+      border-bottom: 1px solid $grey-light
+
+  .not__visible
+    display: none
+
+  .visible
+    display: flex
diff --git a/sass/lists.sass b/sass/lists.sass
new file mode 100644
index 0000000..33e2ae9
--- /dev/null
+++ b/sass/lists.sass
@@ -0,0 +1,76 @@
+@import settings
+
+ul
+  list-style: none
+  padding-left: 0
+  margin-top: 16px !important
+
+  li
+    position: relative
+    padding-left: 25px
+    font-weight: 500
+    color: $grey-dark
+    letter-spacing: $px
+    +resolution(0, 575)
+      font-size: 16px
+    +resolution(576)
+      font-size: 18px
+
+    &:not(&:last-child)
+      margin-bottom: 12px
+
+    &:before
+      position: absolute
+      left: 10px
+      content: ''
+      display: flex
+      justify-content: center
+      align-items: center
+      border-radius: 50%
+      width: 5px
+      height: 5px
+      background-color: $grey-dark
+
+    a
+      color: $primary
+      +resolution(0, 575)
+        text-decoration: none
+
+.legacy-lts,
+.why-contribute,
+.image-signatures,
+div#rolling-current
+  ul
+    li
+      &:before
+        top: 50%
+        transform: translate(-50%, -50%)
+
+.nightly-builds,
+.start,
+.lts
+  ul
+    li
+      &:before
+        transform: translate(-50%, -50%)
+        +resolution(992)
+          top: 50%
+        +resolution(576, 991)
+          top: 10px
+        +resolution(0, 575)
+          top: 8px
+
+.guidelines
+  ul
+    li
+      &:before
+        top: 10px
+        transform: translateX(-50%)
+
+.links-columns
+  ul
+    li
+      padding-left: 0
+
+      &:before
+        content: none
diff --git a/sass/main.sass b/sass/main.sass
index 4b513cd..5767658 100644
--- a/sass/main.sass
+++ b/sass/main.sass
@@ -1,104 +1,92 @@
-@import settings.sass
-
-body
-  font-family: sans-serif
-  margin: 0
-  color: $black
-
-h1, h2, h3, h4, h5, p, ul, li
-  margin: 0
-
-h1
-  font-weight: 800
-  font-size: 45px
-  line-height: 120%
-  letter-spacing: 0.02em
-  color: $black
-  +resp(sm)
-    font-size: 32px
-  +resp(esm)
-    font-size: 28px
-h2
-  font-weight: 800
-  font-size: 32px
-  line-height: 140%
-  +resp(sm)
-    font-size: 21px
-p
-  font-weight: normal
-  line-height: 180%
-  font-size: 16px
-  color: $black
-  +resp(esm)
-    font-size: 14px
-  @supports (hyphens: auto)
-    text-align: justify
-    hyphens: auto
-
-pre, code, sample
-  white-space: pre-wrap
-  hyphens: none
-
-div.container
-  max-width: 1340px
-  margin: 0 auto
-  padding-left: 15px
-  padding-right: 15px
-  &.small
-    max-width: 1000px
-
-#content
-  padding-top: 60px
-  padding-bottom: 50px
-  +resp(sm)
-    padding-top: 40px
-    padding-bottom: 20px
-  +resp(esm)
-    padding-top: 30px
-  h1
-    margin-bottom: 25px
-    +resp(esm)
-      margin-bottom: 15px
-  h2
-    margin-top: 25px
-    margin-bottom: 20px
-    +resp(esm)
-      margin-top: 20px
-      margin-bottom: 15px
-  p
-    margin: 15px 0
-    +resp(esm)
-      margin: 9px 0
-  ul
-    list-style: none
-    +resp(sm)
-      padding-left: 25px
-    +resp(esm)
-      padding-left: 15px
-    li
-      padding-left: 25px
-      margin: 16px 0
-      line-height: 150%
-      +resp(esm)
-        font-size: 14px
-        margin: 13px 0
-      &:before
-        position: absolute
-        margin-top: 1px
-        margin-left: -25px
-        content: url('../img/global/list-element.svg')
-        +resp(esm)
-          margin-top: 2px
-  a
-    color: $dark-orange
-    &:hover
-      text-decoration: none
-
-@import header.sass
-@import front-page/banner.sass
-@import front-page/main-text.sass
-@import front-page/inform-columns.sass
-@import front-page/bottom-text.sass
-@import forms.sass
-@import footer.sass
-@import google-analytics-message.sass
-\ No newline at end of file
+@import settings.sass
+@import header
+@import ./front-page/banner
+@import front-page/main-text
+@import front-page/inform-columns
+@import front-page/bottom-text
+@import forms
+@import footer
+@import google-analytics-message
+@import front-page/navigation
+@import containerCustom
+@import front-page/canvas
+@import ./get-page/main
+@import content-div
+@import ./contribute-page/main
+@import ./nightly-builds-page/main
+@import ./contributor-subs-page/main
+@import lists
+@import footnotes
+
+body
+  font-family: $r
+  margin: 0
+  color: $black
+
+h1, h1,h3, h4, h5, h6
+  font-family: $a
+
+h1, h2, h3, h4, h5, p, ul, li
+  margin: 0
+
+h1
+  line-height: 120%
+  letter-spacing: $em
+  color: $black
+  +resolution(992)
+    font-size: 48px
+  +resolution(575, 991)
+    font-size: 36px
+  +resolution(0, 575)
+    font-size: 28px
+
+h2
+  font-weight: 800
+  font-size: 32px
+  line-height: 140%
+  +resolution(0, 991)
+    font-size: 21px
+
+p
+  font-weight: normal
+  line-height: 180%
+  font-size: 16px
+  color: $black
+  +resolution(576)
+    font-size: 18px
+  +resolution(0, 575)
+    font-size: 16px
+  @supports (hyphens: auto)
+    hyphens: auto
+
+pre
+  white-space: pre-wrap
+
+  code, 
+  sample
+    hyphens: none
+    line-height: 1.7
+    word-wrap: break-word
+    padding: 4px 6px
+    background-color: $grey-light2
+    border-radius: 4px
+    border: 1px solid $grey-light
+    +resolution(576)
+      font-size: 16px
+    +resolution(0, 575)
+      font-size: 14px
+
+p
+  code,
+  sample
+    hyphens: none
+    line-height: 1.7
+    word-wrap: break-word
+    padding: 4px 6px
+    background-color: $grey-light2
+    border-radius: 4px
+    border: 1px solid $grey-light
+    +resolution(576)
+      font-size: 14px
+    +resolution(0, 575)
+      font-size: 13px
diff --git a/sass/nightly-builds-page/banner.sass b/sass/nightly-builds-page/banner.sass
new file mode 100644
index 0000000..36c2f7a
--- /dev/null
+++ b/sass/nightly-builds-page/banner.sass
@@ -0,0 +1,94 @@
+@import ../settings
+
+.nightly-builds-page
+
+  .banner
+    background-color: $white
+    display: flex
+    justify-content: center
+    position: relative
+    overflow: hidden
+    +resolution(0, 575)
+      height: 175px
+      padding-top: 50px
+    +resolution(576, 991)
+      height: 248px
+      padding-top: 128px
+    +resolution(992)
+      height: 275px
+      padding-top: 128px
+      align-items: center
+
+    h1
+      letter-spacing: $em
+      +resolution(992)
+        font-size: 48px
+      +resolution(0, 991)
+        font-size: 28px
+
+    p
+      letter-spacing: $px
+      font-weight: 600
+      color: $grey-dark
+      margin-top: 16px
+      max-width: 945px
+      +resolution(992)
+        font-size: 18px
+      +resolution(0, 991)
+        font-size: 16px
+
+      a
+        color: $primary
+        +resolution(0, 575)
+          text-decoration: none
+
+        &:hover
+          text-decoration: none
+
+    .containerCustom
+      position: unset
+
+      .banner-div
+        width: 100%
+        border-bottom: 1px solid $grey-light3
+        text-align: center
+        display: flex
+        flex-direction: column
+        align-items: center
+        +resolution(0, 575)
+          padding-bottom: 32px
+        +resolution(576, 991)
+          padding-bottom: 54px
+        +resolution(992)
+          padding-bottom: 74px
+
+  .left-shape
+    position: absolute
+    +resolution(992)
+      top: 0
+      left: 0
+    +resolution(576, 991)
+      top: -100px
+      left: -40px
+    +resolution(0, 575)
+      display: none
+
+    img
+      width: 280px
+      height: 280px
+
+  .right-shape
+    position: absolute
+    +resolution(992)
+      top: 0
+      right: 0
+    +resolution(576, 991)
+      top: -100px
+      right: -60px
+    +resolution(0, 575)
+      top: -100px
+      right: -60px
+
+    img
+      width: 385px
+      height: 400px
diff --git a/sass/nightly-builds-page/main.sass b/sass/nightly-builds-page/main.sass
new file mode 100644
index 0000000..a0a9599
--- /dev/null
+++ b/sass/nightly-builds-page/main.sass
@@ -0,0 +1,7 @@
+@import ../settings
+@import banner
+
+.nightly-builds-page
+  
+  .containerCustom
+    flex-direction: column
+\ No newline at end of file
diff --git a/sass/settings.sass b/sass/settings.sass
index 7628830..bd4a698 100644
--- a/sass/settings.sass
+++ b/sass/settings.sass
@@ -1,42 +1,40 @@
-// colors
-$white : #ffffff
-$orange : #FFBE12
-$black : #18191C
-$grey : #747577
-$dark-orange: #FD8F01
-$form-fields: #666666
-
-// mixins
-@mixin resp($media)
-	// 1200px and up
-	@if $media == xlg
-		@media only screen and (min-width: 1200px)
-			@content
-	// 1400px and down
-	@if $media == elg
-		@media only screen and (max-width: 1400px)
-			@content
-	// 1199px and down
-	@if $media == lg
-		@media only screen and (max-width: 1199px)
-			@content
-	// 991px and down
-	@if $media == md
-		@media only screen and (max-width: 991px)
-			@content
-	// 767px and down
-	@if $media == sm
-		@media only screen and (max-width: 767px)
-			@content
-	// 575px and down
-	@if $media == esm
-		@media only screen and (max-width: 575px)
-			@content
-	// 450px and down
-	@if $media == usm
-		@media only screen and (max-width: 450px)
-			@content
-	// 375px and down
-	@if $media == xsm
-		@media only screen and (max-width: 375px)
-			@content
-\ No newline at end of file
+// colors
+$white: #FFFFFF
+$orange: #FFBE12
+$black: #121010
+$grey: #747577
+$primary: #FD8F01
+$secondary: #FFAE12
+$tretiary: #FFBF12
+$grey-light: #E1E4E5
+$grey-normal: #8D9499
+$grey-light2: #FAFAFA
+$grey-dark: #525659
+$grey-light3: #C4C9CC
+$grey-light4: #C6C9CC
+$grey-dark2: #636A6D
+$black2: #18191C
+$light: #F6F7F7
+$red: #FF4057
+
+// gradients
+$lg1: linear-gradient(135deg, #FF9000 0%, #FFBF12 100%)
+
+//fonts
+$a: 'Archivo', sans-serif
+$r: 'Roboto', sans-serif
+
+//letter-spacings
+$em: -0.02em
+$px: -0.5px
+
+// mixins
+@mixin resolution($minSize, $maxSize: false)
+
+	@if $minSize and $maxSize
+		@media only screen and (min-width: $minSize + 'px') and (max-width: $maxSize + 'px')
+			@content
+
+	@else
+		@media only screen and (min-width: $minSize + 'px')
+			@content
diff --git a/site/about.md b/site/about.md
deleted file mode 100644
index c4264ed..0000000
--- a/site/about.md
+++ /dev/null
@@ -1,31 +0,0 @@
-# VyOS Project
-
-VyOS is a fully open-source network OS.
-
-## Goals
-
-* Provide a universal network OS that can run on commodity hardware (from large rack-mountable servers to small desktop appliances and old PCs), all popular hypervisors and cloud platforms.
-* Give all people control over their network equipment by giving them the full source code and means to build it.
-
-## History
-
-Back in the days, there was a company named Vyatta inc. that set out to create an open-source network OS
-to allow people to replace expensive proprietary routers with free software and commodity hardware.
-
-Indeed, at the time lower-end routers often _were_ commodity hardware already, with proprietary software
-intentionally locked into it.  The only big thing missing was a network OS with a unified configuration management system
-that could provide the same user experience and reliability as proprietary systems.
-
-Most open-source network OSes focused on SOHO routers and firewalls rather than enterprise and telecom gear,
-and these are different domains.
-Vyatta created a new approach to building network OS CLIs and managing system upgrades.
-
-Unfortunately, Vyatta inc. hasn't seen an economic success as an independent company (the reasons are beyond the scope
-of this discussions). It first started making the software increasingly proprietary, then got acquired by Brocade
-and silently discontinued the open-source version altogether.
-
-That would have left the community without a fully open-source network OS suitable for enterprise routers.
-Thus, in 2013 a group of long-time Vyatta fans forked the last available code and started a new project
-to rescue Vyatta Core and keep it available. That project was named VyOS.
-
-## Team
diff --git a/site/contribute/architecture.md b/site/contribute/architecture.md
deleted file mode 100644
index f0ef48f..0000000
--- a/site/contribute/architecture.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# VyOS architecture
-
-VyOS is designed to be an extensible, modular platform.
diff --git a/site/contribute/index.md b/site/contribute/index.md
index 0614ff3..ccf3403 100644
--- a/site/contribute/index.md
+++ b/site/contribute/index.md
@@ -1,55 +1,84 @@
-# Contributing to VyOS
+<div class='contribute-page'>
+  <section class='banner'>
+    <div class='containerCustom'>
+      <div class='left-shape'>
+        <img src='/img/global/shape-left.svg' />
+      </div>
+      <div class='right-shape'>
+        <img src='/img/global/shape-right.svg' />
+      </div>
 
-VyOS development process is open and transparent. We welcome everyone to contribute!
-There's a lot of work to do: writing code, writing and editing documentation,
-testing latest builds and more.
+  <div class='banner-div'>
 
-## Why contribute?
+  # Contributing to VyOS
 
-### Copyright stays with you
+  VyOS development process is open and transparent. We welcome everyone to contribute!
+  There's a lot of work to do: writing code, writing and editing documentation,
+  testing latest builds and more.
 
-Unlike some other projects, we intentionally do not use a contributor agreement
-that would give us exclusive rights to your contributions.
+  </div>
 
-The copyrights to VyOS source code and documentation remain shared between all
-contributors, so that no one (including its current maintainers) can make a
-proprietary fork.
+  </div>
+  </section>
 
-### We have rewards
+  <section class='content-section'>
+    <div class='content-div'>
+      <div class='why-contribute'>
 
-Maintaining an LTS version is a hard, delicate, high-responsibility work. Being
-a maintainer means not being able to refuse to work on the hard tasks. We keep
-prebuilt LTS images behind a paywall for that reason, but we are ready to share
-our work with everyone who helps us move the project forward.
+  ## Why contribute?
 
-This includes everyone who contributes code, tests latest builds, writes
-documentation, or promotes VyOS in the social media or at live events.
+  ### Copyright stays with you
 
-Read about our [contributor subscriptions](/get/contributor-subscriptions) to
-review eligibility guidelines and
-[fill the application form](/get/contributor-subscriptions#application-form).
+  Unlike some other projects, we intentionally do not use a contributor agreement
+  that would give us exclusive rights to your contributions.
 
-We also have [badges](https://www.youracclaim.com/organizations/vyos/badges)!
+  The copyrights to VyOS source code and documentation remain shared between all
+  contributors, so that no one (including its current maintainers) can make a
+  proprietary fork.
 
-## Where to start
+  ### We have rewards
 
-### Contributing to the code
+  Maintaining an LTS version is a hard, delicate, high-responsibility work. Being
+  a maintainer means not being able to refuse to work on the hard tasks. We keep
+  prebuilt LTS images behind a paywall for that reason, but we are ready to share
+  our work with everyone who helps us move the project forward.
 
-* Read the [introduction to VyOS development](https://docs.vyos.io/en/latest/contributing/development.html).
-* Browse [open tasks](https://vyos.dev/maniphest/query/YqwCUwoj7wWx/#R).
+  This includes everyone who contributes code, tests latest builds, writes
+  documentation, or promotes VyOS in the social media or at live events.
 
-### Contributing to the documentation
+  Read about our [contributor subscriptions](/get/contributor-subscriptions) to
+  review eligibility guidelines and
+  [fill the application form](/get/contributor-subscriptions#application-form).
 
-* Fork the [vyos-documentation](https://github.com/vyos/vyos-documentation/) repo.
-* Read the [guidelines](https://docs.vyos.io/en/latest/documentation.html).
+  We also have [badges](https://www.youracclaim.com/organizations/vyos/badges)!
 
-### Testing latest builds
+  </div>
 
-* Get a [nightly build](/get/nightly-builds).
-* Reports bugs in [Phabricator](https://vyos.dev/maniphest).
+  <div class='start'>
 
-### Spreading the word
+  ## Where to start
 
-* Write about VyOS in your own blog or website.
-* Write about VyOS and share our posts on social media.
-* Speak about VyOS at conferenced and meetups.
+  ### Contributing to the code
+
+  * Read the [introduction to VyOS development](https://docs.vyos.io/en/latest/contributing/development.html).
+  * Browse [open tasks](https://vyos.dev/maniphest/query/YqwCUwoj7wWx/#R).
+
+  ### Contributing to the documentation
+
+  * Fork the [vyos-documentation](https://github.com/vyos/vyos-documentation/) repo.
+  * Read the [guidelines](https://docs.vyos.io/en/latest/documentation.html).
+
+  ### Testing latest builds
+
+  * Get a [nightly build](/get/nightly-builds).
+  * Reports bugs in [Phabricator](https://vyos.dev/maniphest).
+
+  ### Spreading the word
+
+  * Write about VyOS in your own blog or website.
+  * Write about VyOS and share our posts on social media.
+  * Speak about VyOS at conferenced and meetups.
+
+  </div>
+
+</div>
+\ No newline at end of file
diff --git a/site/get/contributor-subscriptions.md b/site/get/contributor-subscriptions.md
index 64e05b5..d949bbd 100644
--- a/site/get/contributor-subscriptions.md
+++ b/site/get/contributor-subscriptions.md
@@ -1,38 +1,73 @@
-# Free LTS subscriptions for contributors
+<div class='contributor-subs-page'>
+  <section class='banner'>
+    <div class='containerCustom'>
+      <div class='left-shape'>
+        <img src='/img/global/shape-left.svg' />
+      </div>
+      <div class='right-shape'>
+        <img src='/img/global/shape-right.svg' />
+      </div>
 
-We are happy to share our work on maintaining LTS releases with everyone who works together with us.
-That's why we introduced free subscriptions for contributors.
+  <div class='banner-div'>
 
-## Our eligibility guidelines are as follows
+  # Free LTS subscriptions for contributors
 
-- **Programmers**
+  We are happy to share our work on maintaining LTS releases with everyone who works together with us.
+  That's why we introduced free subscriptions for contributors.
+
+  </div>
+
+  </div>
+  </section>
+
+  <section class='content-section'>
+    <div class='content-div'>
+      <div class='guidelines'>
+
+  ## Our eligibility guidelines are as follows
+
+  - **Programmers**
 
     Three merged, non-trivial<fn id="non-trivial">Non-trivial is relative of course. A single typo fix is trivial, while extensive proofreading of help strings and error messages definitely counts. Contact us if not sure.</fn> pull requests to the source code within the last year.
 
-- **Documentation writers**
+  - **Documentation writers**
 
     Six merged, non-trivial pull requests to the documentation within the last year.
 
-- **Testers**
+  - **Testers**
 
     Six non-trivial bug reports within the last year.
 
-- **Evangelists**
+  - **Evangelists**
 
     A provable<fn id="evangelists">Many people tell us that they promote VyOS among friends and collegues. It may be true, but the problem is that anyone can say that. If you want to get a subscription as an evangelist, please supply links to posts or recorded talks.</fn> track record of posting about VyOS (whether on your own site or on social media) or speaking about it at live events (offline or online). Answering on the forums also counts.
 
-<div id="application-form">
+  </div>
+  </div>
+  </section>
+
+
+  <section class='form'>
+    <div class='containerCustom'>
+      <div id="application-form" class='application-form'>
 
 <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
 <script>
-  hbspt.forms.create({
-	region: "na1",
-	portalId: "4129050",
-	formId: "3c2d93a2-e9a9-49b8-b493-38369aa9cca5"
-});
+    hbspt.forms.create({
+    region: "na1",
+    portalId: "4129050",
+    formId: "3c2d93a2-e9a9-49b8-b493-38369aa9cca5"
+  });
 </script>
 
-</div>
+  </div>
+
+  <hr>
+
+  <div id="footnotes"></div>
 
-<hr>
-<div id="footnotes"> </div>
+  </div>
+
+  </section>
+
+</div>
diff --git a/site/get/index.md b/site/get/index.md
index 10dcc58..b150005 100644
--- a/site/get/index.md
+++ b/site/get/index.md
@@ -1,48 +1,85 @@
-# Get VyOS
+<div class='get-page'>
+  <section class='banner'>
+    <div class='containerCustom'>
+      <div class='left-shape'>
+        <img src='/img/global/shape-left.svg' />
+      </div>
+      <div class='right-shape'>
+        <img src='/img/global/shape-right.svg' />
+      </div>
 
-VyOS has three release "channels": nightly builds, monthly snapshots, and LTS releases.
+  <div class='banner-div'>
 
-## Nightly builds
+  # Get VyOS
 
-Nightly builds are automatically produced at least once a day and include all the latest
-code (bug fixes and features) from maintainers and community contributors.
+  VyOS has three release "channels": nightly builds, monthly snapshots, and LTS releases.
 
-Nightly builds are not hand-tested before upload. A basic set of automated
-[smoke tests](https://github.com/vyos/vyos-1x/tree/current/smoketest/scripts/cli) is executed
-for each build ensuring that basic functionality is working. In addition we load arbitrary
-[configurations](https://github.com/vyos/vyos-1x/tree/current/smoketest/configs) to ensure
-there are no errors during config migration and system bootup.
+  </div>
 
-Nightly builds are for you if you...
+  </div>
+  </section>
 
-* want to help us test latest VyOS code
-* want to check whether a bug is fixed in the latest code
-* made a patch and want to test it before making a pull request
+  <section class='content-section'>
+    <div class='content-div'>
+      <div class='nightly-builds'>
 
-Go to the [nightly builds page](/get/nightly-builds).
+  ## Nightly builds
 
-## LTS release
+  Nightly builds are automatically produced at least once a day and include all the latest
+  code (bug fixes and features) from maintainers and community contributors.
 
-Prebuilt LTS release images are available to people and companies who help us move the project
-forward.
+  Nightly builds are not hand-tested before upload. A basic set of automated
+  [smoke tests](https://github.com/vyos/vyos-1x/tree/current/smoketest/scripts/cli) is executed
+  for each build ensuring that basic functionality is working. In addition we load arbitrary
+  [configurations](https://github.com/vyos/vyos-1x/tree/current/smoketest/configs) to ensure
+  there are no errors during config migration and system bootup.
 
-There are many ways to get access:
+  Nightly builds are for you if you...
 
-* Purchase a [software access subscription](https://vyos.io/subscriptions/software/).
-* Get free access with a [support subscription](https://vyos.io/subscriptions/support/).
-* Apply for a free subscription as a [contributor](/get/contributor-subscriptions).
-* Apply for a free subscription as an
-  [educational instutution](https://vyos.io/community/for-educational-institutions/),
-  [non-profit](https://vyos.io/community/for-non-commercial-organizations/), or an
-  [emergency service](http://vyos.io/community/for-first-responders/).
+  - want to help us test latest VyOS code
+  - want to check whether a bug is fixed in the latest code
+  - made a patch and want to test it before making a pull request
 
-You can also build an LTS image from the source.
+  Go to the [nightly builds page](/get/nightly-builds).
 
-## Legacy LTS releases
+  </div>
 
-As a courtesy, we offer images of legacy LTS releases. To access all available legacy LTS releases, kindly complete the form below. Upon submission, you will receive an email containing links to download the images.
+  <div class='lts'>
 
-<div id="application-form">
+  ## LTS release
+
+  Prebuilt LTS release images are available to people and companies who help us move the project
+  forward.
+
+  There are many ways to get access:
+
+  - Purchase a [software access subscription](https://vyos.io/subscriptions/software/).
+  - Get free access with a [support subscription](https://vyos.io/subscriptions/support/).
+  - Apply for a free subscription as a [contributor](/get/contributor-subscriptions).
+  - Apply for a free subscription as an
+    [educational instutution](https://vyos.io/community/for-educational-institutions/),
+    [non-profit](https://vyos.io/community/for-non-commercial-organizations/), or an
+    [emergency service](http://vyos.io/community/for-first-responders/).
+
+  Or you can build an LTS image from source.
+
+  </div>
+
+  <div class='legacy-lts'>
+
+  ## Legacy LTS releases
+
+  As a courtesy, we offer images of legacy LTS releases. To access all available legacy LTS releases, kindly complete the form below. Upon submission, you will receive an email containing links to download the images.
+
+  </div>
+
+  </div>
+
+  </section>
+
+  <section class='form'>
+    <div class='containerCustom'>
+      <div id="application-form" class='application-form'>
 
 <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
 <script>
@@ -53,4 +90,9 @@ As a courtesy, we offer images of legacy LTS releases. To access all available l
   });
 </script>
 
-</div>
-\ No newline at end of file
+  </div>
+  </div>
+
+  </section>
+
+</div>
diff --git a/site/get/nightly-builds.md b/site/get/nightly-builds.md
index 6bbbe08..06311c3 100644
--- a/site/get/nightly-builds.md
+++ b/site/get/nightly-builds.md
@@ -1,33 +1,63 @@
-# VyOS nightly builds
+<div class='nightly-builds-page'>
+  <section class='banner'>
+    <div class='containerCustom'>
+      <div class='left-shape'>
+        <img src='/img/global/shape-left.svg' />
+      </div>
+      <div class='right-shape'>
+        <img src='/img/global/shape-right.svg' />
+      </div>
 
-VyOS nightly builds are automatically produced from the `current` branch and the development branch for the LTS release,
-at least once a day.
-They include all the latest code from maintainers and community contributors.
+  <div class='banner-div'>
 
-Nightly builds are not hand-tested before upload. A basic set of automated
-[smoke tests](https://github.com/vyos/vyos-1x/tree/current/smoketest/scripts/cli) is executed
-for each build ensuring that basic functionality is working. In addition we load arbitrary
-[configurations](https://github.com/vyos/vyos-1x/tree/current/smoketest/configs) to ensure
-there are no errors during config migration and system bootup.
+  # VyOS nightly builds
 
-## Verifying image signatures
+  </div>
 
-We use [minisign](https://jedisct1.github.io/minisign/) for release signing. To learn about its advantages
-over GPG, read [signify: Securing OpenBSD From Us To You](https://www.openbsd.org/papers/bsdcan-signify.html).
+  </div>
+  </section>
 
-One obvious advantage is that you don't need to import the key anywhere, you can pass it as a command line argument.
-Once you download an image and its `.minisig` file, you can verify its integrity with this command:
+  <section class='content-section'>
+    <div class='content-div'>
+      <div class='image-signatures'>
+  
+  VyOS nightly builds are automatically produced from the `current` branch and the development branch for the LTS release,
+  at least once a day.
+  They include all the latest code from maintainers and community contributors.
 
-```
-minisign -Vm <ISO file> -P RWTclGe42GmvIX/xnNiXdigNll7NSfpYGl1rj+sEERcLgoEsse5EwAgA
-```
+  Nightly builds are not hand-tested before upload. A basic set of automated
+  [smoke tests](https://github.com/vyos/vyos-1x/tree/current/smoketest/scripts/cli) is executed
+  for each build ensuring that basic functionality is working. In addition we load arbitrary
+  [configurations](https://github.com/vyos/vyos-1x/tree/current/smoketest/configs) to ensure
+  there are no errors during config migration and system bootup.
 
-If in doubt, you can get the public key from the [nightly builds repository](https://github.com/vyos/vyos-rolling-nightly-builds/blob/main/minisign.pub).
-If you are _really_ in doubt (i.e., you have a reason to suspect that the repository and/or this website were compromised),
-you should report that to the maintainers.
+  ## Verifying image signatures
 
-Currently, we create nightly builds with GitHub Actions and store them in releases of the [vyos/vyos-rolling-nightly-builds](https://github.com/vyos/vyos-rolling-nightly-builds/releases)
-repository. Here is an auto-generated list of available builds.
+  We use [minisign](https://jedisct1.github.io/minisign/) for release signing. To learn about its advantages
+  over GPG, read [signify: Securing OpenBSD From Us To You](https://www.openbsd.org/papers/bsdcan-signify.html).
 
-## Available builds
+  One obvious advantage is that you don't need to import the key anywhere, you can pass it as a command line argument.
+  Once you download an image and its `.minisig` file, you can verify its integrity with this command:
 
+  ```
+  minisign -Vm <ISO file> -P RWTclGe42GmvIX/xnNiXdigNll7NSfpYGl1rj+sEERcLgoEsse5EwAgA
+  ```
+
+  If in doubt, you can get the public key from the [nightly builds repository](https://github.com/vyos/vyos-rolling-nightly-builds/blob/main/minisign.pub).
+  If you are _really_ in doubt (i.e., you have a reason to suspect that the repository and/or this website were compromised),
+  you should report that to the maintainers.
+
+  Currently, we create nightly builds with GitHub Actions and store them in releases of the [vyos/vyos-rolling-nightly-builds](https://github.com/vyos/vyos-rolling-nightly-builds/releases)
+  repository. Here is an auto-generated list of available builds.
+
+  </div>
+
+  <div class='available-builds' id='available-builds'>
+
+  ## Available builds
+
+  </div>
+
+  </section>
+
+</div>
diff --git a/site/img/banner-bubbles.riv b/site/img/banner-bubbles.riv
new file mode 100644
index 0000000..7543e95
--- /dev/null
+++ b/site/img/banner-bubbles.riv
diff --git a/site/img/footer/line.svg b/site/img/footer/line.svg
deleted file mode 100644
index 6a11f95..0000000
--- a/site/img/footer/line.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="1028" height="1" viewBox="0 0 1028 1" fill="none" xmlns="http://www.w3.org/2000/svg">
-<line x1="-4.37114e-08" y1="0.5" x2="1028" y2="0.49991" stroke="#E0DFDF"/>
-</svg>
diff --git a/site/img/footer/packet-logo-sm.svg b/site/img/footer/packet-logo-sm.svg
deleted file mode 100644
index 6aff852..0000000
--- a/site/img/footer/packet-logo-sm.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="86" height="29" viewBox="0 0 86 29" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.003 6.94166C9.65948 6.94166 8.50306 7.27372 7.51671 7.95366C6.92149 8.36478 6.32628 9.10796 5.8331 9.75627C5.544 8.60197 5.15286 7.1156 5.15286 7.1156H1.34348C1.13941 7.1156 0.969349 7.27372 0.969349 7.47928V8.82334C0.969349 9.0289 1.13941 9.18703 1.36049 9.18703H3.46925C3.46925 9.18703 3.99644 10.9264 4.31956 12.144C3.8774 12.8871 3.45224 13.5354 3.07811 14.1838C0.952343 17.9471 0 20.5403 0 23.3866C0 26.8021 1.61558 29 4.01344 29C6.78544 29 8.45204 26.6914 8.45204 22.675C8.45204 22.596 8.45204 22.343 8.43504 22.1848C9.09828 22.5011 10.0336 22.7541 10.8329 22.7541C13.911 22.7541 16.4619 20.8566 17.0061 18.2475C17.2272 17.1723 17.3122 16.1919 17.3122 14.8637C17.3122 13.4406 17.1422 12.2072 16.8361 11.211C15.9688 8.49128 13.843 6.94166 11.003 6.94166ZM4.01344 27.0393C2.84002 27.0393 2.2108 25.205 2.2108 23.4024C2.2108 21.1096 2.92505 18.5638 5.06782 14.7056C5.69705 17.3937 6.22424 20.6985 6.22424 22.6908C6.22424 23.9875 6.02017 27.0393 4.01344 27.0393ZM14.8123 17.868C14.4722 19.5125 12.7546 20.7775 10.7479 20.7775C9.89756 20.7775 9.03025 20.5087 8.26498 20.2715C7.94186 17.7574 7.24461 14.6581 6.61538 12.2546C7.02353 11.5905 7.31263 11.1003 8.00988 10.3097C9.03025 9.17121 10.0336 8.93403 10.986 8.93403C13.3158 8.93403 14.2851 10.5311 14.6933 11.8119C14.8634 12.3811 15.0844 13.3615 15.0844 14.8953C15.0844 16.0812 15.0164 16.9193 14.8123 17.868Z" fill="#747577"/>
-<path d="M85.8469 19.7023L84.7245 18.8484C84.6565 18.801 84.5715 18.7535 84.4694 18.7535C84.3674 18.7535 84.2654 18.801 84.1973 18.8642C83.8402 19.2754 83.143 19.9395 83.0579 20.0185C82.6498 20.3822 82.1056 20.6827 81.5104 20.6827C80.456 20.6827 79.7417 20.3822 79.7417 18.627V9.17121H83.3641C83.5681 9.17121 83.7552 9.01309 83.7552 8.80752V7.46347C83.7552 7.27372 83.5851 7.09978 83.3641 7.09978H79.7588V3.22574C79.7588 3.03599 79.5887 2.87786 79.3676 2.87786H77.9221C77.718 2.87786 77.531 3.03599 77.531 3.24155V7.11559H75.7793C75.5752 7.11559 75.3882 7.27372 75.3882 7.47928V8.82334C75.3882 9.0289 75.5582 9.18702 75.7793 9.18702H77.548V16.2552C77.0378 16.7928 75.6263 18.1843 74.963 18.8168C74.827 18.9433 74.6909 19.054 74.5549 19.1647C73.8236 19.7497 73.0243 20.1134 72.072 20.3822C70.9326 20.7143 69.9462 20.8092 68.4667 20.8092C66.2219 20.8092 65.1335 19.4019 65.1335 19.4019C65.3205 19.2121 67.8885 16.8244 67.8885 16.8244C69.9972 14.8004 71.6978 12.8555 72.055 12.4918C72.055 12.4918 72.4971 12.0649 72.8543 11.4482C73.6366 10.0883 73.6535 8.66521 72.3101 7.66903C71.6638 7.19466 70.5244 6.87841 68.5347 6.92584C65.5756 6.98909 62.6676 8.58615 62.0724 11.4008C61.9023 12.1756 61.7493 13.0611 61.7493 14.7214C61.7493 15.1325 61.7493 15.6543 61.7833 16.0022C61.8173 16.777 61.9193 17.4885 62.0554 18.2159C62.1234 18.548 62.2424 18.7694 62.3785 19.1963C62.0724 19.56 61.7493 19.892 61.2901 20.2399C60.95 20.5087 60.3888 20.5878 60.0997 20.5878H59.9976C59.1983 20.5878 58.6882 20.1767 58.0589 19.5442L57.9569 19.4335C57.6508 19.1172 55.372 16.4133 53.6884 14.3893L59.5385 8.63359C59.6745 8.49127 59.6745 8.2699 59.5215 8.12759L58.4671 7.21047C58.314 7.06816 58.0589 7.08397 57.9229 7.22628L52.0388 13.0294L50.7803 14.2786V0.363686C50.7803 0.173937 50.6103 0 50.3892 0H48.9437C48.7226 0 48.5525 0.158124 48.5525 0.363686V16.4449C48.3654 16.6347 47.3621 17.6309 46.6308 18.374C46.0016 19.0224 45.1343 19.813 44.1649 20.2873C43.4167 20.651 42.9745 20.7775 41.0698 20.7775C39.0801 20.7775 37.3795 19.4967 37.0394 17.868C36.8353 16.9193 36.7673 16.0812 36.7673 14.8795C36.7673 13.5987 36.8693 12.5393 37.0564 11.7328C37.4475 10.1358 39.0971 8.91821 41.0698 8.91821C42.6004 8.91821 43.8588 9.55071 44.471 10.4678C44.5221 10.5469 44.6241 10.6576 44.7261 10.6734C44.8452 10.705 44.9472 10.6734 45.0322 10.6418L46.3077 10.0093C46.4097 9.96183 46.4948 9.85114 46.4948 9.70883C46.4948 9.64558 46.4778 9.59815 46.4438 9.55071L46.3587 9.39258C45.3554 7.84297 43.3827 6.91003 41.0698 6.91003C38.0767 6.91003 35.4748 8.74427 34.8626 11.2584C34.6415 12.2072 34.5225 13.4248 34.5225 14.8479C34.5225 16.1761 34.6075 17.1565 34.8286 18.2317C34.8796 18.5005 35.0326 18.9117 35.1347 19.1647C35.1347 19.1647 34.8456 19.5284 34.2674 20.0343C33.5021 20.6985 32.7028 20.6194 32.3287 20.5403C31.6994 20.4138 31.4273 19.8604 31.4103 19.2595C31.4103 19.2595 31.4103 12.5709 31.4103 12.1123C31.4103 9.04471 28.8424 6.91003 25.1691 6.91003C23.2474 6.91003 21.3597 7.66903 20.1523 8.93402C19.9482 9.13958 19.7782 9.37677 19.6421 9.61396C19.6421 9.61396 19.5911 9.72464 19.5911 9.78789C19.5911 9.93021 19.6761 10.0567 19.8122 10.1041L21.0536 10.7208C21.1046 10.7525 21.1727 10.7683 21.2407 10.7683C21.3767 10.7683 21.4788 10.705 21.5468 10.6101C21.5468 10.6101 21.6318 10.4836 21.8189 10.2939C22.6182 9.45583 23.8766 8.88659 25.1861 8.88659C27.652 8.88659 29.1485 10.1832 29.1485 12.0965C29.1485 12.2388 29.1485 12.3337 29.1485 12.5551H27.0228C19.5741 12.5551 18.9959 16.9825 18.9959 18.3266C18.9959 19.386 19.387 20.3822 20.1353 21.1728C21.3087 22.4378 22.7712 22.6908 24.0977 22.6908C25.3051 22.6908 26.7337 22.2007 27.8221 21.5682C28.3662 21.2519 28.8764 20.7933 29.3356 20.2873C29.6757 21.6947 30.9342 22.675 32.3627 22.6908C33.4851 22.6908 34.1313 22.5011 35.0497 21.9318C35.3388 21.7579 35.917 21.2993 36.3421 20.8092C37.5155 22.0267 39.1651 22.6908 41.0868 22.6908C43.0595 22.6908 43.9439 22.6276 45.1853 22.0109C45.7805 21.7263 46.5628 21.2361 47.175 20.6352C47.6342 20.2083 48.1274 19.6865 48.5525 19.1963V22.2165C48.5525 22.422 48.7226 22.5802 48.9437 22.5802H50.3892C50.6103 22.5802 50.7803 22.422 50.7803 22.2165V17.109L52.1578 15.7966C53.6884 17.615 56.0012 20.3506 56.3753 20.7617L56.4774 20.8724C57.1406 21.5365 58.178 22.6908 59.9806 22.6908C60.0487 22.6908 60.6779 22.6908 61.12 22.5169C62.4125 21.9951 63.3138 21.078 63.5859 20.7933C63.773 20.9673 64.1131 21.2835 64.3342 21.4417C65.5416 22.3272 67.0212 22.6908 68.7728 22.6908C70.4224 22.6908 71.5618 22.6276 72.7522 22.2639C73.7216 21.9635 75.4052 21.0463 76.3575 20.1608C76.6636 19.8604 77.1908 19.4177 77.599 18.9433C77.735 21.41 79.0105 22.6908 81.6294 22.6908C83.126 22.6908 83.9423 21.916 84.4354 21.4733C84.5035 21.41 85.915 20.0976 85.915 20.0976C85.966 20.0343 86 19.9553 86 19.8762C85.966 19.8604 85.915 19.7655 85.8469 19.7023ZM29.0635 16.4449C29.0635 18.5796 26.5976 20.6352 24.3698 20.6352C22.7372 20.6352 22.108 20.2557 21.7849 19.9079C21.3767 19.4651 21.1897 18.9749 21.1897 18.3899C21.1897 15.9864 23.2474 14.6739 26.9888 14.6739H29.0805V16.4449H29.0635ZM64.1811 17.3779C64.1811 17.3779 64.0281 16.524 64.0111 15.3381C63.9941 14.8795 64.0111 14.3893 64.0281 13.8359C64.0451 13.3299 64.1301 12.6183 64.1981 12.1281C64.3852 10.9264 64.9974 10.2623 65.6947 9.72464C66.477 9.13958 67.5994 8.80752 69.3 8.80752C70.9326 8.80752 71.1877 9.75627 70.8986 10.2781C70.1843 11.6063 68.3817 13.1085 66.562 14.9586L64.1811 17.3779Z" fill="#747577"/>
-</svg>
diff --git a/site/img/footer/packet.svg b/site/img/footer/packet.svg
deleted file mode 100644
index 640eede..0000000
--- a/site/img/footer/packet.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="109" height="42" viewBox="0 0 109 42" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.3177 9.98745C12.6305 9.98745 11.1783 10.4652 9.93959 11.4435C9.19211 12.035 8.44463 13.1043 7.82529 14.037C7.46223 12.3762 6.97103 10.2377 6.97103 10.2377H2.18717C1.93089 10.2377 1.71732 10.4652 1.71732 10.761V12.6947C1.71732 12.9905 1.93089 13.218 2.20852 13.218H4.85673C4.85673 13.218 5.51878 15.7206 5.92456 17.4723C5.36929 18.5416 4.83538 19.4744 4.36553 20.4071C1.69597 25.8217 0.5 29.5528 0.5 33.6479C0.5 38.562 2.52887 41.7243 5.54014 41.7243C9.02125 41.7243 11.1142 38.4027 11.1142 32.6241C11.1142 32.5104 11.1142 32.1464 11.0928 31.9189C11.9257 32.3739 13.1004 32.7379 14.1041 32.7379C17.9696 32.7379 21.1731 30.0078 21.8565 26.254C22.1342 24.707 22.2409 23.2965 22.2409 21.3854C22.2409 19.3379 22.0274 17.5633 21.643 16.1301C20.5538 12.217 17.8842 9.98745 14.3177 9.98745ZM5.54014 38.9033C4.06654 38.9033 3.27635 36.2642 3.27635 33.6707C3.27635 30.3718 4.17332 26.709 6.86424 21.1579C7.65444 25.0255 8.31649 29.7803 8.31649 32.6469C8.31649 34.5124 8.06021 38.9033 5.54014 38.9033ZM19.1015 25.708C18.6744 28.074 16.5174 29.8941 13.9973 29.8941C12.9295 29.8941 11.8403 29.5073 10.8793 29.1661C10.4735 25.5487 9.59788 21.0897 8.80769 17.6316C9.32025 16.6761 9.68331 15.9708 10.5589 14.8333C11.8403 13.1953 13.1004 12.854 14.2963 12.854C17.2222 12.854 18.4395 15.1518 18.952 16.9946C19.1656 17.8136 19.4432 19.2241 19.4432 21.4309C19.4432 23.1372 19.3578 24.343 19.1015 25.708Z" fill="#747577"/>
-<path d="M108.308 28.347L106.898 27.1185C106.813 27.0503 106.706 26.982 106.578 26.982C106.45 26.982 106.322 27.0503 106.236 27.1413C105.788 27.7328 104.912 28.6883 104.805 28.8021C104.293 29.3253 103.609 29.7576 102.862 29.7576C101.538 29.7576 100.641 29.3253 100.641 26.8V13.1953H105.19C105.446 13.1953 105.681 12.9677 105.681 12.672V10.7382C105.681 10.4652 105.467 10.2149 105.19 10.2149H100.662V4.64109C100.662 4.36808 100.449 4.14058 100.171 4.14058H98.3557C98.0994 4.14058 97.8645 4.36808 97.8645 4.66384V10.2377H95.6647C95.4085 10.2377 95.1735 10.4652 95.1735 10.761V12.6947C95.1735 12.9905 95.3871 13.218 95.6647 13.218H97.8858V23.3874C97.2451 24.161 95.4725 26.163 94.6396 27.073C94.4688 27.255 94.2979 27.4143 94.1271 27.5735C93.2087 28.4153 92.205 28.9386 91.009 29.3253C89.5781 29.8031 88.3394 29.9396 86.4814 29.9396C83.6624 29.9396 82.2955 27.9148 82.2955 27.9148C82.5305 27.6418 85.7553 24.2065 85.7553 24.2065C88.4035 21.2944 90.5392 18.4961 90.9876 17.9728C90.9876 17.9728 91.5429 17.3586 91.9914 16.4713C92.9738 14.5148 92.9952 12.4672 91.308 11.034C90.4965 10.3514 89.0656 9.89644 86.5668 9.96469C82.8508 10.0557 79.1988 12.3535 78.4514 16.4031C78.2378 17.5178 78.0456 18.7919 78.0456 21.1807C78.0456 21.7722 78.0456 22.5229 78.0883 23.0234C78.131 24.1382 78.2592 25.162 78.43 26.2085C78.5154 26.6863 78.6649 27.0048 78.8358 27.619C78.4514 28.1423 78.0456 28.62 77.469 29.1206C77.0418 29.5073 76.3371 29.6211 75.974 29.6211H75.8459C74.8421 29.6211 74.2014 29.0296 73.4112 28.1195L73.2831 27.9603C72.8987 27.5053 70.0369 23.615 67.9226 20.7029L75.2692 12.4217C75.4401 12.217 75.4401 11.8985 75.2479 11.6937L73.9238 10.3742C73.7316 10.1694 73.4112 10.1922 73.2404 10.3969L65.851 18.7464L64.2706 20.5436V0.52326C64.2706 0.250255 64.0571 0 63.7794 0H61.9641C61.6865 0 61.4729 0.227504 61.4729 0.52326V23.6605C61.238 23.9335 59.978 25.3667 59.0596 26.436C58.2694 27.3688 57.1803 28.5063 55.9629 29.1888C55.0233 29.7121 54.468 29.8941 52.0761 29.8941C49.5773 29.8941 47.4417 28.0513 47.0146 25.708C46.7583 24.343 46.6729 23.1372 46.6729 21.4082C46.6729 19.5654 46.801 18.0411 47.0359 16.8808C47.5271 14.583 49.5987 12.8312 52.0761 12.8312C53.9981 12.8312 55.5785 13.7413 56.3474 15.0608C56.4114 15.1745 56.5396 15.3338 56.6677 15.3565C56.8172 15.402 56.9453 15.3565 57.0521 15.311L58.6539 14.401C58.782 14.3328 58.8888 14.1735 58.8888 13.9688C58.8888 13.8778 58.8674 13.8095 58.8247 13.7413L58.7179 13.5138C57.4579 11.2842 54.9805 9.94194 52.0761 9.94194C48.3173 9.94194 45.0498 12.581 44.2809 16.1983C44.0033 17.5633 43.8538 19.3151 43.8538 21.3627C43.8538 23.2737 43.9606 24.6842 44.2382 26.2313C44.3023 26.618 44.4945 27.2095 44.6226 27.5735C44.6226 27.5735 44.2596 28.0968 43.5334 28.8248C42.5724 29.7803 41.5686 29.6666 41.0988 29.5528C40.3086 29.3708 39.9669 28.5745 39.9455 27.71C39.9455 27.71 39.9455 18.0866 39.9455 17.4268C39.9455 13.0132 36.7207 9.94194 32.1077 9.94194C29.6944 9.94194 27.3238 11.034 25.8075 12.854C25.5512 13.1498 25.3377 13.491 25.1668 13.8323C25.1668 13.8323 25.1028 13.9915 25.1028 14.0825C25.1028 14.2873 25.2095 14.4693 25.3804 14.5375L26.9394 15.4248C27.0035 15.4703 27.0889 15.493 27.1743 15.493C27.3452 15.493 27.4733 15.402 27.5588 15.2655C27.5588 15.2655 27.6655 15.0835 27.9005 14.8105C28.9042 13.6048 30.4846 12.7857 32.1291 12.7857C35.2258 12.7857 37.1051 14.6513 37.1051 17.4041C37.1051 17.6088 37.1051 17.7453 37.1051 18.0638H34.4356C25.0814 18.0638 24.3553 24.434 24.3553 26.3678C24.3553 27.892 24.8465 29.3253 25.7862 30.4628C27.2598 32.2829 29.0964 32.6469 30.7622 32.6469C32.2786 32.6469 34.0725 31.9416 35.4393 31.0316C36.1227 30.5766 36.7634 29.9168 37.3401 29.1888C37.7672 31.2136 39.3476 32.6241 41.1415 32.6469C42.551 32.6469 43.3626 32.3739 44.5158 31.5549C44.8789 31.3046 45.605 30.6448 46.1389 29.9396C47.6125 31.6914 49.6841 32.6469 52.0974 32.6469C54.5748 32.6469 55.6853 32.5559 57.2443 31.6686C57.9918 31.2591 58.9742 30.5538 59.7431 29.6893C60.3197 29.0751 60.939 28.3243 61.4729 27.619V31.9644C61.4729 32.2601 61.6865 32.4876 61.9641 32.4876H63.7794C64.0571 32.4876 64.2706 32.2601 64.2706 31.9644V24.616L66.0005 22.7277C67.9226 25.344 70.8271 29.2798 71.2969 29.8713L71.4251 30.0306C72.258 30.9861 73.5607 32.6469 75.8245 32.6469C75.9099 32.6469 76.7001 32.6469 77.2554 32.3966C78.8785 31.6459 80.0104 30.3263 80.3521 29.9168C80.587 30.1671 81.0141 30.6221 81.2918 30.8496C82.8081 32.1236 84.6661 32.6469 86.8658 32.6469C88.9374 32.6469 90.3683 32.5559 91.8633 32.0326C93.0806 31.6004 95.1949 30.2808 96.3908 29.0068C96.7753 28.5745 97.4373 27.9375 97.9499 27.255C98.1207 30.8041 99.7225 32.6469 103.011 32.6469C104.891 32.6469 105.916 31.5321 106.535 30.8951C106.621 30.8041 108.393 28.9158 108.393 28.9158C108.457 28.8248 108.5 28.7111 108.5 28.5973C108.457 28.5745 108.393 28.438 108.308 28.347ZM36.9983 23.6605C36.9983 26.7318 33.9017 29.6893 31.1039 29.6893C29.0537 29.6893 28.2635 29.1433 27.8578 28.6428C27.3452 28.0058 27.1103 27.3005 27.1103 26.4588C27.1103 23.0007 29.6944 21.1124 34.3928 21.1124H37.0197V23.6605H36.9983ZM81.0996 25.0027C81.0996 25.0027 80.9074 23.7742 80.886 22.0679C80.8647 21.4082 80.886 20.7029 80.9074 19.9066C80.9287 19.1786 81.0355 18.1548 81.1209 17.4496C81.3559 15.7206 82.1247 14.765 83.0003 13.9915C83.9827 13.1498 85.3922 12.672 87.5279 12.672C89.5781 12.672 89.8985 14.037 89.5354 14.7878C88.6384 16.6988 86.3746 18.8601 84.0895 21.5219L81.0996 25.0027Z" fill="#747577"/>
-</svg>
diff --git a/site/img/footer/sentrium-logo-sm.svg b/site/img/footer/sentrium-logo-sm.svg
deleted file mode 100644
index 7e51266..0000000
--- a/site/img/footer/sentrium-logo-sm.svg
+++ /dev/null
@@ -1,64 +0,0 @@
-<svg width="71" height="50" viewBox="0 0 71 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.1246 28.8322C6.1246 28.3977 5.9522 28.0617 5.60741 27.8242C5.26867 27.5809 4.67284 27.3723 3.81994 27.1985C2.97308 27.0247 2.29862 26.8162 1.79655 26.5729C1.30053 26.3295 0.931544 26.0399 0.689585 25.7039C0.453674 25.3679 0.335719 24.9681 0.335719 24.5047C0.335719 23.7342 0.674462 23.0824 1.35195 22.5495C2.03548 22.0165 2.90654 21.75 3.96511 21.75C5.07813 21.75 5.97942 22.0252 6.66901 22.5755C7.36464 23.1259 7.71246 23.8298 7.71246 24.6872H6.02479C6.02479 24.2469 5.8282 23.8674 5.43502 23.5488C5.04788 23.2302 4.55791 23.0709 3.96511 23.0709C3.35416 23.0709 2.87629 23.1983 2.5315 23.4532C2.18671 23.7081 2.01431 24.0412 2.01431 24.4525C2.01431 24.8407 2.17461 25.1332 2.49521 25.3302C2.8158 25.5272 3.39348 25.7155 4.22824 25.8951C5.06905 26.0746 5.74956 26.289 6.26978 26.5381C6.78999 26.7872 7.1741 27.0885 7.42211 27.4418C7.67617 27.7894 7.80319 28.2152 7.80319 28.7193C7.80319 29.5593 7.45235 30.2342 6.75067 30.744C6.04899 31.248 5.13862 31.5 4.01955 31.5C3.23318 31.5 2.53755 31.3668 1.93265 31.1003C1.32775 30.8338 0.852907 30.463 0.508115 29.988C0.169372 29.5071 0 28.9886 0 28.4325H1.67859C1.70884 28.9713 1.93265 29.4 2.35003 29.7186C2.77346 30.0314 3.32997 30.1878 4.01955 30.1878C4.6547 30.1878 5.16281 30.0662 5.5439 29.8229C5.93103 29.5738 6.1246 29.2435 6.1246 28.8322Z" fill="url(#paint0_linear)"/>
-<path d="M14.0639 31.5C12.7331 31.5 11.6504 31.0829 10.8156 30.2487C9.98083 29.4086 9.56345 28.2877 9.56345 26.8857V26.5902C9.56345 25.6575 9.74794 24.8262 10.1169 24.0963C10.492 23.3605 11.0122 22.787 11.6776 22.3757C12.349 21.9586 13.0749 21.75 13.8552 21.75C15.1315 21.75 16.1236 22.1526 16.8313 22.9579C17.539 23.7631 17.8929 24.916 17.8929 26.4164V27.0856H11.242C11.2662 28.0125 11.5475 28.7627 12.0859 29.3362C12.6303 29.904 13.3199 30.1878 14.1546 30.1878C14.7474 30.1878 15.2495 30.072 15.6608 29.8402C16.0722 29.6085 16.4321 29.3015 16.7406 28.9191L17.7659 29.6838C16.9432 30.8946 15.7092 31.5 14.0639 31.5ZM13.8552 23.0709C13.1777 23.0709 12.6091 23.3084 12.1494 23.7834C11.6897 24.2527 11.4054 24.9131 11.2965 25.7647H16.2143V25.643C16.1659 24.8262 15.9361 24.1947 15.5247 23.7487C15.1134 23.2968 14.5569 23.0709 13.8552 23.0709Z" fill="url(#paint1_linear)"/>
-<path d="M21.4316 21.9238L21.486 23.1056C22.2361 22.2019 23.216 21.75 24.4258 21.75C26.5006 21.75 27.5471 22.871 27.5652 25.113V31.3262H25.8866V25.1043C25.8806 24.4265 25.7173 23.9254 25.3967 23.6009C25.0821 23.2765 24.5891 23.1143 23.9177 23.1143C23.3733 23.1143 22.8954 23.2533 22.4841 23.5314C22.0728 23.8095 21.7522 24.1745 21.5223 24.6263V31.3262H19.8437V21.9238H21.4316Z" fill="url(#paint2_linear)"/>
-<path d="M32.3742 19.6471V21.9238H34.207V23.1664H32.3742V28.9973C32.3742 29.3739 32.4558 29.6578 32.6192 29.8489C32.7825 30.0343 33.0607 30.127 33.4539 30.127C33.6475 30.127 33.9137 30.0922 34.2524 30.0227V31.3262C33.8108 31.4421 33.3813 31.5 32.964 31.5C32.2139 31.5 31.6483 31.2828 31.2672 30.8483C30.8861 30.4138 30.6956 29.7968 30.6956 28.9973V23.1664H28.9081V21.9238H30.6956V19.6471H32.3742Z" fill="url(#paint3_linear)"/>
-<path d="M40.9214 23.3663C40.6673 23.3258 40.3921 23.3055 40.0957 23.3055C38.9948 23.3055 38.2478 23.7545 37.8546 24.6524V31.3262H36.176V21.9238H37.8092L37.8364 23.01C38.3869 22.17 39.1672 21.75 40.1774 21.75C40.504 21.75 40.752 21.7906 40.9214 21.8717V23.3663Z" fill="url(#paint4_linear)"/>
-<path d="M44.2967 31.3262H42.6181V21.9238H44.2967V31.3262ZM42.482 19.4298C42.482 19.1691 42.5637 18.949 42.727 18.7694C42.8964 18.5898 43.1444 18.5 43.4711 18.5C43.7977 18.5 44.0457 18.5898 44.2151 18.7694C44.3845 18.949 44.4691 19.1691 44.4691 19.4298C44.4691 19.6905 44.3845 19.9078 44.2151 20.0816C44.0457 20.2553 43.7977 20.3422 43.4711 20.3422C43.1444 20.3422 42.8964 20.2553 42.727 20.0816C42.5637 19.9078 42.482 19.6905 42.482 19.4298Z" fill="url(#paint5_linear)"/>
-<path d="M53.0527 30.3964C52.3994 31.1321 51.4406 31.5 50.1764 31.5C49.1299 31.5 48.3314 31.2103 47.781 30.631C47.2366 30.0459 46.9613 29.1827 46.9553 28.0414V21.9238H48.6339V27.998C48.6339 29.4231 49.2388 30.1357 50.4486 30.1357C51.7309 30.1357 52.5839 29.678 53.0073 28.7627V21.9238H54.6859V31.3262H53.0889L53.0527 30.3964Z" fill="url(#paint6_linear)"/>
-<path d="M58.8234 21.9238L58.8688 22.9666C59.5886 22.1555 60.5594 21.75 61.7813 21.75C63.1545 21.75 64.089 22.254 64.585 23.262C64.9117 22.8102 65.3351 22.4452 65.8553 22.1671C66.3816 21.889 67.0016 21.75 67.7154 21.75C69.8688 21.75 70.9637 22.842 71 25.0261V31.3262H69.3214V25.1217C69.3214 24.4496 69.1611 23.9485 68.8405 23.6183C68.5199 23.2823 67.9816 23.1143 67.2254 23.1143C66.6024 23.1143 66.0852 23.2939 65.6739 23.6531C65.2625 24.0065 65.0236 24.4844 64.9571 25.0869V31.3262H63.2694V25.1651C63.2694 23.7979 62.5707 23.1143 61.1734 23.1143C60.0725 23.1143 59.3194 23.5633 58.9141 24.4612V31.3262H57.2355V21.9238H58.8234Z" fill="url(#paint7_linear)"/>
-<path d="M47.3333 6H54.8865V17H60.9291V0H47.3333V6Z" fill="url(#paint8_linear)"/>
-<path d="M41.7943 0H10.5745V17H16.617V6H41.7943V0Z" fill="url(#paint9_linear)"/>
-<path d="M16.617 36.5H10.5745V50H24.1702V44H16.617V36.5Z" fill="url(#paint10_linear)"/>
-<path d="M29.7092 44V50H60.9291V36.5H54.8865V44H29.7092Z" fill="url(#paint11_linear)"/>
-<defs>
-<linearGradient id="paint0_linear" x1="10.5745" y1="-1.11759e-06" x2="60.5732" y2="50.3534" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-<linearGradient id="paint1_linear" x1="10.5745" y1="-1.11759e-06" x2="60.5732" y2="50.3534" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-<linearGradient id="paint2_linear" x1="10.5745" y1="-1.11759e-06" x2="60.5732" y2="50.3534" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-<linearGradient id="paint3_linear" x1="10.5745" y1="-1.11759e-06" x2="60.5732" y2="50.3534" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-<linearGradient id="paint4_linear" x1="10.5745" y1="-1.11759e-06" x2="60.5732" y2="50.3534" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-<linearGradient id="paint5_linear" x1="10.5745" y1="-1.11759e-06" x2="60.5732" y2="50.3534" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-<linearGradient id="paint6_linear" x1="10.5745" y1="-1.11759e-06" x2="60.5732" y2="50.3534" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-<linearGradient id="paint7_linear" x1="10.5745" y1="-1.11759e-06" x2="60.5732" y2="50.3534" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-<linearGradient id="paint8_linear" x1="10.5745" y1="-1.11759e-06" x2="60.5732" y2="50.3534" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-<linearGradient id="paint9_linear" x1="10.5745" y1="-1.11759e-06" x2="60.5732" y2="50.3534" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-<linearGradient id="paint10_linear" x1="10.5745" y1="-1.11759e-06" x2="60.5732" y2="50.3534" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-<linearGradient id="paint11_linear" x1="10.5745" y1="-1.11759e-06" x2="60.5732" y2="50.3534" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/site/img/footer/sentrium.svg b/site/img/footer/sentrium.svg
deleted file mode 100644
index d6be799..0000000
--- a/site/img/footer/sentrium.svg
+++ /dev/null
@@ -1,64 +0,0 @@
-<svg width="61" height="43" viewBox="0 0 61 43" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.26198 24.7957C5.26198 24.422 5.11387 24.1331 4.81764 23.9288C4.5266 23.7196 4.0147 23.5402 3.28192 23.3907C2.55433 23.2413 1.97487 23.0619 1.54351 22.8527C1.11736 22.6434 0.800341 22.3943 0.59246 22.1053C0.389776 21.8164 0.288434 21.4726 0.288434 21.074C0.288434 20.4114 0.579467 19.8509 1.16153 19.3925C1.7488 18.9342 2.49717 18.705 3.40665 18.705C4.3629 18.705 5.13725 18.9417 5.72971 19.415C6.32737 19.8883 6.6262 20.4936 6.6262 21.231H5.17623C5.17623 20.8523 5.00733 20.526 4.66952 20.252C4.33691 19.9779 3.91595 19.8409 3.40665 19.8409C2.88175 19.8409 2.47118 19.9505 2.17495 20.1698C1.87872 20.389 1.73061 20.6754 1.73061 21.0292C1.73061 21.363 1.86833 21.6146 2.14377 21.784C2.41921 21.9534 2.91553 22.1153 3.63272 22.2697C4.3551 22.4242 4.93977 22.6085 5.38671 22.8228C5.83365 23.037 6.16366 23.2961 6.37674 23.6C6.59502 23.8989 6.70415 24.2651 6.70415 24.6986C6.70415 25.421 6.40273 26.0014 5.79987 26.4398C5.19702 26.8733 4.41487 27.09 3.45342 27.09C2.77781 27.09 2.18015 26.9754 1.66045 26.7462C1.14075 26.517 0.73278 26.1982 0.43655 25.7897C0.145516 25.3761 0 24.9302 0 24.4519H1.44217C1.46816 24.9153 1.66045 25.284 2.01904 25.558C2.38283 25.827 2.86096 25.9615 3.45342 25.9615C3.99911 25.9615 4.43565 25.8569 4.76307 25.6477C5.09568 25.4334 5.26198 25.1494 5.26198 24.7957Z" fill="url(#paint0_linear)"/>
-<path d="M12.0831 27.09C10.9397 27.09 10.0095 26.7313 9.29227 26.0139C8.57508 25.2914 8.21649 24.3274 8.21649 23.1217V22.8676C8.21649 22.0655 8.37499 21.3505 8.69201 20.7228C9.01423 20.09 9.46117 19.5968 10.0328 19.2431C10.6097 18.8844 11.2334 18.705 11.9038 18.705C13.0003 18.705 13.8527 19.0513 14.4607 19.7438C15.0688 20.4363 15.3728 21.4278 15.3728 22.7181V23.2936H9.65866C9.67945 24.0907 9.92111 24.7359 10.3836 25.2292C10.8514 25.7174 11.4438 25.9615 12.161 25.9615C12.6703 25.9615 13.1017 25.8619 13.4551 25.6626C13.8085 25.4633 14.1177 25.1993 14.3827 24.8704L15.2636 25.5281C14.5568 26.5694 13.4967 27.09 12.0831 27.09ZM11.9038 19.8409C11.3217 19.8409 10.8332 20.0452 10.4382 20.4537C10.0432 20.8573 9.79898 21.4253 9.70543 22.1576H13.9306V22.053C13.889 21.3505 13.6915 20.8075 13.3381 20.4239C12.9847 20.0352 12.5066 19.8409 11.9038 19.8409Z" fill="url(#paint1_linear)"/>
-<path d="M18.413 18.8545L18.4598 19.8708C19.1042 19.0936 19.9462 18.705 20.9856 18.705C22.7681 18.705 23.6672 19.6691 23.6828 21.5972V26.9405H22.2406V21.5897C22.2354 21.0068 22.0951 20.5758 21.8197 20.2968C21.5494 20.0178 21.1259 19.8783 20.549 19.8783C20.0813 19.8783 19.6707 19.9979 19.3173 20.237C18.9639 20.4762 18.6885 20.79 18.491 21.1786V26.9405H17.0488V18.8545H18.413Z" fill="url(#paint2_linear)"/>
-<path d="M27.8144 16.8965V18.8545H29.3891V19.9231H27.8144V24.9377C27.8144 25.2615 27.8846 25.5057 28.0249 25.6701C28.1652 25.8295 28.4043 25.9092 28.7421 25.9092C28.9084 25.9092 29.1371 25.8793 29.4281 25.8195V26.9405C29.0487 27.0402 28.6797 27.09 28.3211 27.09C27.6767 27.09 27.1908 26.9032 26.8634 26.5295C26.536 26.1558 26.3723 25.6252 26.3723 24.9377V19.9231H24.8365V18.8545H26.3723V16.8965H27.8144Z" fill="url(#paint3_linear)"/>
-<path d="M35.1578 20.095C34.9395 20.0602 34.7031 20.0427 34.4484 20.0427C33.5026 20.0427 32.8607 20.4288 32.5229 21.2011V26.9405H31.0808V18.8545H32.484L32.5073 19.7886C32.9803 19.0662 33.6507 18.705 34.5186 18.705C34.7992 18.705 35.0123 18.7399 35.1578 18.8096V20.095Z" fill="url(#paint4_linear)"/>
-<path d="M38.0578 26.9405H36.6156V18.8545H38.0578V26.9405ZM36.4987 16.7096C36.4987 16.4854 36.5688 16.2961 36.7091 16.1417C36.8547 15.9872 37.0677 15.91 37.3484 15.91C37.629 15.91 37.8421 15.9872 37.9876 16.1417C38.1331 16.2961 38.2059 16.4854 38.2059 16.7096C38.2059 16.9338 38.1331 17.1207 37.9876 17.2701C37.8421 17.4196 37.629 17.4943 37.3484 17.4943C37.0677 17.4943 36.8547 17.4196 36.7091 17.2701C36.5688 17.1207 36.4987 16.9338 36.4987 16.7096Z" fill="url(#paint5_linear)"/>
-<path d="M45.5804 26.1409C45.0192 26.7736 44.1954 27.09 43.1093 27.09C42.2102 27.09 41.5242 26.8409 41.0512 26.3427C40.5835 25.8395 40.347 25.0971 40.3419 24.1156V18.8545H41.784V24.0783C41.784 25.3039 42.3037 25.9167 43.3431 25.9167C44.4449 25.9167 45.1777 25.5231 45.5415 24.7359V18.8545H46.9836V26.9405H45.6116L45.5804 26.1409Z" fill="url(#paint6_linear)"/>
-<path d="M50.5384 18.8545L50.5774 19.7513C51.1958 19.0538 52.0299 18.705 53.0797 18.705C54.2595 18.705 55.0624 19.1384 55.4886 20.0053C55.7692 19.6167 56.133 19.3029 56.5799 19.0637C57.0321 18.8246 57.5648 18.705 58.178 18.705C60.0282 18.705 60.9688 19.6441 61 21.5224V26.9405H59.5578V21.6046C59.5578 21.0267 59.4201 20.5957 59.1447 20.3118C58.8692 20.0228 58.4067 19.8783 57.7571 19.8783C57.2218 19.8783 56.7774 20.0327 56.424 20.3416C56.0706 20.6456 55.8653 21.0566 55.8082 21.5747V26.9405H54.3582V21.642C54.3582 20.4662 53.758 19.8783 52.5574 19.8783C51.6116 19.8783 50.9646 20.2644 50.6164 21.0367V26.9405H49.1742V18.8545H50.5384Z" fill="url(#paint7_linear)"/>
-<path d="M40.6667 5.16H47.156V14.62H52.3475V0H40.6667V5.16Z" fill="url(#paint8_linear)"/>
-<path d="M35.9078 0H9.08511V14.62H14.2766V5.16H35.9078V0Z" fill="url(#paint9_linear)"/>
-<path d="M14.2766 31.39H9.08511V43H20.766V37.84H14.2766V31.39Z" fill="url(#paint10_linear)"/>
-<path d="M25.5248 37.84V43H52.3475V31.39H47.156V37.84H25.5248Z" fill="url(#paint11_linear)"/>
-<defs>
-<linearGradient id="paint0_linear" x1="9.08511" y1="-9.61125e-07" x2="52.0843" y2="43.2616" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-<linearGradient id="paint1_linear" x1="9.08511" y1="-9.61125e-07" x2="52.0843" y2="43.2616" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-<linearGradient id="paint2_linear" x1="9.08511" y1="-9.61125e-07" x2="52.0843" y2="43.2616" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-<linearGradient id="paint3_linear" x1="9.08511" y1="-9.61125e-07" x2="52.0843" y2="43.2616" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-<linearGradient id="paint4_linear" x1="9.08511" y1="-9.61125e-07" x2="52.0843" y2="43.2616" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-<linearGradient id="paint5_linear" x1="9.08511" y1="-9.61125e-07" x2="52.0843" y2="43.2616" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-<linearGradient id="paint6_linear" x1="9.08511" y1="-9.61125e-07" x2="52.0843" y2="43.2616" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-<linearGradient id="paint7_linear" x1="9.08511" y1="-9.61125e-07" x2="52.0843" y2="43.2616" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-<linearGradient id="paint8_linear" x1="9.08511" y1="-9.61125e-07" x2="52.0843" y2="43.2616" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-<linearGradient id="paint9_linear" x1="9.08511" y1="-9.61125e-07" x2="52.0843" y2="43.2616" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-<linearGradient id="paint10_linear" x1="9.08511" y1="-9.61125e-07" x2="52.0843" y2="43.2616" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-<linearGradient id="paint11_linear" x1="9.08511" y1="-9.61125e-07" x2="52.0843" y2="43.2616" gradientUnits="userSpaceOnUse">
-<stop stop-color="#22C49D"/>
-<stop offset="1" stop-color="#11AEBD"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/site/img/forms/bg.svg b/site/img/forms/bg.svg
deleted file mode 100644
index 89fd785..0000000
--- a/site/img/forms/bg.svg
+++ /dev/null
@@ -1,89 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="1340"
-   height="341"
-   viewBox="0 0 1340 341"
-   fill="none"
-   version="1.1"
-   id="svg39"
-   sodipodi:docname="CTA.svg"
-   inkscape:version="0.92.4 (33fec40, 2019-01-16)">
-  <metadata
-     id="metadata43">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="640"
-     inkscape:window-height="480"
-     id="namedview41"
-     showgrid="false"
-     inkscape:zoom="0.26492537"
-     inkscape:cx="702.82024"
-     inkscape:cy="206.96837"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="g32" />
-  <g
-     clip-path="url(#clip0)"
-     id="g32">
-    <rect
-       width="1340"
-       height="344"
-       fill="#18191C"
-       id="rect2" />
-    <g
-       opacity="0.05"
-       id="g12">
-      <path
-         d="M149.75 -71H191V66.5H224V-104H149.75V-71Z"
-         fill="white"
-         id="path4" />
-      <path
-         d="M119.5 -104H-51V-29.75H-18V-71H119.5V-104Z"
-         fill="white"
-         id="path6" />
-      <path
-         d="M-18 0.5H-51V171H23.25V138H-18V0.5Z"
-         fill="white"
-         id="path8" />
-      <path
-         d="M53.5 138V171H224V96.75H191V138H53.5Z"
-         fill="white"
-         id="path10" />
-    </g>
-  </g>
-  <defs
-     id="defs37">
-    <clipPath
-       id="clip0">
-      <rect
-         width="1340"
-         height="341"
-         fill="white"
-         id="rect34" />
-    </clipPath>
-  </defs>
-</svg>
-\ No newline at end of file
diff --git a/site/img/front-page/banner/banner-bg-sm.svg b/site/img/front-page/banner/banner-bg-sm.svg
deleted file mode 100644
index 401c036..0000000
--- a/site/img/front-page/banner/banner-bg-sm.svg
+++ /dev/null
@@ -1,107 +0,0 @@
-<svg width="375" height="376" viewBox="0 0 375 376" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="375" height="376" transform="matrix(1 0 0 -1 0 376)" fill="url(#paint0_linear)"/>
-<rect width="375" height="375" transform="matrix(1 0 0 -1 0 375)" fill="url(#paint1_linear)"/>
-<g opacity="0.5">
-<path d="M0 97H375" stroke="white" stroke-dasharray="8 8"/>
-<path d="M0 187H375" stroke="white" stroke-dasharray="8 8"/>
-<path d="M0 277H375" stroke="white" stroke-dasharray="12 12"/>
-<path d="M167.634 375.102L167.634 2.05975" stroke="white" stroke-dasharray="8 8"/>
-<path opacity="0.9" d="M58.5535 372.982L58.5534 0.999992" stroke="white" stroke-dasharray="8 8"/>
-<path d="M275.646 375.102L275.645 2.05975" stroke="white" stroke-dasharray="8 8"/>
-</g>
-<path d="M270.692 327.271C275.222 321.057 281.193 316.419 289.651 316.419V320.996C283.203 320.996 278.45 324.418 274.409 329.96C270.458 335.379 267.43 342.497 264.366 349.701L264.025 350.503C260.922 357.792 257.699 365.237 253.365 370.114C251.154 372.601 248.544 374.555 245.378 375.448C242.189 376.347 238.688 376.097 234.844 374.617C228.276 372.089 225.17 366.013 222.663 361.109L222.662 361.109C222.444 360.682 222.231 360.265 222.02 359.859C220.62 357.165 219.344 354.942 217.739 353.367C216.234 351.89 214.427 350.973 211.783 350.973C209.326 350.973 207.591 352.022 206.063 353.862C204.442 355.814 203.194 358.489 201.806 361.531L201.693 361.777C200.401 364.612 198.96 367.77 196.984 370.204C194.858 372.822 191.976 374.771 187.894 374.771V370.195C190.244 370.195 191.915 369.169 193.412 367.325C195.003 365.367 196.231 362.689 197.624 359.637L197.65 359.579C198.97 356.686 200.453 353.438 202.524 350.944C204.702 348.321 207.643 346.396 211.783 346.396C215.736 346.396 218.675 347.861 220.963 350.106C223.151 352.253 224.716 355.092 226.1 357.755C226.276 358.094 226.45 358.43 226.622 358.764C229.32 363.984 231.643 368.479 236.5 370.348C239.607 371.545 242.076 371.622 244.127 371.044C246.201 370.459 248.102 369.132 249.926 367.08C253.661 362.877 256.606 356.209 259.795 348.716C259.937 348.383 260.08 348.048 260.222 347.712C263.21 340.683 266.423 333.126 270.692 327.271Z" fill="#747577"/>
-<path d="M289.881 191.455L235.292 191.455V375.812H289.881V191.455Z" fill="white"/>
-<path d="M235.292 191.455L201.446 196.799V375.812H235.292V191.455Z" fill="#E6E6E6"/>
-<path d="M146.857 196.799L113.012 202.142V375.812H146.857V196.799Z" fill="#E6E6E6"/>
-<path d="M201.447 196.799L146.857 196.799V375.812H201.447V196.799Z" fill="white"/>
-<path d="M206.363 270.122C206.518 270.323 206.673 270.523 206.829 270.523H212.726V288.158C212.726 288.559 213.036 288.96 213.347 288.96H222.037C222.348 288.96 222.658 288.559 222.658 288.158V270.523H228.71C228.866 270.523 229.176 270.323 229.176 270.122C229.331 269.922 229.176 269.521 229.021 269.321L218.157 255.293C218.002 255.093 217.847 255.093 217.847 255.093C217.692 255.093 217.537 255.093 217.537 255.293L206.673 269.321C206.208 269.521 206.208 269.722 206.363 270.122Z" fill="#B8B8B8"/>
-<path d="M228.263 326.561C228.114 326.361 227.965 326.16 227.815 326.16H222.146V308.525C222.146 308.125 221.848 307.724 221.549 307.724H213.195C212.896 307.724 212.598 308.125 212.598 308.525V326.16H206.78C206.63 326.16 206.332 326.361 206.332 326.561C206.183 326.761 206.332 327.162 206.481 327.363L216.924 341.39C217.074 341.591 217.223 341.591 217.223 341.591C217.372 341.591 217.521 341.591 217.521 341.39L227.965 327.363C228.263 326.962 228.412 326.761 228.263 326.561Z" fill="#B8B8B8"/>
-<path d="M250.503 314.131C250.707 313.917 250.911 313.703 250.911 313.488V305.348H268.852C269.26 305.348 269.667 304.92 269.667 304.491V292.495C269.667 292.067 269.26 291.638 268.852 291.638H250.911V283.284C250.911 283.07 250.707 282.641 250.503 282.641C250.299 282.427 249.891 282.641 249.688 282.855L235.416 297.851C235.212 298.065 235.212 298.279 235.212 298.279C235.212 298.493 235.212 298.707 235.416 298.707L249.688 313.703C249.891 314.131 250.299 314.131 250.503 314.131Z" fill="#CCCCCC"/>
-<path d="M185.16 283.925C184.964 284.13 184.768 284.335 184.768 284.54V292.326H167.545C167.153 292.326 166.762 292.736 166.762 293.146V304.621C166.762 305.03 167.153 305.44 167.545 305.44H184.768V313.431C184.768 313.636 184.964 314.046 185.16 314.046C185.355 314.251 185.747 314.046 185.943 313.841L199.643 299.498C199.839 299.293 199.839 299.088 199.839 299.088C199.839 299.088 199.839 298.678 199.643 298.678L185.943 284.335C185.551 283.925 185.355 283.925 185.16 283.925Z" fill="#CCCCCC"/>
-<g opacity="0.2">
-<path d="M234.845 212.53H258.642V219.878H235.446L202.056 225.266H146.892L122.2 229.139V221.882L146.308 217.918H201.455L234.845 212.53Z" fill="black"/>
-<path d="M234.845 228.205H258.642V235.552H235.446L202.056 240.94H146.892L122.2 244.814V237.557L146.308 233.593H201.455L234.845 228.205Z" fill="black"/>
-<path d="M181.227 250.737H146.308L122.2 254.701L122.2 261.958L146.892 258.084H181.227V250.737Z" fill="black"/>
-</g>
-<rect x="117.161" y="292.379" width="52.6698" height="63.6448" rx="5" fill="white"/>
-<rect x="121.551" y="292.379" width="52.6698" height="63.6448" rx="5" fill="url(#paint2_linear)"/>
-<path d="M133.27 319.586H111.512L101.068 349.065H122.826L133.27 319.586Z" fill="#18191C"/>
-<rect x="111.512" y="319.586" width="62.6635" height="56.3572" fill="#3C3D43"/>
-<rect x="174.175" y="319.586" width="21.7581" height="56.3572" fill="#18191C"/>
-<path d="M174.175 319.586H195.933L206.377 349.065H184.619L174.175 319.586Z" fill="#3C3D43"/>
-<rect x="128.866" y="361.854" width="28.2857" height="2.42918" rx="1.21459" fill="white"/>
-<path d="M137.775 330.607C137.268 330.607 136.856 331.017 136.856 331.522V348.381H130.012C129.193 348.381 128.783 349.367 129.362 349.944L142.154 362.687C142.512 363.044 143.094 363.044 143.453 362.687L156.244 349.944C156.823 349.367 156.413 348.381 155.595 348.381H149.317V331.522C149.317 331.017 148.906 330.607 148.398 330.607H137.775Z" fill="white"/>
-<rect x="128.632" y="301.317" width="26.3349" height="2.91502" rx="1.45751" fill="#18191C"/>
-<rect x="136.922" y="307.147" width="19.995" height="2.91507" rx="1.45753" fill="white"/>
-<rect x="128.632" y="312.977" width="19.995" height="2.91499" rx="1.4575" fill="#18191C"/>
-<path d="M257.176 335.249C265.885 343.699 277.578 348.588 289.853 348.949L289.853 327.637C283.401 327.289 277.287 324.648 272.694 320.192C268.101 315.735 265.38 309.802 265.021 303.543L243.057 303.543C243.429 315.452 248.467 326.799 257.176 335.249Z" fill="#3C3D43"/>
-<path d="M322.903 270.62C314.094 261.845 302.267 256.769 289.852 256.394V278.524C296.377 278.886 302.562 281.627 307.207 286.255C311.853 290.882 314.605 297.043 314.968 303.543L337.183 303.543C336.807 291.176 331.711 279.394 322.903 270.62Z" fill="white"/>
-<path d="M322.903 335.249C331.711 326.799 336.807 315.452 337.183 303.543L314.968 303.543C314.605 309.802 311.853 315.735 307.207 320.192C302.562 324.648 296.377 327.289 289.852 327.637L289.852 348.949C302.267 348.588 314.094 343.699 322.903 335.249Z" fill="#E6E6E6"/>
-<path d="M289.853 275.755V250.35C282.935 250.499 276.103 251.898 269.704 254.478C262.923 257.213 256.761 261.221 251.57 266.274C246.38 271.327 242.263 277.326 239.454 283.928C236.803 290.157 235.366 296.809 235.213 303.543L261.309 303.543C261.455 300.144 262.213 296.794 263.553 293.646C265.051 290.125 267.247 286.925 270.015 284.23C272.783 281.536 276.07 279.398 279.686 277.939C282.92 276.635 286.362 275.897 289.853 275.755Z" fill="url(#paint3_linear)"/>
-<rect x="244.86" y="347.998" width="86.3962" height="27.8096" fill="white"/>
-<path d="M288.078 366.152L312.66 358.041H281.666L288.078 366.152Z" fill="#E6E6E6"/>
-<rect x="244.86" y="347.998" width="36.8056" height="27.8096" fill="#E6E6E6"/>
-<path d="M312.66 358.041H281.666C287.309 358.041 291.142 361.903 292.353 363.834L312.66 358.041Z" fill="#FFBE12"/>
-<path d="M247.013 169.21C247.013 170.813 245.709 172.113 244.099 172.113C242.489 172.113 241.185 170.813 241.185 169.21C241.185 167.606 242.489 166.306 244.099 166.306C245.709 166.306 247.013 167.606 247.013 169.21Z" fill="white"/>
-<path d="M258.671 169.21C258.671 170.813 257.366 172.113 255.756 172.113C254.147 172.113 252.842 170.813 252.842 169.21C252.842 167.606 254.147 166.306 255.756 166.306C257.366 166.306 258.671 167.606 258.671 169.21Z" fill="white"/>
-<path d="M270.328 169.21C270.328 170.813 269.024 172.113 267.414 172.113C265.805 172.113 264.5 170.813 264.5 169.21C264.5 167.606 265.805 166.306 267.414 166.306C269.024 166.306 270.328 167.606 270.328 169.21Z" fill="white"/>
-<path d="M67.8476 305.593C67.8476 307.196 66.5428 308.496 64.9332 308.496C63.3236 308.496 62.0188 307.196 62.0188 305.593C62.0188 303.989 63.3236 302.69 64.9332 302.69C66.5428 302.69 67.8476 303.989 67.8476 305.593Z" fill="white"/>
-<path d="M79.5051 305.593C79.5051 307.196 78.2002 308.496 76.5907 308.496C74.9811 308.496 73.6763 307.196 73.6763 305.593C73.6763 303.989 74.9811 302.69 76.5907 302.69C78.2002 302.69 79.5051 303.989 79.5051 305.593Z" fill="white"/>
-<path d="M91.1627 305.593C91.1627 307.196 89.8579 308.496 88.2484 308.496C86.6388 308.496 85.334 307.196 85.334 305.593C85.334 303.989 86.6388 302.69 88.2484 302.69C89.8579 302.69 91.1627 303.989 91.1627 305.593Z" fill="white"/>
-<path d="M170.258 304.377C170.258 307.584 167.649 310.183 164.43 310.183C161.21 310.183 158.601 307.584 158.601 304.377C158.601 301.17 161.21 298.571 164.43 298.571C167.649 298.571 170.258 301.17 170.258 304.377ZM161.419 304.377C161.419 306.033 162.767 307.376 164.43 307.376C166.092 307.376 167.44 306.033 167.44 304.377C167.44 302.72 166.092 301.378 164.43 301.378C162.767 301.378 161.419 302.72 161.419 304.377Z" fill="#18191C"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M158.601 264.403H139.657V261.5H158.601C162.625 261.5 165.887 264.749 165.887 268.758V300.692H162.972V268.758C162.972 266.353 161.015 264.403 158.601 264.403Z" fill="#18191C"/>
-<path d="M86.8264 247.312H147.206V284.023H86.8264V247.312Z" fill="#18191C"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M122.733 250.914L127.635 255.757L130.777 252.653L134.924 256.75L139.322 252.405C140.162 251.575 141.518 251.581 142.352 252.417C143.185 253.254 143.179 254.606 142.339 255.436L134.924 262.763L130.777 258.665L127.635 261.769L122.733 256.927L108.281 271.206L102.248 265.246L95.0858 272.323C94.2456 273.153 92.889 273.147 92.0557 272.31C91.2224 271.474 91.2279 270.122 92.0681 269.292L102.248 259.234L108.281 265.194L122.733 250.914Z" fill="#18191C"/>
-<path d="M89.7117 243.651H149.893V280.722H89.7117V243.651Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M125.424 249.143L130.317 253.986L133.453 250.882L137.594 254.98L141.971 250.647C142.802 249.824 144.157 249.818 144.996 250.633C145.835 251.449 145.841 252.777 145.01 253.6L137.594 260.941L133.453 256.843L130.317 259.947L125.424 255.104L110.995 269.386L104.973 263.425L97.8353 270.49C97.0039 271.313 95.6495 271.319 94.8103 270.503C93.9711 269.688 93.9648 268.36 94.7963 267.537L104.973 257.464L110.995 263.425L125.424 249.143Z" fill="#FFBE12"/>
-<rect x="69.0703" y="334.544" width="46.1461" height="18.9433" fill="white"/>
-<rect x="68.9714" y="356.064" width="53.1545" height="18.9257" fill="#E6E6E6"/>
-<rect x="24.5493" y="354.55" width="100.234" height="2.64958" fill="#18191C"/>
-<rect x="24.5493" y="373.097" width="100.234" height="2.64955" fill="#18191C"/>
-<path d="M27.3313 354.542H85.7776C85.7776 354.542 82.2354 354.542 82.2354 365.136C82.2354 375.73 85.7776 375.73 85.7776 375.73H27.3313C27.3313 375.73 23.7891 375.73 23.7891 365.136C23.7891 354.542 27.3313 354.542 27.3313 354.542Z" fill="#18191C"/>
-<path d="M24.6745 354.542H83.1209C83.1209 354.542 79.5787 354.542 79.5787 365.136C79.5787 375.73 83.1209 375.73 83.1209 375.73H24.6745C24.6745 375.73 21.1323 375.73 21.1323 365.136C21.1323 354.542 24.6745 354.542 24.6745 354.542Z" fill="#3C3D43"/>
-<rect x="43.2712" y="333.353" width="73.5007" height="2.64853" fill="#18191C"/>
-<rect x="43.2712" y="351.892" width="73.5007" height="2.6485" fill="#18191C"/>
-<path d="M40.6145 333.353H74.7082C74.7082 333.353 71.166 333.353 71.166 343.947C71.166 354.541 74.7082 354.541 74.7082 354.541H40.6145C40.6145 354.541 37.0723 354.541 37.0723 343.947C37.0723 333.353 40.6145 333.353 40.6145 333.353Z" fill="#18191C"/>
-<path d="M40.6145 333.353H72.0515C72.0515 333.353 68.5093 333.353 68.5093 343.947C68.5093 354.541 72.0515 354.541 72.0515 354.541H40.6145C40.6145 354.541 37.0723 354.541 37.0723 343.947C37.0723 333.353 40.6145 333.353 40.6145 333.353Z" fill="url(#paint4_linear)"/>
-<path d="M82.1904 341.782H94.858C94.858 341.782 97.1201 341.783 98.9297 344.379C100.739 346.976 102.097 363.861 102.097 363.861L95.7628 359.531L89.429 363.861C89.429 363.861 88.5242 347.409 86.2621 344.379C84.0001 341.35 82.1904 341.782 82.1904 341.782Z" fill="#FFBE12"/>
-<path d="M252.67 276.917C252.67 280.124 255.279 282.723 258.498 282.723C261.718 282.723 264.327 280.124 264.327 276.917C264.327 273.71 261.718 271.111 258.498 271.111C255.279 271.111 252.67 273.71 252.67 276.917ZM261.509 276.917C261.509 278.574 260.161 279.916 258.498 279.916C256.836 279.916 255.488 278.574 255.488 276.917C255.488 275.261 256.836 273.918 258.498 273.918C260.161 273.918 261.509 275.261 261.509 276.917Z" fill="#18191C"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M264.327 231.909H283.271V229.006H264.327C260.303 229.006 257.041 232.255 257.041 236.264V272.942H259.956V236.264C259.956 233.859 261.913 231.909 264.327 231.909Z" fill="#18191C"/>
-<path d="M350.629 214.06H279.226V245.995H350.629V214.06Z" fill="#18191C"/>
-<path d="M353.543 211.157H282.141V243.092H353.543V211.157Z" fill="white"/>
-<path d="M347.765 217.107H312.851V222.599H347.765V217.107Z" fill="#C4C4C4"/>
-<path d="M347.765 227.175H322.039V233.125H347.765V227.175Z" fill="#C4C4C4"/>
-<path d="M288.043 238.159C288.043 231.884 293.2 226.806 299.528 226.806C299.897 226.806 300.265 226.838 300.633 226.871C306.46 227.42 311.013 232.272 311.013 238.159H288.043ZM299.964 216.682C299.83 216.649 299.662 216.649 299.528 216.649C296.984 216.649 294.908 218.655 294.908 221.113C294.908 223.118 296.28 224.8 298.156 225.383C298.591 225.512 299.026 225.577 299.528 225.577C302.073 225.577 304.149 223.571 304.149 221.113C304.149 218.784 302.308 216.876 299.964 216.682Z" fill="#18191C"/>
-<path d="M300.906 238.159C300.906 234.287 304.104 231.154 308.027 231.154C308.256 231.154 308.484 231.174 308.712 231.194C312.325 231.533 315.148 234.527 315.148 238.159H300.906ZM308.297 224.907C308.214 224.887 308.11 224.887 308.027 224.887C306.449 224.887 305.162 226.124 305.162 227.641C305.162 228.879 306.013 229.917 307.176 230.276C307.446 230.356 307.716 230.396 308.027 230.396C309.605 230.396 310.892 229.158 310.892 227.641C310.892 226.204 309.75 225.027 308.297 224.907Z" fill="url(#paint5_linear)"/>
-<path d="M289.651 316.419C297.95 316.419 303.794 320.222 308.25 325.663C312.572 330.941 315.696 337.893 318.661 344.491L318.738 344.66C321.792 351.456 324.693 357.873 328.592 362.634C332.393 367.276 337.023 370.195 343.631 370.195C350.258 370.195 355.133 367.256 359.228 362.577C363.404 357.805 366.642 351.368 369.911 344.603C370.13 344.149 370.35 343.693 370.57 343.236L370.571 343.234C373.563 337.023 376.648 330.62 380.512 325.7C384.729 320.33 390.112 316.419 397.61 316.419V320.996C392.015 320.996 387.831 323.807 384.13 328.52C380.589 333.03 377.711 338.998 374.645 345.355C374.447 345.765 374.249 346.176 374.05 346.588C370.823 353.267 367.34 360.273 362.691 365.584C357.962 370.988 351.91 374.771 343.631 374.771C335.332 374.771 329.488 370.968 325.032 365.527C320.71 360.25 317.586 353.298 314.621 346.7L314.545 346.53C311.491 339.735 308.589 333.317 304.691 328.557C300.889 323.915 296.259 320.996 289.651 320.996V316.419Z" fill="url(#paint6_linear)"/>
-<defs>
-<linearGradient id="paint0_linear" x1="187.5" y1="0" x2="187.5" y2="376" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#F4F4F4"/>
-</linearGradient>
-<linearGradient id="paint1_linear" x1="254.5" y1="252.5" x2="-50.436" y2="102.6" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FFBE12"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint2_linear" x1="112.323" y1="277.289" x2="147.662" y2="356.124" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FFBE12"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint3_linear" x1="235.18" y1="250.35" x2="290.345" y2="304.271" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FFBE12"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint4_linear" x1="37.0484" y1="343.872" x2="72.0548" y2="343.872" gradientUnits="userSpaceOnUse">
-<stop stop-color="#27292D"/>
-<stop offset="1" stop-color="#404247"/>
-</linearGradient>
-<linearGradient id="paint5_linear" x1="300.036" y1="242.618" x2="314.43" y2="227.066" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FFBE11"/>
-</linearGradient>
-<linearGradient id="paint6_linear" x1="343.631" y1="316.419" x2="387.733" y2="316.419" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/site/img/front-page/banner/banner-bg.svg b/site/img/front-page/banner/banner-bg.svg
deleted file mode 100644
index 67d9820..0000000
--- a/site/img/front-page/banner/banner-bg.svg
+++ /dev/null
@@ -1,109 +0,0 @@
-<svg width="1600" height="500" viewBox="0 0 1600 500" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="1600" height="500" transform="matrix(1 0 0 -1 0 500)" fill="url(#paint0_linear)"/>
-<rect width="1600" height="500" transform="matrix(1 0 0 -1 0 500)" fill="url(#paint1_linear)"/>
-<g opacity="0.5">
-<path d="M785 129H1601.5" stroke="white" stroke-width="2" stroke-dasharray="12 12"/>
-<path d="M785 249H1601.5" stroke="white" stroke-width="2" stroke-dasharray="12 12"/>
-<path d="M785 369H1601.5" stroke="white" stroke-width="2" stroke-dasharray="12 12"/>
-<path opacity="0.5" d="M899 498L899 7.689e-06" stroke="white" stroke-width="2" stroke-dasharray="12 12"/>
-<path opacity="0.75" d="M1042 498L1042 7.689e-06" stroke="white" stroke-width="2" stroke-dasharray="12 12"/>
-<path d="M1328 500L1328 2.00001" stroke="white" stroke-width="2" stroke-dasharray="12 12"/>
-<path opacity="0.9" d="M1185 498L1185 7.689e-06" stroke="white" stroke-width="2" stroke-dasharray="12 12"/>
-<path d="M1471 500L1471 2.00001" stroke="white" stroke-width="2" stroke-dasharray="12 12"/>
-</g>
-<path d="M1290.23 393.71C1300.09 380.134 1313.09 370 1331.5 370V380C1317.46 380 1307.12 387.477 1298.32 399.587C1289.72 411.428 1283.13 426.98 1276.46 442.721C1276.21 443.305 1275.97 443.889 1275.72 444.474C1268.96 460.4 1261.95 476.669 1252.51 487.323C1247.7 492.759 1242.02 497.028 1235.13 498.978C1228.19 500.943 1220.57 500.398 1212.2 497.164C1197.9 491.639 1191.14 478.364 1185.68 467.648C1185.21 466.716 1184.74 465.804 1184.28 464.917C1181.23 459.029 1178.46 454.173 1174.97 450.731C1171.69 447.505 1167.75 445.5 1162 445.5C1156.65 445.5 1152.87 447.793 1149.55 451.812C1146.02 456.078 1143.3 461.923 1140.28 468.569L1140.04 469.108C1137.22 475.302 1134.09 482.203 1129.79 487.52C1125.16 493.24 1118.89 497.5 1110 497.5V487.5C1115.11 487.5 1118.75 485.26 1122.01 481.23C1125.47 476.952 1128.15 471.101 1131.18 464.431L1131.24 464.306C1134.11 457.984 1137.34 450.886 1141.84 445.438C1146.59 439.707 1152.99 435.5 1162 435.5C1170.61 435.5 1177 438.701 1181.98 443.607C1186.75 448.298 1190.15 454.501 1193.16 460.319C1193.55 461.06 1193.93 461.795 1194.3 462.524C1200.17 473.931 1205.23 483.751 1215.8 487.836C1222.57 490.45 1227.94 490.619 1232.4 489.356C1236.92 488.078 1241.06 485.178 1245.03 480.694C1253.16 471.511 1259.57 456.942 1266.51 440.57C1266.82 439.841 1267.13 439.109 1267.44 438.375C1273.94 423.017 1280.94 406.504 1290.23 393.71Z" fill="#747577"/>
-<path d="M1332 96.9498L1213.17 96.9498V499.774H1332V96.9498Z" fill="white"/>
-<path d="M1213.17 96.9498L1139.5 108.626V499.774H1213.17V96.9498Z" fill="#E6E6E6"/>
-<path d="M1020.67 108.626L947 120.302V499.774H1020.67V108.626Z" fill="#E6E6E6"/>
-<path d="M1139.5 108.626L1020.67 108.626V499.774H1139.5V108.626Z" fill="white"/>
-<path d="M1150.2 268.84C1150.54 269.278 1150.88 269.716 1151.22 269.716H1164.05V308.249C1164.05 309.124 1164.73 310 1165.4 310H1184.32C1185 310 1185.67 309.124 1185.67 308.249V269.716H1198.85C1199.18 269.716 1199.86 269.278 1199.86 268.84C1200.2 268.402 1199.86 267.527 1199.52 267.089L1175.88 236.438C1175.54 236 1175.2 236 1175.2 236C1174.86 236 1174.52 236 1174.52 236.438L1150.88 267.089C1149.86 267.527 1149.86 267.964 1150.2 268.84Z" fill="#B8B8B8"/>
-<path d="M1197.87 392.16C1197.55 391.722 1197.22 391.284 1196.9 391.284H1184.56V352.751C1184.56 351.876 1183.91 351 1183.26 351H1165.07C1164.42 351 1163.77 351.876 1163.77 352.751V391.284H1151.11C1150.78 391.284 1150.13 391.722 1150.13 392.16C1149.81 392.598 1150.13 393.473 1150.46 393.911L1173.19 424.562C1173.52 425 1173.84 425 1173.84 425C1174.17 425 1174.49 425 1174.49 424.562L1197.22 393.911C1197.87 393.036 1198.2 392.598 1197.87 392.16Z" fill="#B8B8B8"/>
-<path d="M1246.28 365C1246.73 364.532 1247.17 364.064 1247.17 363.596V345.809H1286.22C1287.11 345.809 1288 344.873 1288 343.937V317.725C1288 316.789 1287.11 315.853 1286.22 315.853H1247.17V297.598C1247.17 297.13 1246.73 296.194 1246.28 296.194C1245.84 295.726 1244.95 296.194 1244.51 296.662L1213.44 329.427C1213 329.895 1213 330.363 1213 330.363C1213 330.831 1213 331.299 1213.44 331.299L1244.51 364.064C1244.95 365 1245.84 365 1246.28 365Z" fill="#CCCCCC"/>
-<path d="M1104.05 299C1103.62 299.448 1103.2 299.895 1103.2 300.343V317.356H1065.7C1064.85 317.356 1064 318.252 1064 319.147V344.22C1064 345.115 1064.85 346.01 1065.7 346.01H1103.2V363.471C1103.2 363.919 1103.62 364.815 1104.05 364.815C1104.47 365.262 1105.33 364.815 1105.75 364.367L1135.57 333.027C1136 332.579 1136 332.131 1136 332.131C1136 332.131 1136 331.236 1135.57 331.236L1105.75 299.895C1104.9 299 1104.47 299 1104.05 299Z" fill="#CCCCCC"/>
-<g opacity="0.2">
-<path d="M1212.2 143H1264V159.054H1213.51L1140.83 170.827H1020.75L967 179.291V163.434L1019.48 154.773H1139.52L1212.2 143Z" fill="black"/>
-<path d="M1212.2 177.249H1264V193.303H1213.51L1140.83 205.077H1020.75L967 213.54V197.683L1019.48 189.022H1139.52L1212.2 177.249Z" fill="black"/>
-<path d="M1095.49 226.482H1019.48L967 235.143L967 251L1020.75 242.537H1095.49V226.482Z" fill="black"/>
-</g>
-<rect x="956.032" y="317.471" width="114.649" height="139.065" rx="5" fill="white"/>
-<rect x="965.586" y="317.471" width="114.649" height="139.065" rx="5" fill="url(#paint2_linear)"/>
-<path d="M991.096 376.918H943.734L921 441.331H968.362L991.096 376.918Z" fill="#18191C"/>
-<rect x="943.734" y="376.918" width="136.403" height="123.142" fill="#3C3D43"/>
-<rect x="1080.14" y="376.918" width="47.3622" height="123.142" fill="#18191C"/>
-<path d="M1080.14 376.918H1127.5L1150.23 441.331H1102.87L1080.14 376.918Z" fill="#3C3D43"/>
-<rect x="981.509" y="469.275" width="61.5709" height="5.30784" rx="2.65392" fill="white"/>
-<path d="M1000.9 401C999.798 401 998.902 401.895 998.902 403V439.837H984.004C982.222 439.837 981.33 441.991 982.59 443.251L1010.43 471.095C1011.21 471.876 1012.48 471.876 1013.26 471.095L1041.11 443.251C1042.37 441.991 1041.47 439.837 1039.69 439.837H1026.03V403C1026.03 401.895 1025.13 401 1024.03 401H1000.9Z" fill="white"/>
-<rect x="981" y="337" width="57.3246" height="6.3694" rx="3.1847" fill="#18191C"/>
-<rect x="999.047" y="349.739" width="43.5243" height="6.3694" rx="3.1847" fill="white"/>
-<rect x="981" y="362.478" width="43.5243" height="6.3694" rx="3.1847" fill="#18191C"/>
-<path d="M1260.81 411.143C1279.77 429.607 1305.22 440.289 1331.94 441.077L1331.94 394.51C1317.9 393.749 1304.59 387.98 1294.59 378.243C1284.59 368.505 1278.67 355.542 1277.89 341.864L1230.08 341.864C1230.88 367.887 1241.85 392.679 1260.81 411.143Z" fill="#3C3D43"/>
-<path d="M1403.88 269.927C1384.71 250.754 1358.96 239.662 1331.94 238.844V287.198C1346.14 287.988 1359.6 293.979 1369.72 304.09C1379.83 314.201 1385.82 327.662 1386.61 341.864L1434.97 341.864C1434.15 314.843 1423.05 289.1 1403.88 269.927Z" fill="white"/>
-<path d="M1403.88 411.143C1423.05 392.679 1434.15 367.887 1434.97 341.864L1386.61 341.864C1385.82 355.541 1379.83 368.505 1369.72 378.243C1359.6 387.98 1346.14 393.749 1331.94 394.51L1331.94 441.077C1358.96 440.289 1384.71 429.607 1403.88 411.143Z" fill="#E6E6E6"/>
-<path d="M1331.94 281.148V225.636C1316.88 225.963 1302.01 229.02 1288.08 234.658C1273.32 240.633 1259.91 249.391 1248.61 260.432C1237.31 271.473 1228.35 284.58 1222.23 299.006C1216.46 312.617 1213.33 327.15 1213 341.864L1269.81 341.864C1270.12 334.439 1271.77 327.118 1274.69 320.239C1277.95 312.546 1282.73 305.555 1288.76 299.667C1294.78 293.778 1301.94 289.107 1309.81 285.92C1316.85 283.071 1324.34 281.458 1331.94 281.148Z" fill="url(#paint3_linear)"/>
-<rect x="1234" y="439" width="188.063" height="60.7643" fill="white"/>
-<path d="M1328.08 478.666L1381.58 460.943H1314.12L1328.08 478.666Z" fill="#E6E6E6"/>
-<rect x="1234" y="439" width="80.1167" height="60.7643" fill="#E6E6E6"/>
-<path d="M1381.58 460.943H1314.12C1326.4 460.943 1334.74 469.383 1337.38 473.603L1381.58 460.943Z" fill="#FFBE12"/>
-<path d="M1238.69 48.3434C1238.69 51.8468 1235.85 54.6869 1232.34 54.6869C1228.84 54.6869 1226 51.8468 1226 48.3434C1226 44.8401 1228.84 42 1232.34 42C1235.85 42 1238.69 44.8401 1238.69 48.3434Z" fill="white"/>
-<path d="M1264.06 48.3434C1264.06 51.8468 1261.22 54.6869 1257.72 54.6869C1254.22 54.6869 1251.38 51.8468 1251.38 48.3434C1251.38 44.8401 1254.22 42 1257.72 42C1261.22 42 1264.06 44.8401 1264.06 48.3434Z" fill="white"/>
-<path d="M1289.44 48.3434C1289.44 51.8468 1286.6 54.6869 1283.1 54.6869C1279.59 54.6869 1276.75 51.8468 1276.75 48.3434C1276.75 44.8401 1279.59 42 1283.1 42C1286.6 42 1289.44 44.8401 1289.44 48.3434Z" fill="white"/>
-<path d="M848.688 346.343C848.688 349.847 845.848 352.687 842.344 352.687C838.84 352.687 836 349.847 836 346.343C836 342.84 838.84 340 842.344 340C845.848 340 848.688 342.84 848.688 346.343Z" fill="white"/>
-<path d="M874.063 346.343C874.063 349.847 871.223 352.687 867.719 352.687C864.216 352.687 861.375 349.847 861.375 346.343C861.375 342.84 864.216 340 867.719 340C871.223 340 874.063 342.84 874.063 346.343Z" fill="white"/>
-<path d="M899.439 346.343C899.439 349.847 896.599 352.687 893.095 352.687C889.592 352.687 886.751 349.847 886.751 346.343C886.751 342.84 889.592 340 893.095 340C896.599 340 899.439 342.84 899.439 346.343Z" fill="white"/>
-<path d="M1071.61 343.687C1071.61 350.694 1065.93 356.374 1058.92 356.374C1051.92 356.374 1046.24 350.694 1046.24 343.687C1046.24 336.68 1051.92 331 1058.92 331C1065.93 331 1071.61 336.68 1071.61 343.687ZM1052.37 343.687C1052.37 347.306 1055.3 350.24 1058.92 350.24C1062.54 350.24 1065.48 347.306 1065.48 343.687C1065.48 340.068 1062.54 337.134 1058.92 337.134C1055.3 337.134 1052.37 340.068 1052.37 343.687Z" fill="#18191C"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1046.24 256.343H1005V250H1046.24C1054.99 250 1062.1 257.1 1062.1 265.859V335.636H1055.75V265.859C1055.75 260.604 1051.49 256.343 1046.24 256.343Z" fill="#18191C"/>
-<path d="M890 219H1021.43V299.214H890V219Z" fill="#18191C"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M968.16 226.87L978.829 237.451L985.668 230.668L994.696 239.622L1004.27 230.127C1006.1 228.314 1009.05 228.326 1010.86 230.154C1012.68 231.983 1012.67 234.936 1010.84 236.75L994.696 252.759L985.668 243.805L978.829 250.588L968.16 240.007L936.701 271.208L923.57 258.185L907.978 273.648C906.15 275.462 903.197 275.45 901.383 273.621C899.569 271.792 899.581 268.84 901.41 267.026L923.57 245.048L936.701 258.071L968.16 226.87Z" fill="#18191C"/>
-<path d="M896.28 211H1027.28V292H896.28V211Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M974.017 223L984.668 233.583L991.495 226.799L1000.51 235.754L1010.04 226.286C1011.85 224.488 1014.79 224.475 1016.62 226.256C1018.45 228.038 1018.46 230.94 1016.65 232.738L1000.51 248.778L991.495 239.824L984.668 246.608L974.017 236.025L942.61 267.23L929.5 254.205L913.964 269.642C912.154 271.441 909.206 271.454 907.379 269.673C905.552 267.891 905.539 264.989 907.348 263.191L929.5 241.181L942.61 254.206L974.017 223Z" fill="#FFBE12"/>
-<rect x="851.35" y="409.602" width="100.449" height="41.3915" fill="white"/>
-<rect x="851.134" y="456.624" width="115.704" height="41.3531" fill="#E6E6E6"/>
-<rect x="754.438" y="453.317" width="218.185" height="5.78943" fill="#18191C"/>
-<rect x="754.438" y="493.843" width="218.185" height="5.78943" fill="#18191C"/>
-<path d="M760.493 453.299H887.717C887.717 453.299 880.006 453.299 880.006 476.447C880.006 499.596 887.717 499.596 887.717 499.596H760.493C760.493 499.596 752.783 499.596 752.783 476.447C752.783 453.299 760.493 453.299 760.493 453.299Z" fill="#18191C"/>
-<path d="M754.711 453.299H881.934C881.934 453.299 874.223 453.299 874.223 476.447C874.223 499.596 881.934 499.596 881.934 499.596H754.711C754.711 499.596 747 499.596 747 476.447C747 453.299 754.711 453.299 754.711 453.299Z" fill="#3C3D43"/>
-<rect x="795.191" y="407" width="159.993" height="5.78711" fill="#18191C"/>
-<rect x="795.191" y="447.509" width="159.993" height="5.78711" fill="#18191C"/>
-<path d="M789.408 407H863.621C863.621 407 855.911 407 855.911 430.149C855.911 453.297 863.621 453.297 863.621 453.297H789.408C789.408 453.297 781.697 453.297 781.697 430.149C781.697 407 789.408 407 789.408 407Z" fill="#18191C"/>
-<path d="M789.408 407H857.839C857.839 407 850.128 407 850.128 430.149C850.128 453.297 857.839 453.297 857.839 453.297H789.408C789.408 453.297 781.697 453.297 781.697 430.149C781.697 407 789.408 407 789.408 407Z" fill="url(#paint4_linear)"/>
-<path d="M879.909 425.417H907.483C907.483 425.417 912.407 425.419 916.346 431.093C920.285 436.766 923.239 473.66 923.239 473.66L909.452 464.201L895.665 473.66C895.665 473.66 893.696 437.712 888.772 431.093C883.848 424.473 879.909 425.417 879.909 425.417Z" fill="#FFBE12"/>
-<path d="M1251 283.687C1251 290.694 1256.68 296.374 1263.69 296.374C1270.7 296.374 1276.38 290.694 1276.38 283.687C1276.38 276.68 1270.7 271 1263.69 271C1256.68 271 1251 276.68 1251 283.687ZM1270.24 283.687C1270.24 287.306 1267.31 290.24 1263.69 290.24C1260.07 290.24 1257.13 287.306 1257.13 283.687C1257.13 280.068 1260.07 277.134 1263.69 277.134C1267.31 277.134 1270.24 280.068 1270.24 283.687Z" fill="#18191C"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1276.38 185.343H1317.61V179H1276.38C1267.62 179 1260.52 186.1 1260.52 194.859V275H1266.86V194.859C1266.86 189.604 1271.12 185.343 1276.38 185.343Z" fill="#18191C"/>
-<path d="M1464.23 146.344H1308.81V216.121H1464.23V146.344Z" fill="#18191C"/>
-<path d="M1470.58 140H1315.15V209.778H1470.58V140Z" fill="white"/>
-<path d="M1458 153H1382V165H1458V153Z" fill="#C4C4C4"/>
-<path d="M1458 175H1402V188H1458V175Z" fill="#C4C4C4"/>
-<path d="M1328 199C1328 185.289 1339.22 174.192 1353 174.192C1353.8 174.192 1354.6 174.263 1355.41 174.334C1368.09 175.535 1378 186.137 1378 199H1328ZM1353.95 152.071C1353.66 152 1353.29 152 1353 152C1347.46 152 1342.94 156.382 1342.94 161.753C1342.94 166.135 1345.93 169.811 1350.01 171.083C1350.96 171.365 1351.91 171.507 1353 171.507C1358.54 171.507 1363.06 167.125 1363.06 161.753C1363.06 156.665 1359.05 152.495 1353.95 152.071Z" fill="#18191C"/>
-<path d="M1356 199C1356 190.54 1362.96 183.693 1371.5 183.693C1372 183.693 1372.49 183.737 1372.99 183.78C1380.85 184.522 1387 191.063 1387 199H1356ZM1372.09 170.044C1371.91 170 1371.68 170 1371.5 170C1368.07 170 1365.26 172.704 1365.26 176.018C1365.26 178.722 1367.12 180.989 1369.65 181.774C1370.23 181.949 1370.82 182.036 1371.5 182.036C1374.93 182.036 1377.74 179.332 1377.74 176.018C1377.74 172.878 1375.25 170.305 1372.09 170.044Z" fill="url(#paint5_linear)"/>
-<path d="M1331.5 370C1349.56 370 1362.28 378.309 1371.98 390.198C1381.39 401.729 1388.19 416.92 1394.65 431.337L1394.81 431.707C1401.46 446.555 1407.78 460.578 1416.26 470.98C1424.54 481.122 1434.62 487.5 1449 487.5C1463.43 487.5 1474.04 481.079 1482.95 470.855C1492.04 460.43 1499.09 446.363 1506.2 431.582C1506.68 430.588 1507.16 429.59 1507.64 428.59C1514.16 415.02 1520.87 401.029 1529.28 390.279C1538.46 378.545 1550.18 370 1566.5 370V380C1554.32 380 1545.21 386.142 1537.16 396.44C1529.45 406.295 1523.18 419.334 1516.51 433.226C1516.08 434.12 1515.65 435.018 1515.22 435.918C1508.19 450.512 1500.61 465.82 1490.49 477.426C1480.2 489.233 1467.02 497.5 1449 497.5C1430.94 497.5 1418.22 489.191 1408.52 477.302C1399.11 465.771 1392.31 450.58 1385.85 436.163L1385.69 435.793C1379.04 420.945 1372.72 406.922 1364.24 396.52C1355.96 386.378 1345.88 380 1331.5 380V370Z" fill="url(#paint6_linear)"/>
-<defs>
-<linearGradient id="paint0_linear" x1="800" y1="500" x2="800" y2="12.5" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F3F4F4"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint1_linear" x1="1570" y1="198.5" x2="520.5" y2="74.5002" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FFBE12"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint2_linear" x1="945.5" y1="284.5" x2="1022.91" y2="456.537" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FFBE12"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint3_linear" x1="1212.93" y1="225.636" x2="1333.45" y2="342.999" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FFBE12"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint4_linear" x1="781.645" y1="429.985" x2="857.846" y2="429.985" gradientUnits="userSpaceOnUse">
-<stop stop-color="#27292D"/>
-<stop offset="1" stop-color="#404247"/>
-</linearGradient>
-<linearGradient id="paint5_linear" x1="1354.11" y1="208.742" x2="1385.57" y2="174.881" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="#FFBE11"/>
-</linearGradient>
-<linearGradient id="paint6_linear" x1="1449" y1="370" x2="1545" y2="370" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/site/img/front-page/banner/bg-image.svg b/site/img/front-page/banner/bg-image.svg
new file mode 100644
index 0000000..d049356
--- /dev/null
+++ b/site/img/front-page/banner/bg-image.svg
@@ -0,0 +1,85 @@
+<svg width="515" height="314" viewBox="0 0 515 314" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.5">
+<path d="M24.6992 156.494H440.58" stroke="#FFBE12" stroke-width="2" stroke-dasharray="12 12"/>
+<path d="M90.1188 231.91L461.942 231.91" stroke="#FFBE12" stroke-width="2" stroke-dasharray="12 12"/>
+<path opacity="0.5" d="M96.051 312.665L96.0509 0.404531" stroke="white" stroke-width="2" stroke-dasharray="12 12"/>
+<path opacity="0.75" d="M185.578 312.665L185.578 45.0393" stroke="#FFBE12" stroke-width="2" stroke-dasharray="12 12"/>
+<path d="M365.148 314L365.148 35.0284" stroke="#FFBE12" stroke-width="2" stroke-dasharray="12 12"/>
+<path opacity="0.9" d="M275.029 312.665L275.029 8.99994" stroke="#FFBE12" stroke-width="2" stroke-dasharray="12 12"/>
+</g>
+<path d="M341.237 247.273C347.417 238.76 355.563 232.406 367.101 232.406V238.676C358.305 238.676 351.821 243.364 346.308 250.958C340.918 258.382 336.788 268.134 332.608 278.003L332.142 279.103C327.909 289.089 323.513 299.29 317.6 305.971C314.584 309.379 311.023 312.056 306.704 313.279C302.354 314.51 297.579 314.169 292.334 312.141C283.374 308.677 279.137 300.353 275.717 293.634L275.716 293.633C275.419 293.049 275.128 292.477 274.84 291.921C272.929 288.229 271.19 285.184 269 283.027C266.947 281.003 264.481 279.746 260.875 279.746C257.523 279.746 255.156 281.184 253.072 283.704C250.86 286.379 249.158 290.044 247.264 294.211L247.111 294.549L247.111 294.549C245.347 298.433 243.382 302.76 240.686 306.094C237.786 309.681 233.855 312.352 228.286 312.352V306.081C231.491 306.081 233.771 304.677 235.814 302.15C237.983 299.467 239.658 295.799 241.559 291.616L241.594 291.538C243.396 287.574 245.418 283.123 248.243 279.707C251.215 276.114 255.227 273.476 260.875 273.476C266.268 273.476 270.276 275.483 273.398 278.559C276.383 281.501 278.517 285.39 280.405 289.038C280.646 289.503 280.883 289.964 281.118 290.421C284.799 297.573 287.967 303.73 294.593 306.292C298.832 307.931 302.2 308.037 304.998 307.245C307.827 306.444 310.42 304.626 312.908 301.814C318.004 296.056 322.021 286.921 326.372 276.655C326.564 276.202 326.756 275.748 326.949 275.292L326.955 275.279C331.031 265.649 335.414 255.295 341.237 247.273Z" fill="#747577"/>
+<path d="M367.415 61.1949L292.945 61.1949V313.777H367.415V61.1949Z" fill="white"/>
+<path d="M292.945 61.1949L246.774 68.5162V313.777H292.945V61.1949Z" fill="#E6E6E6"/>
+<path d="M172.304 68.5162L126.133 75.8375V313.778H172.304V68.5162Z" fill="#E6E6E6"/>
+<path d="M246.774 68.5162L172.304 68.5162V313.778H246.774V68.5162Z" fill="white"/>
+<path d="M253.481 168.975C253.692 169.25 253.904 169.524 254.116 169.524H262.161V193.685C262.161 194.235 262.584 194.784 263.008 194.784H274.863C275.287 194.784 275.71 194.235 275.71 193.685V169.524H283.967C284.178 169.524 284.602 169.25 284.602 168.975C284.813 168.701 284.602 168.152 284.39 167.877L269.571 148.658C269.359 148.384 269.147 148.384 269.147 148.384C268.935 148.384 268.724 148.384 268.724 148.658L253.904 167.877C253.269 168.152 253.269 168.426 253.481 168.975Z" fill="#B8B8B8"/>
+<path d="M283.356 246.3C283.153 246.026 282.949 245.751 282.746 245.751H275.012V221.59C275.012 221.041 274.605 220.492 274.198 220.492H262.8C262.393 220.492 261.986 221.041 261.986 221.59V245.751H254.049C253.845 245.751 253.438 246.026 253.438 246.3C253.235 246.575 253.438 247.124 253.642 247.399L267.889 266.618C268.092 266.892 268.296 266.892 268.296 266.892C268.499 266.892 268.703 266.892 268.703 266.618L282.949 247.399C283.356 246.849 283.56 246.575 283.356 246.3Z" fill="#B8B8B8"/>
+<path d="M313.696 229.27C313.974 228.977 314.252 228.683 314.252 228.39V217.237H338.727C339.283 217.237 339.84 216.65 339.84 216.063V199.627C339.84 199.041 339.283 198.454 338.727 198.454H314.252V187.007C314.252 186.714 313.974 186.127 313.696 186.127C313.418 185.833 312.862 186.127 312.583 186.42L293.115 206.965C292.837 207.258 292.837 207.552 292.837 207.552C292.837 207.845 292.837 208.139 293.115 208.139L312.583 228.683C312.862 229.27 313.418 229.27 313.696 229.27Z" fill="#CCCCCC"/>
+<path d="M224.555 187.886C224.288 188.167 224.021 188.448 224.021 188.729V199.396H200.525C199.991 199.396 199.457 199.958 199.457 200.519V216.24C199.457 216.802 199.991 217.363 200.525 217.363H224.021V228.312C224.021 228.593 224.288 229.154 224.555 229.154C224.822 229.435 225.356 229.154 225.623 228.873L244.313 209.222C244.58 208.941 244.58 208.661 244.58 208.661C244.58 208.661 244.58 208.099 244.313 208.099L225.623 188.448C225.089 187.886 224.822 187.886 224.555 187.886Z" fill="#CCCCCC"/>
+<g opacity="0.2">
+<path d="M292.335 90.0698H324.799V100.136H293.155L247.605 107.518H172.352L138.667 112.825V102.883L171.555 97.4519H246.785L292.335 90.0698Z" fill="black"/>
+<path d="M292.335 111.545H324.799V121.612H293.155L247.605 128.994H172.352L138.667 134.3V124.358L171.555 118.927H246.785L292.335 111.545Z" fill="black"/>
+<path d="M219.19 142.416H171.555L138.667 147.846L138.667 157.789L172.352 152.482H219.19V142.416Z" fill="black"/>
+</g>
+<rect x="131.793" y="199.468" width="71.8514" height="87.198" rx="5" fill="white"/>
+<rect x="137.781" y="199.468" width="71.8514" height="87.198" rx="5" fill="#FFBE12"/>
+<path d="M153.768 236.744H124.086L109.838 277.132H139.521L153.768 236.744Z" fill="#18191C"/>
+<rect x="124.086" y="236.744" width="85.4848" height="77.2135" fill="#3C3D43"/>
+<rect x="209.571" y="236.744" width="29.6822" height="77.2135" fill="#18191C"/>
+<path d="M209.571 236.744H239.253L253.5 277.132H223.818L209.571 236.744Z" fill="#3C3D43"/>
+<rect x="147.76" y="294.654" width="38.5869" height="3.32817" rx="1.66408" fill="white"/>
+<path d="M159.914 251.843C159.221 251.843 158.66 252.405 158.66 253.097V276.195H149.323C148.207 276.195 147.647 277.546 148.437 278.336L165.887 295.795C166.376 296.285 167.17 296.285 167.66 295.795L185.109 278.336C185.899 277.546 185.34 276.195 184.223 276.195H175.659V253.097C175.659 252.405 175.098 251.843 174.406 251.843H159.914Z" fill="white"/>
+<rect x="147.441" y="211.714" width="35.9257" height="3.9938" rx="1.9969" fill="#18191C"/>
+<rect x="158.751" y="219.701" width="27.2769" height="3.9938" rx="1.9969" fill="white"/>
+<rect x="147.441" y="227.689" width="27.2769" height="3.9938" rx="1.9969" fill="#18191C"/>
+<path d="M322.799 258.203C334.679 269.781 350.632 276.479 367.376 276.973L367.376 247.774C358.575 247.297 350.234 243.68 343.968 237.574C337.703 231.468 333.991 223.34 333.501 214.763L303.538 214.763C304.045 231.08 310.918 246.626 322.799 258.203Z" fill="#3C3D43"/>
+<path d="M412.463 169.657C400.446 157.635 384.311 150.68 367.376 150.167V180.486C376.277 180.982 384.714 184.738 391.051 191.078C397.388 197.418 401.143 205.858 401.638 214.763L431.944 214.763C431.431 197.82 424.479 181.679 412.463 169.657Z" fill="white"/>
+<path d="M412.463 258.203C424.479 246.626 431.431 231.08 431.944 214.763L401.638 214.763C401.143 223.34 397.388 231.468 391.051 237.574C384.714 243.68 376.277 247.297 367.376 247.774L367.376 276.973C384.311 276.479 400.446 269.781 412.463 258.203Z" fill="#E6E6E6"/>
+<path d="M367.376 176.693V141.885C357.939 142.09 348.619 144.007 339.89 147.542C330.638 151.289 322.232 156.78 315.152 163.703C308.071 170.626 302.454 178.845 298.622 187.89C295.006 196.425 293.046 205.537 292.837 214.763L328.438 214.763C328.636 210.107 329.671 205.517 331.498 201.204C333.542 196.38 336.537 191.997 340.314 188.304C344.09 184.612 348.573 181.683 353.507 179.685C357.919 177.898 362.614 176.887 367.376 176.693Z" fill="#FFBE12"/>
+<rect x="305.998" y="275.671" width="117.86" height="38.101" fill="white"/>
+<path d="M364.955 300.542L398.489 289.43H356.207L364.955 300.542Z" fill="#E6E6E6"/>
+<rect x="305.998" y="275.671" width="50.2096" height="38.101" fill="#E6E6E6"/>
+<path d="M398.489 289.43H356.207C363.905 289.43 369.135 294.721 370.787 297.367L398.489 289.43Z" fill="#FFBE12"/>
+<path d="M308.935 30.7174C308.935 32.9141 307.155 34.6949 304.96 34.6949C302.764 34.6949 300.984 32.9141 300.984 30.7174C300.984 28.5207 302.764 26.7399 304.96 26.7399C307.155 26.7399 308.935 28.5207 308.935 30.7174Z" fill="#FED430"/>
+<path d="M324.838 30.7174C324.838 32.9141 323.058 34.6949 320.863 34.6949C318.667 34.6949 316.887 32.9141 316.887 30.7174C316.887 28.5207 318.667 26.7399 320.863 26.7399C323.058 26.7399 324.838 28.5207 324.838 30.7174Z" fill="#FED430"/>
+<path d="M340.742 30.7174C340.742 32.9141 338.962 34.6949 336.766 34.6949C334.57 34.6949 332.79 32.9141 332.79 30.7174C332.79 28.5207 334.57 26.7399 336.766 26.7399C338.962 26.7399 340.742 28.5207 340.742 30.7174Z" fill="#FED430"/>
+<path d="M64.5199 217.572C64.5199 219.769 62.7399 221.55 60.5442 221.55C58.3484 221.55 56.5684 219.769 56.5684 217.572C56.5684 215.375 58.3484 213.594 60.5442 213.594C62.7399 213.594 64.5199 215.375 64.5199 217.572Z" fill="#FED430"/>
+<path d="M80.4229 217.572C80.4229 219.769 78.6429 221.55 76.4471 221.55C74.2513 221.55 72.4713 219.769 72.4713 217.572C72.4713 215.375 74.2513 213.594 76.4471 213.594C78.6429 213.594 80.4229 215.375 80.4229 217.572Z" fill="#FED430"/>
+<path d="M96.3261 217.572C96.3261 219.769 94.5461 221.55 92.3504 221.55C90.1546 221.55 88.3746 219.769 88.3746 217.572C88.3746 215.375 90.1546 213.594 92.3504 213.594C94.5461 213.594 96.3261 215.375 96.3261 217.572Z" fill="#FED430"/>
+<path d="M204.227 215.906C204.227 220.3 200.667 223.861 196.276 223.861C191.884 223.861 188.324 220.3 188.324 215.906C188.324 211.513 191.884 207.951 196.276 207.951C200.667 207.951 204.227 211.513 204.227 215.906ZM192.169 215.906C192.169 218.176 194.008 220.015 196.276 220.015C198.544 220.015 200.383 218.176 200.383 215.906C200.383 213.637 198.544 211.797 196.276 211.797C194.008 211.797 192.169 213.637 192.169 215.906Z" fill="#18191C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M188.324 161.139H162.482V157.162H188.324C193.814 157.162 198.264 161.614 198.264 167.106V210.858H194.288V167.106C194.288 163.811 191.618 161.139 188.324 161.139Z" fill="#18191C"/>
+<path d="M90.4105 137.724H172.779V188.021H90.4105V137.724Z" fill="#18191C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M139.394 142.659L146.08 149.293L150.367 145.04L156.024 150.654L162.024 144.701C163.17 143.564 165.02 143.571 166.157 144.718C167.294 145.865 167.286 147.716 166.14 148.854L156.024 158.892L150.367 153.278L146.08 157.531L139.394 150.896L119.678 170.46L111.449 162.294L101.678 171.99C100.532 173.127 98.6809 173.12 97.5441 171.973C96.4073 170.826 96.4149 168.975 97.561 167.838L111.449 154.057L119.678 162.223L139.394 142.659Z" fill="#18191C"/>
+<path d="M94.3465 132.708H176.445V183.497H94.3465V132.708Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M143.064 140.232L149.739 146.868L154.018 142.614L159.666 148.229L165.638 142.293C166.772 141.165 168.62 141.157 169.765 142.274C170.909 143.391 170.918 145.211 169.784 146.338L159.666 156.396L154.018 150.781L149.739 155.035L143.064 148.399L123.381 167.966L115.166 159.799L105.429 169.478C104.295 170.606 102.447 170.614 101.302 169.497C100.157 168.38 100.149 166.56 101.283 165.433L115.166 151.632L123.381 159.799L143.064 140.232Z" fill="#FFBE12"/>
+<rect x="66.1881" y="257.237" width="62.9519" height="25.9537" fill="white"/>
+<rect x="66.0529" y="286.722" width="72.5126" height="25.9296" fill="#E6E6E6"/>
+<rect x="5.45309" y="284.648" width="136.738" height="3.63014" fill="#18191C"/>
+<rect x="5.45309" y="310.059" width="136.738" height="3.63014" fill="#18191C"/>
+<path d="M9.24797 284.636H88.9797C88.9797 284.636 84.1475 284.636 84.1475 299.151C84.1475 313.666 88.9797 313.666 88.9797 313.666H9.24797C9.24797 313.666 4.41574 313.666 4.41574 299.151C4.41574 284.636 9.24797 284.636 9.24797 284.636Z" fill="#18191C"/>
+<path d="M5.62379 284.636H85.3555C85.3555 284.636 80.5233 284.636 80.5233 299.151C80.5233 313.666 85.3555 313.666 85.3555 313.666H5.62379C5.62379 313.666 0.791565 313.666 0.791565 299.151C0.791565 284.636 5.62379 284.636 5.62379 284.636Z" fill="#3C3D43"/>
+<rect x="30.993" y="255.606" width="100.269" height="3.62869" fill="#18191C"/>
+<rect x="30.993" y="281.006" width="100.269" height="3.62869" fill="#18191C"/>
+<path d="M27.3688 255.606H73.879C73.879 255.606 69.0468 255.606 69.0468 270.12C69.0468 284.635 73.879 284.635 73.879 284.635H27.3688C27.3688 284.635 22.5366 284.635 22.5366 270.12C22.5366 255.606 27.3688 255.606 27.3688 255.606Z" fill="#18191C"/>
+<path d="M27.3688 255.606H70.2548C70.2548 255.606 65.4226 255.606 65.4226 270.12C65.4226 284.635 70.2548 284.635 70.2548 284.635H27.3688C27.3688 284.635 22.5366 284.635 22.5366 270.12C22.5366 255.606 27.3688 255.606 27.3688 255.606Z" fill="url(#paint0_linear_19104_7918)"/>
+<path d="M84.0862 267.154H101.367C101.367 267.154 104.453 267.155 106.922 270.712C109.39 274.27 111.242 297.404 111.242 297.404L102.601 291.472L93.961 297.404C93.961 297.404 92.7266 274.863 89.6408 270.712C86.5549 266.562 84.0862 267.154 84.0862 267.154Z" fill="#FFBE12"/>
+<path d="M316.652 178.285C316.652 182.678 320.212 186.24 324.603 186.24C328.995 186.24 332.555 182.678 332.555 178.285C332.555 173.891 328.995 170.33 324.603 170.33C320.212 170.33 316.652 173.891 316.652 178.285ZM328.71 178.285C328.71 180.554 326.872 182.394 324.603 182.394C322.335 182.394 320.496 180.554 320.496 178.285C320.496 176.015 322.335 174.176 324.603 174.176C326.872 174.176 328.71 176.015 328.71 178.285Z" fill="#18191C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M332.555 116.62H358.397V112.643H332.555C327.065 112.643 322.615 117.095 322.615 122.587V172.838H326.591V122.587C326.591 119.292 329.261 116.62 332.555 116.62Z" fill="#18191C"/>
+<path d="M450.286 92.1663H352.879V135.919H450.286V92.1663Z" fill="#18191C"/>
+<path d="M454.262 88.1887H356.855V131.941H454.262V88.1887Z" fill="white"/>
+<path d="M446.38 96.3401H398.75V103.864H446.38V96.3401Z" fill="#C4C4C4"/>
+<path d="M446.38 110.135H411.284V118.286H446.38V110.135Z" fill="#C4C4C4"/>
+<path d="M364.908 125.183C364.908 116.586 371.942 109.628 380.576 109.628C381.078 109.628 381.581 109.673 382.083 109.717C390.031 110.47 396.243 117.118 396.243 125.183H364.908ZM381.169 95.7573C380.987 95.713 380.758 95.713 380.576 95.713C377.104 95.713 374.272 98.4606 374.272 101.829C374.272 104.576 376.145 106.881 378.703 107.678C379.297 107.856 379.89 107.944 380.576 107.944C384.047 107.944 386.879 105.197 386.879 101.829C386.879 98.6379 384.367 96.0232 381.169 95.7573Z" fill="#18191C"/>
+<path d="M382.456 125.183C382.456 119.879 386.817 115.586 392.17 115.586C392.481 115.586 392.793 115.613 393.104 115.64C398.032 116.105 401.884 120.207 401.884 125.183H382.456ZM392.538 107.027C392.425 107 392.283 107 392.17 107C390.017 107 388.261 108.695 388.261 110.773C388.261 112.468 389.423 113.89 391.009 114.383C391.377 114.492 391.745 114.547 392.17 114.547C394.322 114.547 396.078 112.851 396.078 110.773C396.078 108.804 394.52 107.191 392.538 107.027Z" fill="#FFBE12"/>
+<path d="M367.101 232.406C378.422 232.406 386.394 237.616 392.473 245.071C398.369 252.301 402.632 261.826 406.676 270.865L406.78 271.098C410.947 280.408 414.904 289.2 420.223 295.723C425.409 302.082 431.725 306.081 440.739 306.081C449.78 306.081 456.43 302.055 462.017 295.644C467.714 289.107 472.131 280.287 476.59 271.019C476.89 270.396 477.19 269.77 477.491 269.143C481.573 260.634 485.782 251.861 491.052 245.121C496.805 237.763 504.149 232.406 514.377 232.406V238.676C506.745 238.676 501.037 242.527 495.988 248.984C491.157 255.164 487.231 263.339 483.048 272.05C482.779 272.611 482.509 273.174 482.237 273.738C477.835 282.889 473.083 292.488 466.741 299.765C460.29 307.168 452.034 312.352 440.739 312.352C429.419 312.352 421.447 307.142 415.367 299.687C409.471 292.457 405.209 282.932 401.164 273.892L401.06 273.66C396.894 264.349 392.936 255.557 387.618 249.035C382.432 242.675 376.115 238.676 367.101 238.676V232.406Z" fill="url(#paint1_linear_19104_7918)"/>
+<defs>
+<linearGradient id="paint0_linear_19104_7918" x1="22.504" y1="270.018" x2="70.2593" y2="270.018" gradientUnits="userSpaceOnUse">
+<stop stop-color="#27292D"/>
+<stop offset="1" stop-color="#404247"/>
+</linearGradient>
+<linearGradient id="paint1_linear_19104_7918" x1="440.739" y1="232.406" x2="500.903" y2="232.406" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFAE12"/>
+<stop offset="1" stop-color="#FFAE12" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/site/img/global/close-icon.svg b/site/img/global/close-icon.svg
new file mode 100644
index 0000000..d42417f
--- /dev/null
+++ b/site/img/global/close-icon.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.33325 1.29822L22.6666 22.0701M22.6666 1.29822L1.33325 22.0701" stroke="#FFAE12" stroke-width="3"/>
+</svg>
diff --git a/site/img/global/cookies.svg b/site/img/global/cookies.svg
deleted file mode 100644
index 056d6f4..0000000
--- a/site/img/global/cookies.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M30.6923 0C30.6744 0.153186 30.6652 0.308999 30.6652 0.466948C30.6652 1.73952 32.558 2.98791 33.4884 3.72093C31.6289 5.3261 30.5116 7.03254 30.5116 9.67442C30.5116 11.9326 32.7442 14.5116 34.2326 14.8837C33.4884 16 32.3721 18.926 32.3721 20.4651C32.3721 27.6485 37.8047 31.9833 45.0233 31.9833C48.5357 31.9833 52.4651 29.7674 53.9535 27.1628C53.5814 31.2558 55.814 35.7209 61.0233 37.2093C62.5116 37.6346 62.9666 37.2033 64 36.6995C61.7085 52.1458 48.332 64 32.1733 64C14.4045 64 0 49.6657 0 31.9833C0 14.795 13.6109 0.770176 30.6923 0Z" fill="#FD8F01"/>
-<path d="M30.6923 0C30.6744 0.153186 30.6652 0.308999 30.6652 0.466948C30.6652 1.73952 31.2621 2.87341 32.1924 3.60643C30.333 5.2116 29.1571 7.58015 29.1571 10.222C29.1571 12.4802 30.0162 14.5386 31.4269 16.0913C30.9338 17.4617 30.6652 18.9383 30.6652 20.4774C30.6652 27.6608 36.517 33.4841 43.7356 33.4841C47.248 33.4841 50.4369 32.1054 52.7854 29.8621C52.8551 34.0846 56.3165 37.4862 60.5763 37.4862C61.8046 37.4862 62.9666 37.2033 64 36.6995C61.7085 52.1458 48.332 64 32.1733 64C14.4045 64 0 49.6657 0 31.9833C0 14.795 13.6109 0.770176 30.6923 0Z" fill="#FFBE12"/>
-<circle cx="17.7209" cy="22.7209" r="3.72093" fill="#18191C"/>
-<circle cx="18" cy="44" r="5" fill="#18191C"/>
-<circle cx="43.8605" cy="45.8605" r="1.86047" fill="#18191C"/>
-<path d="M48.7772 20.8001C48.4906 23.2494 45.5769 24.5467 43.1276 24.2601C40.6783 23.9736 38.3156 20.5606 38.6021 18.1112C38.8886 15.6619 41.7159 15.1039 44.1652 15.3904C46.6145 15.6769 49.0637 18.3508 48.7772 20.8001Z" fill="#FFBE12"/>
-<path d="M46.8824 6.00592C46.7051 7.52117 45.2261 9.52037 43.7108 9.3431C42.1955 9.16584 40.3033 6.77225 40.4806 5.25699C40.6579 3.74174 42.8375 3.67861 44.3527 3.85587C45.868 4.03314 47.0596 4.49066 46.8824 6.00592Z" fill="#FFBE12"/>
-<circle cx="58.9257" cy="20.604" r="1.87393" transform="rotate(6.67253 58.9257 20.604)" fill="#FFBE12"/>
-</svg>
-\ No newline at end of file
diff --git a/site/img/global/link-arrow.svg b/site/img/global/link-arrow.svg
new file mode 100644
index 0000000..8608b90
--- /dev/null
+++ b/site/img/global/link-arrow.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="15" viewBox="0 0 24 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 1.5L22 7.5L16 13.5" stroke="#FFAE12" stroke-width="2"/>
+<path d="M22 7.5L2 7.5" stroke="#FFAE12" stroke-width="2"/>
+</svg>
diff --git a/site/img/global/list-element.svg b/site/img/global/list-element.svg
deleted file mode 100644
index e97525e..0000000
--- a/site/img/global/list-element.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.79 3.75805H12.24V7.25805H15V0.998047H6.79V3.75805Z" fill="#FFBE12"/>
-<path d="M4.26 0.998047H0V7.20805H2.76V3.75805H4.26V0.998047Z" fill="#FFBE12"/>
-<path d="M2.76 9.73805H0V15.998H8.21V13.238H2.76V9.73805Z" fill="#FFBE12"/>
-<path d="M10.74 13.238V15.998H15V9.78805H12.24V13.238H10.74Z" fill="#FFBE12"/>
-</svg>
diff --git a/site/img/global/shape-left.svg b/site/img/global/shape-left.svg
new file mode 100644
index 0000000..66a1bfe
--- /dev/null
+++ b/site/img/global/shape-left.svg
@@ -0,0 +1,4 @@
+<svg width="248" height="202" viewBox="0 0 248 202" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="58" cy="12" r="190" fill="#FFBF12" fill-opacity="0.08"/>
+<circle cx="57.9993" cy="12.0001" r="92.6829" fill="#FFBF12" fill-opacity="0.08"/>
+</svg>
diff --git a/site/img/global/shape-right.svg b/site/img/global/shape-right.svg
new file mode 100644
index 0000000..bdb513e
--- /dev/null
+++ b/site/img/global/shape-right.svg
@@ -0,0 +1,4 @@
+<svg width="345" height="275" viewBox="0 0 345 275" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="310" cy="-35" r="310" fill="#FFBF12" fill-opacity="0.08"/>
+<circle cx="310.001" cy="-35" r="151.219" fill="#FFBF12" fill-opacity="0.08"/>
+</svg>
diff --git a/site/img/global/vyos-logo.svg b/site/img/global/vyos-logo.svg
new file mode 100644
index 0000000..2f1c9ee
--- /dev/null
+++ b/site/img/global/vyos-logo.svg
@@ -0,0 +1,34 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M52.56 8.64H63.36V44.64H72V0H52.56V8.64Z" fill="url(#paint0_linear_19016_25229)"/>
+<path d="M44.64 0H0V19.44H8.64V8.64H44.64V0Z" fill="url(#paint1_linear_19016_25229)"/>
+<path d="M8.64 27.36H0V72H19.44V63.36H8.64V27.36Z" fill="url(#paint2_linear_19016_25229)"/>
+<path d="M27.36 63.36V72H72V52.56H63.36V63.36H27.36Z" fill="url(#paint3_linear_19016_25229)"/>
+<path d="M15.84 15.84H24.48L40.32 56.16H31.68L15.84 15.84Z" fill="url(#paint4_linear_19016_25229)"/>
+<path d="M56.16 15.84H47.52L31.68 56.16H40.32L56.16 15.84Z" fill="url(#paint5_linear_19016_25229)"/>
+<defs>
+<linearGradient id="paint0_linear_19016_25229" x1="0" y1="0" x2="72" y2="72" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFBF12"/>
+<stop offset="1" stop-color="#FF9000"/>
+</linearGradient>
+<linearGradient id="paint1_linear_19016_25229" x1="0" y1="0" x2="72" y2="72" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFBF12"/>
+<stop offset="1" stop-color="#FF9000"/>
+</linearGradient>
+<linearGradient id="paint2_linear_19016_25229" x1="0" y1="0" x2="72" y2="72" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFBF12"/>
+<stop offset="1" stop-color="#FF9000"/>
+</linearGradient>
+<linearGradient id="paint3_linear_19016_25229" x1="0" y1="0" x2="72" y2="72" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFBF12"/>
+<stop offset="1" stop-color="#FF9000"/>
+</linearGradient>
+<linearGradient id="paint4_linear_19016_25229" x1="0" y1="0" x2="72" y2="72" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFBF12"/>
+<stop offset="1" stop-color="#FF9000"/>
+</linearGradient>
+<linearGradient id="paint5_linear_19016_25229" x1="0" y1="0" x2="72" y2="72" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFBF12"/>
+<stop offset="1" stop-color="#FF9000"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/site/img/header/hamburger-menu-icon.svg b/site/img/header/hamburger-menu-icon.svg
new file mode 100644
index 0000000..9c1a553
--- /dev/null
+++ b/site/img/header/hamburger-menu-icon.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 5.19299H24M0 11.6842H24M0 18.1754H24" stroke="#FFAE12" stroke-width="3"/>
+</svg>
diff --git a/site/img/header/tel-icon.svg b/site/img/header/tel-icon.svg
new file mode 100644
index 0000000..a92a1f8
--- /dev/null
+++ b/site/img/header/tel-icon.svg
@@ -0,0 +1,15 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect opacity="0.2" width="24" height="24" rx="4" fill="url(#paint0_linear_19016_25166)"/>
+<g clip-path="url(#clip0_19016_25166)">
+<path d="M18.75 15.315V17.967C18.7501 18.1569 18.6781 18.3397 18.5487 18.4786C18.4192 18.6176 18.2419 18.7022 18.0525 18.7155C17.7247 18.738 17.457 18.75 17.25 18.75C10.6223 18.75 5.25 13.3778 5.25 6.75C5.25 6.543 5.26125 6.27525 5.2845 5.9475C5.29779 5.75808 5.38244 5.58076 5.52135 5.45131C5.66027 5.32186 5.84312 5.24991 6.033 5.25H8.685C8.77803 5.24991 8.86777 5.28439 8.9368 5.34677C9.00582 5.40914 9.0492 5.49494 9.0585 5.5875C9.07575 5.76 9.0915 5.89725 9.1065 6.0015C9.25555 7.04169 9.561 8.05337 10.0125 9.00225C10.0838 9.15225 10.0373 9.3315 9.90225 9.4275L8.28375 10.584C9.27334 12.8898 11.1109 14.7274 13.4167 15.717L14.5717 14.1015C14.619 14.0355 14.6878 13.9882 14.7664 13.9677C14.8449 13.9473 14.9281 13.9551 15.0015 13.9897C15.9503 14.4404 16.9617 14.7451 18.0015 14.8935C18.1058 14.9085 18.243 14.925 18.414 14.9415C18.5064 14.951 18.592 14.9944 18.6543 15.0634C18.7165 15.1324 18.7509 15.2221 18.7507 15.315H18.75Z" fill="#FD8F01"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_19016_25166" x1="0" y1="0" x2="24" y2="24" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFBF12"/>
+<stop offset="1" stop-color="#FF9000"/>
+</linearGradient>
+<clipPath id="clip0_19016_25166">
+<rect width="18" height="18" fill="white" transform="translate(3 3)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/site/img/social-networks/facebook-sm.svg b/site/img/social-networks/facebook-sm.svg
deleted file mode 100644
index 0f1e339..0000000
--- a/site/img/social-networks/facebook-sm.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="11" height="20" viewBox="0 0 11 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.5858 0.00416134L7.94737 0C4.98322 0 3.06766 1.9319 3.06766 4.92203V7.19141H0.414863C0.18563 7.19141 0 7.37409 0 7.59943V10.8875C0 11.1128 0.185842 11.2953 0.414863 11.2953H3.06766V19.5922C3.06766 19.8175 3.25329 20 3.48252 20H6.94366C7.17289 20 7.35852 19.8173 7.35852 19.5922V11.2953H10.4603C10.6895 11.2953 10.8751 11.1128 10.8751 10.8875L10.8764 7.59943C10.8764 7.49123 10.8326 7.38762 10.7549 7.31105C10.6772 7.23448 10.5714 7.19141 10.4613 7.19141H7.35852V5.26763C7.35852 4.34298 7.58267 3.87358 8.808 3.87358L10.5853 3.87295C10.8144 3.87295 11 3.69027 11 3.46514V0.411972C11 0.187052 10.8146 0.00457747 10.5858 0.00416134Z" fill="#3D5B96"/>
-</svg>
diff --git a/site/img/social-networks/facebook.svg b/site/img/social-networks/facebook.svg
deleted file mode 100644
index 60f206f..0000000
--- a/site/img/social-networks/facebook.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="11" height="22" viewBox="0 0 11 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.4254 0.00445202L7.82699 0C4.90774 0 3.02119 2.06685 3.02119 5.26585V7.69376H0.408579C0.182818 7.69376 0 7.88921 0 8.13029V11.6481C0 11.8891 0.183027 12.0844 0.408579 12.0844H3.02119V20.9608C3.02119 21.2019 3.20401 21.3971 3.42977 21.3971H6.83848C7.06424 21.3971 7.24706 21.2017 7.24706 20.9608V12.0844H10.3018C10.5276 12.0844 10.7104 11.8891 10.7104 11.6481L10.7116 8.13029C10.7116 8.01453 10.6685 7.90368 10.592 7.82176C10.5155 7.73984 10.4112 7.69376 10.3028 7.69376H7.24706V5.63559C7.24706 4.64635 7.46781 4.14417 8.67458 4.14417L10.425 4.1435C10.6506 4.1435 10.8334 3.94805 10.8334 3.7072V0.44075C10.8334 0.200118 10.6508 0.00489723 10.4254 0.00445202Z" fill="#3D5B96"/>
-</svg>
diff --git a/site/img/social-networks/linkedin-sm.svg b/site/img/social-networks/linkedin-sm.svg
deleted file mode 100644
index 8aa9f10..0000000
--- a/site/img/social-networks/linkedin-sm.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20 11.6489V19H15.7134V12.1412C15.7134 10.4182 15.0933 9.24237 13.5417 9.24237C12.3572 9.24237 11.6524 10.0348 11.3423 10.8014C11.2292 11.0754 11.2001 11.4569 11.2001 11.8405V19H6.91198C6.91198 19 6.96973 7.38348 6.91198 6.17992H11.1997V7.99711C11.191 8.0107 11.1797 8.02536 11.1715 8.03853H11.1997V7.99711C11.7693 7.12483 12.7867 5.87874 15.0638 5.87874C17.885 5.87869 20 7.71105 20 11.6489ZM2.42646 0C0.959506 0 0 0.956606 0 2.21458C0 3.44513 0.931746 4.43077 2.36954 4.43077H2.39818C3.89355 4.43077 4.82352 3.44532 4.82352 2.21458C4.79535 0.956606 3.89355 0 2.42646 0ZM0.254675 19H4.54114V6.17992H0.254675V19Z" fill="#1384BC"/>
-</svg>
diff --git a/site/img/social-networks/linkedin.svg b/site/img/social-networks/linkedin.svg
deleted file mode 100644
index 08793b9..0000000
--- a/site/img/social-networks/linkedin.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20.8334 13.1185V21.3971H16.3681V13.673C16.3681 11.7326 15.7223 10.4084 14.106 10.4084C12.8722 10.4084 12.1379 11.3008 11.8149 12.1641C11.6971 12.4727 11.6668 12.9023 11.6668 13.3343V21.3971H7.19999C7.19999 21.3971 7.26015 8.315 7.19999 6.95959H11.6663V9.00605C11.6573 9.02136 11.6455 9.03786 11.637 9.0527H11.6663V9.00605C12.2597 8.02372 13.3195 6.62042 15.6915 6.62042C18.6303 6.62036 20.8334 8.6839 20.8334 13.1185ZM2.52756 0C0.999488 0 0 1.07729 0 2.49397C0 3.87978 0.970571 4.98977 2.46828 4.98977H2.49811C4.05578 4.98977 5.02451 3.87999 5.02451 2.49397C4.99516 1.07729 4.05578 0 2.52756 0ZM0.265287 21.3971H4.73036V6.95959H0.265287V21.3971Z" fill="#1384BC"/>
-</svg>
diff --git a/site/img/social-networks/reddit-sm.svg b/site/img/social-networks/reddit-sm.svg
deleted file mode 100644
index 4f03fdd..0000000
--- a/site/img/social-networks/reddit-sm.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="21" viewBox="0 0 24 21" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20.0231 0.230242C20.8974 -0.164859 22.0169 -0.0463284 22.7526 0.546323C23.4349 1.05995 23.7761 1.92918 23.6162 2.72926C23.4989 3.40093 23.0511 4.02321 22.422 4.35905C21.6437 4.80354 20.5988 4.79366 19.8205 4.34917C19.2448 4.04297 18.8396 3.4997 18.6584 2.90705C17.4323 2.66999 16.2061 2.42305 14.98 2.16624C14.4256 3.77627 13.8818 5.39619 13.3274 7.00622C15.1613 7.14451 16.9738 7.51985 18.6477 8.22116C19.0849 7.77667 19.6286 7.40132 20.279 7.27292C21.3345 7.00622 22.5073 7.36181 23.2323 8.1125C23.7121 8.5965 23.9574 9.22867 24 9.88058V10.0683C23.9574 10.7696 23.6268 11.4116 23.1364 11.9351C23.6482 13.0216 23.7761 14.2761 23.3816 15.412C22.8592 16.9529 21.5797 18.1678 20.1191 19.0074C17.8801 20.3211 15.2146 20.9039 12.5917 20.9928C9.95824 21.0619 7.2821 20.6372 4.91515 19.5507C3.20924 18.7506 1.59929 17.5653 0.820968 15.896C0.2239 14.6514 0.266548 13.1797 0.863616 11.945C0.383829 11.4116 0.0319858 10.7696 0 10.0683V9.8707C0.0426477 9.39658 0.170591 8.91258 0.458463 8.50761C1.00222 7.66802 2.05775 7.15439 3.10262 7.18402C3.9769 7.21365 4.79787 7.61863 5.35229 8.22116C7.29276 7.40132 9.42514 7.0161 11.5469 6.97659C12.2079 5.01096 12.8903 3.04534 13.5513 1.08959C13.6473 0.684608 14.1057 0.378405 14.5429 0.47718C15.9609 0.763628 17.3789 1.0402 18.797 1.33652C19.0849 0.882159 19.49 0.457425 20.0231 0.230242ZM1.16215 9.33732C0.93825 9.86083 1.02355 10.4634 1.32208 10.9474C2.1004 9.94973 3.14527 9.1694 4.29676 8.56687C3.81697 8.22116 3.16659 8.05324 2.56952 8.19153C1.92981 8.32981 1.38605 8.76442 1.16215 9.33732ZM19.7139 8.55699C20.8654 9.15952 21.9103 9.94973 22.6886 10.9474C22.9125 10.5621 23.0404 10.1078 22.9445 9.66328C22.8272 8.9916 22.2621 8.40883 21.5478 8.22116C20.9294 8.02361 20.2257 8.19153 19.7139 8.55699ZM7.39938 10.6214C6.46113 10.8585 5.7681 11.7376 5.84274 12.6364C5.86406 13.5254 6.63172 14.3255 7.56997 14.4934C8.01777 14.5428 8.4869 14.5329 8.89205 14.3452C9.63838 14.039 10.1502 13.2982 10.1395 12.5376C10.1608 11.7771 9.64905 11.0363 8.89205 10.7399C8.43359 10.5127 7.88983 10.5127 7.39938 10.6214ZM15.4065 10.6214C14.5535 10.8486 13.8925 11.5993 13.8712 12.429C13.8179 13.1698 14.2763 13.9304 14.98 14.2761C15.6197 14.6119 16.462 14.602 17.1017 14.2464C17.7414 13.9007 18.1786 13.2291 18.1679 12.5278C18.1786 11.7573 17.6562 11.0165 16.8992 10.7103C16.4407 10.5226 15.8969 10.5029 15.4065 10.6214ZM8.04976 15.7478C7.6446 15.8367 7.32474 16.2022 7.37805 16.5874C7.39938 17.022 7.83652 17.2788 8.16704 17.5159C9.53176 18.3456 11.2377 18.5234 12.8263 18.4148C14.1377 18.2765 15.5558 17.9505 16.4727 17.0023C16.9098 16.5183 16.462 15.7182 15.7903 15.7281C15.2679 15.7083 15.012 16.2022 14.5642 16.3602C13.4127 16.864 12.08 16.9134 10.8325 16.7553C10.1288 16.6368 9.3825 16.459 8.86006 15.9849C8.65749 15.7873 8.33763 15.6787 8.04976 15.7478Z" fill="#F66512"/>
-</svg>
diff --git a/site/img/social-networks/reddit.svg b/site/img/social-networks/reddit.svg
deleted file mode 100644
index 4f03fdd..0000000
--- a/site/img/social-networks/reddit.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="21" viewBox="0 0 24 21" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20.0231 0.230242C20.8974 -0.164859 22.0169 -0.0463284 22.7526 0.546323C23.4349 1.05995 23.7761 1.92918 23.6162 2.72926C23.4989 3.40093 23.0511 4.02321 22.422 4.35905C21.6437 4.80354 20.5988 4.79366 19.8205 4.34917C19.2448 4.04297 18.8396 3.4997 18.6584 2.90705C17.4323 2.66999 16.2061 2.42305 14.98 2.16624C14.4256 3.77627 13.8818 5.39619 13.3274 7.00622C15.1613 7.14451 16.9738 7.51985 18.6477 8.22116C19.0849 7.77667 19.6286 7.40132 20.279 7.27292C21.3345 7.00622 22.5073 7.36181 23.2323 8.1125C23.7121 8.5965 23.9574 9.22867 24 9.88058V10.0683C23.9574 10.7696 23.6268 11.4116 23.1364 11.9351C23.6482 13.0216 23.7761 14.2761 23.3816 15.412C22.8592 16.9529 21.5797 18.1678 20.1191 19.0074C17.8801 20.3211 15.2146 20.9039 12.5917 20.9928C9.95824 21.0619 7.2821 20.6372 4.91515 19.5507C3.20924 18.7506 1.59929 17.5653 0.820968 15.896C0.2239 14.6514 0.266548 13.1797 0.863616 11.945C0.383829 11.4116 0.0319858 10.7696 0 10.0683V9.8707C0.0426477 9.39658 0.170591 8.91258 0.458463 8.50761C1.00222 7.66802 2.05775 7.15439 3.10262 7.18402C3.9769 7.21365 4.79787 7.61863 5.35229 8.22116C7.29276 7.40132 9.42514 7.0161 11.5469 6.97659C12.2079 5.01096 12.8903 3.04534 13.5513 1.08959C13.6473 0.684608 14.1057 0.378405 14.5429 0.47718C15.9609 0.763628 17.3789 1.0402 18.797 1.33652C19.0849 0.882159 19.49 0.457425 20.0231 0.230242ZM1.16215 9.33732C0.93825 9.86083 1.02355 10.4634 1.32208 10.9474C2.1004 9.94973 3.14527 9.1694 4.29676 8.56687C3.81697 8.22116 3.16659 8.05324 2.56952 8.19153C1.92981 8.32981 1.38605 8.76442 1.16215 9.33732ZM19.7139 8.55699C20.8654 9.15952 21.9103 9.94973 22.6886 10.9474C22.9125 10.5621 23.0404 10.1078 22.9445 9.66328C22.8272 8.9916 22.2621 8.40883 21.5478 8.22116C20.9294 8.02361 20.2257 8.19153 19.7139 8.55699ZM7.39938 10.6214C6.46113 10.8585 5.7681 11.7376 5.84274 12.6364C5.86406 13.5254 6.63172 14.3255 7.56997 14.4934C8.01777 14.5428 8.4869 14.5329 8.89205 14.3452C9.63838 14.039 10.1502 13.2982 10.1395 12.5376C10.1608 11.7771 9.64905 11.0363 8.89205 10.7399C8.43359 10.5127 7.88983 10.5127 7.39938 10.6214ZM15.4065 10.6214C14.5535 10.8486 13.8925 11.5993 13.8712 12.429C13.8179 13.1698 14.2763 13.9304 14.98 14.2761C15.6197 14.6119 16.462 14.602 17.1017 14.2464C17.7414 13.9007 18.1786 13.2291 18.1679 12.5278C18.1786 11.7573 17.6562 11.0165 16.8992 10.7103C16.4407 10.5226 15.8969 10.5029 15.4065 10.6214ZM8.04976 15.7478C7.6446 15.8367 7.32474 16.2022 7.37805 16.5874C7.39938 17.022 7.83652 17.2788 8.16704 17.5159C9.53176 18.3456 11.2377 18.5234 12.8263 18.4148C14.1377 18.2765 15.5558 17.9505 16.4727 17.0023C16.9098 16.5183 16.462 15.7182 15.7903 15.7281C15.2679 15.7083 15.012 16.2022 14.5642 16.3602C13.4127 16.864 12.08 16.9134 10.8325 16.7553C10.1288 16.6368 9.3825 16.459 8.86006 15.9849C8.65749 15.7873 8.33763 15.6787 8.04976 15.7478Z" fill="#F66512"/>
-</svg>
diff --git a/site/img/social-networks/twitter-sm.svg b/site/img/social-networks/twitter-sm.svg
deleted file mode 100644
index 16ece01..0000000
--- a/site/img/social-networks/twitter-sm.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="25" height="20" viewBox="0 0 25 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M25 2.36631C24.0799 2.76787 23.0926 3.0402 22.0552 3.16178C23.1144 2.5371 23.9252 1.54627 24.3095 0.369248C23.3159 0.947741 22.2192 1.3678 21.0507 1.59551C20.1149 0.612368 18.7839 0 17.3076 0C14.4753 0 12.1789 2.26171 12.1789 5.04962C12.1789 5.44501 12.2242 5.8312 12.3117 6.20049C8.05001 5.98967 4.27104 3.97877 1.74183 0.923119C1.29972 1.66781 1.0482 2.53553 1.0482 3.46179C1.0482 5.21424 1.95429 6.76051 3.32905 7.66517C2.48857 7.63749 1.69808 7.40978 1.00605 7.03127V7.09436C1.00605 9.54069 2.77447 11.5824 5.11933 12.0471C4.68971 12.1609 4.23669 12.224 3.76802 12.224C3.43685 12.224 3.11659 12.1917 2.80258 12.1301C3.45556 14.138 5.34899 15.5981 7.59233 15.6381C5.83796 16.9921 3.62586 17.7967 1.2232 17.7967C0.809233 17.7967 0.401471 17.7721 0 17.7275C2.2699 19.163 4.96471 20 7.86104 20C17.2952 20 22.4521 12.304 22.4521 5.62968L22.4349 4.97579C23.4425 4.26799 24.3142 3.37871 25 2.36631Z" fill="#1DADEB"/>
-</svg>
diff --git a/site/img/social-networks/twitter.svg b/site/img/social-networks/twitter.svg
deleted file mode 100644
index cb18e92..0000000
--- a/site/img/social-networks/twitter.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="22" height="17" viewBox="0 0 22 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M22 2.01137C21.1903 2.35269 20.3215 2.58417 19.4086 2.68751C20.3407 2.15653 21.0542 1.31433 21.3923 0.313861C20.518 0.80558 19.5529 1.16263 18.5246 1.35619C17.7011 0.520513 16.5299 0 15.2307 0C12.7383 0 10.7174 1.92246 10.7174 4.29217C10.7174 4.62826 10.7573 4.95652 10.8343 5.27041C7.08401 5.09122 3.75852 3.38195 1.53281 0.784651C1.14375 1.41764 0.92242 2.1552 0.92242 2.94252C0.92242 4.43211 1.71978 5.74644 2.92956 6.51539C2.18994 6.49186 1.49431 6.29831 0.885322 5.97658V6.0302C0.885322 8.10959 2.44154 9.84502 4.50501 10.24C4.12695 10.3368 3.72829 10.3904 3.31586 10.3904C3.02443 10.3904 2.7426 10.3629 2.46627 10.3106C3.04089 12.0173 4.70711 13.2584 6.68125 13.2924C5.1374 14.4433 3.19076 15.1272 1.07642 15.1272C0.712125 15.1272 0.353295 15.1063 0 15.0684C1.99751 16.2886 4.36895 17 6.91772 17C15.2198 17 19.7578 10.4584 19.7578 4.78523L19.7427 4.22942C20.6294 3.62779 21.3965 2.8719 22 2.01137Z" fill="#1DADEB"/>
-</svg>
diff --git a/site/index.html b/site/index.html
index 426f7b7..5a56a71 100644
--- a/site/index.html
+++ b/site/index.html
@@ -1,93 +1,74 @@
-      <section class="main-text">
-        <p>VyOS is a fully open-source, enterprise-grade router platform. Being open-source and community-driven is not a liability for us, not an early stage gimmick we want to shed—it’s our distinctive advantage. VyOS started as a community fork of a discontinued Vyatta Core project in 2013, with a promise to live up to free and open-source software values. We kept the promise and turned VyOS into a successful, self-funded project. </p>
-      </section>
-
-      <section class="inform-columns">
-        <div class="inform-column__inner">
-
-          <div class="inform-column__item">
-            <div class="inform-column__header">
-              <div class="inform-column__icon">
-                <img src="/img/front-page/inform-columns/open-source.svg" alt="Open Source" title="Open Source">
-              </div>
-              <div class="inform-column__title">
-                <h3 class="title">Open Source</h3>
-              </div>
-            </div>
-            <div class="inform-column__data">
-              <p>VyOS is fully open-source and we encourage everyone to build images and report any build process issues. The source code of the rolling release and LTS branches alike is available online. However, simply making code available is not enough.</p>
-              <p>We also keep the complete build toolchain available, and we strive to make it easy to use. You can build a VyOS image in just a few commands. There is no special maintainer toolchain we keep to ourselves: all image build tools are available to everyone interested.</p>
-            </div>
-            <div class="inform-column__button">
-              <a href="https://docs.vyos.io/en/latest/contributing/build-vyos.html" class="inform-column__btn">Learn how to build a VyOS image</a>
-            </div>
+<section class="main-text">
+  <div class="containerCustom">
+    <img src="/img/global/vyos-logo.svg" />
+    <p>VyOS is a fully open-source, enterprise-grade router platform. Being open-source and community-driven is not a liability for us, not an early stage gimmick we want to shed—it’s our distinctive advantage. VyOS started as a community fork of a discontinued Vyatta Core project in 2013, with a promise to live up to free and open-source software values. We kept the promise and turned VyOS into a successful, self-funded project. </p>
+  </div>
+</section>
+<section class="inform-columns">
+  <div class="containerCustom">
+    <div class="inner-div">
+      <div class="item">
+        <div class="header">
+          <img src="/img/front-page/inform-columns/open-source.svg" alt="Open Source" title="Open Source">
+          <div>
+            <h3>Open Source</h3>
           </div>
-
-          <div class="inform-column__item">
-            <div class="inform-column__header">
-              <div class="inform-column__icon">
-                <img src="/img/front-page/inform-columns/open-proccess.svg" alt="Open Process" title="Open Process">
-              </div>
-              <div class="inform-column__title">
-                <h3 class="title">Open Process</h3>
-              </div>
-            </div>
-            <div class="inform-column__data">
-              <p>Our issue tracker is available online. There is no private issue tracker: even issues reported by commercial users through the support portal are registered in the public tracker (except security issues before public disclosure of course).</p>
-              <p>Everyone is free to browse open tasks, test them, fix them, and make pull requests.</p>
-              <p>We do not have any contributor agreements that require you to transfer your copyrights to us. The copyright is shared between all contributors. This means no one can make a closed source fork of VyOS—not even its current maintainers.</p>
-            </div>
-            <div class="inform-column__button">
-              <a href="/contribute" class="inform-column__btn">Start contributing</a>
-            </div>
-          </div>
-
-          <div class="inform-column__item">
-            <div class="inform-column__header">
-              <div class="inform-column__icon">
-                <img src="/img/front-page/inform-columns/open-platform.svg" alt="Open Platform" title="Open Platform">
-              </div>
-              <div class="inform-column__title">
-                <h3 class="title">Open Platform</h3>
-              </div>
-            </div>
-            <div class="inform-column__data">
-              <p>VyOS is not just a product, but an open platform. It uses a layered architecture with unified and documented internal APIs.</p>
-              <p>Many major features were contributed by community members. Command definitions are written in a machine-verifiable XML format and malformed definitions fail the build. Our new code is in legacy-free Python3, and some core components are in OCaml.</p>
-              <p>Every part of the system is open to contributions.</p>
-            </div>
-            <div class="inform-column__button">
-              <a href="/contribute/architecture" class="inform-column__btn">Read about VyOS architecture</a>
-            </div>
+        </div>
+        <div class="content">
+          <p>VyOS is fully open-source and we encourage everyone to build images and report any build process issues. The source code of the rolling release and LTS branches alike is available online. However, simply making code available is not enough.</p>
+          <p>We also keep the complete build toolchain available, and we strive to make it easy to use. You can build a VyOS image in just a few commands. There is no special maintainer toolchain we keep to ourselves: all image build tools are available to everyone interested.</p>
+        </div>
+        <a href="https://docs.vyos.io/en/latest/contributing/build-vyos.html">Learn how to build a VyOS image</a>
+      </div>
+      <div class="item">
+        <div class="header">
+          <img src="/img/front-page/inform-columns/open-proccess.svg" alt="Open Process" title="Open Process">
+          <div class="inform-column__title">
+            <h3 class="title">Open Process</h3>
           </div>
-
-          <div class="inform-column__item">
-            <div class="inform-column__header">
-              <div class="inform-column__icon">
-                <img src="/img/front-page/inform-columns/open-community.svg" alt="Open Community" title="Open Community">
-              </div>
-              <div class="inform-column__title">
-                <h3 class="title">Open Community</h3>
-              </div>
-            </div>
-            <div class="inform-column__data">
-              <p>We welcome all contributors. Even if you are not a programmer, there are many things to do: testing, documentation, evangelism and so on.</p>
-              <p>Since you are sharing your time and effort with us to make the project better, we are also happy to share our LTS release maintenance effort with you. Every active contributor can get access to prebuilt LTS images.</p>
-              <p>We also issue contributor badges through YourAcclaim that you can put on your CV. Already a contributor?</p>
-            </div>
-            <div class="inform-column__button">
-              <a href="/get/contributor-subscriptions/" class="inform-column__btn">Claim your rewards</a>
-            </div>
+        </div>
+        <div class="content">
+          <p>Our issue tracker is available online. There is no private issue tracker: even issues reported by commercial users through the support portal are registered in the public tracker (except security issues before public disclosure of course).</p>
+          <p>Everyone is free to browse open tasks, test them, fix them, and make pull requests.</p>
+          <p>We do not have any contributor agreements that require you to transfer your copyrights to us. The copyright is shared between all contributors. This means no one can make a closed source fork of VyOS—not even its current maintainers.</p>
+        </div>
+        <a href="/contribute">Start contributing</a>
+      </div>
+      <div class="item">
+        <div class="header">
+          <img src="/img/front-page/inform-columns/open-platform.svg" alt="Open Platform" title="Open Platform">
+          <div class="inform-column__title">
+            <h3 class="title">Open Platform</h3>
           </div>
-
         </div>
-      </section>
-
-      <section class="bottom-text">
-        <div class="container">
-          <div class="bottom-text__inner">
-            <h2>Funding model</h2>
-            <p>VyOS is funded through cloud marketplace images, prebuilt LTS image subscriptions, and support/consulting services.</p>
+        <div class="content">
+          <p>VyOS is not just a product, but an open platform. It uses a layered architecture with unified and documented internal APIs.</p>
+          <p>Many major features were contributed by community members. Command definitions are written in a machine-verifiable XML format and malformed definitions fail the build. Our new code is in legacy-free Python3, and some core components are in OCaml.</p>
+          <p>Every part of the system is open to contributions.</p>
+        </div>
+        <a href="/contribute/architecture">Read about VyOS architecture</a>
+      </div>
+      <div class="item">
+        <div class="header">
+          <img src="/img/front-page/inform-columns/open-community.svg" alt="Open Community" title="Open Community">
+          <div class="inform-column__title">
+            <h3 class="title">Open Community</h3>
           </div>
         </div>
-      </section>
+        <div class="content">
+          <p>We welcome all contributors. Even if you are not a programmer, there are many things to do: testing, documentation, evangelism and so on.</p>
+          <p>Since you are sharing your time and effort with us to make the project better, we are also happy to share our LTS release maintenance effort with you. Every active contributor can get access to prebuilt LTS images.</p>
+          <p>We also issue contributor badges through YourAcclaim that you can put on your CV. Already a contributor?</p>
+        </div>
+        <a href="/get/contributor-subscriptions/">Claim your rewards</a>
+      </div>
+  
+    </div>
+  </div>
+</section>
+<section class="bottom-text">
+  <div class="containerCustom">
+    <h2>Funding model</h2>
+    <p>VyOS is funded through cloud marketplace images, prebuilt LTS image subscriptions, and support/consulting services.</p>
+  </div>
+</section>
+\ No newline at end of file
diff --git a/site/js/burger-manu-click-handler.js b/site/js/burger-manu-click-handler.js
new file mode 100644
index 0000000..6030c0b
--- /dev/null
+++ b/site/js/burger-manu-click-handler.js
@@ -0,0 +1,39 @@
+document.addEventListener('click', (e) => {
+	const burgerMenuIcon = document.getElementById('burgerMenu')
+	const closeBurgerMenuIcon = document.getElementById('closeIcon')
+	const bottomPartBurgerMenu = document.getElementById('bottomPartOfBurgerMenu')
+	const navigation = document.getElementById('navigation')
+
+	function openBurgerMenu() {
+		burgerMenuIcon.classList.remove('visible')
+		burgerMenuIcon.classList.add('not__visible')
+
+		closeBurgerMenuIcon.classList.remove('not__visible')
+		closeBurgerMenuIcon.classList.add('visible')
+
+		bottomPartBurgerMenu.classList.remove('not__visible')
+		bottomPartBurgerMenu.classList.add('visible')
+
+    navigation.classList.add('background__white')
+	}
+
+  function closeBurgerMenu() {
+		burgerMenuIcon.classList.remove('not__visible')
+		burgerMenuIcon.classList.add('visible')
+
+		closeBurgerMenuIcon.classList.remove('visible')
+		closeBurgerMenuIcon.classList.add('not__visible')
+
+		bottomPartBurgerMenu.classList.remove('visible')
+		bottomPartBurgerMenu.classList.add('not__visible')
+
+	}
+
+	if (e.target?.id === 'burgerMenu') {
+		openBurgerMenu()
+	}
+  if (e.target?.id === 'closeIcon' || 
+			e.target?.id === 'bottomPartOfBurgerMenu') {
+		closeBurgerMenu()
+	}
+})
diff --git a/site/js/form-insertions.js b/site/js/form-insertions.js
new file mode 100644
index 0000000..634a941
--- /dev/null
+++ b/site/js/form-insertions.js
@@ -0,0 +1,8 @@
+document.addEventListener('DOMContentLoaded', function (event) {
+	hbspt.forms.create({
+    region: 'na1',
+    portalId: '4129050',
+    formId: 'c333bcc3-f03f-4b20-84f6-f6067567cfa8',
+    target: '#form-div'
+  })
+})
diff --git a/site/js/google-analytics-message.js b/site/js/google-analytics-message.js
index d5ecb91..5c3e1fa 100644
--- a/site/js/google-analytics-message.js
+++ b/site/js/google-analytics-message.js
@@ -28,8 +28,8 @@ if (isGoogleAnalyticsAllowedValueExist) {
   // display a message with a question
   toggleGoogleAnalyticsMessage('show')
 
-  const googleAnalyticsMessageAccept = document.getElementById('google-analytics-message-accept')
-  const googleAnalyticsMessageDecline = document.getElementById('google-analytics-message-decline')
+  const googleAnalyticsMessageAccept = document.querySelector('#google-analytics-accept')
+  const googleAnalyticsMessageDecline = document.querySelectorAll('#google-analytics-decline')
 
   // register a click on the "Accept" button
   googleAnalyticsMessageAccept.addEventListener('click', function () {
@@ -38,9 +38,11 @@ if (isGoogleAnalyticsAllowedValueExist) {
   })
 
   // register a click on the "Decline" button
-  googleAnalyticsMessageDecline.addEventListener('click', function () {
-    document.cookie = 'isGoogleAnalyticsAllowed=no'
-    toggleGoogleAnalyticsMessage('hide')
+  googleAnalyticsMessageDecline.forEach(el => {
+    el.addEventListener('click', function () {
+      document.cookie = 'isGoogleAnalyticsAllowed=no'
+      toggleGoogleAnalyticsMessage('hide')
+    })
   })
 
 }
 \ No newline at end of file
diff --git a/site/js/rive-animations.js b/site/js/rive-animations.js
new file mode 100644
index 0000000..3d281d3
--- /dev/null
+++ b/site/js/rive-animations.js
@@ -0,0 +1,40 @@
+document.addEventListener('DOMContentLoaded', function (event) {
+	const canvas = document.getElementById('canvas')
+  if(event?.target?.body?.clientWidth > 575) {
+    const r = new rive.Rive({
+      src: '/img/banner-bubbles.riv',
+      canvas: document.getElementById('canvas'),
+      autoplay: true,
+      stateMachines: 'State Machine 1',
+      onLoad: () => {
+        r.resizeDrawingSurfaceToCanvas()
+      },
+    })
+
+    canvas.classList.add('canvas-present')
+  }
+
+	addEventListener('resize', (e) => {
+		if (!e?.currentTarget?.innerWidth) return
+
+		if (Number(e?.currentTarget?.innerWidth) > 575) {
+      if(canvas.classList.contains('canvas-present')) {
+        return
+      }
+      
+			canvas.classList.remove('not_visible')
+			canvas.classList.add('canvas-present')
+      const r = new rive.Rive({
+				src: '/img/banner-bubbles.riv',
+				canvas: document.getElementById('canvas'),
+				autoplay: true,
+				stateMachines: 'State Machine 1',
+				onLoad: () => {
+					r.resizeDrawingSurfaceToCanvas()
+				},
+			})
+		} else {
+			canvas.classList.add('not_visible')
+		}
+	})
+})
diff --git a/site/js/scroll-detector-for-header.js b/site/js/scroll-detector-for-header.js
new file mode 100644
index 0000000..db7958f
--- /dev/null
+++ b/site/js/scroll-detector-for-header.js
@@ -0,0 +1,27 @@
+document.addEventListener('DOMContentLoaded', function () {
+  resolveHeadersClasses()
+
+  document.addEventListener('scroll', () => {
+    resolveHeadersClasses()
+  })
+})
+
+function resolveHeadersClasses() {
+  const header = document.getElementById('navigation')
+  const background = 'background__white'
+  const shadow = 'bottom-shadow'
+
+  if(!header) return
+
+  if(window?.scrollY && window.scrollY > 0) {
+    if(header.classList.contains(background)) return
+
+    header.classList.add(background)
+    header.classList.add(shadow)
+  } else {
+    if(!header.classList.contains(background)) return
+
+    header.classList.remove(background)
+    header.classList.remove(shadow)
+  }
+}
+\ No newline at end of file
diff --git a/site/styles/trustpilot.css b/site/styles/trustpilot.css
deleted file mode 100644
index 6d29af2..0000000
--- a/site/styles/trustpilot.css
+++ /dev/null
@@ -1,64 +0,0 @@
-.Trustpilot {
-  font-size: 14px;
-  font-family: "Segoe UI", sans-serif;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-weight: 400;
-  max-width: 220px;
-  flex-wrap: wrap;
-  margin: 0 auto;
-}
-.Trustpilot .Trustpilot_text {
-  font-size: 16px;
-  font-weight: 300;
-  margin-bottom: 8px;
-}
-.Trustpilot .Trustpilot_text b {
-  font-weight: 500;
-}
-.Trustpilot .Trustpilot_text span {
-  font-weight: 400;
-}
-.Trustpilot .Trustpilot_stars {
-  display: flex;
-  position: relative;
-  background: #DCDCE6;
-}
-.Trustpilot .Trustpilot_stars .Trustpilot_star {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  z-index: 2;
-  height: 36px;
-  width: 36px;
-}
-.Trustpilot .Trustpilot_stars .Trustpilot_star:not(:first-of-type) {
-  margin-left: 3px;
-}
-.Trustpilot .Trustpilot_stars .Trustpilot_star svg {
-  width: 26px;
-  height: 26px;
-}
-.Trustpilot .Trustpilot_stars .Trustpilot_star::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 100%;
-  background: #FAFAFA;
-  width: 3px;
-}
-.Trustpilot .Trustpilot_starsRate {
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  background: #00B67A;
-  z-index: 1;
-}
-.Trustpilot .trustpilotIcon {
-  font-size: 0;
-  margin-top: 8px;
-}
-\ No newline at end of file
diff --git a/soupault.toml b/soupault.toml
index b5dd522..38ed6ca 100644
--- a/soupault.toml
+++ b/soupault.toml
@@ -43,10 +43,6 @@
   action = "insert_before"
 
 # Inserts the banner in main page only
-[widgets.insert-trustpilot-widget]
-  widget = "include"
-  file = "templates/trustpilot.html"
-  selector = "#trustpilot-widget"
 
 [widgets.insert-google-tag-manager-head]
   widget = "insert_html"
@@ -102,7 +98,7 @@ Disallow: /
       <h3>Current/Circinus (future 1.5.0)</h3>
     </div>
   """
-  selector = "div#content"
+  selector = "#available-builds"
   action = "append_child"
   page = "get/nightly-builds.md"
   profile = "live"
diff --git a/templates/banner.html b/templates/banner.html
index 711972d..b8fa898 100644
--- a/templates/banner.html
+++ b/templates/banner.html
@@ -1,7 +1,19 @@
 <section class="banner">
-  <div class="container sm-none">
-    <div class="banner__text-button">
-      <h1>VyOS — The Universal Router.</h1>
-    </div>
-  </div>
+	<div class="containerCustom">
+		<div class="innerDiv">
+			<h1>VyOS — The Universal Router.</h1>
+			<p>Open-source fully functional router and firewall platform</p>
+		</div>
+
+		<canvas
+			id="canvas"
+			class="background"
+			width="550"
+			height="550"
+		></canvas>
+
+		<div class="image">
+			<img src="/img/front-page/banner/bg-image.svg" />
+		</div>
+	</div>
 </section>
diff --git a/templates/main.html b/templates/main.html
index 68846eb..80fd5a4 100644
--- a/templates/main.html
+++ b/templates/main.html
@@ -1,191 +1,361 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <title>VyOS Community</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16x16.png">
-    <link rel="manifest" href="/img/favicon/site.webmanifest">
-    <link rel="mask-icon" href="/img/favicon/safari-pinned-tab.svg" color="#5bbad5">
-    <meta name="msapplication-TileColor" content="#da532c">
-    <meta name="theme-color" content="#ffffff">
-    <link rel="stylesheet" href="/main.css">
-    <link rel="stylesheet" href="/styles/trustpilot.css">
-  </head>
-  <body>
-    <header>
-      <div class="container">
-        <div class="header__inner">
-          <div class="header__logo-side">
-            <a class="header__logo" href="/">
-              <img src="/img/header/vyos-logo.svg" alt="VyOS Community" title="VyOS Community">
-            </a>
-            <div class="header__text">
-              <p>Open-source router and firewall platform</p>
-            </div>
-          </div>
-          <div class="header__links-side">
-            <a href="/get">GET VYOS</a>
-            <a href="/contribute">CONTRIBUTE</a>
-            <a href="http://vyos.io">COMMERCIAL SERVICES</a>
-          </div>
-        </div>
-      </div>
-    </header>
-    <main>
-      <div class="container small" id="content">
-        <!-- content is automatically inserted here -->
-      </div>
-    </main>
-    <footer>
+	<head>
+		<meta charset="UTF-8" />
+		<title>VyOS Community</title>
+		<meta
+			name="viewport"
+			content="width=device-width, initial-scale=1.0"
+		/>
+		<link
+			rel="apple-touch-icon"
+			sizes="180x180"
+			href="/img/favicon/apple-touch-icon.png"
+		/>
+		<link
+			rel="icon"
+			type="image/png"
+			sizes="32x32"
+			href="/img/favicon/favicon-32x32.png"
+		/>
+		<link
+			rel="icon"
+			type="image/png"
+			sizes="16x16"
+			href="/img/favicon/favicon-16x16.png"
+		/>
+		<link
+			rel="manifest"
+			href="/img/favicon/site.webmanifest"
+		/>
+		<link
+			rel="mask-icon"
+			href="/img/favicon/safari-pinned-tab.svg"
+			color="#5bbad5"
+		/>
+		<meta
+			name="msapplication-TileColor"
+			content="#da532c"
+		/>
+		<meta
+			name="theme-color"
+			content="#ffffff"
+		/>
+		<link
+			rel="stylesheet"
+			href="/main.css"
+		/>
+	</head>
+	<body>
+		<header id="header">
+			<div
+				class="navigation"
+				id="navigation"
+			>
+				<div class="containerCustom">
+					<div class="header">
+						<div class="logo">
+							<a href="/">
+								<img
+									src="/img/header/vyos-logo.svg"
+									alt="VyOS Community"
+									title="VyOS Community"
+								/>
+							</a>
+							<p>Open-source router and firewall platform</p>
+						</div>
+						<div class="links">
+							<a href="/get">GET VYOS</a>
+							<a href="/contribute">CONTRIBUTE</a>
+							<a href="http://vyos.io">COMMERCIAL SERVICES</a>
+							<a href="tel:+13234882459">
+								<img
+									src="/img/header/tel-icon.svg"
+									alt="tel"
+									title="tel"
+								/>
+								<span>+1 323 488 2459</span>
+							</a>
+						</div>
+						<div class="mobile-menu">
+							<div class="upper-part">
+								<a
+									href="tel:+13234882459"
+									class="tel-link"
+								>
+									<img
+										src="/img/header/tel-icon.svg"
+										alt="tel"
+										title="tel"
+									/>
+								</a>
+								<img
+									src="/img/header/hamburger-menu-icon.svg"
+									id="burgerMenu"
+									class="visible"
+								/>
+								<img
+									src="/img/global/close-icon.svg"
+									id="closeIcon"
+									class="not__visible"
+								/>
+							</div>
+							<div
+								class="bottom-part not__visible"
+								id="bottomPartOfBurgerMenu"
+							>
+								<div class="bottom-menu">
+									<a href="/get">GET VYOS</a>
+									<a href="/contribute">CONTRIBUTE</a>
+									<a href="http://vyos.io">COMMERCIAL SERVICES</a>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</header>
+		<main>
+			<div
+				id="content"
+			>
+				<!-- content is automatically inserted here -->
+			</div>
+		</main>
+		<footer>
+			<div class="containerCustom">
+				<div class="inner">
+					<div class="top">
+						<div class="sentrium-column">
+							<div>
+								<img
+									src="/img/footer/sentrium.svg"
+									alt="VyOS Community"
+									title="VyOS Community"
+								/>
 
-      <div class="container">
-        <div class="footer__inner">
-          <div class="footer__logo-society">
-            <div class="footer__logo-vyos">
-              <a href="https://sentrium.io/" target="_blank" class="footer__logo--vyos">
-                <img src="/img/footer/vyos-logo.svg" alt="VyOS Community" title="VyOS Community">
-              </a>
-            </div>
-            <div class="footer__hr">
-              <img src="/img/footer/line.svg">
-            </div>
-            <div class="footer__socials">
-              <a href="https://twitter.com/vyos_dev" target="_blank">
-                <img src="/img/social-networks/twitter.svg" alt="VyOS on Twitter" title="VyOS on Twitter">
-              </a>
-              <a href="https://www.linkedin.com/company/vyos/" target="_blank">
-                <img src="/img/social-networks/linkedin.svg" alt="VyOS on Linkedin" title="VyOS on Linkedin">
-              </a>
-              <a href="https://www.facebook.com/vyosofficial/" target="_blank">
-                <img src="/img/social-networks/facebook.svg" alt="VyOS on Facebook" title="VyOS on Facebook">
-              </a>
-              <a href="https://www.reddit.com/r/vyos/" target="_blank">
-                <img src="/img/social-networks/reddit.svg" alt="VyOS on Reddit" title="VyOS on Reddit">
-              </a>
-            </div>
-          </div>
+								<p>Digital transformation of your business with Sentrium</p>
+							</div>
+							<a
+								href="https://sentrium.io/"
+								target="_blank"
+								>Visit Sentrium</a
+							>
+						</div>
+						<div class="links-columns">
+							<div class="links-column">
+								<h3>Get VyOS</h3>
+								<ul>
+									<li>
+										<a href="/get/nightly-builds">Nightly Builds</a>
+									</li>
+									<li>
+										<a href="/get/contributor-subscriptions"
+											>LTS for Contributors</a
+										>
+									</li>
+								</ul>
+							</div>
+							<div class="links-column">
+								<h3>Contribute</h3>
+								<ul>
+									<li><a href="/contribute">Introduction</a></li>
+									<li><a href="https://github.com/vyos">Code on GitHub</a></li>
+									<li>
+										<a href="https://phabricator.vyos.net/maniphest"
+											>Open Tasks</a
+										>
+									</li>
+								</ul>
+							</div>
+							<div class="links-column">
+								<h3>Report a Bug</h3>
+								<ul>
+									<li>
+										<a href="https://phabricator.vyos.net/">Bug Tracker</a>
+									</li>
+								</ul>
+							</div>
+							<div class="links-column">
+								<h3>Commercial Services</h3>
+								<ul>
+									<li>
+										<a href="https://vyos.io/subscriptions/support/"
+											>Commercial Support</a
+										>
+									</li>
+									<li>
+										<a href="https://vyos.io/subscriptions/software/"
+											>LTS Subscription</a
+										>
+									</li>
+									<li>
+										<a href="http://vyos.io/contact-us/"
+											>Custom developing and consulting</a
+										>
+									</li>
+								</ul>
+							</div>
+						</div>
+					</div>
+					<div class="form-footer">
+						<div class="inner">
+							<h3>Subscribe to our Blog!</h3>
+							<p>All the latest news and sneak peeks directly in your inbox.</p>
+						</div>
+						<div
+							class="form-div"
+							id="form-div"
+						></div>
+					</div>
+					<div class="bottom">
+						<p>© 2024 vyos.io All rights reserved.</p>
 
-          <div class="footer__links-trustpilot">
-            <div class="footer__links">
-              <div class="footer__column">
-                <h3>Get VyOS</h3>
-                <ul>
-                  <li><a href="/get/nightly-builds">Nightly builds</a></li>
-                  <li><a href="/get/contributor-subscriptions">LTS release for contributors</a></li>
-                </ul>
-              </div>
-              <div class="footer__column">
-                <h3>Contribute</h3>
-                <ul>
-                  <li><a href="/contribute">Introduction</a></li>
-                  <li><a href="https://github.com/vyos">Code on GitHub</a></li>
-                  <li><a href="https://phabricator.vyos.net/maniphest">Open tasks</a></li>
-                </ul>
-              </div>
-              <div class="footer__column">
-                <h3>Report a Bug</h3>
-                <ul>
-                  <li><a href="https://phabricator.vyos.net/">Bug Tracker</a></li>
-                </ul>
-              </div>
-              <div class="footer__column">
-                <h3>Commercial Services</h3>
-                <ul>
-                  <li><a href="https://vyos.io/subscriptions/support/">Commercial support</a></li>
-                  <li><a href="https://vyos.io/subscriptions/software/">LTS release subscriptions</a></li>
-                  <li><a href="http://vyos.io/contact-us/">Custom development and consulting</a></li>
-                </ul>
-              </div>
-            </div>
-            <div id="trustpilot-widget" class="footer__trustpilot">
-              <!-- inserted by widgets.insert-trustpilot-widget -->
-            </div>
-          </div>
+						<div class="social-logos">
+              <!-- twitter icon -->
+							<a
+								href="https://twitter.com/vyos_dev"
+								target="_blank"
+							>
+								<svg
+									width="20"
+									height="16"
+									viewBox="0 0 20 16"
+									fill="none"
+									xmlns="http://www.w3.org/2000/svg"
+								>
+									<path
+										d="M20 1.89305C19.2639 2.21429 18.4741 2.43216 17.6442 2.52942C18.4915 2.02968 19.1402 1.23702 19.4476 0.295398C18.6527 0.758193 17.7754 1.09424 16.8406 1.27641C16.092 0.489895 15.0271 0 13.8461 0C11.5803 0 9.74312 1.80937 9.74312 4.03969C9.74312 4.35601 9.77936 4.66496 9.84936 4.96039C6.44001 4.79174 3.41684 3.18301 1.39347 0.738495C1.03977 1.33425 0.838563 2.02842 0.838563 2.76943C0.838563 4.1714 1.56343 5.40841 2.66324 6.13213C1.99085 6.10999 1.35847 5.92782 0.804838 5.62502V5.67549C0.804838 7.63256 2.21958 9.2659 4.09546 9.63764C3.75177 9.72873 3.38935 9.7792 3.01442 9.7792C2.74948 9.7792 2.49327 9.75335 2.24206 9.70411C2.76445 11.3104 4.27919 12.4785 6.07387 12.5105C4.67037 13.5937 2.90069 14.2374 0.978564 14.2374C0.647387 14.2374 0.321177 14.2177 0 14.182C1.81592 15.3304 3.97177 16 6.28883 16C13.8362 16 17.9617 9.84321 17.9617 4.50374L17.9479 3.98063C18.754 3.41439 19.4513 2.70297 20 1.89305Z"
+										fill="#525659"
+									/>
+								</svg>
+							</a>
 
-          <div class="footer__developer">
-            <div class="footer__rights">
-              <p>© 2021 VyOS maintainers and contributors.</p>
-              <a href='https://www.vyos.io/privacy-policy'>Privacy Policy</a>
-              <a href='https://www.vyos.io/terms-and-conditions'>Terms & Conditions</a>
-            </div>
-            <div class="footer__sentrium-logo">
-              <a href="https://sentrium.io/" target="_blank" class="footer__logo">
-                <img src="/img/footer/sentrium.svg" alt="Sentrium" title="Sentrium">
-              </a>
-            </div>
-          </div>
+              <!-- linkedin icon -->
+							<a
+								href="https://www.linkedin.com/company/vyos/"
+								target="_blank"
+							>
+								<svg
+									width="21"
+									height="20"
+									viewBox="0 0 21 20"
+									fill="none"
+									xmlns="http://www.w3.org/2000/svg"
+								>
+									<path
+										d="M21 12.262V20H16.499V12.7802C16.499 10.9666 15.848 9.72881 14.2188 9.72881C12.9751 9.72881 12.235 10.563 11.9094 11.3699C11.7906 11.6583 11.7601 12.0598 11.7601 12.4636V20H7.25758C7.25758 20 7.31822 7.77208 7.25758 6.50518H11.7596V8.41801C11.7505 8.43232 11.7386 8.44775 11.73 8.46161H11.7596V8.41801C12.3578 7.49982 13.426 6.18815 15.817 6.18815C18.7793 6.1881 21 8.1169 21 12.262ZM2.54778 0C1.00748 0 0 1.00695 0 2.33113C0 3.62645 0.978334 4.66397 2.48802 4.66397H2.51809C4.08822 4.66397 5.0647 3.62665 5.0647 2.33113C5.03511 1.00695 4.08822 0 2.54778 0ZM0.267409 20H4.76819V6.50518H0.267409V20Z"
+										fill="#525659"
+									/>
+								</svg>
+							</a>
 
-          <div class="footer__sm">
-            <div class="footer__sm__contant">
+              <!-- facebook icon -->
+							<a
+								href="https://www.facebook.com/vyosofficial/"
+								target="_blank"
+							>
+								<svg
+									width="11"
+									height="20"
+									viewBox="0 0 11 20"
+									fill="none"
+									xmlns="http://www.w3.org/2000/svg"
+								>
+									<path
+										d="M10.5858 0.00416134L7.94737 0C4.98322 0 3.06766 1.9319 3.06766 4.92203V7.19141H0.414863C0.18563 7.19141 0 7.37409 0 7.59943V10.8875C0 11.1128 0.185842 11.2953 0.414863 11.2953H3.06766V19.5922C3.06766 19.8175 3.25329 20 3.48252 20H6.94366C7.17289 20 7.35852 19.8173 7.35852 19.5922V11.2953H10.4603C10.6895 11.2953 10.8751 11.1128 10.8751 10.8875L10.8764 7.59943C10.8764 7.49123 10.8326 7.38762 10.7549 7.31105C10.6772 7.23448 10.5714 7.19141 10.4613 7.19141H7.35852V5.26763C7.35852 4.34298 7.58267 3.87358 8.808 3.87358L10.5853 3.87295C10.8144 3.87295 11 3.69027 11 3.46514V0.411972C11 0.187052 10.8146 0.00457747 10.5858 0.00416134Z"
+										fill="#525659"
+									/>
+								</svg>
+							</a>
 
-              <div class="footer__sm__logos">
-                <a href="/" class="footer__logo">
-                  <img src="/img/footer/vyos-logo-sm.svg" alt="VyOS Community" title="VyOS Community">
-                </a>
-                <a href="https://www.packet.com/" class="footer__logo" target="_blank">
-                  <img src="/img/footer/packet-logo-sm.svg" alt="Packet" title="Packet">
-                </a>
-                <a href="https://sentrium.io/" target="_blank" class="footer__logo">
-                  <img src="/img/footer/sentrium-logo-sm.svg" alt="Sentrium" title="Sentrium">
-                </a>
-              </div>
+              <!-- reddit icon -->
+							<a
+								href="https://www.reddit.com/r/vyos/"
+								target="_blank"
+							>
+								<svg
+									width="24"
+									height="22"
+									viewBox="0 0 24 22"
+									fill="none"
+									xmlns="http://www.w3.org/2000/svg"
+								>
+									<path
+										d="M20.0231 0.241206C20.8974 -0.172709 22.0169 -0.0485345 22.7526 0.572338C23.4349 1.11043 23.7761 2.02104 23.6162 2.85922C23.4989 3.56288 23.0511 4.21479 22.422 4.56662C21.6437 5.03228 20.5988 5.02193 19.8205 4.55627C19.2448 4.23549 18.8396 3.66635 18.6584 3.04548C17.4323 2.79713 16.2061 2.53844 14.98 2.26939C14.4256 3.9561 13.8818 5.65315 13.3274 7.33985C15.1613 7.48472 16.9738 7.87794 18.6477 8.61264C19.0849 8.14699 19.6286 7.75377 20.279 7.61925C21.3345 7.33985 22.5073 7.71238 23.2323 8.49881C23.7121 9.00586 23.9574 9.66813 24 10.3511V10.5477C23.9574 11.2824 23.6268 11.955 23.1364 12.5034C23.6482 13.6417 23.7761 14.9559 23.3816 16.1459C22.8592 17.7602 21.5797 19.033 20.1191 19.9125C17.8801 21.2888 15.2146 21.8993 12.5917 21.9925C9.95824 22.0649 7.2821 21.6199 4.91515 20.4817C3.20924 19.6435 1.59929 18.4017 0.820968 16.6529C0.2239 15.3491 0.266548 13.8073 0.863616 12.5138C0.383829 11.955 0.0319858 11.2824 0 10.5477V10.3407C0.0426477 9.84404 0.170591 9.33699 0.458463 8.91273C1.00222 8.03316 2.05775 7.49507 3.10262 7.52611C3.9769 7.55716 4.79787 7.98142 5.35229 8.61264C7.29276 7.75377 9.42514 7.3502 11.5469 7.30881C12.2079 5.24958 12.8903 3.19035 13.5513 1.14147C13.6473 0.717209 14.1057 0.396424 14.5429 0.499903C15.9609 0.799992 17.3789 1.08973 18.797 1.40017C19.0849 0.924166 19.49 0.479207 20.0231 0.241206ZM1.16215 9.78195C0.93825 10.3304 1.02355 10.9616 1.32208 11.4687C2.1004 10.4235 3.14527 9.60604 4.29676 8.97482C3.81697 8.61264 3.16659 8.43673 2.56952 8.5816C1.92981 8.72647 1.38605 9.18178 1.16215 9.78195ZM19.7139 8.96447C20.8654 9.59569 21.9103 10.4235 22.6886 11.4687C22.9125 11.0651 23.0404 10.5891 22.9445 10.1234C22.8272 9.41978 22.2621 8.80925 21.5478 8.61264C20.9294 8.40568 20.2257 8.5816 19.7139 8.96447ZM7.39938 11.1272C6.46113 11.3755 5.7681 12.2965 5.84274 13.2381C5.86406 14.1695 6.63172 15.0076 7.56997 15.1835C8.01777 15.2353 8.4869 15.2249 8.89205 15.0283C9.63838 14.7075 10.1502 13.9315 10.1395 13.1347C10.1608 12.3379 9.64905 11.5618 8.89205 11.2514C8.43359 11.0134 7.88983 11.0134 7.39938 11.1272ZM15.4065 11.1272C14.5535 11.3652 13.8925 12.1516 13.8712 13.0208C13.8179 13.7969 14.2763 14.5937 14.98 14.9559C15.6197 15.3077 16.462 15.2974 17.1017 14.9249C17.7414 14.5627 18.1786 13.859 18.1679 13.1243C18.1786 12.3172 17.6562 11.5411 16.8992 11.2203C16.4407 11.0237 15.8969 11.003 15.4065 11.1272ZM8.04976 16.4977C7.6446 16.5909 7.32474 16.9737 7.37805 17.3773C7.39938 17.8326 7.83652 18.1017 8.16704 18.35C9.53176 19.2192 11.2377 19.4055 12.8263 19.2917C14.1377 19.1468 15.5558 18.8053 16.4727 17.8119C16.9098 17.3049 16.462 16.4667 15.7903 16.477C15.2679 16.4563 15.012 16.9737 14.5642 17.1393C13.4127 17.667 12.08 17.7188 10.8325 17.5532C10.1288 17.429 9.3825 17.2428 8.86006 16.7461C8.65749 16.5391 8.33763 16.4253 8.04976 16.4977Z"
+										fill="#525659"
+									/>
+								</svg>
+							</a>
+						</div>
+					</div>
+				</div>
+			</div>
+		</footer>
 
-              <div class="footer__sm__society">
-                <a href="https://twitter.com/vyos_dev" target="_blank" class="footer__logo">
-                  <img src="/img/social-networks/twitter-sm.svg" alt="VyOS on Twitter" title="VyOS on Twitter">
-                </a>
-                <a href="https://www.linkedin.com/company/vyos/" target="_blank" class="footer__logo">
-                  <img src="/img/social-networks/linkedin-sm.svg" alt="VyOS on Linkedin" title="VyOS on Linkedin">
-                </a>
-                <a href="https://www.facebook.com/vyosofficial/" target="_blank" class="footer__logo">
-                  <img src="/img/social-networks/facebook-sm.svg" alt="VyOS on Facebook" title="VyOS on Facebook">
-                </a>
-                <a href="https://www.reddit.com/r/vyos/" target="_blank" class="footer__logo">
-                  <img src="/img/social-networks/reddit-sm.svg" alt="VyOS on Reddit" title="VyOS on Reddit">
-                </a>
-              </div>
+		<aside
+			class="google-analytics-message"
+			id="google-analytics-message"
+		>
+			<div class="containerCustom">
+				<svg
+					id="google-analytics-decline"
+					width="24"
+					height="24"
+					viewBox="0 0 24 24"
+					fill="none"
+					xmlns="http://www.w3.org/2000/svg"
+				>
+					<path
+						d="M1.33325 1.29822L22.6666 22.0701M22.6666 1.29822L1.33325 22.0701"
+						stroke-width="3"
+					/>
+				</svg>
+				<h5>Allow Analytics</h5>
+				<p>
+					We use Google Analytics to get analytics and metrics about our
+					visitors on our website. This helps us to improve the quality of the
+					content and the usability of the site. The collected information is
+					not shared with third parties. Google Analytics stores cookies on your
+					computer.
+				</p>
+				<p>
+					If you decline, your information won’t be tracked when you visit this
+					website. A single cookie will be used in your browser to remember your
+					preference not to be tracked.
+				</p>
+				<div class="buttons">
+					<button
+						class="accept"
+						id="google-analytics-accept"
+					>
+						Accept
+					</button>
 
-              <div class="footer__sm__developer">
-                <div class="footer__sm__privacy-policy">
-                  <a href='https://www.vyos.io/privacy-policy'>Privacy Policy</a>
-                  <a href='https://www.vyos.io/terms-and-conditions'>Terms & Conditions</a>
-                </div>
-                <div class="footer__sm__rights">
-                  <p>© 2022 VyOS maintainers and contributors.</p>
-                </div>
-              </div>
+					<button
+						class="decline"
+						id="google-analytics-decline"
+					>
+						Decline
+					</button>
+				</div>
+			</div>
+		</aside>
 
-            </div>
-          </div>
-
-        </div>
-      </div>
-    </footer>
-
-    <aside class="google-analytics-message" id="google-analytics-message">
-      <div class="container">
-        <div class="google-analytics-message__content">
-          <div class="google-analytics-message__content__img">
-            <img src="/img/global/cookies.svg" alt="Cookies">
-          </div>
-          <div class="google-analytics-message__content__text">
-            <p>We use Google Analytics to get analytics and metrics about our visitors on our website. This helps us to
-              improve the quality of the content and the usability of the site.
-              The collected information is not shared with third parties. Google Analytics stores cookies on your computer.</p>
-            <p>If you decline, your information won’t be tracked when you visit this website. A single cookie will be used
-              in your browser to remember your preference not to be tracked.</p>
-          </div>
-        </div>
-        <div class="google-analytics-message__buttons">
-          <button class="google-analytics-message__buttons__accept" id="google-analytics-message-accept">Accept</button>
-          <button class="google-analytics-message__buttons__decline" id="google-analytics-message-decline">Decline</button>
-        </div>
-      </div>
-    </aside>
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-J3WHFQG00P"></script>
-    <script src="/js/google-analytics-message.js"></script>
-  </body>
+		<script
+			async
+			src="https://www.googletagmanager.com/gtag/js?id=G-J3WHFQG00P"
+		></script>
+		<script src="/js/google-analytics-message.js"></script>
+		<script src="/js/burger-manu-click-handler.js"></script>
+		<script src="https://unpkg.com/@rive-app/canvas@2.9.1"></script>
+		<script src="/js/rive-animations.js"></script>
+		<script src="/js/scroll-detector-for-header.js"></script>
+		<script src="/js/form-insertions.js"></script>
+		<script
+			charset="utf-8"
+			type="text/javascript"
+			src="//js.hsforms.net/forms/embed/v2.js"
+		></script>
+	</body>
 </html>
diff --git a/templates/trustpilot.html b/templates/trustpilot.html
deleted file mode 100644
index e6eb70c..0000000
--- a/templates/trustpilot.html
+++ /dev/null
@@ -1,26 +0,0 @@
-  <!-- Trustpilot html -->
-  <div class="Trustpilot">
-    <div class="Trustpilot_text">Check out our <span>reviews</span></div>
-    <a href="https://www.trustpilot.com/review/vyos.io?utm_medium=trustbox&amp;utm_source=Horizontal" rel="noreferrer" target="_blank" class="Trustpilot_stars">
-      <div class="Trustpilot_star">
-        <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.8889 6.34067H10.4366L8.45032 0L6.45236 6.34067L0 6.32851L5.21829 10.2519L3.22031 16.5926L8.43857 12.6691L13.6569 16.5926L11.672 10.2562L12.1172 11.6852L8.45032 12.6691L16.8889 6.34067Z" fill="#fff"></path></svg>
-      </div>
-      <div class="Trustpilot_star">
-        <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.8889 6.34067H10.4366L8.45032 0L6.45236 6.34067L0 6.32851L5.21829 10.2519L3.22031 16.5926L8.43857 12.6691L13.6569 16.5926L11.672 10.2562L12.1172 11.6852L8.45032 12.6691L16.8889 6.34067Z" fill="#fff"></path></svg>
-      </div>
-      <div class="Trustpilot_star">
-        <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.8889 6.34067H10.4366L8.45032 0L6.45236 6.34067L0 6.32851L5.21829 10.2519L3.22031 16.5926L8.43857 12.6691L13.6569 16.5926L11.672 10.2562L12.1172 11.6852L8.45032 12.6691L16.8889 6.34067Z" fill="#fff"></path></svg>
-      </div>
-      <div class="Trustpilot_star">
-        <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.8889 6.34067H10.4366L8.45032 0L6.45236 6.34067L0 6.32851L5.21829 10.2519L3.22031 16.5926L8.43857 12.6691L13.6569 16.5926L11.672 10.2562L12.1172 11.6852L8.45032 12.6691L16.8889 6.34067Z" fill="#fff"></path></svg>
-      </div>
-      <div class="Trustpilot_star">
-        <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.8889 6.34067H10.4366L8.45032 0L6.45236 6.34067L0 6.32851L5.21829 10.2519L3.22031 16.5926L8.43857 12.6691L13.6569 16.5926L11.672 10.2562L12.1172 11.6852L8.45032 12.6691L16.8889 6.34067Z" fill="#fff"></path></svg>
-      </div>
-      <div class="Trustpilot_starsRate" style="width:94%"></div>
-    </a>
-    <a href="https://www.trustpilot.com/review/vyos.io?utm_medium=trustbox&amp;utm_source=Horizontal" rel="noreferrer" target="_blank" class="trustpilotIcon">
-      <svg width="80" height="21" viewBox="0 0 80 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.0251 7.81635H29.1184V9.32301H25.9317V17.8163H24.185V9.32301H21.0117L21.0251 7.81635ZM28.7717 10.5763H30.265V11.9763H30.2917C30.345 11.7763 30.4384 11.5897 30.5717 11.403C30.705 11.2163 30.865 11.043 31.065 10.8963C31.2517 10.7363 31.465 10.6163 31.705 10.523C31.9317 10.4297 32.1717 10.3763 32.4117 10.3763C32.5984 10.3763 32.7317 10.3897 32.7984 10.3897C32.865 10.403 32.945 10.4163 33.0117 10.4163V11.9497C32.905 11.923 32.785 11.9097 32.665 11.8963C32.545 11.883 32.4384 11.8697 32.3184 11.8697C32.0517 11.8697 31.7984 11.923 31.5584 12.0297C31.3184 12.1363 31.1184 12.2963 30.9317 12.4963C30.7584 12.7097 30.6117 12.963 30.505 13.2697C30.3984 13.5763 30.345 13.9363 30.345 14.3363V17.7763H28.745L28.7717 10.5763ZM40.345 17.8163H38.7717V16.803H38.745C38.545 17.1763 38.2517 17.4563 37.865 17.683C37.4784 17.9097 37.0784 18.0163 36.6784 18.0163C35.7317 18.0163 35.0384 17.7897 34.6117 17.3097C34.185 16.843 33.9717 16.123 33.9717 15.1763V10.5763H35.5717V15.0163C35.5717 15.6563 35.6917 16.1097 35.945 16.363C36.185 16.6297 36.5317 16.763 36.9717 16.763C37.305 16.763 37.585 16.7097 37.8117 16.603C38.0384 16.4963 38.225 16.363 38.3584 16.1897C38.505 16.0163 38.5984 15.803 38.665 15.563C38.7317 15.323 38.7584 15.0563 38.7584 14.7763V10.5763H40.3584V17.8163H40.345ZM43.065 15.4963C43.1184 15.963 43.2917 16.283 43.5984 16.483C43.905 16.6697 44.2784 16.763 44.705 16.763C44.8517 16.763 45.025 16.7497 45.2117 16.723C45.3984 16.6963 45.585 16.6563 45.745 16.5897C45.9184 16.523 46.0517 16.4297 46.1584 16.2963C46.265 16.163 46.3183 16.003 46.305 15.803C46.2917 15.603 46.225 15.4297 46.0784 15.2963C45.9317 15.163 45.7584 15.0697 45.545 14.9763C45.3317 14.8963 45.0784 14.8297 44.7984 14.7763C44.5184 14.723 44.2384 14.6563 43.945 14.5897C43.6517 14.523 43.3584 14.443 43.0784 14.3497C42.7984 14.2563 42.5584 14.1363 42.3317 13.963C42.1184 13.803 41.9317 13.603 41.8117 13.3497C41.6784 13.0963 41.6117 12.803 41.6117 12.4297C41.6117 12.0297 41.705 11.7097 41.905 11.443C42.0917 11.1763 42.345 10.963 42.6384 10.803C42.9317 10.643 43.265 10.523 43.625 10.4563C43.985 10.3897 44.3317 10.363 44.6517 10.363C45.025 10.363 45.385 10.403 45.7184 10.483C46.0517 10.563 46.3717 10.683 46.6383 10.8697C46.9184 11.043 47.145 11.283 47.3183 11.563C47.505 11.843 47.6117 12.1897 47.665 12.5897H45.9984C45.9184 12.203 45.745 11.9497 45.4784 11.8163C45.1984 11.683 44.8917 11.6163 44.5317 11.6163C44.425 11.6163 44.2784 11.6297 44.1317 11.643C43.9717 11.6697 43.8384 11.6963 43.6917 11.7497C43.5584 11.803 43.4384 11.883 43.345 11.9763C43.2517 12.0697 43.1984 12.203 43.1984 12.363C43.1984 12.563 43.265 12.7097 43.3984 12.8297C43.5317 12.9497 43.705 13.043 43.9317 13.1363C44.145 13.2163 44.3984 13.283 44.6784 13.3363C44.9584 13.3897 45.2517 13.4563 45.545 13.523C45.8384 13.5897 46.1184 13.6697 46.3984 13.763C46.6784 13.8563 46.9317 13.9763 47.145 14.1497C47.3584 14.3097 47.545 14.5097 47.6784 14.7497C47.8117 14.9897 47.8784 15.2963 47.8784 15.643C47.8784 16.0697 47.785 16.4297 47.585 16.7363C47.385 17.0297 47.1317 17.283 46.825 17.4697C46.5184 17.6563 46.1584 17.7897 45.785 17.883C45.3984 17.963 45.025 18.0163 44.6517 18.0163C44.1984 18.0163 43.7717 17.963 43.385 17.8563C42.9984 17.7497 42.6517 17.5897 42.3717 17.3897C42.0917 17.1763 41.865 16.923 41.705 16.603C41.545 16.2963 41.4517 15.923 41.4384 15.483H43.0517V15.4963H43.065ZM48.3317 10.5763H49.545V8.38968H51.145V10.563H52.585V11.7497H51.145V15.6163C51.145 15.7897 51.1583 15.923 51.1717 16.0563C51.185 16.1763 51.225 16.283 51.265 16.363C51.3183 16.443 51.3983 16.5097 51.4917 16.5497C51.5983 16.5897 51.7317 16.6163 51.9183 16.6163C52.025 16.6163 52.145 16.6163 52.2517 16.603C52.3583 16.5897 52.4783 16.5763 52.585 16.5497V17.7897C52.4117 17.8163 52.2383 17.8297 52.065 17.843C51.8917 17.8697 51.7317 17.8697 51.545 17.8697C51.1183 17.8697 50.785 17.8297 50.5317 17.7497C50.2783 17.6697 50.0783 17.5497 49.9317 17.403C49.785 17.243 49.6917 17.0563 49.6383 16.8297C49.585 16.603 49.5583 16.323 49.545 16.0297V11.763H48.3317V10.5497V10.5763ZM53.705 10.5763H55.2117V11.563H55.2383C55.465 11.1363 55.7717 10.843 56.1717 10.6563C56.5717 10.4697 56.9983 10.3763 57.4783 10.3763C58.0517 10.3763 58.545 10.4697 58.9717 10.683C59.3983 10.883 59.745 11.1497 60.025 11.5097C60.305 11.8563 60.5183 12.2697 60.6517 12.7363C60.785 13.203 60.865 13.7097 60.865 14.2297C60.865 14.723 60.7983 15.1897 60.6783 15.643C60.545 16.0963 60.3583 16.5097 60.105 16.8563C59.8517 17.203 59.5317 17.483 59.1317 17.6963C58.7317 17.9097 58.2783 18.0163 57.745 18.0163C57.5183 18.0163 57.2783 17.9897 57.0517 17.9497C56.825 17.9097 56.5983 17.843 56.385 17.7497C56.1717 17.6563 55.9717 17.5363 55.7983 17.3897C55.6117 17.243 55.465 17.0697 55.345 16.883H55.3183V20.4963H53.7183V10.5763H53.705ZM59.2917 14.203C59.2917 13.883 59.2517 13.563 59.1583 13.2563C59.0783 12.9497 58.945 12.683 58.7717 12.443C58.5983 12.203 58.385 12.0163 58.145 11.8697C57.8917 11.723 57.5983 11.6563 57.2783 11.6563C56.6117 11.6563 56.105 11.883 55.7583 12.3497C55.425 12.8163 55.2517 13.443 55.2517 14.2163C55.2517 14.5897 55.2917 14.923 55.385 15.2297C55.4783 15.5363 55.5983 15.803 55.785 16.0297C55.9583 16.2563 56.1717 16.4297 56.425 16.563C56.6783 16.6963 56.9583 16.763 57.2917 16.763C57.665 16.763 57.9583 16.683 58.2117 16.5363C58.465 16.3897 58.665 16.1897 58.8383 15.963C58.9983 15.723 59.1183 15.4563 59.185 15.1497C59.2517 14.8297 59.2917 14.523 59.2917 14.203ZM62.105 7.81635H63.705V9.32301H62.105V7.81635ZM62.105 10.5763H63.705V17.8163H62.105V10.5763ZM65.1317 7.81635H66.7317V17.8163H65.1317V7.81635ZM71.6116 18.0163C71.0383 18.0163 70.5183 17.923 70.065 17.723C69.6117 17.523 69.2383 17.2697 68.9183 16.9363C68.6117 16.603 68.3717 16.1897 68.2117 15.723C68.0517 15.2563 67.9583 14.7363 67.9583 14.1897C67.9583 13.643 68.0383 13.1363 68.2117 12.6697C68.3717 12.203 68.6117 11.803 68.9183 11.4563C69.225 11.123 69.6117 10.8563 70.065 10.6697C70.5183 10.483 71.0383 10.3763 71.6116 10.3763C72.185 10.3763 72.705 10.4697 73.1583 10.6697C73.6117 10.8563 73.985 11.123 74.305 11.4563C74.6116 11.7897 74.8516 12.203 75.0116 12.6697C75.1716 13.1363 75.265 13.643 75.265 14.1897C75.265 14.7497 75.185 15.2563 75.0116 15.723C74.8383 16.1897 74.6116 16.5897 74.305 16.9363C73.9983 17.2697 73.6117 17.5363 73.1583 17.723C72.705 17.9097 72.1983 18.0163 71.6116 18.0163ZM71.6116 16.7497C71.9583 16.7497 72.2783 16.6697 72.5317 16.523C72.7983 16.3763 72.9983 16.1763 73.1716 15.9363C73.345 15.6963 73.465 15.4163 73.545 15.123C73.625 14.8163 73.665 14.5097 73.665 14.1897C73.665 13.883 73.625 13.5763 73.545 13.2697C73.465 12.963 73.345 12.6963 73.1716 12.4563C72.9983 12.2163 72.785 12.0297 72.5317 11.883C72.265 11.7363 71.9583 11.6563 71.6116 11.6563C71.265 11.6563 70.945 11.7363 70.6917 11.883C70.425 12.0297 70.225 12.2297 70.0517 12.4563C69.8783 12.6963 69.7583 12.963 69.6783 13.2697C69.5983 13.5763 69.5583 13.883 69.5583 14.1897C69.5583 14.5097 69.5983 14.8163 69.6783 15.123C69.7583 15.4297 69.8783 15.6963 70.0517 15.9363C70.225 16.1763 70.4383 16.3763 70.6917 16.523C70.9583 16.683 71.265 16.7497 71.6116 16.7497ZM75.745 10.5763H76.9583V8.38968H78.5583V10.563H79.9983V11.7497H78.5583V15.6163C78.5583 15.7897 78.5716 15.923 78.585 16.0563C78.5983 16.1763 78.6383 16.283 78.6783 16.363C78.7316 16.443 78.8116 16.5097 78.905 16.5497C79.0116 16.5897 79.145 16.6163 79.3316 16.6163C79.4383 16.6163 79.5583 16.6163 79.665 16.603C79.7716 16.5897 79.8916 16.5763 79.9983 16.5497V17.7897C79.825 17.8163 79.6516 17.8297 79.4783 17.843C79.305 17.8697 79.145 17.8697 78.9583 17.8697C78.5316 17.8697 78.1983 17.8297 77.945 17.7497C77.6916 17.6697 77.4916 17.5497 77.345 17.403C77.1983 17.243 77.105 17.0563 77.0516 16.8297C76.9983 16.603 76.9716 16.323 76.9583 16.0297V11.763H75.745V10.5497V10.5763Z" fill="black"></path><path d="M19.1599 7.81644H11.84L9.58663 0.856445L7.31997 7.81644L0 7.8031L5.91998 12.1098L3.65332 19.0697L9.5733 14.7631L15.4933 19.0697L13.24 12.1098L19.1599 7.81644Z" fill="#00B67A"></path><path d="M13.7459 13.6833L13.2392 12.1099L9.58594 14.7633L13.7459 13.6833Z" fill="#005128"></path></svg>
-    </a>
-  </div>
-  <!-- END Trustpilot html -->
author	Daniil Baturin <daniil@vyos.io>	2024-04-25 12:21:36 +0200
committer	GitHub <noreply@github.com>	2024-04-25 12:21:36 +0200
commit	e2e5f3a9ae0286a9322c4942028193133364af1a (patch)
tree	c1842955aa05f100ea8083420429e5c46a46a7c0
parent	32863d35742190bf12ca1ca066907f337292a43f (diff)
parent	5c43b9a00bbdabb73e92884a6294b7be3e6101c3 (diff)
download	community.vyos.net-e2e5f3a9ae0286a9322c4942028193133364af1a.tar.gz community.vyos.net-e2e5f3a9ae0286a9322c4942028193133364af1a.zip