diff --git a/public/favicon.ico b/public/favicon.ico
index f103eadbc..8f5b02d4a 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/src/assets/css/global/social-icons.css b/src/assets/css/global/social-icons.css
index f2c30a09f..7072e6084 100644
--- a/src/assets/css/global/social-icons.css
+++ b/src/assets/css/global/social-icons.css
@@ -1,7 +1,5 @@
 .social-icon .logo {
-  fill: #fff;
-
-  @apply transition-all;
+  @apply transition-all fill-primary-refi;
 }
 
 .dark .social-icon .logo {
@@ -15,7 +13,7 @@
 }
 
 .social-icon .bg {
-  fill: #0f172a; /* gray-900 */
+  fill: #fff;
 
   @apply transition-all;
 }
diff --git a/src/assets/css/tailwind.css b/src/assets/css/tailwind.css
index 5193931e3..edc5e61ab 100644
--- a/src/assets/css/tailwind.css
+++ b/src/assets/css/tailwind.css
@@ -88,13 +88,13 @@
   }
 
   .link {
-    @apply text-blue-600 hover:text-purple-600 focus:text-purple-600 dark:text-blue-400 dark:hover:text-yellow-500
-      dark:focus:text-yellow-500 hover:underline focus:underline transition-all;
+    @apply text-blue-600 hover:text-accent-refi focus:text-accent-refi dark:text-blue-400 dark:hover:text-yellow-500
+      dark:focus:text-yellow-500 transition-all;
   }
 
   .link-black {
-    @apply text-gray-900 hover:text-purple-600 focus:text-purple-600 dark:text-gray-100 dark:hover:text-yellow-500
-      dark:focus:text-yellow-500 hover:underline focus:underline transition-all;
+    @apply text-gray-900 hover:text-accent-refi focus:text-accent-refi dark:text-gray-100 dark:hover:text-yellow-500
+      dark:focus:text-yellow-500 transition-all;
   }
 
   .text-shadow {
diff --git a/src/components/_global/BalBtn/BalBtn.vue b/src/components/_global/BalBtn/BalBtn.vue
index 9d65da6a0..59af526ce 100644
--- a/src/components/_global/BalBtn/BalBtn.vue
+++ b/src/components/_global/BalBtn/BalBtn.vue
@@ -3,28 +3,28 @@
 import BalLoadingIcon from '../BalLoadingIcon/BalLoadingIcon.vue';
 
 import {
-  hoverFrom,
-  hoverTo,
-  gradientFrom,
-  gradientTo,
-  loadingFrom,
-  loadingTo,
+  background,
   backgroundFlat,
+  border,
+  darkBackground,
   darkBackgroundFlat,
+  darkBorder,
+  darkFocusBorder,
+  darkHoverBackground,
   darkHoverBackgroundFlat,
-  hoverBackgroundFlat,
+  darkHoverBorder,
+  darkText,
+  gradientFrom,
+  gradientTo,
   hoverBackground,
+  hoverBackgroundFlat,
+  hoverFrom,
+  hoverTo,
   loadingBackground,
   loadingDarkBackground,
-  background,
-  darkHoverBackground,
-  darkBackground,
-  border,
-  darkBorder,
-  darkHoverBorder,
+  loadingFrom,
+  loadingTo,
   text,
-  darkText,
-  darkFocusBorder,
 } from 'button-options';
 
 type Props = {
@@ -137,7 +137,7 @@ const bgColorClasses = computed(() => {
   else if (props.outline) return 'bg-transparent';
   else if (props.flat) return bgFlatClasses.value;
   else if (props.color === 'white') {
-    return 'bg-gray-50 hover:bg-white dark:bg-gray-800';
+    return 'bg-white hover:bg-transparent dark:bg-gray-800';
   } else {
     if (props.disabled) {
       return `bg-gray-300 dark:bg-gray-700 text-white dark:text-gray-500`;
diff --git a/src/components/_global/BalRadio/BalRadio.vue b/src/components/_global/BalRadio/BalRadio.vue
index 9b7982291..650c9fca5 100644
--- a/src/components/_global/BalRadio/BalRadio.vue
+++ b/src/components/_global/BalRadio/BalRadio.vue
@@ -125,22 +125,17 @@ export default defineComponent({
 }
 
 .bal-radio-input:focus {
-  @apply border-2 border-blue-500 dark:border-blue-400;
+  @apply border-2 border-refi-text dark:border-blue-400;
 }
 
 .bal-radio-input:checked {
-  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
-  border-color: transparent;
-  background-color: currentcolor;
-  background-size: 100% 100%;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.78905 0.207686C8.70347 0.240631 7.83282 1.2478 6.29239 3.09585L3.92711 5.93341L2.62331 4.63541C1.22416 3.24253 1.13839 3.17924 0.748289 3.25239C0.549318 3.28971 0.31239 3.47347 0.211318 3.66883C0.121694 3.84216 0.120827 4.16145 0.209585 4.3292C0.247397 4.40062 0.956351 5.13352 1.78509 5.95784C3.21036 7.37549 3.30605 7.46076 3.55322 7.5329C3.69692 7.57484 3.87207 7.60918 3.94245 7.60918C4.13608 7.60918 4.49299 7.48972 4.66493 7.36732C4.80954 7.26435 9.49868 1.68137 9.74378 1.32028C9.96594 0.992957 9.86655 0.546168 9.5133 0.284636C9.36369 0.173876 8.9822 0.133334 8.78905 0.207686Z' fill='%230468BE'/%3E%3C/svg%3E");
+  border-color: theme(colors.refi-text);
+  background-size: 40% 100%;
   background-position: center;
   background-repeat: no-repeat;
 }
 
-.bal-radio-input:checked:focus {
-  @apply border-transparent;
-}
-
 .bal-radio-label {
   @apply ml-2 flex-1;
 }
diff --git a/src/components/_global/icons/brands/LinkedinIcon.vue b/src/components/_global/icons/brands/LinkedinIcon.vue
new file mode 100644
index 000000000..d5dbd8723
--- /dev/null
+++ b/src/components/_global/icons/brands/LinkedinIcon.vue
@@ -0,0 +1,15 @@
+<template>
+  <svg
+    fill="#000000"
+    width="800px"
+    height="800px"
+    viewBox="-2 -2 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    preserveAspectRatio="xMinYMin"
+    class="jam jam-linkedin"
+  >
+    <path
+      d="M19.959 11.719v7.379h-4.278v-6.885c0-1.73-.619-2.91-2.167-2.91-1.182 0-1.886.796-2.195 1.565-.113.275-.142.658-.142 1.043v7.187h-4.28s.058-11.66 0-12.869h4.28v1.824l-.028.042h.028v-.042c.568-.875 1.583-2.126 3.856-2.126 2.815 0 4.926 1.84 4.926 5.792zM2.421.026C.958.026 0 .986 0 2.249c0 1.235.93 2.224 2.365 2.224h.028c1.493 0 2.42-.989 2.42-2.224C4.787.986 3.887.026 2.422.026zM.254 19.098h4.278V6.229H.254v12.869z"
+    />
+  </svg>
+</template>
\ No newline at end of file
diff --git a/src/components/_global/icons/brands/TelegramIcon.vue b/src/components/_global/icons/brands/TelegramIcon.vue
new file mode 100644
index 000000000..a90789592
--- /dev/null
+++ b/src/components/_global/icons/brands/TelegramIcon.vue
@@ -0,0 +1,24 @@
+<template>
+  <svg
+    id="Layer_1"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    x="0px"
+    y="0px"
+    viewBox="0 0 300 300"
+    style="enable-background: new 0 0 300 300"
+    xml:space="preserve"
+  >
+    <g id="XMLID_496_">
+      <path
+        id="XMLID_497_"
+        d="M5.299,144.645l69.126,25.8l26.756,86.047c1.712,5.511,8.451,7.548,12.924,3.891l38.532-31.412
+          c4.039-3.291,9.792-3.455,14.013-0.391l69.498,50.457c4.785,3.478,11.564,0.856,12.764-4.926L299.823,29.22
+          c1.31-6.316-4.896-11.585-10.91-9.259L5.218,129.402C-1.783,132.102-1.722,142.014,5.299,144.645z M96.869,156.711l135.098-83.207
+          c2.428-1.491,4.926,1.792,2.841,3.726L123.313,180.87c-3.919,3.648-6.447,8.53-7.163,13.829l-3.798,28.146
+          c-0.503,3.758-5.782,4.131-6.819,0.494l-14.607-51.325C89.253,166.16,91.691,159.907,96.869,156.711z"
+      />
+    </g>
+  </svg>
+</template>
\ No newline at end of file
diff --git a/src/components/footer/Footer.vue b/src/components/footer/Footer.vue
index d4219e26f..ced5f7163 100644
--- a/src/components/footer/Footer.vue
+++ b/src/components/footer/Footer.vue
@@ -1,21 +1,17 @@
 <script lang="ts" setup>
-import IconDiscord from '@/components/icons/IconDiscord.vue';
 import IconGithub from '@/components/icons/IconGithub.vue';
 import IconLinkedin from '@/components/icons/IconLinkedin.vue';
 import IconMail from '@/components/icons/IconMail.vue';
-import IconMedium from '@/components/icons/IconMedium.vue';
+import IconTelegram from '@/components/icons/IconTelegram.vue';
 import IconTwitter from '@/components/icons/IconTwitter.vue';
-import IconYoutube from '@/components/icons/IconYoutube.vue';
 import { EXTERNAL_LINKS } from '@/constants/links';
 
 import useNetwork from '@/composables/useNetwork';
 
-import AppLogo from '../images/AppLogo.vue';
-import { useThirdPartyServices } from '@/composables/useThirdPartyServices';
 import { useAppzi } from '@/composables/useAppzi';
+import AppLogo from '../images/AppLogo.vue';
 
 const { networkSlug } = useNetwork();
-const { handleThirdPartyModalToggle } = useThirdPartyServices();
 const { openNpsModal } = useAppzi();
 </script>
 
@@ -32,7 +28,15 @@ const { openNpsModal } = useAppzi();
             class="font-medium link"
             :to="{ name: 'home', params: { networkSlug } }"
           >
-            <AppLogo class="mb-4" />
+            <AppLogo
+              class="mb-4"
+              fillColor="#ffffff"
+              hoverFillColor="#FA7369"
+              color="#ffffff"
+              hoverColor="#FA7369"
+              :text="true"
+              size="large"
+            />
           </router-link>
 
           <div class="flex md:hidden flex-col gap-2">
@@ -79,16 +83,6 @@ const { openNpsModal } = useAppzi();
           </div>
 
           <div class="flex flex-wrap md:order-3 gap-3 md:gap-4">
-            <BalLink
-              :href="EXTERNAL_LINKS.Balancer.Home"
-              external
-              noStyle
-              class="group link link--external"
-            >
-              {{ $t('about') }}
-              <BalIcon name="arrow-up-right" size="sm" class="arrow" />
-            </BalLink>
-
             <BalLink
               :href="EXTERNAL_LINKS.Balancer.Docs"
               external
@@ -96,7 +90,6 @@ const { openNpsModal } = useAppzi();
               class="group link link--external"
             >
               {{ $t('docs') }}
-              <BalIcon name="arrow-up-right" size="sm" class="arrow" />
             </BalLink>
 
             <BalLink
@@ -105,48 +98,34 @@ const { openNpsModal } = useAppzi();
               noStyle
               class="group link link--external"
             >
-              {{ $t('forum') }}
-              <BalIcon name="arrow-up-right" size="sm" class="arrow" />
-            </BalLink>
-
-            <BalLink
-              :href="EXTERNAL_LINKS.Balancer.Vote"
-              external
-              noStyle
-              class="group link link--external"
-            >
-              {{ $t('vote') }}
-              <BalIcon name="arrow-up-right" size="sm" class="arrow" />
+              {{ $t('tokens') }}
             </BalLink>
 
             <BalLink
-              :href="EXTERNAL_LINKS.Balancer.Grants"
+              :href="EXTERNAL_LINKS.Balancer.Placeholder"
               external
               noStyle
               class="group link link--external"
             >
-              {{ $t('grants') }}
-              <BalIcon name="arrow-up-right" size="sm" class="arrow" />
+              {{ $t('forum') }}
             </BalLink>
 
             <BalLink
-              :href="EXTERNAL_LINKS.Balancer.BugBounty"
+              :href="EXTERNAL_LINKS.Balancer.Placeholder"
               external
               noStyle
               class="group link link--external"
             >
-              {{ $t('bugBounty') }}
-              <BalIcon name="arrow-up-right" size="sm" class="arrow" />
+              {{ $t('support') }}
             </BalLink>
 
             <BalLink
-              :href="EXTERNAL_LINKS.Balancer.Analytics"
+              :href="EXTERNAL_LINKS.Balancer.Placeholder"
               external
               noStyle
               class="group link link--external"
             >
               {{ $t('analytics') }}
-              <BalIcon name="arrow-up-right" size="sm" class="arrow" />
             </BalLink>
           </div>
         </div>
@@ -161,26 +140,12 @@ const { openNpsModal } = useAppzi();
                 >
                   <IconTwitter />
                 </BalLink>
-                <BalLink
-                  :href="EXTERNAL_LINKS.Balancer.Social.Discord"
-                  external
-                  noStyle
-                >
-                  <IconDiscord />
-                </BalLink>
                 <BalLink
                   :href="EXTERNAL_LINKS.Balancer.Social.Medium"
                   external
                   noStyle
                 >
-                  <IconMedium />
-                </BalLink>
-                <BalLink
-                  :href="EXTERNAL_LINKS.Balancer.Social.Youtube"
-                  external
-                  noStyle
-                >
-                  <IconYoutube />
+                  <IconTelegram />
                 </BalLink>
                 <BalLink
                   :href="EXTERNAL_LINKS.Balancer.Social.Github"
@@ -228,19 +193,6 @@ const { openNpsModal } = useAppzi();
                 {{ $t('policies.cookiesPolicy') }}
               </router-link>
             </p>
-            <p>
-              <router-link class="policy" :to="{ name: 'risks' }">
-                {{ $t('policies.risks') }}
-              </router-link>
-            </p>
-            <p>
-              <span
-                class="cursor-pointer policy"
-                @click="handleThirdPartyModalToggle(true)"
-              >
-                {{ $t('policies.thirdPartyServices') }}
-              </span>
-            </p>
           </div>
         </div>
       </div>
@@ -250,7 +202,7 @@ const { openNpsModal } = useAppzi();
 
 <style scoped>
 footer {
-  @apply bg-gray-50 dark:bg-gray-900;
+  @apply bg-primary-refi dark:bg-gray-900;
 }
 
 footer :deep(.logotype) {
@@ -260,7 +212,7 @@ footer :deep(.logotype) {
 }
 
 .link {
-  @apply text-black dark:text-white transition-colors flex items-center no-underline hover:text-purple-600;
+  @apply text-white dark:text-white transition-colors flex items-center no-underline hover:text-accent-refi;
 }
 
 .link--external {
@@ -269,7 +221,7 @@ footer :deep(.logotype) {
 
 .link:hover,
 .link:focus-visible {
-  @apply text-purple-600 dark:text-yellow-500 no-underline;
+  @apply text-accent-refi dark:text-yellow-500 no-underline;
 }
 
 .link:focus:not(:focus-visible) {
@@ -277,14 +229,14 @@ footer :deep(.logotype) {
 }
 
 .policy {
-  @apply text-sm text-gray-600 dark:text-gray-400 hover:text-purple-600 dark:hover:text-yellow-500;
+  @apply text-sm text-white dark:text-gray-400 hover:text-accent-refi dark:hover:text-yellow-500;
 }
 
 .arrow {
-  @apply text-gray-300 dark:text-gray-600 group-hover:text-purple-600 dark:group-hover:text-yellow-500;
+  @apply text-gray-300 dark:text-gray-600 group-hover:text-accent-refi dark:group-hover:text-yellow-500;
 }
 
 .router-link-active {
   @apply text-blue-600 dark:text-blue-400;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/src/components/icons/IconDiscord.vue b/src/components/icons/IconDiscord.vue
index 70980bdd4..49b086abb 100644
--- a/src/components/icons/IconDiscord.vue
+++ b/src/components/icons/IconDiscord.vue
@@ -30,6 +30,6 @@ export default {};
 
 <style scoped>
 .social-icon:hover .bg {
-  fill: #7289da;
+  fill: theme('colors.accent-refi');
 }
 </style>
diff --git a/src/components/icons/IconGithub.vue b/src/components/icons/IconGithub.vue
index 73f99dcda..b83bc81c7 100644
--- a/src/components/icons/IconGithub.vue
+++ b/src/components/icons/IconGithub.vue
@@ -30,6 +30,6 @@ export default {};
 
 <style scoped>
 .social-icon:hover .bg {
-  fill: #444;
+  fill: theme('colors.accent-refi');
 }
 </style>
diff --git a/src/components/icons/IconLinkedin.vue b/src/components/icons/IconLinkedin.vue
index 5925173af..a18283a31 100644
--- a/src/components/icons/IconLinkedin.vue
+++ b/src/components/icons/IconLinkedin.vue
@@ -28,6 +28,6 @@ export default {};
 
 <style scoped>
 .social-icon:hover .bg {
-  fill: #0a66c2;
+  fill: theme('colors.accent-refi');
 }
 </style>
diff --git a/src/components/icons/IconMail.vue b/src/components/icons/IconMail.vue
index ab76e1f72..bcb9ed0ad 100644
--- a/src/components/icons/IconMail.vue
+++ b/src/components/icons/IconMail.vue
@@ -28,6 +28,6 @@ export default {};
 
 <style scoped>
 .social-icon:hover .bg {
-  fill: #ffc017;
+  fill: theme('colors.accent-refi');
 }
 </style>
diff --git a/src/components/icons/IconTelegram.vue b/src/components/icons/IconTelegram.vue
new file mode 100644
index 000000000..9b177fddb
--- /dev/null
+++ b/src/components/icons/IconTelegram.vue
@@ -0,0 +1,44 @@
+<template>
+  <svg
+    id="telegram"
+    class="social-icon logo-group"
+    viewBox="5.9822 -1.2567 31.924 32"
+    width="31.924px"
+    height="32px"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby="telegramTitle"
+    role="img"
+  >
+    <title id="telegramTitle">Link to Balancer's Telegram</title>
+    <g
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      fill-rule="evenodd"
+      transform="matrix(1, 0, 0, 1, 5.962174892425594, -1.2566560506820679)"
+    >
+      <path
+        class="bg"
+        d="M15.981 0C7.167 0 .02 7.163.02 16c0 8.836 7.148 16 15.962 16 8.815 0 15.962-7.164 15.962-16 0-8.837-7.147-16-15.962-16z"
+        fill="#FFF"
+      />
+      <path
+        xmlns="http://www.w3.org/2000/svg"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        class="logo"
+        d="M 22.133 9.17 C 21.068 9.582 7.942 14.879 7.749 14.975 C 7.107 15.295 7.031 15.718 7.566 16.004 C 7.618 16.031 8.506 16.33 9.541 16.667 L 11.421 17.28 L 15.691 14.474 C 18.039 12.931 20.008 11.651 20.066 11.629 C 20.211 11.576 20.336 11.581 20.394 11.642 C 20.435 11.685 20.437 11.707 20.404 11.77 C 20.383 11.811 18.823 13.299 16.939 15.076 C 15.054 16.853 13.507 18.32 13.501 18.337 C 13.494 18.354 13.431 19.242 13.359 20.309 L 13.229 22.249 L 13.37 22.229 C 13.448 22.218 13.572 22.176 13.644 22.135 C 13.717 22.095 14.208 21.628 14.735 21.098 C 15.262 20.567 15.711 20.126 15.733 20.117 C 15.755 20.108 16.594 20.733 17.598 21.505 C 18.601 22.277 19.5 22.947 19.596 22.993 C 19.848 23.115 20.132 23.128 20.316 23.024 C 20.481 22.931 20.642 22.701 20.709 22.462 C 20.736 22.369 21.309 19.586 21.984 16.277 C 23.107 10.767 23.21 10.233 23.211 9.947 C 23.211 9.677 23.201 9.613 23.132 9.47 C 23.083 9.37 23 9.268 22.919 9.208 C 22.734 9.071 22.427 9.056 22.133 9.17 Z"
+        fill="#001C52"
+      />
+    </g>
+  </svg>
+</template>
+  
+  <script>
+export default {};
+</script>
+  
+  <style scoped>
+.social-icon:hover .bg {
+  fill: theme('colors.accent-refi');
+}
+</style>
\ No newline at end of file
diff --git a/src/components/icons/IconTwitter.vue b/src/components/icons/IconTwitter.vue
index ffbf8742a..25ff9cec3 100644
--- a/src/components/icons/IconTwitter.vue
+++ b/src/components/icons/IconTwitter.vue
@@ -30,6 +30,6 @@ export default {};
 
 <style scoped>
 .social-icon:hover .bg {
-  fill: rgb(29 161 242 / 100%);
+  fill: theme('colors.accent-refi');
 }
 </style>
diff --git a/src/components/images/AppLogo.vue b/src/components/images/AppLogo.vue
index 5872913f7..4bf9f8e7b 100644
--- a/src/components/images/AppLogo.vue
+++ b/src/components/images/AppLogo.vue
@@ -1,12 +1,15 @@
 <script lang="ts" setup>
-import useDarkMode from '@/composables/useDarkMode';
-import useTailwind from '@/composables/useTailwind';
-
 /**
  * TYPES
  */
 type Props = {
   forceDark?: boolean;
+  fillColor?: string;
+  hoverFillColor?: string;
+  text?: boolean;
+  size?: string;
+  color?: string;
+  hoverColor?: string;
 };
 
 /**
@@ -14,49 +17,97 @@ type Props = {
  */
 const props = withDefaults(defineProps<Props>(), {
   forceDark: false,
+  fillColor: '',
+  hoverFillColor: '',
+  color: '',
+  hoverColor: '',
+  text: false,
+  size: 'small',
 });
 
 /**
  * COMPOSABLES
  */
-const { darkMode } = useDarkMode();
-const tailwind = useTailwind();
+// const { darkMode } = useDarkMode();
+// const tailwind = useTailwind();
 
 /**
  * COMPUTED
  */
-const fillColor = computed(() => {
-  if (props.forceDark) return tailwind.theme.colors.white;
-
-  return darkMode.value
-    ? tailwind.theme.colors.white
-    : tailwind.theme.colors.gray['900'];
+const logoText = computed(() => {
+  if (props.text) return 'regenerative<br>finance';
+  return 'regenerative';
 });
 </script>
 
 <template>
-  <div class="flex items-center sm:mr-4 app-logo">
+  <div class="flex items-center sm:mr-4 font-bold capitalize app-logo">
     <svg
       id="logo"
-      class="logo-svg"
-      width="106"
-      height="20"
+      class="mr-2 logo-svg"
+      :width="props.size == 'large' ? 44 : 22"
+      :height="props.size == 'large' ? 40 : 20"
+      viewBox="0 0 22 20"
       xmlns="http://www.w3.org/2000/svg"
       aria-labelledby="logoTitle logoDesc"
       role="img"
     >
       <title id="logoTitle">Balancer logo homepage link</title>
       <desc id="logoDesc">Balancer Logotype homepage link</desc>
-      <g :fill="fillColor" fill-rule="nonzero" class="svg-path">
-        <path
-          d="M17.654 12.217c3.777.697 6.346 2.069 6.346 3.648C24 18.15 18.627 20 12 20S0 18.149 0 15.865c0-1.579 2.57-2.951 6.346-3.648 1.641.426 3.579.671 5.654.671 2.075 0 4.013-.245 5.654-.67zM16.208 5.52c3.208.534 5.418 1.657 5.418 2.958 0 1.815-4.31 3.287-9.626 3.287s-9.626-1.472-9.626-3.287c0-1.3 2.21-2.424 5.418-2.958 1.233.313 2.671.492 4.208.492 1.537 0 2.975-.18 4.208-.492zM12.044 0c3.981 0 7.209 1.114 7.209 2.489 0 1.374-3.228 2.488-7.209 2.488-3.981 0-7.209-1.114-7.209-2.488C4.835 1.114 8.063 0 12.044 0zM39.299 16.49c1.001 0 1.832-.155 2.493-.466.66-.31 1.155-.736 1.483-1.275a3.44 3.44 0 00.492-1.825c0-.665-.136-1.231-.409-1.7a3.006 3.006 0 00-1.052-1.09 2.875 2.875 0 00-1.339-.425V9.58a3.49 3.49 0 001.157-.505c.345-.234.62-.54.825-.917.204-.377.307-.832.307-1.365 0-.648-.157-1.227-.47-1.738-.313-.512-.784-.916-1.413-1.212-.628-.296-1.416-.444-2.362-.444H34v13.09h5.299zm-.582-7.523h-2.346V5.356h2.397c.7 0 1.227.164 1.582.492.356.328.534.746.534 1.253 0 .384-.095.715-.284.994-.19.28-.449.494-.777.646a2.611 2.611 0 01-1.106.226zm.205 5.542h-2.55v-3.835h2.614c.49 0 .912.09 1.265.272.354.18.627.428.819.741.191.313.287.664.287 1.052 0 .52-.19.945-.572 1.275-.381.33-1.002.495-1.863.495zm9.133 2.18c.511 0 .957-.071 1.339-.214.381-.143.699-.332.952-.569.254-.236.45-.491.592-.764h.076v1.349h2.225V9.92c0-.652-.119-1.195-.355-1.63a2.813 2.813 0 00-.937-1.032 4.015 4.015 0 00-1.284-.547 6.122 6.122 0 00-1.413-.166c-.686 0-1.313.101-1.88.304a3.72 3.72 0 00-1.437.907 3.474 3.474 0 00-.844 1.5l2.16.306c.115-.337.338-.629.668-.876s.779-.37 1.346-.37c.537 0 .948.132 1.233.396.286.264.429.637.429 1.118v.039c0 .221-.082.384-.246.489-.164.104-.425.18-.783.23-.358.049-.825.103-1.4.163a9.925 9.925 0 00-1.384.246 4.286 4.286 0 00-1.199.495 2.374 2.374 0 00-.837.87c-.205.362-.307.82-.307 1.374 0 .643.144 1.185.432 1.624.287.438.68.77 1.176.993.496.224 1.056.336 1.678.336zm.6-1.7c-.481 0-.877-.109-1.188-.326-.311-.218-.467-.54-.467-.965 0-.299.079-.543.237-.732.157-.19.372-.338.645-.445a4.04 4.04 0 01.927-.23l.543-.076c.21-.03.42-.064.633-.103.213-.038.406-.083.579-.134.172-.051.295-.106.367-.166v1.157c0 .362-.093.697-.278 1.003a2.033 2.033 0 01-.79.739c-.34.185-.743.278-1.207.278zm8.73 1.502V3.4h-2.313v13.09h2.314zm4.704.198c.511 0 .958-.071 1.339-.214.381-.143.699-.332.952-.569.254-.236.451-.491.592-.764h.076v1.349h2.225V9.92c0-.652-.119-1.195-.355-1.63a2.813 2.813 0 00-.936-1.032 4.015 4.015 0 00-1.285-.547 6.122 6.122 0 00-1.413-.166c-.686 0-1.312.101-1.88.304a3.72 3.72 0 00-1.437.907 3.474 3.474 0 00-.844 1.5l2.16.306c.115-.337.338-.629.668-.876s.78-.37 1.346-.37c.537 0 .948.132 1.234.396.285.264.428.637.428 1.118v.039c0 .221-.082.384-.246.489-.164.104-.425.18-.783.23-.358.049-.825.103-1.4.163a9.925 9.925 0 00-1.384.246 4.286 4.286 0 00-1.199.495 2.374 2.374 0 00-.837.87c-.204.362-.307.82-.307 1.374 0 .643.144 1.185.432 1.624.287.438.68.77 1.176.993.496.224 1.056.336 1.678.336zm.6-1.7c-.48 0-.877-.109-1.188-.326-.311-.218-.467-.54-.467-.965 0-.299.079-.543.237-.732.157-.19.372-.338.645-.445a4.04 4.04 0 01.927-.23l.543-.076c.21-.03.42-.064.633-.103.213-.038.406-.083.579-.134.172-.051.295-.106.367-.166v1.157c0 .362-.092.697-.278 1.003a2.033 2.033 0 01-.79.739c-.34.185-.743.278-1.207.278zm8.73 1.502v-5.753c0-.473.09-.876.266-1.208.177-.332.422-.587.735-.764a2.152 2.152 0 011.077-.265c.597 0 1.064.185 1.403.556.339.37.508.884.508 1.54v5.894h2.314v-6.252c.005-.784-.133-1.45-.412-2-.28-.55-.671-.97-1.176-1.26-.505-.29-1.096-.434-1.774-.434-.733 0-1.348.162-1.844.486a2.8 2.8 0 00-1.083 1.31h-.116V6.673h-2.211v9.818h2.314zm12.445.192c.822 0 1.538-.15 2.147-.451a3.6 3.6 0 001.445-1.253c.354-.535.558-1.15.614-1.844h-2.212a2.185 2.185 0 01-.377.901c-.183.248-.41.436-.68.566-.272.13-.577.195-.918.195-.482 0-.9-.129-1.256-.387s-.632-.626-.828-1.106c-.196-.479-.294-1.053-.294-1.722 0-.66.099-1.227.297-1.7.198-.473.476-.837.834-1.09.358-.254.774-.38 1.247-.38.558 0 1.004.158 1.339.476.334.317.546.712.636 1.185h2.212c-.052-.707-.26-1.326-.627-1.857a3.652 3.652 0 00-1.473-1.233c-.616-.292-1.322-.438-2.12-.438-.958 0-1.788.214-2.489.642a4.312 4.312 0 00-1.627 1.79c-.383.765-.575 1.646-.575 2.643 0 .993.189 1.87.566 2.63.377.761.916 1.357 1.617 1.787.701.43 1.542.646 2.522.646zm9.957 0c.763 0 1.44-.116 2.033-.349.592-.232 1.079-.56 1.46-.984.382-.424.64-.922.777-1.493l-2.16-.243c-.103.277-.254.51-.454.697-.2.188-.437.33-.71.425a2.743 2.743 0 01-.914.144c-.503 0-.942-.107-1.317-.323a2.21 2.21 0 01-.875-.933c-.21-.407-.314-.896-.314-1.467l.001.058h6.839v-.71c0-.86-.12-1.603-.358-2.228-.239-.624-.566-1.138-.981-1.543a3.943 3.943 0 00-1.432-.898 5.032 5.032 0 00-1.716-.291c-.938 0-1.754.214-2.449.642a4.355 4.355 0 00-1.62 1.79c-.386.765-.578 1.652-.578 2.662 0 1.027.191 1.919.575 2.675.383.757.932 1.34 1.646 1.752.714.411 1.563.617 2.547.617zm-2.463-6.104c.03-.356.128-.688.293-.995.198-.368.476-.667.834-.895a2.27 2.27 0 011.247-.342c.443 0 .832.1 1.166.3.335.201.596.475.783.822.188.348.283.743.288 1.186h-4.616l.005-.076zm10.599 5.912v-5.772c0-.418.096-.786.287-1.106.192-.32.455-.57.79-.751a2.344 2.344 0 011.134-.272c.196 0 .4.014.61.042.212.028.366.058.464.093V6.596a3.163 3.163 0 00-.4-.048 6.547 6.547 0 00-.43-.016c-.563 0-1.063.155-1.5.464-.437.308-.744.746-.923 1.313h-.103V6.673h-2.243v9.818h2.314z"
-        />
-      </g>
+      <path
+        class="svg-path"
+        d="M6.09193 1.78711C6.76483 1.78711 7.31032 2.33188 7.31032
+      3.0039V13.955C7.31032 14.6271 7.85581 15.1718 8.52871 15.1718C9.2016
+      15.1718 9.74709 14.6271 9.74709 13.955V5.43748C9.74709 4.76547 10.2926
+      4.22069 10.9655 4.22069C11.6384 4.22069 12.1839 4.76547 12.1839
+      5.43748V12.7382C12.1839 13.4103 12.7294 13.955 13.4023 13.955C14.0751
+      13.955 14.6206 13.4103 14.6206 12.7382V1.78711C14.6206 1.11509 15.1661
+      0.570312 15.839 0.570312C16.5119 0.570312 17.0574 1.11509 17.0574
+      1.78711V11.5215C17.0574 12.1935 17.6029 12.7382 18.2758 12.7382C18.9487
+      12.7382 19.4942 12.1935 19.4942 11.5215V9.08786C19.4942 8.41585 20.0397
+      7.87107 20.7126 7.87107C21.3341 7.87107 21.8469 8.33578 21.9216
+      8.93625C21.6818 14.7726 16.8683 19.4306 10.9655 19.4306C4.90941 19.4306 0
+      14.5276 0 8.47947C0 8.17382 0.0125377 7.8711 0.0371275 7.57179C0.17066
+      7.04449 0.648895 6.65428 1.21839 6.65428C1.89128 6.65428 2.43677 7.19905
+      2.43677 7.87107V11.5215C2.43677 12.1935 2.98226 12.7382 3.65516
+      12.7382C4.32806 12.7382 4.87355 12.1935 4.87355 11.5215V3.0039C4.87355
+      2.33188 5.41904 1.78711 6.09193 1.78711Z"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_564_1779"
+          x1="10.9655"
+          y1="-6.9738"
+          x2="10.9655"
+          y2="14.7155"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#05DBF3" />
+          <stop offset="1" stop-color="#0468BE" />
+        </linearGradient>
+        <linearGradient
+          id="paint0_linear_407_28737"
+          xmlns="http://www.w3.org/2000/svg"
+          x1="13.9827"
+          y1="-27.4343"
+          x2="-8.17363"
+          y2="-22.3144"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#05DBF3" />
+          <stop offset="1" stop-color="#0468BE" />
+        </linearGradient>
+      </defs>
     </svg>
+    <div class="logoText" v-html="logoText"></div>
   </div>
 </template>
 
 <style scoped>
+.logoText {
+  color: v-bind('color');
+}
+
 .app-logo :deep(.logotype) {
   @apply origin-top-left relative;
 
@@ -67,11 +118,19 @@ const fillColor = computed(() => {
   transition: fill 0.2s ease-out;
 }
 
-.logo-svg:hover .svg-path {
-  fill: theme('colors.purple.700');
+.logo-svg .svg-path {
+  fill: v-bind('fillColor');
+}
+
+.app-logo:hover .logo-svg .svg-path {
+  fill: v-bind('hoverFillColor');
+}
+
+.app-logo:hover .logoText {
+  color: v-bind('hoverColor');
 }
 
 .dark .logo-svg:hover .svg-path {
   fill: theme('colors.yellow.500');
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/src/components/layouts/DefaultLayout.vue b/src/components/layouts/DefaultLayout.vue
index a442494b8..30e84e611 100644
--- a/src/components/layouts/DefaultLayout.vue
+++ b/src/components/layouts/DefaultLayout.vue
@@ -21,8 +21,8 @@ import AppNav from '@/components/navs/AppNav/AppNav.vue';
 }
 
 .app-body {
-  @apply mb-8;
+  @apply pb-8 bg-container;
 
   min-height: calc(100vh - 2rem);
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/src/components/navs/AppNav/AppNav.vue b/src/components/navs/AppNav/AppNav.vue
index 63c9ca8db..3c5a19be6 100644
--- a/src/components/navs/AppNav/AppNav.vue
+++ b/src/components/navs/AppNav/AppNav.vue
@@ -53,18 +53,22 @@ onUnmounted(() => {
 <template>
   <AppNavAlert v-if="currentAlert" :alert="currentAlert" />
   <nav id="app-nav" ref="appNav" class="sticky top-0 lg:px-6 pr-1 pl-4 h-20">
-    <div class="flex justify-between items-center h-full">
+    <div class="xl:container flex justify-between items-center mx-auto h-full">
       <div class="flex items-center h-full">
         <router-link
           :to="{ name: 'home', params: { networkSlug } }"
           @click="trackGoal(Goals.ClickNavLogo)"
         >
           <AppIcon v-if="['xs', 'sm'].includes(bp)" />
-          <AppLogo v-else />
+          <AppLogo
+            v-else
+            fillColor="url(#paint0_linear_564_1779)"
+            hoverFillColor="url(#paint0_linear_407_28737)"
+            hoverColor="#4E525B"
+          />
         </router-link>
-
-        <DesktopLinks v-if="isDesktop" class="ml-8 font-medium" />
       </div>
+      <DesktopLinks v-if="isDesktop" class="ml-8 font-medium" />
 
       <AppNavActions />
     </div>
@@ -74,9 +78,9 @@ onUnmounted(() => {
 <style scoped>
 #app-nav {
   @apply w-full z-30;
-  @apply bg-white dark:bg-gray-900;
+  @apply bg-container dark:bg-gray-900;
   @apply border-b border-transparent;
 
   transition: all 0.2s ease-in-out;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/src/components/navs/AppNav/AppNavActions.vue b/src/components/navs/AppNav/AppNavActions.vue
index 4e36c0416..0587caa50 100644
--- a/src/components/navs/AppNav/AppNavActions.vue
+++ b/src/components/navs/AppNav/AppNavActions.vue
@@ -1,28 +1,23 @@
 <script lang="ts" setup>
-import { computed } from 'vue';
-
-import DarkModeToggle from '@/components/btns/DarkModeToggle.vue';
-import FeedbackBtn from '@/components/btns/FeedbackBtn.vue';
 import useBreakpoints from '@/composables/useBreakpoints';
 import { useSidebar } from '@/composables/useSidebar';
 import useWeb3 from '@/services/web3/useWeb3';
 
+import { Goals, trackGoal } from '@/composables/useFathom';
 import AppNavAccountBtn from './AppNavAccountBtn.vue';
-import AppNavActivityBtn from './AppNavActivityBtn/AppNavActivityBtn.vue';
 import AppNavNetworkSelect from './AppNavNetworkSelect.vue';
-import { Goals, trackGoal } from '@/composables/useFathom';
 
 /**
  * COMPOSABLES
  */
-const { isMobile, isDesktop } = useBreakpoints();
-const { account, connector, startConnectWithInjectedProvider } = useWeb3();
+const { isMobile } = useBreakpoints();
+const { account, startConnectWithInjectedProvider, connector } = useWeb3();
 const { setSidebarOpen } = useSidebar();
+const hideNetworkSelect = computed(() => connector.value?.id === 'gnosis');
 
 /**
  * COMPUTED
  */
-const hideNetworkSelect = computed(() => connector.value?.id === 'gnosis');
 
 /**
  * METHODS
@@ -35,9 +30,8 @@ function connectWalletHandler() {
 
 <template>
   <div class="grid grid-rows-1 grid-flow-col gap-2">
-    <DarkModeToggle v-if="isDesktop" />
     <AppNavActivityBtn v-if="account" />
-    <FeedbackBtn v-if="isDesktop" />
+    <AppNavNetworkSelect v-if="!hideNetworkSelect" />
     <AppNavAccountBtn v-if="account" />
     <BalBtn
       v-else
@@ -49,7 +43,6 @@ function connectWalletHandler() {
       <span class="hidden lg:inline-block" v-text="$t('connectWallet')" />
       <span class="lg:hidden" v-text="$t('connect')" />
     </BalBtn>
-    <AppNavNetworkSelect v-if="!hideNetworkSelect" />
     <BalBtn
       v-if="isMobile"
       color="white"
@@ -60,4 +53,4 @@ function connectWalletHandler() {
       <BalIcon name="menu" size="lg" />
     </BalBtn>
   </div>
-</template>
+</template>
\ No newline at end of file
diff --git a/src/components/navs/AppNav/AppSidebar/SidebarContent.vue b/src/components/navs/AppNav/AppSidebar/SidebarContent.vue
index 1546e12d9..89f84ea64 100644
--- a/src/components/navs/AppNav/AppSidebar/SidebarContent.vue
+++ b/src/components/navs/AppNav/AppSidebar/SidebarContent.vue
@@ -3,20 +3,18 @@ import { ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 
+import GithubIcon from '@/components/_global/icons/brands/GithubIcon.vue';
+import LinkedinIcon from '@/components/_global/icons/brands/LinkedinIcon.vue';
+import TelegramIcon from '@/components/_global/icons/brands/TelegramIcon.vue';
+import TwitterIcon from '@/components/_global/icons/brands/TwitterIcon.vue';
 import AppLogo from '@/components/images/AppLogo.vue';
 import { version } from '@/composables/useApp';
+import { useAppzi } from '@/composables/useAppzi';
 import useConfig from '@/composables/useConfig';
-import useDarkMode from '@/composables/useDarkMode';
+import { Goals, trackGoal } from '@/composables/useFathom';
+import useNetwork from '@/composables/useNetwork';
 import { sleep } from '@/lib/utils';
 import useWeb3 from '@/services/web3/useWeb3';
-import useNetwork from '@/composables/useNetwork';
-import { Goals, trackGoal } from '@/composables/useFathom';
-import TwitterIcon from '@/components/_global/icons/brands/TwitterIcon.vue';
-import DiscordIcon from '@/components/_global/icons/brands/DiscordIcon.vue';
-import MediumIcon from '@/components/_global/icons/brands/MediumIcon.vue';
-import YoutubeIcon from '@/components/_global/icons/brands/YoutubeIcon.vue';
-import GithubIcon from '@/components/_global/icons/brands/GithubIcon.vue';
-import { useAppzi } from '@/composables/useAppzi';
 
 /**
  * PROPS & EMITS
@@ -26,7 +24,6 @@ const emit = defineEmits(['close']);
 /**
  * COMPOSABLES
  */
-const { darkMode, toggleDarkMode } = useDarkMode();
 const { blockNumber } = useWeb3();
 const { networkConfig } = useConfig();
 const { networkSlug } = useNetwork();
@@ -40,32 +37,19 @@ const { openNpsModal } = useAppzi();
 const blockIcon = ref<HTMLDivElement>();
 
 const navLinks = [
-  { label: t('pool'), path: '/', goal: Goals.ClickNavPools },
   { label: t('swap'), path: `/${networkSlug}/swap`, goal: Goals.ClickNavSwap },
-  {
-    label: t('claim'),
-    path: `/${networkSlug}/claim`,
-    goal: Goals.ClickNavClaim,
-  },
-  {
-    label: t('portfolio'),
-    path: `/${networkSlug}/portfolio`,
-    goal: Goals.ClickNavPortfolio,
-  },
-  { label: 'veBAL', path: `/${networkSlug}/vebal`, goal: Goals.ClickNavVebal },
+  { label: t('pool'), path: '/', goal: Goals.ClickNavPools },
+  { label: t('vote'), path: '/', goal: Goals.ClickNavPools },
+  { label: t('dashboard'), path: '/', goal: Goals.ClickNavPools },
 ];
 
 const ecosystemLinks = [
-  { label: t('build'), url: 'https://balancer.fi/build' },
-  { label: t('blog'), url: 'https://medium.com/balancer-protocol' },
   { label: t('docs'), url: 'https://docs.balancer.fi/' },
   { label: t('governance'), url: 'https://vote.balancer.fi/#/' },
   { label: t('analytics'), url: 'https://dune.com/balancer' },
   { label: t('forum'), url: 'https://forum.balancer.fi/' },
-  {
-    label: t('grants'),
-    url: 'http://grants.balancer.community',
-  },
+  { label: t('support'), url: 'https://forum.balancer.fi/' },
+  { label: t('analytics'), url: 'https://forum.balancer.fi/' },
 ];
 
 const socialLinks = {
@@ -74,23 +58,17 @@ const socialLinks = {
     url: 'https://twitter.com/BalancerLabs',
   },
   DiscordIcon: {
-    component: DiscordIcon,
+    component: TelegramIcon,
     url: 'https://discord.balancer.fi/',
   },
-  MediumIcon: {
-    component: MediumIcon,
-    url: 'https://medium.com/balancer-protocol',
-  },
-
-  YoutubeIcon: {
-    component: YoutubeIcon,
-    url: 'https://www.youtube.com/channel/UCBRHug6Hu3nmbxwVMt8x_Ow',
-  },
-
   GithubIcon: {
     url: 'https://github.com/balancer/',
     component: GithubIcon,
   },
+  LinkedinIcon: {
+    url: 'https://github.com/balancer/',
+    component: LinkedinIcon,
+  },
 };
 
 /**
@@ -121,7 +99,7 @@ watch(blockNumber, async () => {
     <div
       class="flex flex-col justify-center px-4 h-20 border-b border-gray-800"
     >
-      <AppLogo forceDark />
+      <AppLogo forceDark color="#ffffff" />
     </div>
 
     <div class="grid mt-2 text-lg grid-col-1">
@@ -153,13 +131,13 @@ watch(blockNumber, async () => {
       }}</span>
     </div>
 
-    <div class="px-4 mt-6">
+    <!-- <div class="px-4 mt-6">
       <div class="mt-2 side-bar-btn" @click="toggleDarkMode">
         <MoonIcon v-if="!darkMode" class="mr-2" />
         <SunIcon v-else class="mr-2" />
         <span>{{ darkMode ? 'Light' : 'Dark' }} mode</span>
       </div>
-    </div>
+    </div> -->
 
     <div class="grid grid-rows-1 grid-flow-col auto-cols-min gap-2 px-4 mt-4">
       <BalLink
@@ -232,4 +210,4 @@ watch(blockNumber, async () => {
 .block-change {
   box-shadow: 0 0 6px 4px theme('colors.green.500');
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/src/components/navs/AppNav/DesktopLinks/DesktopLinkItem.vue b/src/components/navs/AppNav/DesktopLinks/DesktopLinkItem.vue
index 936064f40..be90a3ca4 100644
--- a/src/components/navs/AppNav/DesktopLinks/DesktopLinkItem.vue
+++ b/src/components/navs/AppNav/DesktopLinks/DesktopLinkItem.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { RouterLinkProps } from 'vue-router';
 import PrefetchLinks from '@/components/links/PrefetchLinks.vue';
+import { RouterLinkProps } from 'vue-router';
 
 interface Props extends RouterLinkProps {
   active: boolean;
@@ -28,7 +28,7 @@ const classes = computed(() => ({
 
 <style scoped>
 .desktop-link-item {
-  @apply h-full flex-col justify-center cursor-pointer hover:text-purple-600 dark:hover:text-yellow-500 flex relative
+  @apply h-full flex-col justify-center cursor-pointer hover:text-accent-refi dark:hover:text-yellow-500 flex relative
     overflow-hidden p-0 transition-all
     ease-in-out duration-500;
 }
@@ -38,7 +38,6 @@ const classes = computed(() => ({
 
   @apply top-0 left-0 w-full block absolute overflow-hidden transition-all;
 
-  border-top: 4px solid theme('colors.purple.600');
   transform: translate3d(0%, -101%, 0);
 }
 
@@ -48,9 +47,8 @@ const classes = computed(() => ({
 
 .desktop-link-item.router-link-active::before {
   content: '';
-  border-color: theme('colors.blue.600');
 
-  @apply w-full block absolute top-0 left-0;
+  @apply w-full block absolute top-0 left-0 border-refi-text;
 
   transform: translate3d(0, 0, 0);
 }
@@ -69,10 +67,10 @@ const classes = computed(() => ({
 }
 
 .desktop-link-item.router-link-active {
-  @apply text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 transition-colors;
+  @apply text-refi-text dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 transition-colors;
 }
 
 .desktop-link-item:hover::before {
   transform: translate3d(0, 0, 0);
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/src/components/navs/AppNav/DesktopLinks/DesktopLinks.vue b/src/components/navs/AppNav/DesktopLinks/DesktopLinks.vue
index cebf5e747..d08081fd6 100644
--- a/src/components/navs/AppNav/DesktopLinks/DesktopLinks.vue
+++ b/src/components/navs/AppNav/DesktopLinks/DesktopLinks.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
+import { Goals, trackGoal } from '@/composables/useFathom';
+import useNetwork from '@/composables/useNetwork';
 import { useRoute } from 'vue-router';
 import DesktopLinkItem from './DesktopLinkItem.vue';
-import useNetwork, { isTestnet } from '@/composables/useNetwork';
-import { Goals, trackGoal } from '@/composables/useFathom';
 
 /**
  * COMPOSABLES
@@ -21,6 +21,14 @@ function isActive(page: string): boolean {
 
 <template>
   <div class="desktop-links">
+    <DesktopLinkItem
+      :to="{ name: 'swap', params: { networkSlug } }"
+      :active="isActive('swap')"
+      prefetch
+      @click="trackGoal(Goals.ClickNavSwap)"
+    >
+      {{ $t('swap') }}
+    </DesktopLinkItem>
     <DesktopLinkItem
       :to="{ name: 'home', params: { networkSlug } }"
       :active="isActive('home')"
@@ -29,15 +37,23 @@ function isActive(page: string): boolean {
     >
       {{ $t('pool') }}
     </DesktopLinkItem>
+    <!-- <DesktopLinkItem
+      :to="{ name: 'home', params: { networkSlug } }"
+      :active="isActive('home')"
+      prefetch
+      @click="trackGoal(Goals.ClickNavPools)"
+    >
+      {{ $t('vote') }}
+    </DesktopLinkItem> -->
     <DesktopLinkItem
-      :to="{ name: 'swap', params: { networkSlug } }"
-      :active="isActive('swap')"
+      :to="{ name: 'home', params: { networkSlug } }"
+      :active="isActive('home')"
       prefetch
-      @click="trackGoal(Goals.ClickNavSwap)"
+      @click="trackGoal(Goals.ClickNavPools)"
     >
-      {{ $t('swap') }}
+      {{ $t('dashboard') }}
     </DesktopLinkItem>
-    <DesktopLinkItem
+    <!-- <DesktopLinkItem
       :to="{ name: 'claim', params: { networkSlug } }"
       :active="isActive('claim')"
       prefetch
@@ -69,7 +85,7 @@ function isActive(page: string): boolean {
       @click="trackGoal(Goals.ClickNavVebal)"
     >
       veBAL
-    </DesktopLinkItem>
+    </DesktopLinkItem> -->
   </div>
 </template>
 
@@ -77,4 +93,4 @@ function isActive(page: string): boolean {
 .desktop-links {
   @apply grid gap-6 grid-flow-col grid-rows-1 h-full content-center;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/src/components/web3/WalletButton.vue b/src/components/web3/WalletButton.vue
index ad1c29ad0..c1c45376c 100644
--- a/src/components/web3/WalletButton.vue
+++ b/src/components/web3/WalletButton.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import useWeb3 from '@/services/web3/useWeb3';
 import { buildConnectorIconURL } from '@/lib/utils/urls';
 import { Wallet, WalletNameMap } from '@/providers/wallet.provider';
+import useWeb3 from '@/services/web3/useWeb3';
 
 const props = defineProps<{ wallet: Wallet }>();
 
@@ -26,8 +26,8 @@ function handleClick() {
 <style>
 .wallet-connect-btn {
   @apply transition-all;
-  @apply bg-white dark:bg-gray-850 hover:bg-gray-50 dark:hover:bg-gray-800;
-  @apply border dark:border-gray-900;
+  @apply bg-[#F3FAFF] dark:bg-gray-850 hover:bg-transparent dark:hover:bg-gray-800;
+  @apply border hover:border-none hover:shadow-transparent dark:border-gray-900;
   @apply p-4 flex justify-start items-center w-full h-14 rounded-md mb-3 shadow-lg;
 }
 </style>
diff --git a/src/components/web3/WalletSelectModal.vue b/src/components/web3/WalletSelectModal.vue
index 38f0f5a1d..5ac47b899 100644
--- a/src/components/web3/WalletSelectModal.vue
+++ b/src/components/web3/WalletSelectModal.vue
@@ -2,11 +2,10 @@
 import { ref } from 'vue';
 
 import WalletButton from '@/components/web3/WalletButton.vue';
-import { EXTERNAL_LINKS } from '@/constants/links';
-import { SupportedWallets } from '@/providers/wallet.provider';
-import LS_KEYS from '@/constants/local-storage.keys';
-import { useWalletHelpers } from '@/composables/useWalletHelpers';
 import { useUserAgent } from '@/composables/useUserAgent';
+import { useWalletHelpers } from '@/composables/useWalletHelpers';
+import LS_KEYS from '@/constants/local-storage.keys';
+import { SupportedWallets } from '@/providers/wallet.provider';
 
 interface Props {
   isVisible?: boolean;
@@ -112,20 +111,6 @@ function onBalRulesAccepted() {
       ]"
     >
       <WalletButton v-for="wallet in wallets" :key="wallet" :wallet="wallet" />
-      <div
-        class="p-4 bg-gradient-to-b from-gray-50 dark:from-gray-900 to-gray-100 dark:to-gray-850 rounded-lg"
-      >
-        <h6>{{ $t('newToEthereum') }}</h6>
-        <p class="text-sm">
-          {{ $t('setUpEthereumWallet') }}
-          <BalLink :href="EXTERNAL_LINKS.Ethereum.Wallets" external>
-            {{ $t('learnMore') }}
-            <span class="align-middle">
-              <BalIcon name="arrow-up-right" size="sm" />
-            </span>
-          </BalLink>
-        </p>
-      </div>
     </div>
   </BalModal>
 </template>
diff --git a/src/constants/links.ts b/src/constants/links.ts
index 70d418647..413f9d25b 100644
--- a/src/constants/links.ts
+++ b/src/constants/links.ts
@@ -8,6 +8,7 @@ export const EXTERNAL_LINKS = {
     Docs: 'https://docs.balancer.fi',
     Forum: 'https://forum.balancer.finance/',
     Grants: 'http://grants.balancer.community/',
+    Placeholder: 'https://placeholder.vc/',
     Social: {
       Discord: 'https://discord.balancer.fi',
       Github: 'https://github.com/balancer-labs/',
diff --git a/src/locales/default.json b/src/locales/default.json
index c73366741..de5aee2ab 100644
--- a/src/locales/default.json
+++ b/src/locales/default.json
@@ -412,6 +412,7 @@
   "dark": "Dark",
   "date": "Date",
   "day": "day",
+  "dashboard": "Dashboard",
   "defiLiquidityPools": "DeFi liquidity pools",
   "delegateFeesTooltip": "Liquidity providers in this pool earn fixed swap fees on every swap utilizing the liquidity in this pool. Control has been delegated to the community, so fees could change in the future if this pool becomes actively managed.",
   "depositing": "depositing",
@@ -1015,6 +1016,7 @@
   "strategy": "Strategy",
   "submit": "Submit",
   "summary": "Summary",
+  "support": "Support",
   "swap": "Swap",
   "swapDetails": "Swap details",
   "swapFee": "Swap fee",
diff --git a/tailwind.config.js b/tailwind.config.js
index 4ab3b37a5..37c17b250 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -79,6 +79,10 @@ module.exports = {
           850: '#162031',
           900: '#0F172A',
         },
+        'primary-refi': '#001C52',
+        'accent-refi': '#FA7369',
+        'refi-text': '#0468be',
+        container: '#F3FAFF',
         primary: {
           50: '#53555e',
           100: '#494b54',