diff --git a/.vscode/settings.json b/.vscode/settings.json
index e099821f1..1501146c5 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,8 +1,8 @@
 {
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true,
-    "source.fixAll.prettier": true,
-    "source.fixAll.stylelint": true
+    "source.fixAll.eslint": "explicit",
+    "source.fixAll.prettier": "explicit",
+    "source.fixAll.stylelint": "explicit"
   },
   "eslint.validate": ["javascript", "javascriptreact", "vue"],
   "eslint.format.enable": true,
diff --git a/src/assets/images/icons/appLogoFooter.svg b/src/assets/images/icons/appLogoFooter.svg
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/assets/images/icons/appLogoNavbar.svg b/src/assets/images/icons/appLogoNavbar.svg
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/assets/images/icons/wallet.svg b/src/assets/images/icons/wallet.svg
new file mode 100644
index 000000000..00664bed8
--- /dev/null
+++ b/src/assets/images/icons/wallet.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.96454 0.0134457C1.75272 0.0458633 1.43165 0.161683 1.21328 0.284407C0.70011 0.572778 0.25801 1.15042 0.0869022 1.75619L0 2.06386V8.0028V13.9417L0.0924492 14.256C0.327116 15.0534 0.899415 15.6627 1.65638 15.9211C1.87664 15.9963 2.17429 16 7.993 16C13.8117 16 14.1094 15.9963 14.3296 15.9211C15.073 15.6674 15.6218 15.0947 15.8822 14.3011L15.986 13.9846L15.9973 9.99674C16.0053 7.20415 15.9958 5.92533 15.9657 5.73014C15.8224 4.80062 15.1292 3.97487 14.2926 3.73714C14.1664 3.70125 13.9453 3.67188 13.8015 3.67188H13.5399L13.5396 3.01795C13.5393 2.28268 13.497 1.91283 13.3768 1.595C13.1047 0.8756 12.6372 0.385819 11.9732 0.124334L11.6717 0.0055986L6.87591 0.000667446C4.23822 -0.00203402 2.0281 0.00371181 1.96454 0.0134457ZM11.691 1.46761C11.7863 1.51701 11.9368 1.64543 12.0254 1.75298C12.2575 2.03457 12.3073 2.26145 12.3073 3.0372V3.67338L7.15518 3.66193C2.29066 3.65108 1.99448 3.64615 1.84898 3.57329C1.65546 3.47643 1.42441 3.23059 1.31694 3.00723C1.20061 2.76534 1.20061 2.26364 1.31698 2.01905C1.46998 1.69749 1.74205 1.47147 2.08011 1.3851C2.12248 1.3743 4.26325 1.36821 6.83739 1.3716C11.5019 1.37777 11.5182 1.37807 11.691 1.46761ZM1.90676 4.99821C2.07433 5.02844 4.11283 5.04366 8.07004 5.04414L13.9829 5.04491L14.1777 5.14585C14.2848 5.20133 14.4359 5.32929 14.5134 5.43019C14.7872 5.78627 14.7754 5.57362 14.7638 9.91398L14.7533 13.8131L14.6699 13.9866C14.5602 14.2146 14.284 14.4944 14.0953 14.5686C13.8703 14.6569 2.11566 14.6569 1.89074 14.5686C1.70203 14.4944 1.42576 14.2146 1.31609 13.9866L1.23266 13.8131L1.22233 9.28317L1.21201 4.75323L1.43419 4.8531C1.55642 4.90803 1.76905 4.97334 1.90676 4.99821ZM11.8754 8.95286C11.7968 8.97704 11.6541 9.07357 11.5583 9.16739C11.1263 9.5907 11.2162 10.3472 11.7326 10.6336C12.0727 10.8223 12.41 10.763 12.6755 10.4679C13.2626 9.81536 12.677 8.7066 11.8754 8.95286Z" fill="#0468BE"/>
+</svg>
diff --git a/src/assets/images/mocks/NFT.png b/src/assets/images/mocks/NFT.png
new file mode 100644
index 000000000..8644bca2d
Binary files /dev/null and b/src/assets/images/mocks/NFT.png differ
diff --git a/src/components/_global/BalBtn/BalBtn.vue b/src/components/_global/BalBtn/BalBtn.vue
index 59af526ce..d5b4f0f5b 100644
--- a/src/components/_global/BalBtn/BalBtn.vue
+++ b/src/components/_global/BalBtn/BalBtn.vue
@@ -111,7 +111,6 @@ const bgGradientClasses = computed(() => {
     fromColor = 'pink';
     toColor = 'yellow';
   }
-
   if (props.disabled) {
     return `bg-gray-300 dark:bg-gray-700 text-white dark:text-gray-500`;
   }
diff --git a/src/components/_global/icons/WalletIcon.vue b/src/components/_global/icons/WalletIcon.vue
index 2b7c22dc1..1e7ad5949 100644
--- a/src/components/_global/icons/WalletIcon.vue
+++ b/src/components/_global/icons/WalletIcon.vue
@@ -1,48 +1,16 @@
 <template>
   <svg
-    width="18"
-    height="19"
-    viewBox="0 0 18 19"
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M14 5.5V2.5C14 2.23478 13.8946 1.98043 13.7071 1.79289C13.5196 1.60536 13.2652 1.5 13 1.5H3C2.46957 1.5 1.96086 1.71071 1.58579 2.08579C1.21071 2.46086 1 2.96957 1 3.5M1 3.5C1 4.03043 1.21071 4.53914 1.58579 4.91421C1.96086 5.28929 2.46957 5.5 3 5.5H15C15.2652 5.5 15.5196 5.60536 15.7071 5.79289C15.8946 5.98043 16 6.23478 16 6.5V9.5M1 3.5V15.5C1 16.0304 1.21071 16.5391 1.58579 16.9142C1.96086 17.2893 2.46957 17.5 3 17.5H15C15.2652 17.5 15.5196 17.3946 15.7071 17.2071C15.8946 17.0196 16 16.7652 16 16.5V13.5"
-      stroke="url(#wallet_gradient)"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M1.96454 0.0134457C1.75272 0.0458633 1.43165 0.161683 1.21328 0.284407C0.70011 0.572778 0.25801 1.15042 0.0869022 1.75619L0 2.06386V8.0028V13.9417L0.0924492 14.256C0.327116 15.0534 0.899415 15.6627 1.65638 15.9211C1.87664 15.9963 2.17429 16 7.993 16C13.8117 16 14.1094 15.9963 14.3296 15.9211C15.073 15.6674 15.6218 15.0947 15.8822 14.3011L15.986 13.9846L15.9973 9.99674C16.0053 7.20415 15.9958 5.92533 15.9657 5.73014C15.8224 4.80062 15.1292 3.97487 14.2926 3.73714C14.1664 3.70125 13.9453 3.67188 13.8015 3.67188H13.5399L13.5396 3.01795C13.5393 2.28268 13.497 1.91283 13.3768 1.595C13.1047 0.8756 12.6372 0.385819 11.9732 0.124334L11.6717 0.0055986L6.87591 0.000667446C4.23822 -0.00203402 2.0281 0.00371181 1.96454 0.0134457ZM11.691 1.46761C11.7863 1.51701 11.9368 1.64543 12.0254 1.75298C12.2575 2.03457 12.3073 2.26145 12.3073 3.0372V3.67338L7.15518 3.66193C2.29066 3.65108 1.99448 3.64615 1.84898 3.57329C1.65546 3.47643 1.42441 3.23059 1.31694 3.00723C1.20061 2.76534 1.20061 2.26364 1.31698 2.01905C1.46998 1.69749 1.74205 1.47147 2.08011 1.3851C2.12248 1.3743 4.26325 1.36821 6.83739 1.3716C11.5019 1.37777 11.5182 1.37807 11.691 1.46761ZM1.90676 4.99821C2.07433 5.02844 4.11283 5.04366 8.07004 5.04414L13.9829 5.04491L14.1777 5.14585C14.2848 5.20133 14.4359 5.32929 14.5134 5.43019C14.7872 5.78627 14.7754 5.57362 14.7638 9.91398L14.7533 13.8131L14.6699 13.9866C14.5602 14.2146 14.284 14.4944 14.0953 14.5686C13.8703 14.6569 2.11566 14.6569 1.89074 14.5686C1.70203 14.4944 1.42576 14.2146 1.31609 13.9866L1.23266 13.8131L1.22233 9.28317L1.21201 4.75323L1.43419 4.8531C1.55642 4.90803 1.76905 4.97334 1.90676 4.99821ZM11.8754 8.95286C11.7968 8.97704 11.6541 9.07357 11.5583 9.16739C11.1263 9.5907 11.2162 10.3472 11.7326 10.6336C12.0727 10.8223 12.41 10.763 12.6755 10.4679C13.2626 9.81536 12.677 8.7066 11.8754 8.95286Z"
+      fill="#0468BE"
     />
-    <path
-      d="M17 9.5V13.5H13C12.4696 13.5 11.9609 13.2893 11.5858 12.9142C11.2107 12.5391 11 12.0304 11 11.5C11 10.9696 11.2107 10.4609 11.5858 10.0858C11.9609 9.71071 12.4696 9.5 13 9.5H17Z"
-      stroke="url(#wallet_gradient)"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    />
-    <defs>
-      <linearGradient
-        id="wallet_gradient"
-        x1="8.5"
-        y1="-6.5"
-        x2="-7.46674"
-        y2="8.46881"
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stop-color="#FF00FF" />
-        <stop offset="1" stop-color="#0000FF" />
-      </linearGradient>
-      <linearGradient
-        id="wallet_gradient"
-        x1="14"
-        y1="7.5"
-        x2="10.3077"
-        y2="13.0385"
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stop-color="#FF00FF" />
-        <stop offset="1" stop-color="#0000FF" />
-      </linearGradient>
-    </defs>
   </svg>
 </template>
diff --git a/src/components/contextual/pages/dashboard/Cards/RefiProfileCard.vue b/src/components/contextual/pages/dashboard/Cards/RefiProfileCard.vue
new file mode 100644
index 000000000..7faa34ae0
--- /dev/null
+++ b/src/components/contextual/pages/dashboard/Cards/RefiProfileCard.vue
@@ -0,0 +1,120 @@
+<script setup lang="ts">
+import NFTImage from '@/assets/images/mocks/NFT.png';
+import useBreakpoints from '@/composables/useBreakpoints';
+import useWeb3 from '@/services/web3/useWeb3';
+const { startConnectWithInjectedProvider } = useWeb3();
+const { isMobile, bp } = useBreakpoints();
+</script>
+<template>
+  <template v-if="isMobile">
+    <BalCard v-if="bp === 'xs'">
+      <div class="flex flex-col gap-5 justify-center items-start px-4 h-fit">
+        <img :src="NFTImage" class="w-full h-full rounded-md bg-slate-500" />
+        <div class="flex flex-col gap-10 w-full">
+          <div class="flex flex-col gap-4">
+            <h3 class="self-start text-lg">Connect wallet</h3>
+            <div class="flex justify-between items-center text-base">
+              <p>Voting Power</p>
+              <p>- Votes</p>
+            </div>
+          </div>
+          <div class="w-full border-t-2" />
+          <div class="flex flex-col gap-1">
+            <div class="flex justify-between items-center text-base">
+              <p>My Points</p>
+              <p>- RFP</p>
+            </div>
+            <div
+              class="flex justify-between items-center text-base text-disabled"
+            >
+              <p>Next level</p>
+              <p>- RFP</p>
+            </div>
+          </div>
+          <BalBtn
+            color="gradient"
+            class="self-end w-fit"
+            size="sm"
+            @click="startConnectWithInjectedProvider"
+            >Connect wallet</BalBtn
+          >
+        </div>
+      </div>
+    </BalCard>
+    <BalCard v-else>
+      <div class="flex flex-row gap-5 justify-center items-start px-4 h-80">
+        <img :src="NFTImage" class="w-48 h-full rounded-md bg-slate-500" />
+        <div class="flex flex-col gap-10 w-full">
+          <div class="flex flex-col gap-4">
+            <h3 class="self-start text-lg">Connect wallet</h3>
+            <div class="flex justify-between items-center text-base">
+              <p>Voting Power</p>
+              <p>- Votes</p>
+            </div>
+          </div>
+          <div class="w-full border-t-2" />
+          <div class="flex flex-col gap-1">
+            <div class="flex justify-between items-center text-base">
+              <p>My Points</p>
+              <p>- RFP</p>
+            </div>
+            <div
+              class="flex justify-between items-center text-base text-disabled"
+            >
+              <p>Next level</p>
+              <p>- RFP</p>
+            </div>
+          </div>
+          <BalBtn
+            color="gradient"
+            class="self-end w-fit"
+            size="sm"
+            @click="startConnectWithInjectedProvider"
+            >Connect wallet</BalBtn
+          >
+        </div>
+      </div>
+    </BalCard>
+  </template>
+  <template v-else>
+    <div class="p-4 h-full bg-white rounded-lg shadow-lg">
+      <div
+        class="flex flex-row gap-5 justify-center items-center px-4 h-[265px]"
+      >
+        <img
+          :src="NFTImage"
+          class="rounded-md h-[224px] w-[168px] bg-slate-500"
+        />
+        <div class="flex flex-col gap-6 w-full">
+          <div class="flex flex-col gap-4">
+            <h3 class="self-start text-lg">Connect wallet</h3>
+            <div class="flex justify-between items-center text-base">
+              <p>Voting Power</p>
+              <p>- Votes</p>
+            </div>
+          </div>
+          <div class="w-full border-t-2" />
+          <div class="flex flex-col gap-1">
+            <div class="flex justify-between items-center text-base">
+              <p class="text-sm">My Points</p>
+              <p class="text-sm">- RFP</p>
+            </div>
+            <div
+              class="flex justify-between items-center text-base text-disabled"
+            >
+              <p>Next level</p>
+              <p>- RFP</p>
+            </div>
+          </div>
+          <BalBtn
+            color="gradient"
+            class="self-end w-fit"
+            size="sm"
+            @click="startConnectWithInjectedProvider"
+            >Connect wallet</BalBtn
+          >
+        </div>
+      </div>
+    </div>
+  </template>
+</template>
\ No newline at end of file
diff --git a/src/components/contextual/pages/dashboard/Cards/WeeklyCard.vue b/src/components/contextual/pages/dashboard/Cards/WeeklyCard.vue
new file mode 100644
index 000000000..04e5866d6
--- /dev/null
+++ b/src/components/contextual/pages/dashboard/Cards/WeeklyCard.vue
@@ -0,0 +1,145 @@
+<script setup lang="ts">
+import useBreakpoints from '@/composables/useBreakpoints';
+
+const { isMobile, upToSmallBreakpoint } = useBreakpoints();
+</script>
+<template>
+  <template v-if="isMobile">
+    <BalCard v-if="upToSmallBreakpoint">
+      <div class="flex flex-col gap-5 justify-center items-center px-4 h-fit">
+        <h3 class="self-start text-lg">Weekly progress</h3>
+        <p class="text-base text-complementary">
+          Participate in the
+          <a class="font-medium text-blue-700" href="#">
+            Early Growth Campaign</a
+          >
+          by trading each week to level up your ReFi Profile and earn more
+          Voting Power. Each Monday at 12:00 CET weekly snapshots are taken and
+          rewards are allocated.
+        </p>
+        <div class="flex flex-row gap-5 w-full">
+          <div
+            class="flex flex-col justify-center items-center pt-5 w-full rounded-md border-complementary-b border-[1px]"
+          >
+            <div
+              class="flex flex-col justify-center pb-5 mr-0 w-full text-center items-cente"
+            >
+              <h4 class="text-complementary text-[10px]">
+                Your Volume this week
+              </h4>
+              <p class="text-xl">-</p>
+            </div>
+
+            <div class="w-full h-10 border-complementary-b border-t-[1px]" />
+          </div>
+          <div
+            class="flex flex-col justify-center items-center pt-5 w-full rounded-md border-complementary-b border-[1px]"
+          >
+            <div
+              class="flex flex-col justify-center pb-5 mr-0 w-full text-center items-cente"
+            >
+              <h4 class="text-complementary text-[10px]">
+                Volume for next tier
+              </h4>
+              <p class="text-xl">-</p>
+            </div>
+
+            <div class="w-full h-10 border-complementary-b border-t-[1px]" />
+          </div>
+        </div>
+      </div>
+    </BalCard>
+    <BalCard v-else>
+      <div class="flex flex-col gap-5 justify-center items-center px-4 h-80">
+        <h3 class="self-start text-lg leading-[1.125rem]">Weekly progress</h3>
+        <p class="text-base text-complementary">
+          Participate in the
+          <a class="font-medium text-[#4654D2]" href="#">
+            Early Growth Campaign</a
+          >
+          by trading each week to level up your ReFi Profile and earn more
+          Voting Power. Each Monday at 12:00 CET weekly snapshots are taken and
+          rewards are allocated.
+        </p>
+        <div class="flex flex-row gap-5 w-full">
+          <div
+            class="flex flex-col justify-center items-center pt-5 w-full rounded-md border-complementary-b border-[1px]"
+          >
+            <div
+              class="flex flex-col justify-center pb-5 mr-0 w-full text-center items-cente"
+            >
+              <h4 class="text-complementary text-[10px]">
+                Your Volume this week
+              </h4>
+              <p class="text-xl">-</p>
+            </div>
+
+            <div class="w-full h-10 border-complementary-b border-t-[1px]" />
+          </div>
+          <div
+            class="flex flex-col justify-center items-center pt-5 w-full rounded-md border-complementary-b border-[1px]"
+          >
+            <div
+              class="flex flex-col justify-center items-center pb-5 mr-0 w-full text-center"
+            >
+              <h4 class="text-complementary text-[10px]">
+                Volume for next tier
+              </h4>
+              <p class="text-xl">-</p>
+            </div>
+
+            <div class="w-full h-10 border-complementary-b border-t-[1px]" />
+          </div>
+        </div>
+      </div>
+    </BalCard>
+  </template>
+  <template v-else>
+    <div class="p-4 h-full bg-white rounded-lg shadow-lg">
+      <div
+        class="flex flex-col gap-4 justify-center items-center px-4 min-h-[265px]"
+      >
+        <h3 class="self-start text-lg leading-[1.125rem]">Weekly progress</h3>
+        <p class="text-base text-complementary">
+          Participate in the
+          <a class="font-medium text-[#4654D2]" href="#">
+            Early Growth Campaign</a
+          >
+          by trading each week to level up your ReFi Profile and earn more
+          Voting Power. Each Monday at 12:00 CET weekly snapshots are taken and
+          rewards are allocated.
+        </p>
+        <div class="flex flex-row gap-5 w-full">
+          <div
+            class="flex flex-col justify-center items-center pt-5 w-full rounded-md border-complementary-b border-[1px]"
+          >
+            <div
+              class="flex flex-col justify-center pb-5 w-full text-center items-cente"
+            >
+              <h4 class="text-complementary text-[10px]">
+                Your Volume this week
+              </h4>
+              <p class="text-xl">-</p>
+            </div>
+
+            <div class="w-full h-10 border-complementary-b border-t-[1px]" />
+          </div>
+          <div
+            class="flex flex-col justify-center items-center pt-5 w-full rounded-md border-complementary-b border-[1px]"
+          >
+            <div
+              class="flex flex-col justify-center pb-5 w-full text-center items-cente"
+            >
+              <h4 class="text-complementary text-[10px]">
+                Volume for next tier
+              </h4>
+              <p class="text-xl">-</p>
+            </div>
+
+            <div class="w-full h-10 border-complementary-b border-t-[1px]" />
+          </div>
+        </div>
+      </div>
+    </div>
+  </template>
+</template>
\ No newline at end of file
diff --git a/src/components/contextual/pages/dashboard/DashboardTable/ClaimsTable.vue b/src/components/contextual/pages/dashboard/DashboardTable/ClaimsTable.vue
new file mode 100644
index 000000000..989ad9c3a
--- /dev/null
+++ b/src/components/contextual/pages/dashboard/DashboardTable/ClaimsTable.vue
@@ -0,0 +1,107 @@
+<script lang="ts" setup>
+import { useI18n } from 'vue-i18n';
+import useBreakpoints from '@/composables/useBreakpoints';
+import { ColumnDefinition } from '@/components/_global/BalTable/types';
+import useNumbers, { FNumFormats } from '@/composables/useNumbers';
+/**
+ * TYPES
+ */
+export type ClaimRow = {
+  token: string;
+  amount: string;
+  value: string;
+};
+
+/**
+ * PROPS & EMITS
+ */
+
+/**
+ * COMPOSABLES
+ */
+const { t } = useI18n();
+const { fNum } = useNumbers();
+
+/**
+ * STATE
+ */
+//  ref<ColumnDefinition<RewardRow>[]>
+const columns = ref<ColumnDefinition<ClaimRow>[]>([
+  {
+    name: t('token'),
+    id: 'icons',
+    accessor: 'icons',
+    Cell: 'iconsColumnCell',
+    width: 50,
+    noGrow: true,
+  },
+  {
+    name: t('amount'),
+    id: 'amount',
+    align: 'right',
+    width: 150,
+    totalsCell: 'totalAmountCell',
+    accessor: ({ amount }) => `${fNum(amount, FNumFormats.token)} BAL`,
+  },
+  {
+    name: t('value'),
+    id: 'value',
+    align: 'right',
+    width: 150,
+    totalsCell: 'totalValueCell',
+    accessor: ({ value }) => fNum(value, FNumFormats.fiat),
+  },
+  {
+    name: '',
+    id: 'claim',
+    accessor: 'claim',
+    Cell: 'claimColumnCell',
+    totalsCell: 'claimTotalCell',
+    width: 150,
+  },
+]);
+
+const rewardsData = [];
+
+const { upToLargeBreakpoint } = useBreakpoints();
+</script>
+
+<template>
+  <BalCard
+    shadow="lg"
+    :square="upToLargeBreakpoint"
+    :noBorder="upToLargeBreakpoint"
+    noPad
+  >
+    <BalTable
+      :columns="columns"
+      :data="rewardsData"
+      :isLoading="true"
+      skeletonClass="h-24"
+      :square="upToLargeBreakpoint"
+    >
+      <template #claimColumnCell="{ amount }">
+        <div class="py-4 px-6">
+          <ClaimBalBtn :label="$t('claim')" :amount="amount" />
+        </div>
+      </template>
+      <!-- <template #totalAmountCell>
+        <div class="flex justify-end">
+          {{ fNum(totalClaimAmount, FNumFormats.token) }} BAL
+        </div>
+      </template>
+      <template #totalValueCell>
+        <div class="flex justify-end">
+          {{ fNum(totalClaimValue, FNumFormats.fiat) }}
+        </div>
+      </template>
+      <template #claimTotalCell>
+        <ClaimBalBtn
+          :label="$t('claimAll')"
+          :gauges="allGauges"
+          :amount="totalClaimAmount"
+        />
+      </template> -->
+    </BalTable>
+  </BalCard>
+</template>
diff --git a/src/components/contextual/pages/dashboard/DashboardTable/LiquidityTable.vue b/src/components/contextual/pages/dashboard/DashboardTable/LiquidityTable.vue
new file mode 100644
index 000000000..1ae2f2557
--- /dev/null
+++ b/src/components/contextual/pages/dashboard/DashboardTable/LiquidityTable.vue
@@ -0,0 +1,283 @@
+<script setup lang="ts">
+import { ColumnDefinition } from '@/components/_global/BalTable/types';
+import useBreakpoints from '@/composables/useBreakpoints';
+import useNumbers from '@/composables/useNumbers';
+import { absMaxApr, fiatValueOf } from '@/composables/usePoolHelpers';
+import { useI18n } from 'vue-i18n';
+import { Pool } from '@/services/pool/types';
+import { APR_THRESHOLD } from '@/constants/pools';
+import useDarkMode from '@/composables/useDarkMode';
+import TokensWhite from '@/assets/images/icons/tokens_white.svg';
+import TokensBlack from '@/assets/images/icons/tokens_black.svg';
+
+const { upToLargeBreakpoint, upToSmallBreakpoint } = useBreakpoints();
+
+const { t } = useI18n();
+const { fNum } = useNumbers();
+const { darkMode } = useDarkMode();
+
+type Props = {
+  data?: Pool[];
+  poolsType?: 'unstaked' | 'staked';
+  isLoading?: boolean;
+  isLoadingMore?: boolean;
+  showPoolShares?: boolean;
+  noPoolsLabel?: string;
+  isPaginated?: boolean;
+  sortColumn?: string;
+  selectedTokens?: string[];
+  hiddenColumns?: string[];
+  showBoost?: boolean;
+  showActions?: boolean;
+  columnStates?: Record<string, string>;
+  skeletonClass?: string;
+  shares?: Record<string, string>;
+  boosts?: Record<string, string>;
+  shouldPokePoolsMap?: Record<string, string>;
+  hasNonPrefGaugesPoolsAddresses?: string[];
+};
+
+const props = withDefaults(defineProps<Props>(), {
+  poolsType: 'unstaked',
+  isLoadingMore: false,
+  showPoolShares: false,
+  noPoolsLabel: 'No pools',
+  isPaginated: false,
+  sortColumn: 'totalLiquidity',
+  hiddenColumns: () => [],
+  showBoost: false,
+  showActions: false,
+  columnStates: () => ({}),
+  data: () => [],
+  selectedTokens: () => [],
+  skeletonClass: 'h-64',
+});
+
+const wideCompositionWidth = computed(() => {
+  if (upToSmallBreakpoint.value) return 250;
+  return 350;
+});
+
+function balanceValue(pool: Pool): string {
+  const bpt = props?.shares?.[pool.id] || '0';
+  return fiatValueOf(pool, bpt);
+}
+
+const columns = computed<ColumnDefinition<Pool>[]>(() => [
+  {
+    name: 'Icons',
+    id: 'icons',
+    accessor: 'uri',
+    Header: 'iconColumnHeader',
+    Cell: 'iconColumnCell',
+    width: 125,
+    noGrow: true,
+  },
+  {
+    name: t('composition'),
+    id: 'poolName',
+    accessor: 'id',
+    Cell: 'poolNameCell',
+    width: props.hiddenColumns.length >= 2 ? wideCompositionWidth.value : 350,
+  },
+  {
+    name: t('myBalance'),
+    accessor: pool =>
+      fNum(balanceValue(pool), {
+        style: 'currency',
+        maximumFractionDigits: 0,
+        fixedFormat: true,
+      }),
+    align: 'right',
+    id: 'myBalance',
+    hidden: !props.showPoolShares,
+    sortKey: pool => Number(balanceValue(pool)),
+    width: 160,
+    cellClassName: 'font-numeric',
+  },
+  {
+    name: t('poolValue'),
+    accessor: pool =>
+      fNum(pool.totalLiquidity || 0, {
+        style: 'currency',
+        maximumFractionDigits: 0,
+      }),
+    align: 'right',
+    id: 'totalLiquidity',
+    sortKey: pool => {
+      const apr = Number(pool.totalLiquidity);
+      if (apr === Infinity || isNaN(apr)) return 0;
+      return apr;
+    },
+    width: 150,
+    cellClassName: 'font-numeric',
+  },
+  {
+    name: props.showPoolShares ? t('myApr') : t('apr'),
+    Cell: 'aprCell',
+    accessor: pool => pool?.apr?.min.toString() || '0',
+    align: 'right',
+    id: 'apr',
+    sortKey: pool => {
+      let apr = 0;
+
+      if (pool?.apr) {
+        apr = Number(absMaxApr(pool.apr, pool.boost));
+      }
+
+      return isFinite(apr) && (pool.apr?.swapFees || 0) < APR_THRESHOLD
+        ? apr
+        : 0;
+    },
+    width: 150,
+  },
+  {
+    name: t('actions'),
+    Cell: 'actionsCell',
+    accessor: 'actions',
+    align: 'right',
+    id: 'actions',
+    hidden: !props.showActions,
+    width: 150,
+  },
+]);
+</script>
+
+
+
+
+<template>
+  <BalCard
+    shadow="lg"
+    :square="upToLargeBreakpoint"
+    :noBorder="upToLargeBreakpoint"
+    noPad
+    exposeOverflow
+  >
+    <BalTable
+      :columns="columns"
+      :data="data"
+      :noResultsLabel="noPoolsLabel"
+      :isLoading="isLoading"
+      :isLoadingMore="isLoadingMore"
+      :skeletonClass="skeletonClass"
+      sticky="both"
+      :square="upToLargeBreakpoint"
+      isOnlyDescSort
+    >
+      <template #iconColumnHeader>
+        <div class="flex items-center">
+          <img
+            v-if="darkMode"
+            :src="TokensWhite"
+            alt="token"
+            loading="lazy"
+            width="24"
+            height="15"
+          />
+          <img
+            v-else
+            :src="TokensBlack"
+            alt="token"
+            loading="lazy"
+            width="24"
+            height="15"
+          />
+        </div>
+      </template>
+      <!-- <template #iconColumnCell="pool">
+        <div v-if="!isLoading" class="py-4 px-6" :data-testid="pool?.id">
+          <BalAssetSet
+            :addresses="iconAddresses(pool)"
+            :width="100"
+            :size="isMobile ? 28 : 32"
+          />
+        </div>
+      </template>
+      <template #poolNameCell="pool">
+        <div v-if="!isLoading" class="flex items-center py-4 px-6">
+          <div v-if="poolMetadata(pool.id)?.name" class="pr-2 text-left">
+            {{ poolMetadata(pool.id)?.name }}
+          </div>
+          <div v-else>
+            <TokenPills
+              :tokens="orderedPoolTokens(pool, pool.tokens)"
+              :isStablePool="isStableLike(pool.poolType)"
+              :selectedTokens="selectedTokens"
+              :pickedTokens="selectedTokens"
+            />
+          </div>
+          <PoolsTableExtraInfo :pool="pool" />
+        </div>
+      </template>
+      <template #volumeCell="pool">
+        <div
+          :key="columnStates.volume"
+          class="flex justify-end py-4 px-6 -mt-1 font-numeric"
+        >
+          <BalLoadingBlock v-if="!pool?.volumeSnapshot" class="w-12 h-4" />
+          <span v-else class="text-right">
+            {{
+              fNum(
+                pool?.volumeSnapshot < VOLUME_THRESHOLD
+                  ? pool?.volumeSnapshot
+                  : '-',
+                {
+                  style: 'currency',
+                  maximumFractionDigits: 0,
+                }
+              )
+            }}
+          </span>
+        </div>
+      </template>
+      <template #aprCell="pool">
+        <div
+          :key="columnStates.aprs"
+          :class="[
+            'flex justify-end py-4 px-6 -mt-1 font-numeric text-right',
+            {
+              'text-gray-300 dark:text-gray-600 line-through': isLBP(
+                pool.poolType
+              ),
+            },
+          ]"
+        >
+          <span v-if="!pool?.apr || shouldHideAprs(pool.id)">-</span>
+          <template v-else>
+            {{ aprLabelFor(pool) }}
+            <BalTooltip
+              v-if="isLBP(pool.poolType)"
+              width="36"
+              :text="$t('lbpAprTooltip')"
+              iconSize="sm"
+              iconClass="ml-1"
+            />
+            <APRTooltip v-else-if="pool?.apr" :pool="pool" />
+          </template>
+        </div>
+      </template> -->
+    </BalTable>
+  </BalCard>
+</template>
+
+
+<!-- <template>
+  <div>
+    <BalStack vertical spacing="sm">
+      <h5 class="px-4 xl:px-0">
+        {{ $t('staking.unstakedPools') }}
+      </h5>
+      <PoolsTable
+        :isLoading="isWalletReady"
+        :data="unstakedPools"
+        :shares="userPoolShares"
+        :noPoolsLabel="noPoolsLabel"
+        sortColumn="myBalance"
+        :hiddenColumns="hiddenColumns"
+        showPoolShares
+        showActions
+      />
+    </BalStack>
+  </div>
+</template> -->
diff --git a/src/components/footer/Footer.vue b/src/components/footer/Footer.vue
index ced5f7163..bf4face88 100644
--- a/src/components/footer/Footer.vue
+++ b/src/components/footer/Footer.vue
@@ -28,15 +28,7 @@ const { openNpsModal } = useAppzi();
             class="font-medium link"
             :to="{ name: 'home', params: { networkSlug } }"
           >
