From 72819daacfb5f22538130734b53ee3fc99057f48 Mon Sep 17 00:00:00 2001
From: jinhojang6 <jinho5051@gmail.com>
Date: Fri, 22 Jan 2021 02:09:28 +0900
Subject: [PATCH] Update CSS

---
 assets/css/style.css      | 56 +++++++++++++++++++++++++++
 assets/css/style.css.map  |  1 -
 assets/scss/style.scss    | 80 +++++++++++++++++++++++++++++++++++++++
 partials/theme_footer.hbs | 59 ++++++++++++++++++++++-------
 partials/theme_header.hbs | 47 ++++++++++++++++++-----
 5 files changed, 218 insertions(+), 25 deletions(-)
 delete mode 100644 assets/css/style.css.map

diff --git a/assets/css/style.css b/assets/css/style.css
index 8d36d2c..b61ee3c 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -624,6 +624,62 @@ blockquote {
         width: 12px;
         height: 12px; } }
 
+.btn-primary {
+  background-color: #3A56D4;
+  border: 1px solid #3A56D4;
+  border-radius: 3px;
+  color: white; }
+
+.get-status-cta {
+  color: white;
+  margin-left: 30px;
+  width: 170px;
+  height: 47px;
+  box-sizing: border-box;
+  display: inline-flex;
+  justify-content: space-between; }
+
+.margin-left-cta {
+  margin-left: 1.5rem; }
+
+@media screen and (max-width: 1540px) {
+  .get-status-cta {
+    width: 150px;
+    margin-left: 20px !important; }
+  .margin-left-cta {
+    margin-left: 1rem; } }
+
+@media screen and (max-width: 1350px) {
+  header nav ul li a {
+    padding: 0 15px; } }
+
+@media screen and (max-width: 1260px) {
+  header nav {
+    margin-left: -50px; } }
+
+@media screen and (min-width: 1200px) {
+  .mobile-get-status-cta {
+    display: none; } }
+
+@media screen and (max-width: 1199px) {
+  .mobile-get-status-cta {
+    position: absolute;
+    right: 65px;
+    top: 10px;
+    height: 40px;
+    max-width: 150px; }
+  .get-status-cta {
+    width: 100%;
+    margin-left: 0 !important; }
+  header .mobile-nav .btns .btn:after {
+    display: none; }
+  header .mobile-nav .btns .btn {
+    padding-right: 10px; } }
+
+@media screen and (max-width: 768px) {
+  .mobile-get-status-cta {
+    width: 145px; } }
+
 @media screen and (max-width: 991px) {
   .loop.loop-first .post .post-inner-content {
     flex-direction: column; }
diff --git a/assets/css/style.css.map b/assets/css/style.css.map
deleted file mode 100644
index 129a579..0000000
--- a/assets/css/style.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../scss/style.scss"],"names":[],"mappings":"AA8BA;EACI,aAZY;EAaZ;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,aAfiB;EAgBjB;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA,aA5CM;EA6CN,aA3Ca;EA4Cb;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA,aA/DE;EAgEF,aA9DS;;;AAkEjB;EACI;EACA;EACA;;AACA;EACI;EACA,aApEQ;EAqER,aAlEkB;EAmElB;EACA;EACA;EACA,OApFC;EAqFD;;AACA;EACI,OAtFE;;;AA2Fd;EACI;EACA;EACA;EACA,aA3FM;EA4FN;EACA;;AACA;EACI;EACA;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEI;EACI,OArHf;;AAwHO;EACI;EACA,OAhIZ;EAiIY;EACA,aApHA;;AAqHA;EACI,OA9Hf;;;AAsIT;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA,OApJA;EAqJA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAIJ;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI,OAzLJ;EA0LI;EACA;EACA;EACA;EACA;EACA,aAlLK;;AAmLL;EACI,OA3LP;;AA6LG;EACI;;;AAMhB;EACI;;AAEI;EACI;EACA;EACA;;AAEI;EACI;;AAIJ;EACI;;AAIZ;EACI;;AAEJ;EACI;EACA;;AAEJ;EACI;;AACA;EACI;;AAEI;EACI;;AAMI;EACI;;AAKhB;EACI,aArOJ;EAsOI,aAnOM;EAoON;EACA;EACA;EACA,OArPX;EAsPW;EACA;;AAEI;EACI;;AAGR;EACI,OA7PV;;;AAqQd;EACI;EACA;;AACA;EACI;;AACA;EACI;;AAEJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AACA;EACI;EACA;EACA,OA/RF;EAgSE;;AAGR;EACM;EACA;EACA;EACA;EACA;EACA;EACA;;AAEN;EACI;;AACA;EACE;EACA;;AAKF;EACI;EACA;;AAGR;EACI,OAtTH;EAuTG,aArSW;EAsSX;;AACA;EACI,OAzTF;;AA4TN;EACI,aA1SS;;AA4Sb;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;AAAA;AAAA;AAAA;EAII;;;AAKZ;EACI;EACA;EACA;;AACA;EACI,aAjZQ;EAkZR;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEI;EACI,MA7bhB;EA8bgB;;;AAQxB;EACI;EACA;;AAEI;EACI;;AACA;EACI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;;AAGA;EACI;EACA;;AAMpB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGA;EACI;EACA;;AAGR;EACI;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI,aAngBN;EAogBM,aAjgBI;EAkgBJ;EACA;EACA;;AACA;EACI,OAphBZ;;AAqhBY;EACI;EACA;EACA;EACA;EACA;EACA;;AAIZ;EACI;EACA;EACA;EACA;;;AAMhB;EACI;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;;;AAKZ;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA,YAxkBR;EAykBQ;;;AAMhB;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;;AAGR;EACI;;AACA;EACI;;AAGR;EACI;EACA;;;AAIR;EACI,YAlmBW;EAmmBX;;AACA;EACI;;;AAOI;EACI;;;AAMhB;EAIgB;IACI;IACA;;;AAOpB;EACI;IACI;IACA;;EACA;IACI;;EACA;IACI;;EACA;IACI;;EACA;IACI;;EAEJ;IACI;;EAKhB;IACI;IACA;;EAEJ;IACI;;;EAGR;IACI;;;EAEJ;IACI;;;EAEJ;IACI;;;AAIR;EAIgB;IACI;;EACA;IACI;;EAEJ;IACI;;EAKhB;IACI;;;EAGR;IACI;;;EAEJ;IACI;;EAEI;IACI;;;EAIZ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACI;IACA;IACA;;EACA;IACI;;;AAMhB;EACI;AAAA;AAAA;AAAA;IAII;;;EAEJ;IACI;;;EAEJ;IACI;IACA;;;EAGA;IACI;IACA;;;EAGR;IACI;;;EAGA;IACI;;;EAKA;IACI;IACA;;EAEI;IACI;;;EAQZ;IACI;;;AAMhB;EACI;IACI","file":"style.css"}
\ No newline at end of file
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index f34e939..0cf6989 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -970,6 +970,86 @@ blockquote{
     }
 }
 
