From 4caa6b9da7fe275ea1dfd8ab4cf05863ea1984f6 Mon Sep 17 00:00:00 2001
From: lserra-iov <lucio.serra@iovlabs.org>
Date: Mon, 29 Apr 2024 18:43:19 -0300
Subject: [PATCH] Redesign home

---
 .eslintrc.js                             |   1 +
 src/App.vue                              |  19 +-
 src/assets/arrows-in.svg                 |  65 +++++++
 src/assets/arrows-out.svg                |  65 +++++++
 src/assets/logo-rootstock-black.svg      |   1 +
 src/assets/logo-rootstock-white.svg      |   1 +
 src/assets/logo-rootstocklabs-black.svg  |  15 ++
 src/assets/logo-rootstocklabs-white.svg  |  15 ++
 src/common/components/layouts/Footer.vue |  96 +++++----
 src/common/components/layouts/Top.vue    |  55 +++---
 src/common/plugins/vuetify.ts            |   9 +
 src/common/styles/_buttons.scss          |   6 +
 src/common/styles/main.scss              |  11 +-
 src/common/views/Home.vue                | 235 +++++++----------------
 src/common/views/Mobile.vue              |  29 +--
 src/scss/settings.scss                   |   5 +
 16 files changed, 345 insertions(+), 283 deletions(-)
 create mode 100644 src/assets/arrows-in.svg
 create mode 100644 src/assets/arrows-out.svg
 create mode 100644 src/assets/logo-rootstock-black.svg
 create mode 100644 src/assets/logo-rootstock-white.svg
 create mode 100644 src/assets/logo-rootstocklabs-black.svg
 create mode 100644 src/assets/logo-rootstocklabs-white.svg

diff --git a/.eslintrc.js b/.eslintrc.js
index 40ac96a85..a075f6a13 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -33,6 +33,7 @@ module.exports = {
     }],
     'vuejs-accessibility/mouse-events-have-key-events': 'off',
     'import/extensions': 'off',