-            <AppLogo
-              class="mb-4"
-              fillColor="#ffffff"
-              hoverFillColor="#FA7369"
-              color="#ffffff"
-              hoverColor="#FA7369"
-              :text="true"
-              size="large"
-            />
+            <AppLogo class="mb-4" current="Footer" />
           </router-link>
 
           <div class="flex md:hidden flex-col gap-2">
@@ -173,7 +165,7 @@ const { openNpsModal } = useAppzi();
           </div>
 
           <div
-            class="flex flex-wrap md:order-3 gap-x-3 lg:gap-x-4 gap-y-2 md:justify-end"
+            class="flex flex-wrap md:order-3 gap-x-3 lg:gap-x-4 gap-y-2 md:justify-end h-full"
           >
             <p>
               <button class="policy" @click="openNpsModal">Feedback</button>
diff --git a/src/components/images/AppLogo.vue b/src/components/images/AppLogo.vue
index 4bf9f8e7b..86592f85b 100644
--- a/src/components/images/AppLogo.vue
+++ b/src/components/images/AppLogo.vue
@@ -1,136 +1,57 @@
 <script lang="ts" setup>
-/**
- * TYPES
- */
+type Views = 'Navbar' | 'Sidebar' | 'Footer';
 type Props = {
-  forceDark?: boolean;
-  fillColor?: string;
-  hoverFillColor?: string;
-  text?: boolean;
-  size?: string;
-  color?: string;
-  hoverColor?: string;
+  current: Views;
 };
