diff --git a/components/account/CountrySelect.vue b/components/account/CountrySelect.vue
index 86988ebd..59eee617 100644
--- a/components/account/CountrySelect.vue
+++ b/components/account/CountrySelect.vue
@@ -1,10 +1,6 @@
 <script setup lang="ts">
-import { get } from '@vueuse/core';
-import type { Country } from '~/composables/countries';
-
-const props = withDefaults(
+withDefaults(
   defineProps<{
-    modelValue: string;
     disabled?: boolean;
   }>(),
   {
@@ -12,44 +8,32 @@ const props = withDefaults(
   },
 );
 
-const emit = defineEmits<{
-  (e: 'update:modelValue', value: string): void;
-}>();
-
-const { modelValue } = toRefs(props);
-
 const { t } = useI18n();
 
 const { countries } = useCountries();
 
-const country = computed({
-  get() {
-    return get(countries).find(({ code }) => code === get(modelValue)) || null;
-  },
-  set(item: Country | null) {
-    emit('update:modelValue', item ? item.code : '');
-  },
-});
+const modelValue = defineModel<string>({ required: true });
 </script>
 
 <template>
   <RuiAutoComplete
     id="country"
-    v-model="country"
+    v-model="modelValue"
     variant="outlined"
     color="primary"
     autocomplete="country"
-    :data="countries"
+    :options="countries"
     :disabled="disabled"
-    key-prop="code"
-    text-prop="name"
+    key-attr="code"
+    text-attr="name"
     :label="t('auth.signup.address.form.country')"
+    :item-height="46"
+    :no-data-text="t('country_select.no_data')"
   >
-    <template #no-data>
-      {{ t('country_select.no_data') }}
-    </template>
-    <template #default="{ item }">
-      {{ item.name }}
+    <template #item="{ item }">
+      <div class="py-2">
+        {{ item.name }}
+      </div>
     </template>
   </RuiAutoComplete>
 </template>
diff --git a/components/checkout/pay/CryptoAssetSelector.vue b/components/checkout/pay/CryptoAssetSelector.vue
index 8fdf37ff..cf22f9c7 100644
--- a/components/checkout/pay/CryptoAssetSelector.vue
+++ b/components/checkout/pay/CryptoAssetSelector.vue
@@ -1,19 +1,11 @@
 <script lang="ts" setup>
 import { storeToRefs } from 'pinia';
-import { get } from '@vueuse/core';
+import { get, set } from '@vueuse/core';
 import { usePaymentCryptoStore } from '~/store/payments/crypto';
 import { toTitleCase } from '~/utils/text';
 import CryptoChainIcon from '~/components/checkout/pay/CryptoChainIcon.vue';
 
-const props = defineProps<{
-  modelValue: string;
-}>();
-
-const emit = defineEmits<{
-  (e: 'update:modelValue', value: string): void;
-}>();
-
-const { modelValue } = toRefs(props);
+const modelValue = defineModel<string>({ required: true });
 
 const cryptoStore = usePaymentCryptoStore();
 const { paymentAssets, paymentAssetsLoading } = storeToRefs(cryptoStore);
@@ -28,14 +20,14 @@ const blockchainItems: ComputedRef<Item[]> = computed(() => Object.keys(get(paym
   label: toTitleCase(item),
 })));
 
-const selectedChain: Ref<Item | null> = ref(null);
+const selectedChain: Ref<string> = ref('');
 
 const tokenItems: ComputedRef<Item[]> = computed(() => {
   const chain = get(selectedChain);
   if (!chain)
     return [];
 
-  const items = get(paymentAssets)[chain.id];
+  const items = get(paymentAssets)[chain];
 
   if (!items)
     return [];
@@ -60,7 +52,7 @@ const selectedToken = computed({
     return get(tokenItems).find(({ id }) => id === get(modelValue)) || null;
   },
   set(item: Item | null) {
-    emit('update:modelValue', item ? item.id : '');
+    set(modelValue, item ? item.id : '');
   },
 });
 
@@ -69,7 +61,7 @@ const hint = computed(() => {
   if (!chain)
     return '';
 
-  const items = get(paymentAssets)[chain.id];
+  const items = get(paymentAssets)[chain];
 
   if (!items)
     return '';
@@ -88,13 +80,19 @@ const hint = computed(() => {
       v-model="selectedChain"
       variant="outlined"
       color="primary"
-      :data="blockchainItems"
+      :options="blockchainItems"
       :disabled="paymentAssetsLoading"
-      key-prop="id"
-      text-prop="label"
+      key-attr="id"
+      text-attr="label"
       :label="t('home.plans.tiers.step_3.labels.network')"
     >
-      <template #default="{ item }">
+      <template #item="{ item }">
+        <div class="flex items-center gap-3">
+          <CryptoChainIcon :chain="item.id" />
+          {{ item.label }}
+        </div>
+      </template>
+      <template #selection="{ item }">
         <div class="flex items-center gap-3">
           <CryptoChainIcon :chain="item.id" />
           {{ item.label }}
@@ -106,16 +104,13 @@ const hint = computed(() => {
       v-model="selectedToken"
       variant="outlined"
       color="primary"
-      :data="tokenItems"
+      :options="tokenItems"
       :disabled="paymentAssetsLoading || !selectedChain"
-      key-prop="id"
-      text-prop="label"
+      key-attr="id"
+      text-attr="label"
       :hint="hint"
+      return-object
       :label="t('home.plans.tiers.step_3.labels.token')"
-    >
-      <template #default="{ item }">
-        {{ item.label }}
-      </template>
-    </RuiAutoComplete>
+    />
   </div>
 </template>
diff --git a/components/NavigationMenu.vue b/components/common/NavigationMenu.vue
similarity index 94%
rename from components/NavigationMenu.vue
rename to components/common/NavigationMenu.vue
index e0239629..d2ac508f 100644
--- a/components/NavigationMenu.vue
+++ b/components/common/NavigationMenu.vue
@@ -30,22 +30,16 @@ const menus: (Menu | MenuParent)[] = [
     to: '/products',
     highlightActive: true,
   },
+  {
+    label: t('navigation_menu.integration.title'),
+    description: t('navigation_menu.integration.description'),
+    to: '/integrations',
+  },
   {
     label: t('navigation_menu.download'),
     to: '/download',
     highlightExactActive: true,
   },
-  {
-    label: t('navigation_menu.jobs'),
-    to: '/jobs',
-    highlightActive: true,
-  },
-  {
-    label: t('navigation_menu.values'),
-    to: '/values',
-    highlightActive: true,
-  },
-
   {
     label: t('navigation_menu.resources'),
     children: [
@@ -99,11 +93,11 @@ const { isMdAndDown } = useBreakpoint();
           close-on-content-click
           wrapper-class="w-full"
         >
-          <template #activator="{ on }">
+          <template #activator="{ attrs }">
             <RuiButton
               variant="text"
               class="w-full justify-start"
-              v-on="on"
+              v-bind="attrs"
             >
               <div class="flex items-center gap-2">
                 {{ menu.label }}
diff --git a/components/home/features/details/SupportedExchangeDetails.vue b/components/home/features/details/SupportedExchangeDetails.vue
index 666b70ff..59ab081b 100644
--- a/components/home/features/details/SupportedExchangeDetails.vue
+++ b/components/home/features/details/SupportedExchangeDetails.vue
@@ -112,7 +112,7 @@ const exchanges = [
 
     <div class="flex-1">
       <img
-        class="rounded-xl overflow-hidden"
+        class="overflow-hidden"
         :alt="t('home.exchanges.title')"
         src="/img/exchanges.png"
       />
diff --git a/components/integration/IntegrationDetails.vue b/components/integration/IntegrationDetails.vue
new file mode 100644
index 00000000..b450b729
--- /dev/null
+++ b/components/integration/IntegrationDetails.vue
@@ -0,0 +1,165 @@
+<script setup lang="ts">
+import { get } from '@vueuse/core';
+import LocalIntegrationData from '~/public/integrations/all.json';
+
+enum TabCategory {
+  ALL = 'all',
+  BLOCKCHAINS = 'blockchains',
+  EXCHANGES = 'exchanges',
+  PROTOCOLS = 'protocols',
+}
+const search: Ref<string> = ref('');
+const searchDebounced = refDebounced(search, 200);
+const tab: Ref<TabCategory> = ref(TabCategory.ALL);
+
+const { t } = useI18n();
+
+const tabCategoriesLabel = computed(() => ({
+  [TabCategory.ALL]: t('integration.tabs.all'),
+  [TabCategory.BLOCKCHAINS]: t('integration.blockchains.title'),
+  [TabCategory.EXCHANGES]: t('integration.exchanges.title'),
+  [TabCategory.PROTOCOLS]: t('integration.protocols.title'),
+}));
+
+const data = computed(() => {
+  const searchVal = get(searchDebounced);
+
+  const filter = (data: { label: string; image: string }[]) => data.filter(item => item.label.toLocaleLowerCase().trim().includes(searchVal.toLocaleLowerCase().trim()));
+
+  const integrationData = LocalIntegrationData;
+
+  return {
+    [TabCategory.BLOCKCHAINS]: {
+      title: t('integration.blockchains.title'),
+      description: t('integration.blockchains.description'),
+      data: filter(integrationData.blockchains),
+    },
+    [TabCategory.EXCHANGES]: {
+      title: t('integration.exchanges.title'),
+      description: t('integration.exchanges.description'),
+      data: filter(integrationData.exchanges),
+    },
+    [TabCategory.PROTOCOLS]: {
+      title: t('integration.protocols.title'),
+      description: t('integration.protocols.description', { number: Math.floor(integrationData.protocols.length / 10) * 10 }),
+      data: filter(integrationData.protocols),
+    },
+  };
+});
+
+const isAllSelected: ComputedRef<boolean> = computed(() => get(tab) === 'all');
+const total: ComputedRef<number> = computed(() => Object.values(get(data)).reduce((accumulator, item) => accumulator + item.data.length, 0));
+
+const [DefineNotFound, ReuseNotFound] = createReusableTemplate<{
+  keyword: string;
+}>();
+
+const { isMdAndUp } = useBreakpoint();
+</script>
+
+<template>
+  <DefineNotFound
+    #default="{ keyword }"
+    class="text-rui-text-secondary"
+  >
+    {{ t('integration.no_data_found', { keyword }) }}
+  </DefineNotFound>
+  <div class="py-10 md:py-20">
+    <div class="container flex flex-col md:flex-row items-start gap-10 lg:gap-16">
+      <div class="md:sticky md:top-20 w-full md:w-[18rem]">
+        <RuiTextField
+          v-model="search"
+          variant="outlined"
+          :label="t('integration.search')"
+          prepend-icon="search-line"
+          color="primary"
+          clearable
+        />
+        <RuiDivider class="mb-4" />
+        <ClientOnly>
+          <RuiTabs
+            v-model="tab"
+            color="primary"
+            :vertical="isMdAndUp"
+            grow
+          >
+            <RuiTab
+              v-for="(item, key) in tabCategoriesLabel"
+              :key="key"
+              :align="isMdAndUp ? 'start' : 'center'"
+              class="rounded cursor-pointer"
+              active-class="!bg-rui-primary [&:after]:hidden !text-white"
+              :tab-value="key"
+            >
+              {{ item }}
+            </RuiTab>
+          </RuiTabs>
+        </ClientOnly>
+      </div>
+      <TransitionGroup
+        tag="div"
+        enter-active-class="transition"
+        leave-active-class="transition h-0 overflow-hidden absolute"
+        enter-from-class="opacity-0 transform -translate-y-10"
+        leave-to-class="opacity-0"
+        class="flex-1 flex flex-col gap-10"
+      >
+        <ReuseNotFound
+          v-if="isAllSelected && total === 0"
+          :keyword="searchDebounced"
+        />
+        <template
+          v-for="(datum, key) in data"
+          v-else
+          :key="key"
+        >
+          <div
+            v-if="(isAllSelected && datum.data.length > 0) || tab === key"
+            class="flex flex-col gap-10"
+          >
+            <div class="flex flex-col gap-4">
+              <div class="text-h4">
+                {{ datum.title }}
+              </div>
+              <div class="text-rui-text-secondary text-body-1">
+                {{ datum.description }}
+              </div>
+            </div>
+            <ReuseNotFound
+              v-if="datum.data.length === 0"
+              :keyword="searchDebounced"
+            />
+            <TransitionGroup
+              v-else
+              tag="div"
+              move-class="transition-all"
+              enter-active-class="transition-all"
+              leave-active-class="transition-all absolute"
+              enter-from-class="opacity-0"
+              leave-to-class="opacity-0"
+              class="flex flex-wrap gap-4"
+            >
+              <template
+                v-for="item in datum.data"
+                :key="item.label"
+              >
+                <RuiTooltip :open-delay="200">
+                  <template #activator>
+                    <div class="w-14 h-14 border border-rui-grey-300 rounded p-2.5">
+                      <img
+                        class="w-full h-full"
+                        :src="item.image"
+                        :alt="item.label"
+                      />
+                    </div>
+                  </template>
+                  {{ item.label }}
+                </RuiTooltip>
+              </template>
+            </TransitionGroup>
+          </div>
+        </template>
+      </TransitionGroup>
+    </div>
+  </div>
+</template>
diff --git a/locales/en.json b/locales/en.json
index 908257cd..081540ed 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -637,6 +637,10 @@
       "title": "Blog",
       "description": "Latest news and updates on rotki"
     },
+    "integration": {
+      "title": "Integration",
+      "description": "Supported blockchains, exchanges, and protocols"
+    },
     "resources": "Resources"
   },
   "footer_legalese": {
@@ -727,5 +731,27 @@
         "action": "Refunds/Cancellation Policy"
       }
     }
+  },
+  "integration": {
+    "header": "Integrations",
+    "title": "Connect your blockchains, connect your exchanges",
+    "description": "We support different blockchains, exchanges, and protocols to help you track, account for, and analyze your finances while protecting your privacy.",
+    "tabs": {
+      "all": "All"
+    },
+    "search": "Search",
+    "blockchains": {
+      "title": "Blockchains",
+      "description": "Connect your blockchain addresses."
+    },
+    "exchanges": {
+      "title": "Exchanges",
+      "description": "Connect to a big number of centralized exchanges."
+    },
+    "protocols": {
+      "title": "Protocols",
+      "description": "More than {number}+ DeFi protocols are supported."
+    },
+    "no_data_found": "No data found with keyword \"{keyword}\""
   }
 }
diff --git a/modules/ui-library/runtime/plugin.ts b/modules/ui-library/runtime/plugin.ts
index dc74f6ba..03fbc5bd 100644
--- a/modules/ui-library/runtime/plugin.ts
+++ b/modules/ui-library/runtime/plugin.ts
@@ -37,6 +37,7 @@ import {
   RiPaypalLine,
   RiPieChartLine,
   RiRefreshLine,
+  RiSearchLine,
   RiTimer2Line,
   RiTwitterXLine,
   RiUserLocationLine,
@@ -94,6 +95,7 @@ export default defineNuxtPlugin((nuxtApp) => {
         RiDeleteBin5Line,
         RiCoinLine,
         RiPaypalLine,
+        RiSearchLine,
       ],
       mode: 'light',
     },
diff --git a/package.json b/package.json
index c12a1847..5c1be99c 100644
--- a/package.json
+++ b/package.json
@@ -57,7 +57,7 @@
     "@nuxtjs/i18n": "8.3.1",
     "@nuxtjs/sitemap": "5.1.5",
     "@rotki/eslint-config": "2.7.0",
-    "@rotki/ui-library": "0.16.0",
+    "@rotki/ui-library": "1.0.0-beta.9",
     "@types/braintree-web": "3.96.11",
     "@types/paypal-checkout-components": "4.0.8",
     "@types/qrcode": "1.5.5",
diff --git a/pages/integrations.vue b/pages/integrations.vue
new file mode 100644
index 00000000..c6c08373
--- /dev/null
+++ b/pages/integrations.vue
@@ -0,0 +1,48 @@
+<script setup lang="ts">
+import { commonAttrs, getMetadata } from '~/utils/metadata';
+
+const { t } = useI18n();
+
+const title = 'integrations';
+const description = 'Supported blockchains, exchanges, and protocols in rotki';
+
+const {
+  public: { baseUrl },
+} = useRuntimeConfig();
+
+useHead({
+  title,
+  meta: getMetadata(title, description, `${baseUrl}/integrations/`, baseUrl),
+  ...commonAttrs(),
+});
+
+definePageMeta({
+  layout: 'landing',
+});
+</script>
+
+<template>
+  <div class="py-10 md:py-20 bg-rui-primary/[.04]">
+    <div class="container flex flex-col lg:flex-row justify-between gap-y-10 gap-x-20">
+      <div class="max-w-[608px]">
+        <h6 class="text-h6 text-rui-primary">
+          {{ t('integration.header') }}
+        </h6>
+        <h3 class="text-h4 md:text-h3 font-black mt-3">
+          {{ t('integration.title') }}
+        </h3>
+        <div class="text-body-1 mt-4">
+          {{ t('integration.description') }}
+        </div>
+      </div>
+      <div class="flex justify-center lg:justify-end">
+        <img
+          class="max-w-[384px] overflow-hidden h-full object-contain"
+          :alt="t('home.exchanges.title')"
+          src="/img/exchanges.png"
+        />
+      </div>
+    </div>
+  </div>
+  <IntegrationDetails />
+</template>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 19aac942..5cf9019f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -95,8 +95,8 @@ importers:
         specifier: 2.7.0
         version: 2.7.0(@types/eslint@8.56.10)(@vue/compiler-sfc@3.4.26)(eslint@8.57.0)(typescript@5.4.5)(vitest@1.6.0(@types/node@20.12.9)(happy-dom@12.10.3)(sass@1.76.0)(terser@5.31.0))
       '@rotki/ui-library':
-        specifier: 0.16.0
-        version: 0.16.0(@vueuse/core@10.9.0(vue@3.4.26(typescript@5.4.5)))(@vueuse/shared@10.9.0(vue@3.4.26(typescript@5.4.5)))(vue@3.4.26(typescript@5.4.5))
+        specifier: 1.0.0-beta.9
+        version: 1.0.0-beta.9(@vueuse/core@10.9.0(vue@3.4.26(typescript@5.4.5)))(@vueuse/shared@10.9.0(vue@3.4.26(typescript@5.4.5)))(vue@3.4.26(typescript@5.4.5))
       '@types/braintree-web':
         specifier: 3.96.11
         version: 3.96.11
@@ -1468,8 +1468,8 @@ packages:
       eslint-plugin-vuetify:
         optional: true
 
-  '@rotki/ui-library@0.16.0':
-    resolution: {integrity: sha512-gvM7W8o6NSy38eVAasdU2/38p6hPK611KldNbd3M8x2QqvYS9HEo3HjZmZV/tlmVSyVgmrA1PjwU79CzfZ4g3Q==}
+  '@rotki/ui-library@1.0.0-beta.9':
+    resolution: {integrity: sha512-rGXH9Hn9NSw1/v4yhM3aK6qV2lzQb9/8f1i2hmQ20eV5SzOvd8Vps+Ju1AE9OL4Nkl5dd03KybXFLHwGht8Awg==}
     engines: {pnpm: '>=9 <10'}
     peerDependencies:
       '@vueuse/core': '>10.0.0'
@@ -8865,7 +8865,7 @@ snapshots:
       - typescript
       - vitest
 
-  '@rotki/ui-library@0.16.0(@vueuse/core@10.9.0(vue@3.4.26(typescript@5.4.5)))(@vueuse/shared@10.9.0(vue@3.4.26(typescript@5.4.5)))(vue@3.4.26(typescript@5.4.5))':
+  '@rotki/ui-library@1.0.0-beta.9(@vueuse/core@10.9.0(vue@3.4.26(typescript@5.4.5)))(@vueuse/shared@10.9.0(vue@3.4.26(typescript@5.4.5)))(vue@3.4.26(typescript@5.4.5))':
     dependencies:
       '@vueuse/core': 10.9.0(vue@3.4.26(typescript@5.4.5))
       '@vueuse/shared': 10.9.0(vue@3.4.26(typescript@5.4.5))
diff --git a/public/img/exchanges.png b/public/img/exchanges.png
index 88bbbf72..3ca21ceb 100644
Binary files a/public/img/exchanges.png and b/public/img/exchanges.png differ
diff --git a/public/integrations/all.json b/public/integrations/all.json
new file mode 100644
index 00000000..d2741efe
--- /dev/null
+++ b/public/integrations/all.json
@@ -0,0 +1,448 @@
+{
+  "blockchains": [
+    {
+      "label": "Ethereum",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/ethereum.svg"
+    },
+    {
+      "label": "Bitcoin",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/bitcoin.svg"
+    },
+    {
+      "label": "Bitcoin Cash",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/bitcoin-cash.svg"
+    },
+    {
+      "label": "Kusama",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/kusama.svg"
+    },
+    {
+      "label": "Avalanche",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/avalanche.svg"
+    },
+    {
+      "label": "Polkadot",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/polkadot.svg"
+    },
+    {
+      "label": "Optimism",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/optimism.svg"
+    },
+    {
+      "label": "Polygon PoS",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/polygon_pos.svg"
+    },
+    {
+      "label": "Arbitrum One",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/arbitrum_one.svg"
+    },
+    {
+      "label": "Base",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/base.svg"
+    },
+    {
+      "label": "Gnosis",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/gnosis.svg"
+    },
+    {
+      "label": "Scroll",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/scroll.svg"
+    },
+    {
+      "label": "ZKSync Lite",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/zksync_lite.svg"
+    }
+  ],
+  "exchanges": [
+    {
+      "label": "Kraken",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/kraken.svg"
+    },
+    {
+      "label": "Poloniex",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/poloniex.svg"
+    },
+    {
+      "label": "Bittrex",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/bittrex.svg"
+    },
+    {
+      "label": "Binance",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/binance.svg"
+    },
+    {
+      "label": "Bitmex",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/bitmex.svg"
+    },
+    {
+      "label": "Coinbase",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/coinbase.svg"
+    },
+    {
+      "label": "Coinbase Pro",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/coinbasepro.svg"
+    },
+    {
+      "label": "Gemini",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/gemini.svg"
+    },
+    {
+      "label": "Cryptocom",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/crypto_com.svg"
+    },
+    {
+      "label": "Bitstamp",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/bitstamp.svg"
+    },
+    {
+      "label": "Binance US",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/binance.svg"
+    },
+    {
+      "label": "Bitfinex",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/bitfinex.svg"
+    },
+    {
+      "label": "Bitcoin.de",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/btcde.svg"
+    },
+    {
+      "label": "Iconomi",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/iconomi.svg"
+    },
+    {
+      "label": "Kucoin",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/kucoin.svg"
+    },
+    {
+      "label": "FTX",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/ftx.svg"
+    },
+    {
+      "label": "Nexo",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/nexo.svg"
+    },
+    {
+      "label": "Blockfi",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/blockfi.svg"
+    },
+    {
+      "label": "Independent Reserve",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/independentreserve.svg"
+    },
+    {
+      "label": "Shapeshift",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/shapeshift.svg"
+    },
+    {
+      "label": "Uphold",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/uphold.svg"
+    },
+    {
+      "label": "Bitpanda",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/bitpanda.svg"
+    },
+    {
+      "label": "Bisq",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/bisq.svg"
+    },
+    {
+      "label": "FTX US",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/ftxus.svg"
+    },
+    {
+      "label": "OKX",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/okx.svg"
+    },
+    {
+      "label": "Woo",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/woo.svg"
+    },
+    {
+      "label": "Bybit",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/bybit.svg"
+    },
+    {
+      "label": "HTX",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/htx.svg"
+    }
+  ],
+  "protocols": [
+    {
+      "label": "Lido eth",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/lido.svg"
+    },
+    {
+      "label": "Safe Multisig",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/safemultisig.svg"
+    },
+    {
+      "label": "Metamask swaps",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/metamask.svg"
+    },
+    {
+      "label": "0x",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/0x.svg"
+    },
+    {
+      "label": "Locked GNO",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/gnosis.svg"
+    },
+    {
+      "label": "Socket",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/socket.png"
+    },
+    {
+      "label": "Drips",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/drips.png"
+    },
+    {
+      "label": "The Graph",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/thegraph.svg"
+    },
+    {
+      "label": "Shutter",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/shutter.png"
+    },
+    {
+      "label": "Paladin",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/paladin.png"
+    },
+    {
+      "label": "Convex",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/convex.jpeg"
+    },
+    {
+      "label": "Curve.fi",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/curve.png"
+    },
+    {
+      "label": "Polygon",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/polygon_pos.svg"
+    },
+    {
+      "label": "Makerdao migration",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/makerdao.svg"
+    },
+    {
+      "label": "1inch",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/1inch.svg"
+    },
+    {
+      "label": "Kraken",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/kraken.svg"
+    },
+    {
+      "label": "Makerdao vault",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/makerdao.svg"
+    },
+    {
+      "label": "Optimism",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/optimism.svg"
+    },
+    {
+      "label": "Shapeshift",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/shapeshift.svg"
+    },
+    {
+      "label": "Monerium",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/monerium.svg"
+    },
+    {
+      "label": "Badger",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/badger.png"
+    },
+    {
+      "label": "Makerdao SAI",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/makerdao.svg"
+    },
+    {
+      "label": "Gitcoin",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/gitcoin.svg"
+    },
+    {
+      "label": "Octant",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/octant.svg"
+    },
+    {
+      "label": "WETH",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/weth.svg"
+    },
+    {
+      "label": "Aave",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/aave.svg"
+    },
+    {
+      "label": "Base",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/base.svg"
+    },
+    {
+      "label": "Element Finance",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/element_finance.png"
+    },
+    {
+      "label": "Velodrome finance",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/velodrome.svg"
+    },
+    {
+      "label": "Arbitrum One",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/arbitrum_one.svg"
+    },
+    {
+      "label": "Scroll",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/scroll.svg"
+    },
+    {
+      "label": "Kyber",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/kyber.svg"
+    },
+    {
+      "label": "Paraswap",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/paraswap.svg"
+    },
+    {
+      "label": "Yearn Governance",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/yearn_vaults.svg"
+    },
+    {
+      "label": "Omni",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/omni.svg"
+    },
+    {
+      "label": "Dxdao",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/dxdao.svg"
+    },
+    {
+      "label": "ZkSync",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/zksync.jpg"
+    },
+    {
+      "label": "GMX",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/gmx.svg"
+    },
+    {
+      "label": "Defisaver",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/defisaver.jpeg"
+    },
+    {
+      "label": "Liquity",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/liquity.svg"
+    },
+    {
+      "label": "Votium",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/votium.png"
+    },
+    {
+      "label": "Hop Protocol",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/hop_protocol.png"
+    },
+    {
+      "label": "Cowswap",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/cowswap.jpg"
+    },
+    {
+      "label": "Makerdao DSR",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/makerdao.svg"
+    },
+    {
+      "label": "Compound",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/compound.svg"
+    },
+    {
+      "label": "Kyber",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/kyber.svg"
+    },
+    {
+      "label": "FRAX",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/frax.png"
+    },
+    {
+      "label": "Juicebox",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/juicebox.svg"
+    },
+    {
+      "label": "SDAI contract",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/sdai.svg"
+    },
+    {
+      "label": "Degen",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/degen.svg"
+    },
+    {
+      "label": "Stakedao",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/stakedao.png"
+    },
+    {
+      "label": "Gnosis Chain",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/gnosis.svg"
+    },
+    {
+      "label": "Ethereum Attestation Service",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/eas.png"
+    },
+    {
+      "label": "ETH2",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/ethereum.svg"
+    },
+    {
+      "label": "Harve Finance",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/harvest.gif"
+    },
+    {
+      "label": "Golem",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/golem.svg"
+    },
+    {
+      "label": "Diva",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/diva.svg"
+    },
+    {
+      "label": "Pickle Finance",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/pickle.svg"
+    },
+    {
+      "label": "WMatic",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/matic.svg"
+    },
+    {
+      "label": "WXDAI",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/wxdai.png"
+    },
+    {
+      "label": "Clrfund",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/clrfund.png"
+    },
+    {
+      "label": "Fluence",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/fluence.png"
+    },
+    {
+      "label": "Cirle CCTP",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/cctp.svg"
+    },
+    {
+      "label": "Gearbox",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/gearbox.svg"
+    },
+    {
+      "label": "Blur",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/blur.png"
+    },
+    {
+      "label": "Ens",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/ens.svg"
+    },
+    {
+      "label": "EigenLayer",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/eigenlayer.png"
+    },
+    {
+      "label": "Uniswap",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/uniswap.svg"
+    },
+    {
+      "label": "Aerodrome Finance",
+      "image": "https://raw.githubusercontent.com/rotki/rotki/develop/frontend/app/public/assets/images/protocols/aerodrome.svg"
+    }
+  ]
+}
diff --git a/tests/e2e/specs/pages/signup.spec.cy.ts b/tests/e2e/specs/pages/signup.spec.cy.ts
index 9de53b2e..00c502f3 100644
--- a/tests/e2e/specs/pages/signup.spec.cy.ts
+++ b/tests/e2e/specs/pages/signup.spec.cy.ts
@@ -62,7 +62,7 @@ describe('signup test', () => {
     cy.get('input#address-2').first().as('address2Input');
     cy.get('input#city').first().as('cityInput');
     cy.get('input#postal').first().as('postalInput');
-    cy.get('input#country').first().as('countryInput');
+    cy.get('#country input').first().as('countryInput');
     cy.get('div#signup-captcha').first().as('captcha');
     cy.get('input#tos').first().as('tosInput');
     cy.get('button')