+    'global-require': 'off',
   },
   overrides: [
     {
diff --git a/src/App.vue b/src/App.vue
index 08ac639dc..1fd138dc3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,16 +1,17 @@
 <template>
-  <v-app style="z-index: 0 !important; position: relative;" class="d-flex">
-    <mobile />
-    <div class="custom-background">
-      <top/>
-      <v-row class="d-flex justify-center ma-0">
+  <v-app class="h-screen">
+    <mobile v-if="smAndDown" />
+    <div class="d-flex flex-column h-100" v-else>
+      <top />
+      <div class="flex-grow-1">
         <router-view @update:showDialog="showTermsDialog" />
-      </v-row>
+      </div>
       <terms-dialog v-model:showDialog="showTermsAndConditions" />
-      <footer-rsk @update:showDialog="showTermsDialog" />
+      <footer-rsk class="flex-grow-0" @update:showDialog="showTermsDialog" />
     </div>
   </v-app>
 </template>
+
 <script lang="ts">
 import { computed, ref } from 'vue';
 import Top from '@/common/components/layouts/Top.vue';
@@ -21,6 +22,7 @@ import { EnvironmentAccessorService } from '@/common/services/enviroment-accesso
 import * as constants from '@/common/store/constants';
 import { useAction } from '@/common/store/helper';
 import { vuetifyNonce } from '@/common/plugins/vuetify';
+import { useDisplay } from 'vuetify';
 
 export default {
   name: 'App',
@@ -33,6 +35,7 @@ export default {
   setup() {
     let scriptTag: HTMLScriptElement;
     let hotjarScriptTag: HTMLScriptElement;
+    const { smAndDown } = useDisplay();
     const enableTermsAndConditions = useAction('web3Session', constants.SESSION_ADD_TERMS_AND_CONDITIONS_ENABLED);
     const showTermsAndConditions = ref(false);
     const contentSecurityPolicy = computed((): string => {
@@ -93,9 +96,11 @@ export default {
     appendHotjar();
     appendClarity();
     appendCSP();
+
     return {
       showTermsDialog,
       showTermsAndConditions,
+      smAndDown,
     };
   },
 };
diff --git a/src/assets/arrows-in.svg b/src/assets/arrows-in.svg
new file mode 100644
index 000000000..5f6c14422
--- /dev/null
+++ b/src/assets/arrows-in.svg
@@ -0,0 +1,65 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="107" height="97" viewBox="0 0 107 97" fill="none">
+  <g clip-path="url(#clip0_22_2035)">
+    <path d="M69.5856 0.179688L70.2402 12.5794L106.074 21.5958L106.836 32.7065L94.4904 53.7458L63.0508 45.8389L60.4077 45.1719L51.742 42.9947L46.5368 51.866L43.8941 51.2025L26.6457 24.6094L25.8867 13.4952L69.5856 0.179688Z" fill="none"/>
+    <path d="M0.108398 64.3315L0.867407 63.0353L2.13127 60.8861L3.46824 58.6048L11.7408 44.5119L12.4546 43.292L55.2033 54.0468L61.4596 43.3853L80.299 72.4323L81.0585 83.5464L37.3592 96.8584L36.5968 85.7475L37.2687 84.6003L0.867407 75.4456L0.108398 64.3315Z" fill="none"/>
+    <path d="M25.8867 13.4952L69.5856 0.179688L63.3292 10.8411L106.074 21.5958L93.7277 42.6354L50.9829 31.8806L44.7262 42.542L25.8867 13.4952Z" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M25.8867 13.4952L45.5654 21.0429C46.2722 21.3159 47.0103 21.5475 47.7693 21.7376L98.5013 34.5001" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M104.055 25.0414L57.1112 13.2326C56.5227 13.084 56.3208 12.4931 56.6654 11.909L56.6832 11.8813C57.1149 11.1452 56.6691 10.4472 55.8193 10.5301L25.8838 13.4953" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M102.714 27.3188L53.3189 14.8949C53.1244 14.8465 53.0577 14.6495 53.1695 14.456C53.3016 14.2313 53.1868 14.0102 52.9361 14.0067L25.8867 13.4952" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M25.8867 13.4953L61.4248 5.94071C61.9954 5.81975 62.34 6.26553 62.0547 6.75283L60.3904 9.58665C59.8266 10.5508 60.157 11.5289 61.1284 11.7742L105.315 22.8884" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M99.9012 32.1156L48.1906 19.1041L25.8867 13.4918L48.3959 16.5537C49.1933 16.6608 49.9732 16.8129 50.7252 17.0029L101.301 29.7276" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M96.9624 37.1232L47.5638 24.6958C47.3689 24.6474 47.1182 24.7649 47.0068 24.9584L46.9511 25.0517C46.8187 25.2798 46.5054 25.3904 46.3139 25.2798L25.8867 13.4918" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M25.8867 13.4952L44.3955 34.5485C44.7611 34.9632 45.6281 34.7455 45.9762 34.1476L47.4733 31.5972C48.0374 30.633 49.2838 30.0524 50.2588 30.2978L94.4453 41.4154" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M95.6496 39.3626L48.7093 27.5538C48.121 27.4052 47.3654 27.7577 47.0242 28.3418C46.589 29.0813 45.541 29.4027 44.9979 28.9638L25.8867 13.4987L26.6457 24.6129L43.8941 51.206" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M80.2995 72.4323L36.5967 85.7475L42.8534 75.0864L0.108398 64.3315L12.4545 43.292L55.2033 54.0468L61.4596 43.3853L80.2995 72.4323Z" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M60.408 45.172L51.7422 42.9948L46.5371 51.8661" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M36.5968 85.7475L37.3557 96.8616L81.0585 83.5464L80.299 72.4323L61.1879 56.9668C60.6451 56.5279 59.5971 56.8493 59.1618 57.5892C58.8203 58.1733 58.065 58.5256 57.4765 58.3767L10.5361 46.5682" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M37.2687 84.6002L0.867411 75.4455L0.108398 64.3314" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M80.2994 72.4322L60.6204 64.8846C59.9138 64.6114 59.1759 64.3797 58.4164 64.1899L7.68457 51.4271" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M2.13086 60.8861L49.0713 72.6949C49.6597 72.8433 49.8616 73.4342 49.517 74.0183L49.4996 74.0461C49.0679 74.7823 49.5135 75.4801 50.363 75.3973L80.2991 72.4323" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M3.46875 58.6047L52.8671 71.0323C53.0622 71.0805 53.1283 71.2777 53.0171 71.4711C52.8849 71.6961 52.9998 71.9173 53.2505 71.9205L80.3 72.4322" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M80.2997 72.4322L44.7616 79.9867C44.1906 80.1078 43.8459 79.6616 44.1314 79.1745L45.7956 76.3405C46.3597 75.3763 46.0289 74.3984 45.0575 74.153L0.871094 63.0389" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M6.28106 53.8119L57.9912 66.8199L80.2955 72.4322L57.7861 69.3702C56.9889 69.2632 56.2089 69.1112 55.4568 68.9208L4.87793 56.196" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M9.22363 48.8007L58.6221 61.228C58.8172 61.2762 59.068 61.1588 59.1792 60.9653L59.2347 60.872C59.3674 60.6439 59.6806 60.5333 59.872 60.6439L80.2996 72.4323" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M80.2999 72.4322L61.791 51.3787C61.4254 50.964 60.5584 51.1817 60.2101 51.7796L58.7132 54.3299C58.1488 55.2942 56.9026 55.8746 55.9275 55.6297L11.7412 44.5153" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M44.7266 42.5421L45.2871 51.5516" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M106.074 21.5958L106.836 32.7065L94.4904 53.7458L63.0508 45.8389" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M69.5859 0.179688L70.2405 12.5794" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M80.355 73.6901L36.6523 86.9953" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M80.4702 75.1241L36.7676 88.4294" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M80.5813 76.5618L36.8789 89.8671" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M80.6956 77.9958L36.9932 91.3011" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M80.8071 79.4335L37.1084 92.7356" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M80.9219 80.8681L37.2197 94.1728" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M81.0339 82.3021L37.335 95.6074" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M25.9492 14.6806L44.8096 44.2907L51.1011 33.6086" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M26.1064 16.8993L44.9669 46.5128L51.2479 35.7685" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M26.2666 19.1215L45.127 48.735L51.4046 38.0321" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M26.4229 21.3436L45.2381 50.8811L51.5504 40.1575" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M26.583 23.5657L44.4651 51.3442" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M0.15332 65.7209L42.2403 76.275" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M0.303711 67.1927L41.4332 77.5051" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M0.390625 68.6476L40.6984 78.7561" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M0.505859 70.1132L39.9641 80.0072" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M0.602539 71.575L39.2287 81.2582" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M0.704102 73.0331L38.4946 82.5129" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M0.804688 74.4955L37.7631 83.764" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M51.7424 42.9947L50.9834 31.8806" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M62.2012 44.5292L94.3998 52.4744L106.767 31.7078" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M45.9414 51.8661L51.742 41.9476L60.9648 44.2251" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M51.5508 40.1574L94.2573 50.6184L106.659 30.1146" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M51.4043 38.0321L94.0829 48.5L106.541 27.7404" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M51.248 35.7685L93.9549 46.5128L106.36 25.7671" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M51.1016 33.6085L93.8429 44.2907L106.21 23.5657" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M69.6796 1.92145L64.3008 11.0865" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M69.8085 4.11938L65.54 11.3975" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M69.9405 6.31738L66.7793 11.7086" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M70.035 8.7019L68.0576 12.0299" stroke="#74BD01" stroke-miterlimit="10"/>
+    <path d="M70.1465 10.8135L69.2549 12.3306" stroke="#74BD01" stroke-miterlimit="10"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_22_2035">
+      <rect width="107" height="97" fill="white"/>
+    </clipPath>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/src/assets/arrows-out.svg b/src/assets/arrows-out.svg
new file mode 100644
index 000000000..21bbb83ca
--- /dev/null
+++ b/src/assets/arrows-out.svg
@@ -0,0 +1,65 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="107" height="97" viewBox="0 0 107 97" fill="none">
+  <g clip-path="url(#clip0_22_2106)">
+    <path d="M37.4144 96.8203L36.7598 84.4206L0.925806 75.4041L0.163692 64.2934L12.5096 43.2542L43.9492 51.1611L46.5923 51.8281L55.258 54.0053L60.4632 45.134L63.1059 45.7975L80.3543 72.3906L81.1133 83.5048L37.4144 96.8203Z" fill="none"/>
+    <path d="M106.892 32.6685L106.133 33.9647L104.869 36.1139L103.532 38.3952L95.2592 52.4881L94.5454 53.708L51.7967 42.9532L45.5404 53.6147L26.701 24.5677L25.9415 13.4536L69.6408 0.141564L70.4032 11.2525L69.7313 12.3997L106.133 21.5544L106.892 32.6685Z" fill="none"/>
+    <path d="M81.1133 83.5048L37.4144 96.8203L43.6708 86.1589L0.925856 75.4041L13.2723 54.3646L56.0171 65.1194L62.2738 54.458L81.1133 83.5048Z" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M81.1133 83.5048L61.4346 75.9571C60.7278 75.6841 59.9897 75.4525 59.2307 75.2624L8.49868 62.4998" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M2.94464 71.9587L49.8888 83.7674C50.4773 83.9161 50.6792 84.507 50.3346 85.091L50.3168 85.1187C49.8851 85.8548 50.3309 86.5529 51.1807 86.47L81.1162 83.5048" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M4.28587 69.6812L53.6811 82.1051C53.8756 82.1535 53.9423 82.3505 53.8305 82.544C53.6984 82.7687 53.8132 82.9898 54.0639 82.9933L81.1133 83.5048" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M81.1133 83.5047L45.5752 91.0593C45.0046 91.1803 44.66 90.7345 44.9453 90.2472L46.6096 87.4133C47.1734 86.4492 46.843 85.4711 45.8716 85.2258L1.68478 74.1116" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M7.09882 64.8844L58.8094 77.8958L81.1133 83.5082L58.6041 80.4462C57.8067 80.3391 57.0268 80.1871 56.2748 79.997L5.69943 67.2724" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M10.0376 59.8768L59.4362 72.3042C59.6311 72.3525 59.8818 72.235 59.9932 72.0415L60.0489 71.9482C60.1813 71.7201 60.4946 71.6095 60.6861 71.7201L81.1133 83.5082" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M81.1133 83.5048L62.6045 62.4515C62.2389 62.0368 61.3719 62.2545 61.0238 62.8524L59.5267 65.4028C58.9626 66.367 57.7162 66.9476 56.7412 66.7022L12.5547 55.5846" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M11.3504 57.6374L58.2907 69.4463C58.879 69.5948 59.6346 69.2423 59.9758 68.6583C60.411 67.9187 61.459 67.5973 62.0021 68.0362L81.1133 83.5013L80.3543 72.3872L63.1059 45.7941" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M26.7005 24.5677L70.4033 11.2525L64.1466 21.9136L106.892 32.6685L94.5455 53.708L51.7967 42.9532L45.5404 53.6147L26.7005 24.5677Z" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M46.592 51.828L55.2578 54.0052L60.4629 45.1339" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M70.4032 11.2526L69.6443 0.138489L25.9415 13.4537L26.701 24.5678L45.8121 40.0333C46.3549 40.4721 47.4029 40.1507 47.8382 39.4109C48.1797 38.8268 48.935 38.4745 49.5235 38.6234L96.4639 50.4319" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M69.7313 12.3998L106.133 21.5545L106.892 32.6686" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M26.7006 24.5678L46.3796 32.1154C47.0862 32.3886 47.8241 32.6203 48.5836 32.8101L99.3154 45.5729" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M104.869 36.1139L57.9287 24.3051C57.3403 24.1567 57.1384 23.5658 57.483 22.9817L57.5004 22.9539C57.9321 22.2177 57.4865 21.5198 56.637 21.6027L26.7009 24.5677" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M103.531 38.3953L54.1329 25.9677C53.9378 25.9195 53.8717 25.7223 53.9829 25.5289C54.1151 25.3039 54.0002 25.0827 53.7495 25.0795L26.7 24.5678" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M26.7003 24.5678L62.2384 17.0133C62.8094 16.8922 63.1541 17.3384 62.8686 17.8255L61.2044 20.6595C60.6403 21.6237 60.9711 22.6016 61.9425 22.847L106.129 33.9611" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M100.719 43.1881L49.0088 30.1801L26.7045 24.5678L49.2139 27.6298C50.0111 27.7368 50.7911 27.8888 51.5432 28.0792L102.122 40.804" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M97.7764 48.1993L48.3779 35.772C48.1828 35.7238 47.932 35.8412 47.8208 36.0347L47.7653 36.128C47.6326 36.3561 47.3194 36.4667 47.128 36.3561L26.7004 24.5677" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M26.7001 24.5677L45.209 45.6212C45.5746 46.0359 46.4416 45.8182 46.7899 45.2203L48.2868 42.67C48.8512 41.7058 50.0975 41.1253 51.0725 41.3702L95.2588 52.4846" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M62.2734 54.458L61.7129 45.4485" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M0.925778 75.4042L0.163665 64.2935L12.5096 43.2542L43.9492 51.1611" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M37.4141 96.8203L36.7595 84.4206" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M26.645 23.3099L70.3477 10.0047" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M26.5298 21.8759L70.2324 8.5706" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M26.4187 20.4382L70.1211 7.13298" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M26.3044 19.0041L70.0068 5.6989" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M26.1929 17.5664L69.8916 4.26429" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M26.0781 16.132L69.7803 2.82723" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M25.9661 14.6979L69.665 1.39263" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M81.0508 82.3195L62.1904 52.7093L55.8989 63.3915" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M80.8936 80.1007L62.0331 50.4872L55.7521 61.2315" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M80.7334 77.8785L61.873 48.265L55.5954 58.9679" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M80.5771 75.6565L61.7619 46.1189L55.4496 56.8426" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M80.417 73.4342L62.5349 45.6558" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M106.847 31.2791L64.7597 20.7249" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M106.696 29.8074L65.5668 19.495" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M106.609 28.3523L66.3016 18.2438" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M106.494 26.8868L67.0359 16.9928" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M106.397 25.425L67.7713 15.7418" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M106.296 23.9669L68.5054 14.4871" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M106.195 22.5045L69.2369 13.236" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M55.2576 54.0052L56.0166 65.1194" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M44.7988 52.4709L12.6002 44.5257L0.232804 65.2922" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M61.0586 45.1339L55.258 55.0524L46.0352 52.7749" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M55.4492 56.8426L12.7427 46.3816L0.340646 66.8854" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M55.5957 58.9679L12.9171 48.5001L0.459449 69.2596" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M55.752 61.2315L13.0451 50.4872L0.639921 71.2329" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M55.8984 63.3914L13.1571 52.7092L0.789715 73.4342" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M37.3204 95.0785L42.6992 85.9134" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M37.1915 92.8806L41.46 85.6025" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M37.0595 90.6826L40.2207 85.2914" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M36.965 88.2981L38.9424 84.9701" stroke="#FF9100" stroke-miterlimit="10"/>
+    <path d="M36.8535 86.1865L37.7451 84.6694" stroke="#FF9100" stroke-miterlimit="10"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_22_2106">
+      <rect width="107" height="97" fill="white" transform="translate(107 97) rotate(-180)"/>
+    </clipPath>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/src/assets/logo-rootstock-black.svg b/src/assets/logo-rootstock-black.svg
new file mode 100644
index 000000000..3d7f827a2
--- /dev/null
+++ b/src/assets/logo-rootstock-black.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 346.49"><defs><style>.cls-1{isolation:isolate;}</style></defs><g id="Layer_1-2"><g><g class="cls-1"><path d="M259.26,246.68V102.43h60.41c10.7,0,19.84,1.65,27.24,4.96,7.39,3.31,13.03,7.88,16.83,13.72,3.79,5.84,5.64,12.65,5.64,20.43,0,6.03-1.07,11.38-3.31,16.24-2.24,4.86-5.54,8.85-10.02,12.16-4.47,3.31-9.82,5.54-16.24,6.81v1.26c4.86,1.17,8.95,3.11,12.26,5.84,3.31,2.72,6.03,6.03,8.17,9.82,2.24,3.89,4.18,8.56,5.93,14.2l12.35,38.71h-30.74l-10.89-34.43c-1.56-5.54-3.4-9.82-5.54-12.94-2.14-3.11-4.86-5.35-8.37-6.71-3.5-1.36-7.98-2.14-13.62-2.14h-20.04v56.13h-30.06v.19Zm55.25-79.37c5.06,0,9.44-.78,13.23-2.24,3.7-1.46,6.61-3.79,8.66-6.91,2.04-3.11,3.11-7,3.11-11.48s-1.07-8.37-3.11-11.38c-2.04-3.02-4.96-5.25-8.66-6.61-3.7-1.36-8.17-2.14-13.23-2.14h-25.19v40.85h25.19v-.1Z"/></g><g class="cls-1"><path d="M438.05,249.12c-10.89,0-20.72-2.43-29.47-7.2-8.85-4.77-15.76-11.58-20.82-20.33-5.06-8.75-7.59-18.77-7.59-30.06s2.53-21.21,7.49-29.96c4.96-8.75,11.96-15.66,20.72-20.52,8.85-4.96,18.77-7.39,29.86-7.39s21.01,2.43,29.77,7.39c8.75,4.86,15.66,11.77,20.62,20.52,4.96,8.75,7.49,18.77,7.49,30.06s-2.53,21.21-7.59,29.96c-5.06,8.75-11.96,15.56-20.72,20.43-8.85,4.67-18.77,7.1-29.77,7.1Zm0-24.03c5.54,0,10.51-1.36,14.88-4.09,4.38-2.72,7.88-6.61,10.51-11.67,2.53-5.06,3.89-10.99,3.89-17.8s-1.26-12.65-3.79-17.8c-2.53-5.06-6.03-9.05-10.41-11.77-4.38-2.72-9.44-4.18-14.98-4.18s-10.51,1.36-14.88,4.18c-4.38,2.72-7.88,6.71-10.41,11.77-2.53,5.06-3.79,11.09-3.79,17.9s1.26,12.65,3.89,17.7c2.53,5.06,6.03,8.95,10.41,11.67,4.18,2.72,9.14,4.09,14.69,4.09Z"/></g><g class="cls-1"><path d="M562.17,249.12c-10.89,0-20.72-2.43-29.47-7.2-8.85-4.77-15.76-11.58-20.82-20.33-5.06-8.75-7.59-18.77-7.59-30.06s2.53-21.21,7.49-29.96c4.96-8.75,11.96-15.66,20.72-20.52,8.85-4.96,18.77-7.39,29.86-7.39s21.01,2.43,29.77,7.39c8.75,4.86,15.66,11.77,20.62,20.52,4.96,8.75,7.49,18.77,7.49,30.06s-2.53,21.21-7.59,29.96c-5.06,8.75-11.96,15.56-20.72,20.43-8.85,4.67-18.77,7.1-29.77,7.1Zm0-24.03c5.54,0,10.51-1.36,14.88-4.09,4.38-2.72,7.88-6.61,10.51-11.67,2.53-5.06,3.89-10.99,3.89-17.8s-1.26-12.65-3.79-17.8c-2.53-5.06-6.03-9.05-10.41-11.77-4.38-2.72-9.44-4.18-14.98-4.18s-10.51,1.36-14.88,4.18c-4.38,2.72-7.88,6.71-10.41,11.77-2.53,5.06-3.79,11.09-3.79,17.9s1.26,12.65,3.89,17.7c2.53,5.06,6.03,8.95,10.41,11.67,4.18,2.72,9.14,4.09,14.69,4.09Z"/></g><g class="cls-1"><path d="M679.57,248.44c-9.24,0-16.63-1.46-21.98-4.38-5.45-2.92-9.24-6.91-11.38-11.77-2.24-4.96-3.31-10.8-3.31-17.51v-56.32h-19.55v-22.66h19.55v-27.72h28.5v27.72h25.68v22.57h-25.68v54.86c0,3.79,1.17,6.71,3.5,8.75,2.33,2.04,6.13,3.02,11.38,3.02,3.31,0,6.81-.39,10.51-1.07v21.79c-5.35,1.85-11.09,2.72-17.22,2.72Z"/><path d="M751.17,249.21c-12.26,0-22.47-2.72-30.64-8.17-8.17-5.45-13.72-13.23-16.63-23.44l23.35-7.88c1.95,5.74,4.96,10.21,8.95,13.33,3.99,3.11,8.95,4.67,14.69,4.67s10.21-1.07,13.23-3.11c3.02-2.04,4.47-4.86,4.47-8.17,0-2.72-.68-4.96-2.04-6.52-1.36-1.65-3.7-3.02-6.91-4.28-3.21-1.17-7.88-2.43-13.81-3.79-9.34-2.04-16.73-4.38-22.08-7-5.35-2.63-9.34-5.93-11.87-10.12-2.53-4.18-3.89-9.34-3.89-15.76,0-7.1,1.85-13.23,5.45-18.58,3.6-5.35,8.75-9.44,15.56-12.45,6.81-2.92,14.59-4.38,23.44-4.38,7.78,0,14.69,1.07,20.72,3.31,6.03,2.24,10.89,5.54,14.79,9.92,3.89,4.38,6.61,9.73,8.07,15.95l-23.15,7.78c-1.65-4.86-4.28-8.66-7.68-11.48-3.5-2.72-7.68-4.18-12.55-4.18-3.4,0-6.32,.39-8.85,1.26-2.53,.88-4.47,2.14-5.84,3.79-1.36,1.65-2.04,3.6-2.04,5.84,0,2.53,.58,4.57,1.85,6.03,1.17,1.46,3.4,2.72,6.52,3.79,3.11,1.07,7.68,2.24,13.62,3.5,9.82,2.14,17.61,4.47,23.15,7.1,5.54,2.53,9.73,5.93,12.35,10.02,2.63,4.18,3.99,9.44,3.99,16.05,0,7.49-1.75,13.91-5.35,19.45-3.6,5.45-8.85,9.73-15.76,12.84-6.91,3.11-15.27,4.67-25.1,4.67Z"/></g><g class="cls-1"><path d="M857.48,248.44c-9.24,0-16.63-1.46-21.98-4.38-5.45-2.92-9.24-6.91-11.38-11.77-2.24-4.96-3.31-10.8-3.31-17.51v-56.32h-19.55v-22.66h19.55v-27.72h28.5v27.72h25.68v22.57h-25.68v54.86c0,3.79,1.17,6.71,3.5,8.75,2.33,2.04,6.13,3.02,11.38,3.02,3.31,0,6.81-.39,10.51-1.07v21.79c-5.35,1.85-11.09,2.72-17.22,2.72Z"/></g><g class="cls-1"><path d="M939.78,249.12c-10.89,0-20.72-2.43-29.47-7.2-8.85-4.77-15.76-11.58-20.82-20.33-5.06-8.75-7.59-18.77-7.59-30.06s2.53-21.21,7.49-29.96c4.96-8.75,11.96-15.66,20.72-20.52,8.85-4.96,18.77-7.39,29.86-7.39s21.01,2.43,29.77,7.39c8.75,4.86,15.66,11.77,20.62,20.52,4.96,8.75,7.49,18.77,7.49,30.06s-2.53,21.21-7.59,29.96c-5.06,8.75-11.96,15.56-20.72,20.43-8.85,4.67-18.68,7.1-29.77,7.1Zm0-24.03c5.54,0,10.51-1.36,14.88-4.09,4.38-2.72,7.88-6.61,10.51-11.67,2.53-5.06,3.89-10.99,3.89-17.8s-1.26-12.65-3.79-17.8c-2.53-5.06-6.03-9.05-10.41-11.77-4.38-2.72-9.44-4.18-14.98-4.18s-10.51,1.36-14.88,4.18c-4.38,2.72-7.88,6.71-10.41,11.77-2.53,5.06-3.79,11.09-3.79,17.9s1.26,12.65,3.89,17.7c2.53,5.06,6.03,8.95,10.41,11.67,4.28,2.72,9.14,4.09,14.69,4.09Z"/><path d="M1066.42,249.21c-10.31,0-19.84-2.14-28.6-6.52-8.85-4.38-15.86-10.89-21.21-19.55-5.35-8.66-7.98-19.07-7.98-31.13s2.53-22.28,7.68-31.13c5.16-8.85,12.06-15.56,20.82-20.33,8.75-4.77,18.48-7.1,29.08-7.1,8.75,0,16.63,1.65,23.64,4.96,7,3.31,12.94,7.78,17.61,13.52,4.67,5.74,8.07,12.26,10.02,19.55l-24.61,7.1c-1.17-4.09-3.02-7.68-5.35-10.8-2.33-3.11-5.25-5.64-8.66-7.49-3.4-1.85-7.39-2.72-11.77-2.72-5.84,0-11.09,1.46-15.66,4.28-4.57,2.82-8.17,6.81-10.7,11.96-2.53,5.16-3.89,11.09-3.89,17.7s1.36,12.84,4.09,17.9c2.72,5.06,6.42,8.95,10.99,11.58,4.57,2.63,9.53,3.99,14.98,3.99,4.38,0,8.27-.88,11.77-2.63,3.5-1.75,6.42-4.18,8.85-7.1,2.43-3.02,4.28-6.32,5.54-9.92l24.51,7.3c-1.75,6.52-4.86,12.55-9.34,18.19-4.47,5.54-10.31,10.02-17.51,13.42-7.1,3.21-15.17,4.96-24.32,4.96Z"/><path d="M1131.5,246.68V102.43h28.5v77.62l44.74-44.26h32.98l-47.66,46.11,47.37,64.78h-33.27l-34.34-47.47-9.92,9.34v38.13h-28.4Z"/></g><circle cx="130.57" cy="102.33" r="26.85"/><path d="M205.18,185.31c-12.84-7.39-29.28-3.02-36.67,9.82-2.53,4.38-3.7,9.24-3.6,14.01h0c.29,11.87-10.41,18-20.52,11.87-.39-.19-.78-.49-1.26-.68-10.21-5.74-10.21-17.9,0-23.54,8.37-4.57,14.1-13.42,14.1-23.64v-.58h0c-.29-11.87,10.41-18,20.52-11.87h0c8.07,4.96,18.58,5.35,27.33,.29,12.84-7.39,17.22-23.83,9.82-36.67-7.39-12.84-23.83-17.22-36.67-9.82-8.75,5.06-13.62,14.4-13.42,23.83h0c.29,11.87-10.41,18-20.43,11.87-4.09-2.53-8.85-3.99-14.01-3.99s-9.92,1.46-14.01,3.89c-10.12,6.03-20.72-.1-20.43-11.87h0c.19-9.53-4.67-18.77-13.42-23.83-12.84-7.39-29.28-2.92-36.67,9.92-7.39,12.84-2.92,29.28,9.92,36.67,8.75,5.06,19.26,4.57,27.33-.29h0c10.12-6.13,20.72,0,20.43,11.87h0v.58c0,10.21,5.64,19.07,14.1,23.64,10.21,5.74,10.21,17.9,0,23.54-.39,.19-.78,.49-1.17,.68-10.12,6.03-20.72-.1-20.43-11.87h0c.1-4.77-1.07-9.63-3.6-14.1-7.39-12.84-23.83-17.22-36.67-9.82-12.84,7.59-17.22,24.03-9.82,36.87,7.39,12.84,23.83,17.22,36.67,9.82,.19-.1,.29-.19,.49-.29h0c10.12-6.13,20.72,0,20.43,11.87h0v.68c0,14.79,12.06,26.85,26.85,26.85s26.85-12.06,26.85-26.85v-.58h0c-.29-11.87,10.41-18,20.52-11.87h0c.19,.1,.39,.19,.58,.39,12.84,7.39,29.28,3.02,36.67-9.82,7.39-13.13,3.02-29.57-9.82-36.96h0Z"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/logo-rootstock-white.svg b/src/assets/logo-rootstock-white.svg
new file mode 100644
index 000000000..20695a094
--- /dev/null
+++ b/src/assets/logo-rootstock-white.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 346.49"><defs><style>.cls-1{fill:#fff;}.cls-2{isolation:isolate;}</style></defs><g id="Layer_1-2"><g><g class="cls-2"><path class="cls-1" d="M259.26,246.68V102.43h60.41c10.7,0,19.84,1.65,27.24,4.96,7.39,3.31,13.03,7.88,16.83,13.72,3.79,5.84,5.64,12.65,5.64,20.43,0,6.03-1.07,11.38-3.31,16.24-2.24,4.86-5.54,8.85-10.02,12.16-4.47,3.31-9.82,5.54-16.24,6.81v1.26c4.86,1.17,8.95,3.11,12.26,5.84,3.31,2.72,6.03,6.03,8.17,9.82,2.24,3.89,4.18,8.56,5.93,14.2l12.35,38.71h-30.74l-10.89-34.43c-1.56-5.54-3.4-9.82-5.54-12.94-2.14-3.11-4.86-5.35-8.37-6.71-3.5-1.36-7.98-2.14-13.62-2.14h-20.04v56.13h-30.06v.19Zm55.25-79.37c5.06,0,9.44-.78,13.23-2.24,3.7-1.46,6.61-3.79,8.66-6.91,2.04-3.11,3.11-7,3.11-11.48s-1.07-8.37-3.11-11.38c-2.04-3.02-4.96-5.25-8.66-6.61-3.7-1.36-8.17-2.14-13.23-2.14h-25.19v40.85h25.19v-.1Z"/></g><g class="cls-2"><path class="cls-1" d="M438.05,249.12c-10.89,0-20.72-2.43-29.47-7.2-8.85-4.77-15.76-11.58-20.82-20.33-5.06-8.75-7.59-18.77-7.59-30.06s2.53-21.21,7.49-29.96c4.96-8.75,11.96-15.66,20.72-20.52,8.85-4.96,18.77-7.39,29.86-7.39s21.01,2.43,29.77,7.39c8.75,4.86,15.66,11.77,20.62,20.52,4.96,8.75,7.49,18.77,7.49,30.06s-2.53,21.21-7.59,29.96c-5.06,8.75-11.96,15.56-20.72,20.43-8.85,4.67-18.77,7.1-29.77,7.1Zm0-24.03c5.54,0,10.51-1.36,14.88-4.09,4.38-2.72,7.88-6.61,10.51-11.67,2.53-5.06,3.89-10.99,3.89-17.8s-1.26-12.65-3.79-17.8c-2.53-5.06-6.03-9.05-10.41-11.77-4.38-2.72-9.44-4.18-14.98-4.18s-10.51,1.36-14.88,4.18c-4.38,2.72-7.88,6.71-10.41,11.77-2.53,5.06-3.79,11.09-3.79,17.9s1.26,12.65,3.89,17.7c2.53,5.06,6.03,8.95,10.41,11.67,4.18,2.72,9.14,4.09,14.69,4.09Z"/></g><g class="cls-2"><path class="cls-1" d="M562.17,249.12c-10.89,0-20.72-2.43-29.47-7.2-8.85-4.77-15.76-11.58-20.82-20.33-5.06-8.75-7.59-18.77-7.59-30.06s2.53-21.21,7.49-29.96c4.96-8.75,11.96-15.66,20.72-20.52,8.85-4.96,18.77-7.39,29.86-7.39s21.01,2.43,29.77,7.39c8.75,4.86,15.66,11.77,20.62,20.52,4.96,8.75,7.49,18.77,7.49,30.06s-2.53,21.21-7.59,29.96c-5.06,8.75-11.96,15.56-20.72,20.43-8.85,4.67-18.77,7.1-29.77,7.1Zm0-24.03c5.54,0,10.51-1.36,14.88-4.09,4.38-2.72,7.88-6.61,10.51-11.67,2.53-5.06,3.89-10.99,3.89-17.8s-1.26-12.65-3.79-17.8c-2.53-5.06-6.03-9.05-10.41-11.77-4.38-2.72-9.44-4.18-14.98-4.18s-10.51,1.36-14.88,4.18c-4.38,2.72-7.88,6.71-10.41,11.77-2.53,5.06-3.79,11.09-3.79,17.9s1.26,12.65,3.89,17.7c2.53,5.06,6.03,8.95,10.41,11.67,4.18,2.72,9.14,4.09,14.69,4.09Z"/></g><g class="cls-2"><path class="cls-1" d="M679.57,248.44c-9.24,0-16.63-1.46-21.98-4.38-5.45-2.92-9.24-6.91-11.38-11.77-2.24-4.96-3.31-10.8-3.31-17.51v-56.32h-19.55v-22.66h19.55v-27.72h28.5v27.72h25.68v22.57h-25.68v54.86c0,3.79,1.17,6.71,3.5,8.75,2.33,2.04,6.13,3.02,11.38,3.02,3.31,0,6.81-.39,10.51-1.07v21.79c-5.35,1.85-11.09,2.72-17.22,2.72Z"/><path class="cls-1" d="M751.17,249.21c-12.26,0-22.47-2.72-30.64-8.17-8.17-5.45-13.72-13.23-16.63-23.44l23.35-7.88c1.95,5.74,4.96,10.21,8.95,13.33,3.99,3.11,8.95,4.67,14.69,4.67s10.21-1.07,13.23-3.11c3.02-2.04,4.47-4.86,4.47-8.17,0-2.72-.68-4.96-2.04-6.52-1.36-1.65-3.7-3.02-6.91-4.28-3.21-1.17-7.88-2.43-13.81-3.79-9.34-2.04-16.73-4.38-22.08-7-5.35-2.63-9.34-5.93-11.87-10.12-2.53-4.18-3.89-9.34-3.89-15.76,0-7.1,1.85-13.23,5.45-18.58,3.6-5.35,8.75-9.44,15.56-12.45,6.81-2.92,14.59-4.38,23.44-4.38,7.78,0,14.69,1.07,20.72,3.31,6.03,2.24,10.89,5.54,14.79,9.92,3.89,4.38,6.61,9.73,8.07,15.95l-23.15,7.78c-1.65-4.86-4.28-8.66-7.68-11.48-3.5-2.72-7.68-4.18-12.55-4.18-3.4,0-6.32,.39-8.85,1.26-2.53,.88-4.47,2.14-5.84,3.79-1.36,1.65-2.04,3.6-2.04,5.84,0,2.53,.58,4.57,1.85,6.03,1.17,1.46,3.4,2.72,6.52,3.79,3.11,1.07,7.68,2.24,13.62,3.5,9.82,2.14,17.61,4.47,23.15,7.1,5.54,2.53,9.73,5.93,12.35,10.02,2.63,4.18,3.99,9.44,3.99,16.05,0,7.49-1.75,13.91-5.35,19.45-3.6,5.45-8.85,9.73-15.76,12.84-6.91,3.11-15.27,4.67-25.1,4.67Z"/></g><g class="cls-2"><path class="cls-1" d="M857.48,248.44c-9.24,0-16.63-1.46-21.98-4.38-5.45-2.92-9.24-6.91-11.38-11.77-2.24-4.96-3.31-10.8-3.31-17.51v-56.32h-19.55v-22.66h19.55v-27.72h28.5v27.72h25.68v22.57h-25.68v54.86c0,3.79,1.17,6.71,3.5,8.75,2.33,2.04,6.13,3.02,11.38,3.02,3.31,0,6.81-.39,10.51-1.07v21.79c-5.35,1.85-11.09,2.72-17.22,2.72Z"/></g><g class="cls-2"><path class="cls-1" d="M939.78,249.12c-10.89,0-20.72-2.43-29.47-7.2-8.85-4.77-15.76-11.58-20.82-20.33-5.06-8.75-7.59-18.77-7.59-30.06s2.53-21.21,7.49-29.96c4.96-8.75,11.96-15.66,20.72-20.52,8.85-4.96,18.77-7.39,29.86-7.39s21.01,2.43,29.77,7.39c8.75,4.86,15.66,11.77,20.62,20.52,4.96,8.75,7.49,18.77,7.49,30.06s-2.53,21.21-7.59,29.96c-5.06,8.75-11.96,15.56-20.72,20.43-8.85,4.67-18.68,7.1-29.77,7.1Zm0-24.03c5.54,0,10.51-1.36,14.88-4.09,4.38-2.72,7.88-6.61,10.51-11.67,2.53-5.06,3.89-10.99,3.89-17.8s-1.26-12.65-3.79-17.8c-2.53-5.06-6.03-9.05-10.41-11.77-4.38-2.72-9.44-4.18-14.98-4.18s-10.51,1.36-14.88,4.18c-4.38,2.72-7.88,6.71-10.41,11.77-2.53,5.06-3.79,11.09-3.79,17.9s1.26,12.65,3.89,17.7c2.53,5.06,6.03,8.95,10.41,11.67,4.28,2.72,9.14,4.09,14.69,4.09Z"/><path class="cls-1" d="M1066.42,249.21c-10.31,0-19.84-2.14-28.6-6.52-8.85-4.38-15.86-10.89-21.21-19.55-5.35-8.66-7.98-19.07-7.98-31.13s2.53-22.28,7.68-31.13c5.16-8.85,12.06-15.56,20.82-20.33,8.75-4.77,18.48-7.1,29.08-7.1,8.75,0,16.63,1.65,23.64,4.96,7,3.31,12.94,7.78,17.61,13.52,4.67,5.74,8.07,12.26,10.02,19.55l-24.61,7.1c-1.17-4.09-3.02-7.68-5.35-10.8-2.33-3.11-5.25-5.64-8.66-7.49-3.4-1.85-7.39-2.72-11.77-2.72-5.84,0-11.09,1.46-15.66,4.28-4.57,2.82-8.17,6.81-10.7,11.96-2.53,5.16-3.89,11.09-3.89,17.7s1.36,12.84,4.09,17.9c2.72,5.06,6.42,8.95,10.99,11.58,4.57,2.63,9.53,3.99,14.98,3.99,4.38,0,8.27-.88,11.77-2.63,3.5-1.75,6.42-4.18,8.85-7.1,2.43-3.02,4.28-6.32,5.54-9.92l24.51,7.3c-1.75,6.52-4.86,12.55-9.34,18.19-4.47,5.54-10.31,10.02-17.51,13.42-7.1,3.21-15.17,4.96-24.32,4.96Z"/><path class="cls-1" d="M1131.5,246.68V102.43h28.5v77.62l44.74-44.26h32.98l-47.66,46.11,47.37,64.78h-33.27l-34.34-47.47-9.92,9.34v38.13h-28.4Z"/></g><circle class="cls-1" cx="130.57" cy="102.33" r="26.85"/><path class="cls-1" d="M205.18,185.31c-12.84-7.39-29.28-3.02-36.67,9.82-2.53,4.38-3.7,9.24-3.6,14.01h0c.29,11.87-10.41,18-20.52,11.87-.39-.19-.78-.49-1.26-.68-10.21-5.74-10.21-17.9,0-23.54,8.37-4.57,14.1-13.42,14.1-23.64v-.58h0c-.29-11.87,10.41-18,20.52-11.87h0c8.07,4.96,18.58,5.35,27.33,.29,12.84-7.39,17.22-23.83,9.82-36.67-7.39-12.84-23.83-17.22-36.67-9.82-8.75,5.06-13.62,14.4-13.42,23.83h0c.29,11.87-10.41,18-20.43,11.87-4.09-2.53-8.85-3.99-14.01-3.99s-9.92,1.46-14.01,3.89c-10.12,6.03-20.72-.1-20.43-11.87h0c.19-9.53-4.67-18.77-13.42-23.83-12.84-7.39-29.28-2.92-36.67,9.92-7.39,12.84-2.92,29.28,9.92,36.67,8.75,5.06,19.26,4.57,27.33-.29h0c10.12-6.13,20.72,0,20.43,11.87h0v.58c0,10.21,5.64,19.07,14.1,23.64,10.21,5.74,10.21,17.9,0,23.54-.39,.19-.78,.49-1.17,.68-10.12,6.03-20.72-.1-20.43-11.87h0c.1-4.77-1.07-9.63-3.6-14.1-7.39-12.84-23.83-17.22-36.67-9.82-12.84,7.59-17.22,24.03-9.82,36.87,7.39,12.84,23.83,17.22,36.67,9.82,.19-.1,.29-.19,.49-.29h0c10.12-6.13,20.72,0,20.43,11.87h0v.68c0,14.79,12.06,26.85,26.85,26.85s26.85-12.06,26.85-26.85v-.58h0c-.29-11.87,10.41-18,20.52-11.87h0c.19,.1,.39,.19,.58,.39,12.84,7.39,29.28,3.02,36.67-9.82,7.39-13.13,3.02-29.57-9.82-36.96h0Z"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/logo-rootstocklabs-black.svg b/src/assets/logo-rootstocklabs-black.svg
new file mode 100644
index 000000000..1d58dd337
--- /dev/null
+++ b/src/assets/logo-rootstocklabs-black.svg
@@ -0,0 +1,15 @@
+<svg width="1792" height="197" viewBox="0 0 1792 197" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.470703 5.95739H90.775C109.43 5.95739 124.045 10.7102 134.603 20.216C145.162 29.7217 150.441 42.6643 150.441 59.0284C150.441 66.7692 149.156 73.643 146.617 79.6189C144.063 85.6103 140.363 90.6728 135.532 94.8064C130.687 98.94 124.835 102.238 117.976 104.715C123.426 107.176 127.884 110.923 131.306 115.939C134.743 120.955 137.777 128.045 140.409 137.195L156.247 191.861H117.961L104.755 146.438C102.82 139.394 100.745 134.021 98.5468 130.321C96.3484 126.621 93.314 123.896 89.4436 122.131C85.5732 120.367 80.3714 119.484 73.8691 119.484H36.1094V191.845H0.470703V5.94189V5.95739ZM85.759 90.4561C94.9086 90.4561 102.046 88.2112 107.155 83.7216C112.264 79.2319 114.818 72.3271 114.818 62.9917C114.818 53.6563 112.264 47.1075 107.155 42.7881C102.046 38.4688 94.9241 36.3168 85.759 36.3168H36.1249V90.4561H85.7744H85.759Z" fill="black"/>
+<path d="M235.746 196.072C221.657 196.072 209.071 193.037 197.986 186.968C186.901 180.9 178.309 172.493 172.24 161.749C166.171 151.02 163.137 138.681 163.137 124.779C163.137 110.876 166.218 98.5064 172.379 87.6847C178.541 76.8631 187.118 68.3637 198.125 62.202C209.117 56.0403 221.766 52.9595 236.024 52.9595C250.283 52.9595 262.343 56.0403 273.257 62.202C284.172 68.3637 292.671 76.8631 298.74 87.6847C304.809 98.5064 307.843 110.783 307.843 124.516C307.843 138.248 304.809 150.788 298.74 161.61C292.671 172.431 284.126 180.884 273.134 186.968C262.126 193.037 249.679 196.072 235.777 196.072H235.746ZM235.746 166.765C242.96 166.765 249.338 165.046 254.896 161.61C260.439 158.173 264.758 153.296 267.839 146.948C270.92 140.616 272.452 133.123 272.452 124.5C272.452 115.877 270.904 108.662 267.839 102.315C264.758 95.9829 260.439 91.0443 254.896 87.53C249.354 84.0156 242.975 82.2507 235.746 82.2507C228.516 82.2507 221.843 84.0156 216.208 87.53C210.572 91.0598 206.222 95.9829 203.141 102.315C200.06 108.647 198.528 116.047 198.528 124.5C198.528 132.953 200.06 140.601 203.141 146.948C206.222 153.28 210.572 158.173 216.208 161.61C221.843 165.046 228.361 166.765 235.746 166.765Z" fill="black"/>
+<path d="M392.08 196.072C377.991 196.072 365.405 193.037 354.32 186.968C343.235 180.9 334.643 172.493 328.574 161.749C322.505 151.02 319.471 138.681 319.471 124.779C319.471 110.876 322.552 98.5064 328.713 87.6847C334.875 76.8631 343.452 68.3637 354.459 62.202C365.451 56.0403 378.1 52.9595 392.358 52.9595C406.617 52.9595 418.677 56.0403 429.591 62.202C440.506 68.3637 449.005 76.8631 455.074 87.6847C461.143 98.5064 464.177 110.783 464.177 124.516C464.177 138.248 461.143 150.788 455.074 161.61C449.005 172.431 440.46 180.884 429.468 186.968C418.46 193.037 406.013 196.072 392.11 196.072H392.08ZM392.08 166.765C399.294 166.765 405.672 165.046 411.23 161.61C416.773 158.173 421.092 153.296 424.173 146.948C427.254 140.616 428.786 133.123 428.786 124.5C428.786 115.877 427.238 108.662 424.173 102.315C421.092 95.9829 416.773 91.0443 411.23 87.53C405.688 84.0156 399.309 82.2507 392.08 82.2507C384.85 82.2507 378.177 84.0156 372.542 87.53C366.906 91.0598 362.556 95.9829 359.475 102.315C356.394 108.647 354.862 116.047 354.862 124.5C354.862 132.953 356.394 140.601 359.475 146.948C362.556 153.28 366.906 158.173 372.542 161.61C378.177 165.046 384.695 166.765 392.08 166.765Z" fill="black"/>
+<path d="M533.083 195.282C518.112 195.282 507.43 191.846 501.005 184.987C494.58 178.129 491.36 168.267 491.36 155.417V85.1772H470.77V57.1864H491.36V21.7954H526.209V57.1864H553.41V85.1772H526.209V153.575C526.209 157.972 527.525 161.146 530.173 163.081C532.82 165.016 536.597 165.991 541.521 165.991C544.338 165.991 548.209 165.635 553.132 164.939V192.403C546.258 194.338 539.57 195.313 533.068 195.313L533.083 195.282Z" fill="black"/>
+<path d="M621.811 196.072C604.905 196.072 591.266 192.248 580.878 184.584C570.489 176.921 563.972 166.239 561.34 152.506L593.82 146.438C595.229 154.008 598.434 159.814 603.465 163.87C608.481 167.926 614.782 169.939 622.353 169.939C629.397 169.939 634.986 168.452 639.12 165.449C643.253 162.461 645.328 158.761 645.328 154.364C645.328 150.323 643.702 147.413 640.435 145.648C637.169 143.883 631.239 141.948 622.616 139.842C621.037 139.486 619.535 139.177 618.126 138.913C616.718 138.65 615.216 138.341 613.637 137.985C602.552 135.337 593.65 132.489 586.962 129.408C580.274 126.327 575.072 122.147 571.387 116.868C567.703 111.588 565.845 104.715 565.845 96.2771C565.845 87.8396 568.09 80.0833 572.58 73.5655C577.069 67.0477 583.494 61.9853 591.854 58.378C600.214 54.7708 609.859 52.9595 620.774 52.9595C636.085 52.9595 648.408 56.3964 657.744 63.2547C667.079 70.1131 673.226 79.8046 676.229 92.2983L645.064 98.8935C643.3 92.7318 640.451 87.886 636.488 84.3717C632.524 80.8574 627.292 79.0925 620.774 79.0925C614.968 79.0925 610.03 80.4084 605.989 83.0558C601.933 85.7031 599.92 89.1245 599.92 93.351C599.92 97.5775 601.809 100.256 605.602 101.928C609.379 103.6 616.3 105.489 626.332 107.61C626.858 107.78 627.338 107.919 627.787 108.012C628.22 108.105 628.716 108.229 629.242 108.415C641.395 111.062 651.025 113.88 658.162 116.868C665.299 119.856 670.748 124.036 674.541 129.408C678.319 134.78 680.223 141.87 680.223 150.664C680.223 159.458 677.855 167.833 673.102 174.692C668.349 181.55 661.614 186.845 652.898 190.529C644.182 194.229 633.84 196.072 621.873 196.072H621.811Z" fill="black"/>
+<path d="M748.293 195.282C733.322 195.282 722.64 191.846 716.215 184.987C709.79 178.129 706.57 168.267 706.57 155.417V85.1772H685.979V57.1864H706.57V21.7954H741.419V57.1864H768.62V85.1772H741.419V153.575C741.419 157.972 742.735 161.146 745.382 163.081C748.03 165.016 751.807 165.991 756.73 165.991C759.548 165.991 763.419 165.635 768.342 164.939V192.403C761.468 194.338 754.78 195.313 748.278 195.313L748.293 195.282Z" fill="black"/>
+<path d="M849.685 196.072C835.597 196.072 823.01 193.037 811.925 186.968C800.84 180.9 792.248 172.493 786.179 161.749C780.111 151.02 777.076 138.681 777.076 124.779C777.076 110.876 780.157 98.5064 786.319 87.6847C792.48 76.8631 801.057 68.3637 812.065 62.202C823.057 56.0403 835.705 52.9595 849.964 52.9595C864.222 52.9595 876.282 56.0403 887.197 62.202C898.112 68.3637 906.611 76.8631 912.68 87.6847C918.748 98.5064 921.783 110.783 921.783 124.516C921.783 138.248 918.748 150.788 912.68 161.61C906.611 172.431 898.065 180.884 887.073 186.968C876.066 193.037 863.618 196.072 849.716 196.072H849.685ZM849.685 166.765C856.899 166.765 863.278 165.046 868.836 161.61C874.378 158.173 878.698 153.296 881.778 146.948C884.859 140.616 886.392 133.123 886.392 124.5C886.392 115.877 884.844 108.662 881.778 102.315C878.698 95.9829 874.378 91.0443 868.836 87.53C863.293 84.0156 856.915 82.2507 849.685 82.2507C842.455 82.2507 835.782 84.0156 830.147 87.53C824.512 91.0598 820.161 95.9829 817.081 102.315C814 108.647 812.467 116.047 812.467 124.5C812.467 132.953 814 140.601 817.081 146.948C820.161 153.28 824.512 158.173 830.147 161.61C835.782 165.046 842.3 166.765 849.685 166.765Z" fill="black"/>
+<path d="M1005.75 195.808C991.665 195.808 979.078 192.774 967.993 186.705C956.908 180.636 948.362 172.23 942.387 161.485C936.395 150.757 933.407 138.511 933.407 124.779C933.407 111.046 936.442 98.9862 942.51 88.0716C948.579 77.1571 957.079 68.5803 967.993 62.3257C978.908 56.0711 991.494 52.9438 1005.75 52.9438C1017.02 52.9438 1027.15 54.9719 1036.11 59.0126C1045.09 63.0688 1052.4 68.828 1058.03 76.3056C1063.67 83.7832 1067.37 92.5458 1069.12 102.578L1036.38 107.068C1034.27 99.6674 1030.65 93.7844 1025.55 89.3721C1020.44 84.9753 1013.85 82.7769 1005.75 82.7769C998.353 82.7769 991.804 84.6192 986.076 88.3193C980.348 92.0194 976.044 97.0355 973.133 103.367C970.223 109.699 968.783 116.666 968.783 124.221C968.783 131.776 970.269 139.006 973.272 145.354C976.26 151.686 980.533 156.702 986.076 160.402C991.618 164.102 998.182 165.944 1005.75 165.944C1013.85 165.944 1020.49 163.792 1025.69 159.473C1030.88 155.154 1034.46 149.394 1036.39 142.18L1069.66 146.933C1067.73 156.438 1064.07 164.799 1058.7 172.013C1053.33 179.227 1046.16 185.002 1037.18 189.306C1028.2 193.625 1017.72 195.777 1005.75 195.777V195.808Z" fill="black"/>
+<path d="M1087.34 0.398798H1121.4V104.962L1170.53 57.1699H1213.83L1157.32 113.151L1214.88 191.845H1173.95L1133.8 136.389L1121.39 148.264V191.829H1087.33V0.383301L1087.34 0.398798Z" fill="black"/>
+<path d="M1237.79 5.95703H1273.44V160.433L1362.94 160.433V191.86L1237.79 191.86V5.95703Z" fill="black"/>
+<path d="M1416.99 194.755C1408.18 194.755 1400.48 193.207 1393.89 190.142C1387.29 187.077 1382.14 182.618 1378.44 176.812C1374.74 171.007 1372.89 164.319 1372.89 156.748C1372.89 144.951 1377.17 135.538 1385.7 128.494C1394.23 121.45 1406.52 116.79 1422.53 114.499L1451.31 109.746C1455.53 108.863 1458.48 107.64 1460.15 106.046C1461.82 104.467 1462.66 102.439 1462.66 99.977H1466.62V150.679C1463.62 164.768 1457.69 175.636 1448.8 183.299C1439.91 190.962 1429.29 194.786 1416.99 194.786V194.755ZM1437.58 52.9593C1449.54 52.9593 1460.02 55.0338 1469 59.1674C1477.98 63.301 1484.79 69.0757 1489.47 76.4604C1494.13 83.8606 1496.47 92.391 1496.47 102.067V191.845H1462.67V99.946C1462.67 94.6668 1460.47 90.301 1456.08 86.8795C1451.68 83.4426 1445.6 81.7242 1437.85 81.7242C1430.11 81.7242 1424.22 83.5665 1419.63 87.2666C1415.05 90.9667 1412.15 96.0756 1410.92 102.578L1376.33 98.6146C1378.44 88.9386 1382.18 80.7488 1387.55 74.0608C1392.93 67.3727 1399.88 62.1709 1408.41 58.4862C1416.94 54.7861 1426.68 52.9438 1437.59 52.9438L1437.58 52.9593ZM1428.6 167.57C1435.45 167.57 1441.49 165.82 1446.68 162.291C1451.87 158.776 1455.83 154.07 1458.57 148.171C1461.29 142.273 1462.66 136.158 1462.66 129.826V126.652C1461.25 127.534 1459.48 128.231 1457.38 128.757C1455.27 129.284 1452.89 129.733 1450.24 130.073L1432.81 132.984C1425.95 134.222 1420.22 136.204 1415.64 138.929C1411.06 141.654 1408.78 145.926 1408.78 151.732C1408.78 156.655 1410.58 160.541 1414.2 163.343C1417.81 166.161 1422.61 167.57 1428.6 167.57Z" fill="black"/>
+<path d="M1599.71 196.072C1590.2 196.072 1581.62 194.044 1573.96 190.003C1566.3 185.962 1559.56 180.404 1553.76 173.36V191.845H1519.7V0.399414H1553.76V76.1819C1559.56 68.6114 1566.3 62.8523 1573.96 58.889C1581.62 54.9257 1590.29 52.9441 1599.97 52.9441C1612.29 52.9441 1623.25 56.0249 1632.85 62.1865C1642.45 68.3482 1649.93 76.8477 1655.3 87.6693C1660.67 98.491 1663.35 110.861 1663.35 124.763C1663.35 138.666 1660.67 151.005 1655.3 161.733C1649.93 172.478 1642.45 180.884 1632.85 186.953C1623.25 193.022 1612.22 196.056 1599.71 196.056V196.072ZM1590.99 165.96C1598.39 165.96 1604.85 164.288 1610.4 160.944C1615.95 157.6 1620.27 152.801 1623.35 146.546C1626.43 140.291 1627.96 133.03 1627.96 124.763C1627.96 112.27 1624.62 102.238 1617.93 94.667C1611.24 87.0965 1602.26 83.319 1590.99 83.319C1579.72 83.319 1570.69 87.112 1563.93 94.667C1557.15 102.238 1553.76 112.27 1553.76 124.763C1553.76 133.046 1555.29 140.307 1558.37 146.546C1561.45 152.801 1565.8 157.6 1571.44 160.944C1577.07 164.288 1583.59 165.96 1590.97 165.96H1590.99Z" fill="black"/>
+<path d="M1733.59 196.072C1716.68 196.072 1703.04 192.248 1692.65 184.584C1682.27 176.921 1675.75 166.239 1673.12 152.506L1705.6 146.438C1707.01 154.008 1710.21 159.814 1715.24 163.87C1720.26 167.926 1726.56 169.939 1734.13 169.939C1741.17 169.939 1746.76 168.452 1750.9 165.449C1755.03 162.461 1757.1 158.761 1757.1 154.364C1757.1 150.323 1755.48 147.413 1752.21 145.648C1748.95 143.883 1743.02 141.948 1734.39 139.842C1732.81 139.486 1731.31 139.177 1729.9 138.913C1728.5 138.65 1726.99 138.341 1725.41 137.985C1714.33 135.337 1705.43 132.489 1698.74 129.408C1692.05 126.327 1686.85 122.147 1683.16 116.868C1679.48 111.588 1677.62 104.715 1677.62 96.2771C1677.62 87.8396 1679.87 80.0833 1684.36 73.5655C1688.85 67.0477 1695.27 61.9853 1703.63 58.378C1711.99 54.7708 1721.64 52.9595 1732.55 52.9595C1747.86 52.9595 1760.19 56.3964 1769.52 63.2547C1778.86 70.1131 1785 79.8046 1788.01 92.2983L1756.84 98.8935C1755.08 92.7318 1752.23 87.886 1748.27 84.3717C1744.3 80.8574 1739.07 79.0925 1732.55 79.0925C1726.75 79.0925 1721.81 80.4084 1717.77 83.0558C1713.71 85.7031 1711.7 89.1245 1711.7 93.351C1711.7 97.5775 1713.59 100.256 1717.38 101.928C1721.16 103.6 1728.08 105.489 1738.11 107.61C1738.64 107.78 1739.12 107.919 1739.56 108.012C1740 108.105 1740.49 108.229 1741.02 108.415C1753.17 111.062 1762.8 113.88 1769.94 116.868C1777.08 119.856 1782.53 124.036 1786.32 129.408C1790.1 134.78 1792 141.87 1792 150.664C1792 159.458 1789.63 167.833 1784.88 174.692C1780.13 181.55 1773.39 186.845 1764.68 190.529C1755.96 194.229 1745.62 196.072 1733.65 196.072H1733.59Z" fill="black"/>
+</svg>
diff --git a/src/assets/logo-rootstocklabs-white.svg b/src/assets/logo-rootstocklabs-white.svg
new file mode 100644
index 000000000..3ed952d1f
--- /dev/null
+++ b/src/assets/logo-rootstocklabs-white.svg
@@ -0,0 +1,15 @@
+<svg width="1792" height="197" viewBox="0 0 1792 197" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.28125 5.95739H90.5856C109.241 5.95739 123.856 10.7102 134.414 20.216C144.972 29.7217 150.252 42.6643 150.252 59.0284C150.252 66.7692 148.967 73.643 146.428 79.6189C143.873 85.6103 140.173 90.6728 135.343 94.8064C130.497 98.94 124.645 102.238 117.787 104.715C123.236 107.176 127.695 110.923 131.116 115.939C134.553 120.955 137.588 128.045 140.22 137.195L156.057 191.861H117.771L104.565 146.438C102.63 139.394 100.556 134.021 98.3573 130.321C96.1589 126.621 93.1245 123.896 89.2541 122.131C85.3837 120.367 80.1819 119.484 73.6796 119.484H35.9199V191.845H0.28125V5.94189V5.95739ZM85.5695 90.4561C94.7191 90.4561 101.856 88.2112 106.965 83.7216C112.074 79.2319 114.629 72.3271 114.629 62.9917C114.629 53.6563 112.074 47.1075 106.965 42.7881C101.856 38.4688 94.7346 36.3168 85.5695 36.3168H35.9354V90.4561H85.585H85.5695Z" fill="#FAFAF5"/>
+<path d="M235.556 196.072C221.468 196.072 208.881 193.037 197.796 186.968C186.712 180.9 178.119 172.493 172.05 161.749C165.982 151.02 162.947 138.681 162.947 124.779C162.947 110.876 166.028 98.5064 172.19 87.6847C178.351 76.8631 186.928 68.3637 197.936 62.202C208.928 56.0403 221.576 52.9595 235.835 52.9595C250.093 52.9595 262.154 56.0403 273.068 62.202C283.983 68.3637 292.482 76.8631 298.551 87.6847C304.62 98.5064 307.654 110.783 307.654 124.516C307.654 138.248 304.62 150.788 298.551 161.61C292.482 172.431 283.936 180.884 272.944 186.968C261.937 193.037 249.49 196.072 235.587 196.072H235.556ZM235.556 166.765C242.771 166.765 249.149 165.046 254.707 161.61C260.249 158.173 264.569 153.296 267.649 146.948C270.73 140.616 272.263 133.123 272.263 124.5C272.263 115.877 270.715 108.662 267.649 102.315C264.569 95.9829 260.249 91.0443 254.707 87.53C249.164 84.0156 242.786 82.2507 235.556 82.2507C228.326 82.2507 221.654 84.0156 216.018 87.53C210.383 91.0598 206.033 95.9829 202.952 102.315C199.871 108.647 198.338 116.047 198.338 124.5C198.338 132.953 199.871 140.601 202.952 146.948C206.033 153.28 210.383 158.173 216.018 161.61C221.654 165.046 228.171 166.765 235.556 166.765Z" fill="#FAFAF5"/>
+<path d="M391.89 196.072C377.802 196.072 365.215 193.037 354.13 186.968C343.046 180.9 334.453 172.493 328.384 161.749C322.316 151.02 319.281 138.681 319.281 124.779C319.281 110.876 322.362 98.5064 328.524 87.6847C334.685 76.8631 343.262 68.3637 354.27 62.202C365.262 56.0403 377.91 52.9595 392.169 52.9595C406.427 52.9595 418.487 56.0403 429.402 62.202C440.317 68.3637 448.816 76.8631 454.885 87.6847C460.954 98.5064 463.988 110.783 463.988 124.516C463.988 138.248 460.954 150.788 454.885 161.61C448.816 172.431 440.27 180.884 429.278 186.968C418.271 193.037 405.824 196.072 391.921 196.072H391.89ZM391.89 166.765C399.104 166.765 405.483 165.046 411.041 161.61C416.583 158.173 420.903 153.296 423.983 146.948C427.064 140.616 428.597 133.123 428.597 124.5C428.597 115.877 427.049 108.662 423.983 102.315C420.903 95.9829 416.583 91.0443 411.041 87.53C405.498 84.0156 399.12 82.2507 391.89 82.2507C384.66 82.2507 377.988 84.0156 372.352 87.53C366.717 91.0598 362.367 95.9829 359.286 102.315C356.205 108.647 354.672 116.047 354.672 124.5C354.672 132.953 356.205 140.601 359.286 146.948C362.367 153.28 366.717 158.173 372.352 161.61C377.988 165.046 384.505 166.765 391.89 166.765Z" fill="#FAFAF5"/>
+<path d="M532.894 195.282C517.923 195.282 507.241 191.846 500.816 184.987C494.391 178.129 491.171 168.267 491.171 155.417V85.1772H470.58V57.1864H491.171V21.7954H526.02V57.1864H553.221V85.1772H526.02V153.575C526.02 157.972 527.336 161.146 529.983 163.081C532.63 165.016 536.408 165.991 541.331 165.991C544.149 165.991 548.019 165.635 552.942 164.939V192.403C546.068 194.338 539.38 195.313 532.878 195.313L532.894 195.282Z" fill="#FAFAF5"/>
+<path d="M621.622 196.072C604.716 196.072 591.076 192.248 580.688 184.584C570.3 176.921 563.782 166.239 561.15 152.506L593.631 146.438C595.04 154.008 598.244 159.814 603.276 163.87C608.292 167.926 614.593 169.939 622.163 169.939C629.208 169.939 634.796 168.452 638.93 165.449C643.064 162.461 645.138 158.761 645.138 154.364C645.138 150.323 643.513 147.413 640.246 145.648C636.979 143.883 631.05 141.948 622.427 139.842C620.848 139.486 619.346 139.177 617.937 138.913C616.528 138.65 615.026 138.341 613.447 137.985C602.362 135.337 593.461 132.489 586.772 129.408C580.084 126.327 574.883 122.147 571.198 116.868C567.513 111.588 565.656 104.715 565.656 96.2771C565.656 87.8396 567.9 80.0833 572.39 73.5655C576.88 67.0477 583.305 61.9853 591.665 58.378C600.025 54.7708 609.67 52.9595 620.584 52.9595C635.896 52.9595 648.219 56.3964 657.554 63.2547C666.89 70.1131 673.036 79.8046 676.04 92.2983L644.875 98.8935C643.11 92.7318 640.262 87.886 636.298 84.3717C632.335 80.8574 627.102 79.0925 620.584 79.0925C614.779 79.0925 609.84 80.4084 605.799 83.0558C601.743 85.7031 599.731 89.1245 599.731 93.351C599.731 97.5775 601.619 100.256 605.412 101.928C609.19 103.6 616.11 105.489 626.142 107.61C626.669 107.78 627.149 107.919 627.598 108.012C628.031 108.105 628.526 108.229 629.053 108.415C641.206 111.062 650.835 113.88 657.972 116.868C665.11 119.856 670.559 124.036 674.352 129.408C678.13 134.78 680.034 141.87 680.034 150.664C680.034 159.458 677.665 167.833 672.912 174.692C668.159 181.55 661.425 186.845 652.709 190.529C643.993 194.229 633.651 196.072 621.684 196.072H621.622Z" fill="#FAFAF5"/>
+<path d="M748.104 195.282C733.133 195.282 722.451 191.846 716.026 184.987C709.601 178.129 706.381 168.267 706.381 155.417V85.1772H685.79V57.1864H706.381V21.7954H741.23V57.1864H768.431V85.1772H741.23V153.575C741.23 157.972 742.546 161.146 745.193 163.081C747.84 165.016 751.618 165.991 756.541 165.991C759.359 165.991 763.229 165.635 768.152 164.939V192.403C761.278 194.338 754.59 195.313 748.088 195.313L748.104 195.282Z" fill="#FAFAF5"/>
+<path d="M849.496 196.072C835.407 196.072 822.821 193.037 811.736 186.968C800.651 180.9 792.059 172.493 785.99 161.749C779.921 151.02 776.887 138.681 776.887 124.779C776.887 110.876 779.968 98.5064 786.129 87.6847C792.291 76.8631 800.868 68.3637 811.875 62.202C822.867 56.0403 835.516 52.9595 849.774 52.9595C864.033 52.9595 876.093 56.0403 887.008 62.202C897.922 68.3637 906.421 76.8631 912.49 87.6847C918.559 98.5064 921.593 110.783 921.593 124.516C921.593 138.248 918.559 150.788 912.49 161.61C906.421 172.431 897.876 180.884 886.884 186.968C875.876 193.037 863.429 196.072 849.526 196.072H849.496ZM849.496 166.765C856.71 166.765 863.088 165.046 868.646 161.61C874.189 158.173 878.508 153.296 881.589 146.948C884.67 140.616 886.202 133.123 886.202 124.5C886.202 115.877 884.654 108.662 881.589 102.315C878.508 95.9829 874.189 91.0443 868.646 87.53C863.104 84.0156 856.725 82.2507 849.496 82.2507C842.266 82.2507 835.593 84.0156 829.958 87.53C824.322 91.0598 819.972 95.9829 816.891 102.315C813.81 108.647 812.278 116.047 812.278 124.5C812.278 132.953 813.81 140.601 816.891 146.948C819.972 153.28 824.322 158.173 829.958 161.61C835.593 165.046 842.111 166.765 849.496 166.765Z" fill="#FAFAF5"/>
+<path d="M1005.56 195.808C991.475 195.808 978.889 192.774 967.804 186.705C956.719 180.636 948.173 172.23 942.197 161.485C936.206 150.757 933.218 138.511 933.218 124.779C933.218 111.046 936.252 98.9862 942.321 88.0716C948.39 77.1571 956.889 68.5803 967.804 62.3257C978.718 56.0711 991.305 52.9438 1005.56 52.9438C1016.83 52.9438 1026.96 54.9719 1035.92 59.0126C1044.9 63.0688 1052.21 68.828 1057.84 76.3056C1063.48 83.7832 1067.18 92.5458 1068.93 102.578L1036.19 107.068C1034.08 99.6674 1030.46 93.7844 1025.36 89.3721C1020.26 84.9753 1013.66 82.7769 1005.56 82.7769C998.163 82.7769 991.614 84.6192 985.886 88.3193C980.158 92.0194 975.854 97.0355 972.944 103.367C970.033 109.699 968.593 116.666 968.593 124.221C968.593 131.776 970.08 139.006 973.083 145.354C976.071 151.686 980.344 156.702 985.886 160.402C991.429 164.102 997.993 165.944 1005.56 165.944C1013.66 165.944 1020.3 163.792 1025.5 159.473C1030.69 155.154 1034.27 149.394 1036.2 142.18L1069.47 146.933C1067.54 156.438 1063.88 164.799 1058.51 172.013C1053.14 179.227 1045.97 185.002 1036.99 189.306C1028.01 193.625 1017.53 195.777 1005.56 195.777V195.808Z" fill="#FAFAF5"/>
+<path d="M1087.16 0.398798H1121.21V104.962L1170.34 57.1699H1213.64L1157.13 113.151L1214.69 191.845H1173.76L1133.62 136.389L1121.2 148.264V191.829H1087.14V0.383301L1087.16 0.398798Z" fill="#FAFAF5"/>
+<path d="M1237.6 5.95703H1273.25V160.433L1362.75 160.433V191.86L1237.6 191.86V5.95703Z" fill="#FAFAF5"/>
+<path d="M1416.8 194.755C1407.99 194.755 1400.29 193.207 1393.7 190.142C1387.1 187.077 1381.95 182.618 1378.25 176.812C1374.55 171.007 1372.7 164.319 1372.7 156.748C1372.7 144.951 1376.98 135.538 1385.51 128.494C1394.04 121.45 1406.33 116.79 1422.34 114.499L1451.12 109.746C1455.34 108.863 1458.29 107.64 1459.96 106.046C1461.63 104.467 1462.47 102.439 1462.47 99.977H1466.43V150.679C1463.43 164.768 1457.5 175.636 1448.61 183.299C1439.72 190.962 1429.1 194.786 1416.8 194.786V194.755ZM1437.39 52.9593C1449.35 52.9593 1459.83 55.0338 1468.81 59.1674C1477.79 63.301 1484.6 69.0757 1489.28 76.4604C1493.94 83.8606 1496.28 92.391 1496.28 102.067V191.845H1462.48V99.946C1462.48 94.6668 1460.28 90.301 1455.89 86.8795C1451.49 83.4426 1445.41 81.7242 1437.66 81.7242C1429.92 81.7242 1424.03 83.5665 1419.44 87.2666C1414.86 90.9667 1411.97 96.0756 1410.73 102.578L1376.14 98.6146C1378.25 88.9386 1381.99 80.7488 1387.36 74.0608C1392.74 67.3727 1399.69 62.1709 1408.22 58.4862C1416.75 54.7861 1426.49 52.9438 1437.4 52.9438L1437.39 52.9593ZM1428.41 167.57C1435.26 167.57 1441.3 165.82 1446.49 162.291C1451.68 158.776 1455.64 154.07 1458.38 148.171C1461.1 142.273 1462.47 136.158 1462.47 129.826V126.652C1461.06 127.534 1459.29 128.231 1457.19 128.757C1455.08 129.284 1452.7 129.733 1450.05 130.073L1432.62 132.984C1425.76 134.222 1420.03 136.204 1415.45 138.929C1410.87 141.654 1408.59 145.926 1408.59 151.732C1408.59 156.655 1410.39 160.541 1414.01 163.343C1417.62 166.161 1422.42 167.57 1428.41 167.57Z" fill="#FAFAF5"/>
+<path d="M1599.52 196.072C1590.01 196.072 1581.43 194.044 1573.77 190.003C1566.11 185.962 1559.37 180.404 1553.57 173.36V191.845H1519.51V0.399414H1553.57V76.1819C1559.37 68.6114 1566.11 62.8523 1573.77 58.889C1581.43 54.9257 1590.1 52.9441 1599.78 52.9441C1612.1 52.9441 1623.06 56.0249 1632.66 62.1865C1642.26 68.3482 1649.74 76.8477 1655.11 87.6693C1660.48 98.491 1663.16 110.861 1663.16 124.763C1663.16 138.666 1660.48 151.005 1655.11 161.733C1649.74 172.478 1642.26 180.884 1632.66 186.953C1623.06 193.022 1612.03 196.056 1599.52 196.056V196.072ZM1590.8 165.96C1598.2 165.96 1604.66 164.288 1610.21 160.944C1615.76 157.6 1620.08 152.801 1623.16 146.546C1626.24 140.291 1627.77 133.03 1627.77 124.763C1627.77 112.27 1624.43 102.238 1617.74 94.667C1611.05 87.0965 1602.07 83.319 1590.8 83.319C1579.53 83.319 1570.5 87.112 1563.74 94.667C1556.96 102.238 1553.57 112.27 1553.57 124.763C1553.57 133.046 1555.1 140.307 1558.18 146.546C1561.26 152.801 1565.61 157.6 1571.25 160.944C1576.88 164.288 1583.4 165.96 1590.78 165.96H1590.8Z" fill="#FAFAF5"/>
+<path d="M1733.4 196.072C1716.49 196.072 1702.85 192.248 1692.47 184.584C1682.08 176.921 1675.56 166.239 1672.93 152.506L1705.41 146.438C1706.82 154.008 1710.02 159.814 1715.05 163.87C1720.07 167.926 1726.37 169.939 1733.94 169.939C1740.98 169.939 1746.57 168.452 1750.71 165.449C1754.84 162.461 1756.92 158.761 1756.92 154.364C1756.92 150.323 1755.29 147.413 1752.02 145.648C1748.76 143.883 1742.83 141.948 1734.2 139.842C1732.62 139.486 1731.12 139.177 1729.71 138.913C1728.31 138.65 1726.8 138.341 1725.22 137.985C1714.14 135.337 1705.24 132.489 1698.55 129.408C1691.86 126.327 1686.66 122.147 1682.97 116.868C1679.29 111.588 1677.43 104.715 1677.43 96.2771C1677.43 87.8396 1679.68 80.0833 1684.17 73.5655C1688.66 67.0477 1695.08 61.9853 1703.44 58.378C1711.8 54.7708 1721.45 52.9595 1732.36 52.9595C1747.67 52.9595 1760 56.3964 1769.33 63.2547C1778.67 70.1131 1784.81 79.8046 1787.82 92.2983L1756.65 98.8935C1754.89 92.7318 1752.04 87.886 1748.08 84.3717C1744.11 80.8574 1738.88 79.0925 1732.36 79.0925C1726.56 79.0925 1721.62 80.4084 1717.58 83.0558C1713.52 85.7031 1711.51 89.1245 1711.51 93.351C1711.51 97.5775 1713.4 100.256 1717.19 101.928C1720.97 103.6 1727.89 105.489 1737.92 107.61C1738.45 107.78 1738.93 107.919 1739.37 108.012C1739.81 108.105 1740.3 108.229 1740.83 108.415C1752.98 111.062 1762.61 113.88 1769.75 116.868C1776.89 119.856 1782.34 124.036 1786.13 129.408C1789.91 134.78 1791.81 141.87 1791.81 150.664C1791.81 159.458 1789.44 167.833 1784.69 174.692C1779.94 181.55 1773.2 186.845 1764.49 190.529C1755.77 194.229 1745.43 196.072 1733.46 196.072H1733.4Z" fill="#FAFAF5"/>
+</svg>
diff --git a/src/common/components/layouts/Footer.vue b/src/common/components/layouts/Footer.vue
index 1343ce91e..506f964cf 100644
--- a/src/common/components/layouts/Footer.vue
+++ b/src/common/components/layouts/Footer.vue
@@ -1,54 +1,36 @@
 <template>
-    <v-footer padless color="white" class="footer-rsk d-flex justify-center align-end">
-      <v-col cols="11" class="pb-0">
-        <v-row justify="center" align="start" class="mx-0 py-md-0 py-xl-6">
-          <v-col>
-              <v-row class="footer-logo mx-0" align="end">
-                <span>Built by &nbsp;</span>
-                <v-col class="pa-0">
-                  <v-img position="center left"
-                         :src="require('@/assets/logo-rootstocklabs.png')"
-                         alt="RootstockLabs"
-                         width="100" contain class="rsk-main-logo"/>
-                </v-col>
-              </v-row>
-            <p>Copyright © 2024 RootstockLabs All rights reserved</p>
-          </v-col>
-          <v-col cols="7" class="pt-4">
-            <v-row justify="center" class="mx-0 footer-links">
-              <a href="https://rootstocklabs.com/" target="_blank">
-                About RootstockLabs
-              </a>
-              <a :href="helpUrl" target="_blank">Help</a>
-              <a :href="discordUrl" target="_blank">Support</a>
-              <a v-if="termsAndConditionsEnabled" href="#"
-                 @click.prevent="$emit('update:showDialog', true)">
-                Terms & Conditions
-              </a>
-              <a :href="urlApi" target="_blank" rel="noopener">Api Version: {{apiVersion}}</a>
-              <a :href="urlApp" target="_blank" rel="noopener">App Version: {{appVersion}}</a>
-            </v-row>
-          </v-col>
-          <v-col class="pt-1">
-            <v-row justify="end" class="mx-0 footer-icons">
-              <v-btn variant="plain" href="https://twitter.com/rootstock_io" target="_blank"
-                density="compact"
-                :icon="mdiTwitter">
-              </v-btn>
-              <v-btn variant="plain" href="https://github.com/rsksmart/2wp-app"  target="_blank"
-                density="compact"
-                :icon="mdiGithub">
-              </v-btn>
-              <v-btn variant="plain"
-                density="compact"
-                :href="discordUrl" target="_blank"
-                :icon="mdiDiscord">
-              </v-btn>
-            </v-row>
-          </v-col>
-        </v-row>
-      </v-col>
-    </v-footer>
+  <v-footer class="bg-background text-caption d-flex justify-space-between px-8 py-4">
+    <div>
+      <div class="d-flex align-baseline ga-1">
+        <span>Built by</span>
+        <v-img inline :src="getLogoSrc()" alt="RootstockLabs logo" width="100" />
+      </div>
+      <p class="text-bw-500">Copyright © 2024 RootstockLabs All rights reserved</p>
+    </div>
+    <div class="d-flex ga-4">
+      <a href="https://rootstocklabs.com/" target="_blank">
+        About RootstockLabs
+      </a>
+      <a :href="helpUrl" target="_blank">Help</a>
+      <a :href="discordUrl" target="_blank">Support</a>
+      <a v-if="termsAndConditionsEnabled" href="#"
+        @click.prevent="$emit('update:showDialog', true)">
+        Terms & Conditions
+      </a>
+      <a :href="urlApi" target="_blank" rel="noopener">Api Version: {{ apiVersion }}</a>
+      <a :href="urlApp" target="_blank" rel="noopener">App Version: {{ appVersion }}</a>
+    </div>
+    <div class="d-flex ga-2">
+      <v-btn variant="plain" href="https://twitter.com/rootstock_io" target="_blank" density="compact" :icon="mdiTwitter">
+      </v-btn>
+      <v-btn variant="plain" href="https://github.com/rsksmart/2wp-app" target="_blank" density="compact"
+        :icon="mdiGithub">
+      </v-btn>
+      <v-btn variant="plain" density="compact" :href="discordUrl" target="_blank"
+        :icon="mdiDiscord">
+      </v-btn>
+    </div>
+  </v-footer>
 </template>
 
 <script lang="ts">
@@ -61,6 +43,7 @@ import { useRoute } from 'vue-router';
 import { useGetter, useStateAttribute } from '@/common/store/helper';
 import * as constants from '@/common/store/constants';
 import { Feature } from '@/common/types';
+import { useTheme } from 'vuetify';
 
 export default {
   name: 'FooterRsk',
@@ -105,6 +88,11 @@ export default {
       return feature;
     }
 
+    const { global: { current } } = useTheme();
+    function getLogoSrc() {
+      return current.value.dark ? require('@/assets/logo-rootstocklabs-white.svg') : require('@/assets/logo-rootstocklabs-black.svg');
+    }
+
     const helpUrl = computed(() => `https://dev.rootstock.io/guides/two-way-peg-app/${getDevPortalSlug()}`);
 
     ApiService.getApiInformation()
@@ -123,7 +111,15 @@ export default {
       mdiDiscord,
       mdiGithub,
       termsAndConditionsEnabled,
+      getLogoSrc,
     };
   },
 };
 </script>
+
+<style scoped>
+p {
+  font-size: 10px;
+  line-height: 1;
+}
+</style>
diff --git a/src/common/components/layouts/Top.vue b/src/common/components/layouts/Top.vue
index e4d48f302..d8251820b 100644
--- a/src/common/components/layouts/Top.vue
+++ b/src/common/components/layouts/Top.vue
@@ -1,51 +1,40 @@
 <template>
-  <v-app-bar color="#fff" elevation="0" class="mx-8 top" style="position: relative; height: 80px;">
-    <v-row justify="center">
-      <v-col cols="11" class="d-flex flex-column align-start px-0">
-        <v-col cols="auto" class="top-logo">
-          <v-col cols="auto" class="px-0 pb-1">
-            <v-img @click="toExchange" position="center left"
-                   :src="logo"
-                   :alt="`${environmentContext.getRskText()} Two Way Peg`"
-                   height="65" width="180" contain class="rsk-main-logo"/>
-          </v-col>
-        </v-col>
-      </v-col>
-    </v-row>
-  </v-app-bar>
+  <header class="d-flex justify-space-between align-center py-4 px-8">
+    <div class="d-flex align-center ga-2">
+      <v-img inline width="160" alt="Rootstock logo" class="cursor-pointer"
+        :src="getLogoSrc()" @click="goHome">
+      </v-img>
+      <h1 class="text-purple text-h5">2 Way Peg</h1>
+    </div>
+    <v-switch inset hide-details base-color="purple" @click="toggleTheme" />
+  </header>
 </template>
 
 <script lang="ts">
-import { EnvironmentAccessorService } from '@/common/services/enviroment-accessor.service';
-import * as constants from '@/common/store/constants';
-import EnvironmentContextProviderService from '@/common/providers/EnvironmentContextProvider';
-import { getMainLogo } from '@/common/utils';
 import { useRoute, useRouter } from 'vue-router';
-import { computed } from 'vue';
+import { useTheme } from 'vuetify';
 
 export default {
   name: 'TopBar',
   setup() {
     const router = useRouter();
     const route = useRoute();
-    const environmentVariables = EnvironmentAccessorService.getEnvironmentVariables();
-    const environmentContext = EnvironmentContextProviderService.getEnvironmentContext();
-    const logo = getMainLogo();
-
-    const isTestNet = computed(
-      () => environmentVariables.vueAppCoin === constants.BTC_NETWORK_TESTNET,
-    );
-
-    function toExchange() {
+    function goHome() {
       if (route.name !== 'Home') router.push({ name: 'Home' });
     }
 
+    const { global: { current, name } } = useTheme();
+    function toggleTheme() {
+      name.value = current.value.dark ? 'light' : 'dark';
+    }
+    function getLogoSrc() {
+      return current.value.dark ? require('@/assets/logo-rootstock-white.svg') : require('@/assets/logo-rootstock-black.svg');
+    }
+
     return {
-      environmentVariables,
-      environmentContext,
-      isTestNet,
-      toExchange,
-      logo,
+      goHome,
+      toggleTheme,
+      getLogoSrc,
     };
   },
 };
diff --git a/src/common/plugins/vuetify.ts b/src/common/plugins/vuetify.ts
index ff7a0df33..5cb4dc0a3 100644
--- a/src/common/plugins/vuetify.ts
+++ b/src/common/plugins/vuetify.ts
@@ -19,6 +19,7 @@ const ROOTSTOCK_COLORS = {
   'bw-600': '#454545',
   'bw-500': '#898989',
   'bw-400': '#B8B8B8',
+  'off-white': '#FAF9F5',
 };
 
 export const vuetify = createVuetify({
@@ -47,11 +48,19 @@ export const vuetify = createVuetify({
           background: '#000',
           surface: '#252525',
         },
+        variables: {
+          'theme-on-purple': '#000',
+          'theme-on-green': '#000',
+        },
       },
       light: {
         colors: {
           ...ROOTSTOCK_COLORS,
         },
+        variables: {
+          'theme-on-purple': '#000',
+          'theme-on-green': '#000',
+        },
       },
     },
     cspNonce: vuetifyNonce,
diff --git a/src/common/styles/_buttons.scss b/src/common/styles/_buttons.scss
index 298330b55..c2e801244 100644
--- a/src/common/styles/_buttons.scss
+++ b/src/common/styles/_buttons.scss
@@ -27,3 +27,9 @@
     box-shadow: 2px 2px rgba(var(--v-theme-on-background), var(--v-disabled-opacity));
   }
 }
+
+.v-btn.v-btn--variant-text:hover {
+  &>.v-btn__overlay {
+    opacity: 0;
+  }
+}
\ No newline at end of file
diff --git a/src/common/styles/main.scss b/src/common/styles/main.scss
index cc567b3c4..ccde1445f 100644
--- a/src/common/styles/main.scss
+++ b/src/common/styles/main.scss
@@ -1 +1,10 @@
-@import 'buttons.scss'
\ No newline at end of file
+@import 'buttons.scss';
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
\ No newline at end of file
diff --git a/src/common/views/Home.vue b/src/common/views/Home.vue
index a0650b081..c644453b8 100644
--- a/src/common/views/Home.vue
+++ b/src/common/views/Home.vue
@@ -1,164 +1,91 @@
 <template>
-  <v-container fluid class="exchange normalized-height container
-  max-width mx-6">
-    <v-container fluid class="exchange">
-      <v-row justify="center" class="mx-0">
-        <v-col>
-          <v-row class="mx-0 mb-5 d-flex justify-center">
-            <h1 class="title-landing">2-Way Peg App</h1>
-          </v-row>
-        </v-col>
-      </v-row>
-      <v-row justify="center" class="mx-0">
-        <v-col>
-          <v-row class="mx-0 mb-5 d-flex justify-center">
-            <h2>Bridging {{environmentContext.getBtcTicker()}} and
-            {{environmentContext.getRbtcTicker()}}</h2>
+  <v-container fluid>
+    <v-alert v-if="!isAllowedBrowser" variant="outlined" type="warning" prominent>
+      Only Chrome and Brave browsers are allowed
+    </v-alert>
+    <v-row v-else no-gutters justify="space-around">
+      <v-col lg="4" xl="3" xxl="2">
+        <div class="d-flex text-h1 flex-wrap">
+          <span class="mx-1 my-2 pa-4 bg-purple">Bridging</span>
+          <span class="mx-1 my-2 pa-4 bg-orange">{{ environmentContext.getBtcTicker() }}</span>
+          <span class="mx-1 my-2 pa-4 bg-off-white">and</span>
+          <span class="mx-1 my-2 pa-4 bg-green">{{ environmentContext.getRbtcTicker() }}</span>
+        </div>
+      </v-col>
+      <v-col lg="4" xl="3" xxl="2" class="d-flex flex-column ga-6">
+        <v-btn @click="selectPegIn"
+          :disabled="!isAllowedBrowser || (!areTermsAccepted && !!termsAndConditionsEnabled)"
+          class="d-block pa-6 rounded-lg h-auto border-sm">
+          <v-row no-gutters align="center" justify="space-between">
+            <v-col cols="4">
+              <div class="d-flex text-h3 ga-1 flex-wrap">
+                <span class="pa-1 bg-orange">{{ environmentContext.getBtcTicker() }}</span>
+                <span class="pa-1 bg-purple">TO</span>
+                <span class="pa-1 bg-green">{{ environmentContext.getRbtcTicker() }}</span>
+              </div>
+            </v-col>
+            <v-col cols="4" xl="3">
+              <v-img :src="require('@/assets/arrows-in.svg')"></v-img>
+            </v-col>
           </v-row>
-          <v-row class="mx-0 mt-10 d-flex justify-center" v-if="termsAndConditionsEnabled">
-            <v-col class="d-flex justify-center terms-label">
-              <v-col class="d-flex justify-center terms-label">
-              <v-row class="d-flex justify-center">
-                  <v-row class="ma-0 pa-0 d-flex justify-center">
-                    <label for="termscheck" class="pa-0 d-flex align-center mx-3">
-                    <input id="termscheck" type="checkbox" :checked="areTermsAccepted"
-                            @click="updateCookie" >
-                    </label>
-                    I acknowledge and accept the
-                    <a href="#" rel="noopener" @key-press="toggleCheck" class="px-1"
-                       @click.prevent="$emit('update:showDialog', true)">
-                    terms and conditions</a>
-                  </v-row>
-              </v-row>
+        </v-btn>
+        <v-btn @click="selectPegOut" :disabled="!areTermsAccepted && !!termsAndConditionsEnabled"
+          class="d-block pa-6 rounded-lg h-auto border-sm">
+          <v-row no-gutters align="center" justify="space-between">
+            <v-col cols="4">
+              <div class="d-flex text-h3 ga-1 flex-wrap">
+                <span class="pa-1 bg-green">{{ environmentContext.getRbtcTicker() }}</span>
+                <span class="pa-1 bg-purple">TO</span>
+                <span class="pa-1 bg-orange">{{ environmentContext.getBtcTicker() }}</span>
+              </div>
             </v-col>
+            <v-col cols="4" xl="3">
+              <v-img :src="require('@/assets/arrows-out.svg')"></v-img>
             </v-col>
           </v-row>
-            <v-row class="mx-0 mt-10 d-flex justify-center">
-              <p>Select your token conversion</p>
-            </v-row>
-            <v-row justify="center" class="mt-6">
-              <v-col cols="4" class="d-flex justify-end pb-0">
-                <v-btn @click="selectPegIn" :disabled="!isAllowedBrowser
-                || (!areTermsAccepted && !!termsAndConditionsEnabled)" outlined
-                       v-bind:class="btnWalletClass">
-                  <div>
-                    <v-row class="mx-0 d-flex justify-center">
-                      <v-col/>
-                      <v-col class="pa-0 d-flex align-center">
-                        <v-img :src="btcIcon" width="40" height="40" contain/>
-                      </v-col>
-                      <v-col class="pa-0 d-flex align-center">
-                        <v-icon :icon="mdiArrowRight" class="wallet-button-content" size="x-large">
-                        </v-icon>
-                      </v-col>
-                      <v-col class="pa-0 d-flex align-center">
-                        <v-img :src="rbtcIcon" width="40" height="40" contain/>
-                      </v-col>
-                      <v-col/>
-                    </v-row>
-                    <v-row class="mx-0 d-flex justify-center">
-                      <span class="wallet-button-content">{{environmentContext.getBtcTicker()}} to
-                      {{environmentContext.getRbtcTicker()}}</span>
-                    </v-row>
-                  </div>
-                </v-btn>
-              </v-col>
-              <v-col cols="4" class="d-flex justify-start pb-0">
-                <v-col class="ma-0 pa-0" cols="auto">
-                  <v-btn @click="selectPegOut"
-                          :disabled="!areTermsAccepted && !!termsAndConditionsEnabled"
-                          class="wallet-button mb-0" outlined>
-                    <div>
-                      <v-row class="mx-0 d-flex justify-center">
-                        <v-col/>
-                        <v-col class="pa-0 d-flex align-center">
-                          <v-img :src="require('@/assets/exchange/rbtc.png')"
-                                  width="40" height="40" contain/>
-                        </v-col>
-                        <v-col class="pa-0 d-flex align-center">
-                          <v-icon :icon="mdiArrowRight" class="wallet-button-content"
-                                  size="x-large">
-                          </v-icon>
-                        </v-col>
-                        <v-col class="pa-0 d-flex align-center">
-                          <v-img :src="require('@/assets/exchange/btc.png')"
-                                  width="40" height="40" contain/>
-                        </v-col>
-                        <v-col/>
-                      </v-row>
-                      <v-row class="mx-0 d-flex justify-center">
-                        <span class="wallet-button-content">
-                          {{environmentContext.getRbtcTicker()}} to
-                          {{environmentContext.getBtcTicker()}}
-                        </span>
-                      </v-row>
-                    </div>
-                  </v-btn>
-                </v-col>
-              </v-col>
-            </v-row>
-            <v-row class="mx-0 mt-12 d-flex justify-center">
-              <p>Or check the status of your transaction</p>
-            </v-row>
-            <v-row class="d-flex justify-center pt-6">
-              <v-btn @click="toPegInStatus" outlined
-                     v-bind:class="[ btnWalletClass, STATUS ? 'selected' : '' ]"
-                     :disabled="!isAllowedBrowser">
-                <div>
-                  <v-row class="mx-0 d-flex justify-center">
-                    <v-col/>
-                    <v-col class="pa-0 d-flex align-center mx-3">
-                      <v-img :src="statusIcon" width="60" contain/>
-                    </v-col>
-                    <v-col/>
-                  </v-row>
-                  <v-row class="mx-0 d-flex justify-center mt-2">
-                    <span class="wallet-button-content">Transaction status</span>
-                  </v-row>
-                </div>
-              </v-btn>
-            </v-row>
-            <v-row v-if="!isAllowedBrowser" class="mx-0 mt-10 d-flex justify-center">
-              <v-alert
-              outlined
-              type="warning"
-              prominent
-              >
-                Only Chrome and Brave browsers are allowed
-              </v-alert>
-            </v-row>
-        </v-col>
-      </v-row>
-    </v-container>
+        </v-btn>
+        <div class="d-flex justify-center gc-2 align-baseline flex-wrap">
+          <span>Already made a transaction?</span>
+          <v-btn variant="text" color="orange" density="compact" class="pa-0 text-body-1"
+            @click="toStatusSearch">
+            Transaction Status
+          </v-btn>
+        </div>
+      </v-col>
+    </v-row>
   </v-container>
+  <v-row v-if="termsAndConditionsEnabled" class="d-flex justify-center">
+    <label for="termscheck" class="pa-0 d-flex align-center mx-3">
+      <input id="termscheck" type="checkbox" :checked="areTermsAccepted" @click="updateCookie">
+    </label>
+    <span>
+      I acknowledge and accept the
+      <a href="#" rel="noopener" @key-press="toggleCheck" class="px-1"
+        @click.prevent="$emit('update:showDialog', true)">
+        terms and conditions
+      </a>
+    </span>
+  </v-row>
 </template>
 
 <script lang="ts">
-import { computed, ref } from 'vue';
+import { ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
-import { mdiArrowRight } from '@mdi/js';
 import * as constants from '@/common/store/constants';
 import EnvironmentContextProviderService from '@/common/providers/EnvironmentContextProvider';
 import { isAllowedCurrentBrowser } from '@/common/utils';
-import {
-  Feature,
-  TransactionType,
-} from '@/common/types';
+import { Feature } from '@/common/types';
 import { useAction, useStateAttribute } from '@/common/store/helper';
 
 export default {
   name: 'HomeView',
   setup() {
     const router = useRouter();
-    const STATUS = ref(false);
     const environmentContext = EnvironmentContextProviderService.getEnvironmentContext();
     const isAllowedBrowser = isAllowedCurrentBrowser();
     const showTermsAndConditions = ref(false);
-
-    const txType = useStateAttribute<TransactionType>('web3Session', 'txType');
     const areTermsAccepted = useStateAttribute<boolean>('web3Session', 'acceptedTerms');
     const termsAndConditionsEnabled = useStateAttribute<Feature>('web3Session', 'termsAndConditionsEnabled');
-
     const clear = useAction('pegInTx', constants.PEGIN_TX_CLEAR_STATE);
     const clearPegOut = useAction('pegOutTx', constants.PEGOUT_TX_CLEAR);
     const clearSession = useAction('web3Session', constants.SESSION_CLEAR);
@@ -167,28 +94,6 @@ export default {
     const getBtcPrice = useAction('web3Session', constants.SESSION_ADD_BITCOIN_PRICE);
     const clearFlyoverPegout = useAction('flyoverPegout', constants.FLYOVER_PEGOUT_CLEAR_STATE);
 
-    const btcToRbtc = computed((): boolean => txType.value === constants.PEG_IN_TRANSACTION_TYPE);
-
-    const btnWalletClass = computed(() => (isAllowedBrowser ? 'wallet-button mb-0' : 'wallet-button-disabled mb-0'));
-
-    const btcIcon = computed(() => {
-      const btcIconName = isAllowedBrowser ? 'btc.png' : 'btc-disable.png';
-      // eslint-disable-next-line global-require, import/no-dynamic-require
-      return require(`@/assets/exchange/${btcIconName}`);
-    });
-
-    const rbtcIcon = computed(() => {
-      const rbtcIconName = isAllowedBrowser ? 'rbtc.png' : 'rbtc-disable';
-      // eslint-disable-next-line global-require, import/no-dynamic-require
-      return require(`@/assets/exchange/${rbtcIconName}`);
-    });
-
-    const statusIcon = computed(() => {
-      const statusIconName = isAllowedBrowser ? 'status-icon.svg' : 'status-icon-disabled.svg';
-      // eslint-disable-next-line global-require, import/no-dynamic-require
-      return require(`@/assets/status/${statusIconName}`);
-    });
-
     function selectPegIn(): void {
       addPeg(constants.PEG_IN_TRANSACTION_TYPE);
       router.push({ name: 'PegIn' });
@@ -217,8 +122,7 @@ export default {
     }
 
     const route = useRoute();
-    function toPegInStatus(): void {
-      STATUS.value = true;
+    function toStatusSearch(): void {
       if (route.path !== '/status') router.push('/status');
     }
 
@@ -234,15 +138,8 @@ export default {
       environmentContext,
       selectPegIn,
       isAllowedBrowser,
-      btnWalletClass,
-      btcToRbtc,
-      btcIcon,
-      rbtcIcon,
       selectPegOut,
-      toPegInStatus,
-      STATUS,
-      statusIcon,
-      mdiArrowRight,
+      toStatusSearch,
       showTermsAndConditions,
       closeTermsDialog,
       areTermsAccepted,
diff --git a/src/common/views/Mobile.vue b/src/common/views/Mobile.vue
index e09a931ab..2becc8160 100644
--- a/src/common/views/Mobile.vue
+++ b/src/common/views/Mobile.vue
@@ -1,35 +1,18 @@
 <template>
-  <v-container v-if="smAndDown" class="mobile" fluid>
-    <v-row class="mobile-content mx-0">
-      <v-col class="py-0">
-        <v-img position="center center" :src="require('@/assets/logo-rootstock-black.png')"
-               v-bind:height="sm ? 175 : 105" contain/>
-      </v-col>
-      <v-col cols="12" class="text-center d-flex flex-column align-center py-0">
-        <div v-bind:class="[sm ? 'title-warning-sm' : 'title-warning-xs']">
-          <h1>Mobile is not available</h1>
-        </div>
-        <div v-bind:class="[sm ? 'text-warning-sm' : 'text-warning-xs']">
-          <p>The mobile functionality is not currently implemented.
-            Redirect to your computer to use the service.</p>
-          <p>Thank you</p>
-        </div>
-      </v-col>
-    </v-row>
-  </v-container>
+  <div class="ma-auto text-center pa-12">
+    <h1>Mobile is not available</h1>
+    <p>{{ copy }}</p>
+  </div>
 </template>
 
 <script lang="ts">
-import { useDisplay } from 'vuetify';
-
 export default {
   name: 'MobileView',
   setup() {
-    const { sm, smAndDown } = useDisplay();
+    const copy = 'The mobile functionality is not currently implemented. Redirect to your computer to use the service. Thank you.';
 
     return {
-      sm,
-      smAndDown,
+      copy,
     };
   },
 };
diff --git a/src/scss/settings.scss b/src/scss/settings.scss
index a510143c7..24d12984c 100644
--- a/src/scss/settings.scss
+++ b/src/scss/settings.scss
@@ -6,6 +6,11 @@
       "line-height": 0.8,
       "weight": 700,
     ),
+    'h3': (
+      'size': 2rem,
+      'weight': 700,
+      'line-height': 0.8,
+    ),
     "body-1": (
       "line-height": 1.4,
     ),