-
-/**
- * PROPS & EMITS
- */
-const props = withDefaults(defineProps<Props>(), {
-  forceDark: false,
-  fillColor: '',
-  hoverFillColor: '',
-  color: '',
-  hoverColor: '',
-  text: false,
-  size: 'small',
-});
-
-/**
- * COMPOSABLES
- */
-// const { darkMode } = useDarkMode();
-// const tailwind = useTailwind();
-
-/**
- * COMPUTED
- */
-const logoText = computed(() => {
-  if (props.text) return 'regenerative<br>finance';
-  return 'regenerative';
-});
+const props = defineProps<Props>();
 </script>
 
 <template>
-  <div class="flex items-center sm:mr-4 font-bold capitalize app-logo">
-    <svg
-      id="logo"
-      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>
-      <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>
+  <svg
+    v-if="props.current === 'Footer'"
+    width="175"
+    height="38"
+    viewBox="0 0 175 38"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M12.3787 2.45161C13.7461 2.45161 14.8545 3.54924 14.8545 4.90323V26.9677C14.8545 28.3217 15.9629 29.4194 17.3302 29.4194C18.6976 29.4194 19.806 28.3217 19.806 26.9677V9.80645C19.806 8.45246 20.9144 7.35484 22.2817 7.35484C23.6491 7.35484 24.7575 8.45246 24.7575 9.80645V24.5161C24.7575 25.8701 25.8659 26.9677 27.2332 26.9677C28.6006 26.9677 29.709 25.8701 29.709 24.5161V2.45161C29.709 1.09762 30.8174 0 32.1847 0C33.552 0 34.6605 1.09762 34.6605 2.45161V22.0645C34.6605 23.4185 35.7689 24.5161 37.1362 24.5161C38.5035 24.5161 39.612 23.4185 39.612 22.0645V17.1613C39.612 15.8073 40.7204 14.7097 42.0877 14.7097C43.3506 14.7097 44.3926 15.646 44.5444 16.8558C44.0572 28.6149 34.2763 38 22.2817 38C9.97587 38 0 28.1214 0 15.9355C0 15.3197 0.0254765 14.7097 0.0754426 14.1067C0.34678 13.0443 1.31855 12.2581 2.47575 12.2581C3.84307 12.2581 4.9515 13.3557 4.9515 14.7097V22.0645C4.9515 23.4185 6.05993 24.5161 7.42725 24.5161C8.79456 24.5161 9.90299 23.4185 9.90299 22.0645V4.90323C9.90299 3.54924 11.0114 2.45161 12.3787 2.45161Z"
+      fill="white"
+    />
+    <path
+      d="M54.3629 16V2.18182H59.5447C60.6063 2.18182 61.4969 2.36624 62.2166 2.73508C62.9408 3.10393 63.4873 3.62121 63.8562 4.28693C64.2295 4.94815 64.4162 5.71958 64.4162 6.60121C64.4162 7.48733 64.2273 8.25651 63.8494 8.90874C63.4761 9.55646 62.9251 10.058 62.1964 10.4134C61.4677 10.7642 60.5726 10.9396 59.511 10.9396H55.8203V8.86151H59.1737C59.7944 8.86151 60.3027 8.77604 60.6985 8.60511C61.0943 8.42969 61.3867 8.17554 61.5756 7.84268C61.7691 7.50533 61.8658 7.0915 61.8658 6.60121C61.8658 6.11091 61.7691 5.69259 61.5756 5.34624C61.3822 4.99538 61.0876 4.72999 60.6918 4.55007C60.2959 4.36565 59.7854 4.27344 59.1602 4.27344H56.8661V16H54.3629ZM61.5014 9.73864L64.9222 16H62.1289L58.7688 9.73864H61.5014ZM71.052 16.2024C70.013 16.2024 69.1156 15.9865 68.3599 15.5547C67.6087 15.1184 67.0307 14.5021 66.6259 13.706C66.2211 12.9053 66.0186 11.9629 66.0186 10.8789C66.0186 9.81286 66.2211 8.87725 66.6259 8.07209C67.0352 7.26243 67.6065 6.63269 68.3397 6.18288C69.0729 5.72857 69.9342 5.50142 70.9238 5.50142C71.5626 5.50142 72.1653 5.60488 72.7321 5.81179C73.3033 6.0142 73.8071 6.32907 74.2434 6.75639C74.6842 7.18371 75.0306 7.72798 75.2825 8.3892C75.5344 9.04593 75.6603 9.8286 75.6603 10.7372V11.4862H67.1657V9.83984H73.3191C73.3146 9.37204 73.2134 8.95597 73.0154 8.59162C72.8175 8.22277 72.5409 7.93265 72.1855 7.72124C71.8347 7.50982 71.4254 7.40412 70.9576 7.40412C70.4583 7.40412 70.0197 7.52557 69.6419 7.76847C69.264 8.00687 68.9694 8.32173 68.758 8.71307C68.5511 9.0999 68.4454 9.52498 68.4409 9.98828V11.4254C68.4409 12.0282 68.5511 12.5455 68.7715 12.9773C68.9919 13.4046 69.3 13.733 69.6958 13.9624C70.0917 14.1873 70.555 14.2997 71.0858 14.2997C71.4411 14.2997 71.7627 14.2502 72.0506 14.1513C72.3385 14.0478 72.5881 13.8971 72.7995 13.6992C73.0109 13.5013 73.1706 13.2562 73.2786 12.9638L75.5591 13.2202C75.4152 13.8229 75.1408 14.3492 74.736 14.799C74.3356 15.2443 73.8229 15.5907 73.1976 15.8381C72.5724 16.081 71.8572 16.2024 71.052 16.2024ZM82.2338 20.1023C81.3566 20.1023 80.6032 19.9831 79.9735 19.7447C79.3437 19.5108 78.8377 19.1959 78.4553 18.8001C78.073 18.4042 77.8076 17.9657 77.6592 17.4844L79.8588 16.9513C79.9577 17.1538 80.1017 17.3539 80.2906 17.5518C80.4795 17.7543 80.7336 17.9207 81.053 18.0511C81.3769 18.1861 81.7839 18.2536 82.2742 18.2536C82.9669 18.2536 83.5405 18.0849 83.9948 17.7475C84.4491 17.4147 84.6762 16.8659 84.6762 16.1012V14.1378H84.5548C84.4288 14.3897 84.2444 14.6483 84.0015 14.9137C83.7631 15.1791 83.446 15.4018 83.0502 15.5817C82.6588 15.7616 82.1663 15.8516 81.5725 15.8516C80.7764 15.8516 80.0544 15.6649 79.4067 15.2915C78.7635 14.9137 78.2507 14.3514 77.8683 13.6048C77.4905 12.8536 77.3016 11.9135 77.3016 10.7844C77.3016 9.64643 77.4905 8.68608 77.8683 7.90341C78.2507 7.11624 78.7657 6.52024 79.4134 6.11541C80.0612 5.70608 80.7831 5.50142 81.5793 5.50142C82.1865 5.50142 82.6858 5.60488 83.0771 5.81179C83.473 6.0142 83.7878 6.25935 84.0218 6.54723C84.2557 6.83061 84.4333 7.09825 84.5548 7.35014H84.6897V5.63636H87.0985V16.1687C87.0985 17.0548 86.887 17.788 86.4642 18.3683C86.0414 18.9485 85.4634 19.3826 84.7302 19.6705C83.997 19.9583 83.1649 20.1023 82.2338 20.1023ZM82.254 13.9354C82.7713 13.9354 83.2121 13.8094 83.5764 13.5575C83.9408 13.3056 84.2174 12.9435 84.4063 12.4712C84.5953 11.9989 84.6897 11.4322 84.6897 10.771C84.6897 10.1187 84.5953 9.54747 84.4063 9.05717C84.2219 8.56688 83.9475 8.18679 83.5832 7.9169C83.2233 7.64252 82.7803 7.50533 82.254 7.50533C81.7097 7.50533 81.2554 7.64702 80.8911 7.9304C80.5267 8.21378 80.2523 8.60286 80.0679 9.09766C79.8835 9.58795 79.7913 10.1457 79.7913 10.771C79.7913 11.4052 79.8835 11.9607 80.0679 12.4375C80.2568 12.9098 80.5335 13.2786 80.8978 13.544C81.2667 13.8049 81.7187 13.9354 82.254 13.9354ZM94.1897 16.2024C93.1507 16.2024 92.2533 15.9865 91.4976 15.5547C90.7464 15.1184 90.1684 14.5021 89.7636 13.706C89.3588 12.9053 89.1563 11.9629 89.1563 10.8789C89.1563 9.81286 89.3588 8.87725 89.7636 8.07209C90.1729 7.26243 90.7442 6.63269 91.4774 6.18288C92.2106 5.72857 93.0719 5.50142 94.0615 5.50142C94.7003 5.50142 95.303 5.60488 95.8698 5.81179C96.441 6.0142 96.9448 6.32907 97.3811 6.75639C97.8219 7.18371 98.1683 7.72798 98.4202 8.3892C98.6721 9.04593 98.798 9.8286 98.798 10.7372V11.4862H90.3034V9.83984H96.4568C96.4523 9.37204 96.3511 8.95597 96.1531 8.59162C95.9552 8.22277 95.6786 7.93265 95.3232 7.72124C94.9724 7.50982 94.5631 7.40412 94.0953 7.40412C93.596 7.40412 93.1574 7.52557 92.7796 7.76847C92.4017 8.00687 92.1071 8.32173 91.8957 8.71307C91.6888 9.0999 91.5831 9.52498 91.5786 9.98828V11.4254C91.5786 12.0282 91.6888 12.5455 91.9092 12.9773C92.1296 13.4046 92.4377 13.733 92.8335 13.9624C93.2294 14.1873 93.6927 14.2997 94.2235 14.2997C94.5788 14.2997 94.9004 14.2502 95.1883 14.1513C95.4762 14.0478 95.7258 13.8971 95.9372 13.6992C96.1486 13.5013 96.3083 13.2562 96.4163 12.9638L98.6968 13.2202C98.5529 13.8229 98.2785 14.3492 97.8737 14.799C97.4733 15.2443 96.9606 15.5907 96.3353 15.8381C95.7101 16.081 94.9949 16.2024 94.1897 16.2024ZM103.307 9.92756V16H100.864V5.63636H103.199V7.39737H103.32C103.559 6.81712 103.939 6.35606 104.461 6.0142C104.987 5.67235 105.637 5.50142 106.411 5.50142C107.126 5.50142 107.749 5.65436 108.279 5.96023C108.815 6.2661 109.229 6.70916 109.521 7.28942C109.818 7.86967 109.964 8.57363 109.96 9.40128V16H107.517V9.77912C107.517 9.08641 107.337 8.54439 106.977 8.15305C106.622 7.76172 106.129 7.56605 105.5 7.56605C105.072 7.56605 104.692 7.66051 104.359 7.84943C104.031 8.03385 103.772 8.30149 103.583 8.65234C103.399 9.0032 103.307 9.42827 103.307 9.92756ZM117.031 16.2024C115.991 16.2024 115.094 15.9865 114.338 15.5547C113.587 15.1184 113.009 14.5021 112.604 13.706C112.2 12.9053 111.997 11.9629 111.997 10.8789C111.997 9.81286 112.2 8.87725 112.604 8.07209C113.014 7.26243 113.585 6.63269 114.318 6.18288C115.051 5.72857 115.913 5.50142 116.902 5.50142C117.541 5.50142 118.144 5.60488 118.711 5.81179C119.282 6.0142 119.786 6.32907 120.222 6.75639C120.663 7.18371 121.009 7.72798 121.261 8.3892C121.513 9.04593 121.639 9.8286 121.639 10.7372V11.4862H113.144V9.83984H119.298C119.293 9.37204 119.192 8.95597 118.994 8.59162C118.796 8.22277 118.519 7.93265 118.164 7.72124C117.813 7.50982 117.404 7.40412 116.936 7.40412C116.437 7.40412 115.998 7.52557 115.62 7.76847C115.243 8.00687 114.948 8.32173 114.737 8.71307C114.53 9.0999 114.424 9.52498 114.419 9.98828V11.4254C114.419 12.0282 114.53 12.5455 114.75 12.9773C114.97 13.4046 115.279 13.733 115.674 13.9624C116.07 14.1873 116.533 14.2997 117.064 14.2997C117.42 14.2997 117.741 14.2502 118.029 14.1513C118.317 14.0478 118.567 13.8971 118.778 13.6992C118.989 13.5013 119.149 13.2562 119.257 12.9638L121.538 13.2202C121.394 13.8229 121.119 14.3492 120.714 14.799C120.314 15.2443 119.801 15.5907 119.176 15.8381C118.551 16.081 117.836 16.2024 117.031 16.2024ZM123.705 16V5.63636H126.073V7.36364H126.181C126.37 6.76539 126.694 6.30433 127.153 5.98047C127.616 5.65211 128.145 5.48793 128.739 5.48793C128.873 5.48793 129.024 5.49467 129.191 5.50817C129.362 5.51716 129.503 5.53291 129.616 5.5554V7.8022C129.512 7.76622 129.348 7.73473 129.123 7.70774C128.903 7.67625 128.689 7.66051 128.482 7.66051C128.037 7.66051 127.637 7.75722 127.281 7.95064C126.93 8.13956 126.654 8.4027 126.451 8.74006C126.249 9.07741 126.148 9.4665 126.148 9.90732V16H123.705ZM134.035 16.2092C133.378 16.2092 132.787 16.0922 132.261 15.8583C131.739 15.6199 131.325 15.2691 131.019 14.8058C130.718 14.3424 130.567 13.7712 130.567 13.092C130.567 12.5072 130.675 12.0237 130.891 11.6413C131.107 11.259 131.401 10.9531 131.775 10.7237C132.148 10.4943 132.569 10.3211 133.036 10.2042C133.509 10.0827 133.997 9.99503 134.501 9.94105C135.108 9.87808 135.6 9.82185 135.978 9.77237C136.356 9.71839 136.63 9.63743 136.801 9.52947C136.977 9.41702 137.065 9.24384 137.065 9.00994V8.96946C137.065 8.46117 136.914 8.06759 136.612 7.78871C136.311 7.50982 135.877 7.37038 135.31 7.37038C134.712 7.37038 134.237 7.50083 133.887 7.76172C133.54 8.02261 133.306 8.33073 133.185 8.68608L130.904 8.36222C131.084 7.73248 131.381 7.2062 131.795 6.78338C132.209 6.35606 132.715 6.03669 133.313 5.82528C133.911 5.60938 134.573 5.50142 135.297 5.50142C135.796 5.50142 136.293 5.5599 136.788 5.67685C137.283 5.7938 137.735 5.98722 138.144 6.2571C138.553 6.52249 138.882 6.88459 139.129 7.34339C139.381 7.8022 139.507 8.37571 139.507 9.06392V16H137.159V14.5763H137.078C136.93 14.8642 136.72 15.1341 136.451 15.386C136.185 15.6334 135.85 15.8336 135.445 15.9865C135.045 16.1349 134.575 16.2092 134.035 16.2092ZM134.669 14.4144C135.16 14.4144 135.585 14.3177 135.945 14.1243C136.304 13.9264 136.581 13.6655 136.774 13.3416C136.972 13.0178 137.071 12.6647 137.071 12.2823V11.0611C136.995 11.1241 136.864 11.1825 136.68 11.2365C136.5 11.2905 136.298 11.3377 136.073 11.3782C135.848 11.4187 135.625 11.4547 135.405 11.4862C135.184 11.5176 134.993 11.5446 134.831 11.5671C134.467 11.6166 134.141 11.6976 133.853 11.81C133.565 11.9225 133.338 12.0799 133.171 12.2823C133.005 12.4802 132.922 12.7366 132.922 13.0515C132.922 13.5013 133.086 13.8409 133.414 14.0703C133.743 14.2997 134.161 14.4144 134.669 14.4144ZM147.138 5.63636V7.52557H141.18V5.63636H147.138ZM142.651 3.15341H145.094V12.8828C145.094 13.2112 145.143 13.4631 145.242 13.6385C145.346 13.8094 145.48 13.9264 145.647 13.9893C145.813 14.0523 145.998 14.0838 146.2 14.0838C146.353 14.0838 146.493 14.0726 146.619 14.0501C146.749 14.0276 146.848 14.0073 146.915 13.9893L147.327 15.8988C147.197 15.9438 147.01 15.9933 146.767 16.0472C146.529 16.1012 146.236 16.1327 145.89 16.1417C145.278 16.1597 144.727 16.0675 144.237 15.8651C143.746 15.6581 143.357 15.3388 143.07 14.907C142.786 14.4751 142.647 13.9354 142.651 13.2876V3.15341ZM149.181 16V5.63636H151.623V16H149.181ZM150.409 4.16548C150.022 4.16548 149.689 4.03729 149.41 3.78089C149.131 3.52 148.992 3.20739 148.992 2.84304C148.992 2.47419 149.131 2.16158 149.41 1.90518C149.689 1.64429 150.022 1.51385 150.409 1.51385C150.8 1.51385 151.133 1.64429 151.407 1.90518C151.686 2.16158 151.826 2.47419 151.826 2.84304C151.826 3.20739 151.686 3.52 151.407 3.78089C151.133 4.03729 150.8 4.16548 150.409 4.16548ZM163.392 5.63636L159.701 16H157.002L153.312 5.63636H155.916L158.298 13.3349H158.406L160.794 5.63636H163.392ZM169.318 16.2024C168.279 16.2024 167.381 15.9865 166.626 15.5547C165.874 15.1184 165.296 14.5021 164.892 13.706C164.487 12.9053 164.284 11.9629 164.284 10.8789C164.284 9.81286 164.487 8.87725 164.892 8.07209C165.301 7.26243 165.872 6.63269 166.605 6.18288C167.338 5.72857 168.2 5.50142 169.189 5.50142C169.828 5.50142 170.431 5.60488 170.998 5.81179C171.569 6.0142 172.073 6.32907 172.509 6.75639C172.95 7.18371 173.296 7.72798 173.548 8.3892C173.8 9.04593 173.926 9.8286 173.926 10.7372V11.4862H165.431V9.83984H171.585C171.58 9.37204 171.479 8.95597 171.281 8.59162C171.083 8.22277 170.807 7.93265 170.451 7.72124C170.1 7.50982 169.691 7.40412 169.223 7.40412C168.724 7.40412 168.285 7.52557 167.907 7.76847C167.53 8.00687 167.235 8.32173 167.024 8.71307C166.817 9.0999 166.711 9.52498 166.706 9.98828V11.4254C166.706 12.0282 166.817 12.5455 167.037 12.9773C167.258 13.4046 167.566 13.733 167.961 13.9624C168.357 14.1873 168.821 14.2997 169.351 14.2997C169.707 14.2997 170.028 14.2502 170.316 14.1513C170.604 14.0478 170.854 13.8971 171.065 13.6992C171.277 13.5013 171.436 13.2562 171.544 12.9638L173.825 13.2202C173.681 13.8229 173.406 14.3492 173.002 14.799C172.601 15.2443 172.088 15.5907 171.463 15.8381C170.838 16.081 170.123 16.2024 169.318 16.2024ZM54.3629 35V21.1818H63.2152V23.2802H56.8661V27.0316H62.608V29.13H56.8661V35H54.3629ZM65.3878 35V24.6364H67.8303V35H65.3878ZM66.6158 23.1655C66.2289 23.1655 65.8961 23.0373 65.6172 22.7809C65.3383 22.52 65.1989 22.2074 65.1989 21.843C65.1989 21.4742 65.3383 21.1616 65.6172 20.9052C65.8961 20.6443 66.2289 20.5138 66.6158 20.5138C67.0071 20.5138 67.34 20.6443 67.6143 20.9052C67.8932 21.1616 68.0327 21.4742 68.0327 21.843C68.0327 22.2074 67.8932 22.52 67.6143 22.7809C67.34 23.0373 67.0071 23.1655 66.6158 23.1655ZM72.7844 28.9276V35H70.3419V24.6364H72.6764V26.3974H72.7979C73.0363 25.8171 73.4163 25.3561 73.9381 25.0142C74.4644 24.6723 75.1144 24.5014 75.8881 24.5014C76.6032 24.5014 77.2262 24.6544 77.757 24.9602C78.2923 25.2661 78.7061 25.7092 78.9985 26.2894C79.2954 26.8697 79.4416 27.5736 79.4371 28.4013V35H76.9946V28.7791C76.9946 28.0864 76.8147 27.5444 76.4548 27.1531C76.0995 26.7617 75.6069 26.5661 74.9772 26.5661C74.5499 26.5661 74.1698 26.6605 73.8369 26.8494C73.5086 27.0339 73.2499 27.3015 73.061 27.6523C72.8766 28.0032 72.7844 28.4283 72.7844 28.9276ZM84.9023 35.2092C84.2455 35.2092 83.654 35.0922 83.1278 34.8583C82.606 34.6199 82.1921 34.2691 81.8863 33.8058C81.5849 33.3424 81.4342 32.7712 81.4342 32.092C81.4342 31.5072 81.5422 31.0237 81.7581 30.6413C81.974 30.259 82.2686 29.9531 82.642 29.7237C83.0153 29.4943 83.4359 29.3211 83.9037 29.2042C84.376 29.0827 84.864 28.995 85.3678 28.9411C85.9751 28.8781 86.4676 28.8219 86.8454 28.7724C87.2233 28.7184 87.4977 28.6374 87.6686 28.5295C87.844 28.417 87.9317 28.2438 87.9317 28.0099V27.9695C87.9317 27.4612 87.781 27.0676 87.4797 26.7887C87.1783 26.5098 86.7442 26.3704 86.1775 26.3704C85.5792 26.3704 85.1047 26.5008 84.7538 26.7617C84.4075 27.0226 84.1736 27.3307 84.0521 27.6861L81.7716 27.3622C81.9515 26.7325 82.2484 26.2062 82.6622 25.7834C83.076 25.3561 83.5821 25.0367 84.1803 24.8253C84.7786 24.6094 85.4398 24.5014 86.164 24.5014C86.6633 24.5014 87.1603 24.5599 87.6551 24.6768C88.1499 24.7938 88.6019 24.9872 89.0113 25.2571C89.4206 25.5225 89.749 25.8846 89.9964 26.3434C90.2483 26.8022 90.3742 27.3757 90.3742 28.0639V35H88.0262V33.5763H87.9452C87.7968 33.8642 87.5876 34.1341 87.3177 34.386C87.0523 34.6334 86.7172 34.8336 86.3124 34.9865C85.9121 35.1349 85.442 35.2092 84.9023 35.2092ZM85.5365 33.4144C86.0268 33.4144 86.4519 33.3177 86.8117 33.1243C87.1715 32.9264 87.4482 32.6655 87.6416 32.3416C87.8395 32.0178 87.9385 31.6647 87.9385 31.2823V30.0611C87.862 30.1241 87.7316 30.1825 87.5471 30.2365C87.3672 30.2905 87.1648 30.3377 86.9399 30.3782C86.715 30.4187 86.4923 30.4547 86.2719 30.4862C86.0515 30.5176 85.8604 30.5446 85.6984 30.5671C85.3341 30.6166 85.008 30.6976 84.7201 30.81C84.4322 30.9225 84.205 31.0799 84.0386 31.2823C83.8722 31.4802 83.789 31.7366 83.789 32.0515C83.789 32.5013 83.9532 32.8409 84.2815 33.0703C84.6099 33.2997 85.0282 33.4144 85.5365 33.4144ZM95.2726 28.9276V35H92.8302V24.6364H95.1647V26.3974H95.2861C95.5245 25.8171 95.9046 25.3561 96.4264 25.0142C96.9527 24.6723 97.6027 24.5014 98.3763 24.5014C99.0915 24.5014 99.7145 24.6544 100.245 24.9602C100.781 25.2661 101.194 25.7092 101.487 26.2894C101.784 26.8697 101.93 27.5736 101.925 28.4013V35H99.4829V28.7791C99.4829 28.0864 99.3029 27.5444 98.9431 27.1531C98.5877 26.7617 98.0952 26.5661 97.4655 26.5661C97.0381 26.5661 96.6581 26.6605 96.3252 26.8494C95.9968 27.0339 95.7382 27.3015 95.5493 27.6523C95.3648 28.0032 95.2726 28.4283 95.2726 28.9276ZM108.929 35.2024C107.894 35.2024 107.006 34.9753 106.264 34.521C105.526 34.0666 104.957 33.4392 104.557 32.6385C104.161 31.8333 103.963 30.9067 103.963 29.8587C103.963 28.8061 104.165 27.8772 104.57 27.0721C104.975 26.2624 105.546 25.6327 106.284 25.1829C107.026 24.7286 107.903 24.5014 108.915 24.5014C109.757 24.5014 110.501 24.6566 111.149 24.967C111.801 25.2728 112.32 25.7069 112.707 26.2692C113.094 26.8269 113.315 27.4792 113.369 28.2259H111.034C110.94 27.7266 110.715 27.3105 110.359 26.9776C110.008 26.6403 109.538 26.4716 108.949 26.4716C108.45 26.4716 108.011 26.6065 107.633 26.8764C107.256 27.1418 106.961 27.5241 106.75 28.0234C106.543 28.5227 106.439 29.121 106.439 29.8182C106.439 30.5244 106.543 31.1316 106.75 31.6399C106.956 32.1437 107.247 32.5328 107.62 32.8072C107.998 33.0771 108.441 33.212 108.949 33.212C109.309 33.212 109.631 33.1445 109.914 33.0096C110.202 32.8701 110.443 32.67 110.636 32.4091C110.829 32.1482 110.962 31.8311 111.034 31.4577H113.369C113.31 32.1909 113.094 32.8409 112.721 33.4077C112.347 33.9699 111.839 34.4107 111.196 34.7301C110.553 35.045 109.797 35.2024 108.929 35.2024ZM119.962 35.2024C118.923 35.2024 118.026 34.9865 117.27 34.5547C116.519 34.1184 115.941 33.5021 115.536 32.706C115.131 31.9053 114.929 30.9629 114.929 29.8789C114.929 28.8129 115.131 27.8772 115.536 27.0721C115.945 26.2624 116.517 25.6327 117.25 25.1829C117.983 24.7286 118.844 24.5014 119.834 24.5014C120.473 24.5014 121.075 24.6049 121.642 24.8118C122.213 25.0142 122.717 25.3291 123.154 25.7564C123.594 26.1837 123.941 26.728 124.193 27.3892C124.445 28.0459 124.57 28.8286 124.57 29.7372V30.4862H116.076V28.8398H122.229C122.225 28.372 122.124 27.956 121.926 27.5916C121.728 27.2228 121.451 26.9326 121.096 26.7212C120.745 26.5098 120.336 26.4041 119.868 26.4041C119.368 26.4041 118.93 26.5256 118.552 26.7685C118.174 27.0069 117.88 27.3217 117.668 27.7131C117.461 28.0999 117.356 28.525 117.351 28.9883V30.4254C117.351 31.0282 117.461 31.5455 117.682 31.9773C117.902 32.4046 118.21 32.733 118.606 32.9624C119.002 33.1873 119.465 33.2997 119.996 33.2997C120.351 33.2997 120.673 33.2502 120.961 33.1513C121.249 33.0478 121.498 32.8971 121.71 32.6992C121.921 32.5013 122.081 32.2562 122.189 31.9638L124.469 32.2202C124.325 32.8229 124.051 33.3492 123.646 33.799C123.246 34.2443 122.733 34.5907 122.108 34.8381C121.483 35.081 120.767 35.2024 119.962 35.2024Z"
+      fill="white"
+    />
+  </svg>
+  <svg
+    v-if="props.current === 'Navbar'"
+    width="152"
+    height="21"
+    viewBox="0 0 152 21"
+    fill="none"
+    xmlns="http://www.w3.org/2000/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"
+      fill="url(#paint0_linear_825_3895)"
+    />
+    <path
+      d="M31.6492 16.5V2.80903H36.7833C37.8351 2.80903 38.7175 2.99176 39.4306 3.35721C40.1481 3.72265 40.6896 4.23517 41.0551 4.89476C41.425 5.5499 41.6099 6.31422 41.6099 7.18773C41.6099 8.0657 41.4227 8.8278 41.0484 9.47402C40.6785 10.1158 40.1325 10.6127 39.4105 10.9648C38.6886 11.3124 37.8017 11.4862 36.7499 11.4862H33.0932V9.42722H36.4156C37.0307 9.42722 37.5343 9.34255 37.9265 9.17319C38.3187 8.99938 38.6083 8.74758 38.7955 8.41778C38.9872 8.08353 39.083 7.67351 39.083 7.18773C39.083 6.70196 38.9872 6.28748 38.7955 5.94432C38.6039 5.59669 38.312 5.33375 37.9198 5.15548C37.5276 4.97276 37.0218 4.8814 36.4023 4.8814H34.1294V16.5H31.6492ZM38.722 10.2963L42.1113 16.5H39.3437L36.0145 10.2963H38.722ZM48.1847 16.7006C47.1552 16.7006 46.2661 16.4866 45.5173 16.0588C44.7731 15.6265 44.2004 15.0159 43.7993 14.2271C43.3982 13.4338 43.1976 12.5001 43.1976 11.4261C43.1976 10.3698 43.3982 9.44282 43.7993 8.64507C44.2048 7.84287 44.7708 7.21893 45.4973 6.77326C46.2237 6.32314 47.0772 6.09807 48.0576 6.09807C48.6905 6.09807 49.2877 6.20058 49.8492 6.40558C50.4152 6.60614 50.9144 6.9181 51.3467 7.34149C51.7834 7.76488 52.1266 8.30414 52.3762 8.95927C52.6258 9.60995 52.7505 10.3854 52.7505 11.2857V12.0277H44.3341V10.3966H50.4308C50.4264 9.93306 50.3261 9.52081 50.13 9.15982C49.9339 8.79437 49.6598 8.50692 49.3077 8.29745C48.9601 8.08799 48.5546 7.98326 48.0911 7.98326C47.5964 7.98326 47.1618 8.10359 46.7875 8.34425C46.4131 8.58045 46.1212 8.89242 45.9117 9.28015C45.7067 9.66343 45.602 10.0846 45.5975 10.5436V11.9675C45.5975 12.5647 45.7067 13.0773 45.9251 13.5051C46.1435 13.9285 46.4488 14.2538 46.841 14.4811C47.2332 14.704 47.6922 14.8154 48.2181 14.8154C48.5702 14.8154 48.8888 14.7663 49.174 14.6683C49.4593 14.5658 49.7066 14.4165 49.9161 14.2204C50.1256 14.0243 50.2838 13.7814 50.3907 13.4917L52.6503 13.7458C52.5077 14.343 52.2358 14.8644 51.8347 15.3101C51.438 15.7513 50.93 16.0944 50.3105 16.3396C49.691 16.5802 48.9824 16.7006 48.1847 16.7006ZM59.2634 20.5645C58.3944 20.5645 57.6479 20.4464 57.024 20.2102C56.4 19.9785 55.8986 19.6665 55.5198 19.2743C55.141 18.8821 54.8781 18.4476 54.731 17.9707L56.9103 17.4426C57.0084 17.6431 57.151 17.8415 57.3382 18.0376C57.5253 18.2381 57.7771 18.403 58.0936 18.5323C58.4144 18.666 58.8178 18.7328 59.3036 18.7328C59.9899 18.7328 60.5581 18.5657 61.0082 18.2314C61.4584 17.9016 61.6834 17.3579 61.6834 16.6003V14.6549H61.5631C61.4383 14.9045 61.2556 15.1608 61.0149 15.4237C60.7787 15.6867 60.4645 15.9073 60.0723 16.0855C59.6846 16.2638 59.1966 16.3529 58.6083 16.3529C57.8195 16.3529 57.1042 16.168 56.4624 15.7981C55.8251 15.4237 55.317 14.8666 54.9382 14.1268C54.5639 13.3825 54.3767 12.4511 54.3767 11.3325C54.3767 10.2049 54.5639 9.25341 54.9382 8.47795C55.317 7.69803 55.8273 7.10751 56.4691 6.70641C57.1109 6.30085 57.8262 6.09807 58.615 6.09807C59.2167 6.09807 59.7113 6.20058 60.0991 6.40558C60.4913 6.60614 60.8032 6.84903 61.035 7.13425C61.2667 7.41503 61.4428 7.6802 61.5631 7.92977H61.6968V6.23177H64.0834V16.6671C64.0834 17.5451 63.8739 18.2715 63.455 18.8465C63.036 19.4214 62.4634 19.8514 61.7369 20.1367C61.0105 20.4219 60.186 20.5645 59.2634 20.5645ZM59.2835 14.4544C59.796 14.4544 60.2328 14.3296 60.5938 14.08C60.9548 13.8304 61.2289 13.4717 61.416 13.0037C61.6032 12.5358 61.6968 11.9742 61.6968 11.3191C61.6968 10.6729 61.6032 10.1069 61.416 9.62109C61.2333 9.13531 60.9614 8.75872 60.6005 8.49132C60.2439 8.21946 59.8049 8.08353 59.2835 8.08353C58.7442 8.08353 58.2941 8.22392 57.9331 8.50469C57.5721 8.78546 57.3003 9.17096 57.1175 9.6612C56.9348 10.147 56.8435 10.6996 56.8435 11.3191C56.8435 11.9475 56.9348 12.4979 57.1175 12.9703C57.3047 13.4383 57.5788 13.8037 57.9398 14.0666C58.3053 14.3251 58.7532 14.4544 59.2835 14.4544ZM71.1093 16.7006C70.0798 16.7006 69.1907 16.4866 68.442 16.0588C67.6977 15.6265 67.1251 15.0159 66.724 14.2271C66.3229 13.4338 66.1223 12.5001 66.1223 11.4261C66.1223 10.3698 66.3229 9.44282 66.724 8.64507C67.1295 7.84287 67.6955 7.21893 68.422 6.77326C69.1484 6.32314 70.0019 6.09807 70.9823 6.09807C71.6152 6.09807 72.2124 6.20058 72.7739 6.40558C73.3399 6.60614 73.8391 6.9181 74.2714 7.34149C74.7081 7.76488 75.0513 8.30414 75.3009 8.95927C75.5504 9.60995 75.6752 10.3854 75.6752 11.2857V12.0277H67.2588V10.3966H73.3555C73.3511 9.93306 73.2508 9.52081 73.0547 9.15982C72.8586 8.79437 72.5845 8.50692 72.2324 8.29745C71.8848 8.08799 71.4793 7.98326 71.0158 7.98326C70.5211 7.98326 70.0865 8.10359 69.7122 8.34425C69.3378 8.58045 69.0459 8.89242 68.8364 9.28015C68.6314 9.66343 68.5267 10.0846 68.5222 10.5436V11.9675C68.5222 12.5647 68.6314 13.0773 68.8498 13.5051C69.0682 13.9285 69.3735 14.2538 69.7657 14.4811C70.1578 14.704 70.6169 14.8154 71.1428 14.8154C71.4949 14.8154 71.8135 14.7663 72.0987 14.6683C72.384 14.5658 72.6313 14.4165 72.8408 14.2204C73.0502 14.0243 73.2084 13.7814 73.3154 13.4917L75.575 13.7458C75.4323 14.343 75.1605 14.8644 74.7594 15.3101C74.3627 15.7513 73.8547 16.0944 73.2352 16.3396C72.6157 16.5802 71.9071 16.7006 71.1093 16.7006ZM80.1425 10.4835V16.5H77.7225V6.23177H80.0355V7.97657H80.1559C80.3921 7.40166 80.7687 6.94485 81.2856 6.60614C81.8071 6.26743 82.4511 6.09807 83.2176 6.09807C83.9262 6.09807 84.5435 6.2496 85.0694 6.55266C85.5997 6.85571 86.0097 7.2947 86.2994 7.86961C86.5936 8.44452 86.7384 9.142 86.734 9.96203V16.5H84.314V10.3364C84.314 9.65006 84.1357 9.11303 83.7792 8.72529C83.4271 8.33756 82.9391 8.1437 82.3151 8.1437C81.8918 8.1437 81.5152 8.23729 81.1854 8.42447C80.86 8.60719 80.6038 8.87237 80.4166 9.21999C80.2339 9.56761 80.1425 9.98877 80.1425 10.4835ZM93.7399 16.7006C92.7104 16.7006 91.8213 16.4866 91.0726 16.0588C90.3283 15.6265 89.7556 15.0159 89.3545 14.2271C88.9534 13.4338 88.7528 12.5001 88.7528 11.4261C88.7528 10.3698 88.9534 9.44282 89.3545 8.64507C89.7601 7.84287 90.3261 7.21893 91.0525 6.77326C91.7789 6.32314 92.6324 6.09807 93.6129 6.09807C94.2457 6.09807 94.8429 6.20058 95.4045 6.40558C95.9705 6.60614 96.4696 6.9181 96.9019 7.34149C97.3387 7.76488 97.6818 8.30414 97.9314 8.95927C98.181 9.60995 98.3058 10.3854 98.3058 11.2857V12.0277H89.8893V10.3966H95.9861C95.9816 9.93306 95.8813 9.52081 95.6852 9.15982C95.4891 8.79437 95.2151 8.50692 94.863 8.29745C94.5154 8.08799 94.1098 7.98326 93.6463 7.98326C93.1516 7.98326 92.7171 8.10359 92.3427 8.34425C91.9683 8.58045 91.6764 8.89242 91.467 9.28015C91.262 9.66343 91.1572 10.0846 91.1528 10.5436V11.9675C91.1528 12.5647 91.262 13.0773 91.4803 13.5051C91.6987 13.9285 92.004 14.2538 92.3962 14.4811C92.7884 14.704 93.2474 14.8154 93.7733 14.8154C94.1254 14.8154 94.444 14.7663 94.7293 14.6683C95.0145 14.5658 95.2618 14.4165 95.4713 14.2204C95.6808 14.0243 95.839 13.7814 95.9459 13.4917L98.2055 13.7458C98.0629 14.343 97.791 14.8644 97.3899 15.3101C96.9933 15.7513 96.4852 16.0944 95.8657 16.3396C95.2462 16.5802 94.5376 16.7006 93.7399 16.7006ZM100.353 16.5V6.23177H102.7V7.94314H102.806C102.994 7.3504 103.315 6.89359 103.769 6.57271C104.228 6.24737 104.752 6.0847 105.34 6.0847C105.474 6.0847 105.623 6.09139 105.788 6.10476C105.957 6.11367 106.098 6.12927 106.209 6.15155V8.37767C106.107 8.34202 105.944 8.31082 105.721 8.28408C105.503 8.25289 105.291 8.23729 105.086 8.23729C104.645 8.23729 104.248 8.33311 103.896 8.52474C103.549 8.71192 103.274 8.97264 103.074 9.30689C102.873 9.64115 102.773 10.0267 102.773 10.4634V16.5H100.353ZM110.588 16.7072C109.937 16.7072 109.351 16.5914 108.83 16.3596C108.313 16.1234 107.903 15.7758 107.6 15.3167C107.301 14.8577 107.152 14.2917 107.152 13.6187C107.152 13.0394 107.259 12.5603 107.473 12.1815C107.687 11.8026 107.978 11.4996 108.348 11.2723C108.718 11.045 109.135 10.8734 109.598 10.7575C110.066 10.6372 110.55 10.5503 111.049 10.4968C111.651 10.4344 112.139 10.3787 112.513 10.3297C112.888 10.2762 113.159 10.196 113.329 10.089C113.503 9.97763 113.589 9.80604 113.589 9.5743V9.53419C113.589 9.03058 113.44 8.64062 113.142 8.3643C112.843 8.08799 112.413 7.94983 111.851 7.94983C111.259 7.94983 110.788 8.07907 110.441 8.33756C110.098 8.59605 109.866 8.90133 109.746 9.25341L107.486 8.93253C107.664 8.30859 107.958 7.78716 108.368 7.36823C108.778 6.94484 109.28 6.62842 109.873 6.41896C110.465 6.20503 111.12 6.09807 111.838 6.09807C112.333 6.09807 112.825 6.15601 113.315 6.27188C113.806 6.38776 114.253 6.5794 114.659 6.8468C115.065 7.10974 115.39 7.46851 115.635 7.92309C115.885 8.37767 116.009 8.9459 116.009 9.62778V16.5H113.683V15.0895H113.603C113.456 15.3747 113.249 15.6421 112.981 15.8917C112.718 16.1368 112.386 16.3351 111.985 16.4866C111.588 16.6337 111.123 16.7072 110.588 16.7072ZM111.216 14.929C111.702 14.929 112.123 14.8332 112.48 14.6416C112.836 14.4455 113.11 14.187 113.302 13.8661C113.498 13.5452 113.596 13.1954 113.596 12.8165V11.6065C113.52 11.6689 113.391 11.7269 113.208 11.7804C113.03 11.8338 112.83 11.8806 112.607 11.9207C112.384 11.9609 112.163 11.9965 111.945 12.0277C111.727 12.0589 111.537 12.0856 111.377 12.1079C111.016 12.157 110.693 12.2372 110.407 12.3486C110.122 12.46 109.897 12.616 109.732 12.8165C109.567 13.0126 109.485 13.2667 109.485 13.5786C109.485 14.0243 109.648 14.3608 109.973 14.5881C110.298 14.8154 110.713 14.929 111.216 14.929ZM123.57 6.23177V8.10359H117.667V6.23177H123.57ZM119.125 3.77168H121.545V13.4115C121.545 13.7368 121.594 13.9864 121.692 14.1602C121.794 14.3296 121.928 14.4455 122.093 14.5079C122.258 14.5703 122.44 14.6014 122.641 14.6014C122.793 14.6014 122.931 14.5903 123.055 14.568C123.185 14.5457 123.283 14.5257 123.35 14.5079L123.757 16.3997C123.628 16.4443 123.443 16.4933 123.203 16.5468C122.966 16.6003 122.677 16.6315 122.333 16.6404C121.727 16.6582 121.181 16.5669 120.696 16.3663C120.21 16.1613 119.824 15.8449 119.539 15.417C119.258 14.9892 119.12 14.4544 119.125 13.8126V3.77168ZM125.594 16.5V6.23177H128.014V16.5H125.594ZM126.811 4.77443C126.428 4.77443 126.098 4.64742 125.821 4.39339C125.545 4.1349 125.407 3.82516 125.407 3.46417C125.407 3.09872 125.545 2.78898 125.821 2.53494C126.098 2.27646 126.428 2.14721 126.811 2.14721C127.199 2.14721 127.528 2.27646 127.8 2.53494C128.076 2.78898 128.215 3.09872 128.215 3.46417C128.215 3.82516 128.076 4.1349 127.8 4.39339C127.528 4.64742 127.199 4.77443 126.811 4.77443ZM139.674 6.23177L136.018 16.5H133.344L129.687 6.23177H132.267L134.627 13.8594H134.734L137.101 6.23177H139.674ZM145.546 16.7006C144.516 16.7006 143.627 16.4866 142.878 16.0588C142.134 15.6265 141.561 15.0159 141.16 14.2271C140.759 13.4338 140.559 12.5001 140.559 11.4261C140.559 10.3698 140.759 9.44282 141.16 8.64507C141.566 7.84287 142.132 7.21893 142.858 6.77326C143.585 6.32314 144.438 6.09807 145.419 6.09807C146.051 6.09807 146.649 6.20058 147.21 6.40558C147.776 6.60614 148.275 6.9181 148.708 7.34149C149.144 7.76488 149.488 8.30414 149.737 8.95927C149.987 9.60995 150.112 10.3854 150.112 11.2857V12.0277H141.695V10.3966H147.792C147.787 9.93306 147.687 9.52081 147.491 9.15982C147.295 8.79437 147.021 8.50692 146.669 8.29745C146.321 8.08799 145.916 7.98326 145.452 7.98326C144.957 7.98326 144.523 8.10359 144.148 8.34425C143.774 8.58045 143.482 8.89242 143.273 9.28015C143.068 9.66343 142.963 10.0846 142.959 10.5436V11.9675C142.959 12.5647 143.068 13.0773 143.286 13.5051C143.504 13.9285 143.81 14.2538 144.202 14.4811C144.594 14.704 145.053 14.8154 145.579 14.8154C145.931 14.8154 146.25 14.7663 146.535 14.6683C146.82 14.5658 147.068 14.4165 147.277 14.2204C147.487 14.0243 147.645 13.7814 147.752 13.4917L150.011 13.7458C149.869 14.343 149.597 14.8644 149.196 15.3101C148.799 15.7513 148.291 16.0944 147.671 16.3396C147.052 16.5802 146.343 16.7006 145.546 16.7006Z"
+      fill="#222732"
+    />
+    <defs>
+      <linearGradient
+        id="paint0_linear_825_3895"
+        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>
+    </defs>
+  </svg>
 </template>