+.btn-primary {
+    background-color: #3A56D4;
+    border: 1px solid #3A56D4;
+    border-radius: 3px;
+    color: white;
+}
+
+.get-status-cta {
+    color: white;
+    margin-left: 30px;
+    width: 170px;
+    height: 47px;
+    box-sizing: border-box;
+    display: inline-flex;
+    justify-content: space-between;
+}
+
+.margin-left-cta {
+    margin-left: 1.5rem;
+}
+
+@media screen and (max-width: 1540px) {
+    .get-status-cta {
+        width: 150px;
+        margin-left: 20px !important;
+    }
+
+    .margin-left-cta {
+        margin-left: 1rem;
+    }
+}
+
+@media screen and (max-width: 1350px) {
+    header nav ul li a {
+        padding: 0 15px;
+    }
+}
+
+@media screen and (max-width: 1260px) {
+    header nav {
+        margin-left: -50px;
+    }
+}
+
+
+@media screen and (min-width: 1200px) {
+    .mobile-get-status-cta {
+        display: none;
+    }
+}
+
+@media screen and (max-width: 1199px) {
+    .mobile-get-status-cta {
+        position: absolute;
+        right: 65px;
+        top: 10px;
+        height: 40px;
+        max-width: 150px;
+    }
+
+    .get-status-cta {
+        width: 100%;
+        margin-left: 0 !important;
+    }
+
+    header .mobile-nav .btns .btn:after {
+        display: none;
+    }
+
+    header .mobile-nav .btns .btn {
+        padding-right: 10px;
+    }
+}
+
+@media screen and (max-width: 768px) {
+    .mobile-get-status-cta {
+        width: 145px;
+    }
+}
+
 @media screen and (max-width: 991px) {
     .loop{
         &.loop-first{
diff --git a/partials/theme_footer.hbs b/partials/theme_footer.hbs
index 718f6f1..f1207ee 100644
--- a/partials/theme_footer.hbs
+++ b/partials/theme_footer.hbs
@@ -7,8 +7,7 @@
                 </div>
                 <div class="col-lg-7 text-right">
                     <div class="inline">
-                        <a href="https://status.im/get/" class="btn btn-white-fill btn-arrow">Get Status</a>
-                        <a href="https://status.im/get-involved/" class="btn btn-white btn-arrow btn-arrow-white">Get Involved</a>
+                        <a href="https://status.im/get/" class="btn btn-primary btn-arrow">Get Status</a>
                     </div>
                 </div>
             </div>
@@ -23,7 +22,8 @@
                         <ul>
                             <li><a href="https://status.im/features/">Features</a></li>
                             <li><a href="https://status.im/security/">Security</a></li>
-                            <li><a href="https://status.im/get/">Apps</a></li>
+                            <li><a href="https://status.im/get/">Get App</a></li>
+                            <li><a href="https://status.im/nightly/">Nightly</a></li>
                         </ul>
                     </div>
                 </div>
@@ -33,9 +33,11 @@
                         <ul>
                             <li><a href="https://status.im/get-involved/">Get Involved</a></li>
                             <li><a href="https://status.im/about/">About</a></li>
-                            <li><a href="https://status.im/contribute/open_positions.html">Jobs</a></li>
+                            <li><a href="https://statusnetwork.com/press-kit/status/">Media Kit</a></li>
                             <li><a href="https://our.status.im/">Blog</a></li>
                             <li><a href="https://status.im/whitepaper.pdf" target="_blank">White Paper</a></li>
+                            <li><a href="https://analytics.status.im/">Analytics</a></li>
+                            <li><a href="https://status.im/our_team/open_positions.html">Open Positions</a></li>
                         </ul>
                     </div>
                 </div>
@@ -43,12 +45,12 @@
                     <h5><a data-toggle="collapse" href="#footer-nav-3" role="button" aria-expanded="true" aria-controls="footer-nav-3">Documentation</a></h5>
                     <div class="collapse show" id="footer-nav-3">
                         <ul>
-                            <li><a href="https://status.im/docs/">Docs</a></li>
-                            <li><a href="https://status.im/technical/contributor_guide.html">Get Started</a></li>
-                            <li><a href="https://status.im/build_status/">Build Status</a></li>
-                            <li><a href="https://status.im/nightly/">Nightlies</a></li>
-                            <li><a href="https://status.im/developer_tools/">Developer Tools</a></li>
-                            <li><a href="https://status.im/tutorials/">Tutorials</a></li>
+                            <li><a href="https://status.im/docs/">Developers</a></li>
+                            <li><a href="https://status.im/developer_tools/">DApp Integration</a></li>
+                            <li><a href="https://status.im/technical/">Contributor Guide</a></li>
+                            <li><a href="https://tutorials.statusnetwork.com/">Tutorials</a></li>
+                            <li><a href="https://specs.status.im/">Specs</a></li>
+                            <li><a href="https://status.im/faq/">FAQs</a></li>
                         </ul>
                     </div>
                 </div>
@@ -56,9 +58,13 @@
                     <h5><a data-toggle="collapse" href="#footer-nav-4" role="button" aria-expanded="true" aria-controls="footer-nav-4">Status Network</a></h5>
                     <div class="collapse show" id="footer-nav-4">
                         <ul>
-                            <li><a href="https://embark.status.im/">Embark</a></li>
-                            <li><a href="https://nimbus.status.im/">Nimbus</a></li>
-                            <li><a href="https://keycard.status.im/">Keycard</a></li>
+                            <li><a href="https://keycard.tech/">Keycard</a></li>
+                            <li><a href="https://dap.ps/">dap.ps</a></li>
+                            <li><a href="https://assemble.fund/">Assemble</a></li>
+                            <li><a href="https://framework.embarklabs.io/">Embark</a></li>
+                            <li><a href="https://subspace.embarklabs.io/">Subspace</a></li>
+                            <li><a href="https://vac.dev/">Vac</a></li>
+                            <li><a href="https://nimbus.team/">Nimbus</a></li>
                         </ul>
                     </div>
                 </div>
@@ -72,7 +78,7 @@
                     <h5>Connect</h5>
                     <ul>
                         <li>
-                            <a href="https://get.status.im/chat/public/status" target="_blank">
+                            <a href="https://join.status.im/status" target="_blank">
                                 <svg width="26" height="26" viewbox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
                                     <g opacity="0.5">
                                         <rect width="26" height="26" rx="2" fill="white"/>
@@ -141,6 +147,31 @@
                                 </svg>
                             </a>
                         </li>
+                        <li>
+                            <a href="https://www.instagram.com/status.im/" target="_blank">
+                                <svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <g opacity="0.5">
+                                    <rect width="26" height="26" rx="2" fill="white"/>
+                                    <path style="fill: black" transform="translate(2, 2) scale(0.9)" d="M14.829 6.302c-.738-.034-.96-.04-2.829-.04s-2.09.007-2.828.04c-1.899.087-2.783.986-2.87 2.87-.033.738-.041.959-.041 2.828s.008 2.09.041 2.829c.087 1.879.967 2.783 2.87 2.87.737.033.959.041 2.828.041 1.87 0 2.091-.007 2.829-.041 1.899-.086 2.782-.988 2.87-2.87.033-.738.04-.96.04-2.829s-.007-2.09-.04-2.828c-.088-1.883-.973-2.783-2.87-2.87zm-2.829 9.293c-1.985 0-3.595-1.609-3.595-3.595 0-1.985 1.61-3.594 3.595-3.594s3.595 1.609 3.595 3.594c0 1.985-1.61 3.595-3.595 3.595zm3.737-6.491c-.464 0-.84-.376-.84-.84 0-.464.376-.84.84-.84.464 0 .84.376.84.84 0 .463-.376.84-.84.84zm-1.404 2.896c0 1.289-1.045 2.333-2.333 2.333s-2.333-1.044-2.333-2.333c0-1.289 1.045-2.333 2.333-2.333s2.333 1.044 2.333 2.333zm-2.333-12c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.958 14.886c-.115 2.545-1.532 3.955-4.071 4.072-.747.034-.986.042-2.887.042s-2.139-.008-2.886-.042c-2.544-.117-3.955-1.529-4.072-4.072-.034-.746-.042-.985-.042-2.886 0-1.901.008-2.139.042-2.886.117-2.544 1.529-3.955 4.072-4.071.747-.035.985-.043 2.886-.043s2.14.008 2.887.043c2.545.117 3.957 1.532 4.071 4.071.034.747.042.985.042 2.886 0 1.901-.008 2.14-.042 2.886z" fill="black"/>
+                                    </g>
+                                </svg>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="https://weibo.com/u/3928626105" target="_blank">
+                                <svg class="text-black rounded w-10 h-10 bg-gray-light fill-current" width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <g opacity="0.5" class="hover:opacity-100">
+                                    <rect width="26" height="26" rx="2" fill="white"></rect>
+                                    <g id="surface1" transform="translate(2, 2)">
+                                        <path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 10.972656 0 C 4.914062 0 0 4.914062 0 10.972656 C 0 17.03125 4.914062 21.945312 10.972656 21.945312 C 17.03125 21.945312 21.945312 17.03125 21.945312 10.972656 C 21.945312 4.914062 17.03125 0 10.972656 0 Z M 9.726562 17.234375 C 6.519531 17.234375 3.238281 15.679688 3.238281 13.125 C 3.238281 11.785156 4.085938 10.238281 5.542969 8.78125 C 7.492188 6.832031 9.765625 5.945312 10.617188 6.800781 C 10.996094 7.179688 11.03125 7.828125 10.789062 8.609375 C 10.664062 9 11.160156 8.785156 11.160156 8.785156 C 12.734375 8.125 14.105469 8.085938 14.609375 8.804688 C 14.875 9.1875 14.851562 9.722656 14.605469 10.34375 C 14.488281 10.628906 14.640625 10.675781 14.855469 10.738281 C 15.746094 11.015625 16.730469 11.679688 16.730469 12.851562 C 16.730469 14.792969 13.933594 17.234375 9.726562 17.234375 Z M 15.535156 9.105469 C 15.640625 8.78125 15.574219 8.417969 15.332031 8.148438 C 15.089844 7.882812 14.734375 7.78125 14.40625 7.851562 C 14.128906 7.910156 13.859375 7.734375 13.800781 7.457031 C 13.742188 7.183594 13.917969 6.910156 14.191406 6.851562 C 14.867188 6.710938 15.597656 6.917969 16.089844 7.464844 C 16.585938 8.015625 16.71875 8.761719 16.507812 9.417969 C 16.417969 9.683594 16.132812 9.832031 15.863281 9.746094 C 15.597656 9.660156 15.449219 9.371094 15.535156 9.105469 Z M 18.507812 10.0625 C 18.507812 10.0625 18.507812 10.066406 18.507812 10.066406 C 18.40625 10.375 18.070312 10.546875 17.761719 10.445312 C 17.449219 10.34375 17.277344 10.011719 17.378906 9.699219 C 17.6875 8.742188 17.492188 7.652344 16.769531 6.851562 C 16.046875 6.050781 14.984375 5.746094 14 5.957031 C 13.679688 6.023438 13.367188 5.820312 13.296875 5.5 C 13.230469 5.179688 13.433594 4.867188 13.753906 4.796875 C 15.136719 4.503906 16.632812 4.933594 17.648438 6.058594 C 18.664062 7.183594 18.941406 8.71875 18.507812 10.0625 Z M 18.507812 10.0625 "/>
+                                        <path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 9.753906 12.890625 C 9.601562 12.832031 9.410156 12.902344 9.320312 13.054688 C 9.234375 13.203125 9.28125 13.375 9.433594 13.4375 C 9.589844 13.5 9.789062 13.429688 9.878906 13.273438 C 9.960938 13.121094 9.90625 12.949219 9.753906 12.890625 Z M 9.753906 12.890625 "/>
+                                        <path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 9.132812 10.230469 C 6.574219 10.484375 4.632812 12.054688 4.800781 13.734375 C 4.964844 15.414062 7.175781 16.570312 9.734375 16.320312 C 12.296875 16.066406 14.238281 14.5 14.070312 12.816406 C 13.90625 11.136719 11.695312 9.980469 9.132812 10.230469 Z M 11.378906 14.195312 C 10.859375 15.378906 9.355469 16.007812 8.078125 15.597656 C 6.847656 15.199219 6.328125 13.984375 6.867188 12.890625 C 7.394531 11.816406 8.773438 11.207031 9.992188 11.527344 C 11.253906 11.851562 11.894531 13.042969 11.378906 14.195312 Z M 11.378906 14.195312 "/>
+                                        <path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 8.777344 13.296875 C 8.378906 13.128906 7.867188 13.300781 7.621094 13.683594 C 7.375 14.070312 7.492188 14.527344 7.882812 14.707031 C 8.285156 14.890625 8.8125 14.71875 9.0625 14.320312 C 9.304688 13.921875 9.175781 13.46875 8.777344 13.296875 Z M 8.777344 13.296875 "/>
+                                    </g>
+                                    </g>
+                                </svg>
+                            </a>
+                        </li>                                                
                     </ul>
                 </div>
             </div>
diff --git a/partials/theme_header.hbs b/partials/theme_header.hbs
index f0c9175..cc0f16a 100644
--- a/partials/theme_header.hbs
+++ b/partials/theme_header.hbs
@@ -5,7 +5,28 @@
     </div>
     <nav>
         <ul>
-            <li class><a href="https://status.im/features/">Features</a></li>
+            <li class="has-submenu">
+                <a href="#">Features<i class="arrow"></i></a>
+                <div class="submenu">
+                    <div class="container">
+                        <div class="row">
+                            <div class="col-md-5 text-right">
+                                <h4>Features</h4>
+                                <p class="p-large">Private Messenger, Crypto Wallet,<br>Web3 Browser, and more</p>
+                            </div>
+                            <div class="col-md-5 offset-md-1">
+                                <ul>
+                                    <li><a href="https://status.im/private-messenger/" class="link-arrow">Private Messenger</a></li>
+                                    <li><a href="https://status.im/account-creation/" class="link-arrow">Account Creation</a></li>
+                                    <li><a href="https://status.im/secure-wallet/" class="link-arrow">Secure Crypto Wallet</a></li>
+                                    <li><a href="https://status.im/keycard-integration/" class="link-arrow">Keycard</a></li>
+                                    <li><a href="https://status.im/web-three-browser/" class="link-arrow">Web3 Browser</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </li>
             <li class="has-submenu">
                 <a href="https://status.im/get-involved/">Get Involved <i class="arrow"></i></a>
                 <div class="submenu">
@@ -29,7 +50,7 @@
                                                 </a>
                                             </li>
                                             <li>
-                                                <a href="https://get.status.im/chat/public/status" target="_blank" class="icon-status">
+                                                <a href="https://join.status.im/status" target="_blank" class="icon-status">
                                                     <svg width="15" height="16" viewbox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                         <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M7.56399 7.53454C8.44481 7.62823 9.32562 7.72186 10.4085 7.66023C13.3425 7.49313 15.1198 5.95469 14.9937 3.6551C14.8652 1.31539 12.5007 -0.126087 10.1349 0.00869768C6.27942 0.228154 3.44428 3.68621 3.12497 7.6386C3.64857 7.51329 4.19968 7.43847 4.71939 7.4089C5.80237 7.34727 6.68318 7.4409 7.56399 7.53454ZM0.00597997 12.6495C0.12764 14.7943 2.3677 16.1156 4.60907 15.992C8.26156 15.7908 10.9476 12.6209 11.25 8.9979C10.754 9.11278 10.2319 9.18145 9.73953 9.20852C8.71356 9.26504 7.87904 9.17921 7.04453 9.09332C6.21007 9.0075 5.37556 8.92167 4.34965 8.97819C1.57021 9.13134 -0.113675 10.5415 0.00597997 12.6495Z" fill="#090909"/>
                                                     </svg>
@@ -77,7 +98,7 @@
             <li><a href="https://status.im/security/">Security</a></li>
             <li><a href="https://status.im/snt-utility/">SNT Utility</a></li>
             <li class="has-submenu ">
-                <a href="https://status.im/docs/">Docs <i class="arrow"></i></a>
+                <a href="https://status.im/docs/">Developers <i class="arrow"></i></a>
                 <div class="submenu">
                     <div class="container">
                         <div class="row">
@@ -88,12 +109,11 @@
                             </div>
                             <div class="col-md-4 offset-md-1">
                                 <ul>
-                                    <li><a href="https://status.im/technical/contributor_guide.html" class="link-arrow">Get Started </a></li>
-                                    <li><a href="https://status.im/build_status/" class="link-arrow">Build Status</a></li>
-                                    <li><a href="https://status.im/nightly/" class="link-arrow">Nightlies</a></li>
-                                    <li><a href="https://status.im/developer_tools/" class="link-arrow">Developer Tools</a></li>
-                                    <li><a href="https://status.im/research/" class="link-arrow">Research</a></li>
-                                    <li><a href="https://status.im/tutorials/" class="link-arrow">Tutorials</a></li>
+                                    <li><a href="https://status.im/technical/" class="link-arrow">Contributor Guide</a></li>
+                                    <li><a href="https://status.im/developer_tools/" class="link-arrow">DApp Integration</a></li>
+                                    <li><a href="https://status.im/user_guides/" class="link-arrow">User Guides</a></li>
+                                    <li><a href="https://tutorials.statusnetwork.com/" class="link-arrow">Tutorials</a></li>
+                                    <li><a href="https://specs.status.im/" class="link-arrow">Specs</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -110,13 +130,20 @@
                 <path fill-rule="evenodd" clip-rule="evenodd" d="M0 11.2793C-0.000298842 16.1348 3.02955 20.4456 7.52152 21.9808C8.07188 22.0837 8.27249 21.7358 8.27249 21.4367C8.27249 21.1688 8.26325 20.4596 8.25797 19.5189C5.19868 20.1997 4.5533 18.0072 4.5533 18.0072C4.05178 16.7038 3.33117 16.356 3.33117 16.356C2.33208 15.6576 3.4064 15.6712 3.4064 15.6712C4.51107 15.751 5.09178 16.8338 5.09178 16.8338C6.07239 18.5567 7.66538 18.0586 8.29229 17.7703C8.39259 17.0422 8.67635 16.5455 8.99178 16.2626C6.54883 15.9784 3.98051 15.0107 3.98051 10.6893C3.98051 9.45765 4.40944 8.45071 5.11289 7.66302C4.99939 7.37745 4.62193 6.22976 5.22112 4.67739C5.22112 4.67739 6.14498 4.37422 8.24477 5.83456C9.1425 5.5836 10.0687 5.45572 10.9992 5.45425C11.9292 5.45552 12.8549 5.58295 13.7523 5.8332C15.8508 4.37422 16.7746 4.67739 16.7746 4.67739C17.3738 6.22976 16.9963 7.37745 16.8828 7.66302C17.5889 8.45071 18.0139 9.45765 18.0139 10.6893C18.0139 15.0215 15.4416 15.9757 12.9921 16.2545C13.3867 16.6023 13.7391 17.2912 13.7391 18.3428C13.7391 19.8505 13.7259 21.0673 13.7259 21.4367C13.7259 21.7385 13.9239 22.0891 14.4808 21.9795C19.8103 20.1557 22.9429 14.5062 21.7459 8.877C20.5489 3.24775 15.4072 -0.551533 9.82107 0.065584C4.23498 0.682701 0.000354915 5.51783 0 11.2793H0Z" fill="#4360DF"/>
             </svg>
         </a>
-        <a href="https://status.im/get/" class="btn btn-purple btn-arrow">Get Status</a>
+        <a href="https://status.im/get/" class="btn btn-primary get-status-cta btn-arrow">
+            Get Status
+            <span class="margin-left-cta group-hover:translate-x-1 transform transition-all my-auto duration-200 linear"><img src="{{asset "img/icon-arrow-right-white.svg"}}"></span>
+        </a>
     </div>
     <a href="#" class="mobile-nav-trigger">
         <svg width="22" height="8" viewbox="0 0 22 8" fill="none" xmlns="http://www.w3.org/2000/svg">
             <rect width="22" height="1" rx="0.5" fill="#090909"/>
             <rect y="7" width="22" height="1" rx="0.5" fill="#090909"/>
         </svg>
+        <a href="https://status.im/get/" class="mobile-get-status-cta btn btn-primary btn-arrow">
+            Get Status
+            <span class="margin-left-cta group-hover:translate-x-1 transform transition-all my-auto duration-200 linear"><img src="{{asset "img/icon-arrow-right-white.svg"}}"></span>
+        </a>
     </a>
     <div class="mobile-nav">
         <div class="mobile-nav-header">