-
-<style scoped>
-.logoText {
-  color: v-bind('color');
-}
-
-.app-logo :deep(.logotype) {
-  @apply origin-top-left relative;
-
-  transform: scale(1.1);
-}
-
-.svg-path {
-  transition: fill 0.2s ease-out;
-}
-
-.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>
\ No newline at end of file
diff --git a/src/components/images/_AppLogo.vue b/src/components/images/_AppLogo.vue
new file mode 100644
index 000000000..e3986475b
--- /dev/null
+++ b/src/components/images/_AppLogo.vue
@@ -0,0 +1,140 @@
+<script lang="ts" setup>
+/**
+ * TYPES
+ */
+type Props = {
+  forceDark?: boolean;
+  fillColor?: string;
+  hoverFillColor?: string;
+  text?: boolean;
+  size?: string;
+  color?: string;
+  hoverColor?: string;
+};
+
+/**
+ * PROPS & EMITS
+ */
+const props = withDefaults(defineProps<Props>(), {
+  forceDark: false,
+  fillColor: '',
+  hoverFillColor: '',
+  color: '',
+  hoverColor: '',
+  text: false,
+  size: 'small',
+});
+
+/**
+ * COMPOSABLES
+ */
+// const { darkMode } = useDarkMode();
+// const tailwind = useTailwind();
+
+/**
+ * COMPUTED
+ */
+const logoText = computed(() => {
+  if (props.text) return 'regenerative<br>finance';
+  return 'regenerative';
+});
+</script>
+
+<template>
+  <div class="flex items-center sm:mr-4 font-bold capitalize app-logo">
+    <svg
+      id="logo"
+      class="mr-2 logo-svg"
+      :width="props.size == 'large' ? 27 : 22"
+      :height="props.size == 'large' ? 25 : 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>
+      <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
+      :style="{ fontSize: (props.size == 'large' ? 1.2 : 1) + 'rem' }"
+      class="font-semibold logoText"
+      v-html="logoText"
+    ></div>
+  </div>
+</template>
+
+<style scoped>
+.logoText {
+  color: v-bind('color');
+}
+
+.app-logo :deep(.logotype) {
+  @apply origin-top-left relative;
+
+  transform: scale(1.1);
+}
+
+.svg-path {
+  transition: fill 0.2s ease-out;
+}
+
+.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>
\ No newline at end of file
diff --git a/src/components/navs/AppNav/AppNav.vue b/src/components/navs/AppNav/AppNav.vue
index 3c5a19be6..9101b88ee 100644
--- a/src/components/navs/AppNav/AppNav.vue
+++ b/src/components/navs/AppNav/AppNav.vue
@@ -53,22 +53,21 @@ 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="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
-            fillColor="url(#paint0_linear_564_1779)"
-            hoverFillColor="url(#paint0_linear_407_28737)"
-            hoverColor="#4E525B"
-          />
-        </router-link>
+    <div
+      class="xl:container flex gap-2 justify-between items-center mx-auto h-full"
+    >
+      <div class="flex flex-row gap-6 justify-start items-center">
+        <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 current="Navbar" />
+          </router-link>
+        </div>
+        <DesktopLinks v-if="isDesktop" class="font-medium" />
       </div>
-      <DesktopLinks v-if="isDesktop" class="ml-8 font-medium" />
 
       <AppNavActions />
     </div>
diff --git a/src/components/navs/AppNav/AppSidebar/SidebarContent.vue b/src/components/navs/AppNav/AppSidebar/SidebarContent.vue
index 89f84ea64..6b6b4a5d0 100644
--- a/src/components/navs/AppNav/AppSidebar/SidebarContent.vue
+++ b/src/components/navs/AppNav/AppSidebar/SidebarContent.vue
@@ -7,7 +7,7 @@ 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 AppLogo from '@/components/images/_AppLogo.vue';
 import { version } from '@/composables/useApp';
 import { useAppzi } from '@/composables/useAppzi';
 import useConfig from '@/composables/useConfig';
diff --git a/src/components/navs/AppNav/DesktopLinks/DesktopLinks.vue b/src/components/navs/AppNav/DesktopLinks/DesktopLinks.vue
index d08081fd6..d1bffe8bb 100644
--- a/src/components/navs/AppNav/DesktopLinks/DesktopLinks.vue
+++ b/src/components/navs/AppNav/DesktopLinks/DesktopLinks.vue
@@ -46,8 +46,8 @@ function isActive(page: string): boolean {
       {{ $t('vote') }}
     </DesktopLinkItem> -->
     <DesktopLinkItem
-      :to="{ name: 'home', params: { networkSlug } }"
-      :active="isActive('home')"
+      :to="{ name: 'dashboard', params: { networkSlug } }"
+      :active="isActive('dashboard')"
       prefetch
       @click="trackGoal(Goals.ClickNavPools)"
     >
diff --git a/src/pages/dashboard.vue b/src/pages/dashboard.vue
new file mode 100644
index 000000000..ae5ba10ab
--- /dev/null
+++ b/src/pages/dashboard.vue
@@ -0,0 +1,84 @@
+<script lang="ts" setup>
+import RefiProfileCard from '@/components/contextual/pages/dashboard/Cards/RefiProfileCard.vue';
+import WeeklyCard from '@/components/contextual/pages/dashboard/Cards/WeeklyCard.vue';
+import ClaimTable from '@/components/contextual/pages/dashboard/DashboardTable/ClaimsTable.vue';
+import LiquidityTable from '@/components/contextual/pages/dashboard/DashboardTable/LiquidityTable.vue';
+import useBreakpoints from '@/composables/useBreakpoints';
+const { isMobile } = useBreakpoints();
+</script>
+<template>
+  <div class="xl:container px-4 xl:px-4 xl:mx-auto pt-[30px]">
+    <BalStack vertical spacing="lg">
+      <BalStack v-if="isMobile" vertical spacing="lg">
+        <BalStack vertical class="w-full" spacing="sm">
+          <div class="flex flex-row gap-2 justify-start items-center">
+            <h2 class="text-xl font-medium leading-5 text-gray-900">
+              Campaigns
+            </h2>
+            <div
+              class="flex flex-row gap-2 justify-between items-center px-3 text-sm font-bold text-white rounded-full h-[22px] bg-[#0468BE]"
+            >
+              <p>Early Growth Campaign</p>
+              <div
+                class="w-2 h-2 bg-gradient-to-tr rounded-full to-[#05DBF3] from-[#0468BE]"
+              />
+            </div>
+          </div>
+          <WeeklyCard />
+        </BalStack>
+        <BalStack vertical class="w-full" spacing="sm">
+          <div class="flex flex-row gap-2 justify-start items-center h-[22px]">
+            <h2 class="text-xl font-medium leading-5 text-gray-900">
+              My Refi Profile
+            </h2>
+          </div>
+          <RefiProfileCard />
+        </BalStack>
+      </BalStack>
+      <div v-else class="flex flex-row gap-5 justify-between items-stretch">
+        <div class="flex flex-col gap-4 w-full !mb-0">
+          <div class="flex flex-row gap-2 justify-start items-center">
+            <h2 class="mb-0 text-xl font-medium leading-5 text-gray-900">
+              Campaigns
+            </h2>
+            <div
+              class="flex flex-row gap-2 justify-between items-center px-3 text-sm font-bold text-white rounded-full h-[22px] bg-[#0468BE]"
+            >
+              <p>Early Growth Campaign</p>
+              <div
+                class="w-2 h-2 bg-gradient-to-tr rounded-full to-[#05DBF3] from-[#0468BE]"
+              />
+            </div>
+          </div>
+          <WeeklyCard />
+        </div>
+        <div class="flex flex-col gap-4 w-full !mb-0">
+          <div class="h-[22px]">
+            <h2 class="text-xl font-medium leading-5 text-gray-900">
+              My Refi Profile
+            </h2>
+          </div>
+          <RefiProfileCard />
+        </div>
+      </div>
+      <BalStack vertical spacing="2xl">
+        <div>
+          <h2 class="text-xl font-medium leading-5 !mb-4">Claim Rewards</h2>
+          <ClaimTable :isLoading="false" />
+        </div>
+        <div>
+          <h2 class="text-xl font-medium leading-5 !mb-4">My liquidity</h2>
+          <LiquidityTable />
+        </div>
+      </BalStack>
+    </BalStack>
+  </div>
+</template>
+
+
+
+
+
+
+
+
diff --git a/src/plugins/router/index.ts b/src/plugins/router/index.ts
index c8e9079d8..d0a08950d 100644
--- a/src/plugins/router/index.ts
+++ b/src/plugins/router/index.ts
@@ -17,7 +17,7 @@ const PrivacyPolicyPage = () => import('@/pages/privacy-policy.vue');
 const TermsOfUsePage = () => import('@/pages/terms-of-use.vue');
 const RisksPage = () => import('@/pages/risks.vue');
 const SwapPage = () => import('@/pages/swap.vue');
-
+const Dashboard = () => import('@/pages/dashboard.vue');
 export const SwapPagePrefetchLinks = async () =>
   import('@/pages/swap.vue').toString();
 
@@ -168,6 +168,11 @@ const routes: RouteRecordRaw[] = [
     name: 'claim-submission',
     component: ClaimSubmissionsPage,
   },
+  {
+    path: '/:networkSlug/dashboard',
+    name: 'dashboard',
+    component: Dashboard,
+  },
   {
     path: '/:networkSlug?',
     name: 'home',
diff --git a/tailwind.config.js b/tailwind.config.js
index 37c17b250..b738052b1 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -119,6 +119,19 @@ module.exports = {
           800: '#1e40af',
           900: '#1e3a8a',
         },
+        sky: {
+          50: '#f0f9ff',
+          100: '#e0f2fe',
+          200: '#bae6fd',
+          300: '#7dd3fc',
+          400: '#38bdf8',
+          500: '#0ea5e9',
+          600: '#0284c7',
+          700: '#0369a1',
+          800: '#075985',
+          900: '#0c4a6e',
+          950: '#082f49',
+        },
         pink: {
           50: '#fdf2f8',
           100: '#fce7f3',
@@ -167,6 +180,10 @@ module.exports = {
           800: '#92400e',
           900: '#78350f',
         },
+        // TODO: Make a proper names for these colors
+        disabled: '#9F9F9F',
+        complementary: '#7B7B7B',
+        'complementary-b': '#B6C7D6',
       },
     },
   },