diff --git a/src/assets/exchanges/1inch.png b/src/assets/exchanges/1inch.png
index 26dd2cd15a2..520fbc46679 100644
Binary files a/src/assets/exchanges/1inch.png and b/src/assets/exchanges/1inch.png differ
diff --git a/src/assets/staking/green-check-product-glyph.svg b/src/assets/staking/green-check-product-glyph.svg
index e26e9d317b4..a1896e1ef39 100644
--- a/src/assets/staking/green-check-product-glyph.svg
+++ b/src/assets/staking/green-check-product-glyph.svg
@@ -1,4 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="12" cy="12" r="12" fill="#3B6A29"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M19.8327 9.41748L10.9892 18.1124L5.9375 13.0607L8.05882 10.9394L11.0071 13.8877L17.7295 7.27826L19.8327 9.41748Z" fill="white"/>
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#109E62"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.9268 7.32059C18.5782 7.83241 18.6913 8.77539 18.1795 9.4268L12.6795 16.4268C12.4021 16.7799 11.981 16.9901 11.532 16.9997C11.083 17.0093 10.6534 16.8172 10.3611 16.4763L7.36114 12.9763C6.82201 12.3473 6.89485 11.4003 7.52384 10.8612C8.15283 10.322 9.09978 10.3949 9.63891 11.0239L11.4496 13.1364L15.8205 7.57333C16.3324 6.92192 17.2754 6.80877 17.9268 7.32059Z" fill="white"/>
 </svg>
diff --git a/src/assets/staking/warning-product-glyph.svg b/src/assets/staking/warning-product-glyph.svg
index 477b9b9db60..61bcaebd8c6 100644
--- a/src/assets/staking/warning-product-glyph.svg
+++ b/src/assets/staking/warning-product-glyph.svg
@@ -1,4 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" fill="#DF2020"/>
-<path d="M11.9992 9.87958L8.05878 5.93933L5.9375 8.06069L9.87781 12.0009L5.93852 15.94L8.05981 18.0614L11.9992 14.1221L15.9385 18.0614L18.0598 15.94L14.1205 12.0009L18.0608 8.06069L15.9395 5.93933L11.9992 9.87958Z" fill="white"/>
+<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" fill="#B80000"/>
+<path d="M17.0607 9.06066C17.6464 8.47487 17.6464 7.52513 17.0607 6.93934C16.4749 6.35355 15.5251 6.35355 14.9393 6.93934L12 9.87868L9.06066 6.93934C8.47487 6.35355 7.52513 6.35355 6.93934 6.93934C6.35355 7.52513 6.35355 8.47487 6.93934 9.06066L9.87868 12L6.93934 14.9393C6.35355 15.5251 6.35355 16.4749 6.93934 17.0607C7.52513 17.6464 8.47487 17.6464 9.06066 17.0607L12 14.1213L14.9393 17.0607C15.5251 17.6464 16.4749 17.6464 17.0607 17.0607C17.6464 16.4749 17.6464 15.5251 17.0607 14.9393L14.1213 12L17.0607 9.06066Z" fill="white"/>
 </svg>
diff --git a/src/assets/wallets/1inch.png b/src/assets/wallets/1inch.png
new file mode 100644
index 00000000000..520fbc46679
Binary files /dev/null and b/src/assets/wallets/1inch.png differ
diff --git a/src/assets/wallets/aktionariat.png b/src/assets/wallets/aktionariat.png
new file mode 100644
index 00000000000..a6668c20e22
Binary files /dev/null and b/src/assets/wallets/aktionariat.png differ
diff --git a/src/assets/wallets/alpha.png b/src/assets/wallets/alpha.png
index 6cb94600a68..2c411924569 100644
Binary files a/src/assets/wallets/alpha.png and b/src/assets/wallets/alpha.png differ
diff --git a/src/assets/wallets/ambire.png b/src/assets/wallets/ambire.png
new file mode 100644
index 00000000000..3c357405263
Binary files /dev/null and b/src/assets/wallets/ambire.png differ
diff --git a/src/assets/wallets/brave.png b/src/assets/wallets/brave.png
new file mode 100644
index 00000000000..afe6600bdc4
Binary files /dev/null and b/src/assets/wallets/brave.png differ
diff --git a/src/assets/wallets/bridge.png b/src/assets/wallets/bridge.png
new file mode 100644
index 00000000000..51da90fba55
Binary files /dev/null and b/src/assets/wallets/bridge.png differ
diff --git a/src/assets/wallets/browser.svg b/src/assets/wallets/browser.svg
new file mode 100644
index 00000000000..ad1af681983
--- /dev/null
+++ b/src/assets/wallets/browser.svg
@@ -0,0 +1,4 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M175 145C175 170.957 153.957 192 128 192C102.043 192 81 170.957 81 145C81 119.043 102.043 98 128 98C153.957 98 175 119.043 175 145ZM114.845 178.875C102.573 174.106 93.5341 162.86 91.926 149.335H102.924C104.063 160.985 108.769 170.311 113.385 176.88C113.873 177.574 114.361 178.24 114.845 178.875ZM92.2204 138.665H102.924C104.013 127.529 108.361 118.516 112.774 112.005C102.156 116.913 94.3074 126.797 92.2204 138.665ZM122.115 170.745C118.387 165.44 114.742 158.211 113.658 149.335H141.842C140.758 158.211 137.113 165.44 133.385 170.745C131.361 173.625 129.339 175.899 127.75 177.51C126.161 175.899 124.139 173.625 122.115 170.745ZM122.115 117.255C118.387 122.56 114.742 129.789 113.658 138.665H141.842C140.758 129.789 137.113 122.56 133.385 117.255C131.361 114.375 129.339 112.101 127.75 110.49C126.161 112.101 124.139 114.375 122.115 117.255ZM142.115 176.88C146.731 170.311 151.437 160.985 152.576 149.335H164.074C162.435 163.117 153.081 174.532 140.452 179.14C141.003 178.425 141.559 177.671 142.115 176.88ZM152.576 138.665H163.78C161.646 126.529 153.488 116.469 142.505 111.681C146.993 118.216 151.469 127.343 152.576 138.665Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.6705 43L224.329 43C230.222 43 235 47.7776 235 53.6705V203.33C235 209.223 230.222 214 224.329 214H31.67C25.7771 214 21 209.222 21 203.33L21 53.67C21 47.7771 25.7776 43 31.6705 43ZM31.671 83.67L224.329 83.67V203.329H31.671L31.671 83.67ZM46 70C49.3137 70 52 67.3137 52 64C52 60.6863 49.3137 58 46 58C42.6863 58 40 60.6863 40 64C40 67.3137 42.6863 70 46 70ZM71 64C71 67.3137 68.3137 70 65 70C61.6863 70 59 67.3137 59 64C59 60.6863 61.6863 58 65 58C68.3137 58 71 60.6863 71 64Z" fill="black"/>
+</svg>
diff --git a/src/assets/wallets/buy_crypto.svg b/src/assets/wallets/buy_crypto.svg
new file mode 100644
index 00000000000..6533fb212a5
--- /dev/null
+++ b/src/assets/wallets/buy_crypto.svg
@@ -0,0 +1,5 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M48 42.6649C45.0536 42.6649 42.665 45.0535 42.665 47.9999C42.665 50.9464 45.0536 53.3349 48 53.3349H64.0845V174C64.0845 177.499 66.9208 180.335 70.4195 180.335H95.3849C89.2823 182.915 85 188.957 85 196C85 205.389 92.6112 213 102 213C111.389 213 119 205.389 119 196C119 188.957 114.718 182.915 108.615 180.335H164.385C158.282 182.915 154 188.957 154 196C154 205.389 161.611 213 171 213C180.389 213 188 205.389 188 196C188 188.957 183.718 182.915 177.615 180.335H181C183.946 180.335 186.335 177.946 186.335 175C186.335 172.053 183.946 169.665 181 169.665H74.7545V48.9999C74.7545 45.5012 71.9182 42.6649 68.4195 42.6649H48Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M142.654 82.9681C145.29 80.8241 149.069 80.8241 151.704 82.9681C153.289 84.2576 155.349 84.8095 157.367 84.4854C160.721 83.9464 163.993 85.8356 165.204 89.0102C165.932 90.9195 167.44 92.4274 169.349 93.1554C172.524 94.3659 174.413 97.6382 173.874 100.993C173.55 103.01 174.102 105.07 175.391 106.655C177.535 109.291 177.535 113.069 175.391 115.705C174.102 117.29 173.55 119.35 173.874 121.367C174.413 124.722 172.524 127.994 169.349 129.205C167.44 129.933 165.932 131.441 165.204 133.35C163.993 136.524 160.721 138.414 157.367 137.875C155.349 137.55 153.289 138.102 151.704 139.392C149.069 141.536 145.29 141.536 142.654 139.392C141.069 138.102 139.009 137.55 136.992 137.875C133.637 138.414 130.365 136.524 129.155 133.35C128.427 131.441 126.919 129.933 125.01 129.205C121.835 127.994 119.946 124.722 120.485 121.367C120.809 119.35 120.257 117.29 118.967 115.705C116.823 113.069 116.823 109.291 118.967 106.655C120.257 105.07 120.809 103.01 120.485 100.993C119.946 97.6382 121.835 94.3659 125.01 93.1554C126.919 92.4274 128.427 90.9195 129.155 89.0103C130.365 85.8356 133.637 83.9464 136.992 84.4854C139.009 84.8095 141.069 84.2576 142.654 82.9681ZM148.414 93.1251C148.018 92.532 147.146 92.532 146.751 93.1251L137.039 107.675C136.721 108.151 136.867 108.795 137.358 109.089L147.07 114.887C147.385 115.076 147.779 115.076 148.095 114.887L157.807 109.089C158.298 108.795 158.443 108.151 158.126 107.675L148.414 93.1251ZM148.667 128.807C148.269 129.381 147.421 129.381 147.023 128.807L139.191 117.514C138.573 116.623 139.617 115.523 140.539 116.094L147.319 120.288C147.641 120.488 148.049 120.488 148.371 120.288L155.151 116.094C156.073 115.523 157.117 116.623 156.499 117.514L148.667 128.807Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M84.6641 79.6699C84.6641 70.8303 91.83 63.6644 100.67 63.6644H209.229C220.557 63.6644 228.3 75.1084 224.087 85.6231L198.579 149.283C196.146 155.355 190.263 159.335 183.721 159.335H100.67C91.83 159.335 84.6641 152.17 84.6641 143.33V79.6699ZM100.67 74.3354C97.7234 74.3354 95.3351 76.7238 95.3351 79.6699V143.33C95.3351 146.276 97.7234 148.664 100.67 148.664H183.721C185.902 148.664 187.862 147.338 188.673 145.314L214.181 81.6541C215.585 78.1496 213.005 74.3354 209.229 74.3354H100.67Z" fill="black"/>
+</svg>
diff --git a/src/assets/wallets/coinwallet.png b/src/assets/wallets/coinwallet.png
new file mode 100644
index 00000000000..9f35b00fbe4
Binary files /dev/null and b/src/assets/wallets/coinwallet.png differ
diff --git a/src/assets/wallets/connect_dapps.svg b/src/assets/wallets/connect_dapps.svg
new file mode 100644
index 00000000000..8bf0d7fab22
--- /dev/null
+++ b/src/assets/wallets/connect_dapps.svg
@@ -0,0 +1,3 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M104.665 47C104.665 34.1125 115.112 23.665 128 23.665C140.888 23.665 151.335 34.1125 151.335 47C151.335 47.9747 151.275 48.9355 151.159 49.8788L193.064 74.0723C197.344 68.9348 203.79 65.665 211 65.665C223.888 65.665 234.335 76.1125 234.335 89C234.335 100.052 226.652 109.31 216.335 111.722V147.278C226.652 149.691 234.335 158.948 234.335 170C234.335 182.888 223.888 193.335 211 193.335C202.61 193.335 195.254 188.907 191.142 182.261L151.059 205.403C151.241 206.575 151.335 207.777 151.335 209C151.335 221.888 140.888 232.335 128 232.335C115.112 232.335 104.665 221.888 104.665 209C104.665 207.655 104.779 206.337 104.997 205.055L65.0296 181.979C60.9524 188.782 53.508 193.335 45 193.335C32.1125 193.335 21.665 182.888 21.665 170C21.665 158.948 29.3484 149.691 39.665 147.278V111.722C29.3484 109.31 21.665 100.052 21.665 89C21.665 76.1125 32.1125 65.665 45 65.665C52.3299 65.665 58.8704 69.0446 63.1484 74.3305L104.887 50.2327C104.741 49.1761 104.665 48.0969 104.665 47ZM205.665 147.278V111.722C199.547 110.291 194.355 106.453 191.142 101.261L151.059 124.403C151.241 125.575 151.335 126.777 151.335 128C151.335 128.975 151.275 129.935 151.159 130.879L193.064 155.072C196.254 151.243 200.648 148.451 205.665 147.278ZM63.1484 155.331C59.9417 151.368 55.4638 148.477 50.335 147.278V111.722C56.5634 110.266 61.8321 106.314 65.0296 100.979L104.997 124.055C104.779 125.337 104.665 126.655 104.665 128C104.665 129.097 104.741 130.176 104.887 131.233L63.1484 155.331ZM187.919 92.4519C187.752 91.3255 187.665 90.1729 187.665 89C187.665 86.6367 188.016 84.3554 188.67 82.2055L148.135 58.8025C144.948 64.2269 139.632 68.2496 133.335 69.7224V105.278C139.408 106.698 144.568 110.49 147.786 115.623L187.919 92.4519ZM122.665 105.278C116.703 106.672 111.62 110.353 108.392 115.344L68.131 92.0998C68.2656 91.0857 68.335 90.051 68.335 89C68.335 86.7554 68.0181 84.5848 67.4266 82.5306L108.035 59.0856C111.238 64.3667 116.478 68.2754 122.665 69.7224V105.278ZM128 34.335C121.005 34.335 115.335 40.0054 115.335 47C115.335 53.9947 121.005 59.665 128 59.665C134.995 59.665 140.665 53.9947 140.665 47C140.665 40.0054 134.995 34.335 128 34.335ZM148.135 139.803L188.67 163.205C188.016 165.355 187.665 167.637 187.665 170C187.665 171.173 187.752 172.325 187.919 173.452L147.786 196.623C144.568 191.49 139.408 187.698 133.335 186.278V150.722C139.632 149.25 144.948 145.227 148.135 139.803ZM122.665 150.722V186.278C116.703 187.672 111.62 191.353 108.392 196.344L68.131 173.1C68.2656 172.086 68.335 171.051 68.335 170C68.335 167.755 68.0181 165.585 67.4266 163.531L108.035 140.086C111.238 145.367 116.478 149.275 122.665 150.722ZM128 115.335C121.005 115.335 115.335 121.005 115.335 128C115.335 134.995 121.005 140.665 128 140.665C134.995 140.665 140.665 134.995 140.665 128C140.665 121.005 134.995 115.335 128 115.335ZM115.335 209C115.335 202.005 121.005 196.335 128 196.335C134.995 196.335 140.665 202.005 140.665 209C140.665 215.995 134.995 221.665 128 221.665C121.005 221.665 115.335 215.995 115.335 209ZM211 157.335C204.005 157.335 198.335 163.005 198.335 170C198.335 176.995 204.005 182.665 211 182.665C217.995 182.665 223.665 176.995 223.665 170C223.665 163.005 217.995 157.335 211 157.335ZM32.335 89C32.335 82.0054 38.0054 76.335 45 76.335C51.9947 76.335 57.665 82.0054 57.665 89C57.665 95.9947 51.9947 101.665 45 101.665C38.0054 101.665 32.335 95.9947 32.335 89ZM198.335 89C198.335 82.0054 204.005 76.335 211 76.335C217.995 76.335 223.665 82.0054 223.665 89C223.665 95.9947 217.995 101.665 211 101.665C204.005 101.665 198.335 95.9947 198.335 89Z" fill="black"/>
+</svg>
diff --git a/src/assets/wallets/desktop.svg b/src/assets/wallets/desktop.svg
new file mode 100644
index 00000000000..895de1bf7f8
--- /dev/null
+++ b/src/assets/wallets/desktop.svg
@@ -0,0 +1,4 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M52.67 183C46.7771 183 42 178.222 42 172.329V63.6705C42 57.7776 46.7776 53 52.6705 53H202.33C208.223 53 213 57.7776 213 63.6705V172.33C213 178.223 208.222 183 202.329 183H52.67ZM52.671 152.66V63.671H202.329V152.66H52.671Z" fill="black"/>
+<path d="M90 192.665C87.0536 192.665 84.665 195.054 84.665 198C84.665 200.946 87.0536 203.335 90 203.335H163.5C166.446 203.335 168.835 200.946 168.835 198C168.835 195.054 166.446 192.665 163.5 192.665H90Z" fill="black"/>
+</svg>
diff --git a/src/assets/wallets/eip1559.svg b/src/assets/wallets/eip1559.svg
new file mode 100644
index 00000000000..854f73debbf
--- /dev/null
+++ b/src/assets/wallets/eip1559.svg
@@ -0,0 +1,5 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M104.892 38.1831C101.393 38.1831 98.5566 41.0194 98.5566 44.5181V76.7202C98.5566 80.2189 101.393 83.0552 104.892 83.0552H151.275C154.774 83.0552 157.61 80.2189 157.61 76.7202V44.5181C157.61 41.0194 154.774 38.1831 151.275 38.1831H104.892ZM109.227 72.3852V48.8531H146.94V72.3852H109.227Z" fill="black"/>
+<path d="M202 191V198H181V191H202Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M87.3731 20.665C83.8744 20.665 81.0381 23.5013 81.0381 27V154.136H77.3633C73.8646 154.136 71.0283 156.973 71.0283 160.471V170H43C36.9249 170 32 174.925 32 181V223C32 229.075 36.9249 234 43 234H213C219.075 234 224 229.075 224 223V181C224 174.925 219.075 170 213 170H185.973V160.471C185.973 156.973 183.137 154.136 179.638 154.136H175.962V142.948C176.664 143.131 177.415 143.172 178.177 143.045L178.35 143.016C181.691 142.46 188.669 141.299 194.691 137.118C201.256 132.559 206.156 124.814 205.57 112.503C204.669 93.6002 197.018 81.9325 191.484 74.1202L195.692 71.3146C197.014 70.4337 197.874 69.01 198.039 67.4305C198.204 65.8511 197.657 64.2801 196.547 63.1449L177.777 43.9584C177.245 43.4145 176.625 43.0085 175.962 42.7411V27C175.962 23.5013 173.126 20.665 169.627 20.665H87.3731ZM165.292 154.137H91.7081V31.335H165.292V154.137ZM175.962 57.361V132.618C176.113 132.579 176.267 132.546 176.423 132.52C179.828 131.952 184.682 131.078 188.606 128.353C192.093 125.932 195.326 121.721 194.912 113.01C194.118 96.3354 187.421 86.874 181.951 79.145C181.112 77.9599 180.302 76.8154 179.547 75.692C178.755 74.5148 178.465 73.0708 178.741 71.6792C179.016 70.2876 179.834 69.063 181.015 68.276L184.419 66.0063L175.962 57.361ZM83 212V219H48V212H62V191H48V184H69V212H83ZM118 212V219H90V212H118ZM125 212H118V205H90V184H125V191H97V198H125V212ZM160 219V212H167V198H139V191H167V184H132V205H160V212H132V219H160ZM174 219V212H202V205H174V184H209V219H174Z" fill="black"/>
+</svg>
diff --git a/src/assets/wallets/ens_support.svg b/src/assets/wallets/ens_support.svg
new file mode 100644
index 00000000000..7340241a682
--- /dev/null
+++ b/src/assets/wallets/ens_support.svg
@@ -0,0 +1,4 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M213.855 171C198.083 202.429 165.561 224 128 224C90.4398 224 57.9175 202.429 42.1455 171H54.2806C57.257 176.092 60.7459 180.847 64.6764 185.196C65.3788 184.856 66.1672 184.665 67.0002 184.665H99.8565C97.5208 180.515 95.2649 175.953 93.235 171H104.861C107.172 176.054 109.718 180.618 112.285 184.665H124.484L124.484 171H124.487L124.487 184.665H130.376L130.376 171H130.379L130.379 184.665H142.579C145.146 180.618 147.691 176.054 150.003 171H161.629C159.599 175.953 157.343 180.515 155.007 184.665H191.8C195.537 180.461 198.864 175.885 201.72 171H213.855ZM213.855 85C198.083 53.5707 165.561 32 128 32C90.4398 32 57.9175 53.5707 42.1455 85H54.2806C57.4246 79.6216 61.1403 74.6182 65.3444 70.0731C65.8656 70.2431 66.4222 70.335 67.0002 70.335H99.2998C96.8535 74.7763 94.5088 79.6718 92.4364 85H103.97C106.326 79.5657 108.97 74.6674 111.658 70.335H124.486L124.486 85H124.489L124.489 70.335H130.374L130.375 85H130.378L130.377 70.335H143.206C145.893 74.6674 148.537 79.5657 150.893 85H162.427C160.355 79.6718 158.01 74.7763 155.564 70.335H190.897C195.002 74.8102 198.636 79.7247 201.72 85H213.855ZM180.42 195.335C167.175 205.661 150.803 212.165 132.963 213.188L133.029 213.127C133.067 213.091 133.106 213.055 133.146 213.018C134.24 211.994 135.775 210.495 137.602 208.539C140.585 205.345 144.361 200.918 148.281 195.335H180.42ZM121.717 213.018L121.816 213.109C104.45 211.866 88.5227 205.425 75.5801 195.335H106.583C110.502 200.918 114.279 205.345 117.262 208.539C119.089 210.495 120.623 211.994 121.717 213.018ZM124.484 200.634C123.112 199.14 121.57 197.371 119.929 195.335H124.484L124.484 200.634ZM124.487 200.637L124.487 195.335H130.377L130.377 200.637C130.286 200.737 130.195 200.835 130.106 200.931C130.004 201.041 129.904 201.149 129.804 201.255C128.925 202.197 128.127 203.014 127.432 203.705C126.737 203.014 125.939 202.197 125.059 201.255C124.872 201.055 124.681 200.849 124.487 200.637ZM130.38 200.634L130.38 195.335H134.935C133.294 197.371 131.751 199.14 130.38 200.634ZM179.112 59.665H148.975C144.81 53.6087 140.761 48.8438 137.602 45.4617C136.728 44.5254 135.92 43.6939 135.196 42.9691C151.59 44.3379 166.666 50.3413 179.112 59.665ZM130.377 53.3632C131.969 55.0972 133.792 57.2028 135.731 59.665H130.377L130.377 53.3632ZM130.374 53.3601L130.374 59.665H124.489L124.49 53.3601C124.683 53.1495 124.873 52.9444 125.059 52.7448C125.939 51.8033 126.737 50.9858 127.432 50.2953C128.127 50.9858 128.925 51.8033 129.804 52.7448C129.991 52.9444 130.181 53.1495 130.374 53.3601ZM124.487 53.3632L124.487 59.665H119.132C121.072 57.2028 122.894 55.0972 124.487 53.3632ZM117.262 45.4617C114.103 48.8438 110.054 53.6087 105.888 59.665H76.8884C89.017 50.5788 103.644 44.6459 119.554 43.0827C118.86 43.7804 118.091 44.574 117.262 45.4617Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.75 93.8948C41.6749 93.8948 36.75 98.8196 36.75 104.895V151.105C36.75 157.18 41.6749 162.105 47.75 162.105H208C214.075 162.105 219 157.18 219 151.105V104.895C219 98.8196 214.075 93.8948 208 93.8948H47.75ZM106.138 149.316V140.576H71.3601V131.837H88.7493V123.097H71.3601V114.358H106.138V105.618H62.6655V149.316H106.138ZM45.2763 140.576V149.316H53.9709V140.576H45.2763ZM132.222 149.316V114.358H114.833V105.618H158.306V114.358H140.917V149.316H132.222ZM175.695 131.837H201.779V149.316H210.474V105.618H201.779V123.097H175.695V105.618H167.001V149.316H175.695V131.837Z" fill="black"/>
+</svg>
diff --git a/src/assets/wallets/erc_20_support.svg b/src/assets/wallets/erc_20_support.svg
new file mode 100644
index 00000000000..faf446607dc
--- /dev/null
+++ b/src/assets/wallets/erc_20_support.svg
@@ -0,0 +1,4 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M133.335 94.5138C133.335 91.5674 130.947 89.1788 128 89.1788C125.054 89.1788 122.665 91.5674 122.665 94.5138V142.085L103.632 123.051C101.548 120.968 98.1704 120.968 96.087 123.051C94.0036 125.135 94.0036 128.513 96.087 130.596L124.201 158.711L124.228 158.737C125.167 159.676 126.369 160.192 127.598 160.284C127.989 160.314 128.385 160.301 128.777 160.243C129.703 160.107 130.599 159.729 131.363 159.106C131.522 158.978 131.672 158.84 131.814 158.695L159.913 130.596C161.997 128.513 161.997 125.135 159.913 123.051C157.83 120.968 154.452 120.968 152.368 123.051L133.335 142.084V94.5138Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M117.06 55.8875C123.432 50.7042 132.567 50.7042 138.939 55.8875L143.477 59.5788C144.95 60.7773 146.865 61.2904 148.74 60.9891L154.515 60.0612C162.625 58.7582 170.536 63.3256 173.463 71.0004L175.547 76.466C176.223 78.2406 177.625 79.6423 179.4 80.319L184.865 82.403C192.54 85.3295 197.107 93.2406 195.804 101.35L194.877 107.126C194.575 109.001 195.088 110.916 196.287 112.389L199.978 116.927C205.161 123.298 205.161 132.433 199.978 138.805L196.287 143.343C195.088 144.816 194.575 146.731 194.877 148.606L195.804 154.381C197.107 162.491 192.54 170.402 184.865 173.329L179.4 175.413C177.625 176.09 176.223 177.491 175.547 179.266L173.463 184.731C170.536 192.406 162.625 196.974 154.515 195.671L148.74 194.743C146.865 194.441 144.95 194.954 143.477 196.153L138.939 199.844C132.567 205.028 123.432 205.028 117.06 199.844L112.523 196.153C111.049 194.954 109.135 194.441 107.26 194.743L101.484 195.671C93.3743 196.974 85.4633 192.406 82.5368 184.731L80.4528 179.266C79.7761 177.491 78.3744 176.09 76.5998 175.413L71.1342 173.329C63.4594 170.402 58.8919 162.491 60.195 154.381L61.1229 148.606C61.4242 146.731 60.9111 144.816 59.7126 143.343L56.0213 138.805C50.8379 132.433 50.8379 123.298 56.0213 116.927L59.7126 112.389C60.9111 110.916 61.4242 109.001 61.1229 107.126L60.195 101.35C58.8919 93.2406 63.4594 85.3295 71.1342 82.403L76.5998 80.319C78.3744 79.6423 79.7761 78.2406 80.4528 76.466L82.5368 71.0004C85.4633 63.3256 93.3743 58.7582 101.484 60.0612L107.26 60.9891C109.135 61.2904 111.049 60.7773 112.523 59.5788L117.06 55.8875ZM132.206 64.1647C129.756 62.1718 126.244 62.1718 123.794 64.1647L119.256 67.856C115.424 70.9732 110.444 72.3076 105.567 71.524L99.7916 70.5961C96.6735 70.0951 93.6318 71.8512 92.5066 74.802L90.4226 80.2676C88.6626 84.8832 85.017 88.5288 80.4014 90.2888L74.9358 92.3728C71.985 93.498 70.2289 96.5397 70.7298 99.6578L71.6578 105.433C72.4414 110.31 71.107 115.29 67.9897 119.122L64.2985 123.66C62.3056 126.11 62.3056 129.622 64.2985 132.072L67.9897 136.609C71.107 140.442 72.4414 145.421 71.6578 150.299L70.7298 156.074C70.2289 159.192 71.985 162.234 74.9358 163.359L80.4014 165.443C85.017 167.203 88.6626 170.849 90.4226 175.464L92.5066 180.93C93.6318 183.881 96.6735 185.637 99.7916 185.136L105.567 184.208C110.444 183.424 115.424 184.759 119.256 187.876L123.794 191.567C126.244 193.56 129.756 193.56 132.206 191.567L136.743 187.876C140.575 184.759 145.555 183.424 150.433 184.208L156.208 185.136C159.326 185.637 162.368 183.881 163.493 180.93L165.577 175.464C167.337 170.849 170.982 167.203 175.598 165.443L181.064 163.359C184.014 162.234 185.771 159.192 185.27 156.074L184.342 150.299C183.558 145.421 184.892 140.442 188.01 136.609L191.701 132.072C193.694 129.622 193.694 126.11 191.701 123.66L188.01 119.122C184.892 115.29 183.558 110.31 184.342 105.433L185.27 99.6578C185.771 96.5397 184.014 93.498 181.064 92.3728L175.598 90.2888C170.982 88.5288 167.337 84.8832 165.577 80.2676L163.493 74.802C162.368 71.8512 159.326 70.0951 156.208 70.5961L150.433 71.524C145.555 72.3076 140.575 70.9732 136.743 67.856L132.206 64.1647Z" fill="black"/>
+</svg>
diff --git a/src/assets/wallets/filter_burger.svg b/src/assets/wallets/filter_burger.svg
new file mode 100644
index 00000000000..c512c27bcab
--- /dev/null
+++ b/src/assets/wallets/filter_burger.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<line x1="5.96425" y1="8.60716" x2="18.0357" y2="8.60716" stroke="#FF8D22" stroke-width="1.64286" stroke-linecap="round"/>
+<line x1="10.2499" y1="17.1786" x2="13.7499" y2="17.1786" stroke="#FF8D22" stroke-width="1.64286" stroke-linecap="round"/>
+<line x1="7.67861" y1="12.8929" x2="16.3215" y2="12.8929" stroke="#FF8D22" stroke-width="1.64286" stroke-linecap="round"/>
+<circle cx="12" cy="12" r="11.5893" stroke="#FF8D22" stroke-width="0.821429"/>
+</svg>
diff --git a/src/assets/wallets/find-wallet-hero.png b/src/assets/wallets/find-wallet-hero.png
index ad559cc1505..d6659f20c86 100644
Binary files a/src/assets/wallets/find-wallet-hero.png and b/src/assets/wallets/find-wallet-hero.png differ
diff --git a/src/assets/wallets/foxwallet.png b/src/assets/wallets/foxwallet.png
new file mode 100644
index 00000000000..3c531ca1193
Binary files /dev/null and b/src/assets/wallets/foxwallet.png differ
diff --git a/src/assets/wallets/frame.png b/src/assets/wallets/frame.png
new file mode 100644
index 00000000000..ec7825167a6
Binary files /dev/null and b/src/assets/wallets/frame.png differ
diff --git a/src/assets/wallets/frame.svg b/src/assets/wallets/frame.svg
new file mode 100644
index 00000000000..7ef0e026e76
--- /dev/null
+++ b/src/assets/wallets/frame.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 153.4 152.9">
+  <path fill="rgb(235, 237, 252)" d="M145.1,75.6v-58c0-5.1-4.2-9.3-9.3-9.3h0H77.7c-0.6,0-1.1-0.2-1.6-0.6l-7-7c-0.4-0.4-1-0.7-1.6-0.7H9.3 C4.2,0,0,4.1,0,9.3c0,0,0,0,0,0l0,0v58c0,0.6,0.2,1.1,0.6,1.6l7,7c0.4,0.4,0.7,1,0.7,1.6v58c0,5.1,4.2,9.3,9.3,9.3c0,0,0,0,0,0h58.2 c0.6,0,1.1,0.2,1.6,0.6l7,7c0.4,0.4,1,0.6,1.6,0.6h58.2c5.1,0,9.3-4.1,9.3-9.3c0,0,0,0,0,0l0,0v-58c0-0.6-0.2-1.1-0.6-1.6l-7-7 C145.4,76.7,145.1,76.2,145.1,75.6z M105.6,106.6H47.9c-0.7,0-1.3-0.6-1.3-1.3V47.7c0-0.7,0.6-1.3,1.3-1.3h57.7 c0.7,0,1.3,0.6,1.3,1.3v57.6C107,106,106.4,106.6,105.6,106.6z" />
+</svg>
\ No newline at end of file
diff --git a/src/assets/wallets/gas_fee_customization.svg b/src/assets/wallets/gas_fee_customization.svg
new file mode 100644
index 00000000000..71ec374baeb
--- /dev/null
+++ b/src/assets/wallets/gas_fee_customization.svg
@@ -0,0 +1,6 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M106.665 60C106.665 56.5013 109.501 53.665 113 53.665H169C172.499 53.665 175.335 56.5013 175.335 60V99C175.335 102.499 172.499 105.335 169 105.335H113C109.501 105.335 106.665 102.499 106.665 99V60ZM117.335 64.335V94.665H164.665V64.335H117.335Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M92.0001 32.665C88.5013 32.665 85.6651 35.5013 85.6651 39V192.665H80.0001C76.5014 192.665 73.6651 195.501 73.6651 199V217C73.6651 220.499 76.5014 223.335 80.0001 223.335H203C206.499 223.335 209.335 220.499 209.335 217V199C209.335 195.501 206.499 192.665 203 192.665H197.335V176.622C198.369 177.219 199.608 177.474 200.877 177.262L201.054 177.233C205.054 176.567 213.221 175.208 220.243 170.332C227.807 165.08 233.515 156.146 232.829 141.746C231.73 118.67 222.158 104.759 215.505 95.4088L221.46 91.439C222.781 90.5581 223.641 89.1344 223.806 87.5549C223.971 85.9754 223.424 84.4045 222.314 83.2693L199.814 60.2693C199.108 59.5474 198.247 59.0685 197.335 58.8339V39C197.335 35.5013 194.499 32.665 191 32.665H92.0001ZM186.665 192.665V43.335H96.3351V192.665H186.665ZM197.335 72.9937V167.377C197.873 167.067 198.475 166.846 199.123 166.738C203.191 166.06 209.235 164.986 214.157 161.568C218.643 158.453 222.685 153.054 222.171 142.254C221.204 121.94 213.001 110.358 206.432 101.081C205.431 99.6674 204.467 98.3065 203.573 96.977C202.781 95.7998 202.491 94.3558 202.767 92.9642C203.042 91.5726 203.861 90.348 205.041 89.5611L210.186 86.1307L197.335 72.9937Z" fill="black"/>
+<path d="M49.335 67.2276C47.2515 65.1441 43.8736 65.1441 41.7901 67.2276L23.2276 85.7901C21.1442 87.8735 21.1442 91.2515 23.2276 93.3349C25.3111 95.4184 28.689 95.4184 30.7725 93.3349L40.2275 83.8798V110.875C40.2275 113.821 42.6161 116.21 45.5625 116.21C48.509 116.21 50.8975 113.821 50.8975 110.875V83.8798L60.3526 93.3349C62.4361 95.4184 65.814 95.4184 67.8975 93.3349C69.9809 91.2515 69.9809 87.8735 67.8975 85.7901L49.335 67.2276Z" fill="black"/>
+<path d="M40.2275 146.125V173.12L30.7725 163.665C28.689 161.582 25.3111 161.582 23.2276 163.665C21.1442 165.749 21.1442 169.126 23.2276 171.21L41.7901 189.772C43.8736 191.856 47.2515 191.856 49.335 189.772L67.8975 171.21C69.9809 169.126 69.9809 165.749 67.8975 163.665C65.814 161.582 62.4361 161.582 60.3526 163.665L50.8975 173.12V146.125C50.8975 143.179 48.509 140.79 45.5625 140.79C42.6161 140.79 40.2275 143.179 40.2275 146.125Z" fill="black"/>
+</svg>
diff --git a/src/assets/wallets/gnosis.png b/src/assets/wallets/gnosis.png
index 11f54e2c7f4..fc265549734 100644
Binary files a/src/assets/wallets/gnosis.png and b/src/assets/wallets/gnosis.png differ
diff --git a/src/assets/wallets/hardware.svg b/src/assets/wallets/hardware.svg
new file mode 100644
index 00000000000..921b5287d09
--- /dev/null
+++ b/src/assets/wallets/hardware.svg
@@ -0,0 +1,3 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M89.9671 44.165C86.4684 44.165 83.6321 47.0013 83.6321 50.5V71.165H73.6309V178.5C73.6309 182.34 74.3214 186.018 75.5851 189.417C76.2605 191.558 77.1778 193.659 78.3469 195.684C86.9998 210.672 106.164 215.807 121.151 207.154L208.62 156.654C211.65 154.904 212.688 151.03 210.939 148L185.939 104.699C184.189 101.669 180.315 100.63 177.285 102.38L136.301 126.042V71.165H127.302V50.5C127.302 47.0013 124.466 44.165 120.967 44.165H89.9671ZM116.632 71.165V54.835H94.3021V71.165H116.632ZM135.213 186.714C135.922 184.096 136.301 181.342 136.301 178.5V138.363L178.866 113.788L199.531 149.581L135.213 186.714Z" fill="black"/>
+</svg>
diff --git a/src/assets/wallets/hardware_support.svg b/src/assets/wallets/hardware_support.svg
new file mode 100644
index 00000000000..a2d4ef3c8b5
--- /dev/null
+++ b/src/assets/wallets/hardware_support.svg
@@ -0,0 +1,5 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M99.0003 42C100.415 42 101.772 42.5621 102.773 43.5626L130.913 71.7034C132.997 73.7869 132.997 77.1648 130.913 79.2483C128.83 81.3317 125.452 81.3317 123.368 79.2482L104.335 60.2149V107.786C104.335 110.732 101.947 113.121 99.0003 113.121C96.0538 113.121 93.6653 110.732 93.6653 107.786V60.2148L74.6318 79.2483C72.5484 81.3317 69.1704 81.3317 67.087 79.2483C65.0036 77.1648 65.0036 73.7869 67.087 71.7034L95.2278 43.5626C96.2283 42.5621 97.5853 42 99.0003 42Z" fill="black"/>
+<path d="M169 48.0001C171.947 48.0001 174.335 50.3887 174.335 53.3351V100.906L193.368 81.8726C195.452 79.7891 198.83 79.7891 200.913 81.8726C202.997 83.956 202.997 87.3339 200.913 89.4174L172.773 117.558C171.772 118.559 170.415 119.121 169 119.121C167.585 119.121 166.228 118.559 165.228 117.558L137.087 89.4174C135.004 87.334 135.004 83.956 137.087 81.8726C139.17 79.7891 142.548 79.7891 144.632 81.8726L163.665 100.906V53.3351C163.665 50.3887 166.054 48.0001 169 48.0001Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M70.6984 205.951C68.1036 205.951 66 203.857 66 201.274V178.387C66 175.804 68.1035 173.71 70.6984 173.71H86.0249V167.067H126.725L109.176 136.809C107.878 134.572 108.648 131.711 110.895 130.42L143.01 111.963C145.258 110.671 148.131 111.437 149.429 113.675L186.883 178.251C193.3 189.316 189.492 203.465 178.376 209.853C176.874 210.717 175.316 211.394 173.728 211.892C171.207 212.825 168.479 213.335 165.631 213.335H86.0249V205.951H70.6984ZM73.9135 181.588H86.0249V198.074H73.9135V181.588ZM165.631 167.067C167.739 167.067 169.782 167.346 171.724 167.87L144.183 120.385L117.637 135.642L135.863 167.067H165.631Z" fill="black"/>
+</svg>
diff --git a/src/assets/wallets/layer_2.svg b/src/assets/wallets/layer_2.svg
new file mode 100644
index 00000000000..f1182d772c5
--- /dev/null
+++ b/src/assets/wallets/layer_2.svg
@@ -0,0 +1,6 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M107.635 118.994L114.502 115.188L87.584 99.0139L115.05 83.7894L108.32 79.746L73.9882 98.7766L107.635 118.994Z" fill="black"/>
+<path d="M148.012 143.254L154.878 139.448L127.96 123.275L134.827 119.468L161.745 135.642L182.344 124.224L148.697 104.007L141.83 107.813L168.748 123.986L161.882 127.793L134.964 111.619L114.365 123.037L148.012 143.254Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M122.843 52.8656C125.873 51.1163 130.785 51.1162 133.815 52.8656L232.679 109.944C235.709 111.694 235.709 114.53 232.679 116.279L133.815 173.358C130.785 175.108 125.873 175.108 122.843 173.358L23.9794 116.279C20.9494 114.53 20.9494 111.694 23.9794 109.944L122.843 52.8656ZM128.329 60.3681L36.9741 113.112L128.329 165.856L219.684 113.112L128.329 60.3681Z" fill="black"/>
+<path d="M221.996 127.777L237.875 136.944C243.775 140.351 243.775 145.873 237.875 149.279L139.011 206.358C133.112 209.765 123.546 209.765 117.647 206.358L18.7832 149.279C12.8835 145.873 12.8835 140.351 18.7832 136.944L34.6616 127.777L54.2944 139.112L47.3664 143.112L128.329 189.856L209.292 143.112L202.363 139.112L221.996 127.777Z" fill="black"/>
+</svg>
diff --git a/src/assets/wallets/mew.png b/src/assets/wallets/mew.png
new file mode 100644
index 00000000000..48c42dc1450
Binary files /dev/null and b/src/assets/wallets/mew.png differ
diff --git a/src/assets/wallets/mobile.svg b/src/assets/wallets/mobile.svg
new file mode 100644
index 00000000000..8613e708fd7
--- /dev/null
+++ b/src/assets/wallets/mobile.svg
@@ -0,0 +1,5 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M104.665 208C104.665 205.054 107.054 202.665 110 202.665H144C146.946 202.665 149.335 205.054 149.335 208C149.335 210.946 146.946 213.335 144 213.335H110C107.054 213.335 104.665 210.946 104.665 208Z" fill="black"/>
+<path d="M128 59C132.418 59 136 55.4183 136 51C136 46.5817 132.418 43 128 43C123.582 43 120 46.5817 120 51C120 55.4183 123.582 59 128 59Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M203 31.67C203 25.7771 198.223 21 192.33 21L63.67 21C57.7771 21 53 25.7771 53 31.67L53 224.33C53 230.223 57.7771 235 63.67 235H192.33C198.223 235 203 230.223 203 224.33L203 31.67ZM192.329 31.671L63.671 31.671L63.671 224.329H192.329V31.671Z" fill="black"/>
+</svg>
diff --git a/src/assets/wallets/multisig.svg b/src/assets/wallets/multisig.svg
new file mode 100644
index 00000000000..337f41de1fa
--- /dev/null
+++ b/src/assets/wallets/multisig.svg
@@ -0,0 +1,6 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M208.049 77.5803C208.049 82.1895 204.313 85.926 199.704 85.926C195.094 85.926 191.358 82.1895 191.358 77.5803C191.358 72.9711 195.094 69.2346 199.704 69.2346C204.313 69.2346 208.049 72.9711 208.049 77.5803Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M151.902 102.817C160.071 115.08 174.024 123.16 189.864 123.16C215.037 123.16 235.444 102.754 235.444 77.5802C235.444 52.407 215.037 32 189.864 32C174.024 32 160.071 40.0804 151.902 52.344H56.3153C54.6352 52.344 53.0239 53.0115 51.8358 54.1995L32.9346 73.1008C30.4606 75.5747 30.4606 79.5858 32.9346 82.0598L56.6556 105.781C58.8729 107.998 62.3788 108.26 64.9006 106.396L75.5709 98.5089L84.5222 106.117C86.9343 108.168 90.4898 108.123 92.8492 106.012L101.951 97.8677L113.485 102.381C114.221 102.669 115.004 102.817 115.794 102.817H151.902ZM189.864 112.49C209.145 112.49 224.774 96.8606 224.774 77.5802C224.774 58.2999 209.145 42.67 189.864 42.67C176.892 42.67 165.573 49.7451 159.554 60.2469H159.443C158.535 61.8963 156.781 63.014 154.765 63.014H58.111L43.5447 77.5803L61.5606 95.5961L71.9935 87.8848C74.3601 86.1356 77.6196 86.2465 79.8618 88.1524L88.552 95.539L96.8237 88.138C98.6046 86.5445 101.131 86.0889 103.356 86.9597L116.611 92.1465H154.765C156.781 92.1465 158.535 93.2642 159.443 94.9136H159.554C165.573 105.415 176.892 112.49 189.864 112.49Z" fill="black"/>
+<path d="M56.7408 160.235C52.1316 160.235 48.3951 163.971 48.3951 168.58C48.3951 173.19 52.1316 176.926 56.7408 176.926C61.3499 176.926 65.0864 173.19 65.0864 168.58C65.0864 163.971 61.3499 160.235 56.7408 160.235Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M66.5803 214.161C82.4206 214.161 96.3737 206.08 104.543 193.817H200.129C201.809 193.817 203.42 193.149 204.609 191.961L223.51 173.06C225.984 170.586 225.984 166.575 223.51 164.101L199.789 140.38C197.571 138.163 194.066 137.901 191.544 139.765L180.873 147.652L171.922 140.043C169.51 137.993 165.954 138.038 163.595 140.149L154.493 148.293L142.959 143.78C142.224 143.492 141.441 143.344 140.651 143.344H104.543C96.3737 131.08 82.4206 123 66.5803 123C41.407 123 21 143.407 21 168.58C21 193.754 41.407 214.161 66.5803 214.161ZM66.5803 133.67C47.2999 133.67 31.67 149.3 31.67 168.58C31.67 187.861 47.2999 203.491 66.5803 203.491C79.5522 203.491 90.8716 196.416 96.8903 185.914H97.0015C97.909 184.264 99.6635 183.147 101.679 183.147H198.333L212.9 168.58L194.884 150.565L184.451 158.276C182.084 160.025 178.825 159.914 176.583 158.008L167.892 150.622L159.621 158.023C157.84 159.616 155.314 160.072 153.088 159.201L139.833 154.014H101.679C99.6635 154.014 97.909 152.896 97.0016 151.247H96.8903C90.8716 140.745 79.5522 133.67 66.5803 133.67Z" fill="black"/>
+</svg>
diff --git a/src/assets/wallets/nft_support.svg b/src/assets/wallets/nft_support.svg
new file mode 100644
index 00000000000..706c487f6ec
--- /dev/null
+++ b/src/assets/wallets/nft_support.svg
@@ -0,0 +1,3 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M42.665 28C42.665 24.5013 45.5013 21.665 49 21.665H207C210.499 21.665 213.335 24.5014 213.335 28V136.415C213.336 136.469 213.336 136.523 213.335 136.577V206.5C213.335 209.999 210.499 212.835 207 212.835H192.665V202.165H202.665V138.315L181.785 111.191L166.811 122.315C164.468 124.055 161.239 123.97 158.992 122.107L145.5 110.928L132.15 121.99C129.515 124.173 125.622 123.869 123.358 121.303L110.167 106.353L53.335 148.3V202.165H140.835V212.835H49C45.5013 212.835 42.665 209.999 42.665 206.5V28ZM202.665 32.335V120.823L158.728 63.7457C156.956 61.4442 153.669 60.9828 151.332 62.7076L53.335 135.039V32.335H202.665ZM175.276 102.735L163.18 111.721L149.542 100.421C147.197 98.478 143.802 98.478 141.458 100.421L128.578 111.092L118.785 99.9925L153.462 74.3972L175.276 102.735ZM88.9997 55.665C79.4259 55.665 71.6647 63.4262 71.6647 73C71.6647 82.5739 79.4259 90.335 88.9997 90.335C98.5736 90.335 106.335 82.5739 106.335 73C106.335 63.4262 98.5736 55.665 88.9997 55.665ZM150.335 177C150.335 168.349 157.348 161.335 166 161.335C174.652 161.335 181.665 168.349 181.665 177C181.665 185.652 174.652 192.665 166 192.665C157.348 192.665 150.335 185.652 150.335 177ZM166 150.665C151.456 150.665 139.665 162.456 139.665 177C139.665 184.906 143.149 191.998 148.665 196.826V231C148.665 233.267 150.097 235.286 152.236 236.035C154.375 236.785 156.754 236.1 158.169 234.329L166.5 223.897L174.831 234.329C176.246 236.1 178.625 236.785 180.764 236.035C182.903 235.286 184.335 233.267 184.335 231V196C184.335 195.968 184.335 195.937 184.334 195.905C189.269 191.119 192.335 184.418 192.335 177C192.335 162.456 180.544 150.665 166 150.665Z" fill="black"/>
+</svg>
diff --git a/src/assets/wallets/non_custodial.svg b/src/assets/wallets/non_custodial.svg
new file mode 100644
index 00000000000..f545ed6b4d0
--- /dev/null
+++ b/src/assets/wallets/non_custodial.svg
@@ -0,0 +1,7 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M236.383 63.2171C238.353 66.1088 237.605 70.0497 234.714 72.0192L222.743 80.1724C219.851 82.142 215.911 81.3944 213.941 78.5027L185.747 37.109C183.778 34.2173 184.525 30.2765 187.417 28.3069L199.388 20.1537C202.279 18.1841 206.22 18.9317 208.19 21.8234L236.383 63.2171ZM225.124 65.6408L201.811 31.4128L197.007 34.6853L220.319 68.9133L225.124 65.6408Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M201.37 92.8116C186.581 108.23 162.21 108.622 146.908 94.1005H121.839C111.311 94.1005 105.196 84.5728 106.748 75.9391H101.896L79.3404 98.4949C73.9384 103.897 65.3988 104.538 59.2504 100.004C51.6674 94.4115 50.8149 83.3916 57.4476 76.6995L91.9176 41.9204C93.1072 40.7201 94.7271 40.0449 96.417 40.0449H179.875C181.97 40.0449 183.928 41.0798 185.109 42.8097L208.978 77.7961C210.624 80.2086 210.355 83.4442 208.333 85.5518L201.37 92.8116ZM121.839 83.4305C117.793 83.4305 115.9 78.7806 118.178 75.9391H143.072C146.018 75.9391 148.407 73.5505 148.407 70.6041C148.407 67.6577 146.018 65.2691 143.072 65.2691H100.101C98.4205 65.2691 96.8091 65.9365 95.6211 67.1246L71.7956 90.95C70.1252 92.6204 67.4846 92.8188 65.5835 91.4167C63.2387 89.6874 62.9751 86.2799 65.026 84.2106L98.224 50.7149H177.585L198.109 80.7973L193.669 85.4255C182.62 96.9452 164.16 96.8776 153.175 85.282C152.056 84.1014 150.5 83.4305 148.87 83.4305H121.839Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.629 159.226C97.3271 144.704 72.9558 145.097 58.1671 160.515L51.2036 167.774C49.182 169.882 48.9131 173.118 50.559 175.53L74.4283 210.516C75.6085 212.246 77.5673 213.281 79.6614 213.281H163.12C164.81 213.281 166.43 212.606 167.619 211.406L202.089 176.627C208.722 169.935 207.869 158.915 200.286 153.322C194.138 148.788 185.598 149.429 180.196 154.831L157.641 177.387H152.789C154.341 168.753 148.226 159.226 137.697 159.226H112.629ZM141.359 177.387C143.637 174.546 141.744 169.896 137.697 169.896H110.666C109.037 169.896 107.481 169.225 106.362 168.044C95.3769 156.449 76.9169 156.381 65.8674 167.901L61.4281 172.529L81.9516 202.611H161.313L194.511 169.116C196.562 167.046 196.298 163.639 193.953 161.909C192.052 160.507 189.412 160.706 187.741 162.376L163.916 186.202C162.728 187.39 161.116 188.057 159.436 188.057H116.465C113.518 188.057 111.13 185.668 111.13 182.722C111.13 179.776 113.518 177.387 116.465 177.387H141.359Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.1534 190.109C21.1839 187.217 21.9314 183.276 24.8231 181.307L36.7937 173.154C39.6854 171.184 43.6262 171.932 45.5958 174.823L73.7893 216.217C75.7589 219.109 75.0113 223.05 72.1196 225.019L60.1491 233.172C57.2574 235.142 53.3165 234.394 51.347 231.503L23.1534 190.109ZM34.4125 187.685L57.7254 221.913L62.5302 218.641L39.2173 184.413L34.4125 187.685Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M123.028 102.232C125.342 100.349 128.659 100.349 130.973 102.232C132.365 103.364 134.173 103.848 135.944 103.564C138.889 103.091 141.762 104.749 142.825 107.536C143.464 109.213 144.788 110.536 146.464 111.176C149.251 112.238 150.91 115.111 150.437 118.056C150.152 119.827 150.637 121.636 151.769 123.027C153.651 125.341 153.651 128.659 151.769 130.973C150.637 132.364 150.152 134.173 150.437 135.944C150.91 138.889 149.251 141.762 146.464 142.825C144.788 143.464 143.464 144.788 142.825 146.464C141.762 149.251 138.889 150.91 135.944 150.436C134.173 150.152 132.365 150.636 130.973 151.768C128.659 153.651 125.342 153.651 123.028 151.768C121.636 150.636 119.828 150.152 118.057 150.436C115.112 150.91 112.239 149.251 111.176 146.464C110.537 144.788 109.213 143.464 107.537 142.825C104.75 141.762 103.091 138.889 103.564 135.944C103.849 134.173 103.364 132.364 102.232 130.973C100.35 128.659 100.35 125.341 102.232 123.027C103.364 121.636 103.849 119.827 103.564 118.056C103.091 115.111 104.75 112.238 107.537 111.176C109.213 110.536 110.537 109.213 111.176 107.536C112.239 104.749 115.112 103.091 118.057 103.564C119.828 103.848 121.636 103.364 123.028 102.232ZM128.186 111.301C127.79 110.708 126.918 110.708 126.522 111.301L118.169 123.816C117.851 124.292 117.997 124.936 118.488 125.23L126.842 130.218C127.157 130.406 127.551 130.406 127.867 130.218L136.22 125.23C136.712 124.936 136.857 124.292 136.539 123.816L128.186 111.301ZM128.407 142.331C128.01 142.905 127.162 142.905 126.764 142.331L120.322 133.043C119.704 132.152 120.748 131.052 121.67 131.623L127.059 134.957C127.382 135.156 127.789 135.156 128.112 134.957L133.501 131.623C134.423 131.052 135.467 132.152 134.849 133.043L128.407 142.331Z" fill="black"/>
+</svg>
diff --git a/src/assets/wallets/open_source.svg b/src/assets/wallets/open_source.svg
new file mode 100644
index 00000000000..91f3ad6962f
--- /dev/null
+++ b/src/assets/wallets/open_source.svg
@@ -0,0 +1,3 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M127.5 47.2368C83.2261 47.2368 47.335 83.1279 47.335 127.402C47.335 159.852 66.6184 187.811 94.3674 200.423L107.565 155.99C98.5569 149.697 92.6504 139.242 92.6504 127.402C92.6504 108.155 108.253 92.5522 127.5 92.5522C146.747 92.5522 162.35 108.155 162.35 127.402C162.35 139.242 156.443 149.697 147.435 155.99L160.633 200.423C188.382 187.811 207.665 159.852 207.665 127.402C207.665 83.1279 171.774 47.2368 127.5 47.2368ZM36.665 127.402C36.665 77.235 77.3333 36.5668 127.5 36.5668C177.667 36.5668 218.335 77.235 218.335 127.402C218.335 166.081 194.161 199.101 160.117 212.203C156.64 213.542 152.822 211.6 151.782 208.097L136.273 155.884C135.4 152.946 136.758 149.933 139.274 148.527C146.687 144.385 151.68 136.473 151.68 127.402C151.68 114.048 140.854 103.222 127.5 103.222C114.146 103.222 103.32 114.048 103.32 127.402C103.32 136.473 108.313 144.385 115.726 148.527C118.242 149.933 119.6 152.946 118.727 155.884L103.219 208.097C102.178 211.6 98.3602 213.542 94.8833 212.203C60.8386 199.101 36.665 166.081 36.665 127.402Z" fill="black"/>
+</svg>
diff --git a/src/assets/wallets/pillar.png b/src/assets/wallets/pillar.png
index bb73e947a25..6a4c1d26a57 100644
Binary files a/src/assets/wallets/pillar.png and b/src/assets/wallets/pillar.png differ
diff --git a/src/assets/wallets/rpc_importing.svg b/src/assets/wallets/rpc_importing.svg
new file mode 100644
index 00000000000..89d2be3b0a0
--- /dev/null
+++ b/src/assets/wallets/rpc_importing.svg
@@ -0,0 +1,4 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M128 49C130.947 49 133.335 51.3886 133.335 54.335V101.906L152.368 82.8725C154.452 80.789 157.83 80.789 159.913 82.8724C161.997 84.9559 161.997 88.3338 159.913 90.4173L131.773 118.558C130.772 119.559 129.415 120.121 128 120.121C126.585 120.121 125.228 119.559 124.228 118.558L96.087 90.4173C94.0035 88.3338 94.0035 84.9559 96.087 82.8724C98.1704 80.789 101.548 80.789 103.632 82.8724L122.665 101.906V54.335C122.665 51.3886 125.054 49 128 49Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M58.835 152.17V163H79C82.4988 163 85.335 165.836 85.335 169.335V201.335C85.335 204.834 82.4988 207.67 79 207.67H27C23.5013 207.67 20.665 204.834 20.665 201.335V169.335C20.665 165.836 23.5013 163 27 163H48.165V147.835C48.165 144.336 51.0013 141.5 54.5 141.5H202C205.499 141.5 208.335 144.336 208.335 147.835V163H228C231.499 163 234.335 165.836 234.335 169.335V201.335C234.335 204.834 231.499 207.67 228 207.67H176C172.501 207.67 169.665 204.834 169.665 201.335V169.335C169.665 165.836 172.501 163 176 163H197.665V152.17H133.335V163H154C157.499 163 160.335 165.836 160.335 169.335V201.335C160.335 204.834 157.499 207.67 154 207.67H102C98.5013 207.67 95.665 204.834 95.665 201.335V169.335C95.665 165.836 98.5013 163 102 163H122.665V152.17H58.835ZM31.335 173.67V197H74.665V173.67H31.335ZM106.335 173.67V197H149.665V173.67H106.335ZM180.335 197V173.67H223.665V197H180.335Z" fill="black"/>
+</svg>
diff --git a/src/assets/wallets/social_recover.svg b/src/assets/wallets/social_recover.svg
new file mode 100644
index 00000000000..09f27fd85f3
--- /dev/null
+++ b/src/assets/wallets/social_recover.svg
@@ -0,0 +1,5 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40.7907 57.6604C40.7907 37.7807 56.9064 21.665 76.7861 21.665C96.6658 21.665 112.782 37.7807 112.782 57.6604C112.782 72.2849 104.06 84.8724 91.5345 90.5054C108.908 95.1319 122.92 108 129.129 124.668C135.268 108.187 149.036 95.4216 166.139 90.6645C153.421 85.112 144.533 72.4242 144.533 57.6604C144.533 37.7807 160.649 21.665 180.528 21.665C200.408 21.665 216.524 37.7807 216.524 57.6604C216.524 72.2849 207.802 84.8724 195.277 90.5054C218.918 96.8009 236.335 118.357 236.335 143.981H225.665C225.665 119.313 205.668 99.3162 181 99.3162C156.332 99.3162 136.335 119.313 136.335 143.981H121.923C121.923 119.313 101.926 99.3162 77.2579 99.3162C52.5901 99.3162 32.5928 119.313 32.5928 143.981H21.9229C21.9229 118.569 39.0534 97.1572 62.3968 90.6645C49.6792 85.112 40.7907 72.4242 40.7907 57.6604ZM76.7861 32.335C62.7993 32.335 51.4607 43.6736 51.4607 57.6604C51.4607 71.6472 62.7993 82.9858 76.7861 82.9858C90.7729 82.9858 102.112 71.6472 102.112 57.6604C102.112 43.6736 90.7729 32.335 76.7861 32.335ZM155.203 57.6604C155.203 43.6736 166.541 32.335 180.528 32.335C194.515 32.335 205.854 43.6736 205.854 57.6604C205.854 71.6472 194.515 82.9858 180.528 82.9858C166.541 82.9858 155.203 71.6472 155.203 57.6604Z" fill="black"/>
+<path d="M181.844 199.353C185.637 199.353 188.712 196.278 188.712 192.485C188.712 188.692 185.637 185.617 181.844 185.617C178.051 185.617 174.977 188.692 174.977 192.485C174.977 196.278 178.051 199.353 181.844 199.353Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M173.75 149.641C158.012 149.641 144.256 158.127 136.808 170.773H58.8732C57.1931 170.773 55.5818 171.44 54.3937 172.628L39.0166 188.005C36.5426 190.479 36.5426 194.49 39.0166 196.964L58.304 216.252C60.5214 218.469 64.0273 218.731 66.549 216.867L74.6047 210.913L81.2823 216.588C83.6945 218.639 87.25 218.594 89.6093 216.483L96.5514 210.271L105.471 213.761C106.206 214.049 106.989 214.197 107.779 214.197H136.808C144.256 226.843 158.012 235.329 173.75 235.329C197.412 235.329 216.594 216.147 216.594 192.485C216.594 168.823 197.412 149.641 173.75 149.641ZM173.75 160.311C161.104 160.311 150.161 167.608 144.903 178.221H144.716C143.898 180.116 142.012 181.443 139.816 181.443H60.6689L49.6267 192.485L63.209 206.067L71.0273 200.288C73.3938 198.539 76.6533 198.65 78.8956 200.556L85.3121 206.01L91.4238 200.542C93.2048 198.948 95.731 198.492 97.9565 199.363L108.597 203.527H139.816C142.012 203.527 143.898 204.853 144.716 206.749H144.903C150.161 217.362 161.104 224.659 173.75 224.659C191.52 224.659 205.924 210.254 205.924 192.485C205.924 174.716 191.52 160.311 173.75 160.311Z" fill="black"/>
+</svg>
diff --git a/src/assets/wallets/staking.svg b/src/assets/wallets/staking.svg
new file mode 100644
index 00000000000..3d3e85e3d0e
--- /dev/null
+++ b/src/assets/wallets/staking.svg
@@ -0,0 +1,8 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M197.417 108.377C202.157 102.039 202.011 93.2475 196.978 87.0608L193.824 83.1832C192.625 81.7098 192.112 79.7951 192.413 77.9199L193.206 72.9846C194.509 64.8747 189.942 56.9637 182.267 54.0372L177.597 52.2563C175.822 51.5796 174.42 50.1779 173.744 48.4033L171.963 43.7327C169.036 36.0578 161.125 31.4904 153.015 32.7934L148.08 33.5864C146.205 33.8877 144.29 33.3746 142.817 32.1761L138.939 29.0217C132.567 23.8383 123.432 23.8383 117.06 29.0217L113.183 32.1761C111.709 33.3746 109.795 33.8877 107.92 33.5864L102.984 32.7934C94.8744 31.4904 86.9633 36.0578 84.0368 43.7327L82.2559 48.4033C81.5792 50.1779 80.1775 51.5796 78.4029 52.2563L73.7323 54.0372C66.0575 56.9637 61.49 64.8747 62.793 72.9846L63.586 77.9199C63.8873 79.7951 63.3743 81.7098 62.1757 83.1832L59.0213 87.0608C53.9883 93.2478 53.8423 102.04 58.5834 108.378L74.3223 116.228C74.1534 112.55 72.815 108.987 70.4529 106.084L67.2985 102.206C65.3056 99.7562 65.3056 96.244 67.2985 93.7941L70.4529 89.9165C73.5702 86.0845 74.9045 81.1045 74.1209 76.2272L73.3279 71.2919C72.8269 68.1738 74.583 65.1322 77.5339 64.007L82.2045 62.2261C86.8201 60.4661 90.4657 56.8205 92.2257 52.2048L94.0066 47.5342C95.1318 44.5834 98.1735 42.8273 101.292 43.3283L106.227 44.1213C111.104 44.9049 116.084 43.5705 119.916 40.4532L123.794 37.2988C126.244 35.3059 129.756 35.3059 132.206 37.2988L136.083 40.4532C139.915 43.5705 144.895 44.9049 149.773 44.1212L154.708 43.3283C157.826 42.8273 160.868 44.5834 161.993 47.5342L163.774 52.2048C165.534 56.8205 169.179 60.4661 173.795 62.2261L178.466 64.007C181.416 65.1322 183.172 68.1738 182.672 71.2919L181.879 76.2272C181.095 81.1045 182.429 86.0845 185.547 89.9165L188.701 93.7941C190.694 96.244 190.694 99.7562 188.701 102.206L185.547 106.084C183.185 108.987 181.846 112.55 181.677 116.227L197.417 108.377Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M121.73 58.2843C124.238 54.527 129.761 54.527 132.269 58.2843L151.853 87.6247C153.865 90.6387 152.943 94.7231 149.832 96.5809L130.247 108.275C128.247 109.469 125.752 109.469 123.752 108.275L104.167 96.5809C101.056 94.7231 100.134 90.6387 102.146 87.6247L121.73 58.2843ZM126.999 69.6097L113.551 89.7568L126.999 97.7864L140.447 89.7568L126.999 69.6097Z" fill="black"/>
+<path d="M150.645 112.989C154.56 107.344 147.949 100.377 142.107 103.991L127.499 113.028L112.892 103.991C107.05 100.377 100.439 107.344 104.354 112.989L122.294 138.856C124.814 142.489 130.185 142.489 132.705 138.856L150.645 112.989Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M66.0205 149.943C66.0205 142.064 71.5521 138.87 78.3756 142.81C85.1991 146.749 90.7307 156.33 90.7307 164.21V167.881C93.3594 169.868 95.3719 173.654 95.3719 176.82V196.256C95.3719 199.755 92.9156 201.173 89.8856 199.423L66.8662 186.133C63.8362 184.384 61.3799 180.129 61.3799 176.631V157.195C61.3799 154.029 63.392 152.566 66.0205 153.614V149.943ZM81.4902 158.875V162.471L75.261 158.874V155.278C75.261 153.292 76.6555 152.487 78.3756 153.48C80.0957 154.473 81.4902 156.888 81.4902 158.875ZM70.6204 166.865V177.631L86.1314 186.586V175.82L70.6204 166.865Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M183.376 140.81C190.2 136.871 195.731 140.065 195.731 147.944V151.615C198.36 150.567 200.372 152.029 200.372 155.196V174.631C200.372 178.13 197.916 182.384 194.886 184.134L171.866 197.424C168.836 199.173 166.38 197.755 166.38 194.256V174.821C166.38 171.654 168.392 167.868 171.021 165.881V162.21C171.021 154.331 176.553 144.75 183.376 140.81ZM180.262 160.471V156.875C180.262 154.889 181.656 152.474 183.376 151.48C185.096 150.487 186.491 151.292 186.491 153.279V156.875L180.262 160.471ZM191.131 175.631V164.866L175.62 173.821V184.586L191.131 175.631Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.665 108.616C21.665 106.112 23.0663 104.073 25.012 103.03L25 103L50.5 90.3175V102.241L39.9558 107.5L128 151.413L216.045 107.5L207 102.989V91.0654L231 102.989L230.984 103.028C232.932 104.071 234.335 106.111 234.335 108.616V180.006C234.335 182.408 232.977 184.603 230.828 185.675L130.828 235.551C129.047 236.439 126.953 236.439 125.173 235.551L25.1726 185.675C23.0233 184.603 21.665 182.408 21.665 180.006V108.616ZM32.335 177.324V115.623L123.165 160.925V222.627L32.335 177.324ZM133.835 222.128L223.665 177.324V115.623L133.835 160.426V222.128Z" fill="black"/>
+</svg>
diff --git a/src/assets/wallets/swap.svg b/src/assets/wallets/swap.svg
new file mode 100644
index 00000000000..0806eb982e4
--- /dev/null
+++ b/src/assets/wallets/swap.svg
@@ -0,0 +1,9 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M99.7413 22.6488C96.8047 18.9553 91.195 18.9553 88.2584 22.6488L74.1326 40.4153L51.8916 35.8852C47.2679 34.9435 42.9707 38.5493 43.0952 43.2663L43.6943 65.9561L23.7448 76.7821C19.5975 79.0328 18.6234 84.5572 21.7508 88.0905L36.7945 105.087L28.4711 126.203C26.7408 130.593 29.5456 135.451 34.2126 136.148L56.6617 139.498L63.0019 158.46C63.445 157.023 64.1644 155.652 65.1604 154.427L70.6484 147.681L66.1327 134.175C65.2577 131.558 62.988 129.654 60.2588 129.247L39.936 126.214L47.471 107.097C48.4829 104.53 47.9684 101.612 46.1395 99.5461L32.5207 84.1596L50.5807 74.3589C53.006 73.0428 54.4874 70.4769 54.4145 67.7184L53.8722 47.1777L74.0067 51.2787C76.7105 51.8294 79.4947 50.816 81.212 48.6561L93.9999 32.5724L106.788 48.6561C108.505 50.816 111.289 51.8294 113.993 51.2787L134.128 47.1777L133.585 67.7184C133.512 70.4769 134.994 73.0428 137.419 74.3589L138.663 75.0338C140.989 74.8067 143.222 73.9024 145.07 72.3993L149.515 68.7833L144.305 65.9561L144.905 43.2663C145.029 38.5493 140.732 34.9435 136.108 35.8852L113.867 40.4153L99.7413 22.6488Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M168.269 122.284C165.761 118.527 160.239 118.527 157.731 122.284L138.146 151.625C136.134 154.639 137.056 158.723 140.168 160.581L159.752 172.274C161.752 173.469 164.247 173.469 166.247 172.274L185.832 160.581C188.943 158.723 189.865 154.639 187.853 151.625L168.269 122.284ZM149.552 153.757L163 133.61L176.448 153.757L163 161.786L149.552 153.757Z" fill="black"/>
+<path d="M158.294 202.856C160.814 206.488 166.186 206.488 168.706 202.856L186.646 176.989C190.561 171.344 183.949 164.377 178.107 167.991L163.5 177.028L148.893 167.991C143.051 164.377 136.439 171.344 140.354 176.989L158.294 202.856Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M174.939 93.0216C168.567 87.8382 159.432 87.8382 153.06 93.0216L149.183 96.1759C147.709 97.3745 145.795 97.8875 143.92 97.5862L138.984 96.7933C130.874 95.4903 122.963 100.058 120.037 107.733L118.256 112.403C117.579 114.178 116.178 115.579 114.403 116.256L109.732 118.037C102.057 120.964 97.49 128.875 98.793 136.984L99.586 141.92C99.8873 143.795 99.3743 145.71 98.1757 147.183L95.0213 151.061C89.838 157.433 89.8379 166.567 95.0213 172.939L98.1757 176.817C99.3743 178.29 99.8873 180.205 99.586 182.08L98.793 187.015C97.49 195.125 102.057 203.036 109.732 205.963L114.403 207.744C116.178 208.42 117.579 209.822 118.256 211.597L120.037 216.267C122.963 223.942 130.874 228.51 138.984 227.207L143.92 226.414C145.795 226.112 147.709 226.625 149.183 227.824L153.06 230.978C159.432 236.162 168.567 236.162 174.939 230.978L178.817 227.824C180.29 226.625 182.205 226.112 184.08 226.414L189.015 227.207C197.125 228.51 205.036 223.942 207.963 216.267L209.744 211.597C210.42 209.822 211.822 208.42 213.597 207.744L218.267 205.963C225.942 203.036 230.509 195.125 229.206 187.015L228.413 182.08C228.112 180.205 228.625 178.29 229.824 176.817L232.978 172.939C238.161 166.567 238.161 157.433 232.978 151.061L229.824 147.183C228.625 145.71 228.112 143.795 228.413 141.92L229.206 136.984C230.509 128.875 225.942 120.964 218.267 118.037L213.597 116.256C211.822 115.579 210.42 114.178 209.744 112.403L207.963 107.733C205.036 100.058 197.125 95.4903 189.015 96.7933L184.08 97.5862C182.205 97.8875 180.29 97.3745 178.817 96.176L174.939 93.0216ZM159.794 101.299C162.244 99.3058 165.756 99.3058 168.206 101.299L172.083 104.453C175.915 107.57 180.895 108.905 185.773 108.121L190.708 107.328C193.826 106.827 196.868 108.583 197.993 111.534L199.774 116.205C201.534 120.82 205.179 124.466 209.795 126.226L214.466 128.007C217.416 129.132 219.172 132.174 218.672 135.292L217.879 140.227C217.095 145.104 218.429 150.084 221.547 153.916L224.701 157.794C226.694 160.244 226.694 163.756 224.701 166.206L221.547 170.084C218.429 173.916 217.095 178.896 217.879 183.773L218.672 188.708C219.172 191.826 217.416 194.868 214.466 195.993L209.795 197.774C205.179 199.534 201.534 203.18 199.774 207.795L197.993 212.466C196.868 215.417 193.826 217.173 190.708 216.672L185.773 215.879C180.895 215.095 175.915 216.43 172.083 219.547L168.206 222.701C165.756 224.694 162.244 224.694 159.794 222.701L155.916 219.547C152.084 216.43 147.104 215.095 142.227 215.879L137.292 216.672C134.173 217.173 131.132 215.417 130.007 212.466L128.226 207.795C126.466 203.18 122.82 199.534 118.204 197.774L113.534 195.993C110.583 194.868 108.827 191.826 109.328 188.708L110.121 183.773C110.905 178.896 109.57 173.916 106.453 170.084L103.298 166.206C101.306 163.756 101.306 160.244 103.298 157.794L106.453 153.916C109.57 150.084 110.905 145.104 110.121 140.227L109.328 135.292C108.827 132.174 110.583 129.132 113.534 128.007L118.204 126.226C122.82 124.466 126.466 120.82 128.226 116.205L130.007 111.534C131.132 108.583 134.173 106.827 137.292 107.328L142.227 108.121C147.104 108.905 152.084 107.57 155.916 104.453L159.794 101.299Z" fill="black"/>
+<path d="M156.284 28.8212C156.958 31.6847 159.822 33.4617 162.686 32.7958L162.688 32.7953L162.692 32.7942L162.696 32.7935C162.698 32.793 162.699 32.7926 161.478 27.5994L162.699 32.7926L162.706 32.7913C162.731 32.7857 162.78 32.7751 162.85 32.7604C162.992 32.7311 163.221 32.6858 163.528 32.6315C164.144 32.5227 165.07 32.3791 166.237 32.2569C168.582 32.0113 171.831 31.8589 175.447 32.2205C182.712 32.9471 190.936 35.6712 196.723 43.3189C202.738 51.2673 203.693 59.4027 203.145 65.665C202.975 67.5968 202.662 69.3405 202.311 70.8259L187.246 59.1496C184.917 57.3446 181.566 57.7693 179.761 60.0981C177.956 62.4269 178.381 65.778 180.71 67.5831L203.711 85.4111C205.661 86.9218 208.391 86.8997 210.316 85.3577L233.813 66.5297C236.113 64.6873 236.483 61.3298 234.641 59.0304C232.798 56.731 229.441 56.3606 227.141 58.203L213.478 69.1508C213.596 68.3324 213.696 67.4797 213.774 66.5963C214.493 58.3901 213.216 47.432 205.232 36.8804C197.02 26.0282 185.494 22.5021 176.509 21.6035C172 21.1525 167.999 21.3439 165.125 21.645C163.682 21.7962 162.506 21.9768 161.673 22.1239C161.256 22.1976 160.924 22.263 160.685 22.3126C160.565 22.3374 160.469 22.3582 160.397 22.3741C160.361 22.3821 160.331 22.3888 160.308 22.3942L160.277 22.4012L160.26 22.4051C160.258 22.4057 160.256 22.4064 161.478 27.5994L160.256 22.4062C157.388 23.081 155.61 25.9531 156.284 28.8212Z" fill="black"/>
+<path d="M94.8809 222.771C97.7444 222.105 100.608 223.882 101.282 226.745C101.957 229.613 100.179 232.486 97.3108 233.16L96.0889 227.967C94.8671 222.774 94.869 222.773 94.8709 222.773L94.8742 222.772L94.879 222.771L94.8809 222.771Z" fill="black"/>
+<path d="M96.0889 227.967C97.3108 233.16 97.3086 233.161 97.3064 233.161L97.3014 233.163L97.2896 233.165L97.2589 233.172C97.2354 233.178 97.2056 233.184 97.1696 233.192C97.0978 233.208 97.0016 233.229 96.882 233.254C96.643 233.303 96.3104 233.369 95.8933 233.443C95.0601 233.59 93.8847 233.77 92.4417 233.922C89.5676 234.223 85.567 234.414 81.0578 233.963C72.0728 233.064 60.5469 229.538 52.3349 218.686C44.3505 208.135 43.0738 197.176 43.7927 188.97C43.8701 188.087 43.9706 187.234 44.0882 186.416L30.4251 197.364C28.1257 199.206 24.7681 198.835 22.9257 196.536C21.0833 194.237 21.4538 190.879 23.7531 189.037L47.251 170.209C49.1754 168.667 51.906 168.645 53.8552 170.155L76.8568 187.983C79.1856 189.788 79.6103 193.14 77.8052 195.468C76.0002 197.797 72.6491 198.222 70.3203 196.417L55.2556 184.741C54.9043 186.226 54.5913 187.97 54.422 189.902C53.8734 196.164 54.8288 204.299 60.8434 212.248C66.6306 219.895 74.8546 222.619 82.1196 223.346C85.7355 223.708 88.985 223.555 91.3298 223.31C92.4962 223.187 93.4224 223.044 94.0384 222.935C94.3459 222.881 94.5748 222.835 94.7162 222.806C94.7868 222.791 94.8355 222.781 94.861 222.775L94.8671 222.774L96.0889 227.967Z" fill="black"/>
+</svg>
diff --git a/src/assets/wallets/tallyho.png b/src/assets/wallets/tallyho.png
new file mode 100644
index 00000000000..1221f3ee281
Binary files /dev/null and b/src/assets/wallets/tallyho.png differ
diff --git a/src/assets/wallets/walletconnect.svg b/src/assets/wallets/walletconnect.svg
new file mode 100644
index 00000000000..564797e2dcf
--- /dev/null
+++ b/src/assets/wallets/walletconnect.svg
@@ -0,0 +1,3 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M65.6055 78.9859C100.341 44.338 156.659 44.338 191.395 78.9859L195.575 83.1558C197.312 84.8882 197.312 87.697 195.575 89.4293L181.275 103.694C180.406 104.56 178.998 104.56 178.13 103.694L172.377 97.9555C148.144 73.7843 108.856 73.7843 84.6233 97.9555L78.4624 104.101C77.594 104.967 76.1861 104.967 75.3177 104.101L61.017 89.8363C59.2803 88.1039 59.2803 85.2951 61.017 83.5627L65.6055 78.9859ZM220.97 108.486L233.697 121.182C235.434 122.914 235.434 125.723 233.697 127.455L176.308 184.701C174.571 186.433 171.755 186.433 170.018 184.701C170.018 184.701 170.018 184.701 170.018 184.701L129.287 144.072C128.852 143.639 128.148 143.639 127.714 144.072V144.072C127.714 144.072 127.714 144.072 127.714 144.072L86.9834 184.701C85.2466 186.433 82.4307 186.433 80.6939 184.701C80.6939 184.701 80.6939 184.701 80.6939 184.701L23.3026 127.455C21.5658 125.722 21.5658 122.913 23.3026 121.181L36.0302 108.486C37.767 106.753 40.5829 106.753 42.3197 108.486L83.052 149.115C83.4862 149.548 84.1901 149.548 84.6243 149.115C84.6243 149.115 84.6244 149.115 84.6244 149.115L125.355 108.486C127.091 106.753 129.907 106.753 131.644 108.485C131.644 108.485 131.644 108.485 131.644 108.486L172.376 149.115C172.811 149.548 173.515 149.548 173.949 149.115L214.68 108.486C216.417 106.754 219.233 106.754 220.97 108.486Z" fill="black"/>
+</svg>
diff --git a/src/assets/wallets/web3auth.png b/src/assets/wallets/web3auth.png
new file mode 100644
index 00000000000..875563d9045
Binary files /dev/null and b/src/assets/wallets/web3auth.png differ
diff --git a/src/assets/wallets/withdraw_crypto.svg b/src/assets/wallets/withdraw_crypto.svg
new file mode 100644
index 00000000000..a5686ec80f8
--- /dev/null
+++ b/src/assets/wallets/withdraw_crypto.svg
@@ -0,0 +1,5 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M133.335 97.4507C133.335 100.397 130.947 102.786 128 102.786C125.054 102.786 122.665 100.397 122.665 97.4507V49.8798L103.632 68.9132C101.548 70.9967 98.1704 70.9967 96.087 68.9132C94.0035 66.8298 94.0035 63.4518 96.087 61.3684L124.202 33.2538L124.228 33.2276C125.167 32.2882 126.369 31.7724 127.598 31.6801C127.989 31.6504 128.385 31.6638 128.777 31.7216C129.702 31.8571 130.599 32.2359 131.363 32.8581C131.522 32.9869 131.672 33.1243 131.814 33.2695L159.913 61.3684C161.997 63.4519 161.997 66.8298 159.913 68.9133C157.83 70.9967 154.452 70.9967 152.368 68.9133L133.335 49.88V97.4507Z" fill="black"/>
+<path d="M154.439 158.4C157.336 160.073 159.575 162.075 161.155 164.406L172.874 160.225C170.592 157.792 167.871 155.511 164.71 153.383C166.554 152.724 168.266 152.04 169.846 151.33C171.514 150.57 173.225 149.886 174.981 149.278L165.764 143.956L155.361 148.593C150.533 146.921 145.705 146.059 140.877 146.008C136.048 145.958 131.396 146.87 126.919 148.745C122.53 150.671 120.247 153.408 120.072 156.956C119.984 158.426 120.159 159.896 120.598 161.365C121.125 162.886 121.476 164.305 121.652 165.623C122.354 168.664 121.608 170.716 119.413 171.781C115.463 173.453 111.293 173.022 106.904 170.488C104.534 169.12 101.681 166.408 98.3448 162.354L86.0988 165.623C87.5912 168.714 90.5759 171.755 95.0529 174.746L85.4405 178.775L94.7896 184.173L104.665 179.535C114.761 183.438 124.505 183.336 133.898 179.231C138.375 177.356 140.657 174.619 140.745 171.02C140.833 169.551 140.613 168.055 140.087 166.535C139.56 165.014 139.077 163.57 138.638 162.202C137.76 159.161 138.55 157.083 141.008 155.968C144.432 154.396 148.909 155.207 154.439 158.4Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M191.92 126.667C211.384 137.905 220.047 153.017 217.909 167.703V179.912C219.089 193.979 210.376 208.27 191.77 219.012C156.776 239.215 100.041 239.215 65.0477 219.012C46.4368 208.267 37.7239 193.971 38.9092 179.902L38.9092 167.704C36.7712 153.017 45.4344 137.905 64.8987 126.667C99.9745 106.416 156.844 106.416 191.92 126.667ZM74.1392 194.668C104.112 211.972 152.707 211.972 182.679 194.668C212.652 177.363 212.652 149.307 182.679 132.002C152.707 114.698 104.112 114.698 74.1392 132.002C44.1667 149.307 44.1667 177.363 74.1392 194.668Z" fill="black"/>
+</svg>
diff --git a/src/components/Checkbox.tsx b/src/components/Checkbox.tsx
index 557db4f57e4..fa11d530c85 100644
--- a/src/components/Checkbox.tsx
+++ b/src/components/Checkbox.tsx
@@ -77,7 +77,12 @@ const Checkbox: React.FC<IProps> = ({
   return (
     <CheckboxContainer className={className} onClick={handleClick}>
       <HiddenCheckbox checked={checked} readOnly {...rest} />
-      <StyledCheckbox checked={checked} className="styled-checkbox" size={size}>
+      <StyledCheckbox
+        aria-hidden="true"
+        checked={checked}
+        className="styled-checkbox"
+        size={size}
+      >
         <Icon checked={checked} viewBox="0 0 24 24">
           <polyline points="20 6 9 17 4 12" />
         </Icon>
diff --git a/src/components/FindWallet/WalletFilterSidebar.tsx b/src/components/FindWallet/WalletFilterSidebar.tsx
new file mode 100644
index 00000000000..5807b4351d1
--- /dev/null
+++ b/src/components/FindWallet/WalletFilterSidebar.tsx
@@ -0,0 +1,584 @@
+// Libraries
+import React, { useState } from "react"
+import styled from "styled-components"
+
+// Components
+import Checkbox from "../Checkbox"
+import Icon from "../Icon"
+
+// Data
+import walletFilterData from "../../data/wallets/wallet-filters"
+
+// Icons
+import Browser from "../../assets/wallets/browser.svg"
+import BuyCrypto from "../../assets/wallets/buy_crypto.svg"
+import Desktop from "../../assets/wallets/desktop.svg"
+import ENSSupport from "../../assets/wallets/ens_support.svg"
+import ERC20Support from "../../assets/wallets/erc_20_support.svg"
+import GasFeeCustomization from "../../assets/wallets/gas_fee_customization.svg"
+import HardwareSupport from "../../assets/wallets/hardware_support.svg"
+import Hardware from "../../assets/wallets/hardware.svg"
+import Layer2 from "../../assets/wallets/layer_2.svg"
+import Mobile from "../../assets/wallets/mobile.svg"
+import NFTSupport from "../../assets/wallets/nft_support.svg"
+import NonCustodial from "../../assets/wallets/non_custodial.svg"
+import OpenSource from "../../assets/wallets/open_source.svg"
+import RPCImporting from "../../assets/wallets/rpc_importing.svg"
+import Staking from "../../assets/wallets/staking.svg"
+import WalletConnect from "../../assets/wallets/walletconnect.svg"
+import ConnectDapps from "../../assets/wallets/connect_dapps.svg"
+import WithdrawCrypto from "../../assets/wallets/withdraw_crypto.svg"
+import Multisig from "../../assets/wallets/multisig.svg"
+import SocialRecover from "../../assets/wallets/social_recover.svg"
+import Swap from "../../assets/wallets/swap.svg"
+import Eip1559 from "../../assets/wallets/eip1559.svg"
+
+// Utils
+import { trackCustomEvent } from "../../utils/matomo"
+
+// Styles
+const Container = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+
+  @media (max-width: ${(props) => props.theme.breakpoints.s}) {
+    padding: 1rem 1rem;
+  }
+`
+
+const FilterPanel = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: 24px;
+  background: ${({ theme }) =>
+    theme.isDark ? theme.colors.black400 : theme.colors.primary100};
+  border-radius: 4px;
+`
+
+const Header = styled.div<{ isOpen: boolean }>`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: ${(props) => (props.isOpen ? `0 1rem 12px 1rem` : "0 1rem")};
+  cursor: pointer;
+  width: 100%;
+  border-bottom: ${(props) =>
+    props.isOpen ? `1px solid ${props.theme.colors.primary}` : "none"};
+
+  h3 {
+    color: ${(props) => props.theme.colors.primary};
+    margin: 0;
+  }
+`
+
+const StyledIcon = styled(Icon)`
+  fill: ${(props) => props.theme.colors.primary};
+`
+
+const FilterOption = styled.div`
+  border-bottom: 1px solid ${(props) => props.theme.colors.lightBorder};
+  width: 100%;
+  padding: 18.5px 12px 12px 12px;
+  :last-child {
+    border: none;
+  }
+`
+
+const OptionGrid = styled.div`
+  display: grid;
+  grid-template-columns: 28px auto 34px;
+  width: 100%;
+  align-items: center;
+  cursor: pointer;
+
+  p {
+    margin: 0;
+    line-height: 1.1rem;
+    padding: 0 10px;
+  }
+`
+
+const IconContainer = styled.div`
+  svg {
+    width: 28px;
+    height: 28px;
+    margin-top: 8px;
+
+    path {
+      fill: ${(props) => props.theme.colors.text};
+    }
+  }
+`
+
+const OptionDescription = styled.p`
+  font-size: 0.9rem;
+  line-height: 1.1rem;
+  color: ${(props) => props.theme.colors.text200};
+`
+
+const CheckboxGrid = styled.div`
+  display: grid;
+  width: 100%;
+  grid-template-columns: auto auto;
+  margin-top: 14px;
+  gap: 0.5rem;
+  cursor: pointer;
+`
+
+const CheckboxGridOption = styled.div`
+  display: flex;
+  gap: 0.5rem;
+
+  p {
+    margin: 0;
+  }
+`
+
+const ToggleIcon = styled(Icon)`
+  fill: ${(props) => props.theme.colors.primary};
+`
+
+// Types
+
+const WalletFilterSidebar = ({
+  filters,
+  updateFilterOption,
+  updateFilterOptions,
+}) => {
+  const [filterOptions, setFilterOptions] = useState([
+    {
+      title: "Device",
+      open: true,
+      items: [
+        {
+          title: walletFilterData.mobile.title,
+          icon: <Mobile />,
+          description: walletFilterData.mobile.description,
+          filterKey: walletFilterData.mobile.filterKey,
+          showOptions: filters.android || filters.ios ? true : false,
+          options: [
+            {
+              name: walletFilterData.android.title,
+              filterKey: walletFilterData.android.filterKey,
+              inputType: "checkbox",
+            },
+            {
+              name: walletFilterData.ios.title,
+              filterKey: walletFilterData.ios.filterKey,
+              inputType: "checkbox",
+            },
+          ],
+        },
+        {
+          title: walletFilterData.desktop.title,
+          icon: <Desktop />,
+          description: walletFilterData.desktop.description,
+          filterKey: walletFilterData.desktop.filterKey,
+          showOptions:
+            filters.linux || filters.windows || filters.macOS ? true : false,
+          options: [
+            {
+              name: walletFilterData.linux.title,
+              filterKey: walletFilterData.linux.filterKey,
+              inputType: "checkbox",
+            },
+            {
+              name: walletFilterData.windows.title,
+              filterKey: walletFilterData.windows.filterKey,
+              inputType: "checkbox",
+            },
+            {
+              name: walletFilterData.macos.title,
+              filterKey: walletFilterData.macos.filterKey,
+              inputType: "checkbox",
+            },
+          ],
+        },
+        {
+          title: walletFilterData.browser.title,
+          icon: <Browser />,
+          description: walletFilterData.browser.description,
+          filterKey: walletFilterData.browser.filterKey,
+          showOptions: filters.firefox || filters.chrome ? true : false,
+          options: [
+            {
+              name: walletFilterData.firefox.title,
+              filterKey: walletFilterData.firefox.filterKey,
+              inputType: "checkbox",
+            },
+            {
+              name: walletFilterData.chromium.title,
+              filterKey: walletFilterData.chromium.filterKey,
+              inputType: "checkbox",
+            },
+          ],
+        },
+        {
+          title: walletFilterData.hardware.title,
+          icon: <Hardware />,
+          description: walletFilterData.hardware.description,
+          filterKey: walletFilterData.hardware.filterKey,
+          showOptions: undefined,
+          options: [],
+        },
+      ],
+    },
+    {
+      title: "Security",
+      open: true,
+      items: [
+        {
+          title: walletFilterData.open_source.title,
+          icon: <OpenSource />,
+          description: walletFilterData.open_source.description,
+          filterKey: walletFilterData.open_source.filterKey,
+          showOptions: undefined,
+          options: [],
+        },
+        {
+          title: walletFilterData.non_custodial.title,
+          icon: <NonCustodial />,
+          description: walletFilterData.non_custodial.description,
+          filterKey: walletFilterData.non_custodial.filterKey,
+          showOptions: undefined,
+          options: [],
+        },
+      ],
+    },
+    {
+      title: "Features",
+      open: true,
+      items: [
+        {
+          title: walletFilterData.hardware_support.title,
+          icon: <HardwareSupport />,
+          description: walletFilterData.hardware_support.description,
+          filterKey: walletFilterData.hardware_support.filterKey,
+          showOptions: undefined,
+          options: [],
+        },
+        {
+          title: walletFilterData.walletconnect.title,
+          icon: <WalletConnect />,
+          description: walletFilterData.walletconnect.description,
+          filterKey: walletFilterData.walletconnect.filterKey,
+          showOptions: undefined,
+          options: [],
+        },
+        {
+          title: walletFilterData.rpc_importing.title,
+          icon: <RPCImporting />,
+          description: walletFilterData.rpc_importing.description,
+          filterKey: walletFilterData.rpc_importing.filterKey,
+          showOptions: undefined,
+          options: [],
+        },
+        {
+          title: walletFilterData.nft_support.title,
+          icon: <NFTSupport />,
+          description: walletFilterData.nft_support.description,
+          filterKey: walletFilterData.nft_support.filterKey,
+          showOptions: undefined,
+          options: [],
+        },
+        {
+          title: walletFilterData.connect_to_dapps.title,
+          icon: <ConnectDapps />,
+          description: walletFilterData.connect_to_dapps.description,
+          filterKey: walletFilterData.connect_to_dapps.filterKey,
+          showOptions: undefined,
+          options: [],
+        },
+        {
+          title: walletFilterData.staking.title,
+          icon: <Staking />,
+          description: walletFilterData.staking.description,
+          filterKey: walletFilterData.staking.filterKey,
+          showOptions: undefined,
+          options: [],
+        },
+        {
+          title: walletFilterData.swaps.title,
+          icon: <Swap />,
+          description: walletFilterData.swaps.description,
+          filterKey: walletFilterData.swaps.filterKey,
+          showOptions: undefined,
+          options: [],
+        },
+        {
+          title: walletFilterData.layer_2.title,
+          icon: <Layer2 />,
+          description: walletFilterData.layer_2.description,
+          filterKey: walletFilterData.layer_2.filterKey,
+          showOptions: undefined,
+          options: [],
+        },
+        {
+          title: walletFilterData.gas_fee_customization.title,
+          icon: <GasFeeCustomization />,
+          description: walletFilterData.gas_fee_customization.description,
+          filterKey: walletFilterData.gas_fee_customization.filterKey,
+          showOptions: undefined,
+          options: [],
+        },
+        {
+          title: walletFilterData.ens_support.title,
+          icon: <ENSSupport />,
+          description: walletFilterData.ens_support.description,
+          filterKey: walletFilterData.ens_support.filterKey,
+          showOptions: undefined,
+          options: [],
+        },
+        {
+          title: walletFilterData.erc_20_support.title,
+          icon: <ERC20Support />,
+          description: walletFilterData.erc_20_support.description,
+          filterKey: walletFilterData.erc_20_support.filterKey,
+          showOptions: undefined,
+          options: [],
+        },
+        {
+          title: walletFilterData.eip_1559_support.title,
+          icon: <Eip1559 />,
+          description: walletFilterData.eip_1559_support.description,
+          filterKey: walletFilterData.eip_1559_support.filterKey,
+          showOptions: undefined,
+          options: [],
+        },
+      ],
+    },
+    {
+      title: "Onboard / offboard",
+      open: true,
+      items: [
+        {
+          title: walletFilterData.buy_crypto.title,
+          icon: <BuyCrypto />,
+          description: walletFilterData.buy_crypto.description,
+          filterKey: walletFilterData.buy_crypto.filterKey,
+          showOptions: undefined,
+          options: [],
+        },
+        {
+          title: walletFilterData.withdraw_crypto.title,
+          icon: <WithdrawCrypto />,
+          description: walletFilterData.withdraw_crypto.description,
+          filterKey: walletFilterData.withdraw_crypto.filterKey,
+          showOptions: undefined,
+          options: [],
+        },
+      ],
+    },
+    {
+      title: "Smart contracts",
+      open: true,
+      items: [
+        {
+          title: walletFilterData.multisig.title,
+          icon: <Multisig />,
+          description: walletFilterData.multisig.description,
+          filterKey: walletFilterData.multisig.filterKey,
+          showOptions: undefined,
+          options: [],
+        },
+        {
+          title: walletFilterData.social_recovery.title,
+          icon: <SocialRecover />,
+          description: walletFilterData.social_recovery.description,
+          filterKey: walletFilterData.social_recovery.filterKey,
+          showOptions: undefined,
+          options: [],
+        },
+      ],
+    },
+  ])
+
+  const setOpen = (idx) => {
+    const updatedFilterOptions = [...filterOptions]
+    updatedFilterOptions[idx].open = !updatedFilterOptions[idx].open
+    setFilterOptions(updatedFilterOptions)
+  }
+
+  const setShowOptions = (idx, itemidx, value) => {
+    const updatedFilterOptions = [...filterOptions]
+    updatedFilterOptions[idx].items[itemidx].showOptions =
+      !updatedFilterOptions[idx].items[itemidx].showOptions
+    setFilterOptions(updatedFilterOptions)
+
+    const keys = updatedFilterOptions[idx].items[itemidx].options.map(
+      (item) => item.filterKey
+    )
+    updateFilterOptions(keys, value)
+  }
+
+  return (
+    <Container>
+      {filterOptions.map((filterOption, idx) => {
+        return (
+          <FilterPanel>
+            <Header
+              onClick={() => {
+                setOpen(idx)
+              }}
+              isOpen={filterOption.open}
+              role="button"
+              aria-expanded={filterOption.open ? "true" : "false"}
+            >
+              <h3>{filterOption.title}</h3>
+              <StyledIcon
+                name={filterOption.open ? "chevronUp" : "chevronDown"}
+                size={"36"}
+              />
+            </Header>
+            {filterOption.open &&
+              filterOption.items.map((item, itemidx) => {
+                return (
+                  <FilterOption>
+                    <OptionGrid
+                      onClick={
+                        item.filterKey
+                          ? () => {
+                              trackCustomEvent({
+                                eventCategory: "WalletFilterSidebar",
+                                eventAction: `${filterOption.title}`,
+                                eventName: `${item.filterKey} ${!filters[
+                                  item.filterKey!
+                                ]}`,
+                              })
+                              updateFilterOption(item.filterKey)
+                            }
+                          : () => {
+                              setShowOptions(idx, itemidx, !item.showOptions)
+                            }
+                      }
+                    >
+                      <IconContainer aria-hidden="true">
+                        {item.icon}
+                      </IconContainer>
+                      <p>{item.title}</p>
+                      <div>
+                        {item.filterKey && (
+                          <span
+                            aria-label={item.title}
+                            role="checkbox"
+                            aria-checked={
+                              filters[item.filterKey] ? "true" : "false"
+                            }
+                          >
+                            <ToggleIcon
+                              name={
+                                filters[item.filterKey]
+                                  ? "toggleOn"
+                                  : "toggleOff"
+                              }
+                              size="30"
+                            />
+                          </span>
+                        )}
+                        {item.showOptions !== undefined && (
+                          <span
+                            aria-label={item.title}
+                            role="checkbox"
+                            aria-checked={item.showOptions ? "true" : "false"}
+                          >
+                            <ToggleIcon
+                              name={item.showOptions ? "toggleOn" : "toggleOff"}
+                              size="30"
+                            />
+                          </span>
+                        )}
+                      </div>
+                    </OptionGrid>
+                    <OptionGrid
+                      onClick={
+                        item.filterKey
+                          ? () => {
+                              updateFilterOption(item.filterKey)
+                              trackCustomEvent({
+                                eventCategory: "WalletFilterSidebar",
+                                eventAction: `${filterOption.title}`,
+                                eventName: `${item.filterKey} ${!filters[
+                                  item.filterKey!
+                                ]}`,
+                              })
+                            }
+                          : () => {
+                              setShowOptions(idx, itemidx, !item.showOptions)
+                            }
+                      }
+                    >
+                      <div></div>
+                      <OptionDescription>{item.description}</OptionDescription>
+                      <div></div>
+                    </OptionGrid>
+                    {item.options.length > 0 && item.showOptions && (
+                      <CheckboxGrid>
+                        {item.options.map((option) => {
+                          return (
+                            <CheckboxGridOption
+                              onClick={() => {
+                                let closeShowOptions = true
+
+                                for (let filterOption of item.options) {
+                                  if (filterOption.name === option.name) {
+                                    if (!filters[filterOption.filterKey!]) {
+                                      closeShowOptions = false
+                                      break
+                                    }
+                                  } else {
+                                    if (filters[filterOption.filterKey!]) {
+                                      closeShowOptions = false
+                                      break
+                                    }
+                                  }
+                                }
+
+                                if (closeShowOptions) {
+                                  setShowOptions(
+                                    idx,
+                                    itemidx,
+                                    !item.showOptions
+                                  )
+                                }
+
+                                console.log({
+                                  eventCategory: "WalletFilterSidebar",
+                                  eventAction: `${filterOption.title}`,
+                                  eventName: `${option.filterKey} ${!filters[
+                                    option.filterKey!
+                                  ]}`,
+                                })
+                                trackCustomEvent({
+                                  eventCategory: "WalletFilterSidebar",
+                                  eventAction: `${filterOption.title}`,
+                                  eventName: `${option.filterKey} ${!filters[
+                                    option.filterKey!
+                                  ]}`,
+                                })
+                                updateFilterOption(option.filterKey)
+                              }}
+                            >
+                              <Checkbox
+                                aria-label={option.name}
+                                checked={filters[option.filterKey!]}
+                                size={1.5}
+                              />
+                              <p aria-hidden="true">{option.name}</p>
+                            </CheckboxGridOption>
+                          )
+                        })}
+                      </CheckboxGrid>
+                    )}
+                  </FilterOption>
+                )
+              })}
+          </FilterPanel>
+        )
+      })}
+    </Container>
+  )
+}
+
+export default WalletFilterSidebar
diff --git a/src/components/FindWallet/WalletPersonasSidebar.tsx b/src/components/FindWallet/WalletPersonasSidebar.tsx
new file mode 100644
index 00000000000..ae69ded8b17
--- /dev/null
+++ b/src/components/FindWallet/WalletPersonasSidebar.tsx
@@ -0,0 +1,560 @@
+// Libraries
+import React, { useContext } from "react"
+import styled, { ThemeContext } from "styled-components"
+
+// Components
+import Icon from "../Icon"
+
+// Icons
+import BuyCrypto from "../../assets/wallets/buy_crypto.svg"
+import ENSSupport from "../../assets/wallets/ens_support.svg"
+import ERC20Support from "../../assets/wallets/erc_20_support.svg"
+import GasFeeCustomization from "../../assets/wallets/gas_fee_customization.svg"
+import HardwareSupport from "../../assets/wallets/hardware_support.svg"
+import Hardware from "../../assets/wallets/hardware.svg"
+import Layer2 from "../../assets/wallets/layer_2.svg"
+import NFTSupport from "../../assets/wallets/nft_support.svg"
+import NonCustodial from "../../assets/wallets/non_custodial.svg"
+import OpenSource from "../../assets/wallets/open_source.svg"
+import RPCImporting from "../../assets/wallets/rpc_importing.svg"
+import Staking from "../../assets/wallets/staking.svg"
+import WalletConnect from "../../assets/wallets/walletconnect.svg"
+import ConnectDapps from "../../assets/wallets/connect_dapps.svg"
+import WithdrawCrypto from "../../assets/wallets/withdraw_crypto.svg"
+import Multisig from "../../assets/wallets/multisig.svg"
+import SocialRecover from "../../assets/wallets/social_recover.svg"
+import Swap from "../../assets/wallets/swap.svg"
+import Eip1559 from "../../assets/wallets/eip1559.svg"
+
+// Utils
+import { trackCustomEvent } from "../../utils/matomo"
+
+// Styles
+const Container = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+
+  @media (max-width: ${(props) => props.theme.breakpoints.s}) {
+    padding: 1rem 1rem;
+  }
+`
+
+const FeatureListItem = styled.li<{
+  selected: boolean
+}>`
+  display: flex;
+  gap: 0.2rem;
+  font-size: 0.85rem;
+  line-height: 0.95rem;
+  margin: 0.1rem;
+  align-items: center;
+  p {
+    margin-bottom: 0;
+    color: ${(props) =>
+      props.selected === true
+        ? props.theme.colors.primary
+        : props.theme.colors.text};
+  }
+
+  svg {
+    width: 28px;
+    height: 28px;
+    path {
+      fill: ${(props) => props.theme.colors.text};
+      stroke: ${(props) => props.theme.colors.text};
+    }
+  }
+`
+
+const Persona = styled.div<{
+  selected: boolean
+  isDark: boolean
+}>`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: 1.5rem;
+  background: ${({ selected, isDark, theme }) =>
+    selected
+      ? isDark
+        ? theme.colors.primary900
+        : theme.colors.primary200
+      : isDark
+      ? theme.colors.black400
+      : theme.colors.primary100};
+  border-radius: 4px;
+  cursor: pointer;
+  transition: 0.5s all;
+
+  h3 {
+    color: ${(props) => props.theme.colors.text};
+  }
+
+  &:hover {
+    background: ${(props) =>
+      props.selected === true
+        ? props.isDark === true
+          ? props.theme.colors.primary900
+          : props.theme.colors.primary200
+        : props.isDark === true
+        ? props.theme.colors.black500
+        : props.theme.colors.primary200};
+    transition: 0.5s all;
+  }
+`
+
+const PersonaDescription = styled.span<{
+  selected: boolean
+}>`
+  margin: 0.5rem 0 0.8rem 0;
+  padding: 0.7rem 0.6rem 0;
+  color: ${(props) =>
+    props.selected === true
+      ? props.theme.colors.text
+      : props.theme.colors.text200};
+  font-size: 0.9rem;
+  font-weight: normal;
+  transition: 0.5s all;
+  line-height: 1.3;
+  border-top: 1px solid ${(props) => props.theme.colors.lightBorder};
+`
+
+const Title = styled.div`
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
+  gap: "1rem";
+  margin-bottom: 0.6rem;
+  padding: 0.5rem 0.5rem 0 0.5rem;
+`
+
+const H3 = styled.h3`
+  margin-left: 0.5rem;
+  margin-top: 0;
+  margin-bottom: 0;
+  font-size: 1.3rem;
+  padding: 0 0.25rem 0 0;
+  line-height: 1.7rem;
+`
+const ProfileFilterPrompt = styled.span`
+  margin: 0;
+  font-weight: normal;
+  font-size: 0.875rem;
+  padding: 0 1.2rem;
+  line-height: 1.3rem;
+  text-align: center;
+  color: ${(props) => props.theme.colors.secondary};
+`
+
+const FeatureGridList = styled.ul`
+  margin: 0;
+  display: grid;
+  grid-template-columns: 50% 50%;
+  width: 100%;
+  column-gap: 0.2rem;
+  row-gap: 0.5rem;
+`
+
+const IconContainer = styled.div`
+  width: 1.3rem;
+  height: 1.3rem;
+`
+
+const StyledIcon = styled(Icon)<{ selected: boolean }>`
+  width: 1.3rem;
+  height: 1.3rem;
+  margin: 0 0.25rem;
+  fill: ${(props) =>
+    props.selected === true ? props.theme.colors.white : "rgba(0, 0, 0, 0)"};
+  background: ${(props) =>
+    props.selected === true
+      ? props.theme.colors.primary
+      : props.theme.colors.priceCardBackground};
+  border-radius: 4px;
+  border: 1px solid
+    ${(props) =>
+      props.selected === true
+        ? props.theme.colors.primary
+        : props.theme.colors.text};
+`
+
+// Types
+interface Personas {
+  title: string
+  description: string
+  featureHighlight: { label: string; icon: JSX.Element }[]
+  presetFilters: {
+    android: boolean
+    ios: boolean
+    linux: boolean
+    windows: boolean
+    macOS: boolean
+    firefox: boolean
+    chromium: boolean
+    hardware: boolean
+    open_source: boolean
+    non_custodial: boolean
+    hardware_support: boolean
+    walletconnect: boolean
+    rpc_importing: boolean
+    nft_support: boolean
+    connect_to_dapps: boolean
+    staking: boolean
+    swaps: boolean
+    layer_2: boolean
+    gas_fee_customization: boolean
+    ens_support: boolean
+    erc_20_support: boolean
+    buy_crypto: boolean
+    withdraw_crypto: boolean
+    multisig: boolean
+    social_recovery: boolean
+    eip_1559_support: boolean
+  }
+}
+
+const filterLabels = {
+  hardware: {
+    label: "Hardware",
+    icon: <Hardware />,
+  },
+  open_source: {
+    label: "Open source",
+    icon: <OpenSource />,
+  },
+  non_custodial: {
+    label: "Non-custodial",
+    icon: <NonCustodial />,
+  },
+  hardware_support: {
+    label: "Hardware support",
+    icon: <HardwareSupport />,
+  },
+  walletconnect: {
+    label: "WalletConnect",
+    icon: <WalletConnect />,
+  },
+  rpc_importing: {
+    label: "RPC importing",
+    icon: <RPCImporting />,
+  },
+  nft_support: {
+    label: "NFT support",
+    icon: <NFTSupport />,
+  },
+  connect_to_dapps: {
+    label: "Connect to apps",
+    icon: <ConnectDapps />,
+  },
+  staking: {
+    label: "Staking",
+    icon: <Staking />,
+  },
+  swaps: {
+    label: "Swaps",
+    icon: <Swap />,
+  },
+  layer_2: {
+    label: "Layer 2",
+    icon: <Layer2 />,
+  },
+  gas_fee_customization: {
+    label: "Gas fee customization",
+    icon: <GasFeeCustomization />,
+  },
+  ens_support: {
+    label: "ENS support",
+    icon: <ENSSupport />,
+  },
+  buy_crypto: {
+    label: "Buy crypto",
+    icon: <BuyCrypto />,
+  },
+  withdraw_crypto: {
+    label: "Withdraw crypto",
+    icon: <WithdrawCrypto />,
+  },
+  multisig: {
+    label: "Multisig",
+    icon: <Multisig />,
+  },
+  social_recovery: {
+    label: "Social recovery",
+    icon: <SocialRecover />,
+  },
+  erc_20_support: {
+    label: "Token support",
+    icon: <ERC20Support />,
+  },
+  eip_1559_support: {
+    label: "EIP-1559 support",
+    icon: <Eip1559 />,
+  },
+}
+
+const WalletPersonasSidebar = ({
+  resetFilters,
+  setFilters,
+  selectedPersona,
+  setSelectedPersona,
+}) => {
+  const themeContext = useContext(ThemeContext)
+  const personas: Personas[] = [
+    {
+      title: "New to crypto",
+      description: "You are a first time user looking for your first wallet",
+      featureHighlight: [
+        filterLabels.connect_to_dapps,
+        filterLabels.layer_2,
+        filterLabels.ens_support,
+        filterLabels.erc_20_support,
+        filterLabels.buy_crypto,
+        filterLabels.eip_1559_support,
+      ],
+      presetFilters: {
+        android: false,
+        ios: false,
+        linux: false,
+        windows: false,
+        macOS: false,
+        firefox: false,
+        chromium: false,
+        hardware: false,
+        open_source: false,
+        non_custodial: false,
+        hardware_support: false,
+        walletconnect: false,
+        rpc_importing: false,
+        nft_support: false,
+        connect_to_dapps: true,
+        staking: false,
+        swaps: false,
+        layer_2: true,
+        gas_fee_customization: false,
+        ens_support: true,
+        erc_20_support: true,
+        buy_crypto: true,
+        withdraw_crypto: false,
+        multisig: false,
+        social_recovery: false,
+        eip_1559_support: true,
+      },
+    },
+    {
+      title: "NFTs",
+      description:
+        "You are someone that is all about NFTs and want a wallet with NFT support",
+      featureHighlight: [
+        filterLabels.nft_support,
+        filterLabels.layer_2,
+        filterLabels.connect_to_dapps,
+      ],
+      presetFilters: {
+        android: false,
+        ios: false,
+        linux: false,
+        windows: false,
+        macOS: false,
+        firefox: false,
+        chromium: false,
+        hardware: false,
+        open_source: false,
+        non_custodial: false,
+        hardware_support: false,
+        walletconnect: false,
+        rpc_importing: false,
+        nft_support: true,
+        connect_to_dapps: true,
+        staking: false,
+        swaps: false,
+        layer_2: true,
+        gas_fee_customization: false,
+        ens_support: false,
+        erc_20_support: false,
+        buy_crypto: false,
+        withdraw_crypto: false,
+        multisig: false,
+        social_recovery: false,
+        eip_1559_support: false,
+      },
+    },
+    {
+      title: "Hodler",
+      description:
+        "You are someone that has tokens and don’t want to touch them",
+      featureHighlight: [filterLabels.hardware, filterLabels.non_custodial],
+      presetFilters: {
+        android: false,
+        ios: false,
+        linux: false,
+        windows: false,
+        macOS: false,
+        firefox: false,
+        chromium: false,
+        hardware: true,
+        open_source: false,
+        non_custodial: true,
+        hardware_support: false,
+        walletconnect: false,
+        rpc_importing: false,
+        nft_support: false,
+        connect_to_dapps: false,
+        staking: false,
+        swaps: false,
+        layer_2: false,
+        gas_fee_customization: false,
+        ens_support: false,
+        erc_20_support: false,
+        buy_crypto: false,
+        withdraw_crypto: false,
+        multisig: false,
+        social_recovery: false,
+        eip_1559_support: false,
+      },
+    },
+    {
+      title: "Finance",
+      description:
+        "You are someone that uses DeFi and want a wallet that allows you to connect to DeFi applications",
+      featureHighlight: [
+        filterLabels.hardware_support,
+        filterLabels.connect_to_dapps,
+        filterLabels.gas_fee_customization,
+        filterLabels.erc_20_support,
+        filterLabels.eip_1559_support,
+      ],
+      presetFilters: {
+        android: false,
+        ios: false,
+        linux: false,
+        windows: false,
+        macOS: false,
+        firefox: false,
+        chromium: false,
+        hardware: false,
+        open_source: false,
+        non_custodial: false,
+        hardware_support: true,
+        walletconnect: false,
+        rpc_importing: false,
+        nft_support: false,
+        connect_to_dapps: true,
+        staking: false,
+        swaps: false,
+        layer_2: false,
+        gas_fee_customization: true,
+        ens_support: false,
+        erc_20_support: true,
+        buy_crypto: false,
+        withdraw_crypto: false,
+        multisig: false,
+        social_recovery: false,
+        eip_1559_support: true,
+      },
+    },
+    {
+      title: "Developer",
+      description:
+        "You are developer and need a wallet to help develop and test dapps",
+      featureHighlight: [
+        filterLabels.open_source,
+        filterLabels.walletconnect,
+        filterLabels.rpc_importing,
+        filterLabels.connect_to_dapps,
+        filterLabels.gas_fee_customization,
+        filterLabels.erc_20_support,
+      ],
+      presetFilters: {
+        android: false,
+        ios: false,
+        linux: false,
+        windows: false,
+        macOS: false,
+        firefox: false,
+        chromium: false,
+        hardware: false,
+        open_source: false,
+        non_custodial: false,
+        hardware_support: false,
+        walletconnect: true,
+        rpc_importing: true,
+        nft_support: false,
+        connect_to_dapps: true,
+        staking: false,
+        swaps: false,
+        layer_2: true,
+        gas_fee_customization: true,
+        ens_support: false,
+        erc_20_support: true,
+        buy_crypto: false,
+        withdraw_crypto: false,
+        multisig: false,
+        social_recovery: false,
+        eip_1559_support: false,
+      },
+    },
+  ]
+
+  return (
+    <Container>
+      <ProfileFilterPrompt>
+        Choose the profile that matches your type of user and filter the wallet
+        list
+      </ProfileFilterPrompt>
+      {personas.map((persona, idx) => {
+        return (
+          <Persona
+            isDark={themeContext.isDark}
+            selected={selectedPersona === idx}
+            onClick={() => {
+              if (idx === selectedPersona) {
+                resetFilters()
+                trackCustomEvent({
+                  eventCategory: "UserPersona",
+                  eventAction: `${persona.title}`,
+                  eventName: `${persona.title} false`,
+                })
+              } else {
+                setSelectedPersona(idx)
+                setFilters(persona.presetFilters)
+                trackCustomEvent({
+                  eventCategory: "UserPersona",
+                  eventAction: `${persona.title}`,
+                  eventName: `${persona.title} true`,
+                })
+              }
+            }}
+          >
+            <Title>
+              <IconContainer
+                role="checkbox"
+                aria-label={`${persona.title} filter`}
+              >
+                <StyledIcon
+                  name="check"
+                  selected={selectedPersona === idx}
+                  size="2rem"
+                />
+              </IconContainer>
+              <H3>{persona.title}</H3>
+            </Title>
+            <PersonaDescription selected={selectedPersona === idx}>
+              {persona.description}
+            </PersonaDescription>
+            <FeatureGridList aria-label={`${persona.title} filters`}>
+              {persona.featureHighlight.map((feature) => (
+                <FeatureListItem selected={selectedPersona === idx}>
+                  <span aria-hidden="true">{feature.icon}</span>
+                  <span>{feature.label}</span>
+                </FeatureListItem>
+              ))}
+            </FeatureGridList>
+          </Persona>
+        )
+      })}
+    </Container>
+  )
+}
+
+export default WalletPersonasSidebar
diff --git a/src/components/FindWallet/WalletTable.tsx b/src/components/FindWallet/WalletTable.tsx
new file mode 100644
index 00000000000..fea9545c534
--- /dev/null
+++ b/src/components/FindWallet/WalletTable.tsx
@@ -0,0 +1,1050 @@
+// Libraries
+import React, { useState } from "react"
+import { getImage, GatsbyImage } from "gatsby-plugin-image"
+import styled from "styled-components"
+
+// Components
+import ButtonLink from "../ButtonLink"
+import Icon from "../Icon"
+import Link from "../Link"
+import { StyledSelect as Select } from "../SharedStyledComponents"
+import Tooltip from "../Tooltip"
+
+// Data
+import walletFilterData from "../../data/wallets/wallet-filters"
+
+// Icons
+import BuyCrypto from "../../assets/wallets/buy_crypto.svg"
+import ENSSupport from "../../assets/wallets/ens_support.svg"
+import ERC20Support from "../../assets/wallets/erc_20_support.svg"
+import GasFeeCustomization from "../../assets/wallets/gas_fee_customization.svg"
+import HardwareSupport from "../../assets/wallets/hardware_support.svg"
+import Layer2 from "../../assets/wallets/layer_2.svg"
+import NFTSupport from "../../assets/wallets/nft_support.svg"
+import NonCustodial from "../../assets/wallets/non_custodial.svg"
+import OpenSource from "../../assets/wallets/open_source.svg"
+import RPCImporting from "../../assets/wallets/rpc_importing.svg"
+import Staking from "../../assets/wallets/staking.svg"
+import WalletConnect from "../../assets/wallets/walletconnect.svg"
+import ConnectDapps from "../../assets/wallets/connect_dapps.svg"
+import WithdrawCrypto from "../../assets/wallets/withdraw_crypto.svg"
+import Multisig from "../../assets/wallets/multisig.svg"
+import SocialRecover from "../../assets/wallets/social_recover.svg"
+import Swap from "../../assets/wallets/swap.svg"
+import Eip1559 from "../../assets/wallets/eip1559.svg"
+import Warning from "../../assets/staking/warning-product-glyph.svg"
+import GreenCheck from "../../assets/staking/green-check-product-glyph.svg"
+
+// Utils
+import { trackCustomEvent } from "../../utils/matomo"
+
+// Styles
+const Container = styled.table`
+  width: 100%;
+  th {
+    font-weight: normal;
+    p {
+      font-size: 0.9rem;
+    }
+  }
+`
+
+const WalletContainer = styled(Container)`
+  border-bottom: 1px solid ${(props) => props.theme.colors.lightBorder};
+  :hover {
+    background: ${(props) => props.theme.colors.boxShadow};
+    transition: 0.5s all;
+  }
+`
+
+const Grid = styled.tr`
+  display: grid;
+  grid-template-columns: 40% auto auto auto 5%;
+  width: 100%;
+  column-gap: 0.5rem;
+  align-items: center;
+
+  p {
+    margin: 0;
+  }
+
+  @media (max-width: ${(props) => props.theme.breakpoints.m}) {
+    grid-template-columns: 60% auto 0% 0% 5%;
+
+    th:nth-of-type(3) {
+      display: none;
+    }
+    th:nth-of-type(4) {
+      display: none;
+    }
+
+    td:nth-of-type(3) {
+      display: none;
+    }
+    td:nth-of-type(4) {
+      display: none;
+    }
+  }
+`
+
+const WalletContentHeader = styled(Grid)`
+  position: sticky;
+  top: 0;
+  padding: 8px;
+  background: ${(props) => props.theme.colors.background};
+  z-index: 1;
+  border-bottom: 1px solid ${(props) => props.theme.colors.primary};
+
+  th {
+    padding: 0;
+    border-bottom: none;
+  }
+
+  @media (max-width: ${(props) => props.theme.breakpoints.s}) {
+    grid-template-columns: auto;
+    gap: 1rem;
+    text-align: center;
+    th:nth-of-type(1) {
+      text-align: center;
+    }
+    th:nth-of-type(2) {
+      display: flex;
+      align-items: center;
+      gap: 1rem;
+      &:before {
+        white-space: nowrap;
+        content: "Compare features";
+      }
+    }
+  }
+
+  @media (max-width: ${(props) => props.theme.breakpoints.m}) {
+    top: 50;
+  }
+`
+
+const Wallet = styled(Grid)`
+  padding: 25px 4px;
+  cursor: pointer;
+  td {
+    padding: 0;
+    border-bottom: none;
+    height: 100%;
+  }
+  @media (max-width: ${(props) => props.theme.breakpoints.l}) {
+    padding: 25px 1rem;
+  }
+`
+
+// https://react-select.com/styles#using-classnames
+// Pass menuIsOpen={true} to component to debug
+const StyledSelect = styled(Select)`
+  .react-select__control {
+    border: 1px solid ${(props) => props.theme.colors.text};
+    cursor: pointer;
+    font-size: 0.9rem;
+    padding-right: 0.3rem;
+    transition: 0.5s all;
+    svg {
+      fill: ${(props) => props.theme.colors.text};
+      transition: 0.5s all;
+    }
+
+    .react-select__value-container {
+      .react-select__single-value {
+        color: ${(props) => props.theme.colors.text};
+      }
+    }
+
+    .react-select__indicators {
+      .react-select__indicator-separator {
+        background: none;
+      }
+      .react-select__indicator {
+        color: ${(props) => props.theme.colors.text};
+        padding: 0;
+      }
+    }
+
+    &:hover {
+      background: ${(props) => props.theme.colors.primary};
+      cursor: pointer;
+      border-color: ${(props) => props.theme.colors.primary};
+      color: ${(props) => props.theme.colors.background};
+      transition: 0.5s all;
+      svg {
+        fill: ${(props) => props.theme.colors.background};
+        transition: 0.5s all;
+      }
+
+      .react-select__value-container {
+        .react-select__single-value {
+          color: ${(props) => props.theme.colors.background};
+        }
+      }
+
+      .react-select__indicators {
+        .react-select__indicator-separator {
+          background: none;
+        }
+        .react-select__indicator {
+          color: ${(props) => props.theme.colors.text};
+        }
+      }
+    }
+  }
+
+  .react-select__control--is-focused {
+    border: border: 1px solid ${(props) => props.theme.colors.primary};
+    background: ${(props) => props.theme.colors.primary};
+    svg {
+      fill: ${(props) => props.theme.colors.background};
+      transition: 0.5s all;
+    }
+
+    .react-select__value-container {
+      .react-select__single-value {
+        color: ${(props) => props.theme.colors.background};
+      }
+    }
+
+    .react-select__indicators {
+      background: ${(props) => props.theme.colors.primary};
+      .react-select__value-container {
+        .react-select__single-value {
+          color: ${(props) => props.theme.colors.background};
+        }
+      }
+
+      .react-select__indicators {
+        .react-select__indicator {
+          color: ${(props) => props.theme.colors.background};
+        }
+      }
+    }
+  }
+
+  @media (max-width: ${(props) => props.theme.breakpoints.s}) {
+    .react-select__control {
+      padding: 0;
+    }
+  }
+`
+
+const FlexInfo = styled.div`
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+  padding-left: 0.3rem;
+
+  p {
+    padding: 0;
+    font-size: 1.2rem;
+    font-weight: bold;
+  }
+  p + p {
+    margin-top: 0.1rem;
+    font-size: 0.9rem;
+    line-height: 1rem;
+    font-weight: normal;
+  }
+`
+
+const FlexInfoCenter = styled(FlexInfo)`
+  justify-content: center;
+  cursor: pointer;
+  height: 100%;
+  display: flex;
+`
+
+const Image = styled(GatsbyImage)`
+  height: 56px;
+  width: 56px;
+`
+
+const SecondaryText = styled.p`
+  font-size: 0.7rem;
+  line-height: 0.85rem;
+  color: ${(props) => props.theme.colors.text200};
+
+  @media (max-width: ${(props) => props.theme.breakpoints.s}) {
+    display: none;
+  }
+`
+
+const SecondaryTextMobile = styled.p`
+  display: none;
+
+  @media (max-width: ${(props) => props.theme.breakpoints.s}) {
+    display: block;
+    font-size: 0.7rem;
+    line-height: 0.85rem;
+    margin: 0;
+    color: ${(props) => props.theme.colors.text200};
+  }
+`
+
+const WalletMoreInfoArrow = styled(Icon)`
+  fill: ${(props) => props.theme.colors.primary};
+`
+
+const WalletMoreInfoContainer = styled.div`
+  display: grid;
+  grid-template-columns: 65px auto;
+  width: 100%;
+`
+
+const WalletMoreInfoCategory = styled.div`
+  width: 100%;
+  margin: 3rem 0 0;
+  :first-child {
+    margin: 0.5rem 0 0;
+  }
+
+  h4 {
+    color: ${(props) => props.theme.colors.primary};
+    margin: 0 0.2rem 0.5rem;
+    display:block;
+    font-size; 1rem;
+  }
+`
+
+const Features = styled.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.2rem;
+
+  @media (max-width: ${(props) => props.theme.breakpoints.m}) {
+    flex-wrap: nowrap;
+    flex-direction: column;
+  }
+`
+
+const ColoredLine = styled.div<{ color: string }>`
+  --color: ${(props) => props.color};
+  margin: auto;
+  width: 0.25rem;
+  height: 100%;
+  background: linear-gradient(
+    180deg,
+    var(--color) 0%,
+    rgba(217, 217, 217, 0) 97.4%
+  );
+`
+
+const FeatureLabel = styled.div<{ hasFeature: boolean }>`
+  display: flex;
+  gap: 0.2rem;
+  font-size: 0.9rem;
+  line-height: 1rem;
+  align-items: center;
+  padding: 0.2rem;
+  margin: 0 1rem;
+  position: relative;
+  width: 200px;
+  p {
+    margin-bottom: 0;
+    flex: none;
+    color: ${(props) =>
+      props.hasFeature
+        ? props.theme.colors.text
+        : props.theme.colors.secondary};
+    text-decoration: ${(props) => (props.hasFeature ? "none" : "line-through")};
+  }
+  span + p {
+    text-decoration: none;
+  }
+  p + div,
+  div + div {
+    svg {
+      width: 1.5rem;
+      fill: ${(props) => props.theme.colors.secondary};
+      padding-right: 0.5rem;
+    }
+  }
+`
+
+const FeatureIcon = styled.div<{ hasFeature: boolean }>`
+  svg {
+    width: 1.75rem;
+    height: 1.75rem;
+
+    path {
+      fill: ${(props) =>
+        props.hasFeature
+          ? props.theme.colors.text
+          : props.theme.colors.secondary};
+    }
+  }
+`
+
+const SocialsContainer = styled.div`
+  margin-top: 1rem;
+  p {
+    margin: 0;
+  }
+  a {
+    height: 32px;
+  }
+`
+
+const Socials = styled.div`
+  display: flex;
+  gap: 0.8rem;
+  p {
+    font-size: 0.9rem;
+    color: ${(props) => props.theme.colors.primary};
+    margin: 0;
+  }
+  a {
+    height: auto;
+    align-items: center;
+    display: flex;
+    transform: scale(1);
+    transition: transform 0.1s;
+    :hover {
+      transform: scale(1.15);
+      transition: transform 0.1s;
+    }
+  }
+`
+
+const LastUpdated = styled.p`
+  color: ${(props) => props.theme.colors.text300};
+  margin: 2rem 0;
+  font-size: 0.875rem;
+  display: flex;
+  gap: 1rem;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  flex-direction: column;
+  align-items: flex-start;
+`
+
+const StyledIcon = styled(Icon)<{ hasFeature: boolean }>`
+  fill: ${(props) =>
+    props.hasFeature ? props.theme.colors.text : props.theme.colors.secondary};
+  &:hover,
+  &:active,
+  &:focus {
+    fill: ${({ theme }) => theme.colors.primary};
+  }
+`
+
+// Constants
+const featureDropdownItems = [
+  {
+    label: "Open source",
+    value: "Open source",
+    filterKey: "open_source",
+    category: "security",
+    icon: <OpenSource />,
+  },
+  {
+    label: "Self custody",
+    value: "Self custody",
+    filterKey: "non_custodial",
+    category: "security",
+    icon: <NonCustodial />,
+  },
+  {
+    label: "Hardware wallet support",
+    value: "Hardware wallet support",
+    filterKey: "hardware_support",
+    category: "feature",
+    icon: <HardwareSupport />,
+  },
+  {
+    label: "WalletConnect",
+    value: "WalletConnect",
+    filterKey: "walletconnect",
+    category: "feature",
+    icon: <WalletConnect />,
+  },
+  {
+    label: "RPC importing",
+    value: "RPC importing",
+    filterKey: "rpc_importing",
+    category: "feature",
+    icon: <RPCImporting />,
+  },
+  {
+    label: "NFT support",
+    value: "NFT support",
+    filterKey: "nft_support",
+    category: "feature",
+    icon: <NFTSupport />,
+  },
+  {
+    label: "Connect to dapps",
+    value: "Connect to dapps",
+    filterKey: "connect_to_dapps",
+    category: "feature",
+    icon: <ConnectDapps />,
+  },
+  {
+    label: "Staking",
+    value: "Staking",
+    filterKey: "staking",
+    category: "feature",
+    icon: <Staking />,
+  },
+  {
+    label: "Swaps",
+    value: "Swaps",
+    filterKey: "swaps",
+    category: "feature",
+    icon: <Swap />,
+  },
+  {
+    label: "Layer 2",
+    value: "Layer 2",
+    filterKey: "layer_2",
+    category: "feature",
+    icon: <Layer2 />,
+  },
+  {
+    label: "Gas fee customization",
+    value: "Gas fee customization",
+    filterKey: "gas_fee_customization",
+    category: "feature",
+    icon: <GasFeeCustomization />,
+  },
+  {
+    label: "ENS support",
+    value: "ENS support",
+    filterKey: "ens_support",
+    category: "feature",
+    icon: <ENSSupport />,
+  },
+  {
+    label: "Token importing",
+    value: "Token importing",
+    filterKey: "erc_20_support",
+    category: "feature",
+    icon: <ERC20Support />,
+  },
+  {
+    label: "EIP-1559 support",
+    value: "EIP-1559 support",
+    filterKey: "eip_1559_support",
+    category: "feature",
+    icon: <Eip1559 />,
+  },
+  {
+    label: "Buy crypto",
+    value: "Buy crypto",
+    filterKey: "buy_crypto",
+    category: "trade_and_buy",
+    icon: <BuyCrypto />,
+  },
+  {
+    label: "Withdraw crypto",
+    value: "Withdraw crypto",
+    filterKey: "withdraw_crypto",
+    category: "trade_and_buy",
+    icon: <WithdrawCrypto />,
+  },
+  {
+    label: "Multisig",
+    value: "Multisig",
+    filterKey: "multisig",
+    category: "smart_contract",
+    icon: <Multisig />,
+  },
+  {
+    label: "Social recovery",
+    value: "Social recovery",
+    filterKey: "social_recovery",
+    category: "smart_contract",
+    icon: <SocialRecover />,
+  },
+]
+
+const WalletTable = ({ data, filters, walletData }) => {
+  const [walletCardData, setWalletData] = useState(
+    walletData.map((wallet) => {
+      return { ...wallet, moreInfo: false, key: wallet.image_name }
+    })
+  )
+  const [firstFeatureSelect, setFirstFeatureSelect] = useState(
+    featureDropdownItems[14]
+  )
+  const [secondFeatureSelect, setSecondFeatureSelect] = useState(
+    featureDropdownItems[1]
+  )
+  const [thirdFeatureSelect, setThirdFeatureSelect] = useState(
+    featureDropdownItems[9]
+  )
+
+  const updateMoreInfo = (key) => {
+    const temp = [...walletCardData]
+
+    for (const [idx, wallet] of temp.entries()) {
+      if (wallet.key === key) {
+        temp[idx].moreInfo = !temp[idx].moreInfo
+        break
+      }
+    }
+
+    setWalletData(temp)
+  }
+
+  const filteredWallets = walletCardData.filter((wallet) => {
+    let showWallet = true
+    let mobileCheck = true
+    let desktopCheck = true
+    let browserCheck = true
+    let hardwareCheck = true
+
+    const featureFilterKeys = featureDropdownItems.map((item) => item.filterKey)
+    const deviceFilters = Object.entries(filters).filter(
+      (item) => !featureFilterKeys.includes(item[0])
+    )
+    const mobileFiltersTrue = deviceFilters
+      .filter((item) => item[0] === "ios" || item[0] === "android")
+      .filter((item) => item[1])
+      .map((item) => item[0])
+    const desktopFiltersTrue = deviceFilters
+      .filter(
+        (item) =>
+          item[0] === "linux" || item[0] === "windows" || item[0] === "macOS"
+      )
+      .filter((item) => item[1])
+      .map((item) => item[0])
+    const browserFiltersTrue = deviceFilters
+      .filter((item) => item[0] === "firefox" || item[0] === "chromium")
+      .filter((item) => item[1])
+      .map((item) => item[0])
+    const hardwareFiltersTrue = deviceFilters
+      .filter((item) => item[0] === "hardware")
+      .filter((item) => item[1])
+      .map((item) => item[0])
+
+    for (let item of mobileFiltersTrue) {
+      if (wallet[item]) {
+        mobileCheck = true
+        break
+      } else {
+        mobileCheck = false
+      }
+    }
+
+    for (let item of desktopFiltersTrue) {
+      if (wallet[item]) {
+        desktopCheck = true
+        break
+      } else {
+        desktopCheck = false
+      }
+    }
+
+    for (let item of browserFiltersTrue) {
+      if (wallet[item]) {
+        browserCheck = true
+        break
+      } else {
+        browserCheck = false
+      }
+    }
+
+    for (let item of hardwareFiltersTrue) {
+      if (wallet[item]) {
+        hardwareCheck = true
+        break
+      } else {
+        hardwareCheck = false
+      }
+    }
+
+    featureFilterKeys.forEach((filter) => {
+      if (filters[filter] && showWallet === true) {
+        showWallet = filters[filter] === wallet[filter]
+      }
+    })
+
+    return (
+      mobileCheck && desktopCheck && browserCheck && hardwareCheck && showWallet
+    )
+  })
+
+  const filteredFeatureDropdownItems = [...featureDropdownItems].filter(
+    (item) => {
+      return (
+        item.label !== firstFeatureSelect.label &&
+        item.label !== secondFeatureSelect.label &&
+        item.label !== thirdFeatureSelect.label
+      )
+    }
+  )
+
+  return (
+    <Container>
+      <WalletContentHeader>
+        <th>
+          {filteredWallets.length === walletCardData.length ? (
+            <p>
+              Showing all wallets (<strong>{walletCardData.length}</strong>)
+            </p>
+          ) : (
+            <p>
+              Showing{" "}
+              <strong>
+                {filteredWallets.length} of {walletCardData.length}
+              </strong>{" "}
+              wallets
+            </p>
+          )}
+        </th>
+        <th>
+          <StyledSelect
+            className="react-select-container"
+            classNamePrefix="react-select"
+            options={[
+              {
+                label: "Choose to compare",
+                options: [...filteredFeatureDropdownItems],
+              },
+            ]}
+            onChange={(selectedOption) => {
+              setFirstFeatureSelect(selectedOption)
+              trackCustomEvent({
+                eventCategory: "WalletFeatureCompare",
+                eventAction: `Select WalletFeatureCompare`,
+                eventName: `${selectedOption.filterKey} selected`,
+              })
+            }}
+            defaultValue={firstFeatureSelect}
+            isSearchable={false}
+          />
+        </th>
+        <th>
+          <StyledSelect
+            className="react-select-container"
+            classNamePrefix="react-select"
+            options={[
+              {
+                label: "Choose to compare",
+                options: [...filteredFeatureDropdownItems],
+              },
+            ]}
+            onChange={(selectedOption) => {
+              setSecondFeatureSelect(selectedOption)
+              trackCustomEvent({
+                eventCategory: "WalletFeatureCompare",
+                eventAction: `Select WalletFeatureCompare`,
+                eventName: `${selectedOption.filterKey} selected`,
+              })
+            }}
+            defaultValue={secondFeatureSelect}
+            isSearchable={false}
+          />
+        </th>
+        <th>
+          <StyledSelect
+            className="react-select-container"
+            classNamePrefix="react-select"
+            options={[
+              {
+                label: "Choose to compare",
+                options: [...filteredFeatureDropdownItems],
+              },
+            ]}
+            onChange={(selectedOption) => {
+              setThirdFeatureSelect(selectedOption)
+              trackCustomEvent({
+                eventCategory: "WalletFeatureCompare",
+                eventAction: `Select WalletFeatureCompare`,
+                eventName: `${selectedOption.filterKey} selected`,
+              })
+            }}
+            defaultValue={thirdFeatureSelect}
+            isSearchable={false}
+          />
+        </th>
+      </WalletContentHeader>
+      {filteredWallets.map((wallet, idx) => {
+        const deviceLabels: Array<string> = []
+
+        wallet.ios && deviceLabels.push("iOS")
+        wallet.android && deviceLabels.push("Android")
+        wallet.linux && deviceLabels.push("Linux")
+        wallet.windows && deviceLabels.push("Windows")
+        wallet.macOS && deviceLabels.push("macOS")
+        wallet.chromium && deviceLabels.push("Chromium")
+        wallet.firefox && deviceLabels.push("Firefox")
+        wallet.hardware && deviceLabels.push("Hardware")
+
+        return (
+          <WalletContainer>
+            <Wallet
+              onClick={() => {
+                updateMoreInfo(wallet.key)
+                trackCustomEvent({
+                  eventCategory: "WalletMoreInfo",
+                  eventAction: `More info wallet`,
+                  eventName: `More info ${wallet.name}`,
+                })
+              }}
+            >
+              <td>
+                <FlexInfo>
+                  <div>
+                    <Image
+                      image={getImage(data[wallet.image_name])!}
+                      objectFit="contain"
+                    />
+                  </div>
+                  <div>
+                    <p>{wallet.name}</p>
+                    <SecondaryText>{deviceLabels.join(" | ")}</SecondaryText>
+                    {deviceLabels.map((label) => (
+                      <SecondaryTextMobile>{label}</SecondaryTextMobile>
+                    ))}
+                    <SocialsContainer>
+                      <Socials>
+                        <Link
+                          to={wallet.url}
+                          hideArrow={true}
+                          customEventOptions={{
+                            eventCategory: "WalletExternalLinkList",
+                            eventAction: `Go to wallet`,
+                            eventName: `${wallet.name} ${idx}`,
+                            eventValue: filters,
+                          }}
+                        >
+                          <Icon name="webpage" size={"1.5rem"} color={true} />
+                        </Link>
+                        {wallet.twitter && (
+                          <Link
+                            to={wallet.twitter}
+                            hideArrow={true}
+                            customEventOptions={{
+                              eventCategory: "WalletExternalLinkList",
+                              eventAction: `Go to wallet`,
+                              eventName: `${wallet.name} ${idx}`,
+                              eventValue: filters,
+                            }}
+                          >
+                            <Icon name="twitter" size={"1.5rem"} color={true} />
+                          </Link>
+                        )}
+                        {wallet.discord && (
+                          <Link
+                            to={wallet.discord}
+                            hideArrow={true}
+                            customEventOptions={{
+                              eventCategory: "WalletExternalLinkList",
+                              eventAction: `Go to wallet`,
+                              eventName: `${wallet.name} ${idx}`,
+                              eventValue: filters,
+                            }}
+                          >
+                            <Icon name="discord" size={"1.5rem"} color={true} />
+                          </Link>
+                        )}
+                      </Socials>
+                    </SocialsContainer>
+                  </div>
+                </FlexInfo>
+              </td>
+              <td>
+                <FlexInfoCenter>
+                  {wallet[firstFeatureSelect.filterKey!] ? (
+                    <GreenCheck />
+                  ) : (
+                    <Warning />
+                  )}
+                </FlexInfoCenter>
+              </td>
+              <td>
+                <FlexInfoCenter>
+                  {wallet[secondFeatureSelect.filterKey!] ? (
+                    <GreenCheck />
+                  ) : (
+                    <Warning />
+                  )}
+                </FlexInfoCenter>
+              </td>
+              <td>
+                <FlexInfoCenter>
+                  {wallet[thirdFeatureSelect.filterKey!] ? (
+                    <GreenCheck />
+                  ) : (
+                    <Warning />
+                  )}
+                </FlexInfoCenter>
+              </td>
+              <td>
+                <FlexInfoCenter>
+                  <div>
+                    <WalletMoreInfoArrow
+                      name={wallet.moreInfo ? "chevronUp" : "chevronDown"}
+                    />
+                  </div>
+                </FlexInfoCenter>
+              </td>
+            </Wallet>
+            {wallet.moreInfo && (
+              <WalletMoreInfo wallet={wallet} filters={filters} idx={idx} />
+            )}
+          </WalletContainer>
+        )
+      })}
+    </Container>
+  )
+}
+
+const WalletMoreInfo = ({ wallet, filters, idx }) => {
+  const walletHasFilter = (filterKey) => {
+    return wallet[filterKey] === true
+  }
+  // Cast as Number because TypeScript warned about sorting implictily by true/false
+  const orderedFeatureDropdownItems = [...featureDropdownItems].sort(
+    (a, b) =>
+      Number(walletHasFilter(b.filterKey)) -
+      Number(walletHasFilter(a.filterKey))
+  )
+
+  return (
+    <div>
+      <WalletMoreInfoContainer>
+        <div>
+          <ColoredLine color={wallet.brand_color} />
+        </div>
+        <div>
+          <WalletMoreInfoCategory>
+            <h4>Features</h4>
+            <Features>
+              {orderedFeatureDropdownItems.map((feature) => {
+                if (feature.category === "feature")
+                  return (
+                    <FeatureLabel hasFeature={wallet[feature.filterKey!]}>
+                      <FeatureIcon hasFeature={wallet[feature.filterKey!]}>
+                        {feature.icon}
+                      </FeatureIcon>
+                      <p>{feature.label}</p>
+                      <Tooltip
+                        content={
+                          <p>
+                            {walletFilterData[feature.filterKey].description}
+                          </p>
+                        }
+                      >
+                        <StyledIcon
+                          name="info"
+                          hasFeature={wallet[feature.filterKey!]}
+                        />
+                      </Tooltip>
+                    </FeatureLabel>
+                  )
+              })}
+            </Features>
+          </WalletMoreInfoCategory>
+          <WalletMoreInfoCategory>
+            <h4>Security</h4>
+            <Features>
+              {orderedFeatureDropdownItems.map((feature) => {
+                if (feature.category === "security")
+                  return (
+                    <FeatureLabel hasFeature={wallet[feature.filterKey!]}>
+                      <FeatureIcon hasFeature={wallet[feature.filterKey!]}>
+                        {feature.icon}
+                      </FeatureIcon>
+                      <p>{feature.label}</p>
+                      <Tooltip
+                        content={
+                          <p>
+                            {walletFilterData[feature.filterKey].description}
+                          </p>
+                        }
+                      >
+                        <StyledIcon
+                          name="info"
+                          hasFeature={wallet[feature.filterKey!]}
+                        />
+                      </Tooltip>
+                    </FeatureLabel>
+                  )
+              })}
+            </Features>
+          </WalletMoreInfoCategory>
+          <WalletMoreInfoCategory>
+            <h4>Trade & buy</h4>
+            <Features>
+              {orderedFeatureDropdownItems.map((feature) => {
+                if (feature.category === "trade_and_buy")
+                  return (
+                    <FeatureLabel hasFeature={wallet[feature.filterKey!]}>
+                      <FeatureIcon hasFeature={wallet[feature.filterKey!]}>
+                        {feature.icon}
+                      </FeatureIcon>
+                      <p>{feature.label}</p>
+                      <Tooltip
+                        content={
+                          <p>
+                            {walletFilterData[feature.filterKey].description}
+                          </p>
+                        }
+                      >
+                        <StyledIcon
+                          name="info"
+                          hasFeature={wallet[feature.filterKey!]}
+                        />
+                      </Tooltip>
+                    </FeatureLabel>
+                  )
+              })}
+            </Features>
+          </WalletMoreInfoCategory>
+          <WalletMoreInfoCategory>
+            <h4>Smart contract</h4>
+            <Features>
+              {orderedFeatureDropdownItems.map((feature) => {
+                if (feature.category === "smart_contract")
+                  return (
+                    <FeatureLabel hasFeature={wallet[feature.filterKey!]}>
+                      <FeatureIcon hasFeature={wallet[feature.filterKey!]}>
+                        {feature.icon}
+                      </FeatureIcon>
+                      <p>{feature.label}</p>
+                      <Tooltip
+                        content={
+                          <p>
+                            {walletFilterData[feature.filterKey].description}
+                          </p>
+                        }
+                      >
+                        <StyledIcon
+                          name="info"
+                          hasFeature={wallet[feature.filterKey!]}
+                        />
+                      </Tooltip>
+                    </FeatureLabel>
+                  )
+              })}
+            </Features>
+          </WalletMoreInfoCategory>
+          <LastUpdated>
+            <ButtonLink
+              to={wallet.url}
+              customEventOptions={{
+                eventCategory: "WalletExternalLinkList",
+                eventAction: `Go to wallet`,
+                eventName: `${wallet.name} ${idx}`,
+                eventValue: filters,
+              }}
+            >
+              Check out {wallet.name}
+            </ButtonLink>
+            <i>
+              {wallet.name} info updated on {wallet.last_updated}
+            </i>
+          </LastUpdated>
+        </div>
+      </WalletMoreInfoContainer>
+    </div>
+  )
+}
+
+export default WalletTable
diff --git a/src/components/Icon.tsx b/src/components/Icon.tsx
index a49c41fa2db..704ba7558de 100644
--- a/src/components/Icon.tsx
+++ b/src/components/Icon.tsx
@@ -1,5 +1,4 @@
 import React from "react"
-import PropTypes from "prop-types"
 import styled from "styled-components"
 import { IconContext } from "react-icons"
 import {
@@ -14,7 +13,11 @@ import {
 import {
   MdAdd,
   MdBrightness2,
+  MdOutlineCancel,
+  MdCircle,
   MdClose,
+  MdDone,
+  MdExpandLess,
   MdExpandMore,
   MdArrowForward,
   MdInfoOutline,
@@ -25,7 +28,12 @@ import {
   MdFlip,
   MdLiveHelp,
 } from "react-icons/md"
-import { BsQuestionSquareFill, BsToggleOff, BsToggleOn } from "react-icons/bs"
+import {
+  BsArrowCounterclockwise,
+  BsQuestionSquareFill,
+  BsToggleOff,
+  BsToggleOn,
+} from "react-icons/bs"
 import { IoCodeOutline, IoCodeDownload } from "react-icons/io5"
 
 const socialColors = {
@@ -38,7 +46,7 @@ const socialColors = {
 
 export interface IProps {
   name?: string
-  color?: string
+  color?: string | boolean
   size?: string
   className?: string
 }
@@ -51,17 +59,21 @@ const Icon: React.FC<IProps> = ({
 }) => (
   <IconContext.Provider value={{ size: size, className }}>
     {name === "add" && <MdAdd />}
+    {name === "chevronUp" && <MdExpandLess />}
     {name === "chevronDown" && <MdExpandMore />}
+    {name === "circle" && <MdCircle />}
     {name === "arrowRight" && <MdArrowForward />}
+    {name === "cancel" && <MdOutlineCancel />}
     {name === "close" && <MdClose />}
     {name === "darkTheme" && <MdBrightness2 />}
     {name === "github" && <FaGithub />}
     {name === "info" && <MdInfoOutline />}
     {name === "language" && <MdLanguage />}
     {name === "lightTheme" && <MdWbSunny />}
-    {name === "zenModeOff" && <BsToggleOff />}
-    {name === "zenModeOn" && <BsToggleOn />}
+    {name === "toggleOff" && <BsToggleOff />}
+    {name === "toggleOn" && <BsToggleOn />}
     {name === "menu" && <MdMenu />}
+    {name === "check" && <MdDone />}
     {name === "twitter" && (
       <FaTwitter color={color ? socialColors.twitter : undefined} />
     )}
@@ -84,6 +96,7 @@ const Icon: React.FC<IProps> = ({
       <FaStackExchange color={color ? socialColors.stackExchange : undefined} />
     )}
     {name === "webpage" && <FaGlobe />}
+    {name === "arrowCounterClockwise" && <BsArrowCounterclockwise />}
   </IconContext.Provider>
 )
 
diff --git a/src/components/Link.tsx b/src/components/Link.tsx
index f6f3d68a7bd..75cf40e6715 100644
--- a/src/components/Link.tsx
+++ b/src/components/Link.tsx
@@ -141,11 +141,12 @@ const Link: React.FC<IProps> = ({
         href={to}
         target="_blank"
         rel="noopener noreferrer"
-        onClick={() =>
+        onClick={(e) => {
+          e.stopPropagation()
           trackCustomEvent(
             customEventOptions ? customEventOptions : eventOptions
           )
-        }
+        }}
         aria-label={ariaLabel}
       >
         {children}
@@ -157,11 +158,12 @@ const Link: React.FC<IProps> = ({
         href={to}
         target="_blank"
         rel="noopener noreferrer"
-        onClick={() =>
+        onClick={(e) => {
+          e.stopPropagation()
           trackCustomEvent(
             customEventOptions ? customEventOptions : eventOptions
           )
-        }
+        }}
         aria-label={ariaLabel}
       >
         {children}
diff --git a/src/components/TableOfContents.js b/src/components/TableOfContents.js
index bde1e781ee7..a7022a115fb 100644
--- a/src/components/TableOfContents.js
+++ b/src/components/TableOfContents.js
@@ -394,10 +394,7 @@ const TableOfContents = ({
               <Translation id="zen-mode" />
             </ZenModeText>
             <ZenModeToggleContainer onClick={(_e) => handleZenModeChange()}>
-              <Icon
-                name={isZenMode ? "zenModeOn" : "zenModeOff"}
-                size="1.6rem"
-              />
+              <Icon name={isZenMode ? "toggleOn" : "toggleOff"} size="1.6rem" />
             </ZenModeToggleContainer>
           </ZenModeContainer>
         )}
diff --git a/src/components/WalletCard.js b/src/components/WalletCard.js
deleted file mode 100644
index d243127c584..00000000000
--- a/src/components/WalletCard.js
+++ /dev/null
@@ -1,349 +0,0 @@
-import React, { useState } from "react"
-import { useIntl } from "gatsby-plugin-intl"
-import styled from "styled-components"
-import { GatsbyImage, getImage } from "gatsby-plugin-image"
-import { motion } from "framer-motion"
-import Emoji from "./Emoji"
-import Pill from "./Pill"
-import Icon from "./Icon"
-import Translation from "./Translation"
-import ButtonLink from "./ButtonLink"
-import { ButtonSecondary } from "./SharedStyledComponents"
-import { translateMessageId } from "../utils/translations"
-
-const Container = styled.div`
-  min-height: 400px;
-  perspective: 1000px;
-`
-
-const Card = styled.div`
-  position: relative;
-  transform-style: preserve-3d;
-  height: 100%;
-  width: 100%;
-  border-radius: 2px;
-  &:hover {
-    transition: transform 0.1s;
-    transform: scale(1.02);
-  }
-`
-
-const StyledIcon = styled(Icon)`
-  margin-left: 0.5rem;
-  fill: ${({ theme }) => theme.colors.text};
-`
-
-const CardFace = styled(motion.div)`
-  position: absolute;
-  backface-visibility: hidden;
-  width: 100%;
-  color: ${({ theme }) => theme.colors.text};
-  box-shadow: 0px 14px 66px rgba(0, 0, 0, 0.07),
-    0px 10px 17px rgba(0, 0, 0, 0.03), 0px 4px 7px rgba(0, 0, 0, 0.05);
-  background: ${({ theme }) => theme.colors.background};
-`
-
-const CardFront = styled(CardFace)`
-  display: flex;
-  width: 100%;
-  min-height: 400px;
-  flex-direction: column;
-  justify-content: space-between;
-  border-radius: 4px;
-  border: 1px solid ${({ theme }) => theme.colors.lightBorder};
-  text-decoration: none;
-`
-
-const CardBack = styled(CardFace)`
-  &:hover {
-    cursor: pointer;
-  }
-  &:hover svg {
-    fill: ${({ theme }) => theme.colors.primary};
-  }
-`
-
-const Wrapper = styled.div`
-  background: ${({ theme }) => theme.colors.ednBackground};
-  border-bottom: 1px solid ${({ theme }) => theme.colors.border};
-  position: relative;
-  &:hover {
-    cursor: pointer;
-  }
-  &:hover path {
-    fill: ${({ theme }) => theme.colors.primary};
-  }
-`
-
-const ImageWrapper = styled.div`
-  width: 40px;
-  margin-right: 1rem;
-  padding: 0.25rem;
-  background-color: ${({ background }) => background};
-  box-shadow: ${(props) => props.theme.colors.tableBoxShadow};
-  border-radius: 4px;
-`
-
-const Image = styled(GatsbyImage)`
-  width: 100%;
-`
-
-const FlipIcon = styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`
-
-const FlipTitle = styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 1rem;
-  margin-top: -0.5rem;
-`
-
-const TypePill = styled(Pill)`
-  margin-right: 0.75rem;
-  font-size: 0.875rem;
-  background: ${({ theme }) => theme.colors.background};
-  color: ${({ theme }) => theme.colors.text200};
-  padding: 0;
-`
-
-const TypeContainer = styled.div`
-  margin-top: 0rem;
-  margin-bottom: 1rem;
-  text-align: left;
-`
-
-const Content = styled.div`
-  padding: 1rem;
-  text-align: left;
-  height: 100%;
-  position: relative;
-`
-
-const BackContent = styled(Content)`
-  padding: 1.5rem;
-`
-
-const Title = styled.h3`
-  margin-bottom: 0rem;
-  margin-top: 0rem;
-  font-size: 1.25rem;
-`
-
-const Description = styled.p`
-  opacity: 0.8;
-  font-size: ${({ theme }) => theme.fontSizes.s};
-  margin-bottom: 0.5rem;
-  line-height: 140%;
-  max-height: 100px;
-  overflow-y: auto;
-`
-
-const StyledButtonLink = styled(ButtonLink)`
-  margin: 1rem;
-`
-
-const FeaturesHeader = styled.div`
-  border-bottom: 1px solid ${({ theme }) => theme.colors.border};
-  font-weight: 600;
-  padding-bottom: 0.5rem;
-  margin-bottom: 1rem;
-`
-
-const FeatureRow = styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 0.5rem;
-  font-size: 1rem;
-  font-weight: 400;
-  opacity: 0.9;
-`
-
-const StyledButtonSecondary = styled(ButtonSecondary)`
-  margin: auto 1rem 0 1rem;
-`
-
-const HeaderRow = styled.div`
-  display: flex;
-  align-items: center;
-  margin: 1rem;
-`
-
-const BackHeaderRow = styled.div`
-  display: flex;
-  align-items: center;
-`
-
-// Framer animations
-const duration = 0.3
-const flipVariants = {
-  shown: {
-    rotateY: 0,
-    transition: {
-      duration,
-    },
-  },
-  frontFlipped: {
-    rotateY: -180,
-    transition: {
-      duration,
-    },
-  },
-  backFlipped: {
-    rotateY: 180,
-    transition: {
-      duration,
-    },
-  },
-}
-
-const WalletCard = ({ wallet }) => {
-  const [isCardFlipped, setIsCardFlipped] = useState(false)
-  const intl = useIntl()
-
-  const getFeatureStatus = (feature) =>
-    feature === "TRUE" ? (
-      <Emoji
-        size="0.75rem"
-        text="✅"
-        aria-label={translateMessageId("page-find-wallet-card-yes", intl)}
-      />
-    ) : (
-      <Emoji
-        size="0.75rem"
-        text="❌"
-        aria-label={translateMessageId("page-find-wallet-card-no", intl)}
-      />
-    )
-
-  const rows = [
-    {
-      id: "page-find-wallet-card-has-bank-withdraws",
-      field: "has_bank_withdrawals",
-    },
-    {
-      id: "page-find-wallet-card-has-card-deposits",
-      field: "has_card_deposits",
-    },
-    {
-      id: "page-find-wallet-card-has-defi-integration",
-      field: "has_defi_integrations",
-    },
-    {
-      id: "page-find-wallet-card-has-explore-dapps",
-      field: "has_explore_dapps",
-    },
-    {
-      id: "page-find-wallet-card-has-dex-integrations",
-      field: "has_dex_integrations",
-    },
-    {
-      id: "page-find-wallet-card-has-high-volume-purchases",
-      field: "has_high_volume_purchases",
-    },
-    {
-      id: "page-find-wallet-card-has-limits-protection",
-      field: "has_limits_protection",
-    },
-    { id: "page-find-wallet-card-has-multisig", field: "has_multisig" },
-  ]
-
-  return (
-    <Container>
-      <Card>
-        <CardFront
-          variants={flipVariants}
-          animate={isCardFlipped ? "frontFlipped" : "shown"}
-        >
-          <Wrapper onClick={() => setIsCardFlipped(!isCardFlipped)}>
-            <HeaderRow>
-              <ImageWrapper background={wallet.brand_color}>
-                <Image image={getImage(wallet.image)} alt={wallet.alt} />
-              </ImageWrapper>
-              <Title>{wallet.name}</Title>
-            </HeaderRow>
-          </Wrapper>
-          <Content>
-            <TypeContainer>
-              {wallet.has_hardware === "TRUE" && (
-                <TypePill>
-                  <Emoji size="1rem" text=":minidisc:" mr="0.25rem" />
-                  <Translation id="page-find-wallet-card-hardware" />
-                </TypePill>
-              )}
-              {wallet.has_mobile === "TRUE" && (
-                <TypePill>
-                  <Emoji size="1rem" text=":mobile_phone:" mr="0.25rem" />
-                  <Translation id="page-find-wallet-card-mobile" />
-                </TypePill>
-              )}
-              {wallet.has_desktop === "TRUE" && (
-                <TypePill>
-                  <Emoji size="1rem" text=":desktop_computer:" mr="0.25rem" />
-                  <Translation id="page-find-wallet-card-desktop" />
-                </TypePill>
-              )}
-              {wallet.has_web === "TRUE" && (
-                <TypePill>
-                  <Emoji
-                    size="1rem"
-                    text=":globe_with_meridians:"
-                    mr="0.25rem"
-                  />
-                  <Translation id="page-find-wallet-card-web" />
-                </TypePill>
-              )}
-            </TypeContainer>
-            <Description>{wallet.description}</Description>
-          </Content>
-          <StyledButtonSecondary
-            onClick={() => setIsCardFlipped(!isCardFlipped)}
-          >
-            <FlipIcon>
-              <Translation id="page-find-wallet-card-more-info" />
-              <StyledIcon name="flip" ml="1rem" size="20px" />
-            </FlipIcon>
-          </StyledButtonSecondary>
-          <StyledButtonLink to={wallet.url}>
-            <Translation id="page-find-wallet-card-go" />
-          </StyledButtonLink>
-        </CardFront>
-        <CardBack
-          variants={flipVariants}
-          initial={{ rotateY: 180 }}
-          animate={isCardFlipped ? "shown" : "backFlipped"}
-          onClick={() => setIsCardFlipped(!isCardFlipped)}
-        >
-          <BackContent>
-            <FlipTitle>
-              <BackHeaderRow>
-                <ImageWrapper background={wallet.brand_color}>
-                  <Image image={getImage(wallet.image)} alt={wallet.alt} />
-                </ImageWrapper>
-                <Title>{wallet.name}</Title>
-              </BackHeaderRow>
-              <Icon name="flip" ml="1rem" size="24px" />
-            </FlipTitle>
-            <FeaturesHeader>
-              <Translation id="page-find-wallet-card-features" />
-            </FeaturesHeader>
-            {rows.map((row) => {
-              return (
-                <FeatureRow key={row.id}>
-                  <Translation id={row.id} />
-                  {getFeatureStatus(wallet[row.field])}
-                </FeatureRow>
-              )
-            })}
-          </BackContent>
-        </CardBack>
-      </Card>
-    </Container>
-  )
-}
-
-export default WalletCard
diff --git a/src/components/WalletCompare.js b/src/components/WalletCompare.js
deleted file mode 100644
index 43ec48574a0..00000000000
--- a/src/components/WalletCompare.js
+++ /dev/null
@@ -1,428 +0,0 @@
-import React, { useState, useEffect } from "react"
-import { useStaticQuery, graphql } from "gatsby"
-import { useIntl, navigate } from "gatsby-plugin-intl"
-import styled from "styled-components"
-import { shuffle } from "lodash"
-
-import ButtonLink from "./ButtonLink"
-import Emoji from "./Emoji"
-import Link from "./Link"
-import SelectableCard from "./SelectableCard"
-import Translation from "../components/Translation"
-import Tag from "./Tag"
-import WalletCard from "./WalletCard"
-import { Content } from "./SharedStyledComponents"
-
-import { getLocaleTimestamp } from "../utils/time"
-import { trackCustomEvent } from "../utils/matomo"
-import { translateMessageId } from "../utils/translations"
-
-const Container = styled.div`
-  margin-top: 2rem;
-`
-
-const ButtonContainer = styled.div`
-  display: flex;
-  justify-content: center;
-  margin-top: 2rem;
-  margin-bottom: 2rem;
-`
-
-const Subtitle = styled.div`
-  font-size: 1.25rem;
-  line-height: 140%;
-  margin-bottom: 2rem;
-  color: ${(props) => props.theme.colors.text200};
-`
-
-const GradientContainer = styled.div`
-  width: 100%;
-  background: ${(props) => props.theme.colors.cardGradient};
-  padding: 3rem 2rem;
-  border-top: 1px solid ${(props) => props.theme.colors.tableItemBoxShadow};
-  border-bottom: 1px solid ${(props) => props.theme.colors.tableItemBoxShadow};
-`
-
-const WalletFeaturesGrid = styled.div`
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
-  gap: 2rem;
-`
-
-const FilterContainer = styled.div`
-  min-height: 82px;
-`
-
-const TagsContainer = styled.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  margin-bottom: 2rem;
-  @media (max-width: ${(props) => props.theme.breakpoints.s}) {
-    flex-direction: column;
-  }
-`
-
-const TagContainer = styled.div`
-  display: flex;
-  flex-wrap: wrap;
-  max-width: 80%;
-  @media (max-width: ${(props) => props.theme.breakpoints.s}) {
-    max-width: 100%;
-    margin-bottom: 1rem;
-  }
-`
-
-const ClearLink = styled.button`
-  color: ${(props) => props.theme.colors.primary};
-  text-decoration: underline;
-  background: none;
-  border: none;
-  padding: 0;
-  cursor: pointer;
-`
-
-export const walletCardImage = graphql`
-  fragment walletCardImage on File {
-    childImageSharp {
-      gatsbyImageData(
-        width: 64
-        layout: CONSTRAINED
-        placeholder: BLURRED
-        quality: 100
-      )
-    }
-  }
-`
-
-const ResultsContainer = styled.div`
-  margin-top: 0rem;
-`
-
-const ResultsGrid = styled.div`
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
-  gap: 2rem;
-`
-
-const Disclaimer = styled.div`
-  margin-top: 2rem;
-`
-
-// `id` fields must match src/data/wallets.csv column headers
-const walletFeatures = [
-  {
-    id: "has_card_deposits",
-    emoji: ":credit_card:",
-    title: "page-find-wallet-buy-card",
-    description: "page-find-wallet-buy-card-desc",
-  },
-  {
-    id: "has_explore_dapps",
-    emoji: ":world_map:",
-    title: "page-find-wallet-explore-dapps",
-    description: "page-find-wallet-explore-dapps-desc",
-  },
-  {
-    id: "has_defi_integrations",
-    emoji: ":money_with_wings:",
-    title: "page-find-wallet-fi-tools",
-    description: "page-find-wallet-fi-tools-desc",
-  },
-  {
-    id: "has_bank_withdrawals",
-    emoji: ":bank:",
-    title: "page-find-wallet-withdraw",
-    description: "page-find-wallet-withdraw-desc",
-  },
-  {
-    id: "has_limits_protection",
-    emoji: ":shield:",
-    title: "page-find-wallet-limits",
-    description: "page-find-wallet-limits-desc",
-  },
-  {
-    id: "has_high_volume_purchases",
-    emoji: ":whale:",
-    title: "page-find-wallet-volume",
-    description: "page-find-wallet-voluem-desc",
-  },
-  {
-    id: "has_dex_integrations",
-    emoji: ":repeat:",
-    title: "page-find-wallet-swaps",
-    description: "page-find-wallet-swaps-desc",
-  },
-  {
-    id: "has_multisig",
-    emoji: ":busts_in_silhouette:",
-    title: "page-find-wallet-multisig",
-    description: "page-find-wallet-multisig-desc",
-  },
-]
-
-const WalletCompare = ({ location }) => {
-  const [state, setState] = useState({
-    selectedFeatureIds: [],
-    wallets: [],
-  })
-  // image variables must match `id` column in src/data/wallets.csv
-  const data = useStaticQuery(graphql`
-    query {
-      allWallets: allWalletsCsv {
-        nodes {
-          id
-          name
-          url
-          brand_color
-          has_mobile
-          has_desktop
-          has_web
-          has_hardware
-          has_card_deposits
-          has_explore_dapps
-          has_defi_integrations
-          has_bank_withdrawals
-          has_limits_protection
-          has_high_volume_purchases
-          has_dex_integrations
-          has_multisig
-          image {
-            ...walletCardImage
-          }
-        }
-      }
-      timestamp: walletsCsv {
-        parent {
-          ... on File {
-            id
-            name
-            fields {
-              gitLogLatestDate
-            }
-          }
-        }
-      }
-    }
-  `)
-
-  const intl = useIntl()
-
-  useEffect(() => {
-    // Fetch filters on load
-    const queryParamFilters = new URLSearchParams(location.search || "").get(
-      "filters"
-    ) // Comma separated string
-    const selectedFeatureIds = queryParamFilters
-      ? queryParamFilters.split(",")
-      : []
-
-    const nodes = data.allWallets.nodes
-    const wallets = shuffle(
-      nodes.map((node) => {
-        node.alt = translateMessageId(
-          `page-find-wallet-${node.id}-logo-alt`,
-          intl
-        )
-        node.description = translateMessageId(
-          `page-find-wallet-description-${node.id}`,
-          intl
-        )
-        return node
-      })
-    )
-    setState({ selectedFeatureIds, wallets })
-  }, [data, intl, location.search])
-
-  let lastUpdated
-  // TODO remove conditionals once file is registered in git
-  if (data.timestamp.parent.fields) {
-    lastUpdated = getLocaleTimestamp(
-      intl.locale,
-      data.timestamp.parent.fields.gitLogLatestDate
-    )
-  }
-
-  const updatePath = (selectedFeatureIds) => {
-    // Update URL path with new filter query params
-    let newPath = "/wallets/find-wallet/"
-    if (selectedFeatureIds.length > 0) {
-      newPath += "?filters="
-      for (const id of selectedFeatureIds) {
-        newPath += `${id},`
-      }
-      newPath = newPath.substr(0, newPath.length - 1)
-    }
-    // Apply new path without refresh if within `window`
-    if (window) {
-      newPath = `/${intl.locale}` + newPath
-      window.history.pushState(null, "", newPath)
-    } else {
-      navigate(newPath)
-    }
-  }
-
-  const clearFilters = () => {
-    setState({ ...state, selectedFeatureIds: [] })
-    updatePath([])
-  }
-
-  // Add feature filter (or remove if already selected)
-  const handleSelect = (featureId) => {
-    const selectedFeatureIds = state.selectedFeatureIds
-
-    const index = selectedFeatureIds.indexOf(featureId)
-    if (index > -1) {
-      selectedFeatureIds.splice(index, 1)
-    } else {
-      selectedFeatureIds.push(featureId)
-
-      trackCustomEvent({
-        eventCategory: `Wallet feature`,
-        eventAction: `Selected`,
-        eventName: featureId,
-      })
-    }
-    setState({ selectedFeatureIds, wallets: state.wallets })
-    updatePath(selectedFeatureIds)
-  }
-
-  let filteredWallets = state.wallets.filter((wallet) => {
-    for (const featureId of state.selectedFeatureIds) {
-      if (wallet[featureId] !== "TRUE") {
-        return false
-      }
-    }
-    return true
-  })
-
-  const hasSelectedFeatures = state.selectedFeatureIds.length > 0
-  const selectedFeatures = walletFeatures.filter((feature) =>
-    state.selectedFeatureIds.includes(feature.id)
-  )
-  const remainingFeatures = walletFeatures.filter(
-    (feature) => !state.selectedFeatureIds.includes(feature.id)
-  )
-
-  return (
-    <Container>
-      <Content>
-        <h2>
-          <Translation id="page-find-wallet-feature-h2" />
-        </h2>
-        <WalletFeaturesGrid>
-          {walletFeatures.map((card, idx) => {
-            const isSelected = state.selectedFeatureIds.includes(card.id)
-            return (
-              <SelectableCard
-                key={idx}
-                emoji={card.emoji}
-                title={translateMessageId(card.title, intl)}
-                description={translateMessageId(card.description, intl)}
-                isSelected={isSelected}
-                onSelect={handleSelect}
-                value={card.id}
-              />
-            )
-          })}
-        </WalletFeaturesGrid>
-
-        <ButtonContainer id="results">
-          <ButtonLink to="/wallets/find-wallet/#results">
-            <Translation id="page-find-wallet-search-btn" />
-          </ButtonLink>
-        </ButtonContainer>
-      </Content>
-
-      <GradientContainer>
-        <h2>
-          <Translation id="page-find-wallet-Ethereum-wallets" />
-        </h2>
-        <FilterContainer>
-          {hasSelectedFeatures && (
-            <Subtitle>
-              <Translation id="page-find-wallet-we-found" />{" "}
-              {filteredWallets.length}{" "}
-              {filteredWallets.length === 1 ? "wallet" : "wallets"}{" "}
-              <Translation id="page-find-wallet-following-features" />
-            </Subtitle>
-          )}
-          {!hasSelectedFeatures && (
-            <Subtitle>
-              <Translation id="page-find-wallet-showing" />
-              {filteredWallets.length}{" "}
-              <Translation id="page-find-wallet-overwhelmed" />
-            </Subtitle>
-          )}
-          <TagsContainer>
-            <TagContainer>
-              {selectedFeatures.map((feature) => (
-                <Tag
-                  key={feature.id}
-                  name={translateMessageId(feature.title, intl)}
-                  onSelect={handleSelect}
-                  value={feature.id}
-                />
-              ))}
-              {remainingFeatures.map((feature) => (
-                <Tag
-                  key={feature.id}
-                  name={translateMessageId(feature.title, intl)}
-                  onSelect={handleSelect}
-                  value={feature.id}
-                  isActive={false}
-                />
-              ))}
-            </TagContainer>
-            {hasSelectedFeatures && (
-              <ClearLink onClick={clearFilters}>
-                <Translation id="page-find-wallet-clear" />
-              </ClearLink>
-            )}
-          </TagsContainer>
-        </FilterContainer>
-        {filteredWallets.length === 0 && (
-          <ResultsContainer>
-            <Emoji text=":crying_face:" size={3} mb={`2em`} mt={`2em`} />
-            <h2>
-              <Translation id="page-find-wallet-not-all-features" />
-            </h2>
-            <p>
-              <Translation id="page-find-wallet-try-removing" />
-            </p>
-          </ResultsContainer>
-        )}
-        <ResultsContainer>
-          <ResultsGrid>
-            {filteredWallets.map((wallet) => (
-              <WalletCard wallet={wallet} key={wallet.id} />
-            ))}
-          </ResultsGrid>
-        </ResultsContainer>
-        <Disclaimer>
-          <p>
-            <em>
-              <Translation id="page-find-wallet-not-endorsements" />{" "}
-              <Link to="/contributing/adding-products/">
-                <Translation id="page-find-wallet-listing-policy" />
-              </Link>
-              <Translation id="page-find-wallet-add-wallet" />{" "}
-              <Link to="https://github.com/ethereum/ethereum-org-website/issues/new/choose">
-                <Translation id="page-find-wallet-raise-an-issue" />
-              </Link>
-              .{" "}
-              {lastUpdated && (
-                <span>
-                  <Translation id="page-find-wallet-last-updated" />{" "}
-                  <strong>{lastUpdated}</strong>.
-                </span>
-              )}
-            </em>
-          </p>
-        </Disclaimer>
-      </GradientContainer>
-    </Container>
-  )
-}
-
-export default WalletCompare
diff --git a/src/data/wallets/wallet-data.ts b/src/data/wallets/wallet-data.ts
new file mode 100644
index 00000000000..cd34052ffa0
--- /dev/null
+++ b/src/data/wallets/wallet-data.ts
@@ -0,0 +1,1787 @@
+interface WalletData {
+  last_updated: string
+  name: string
+  image_name: string
+  brand_color: string
+  url: string
+  wallet_live_date: string
+  active_development_team: boolean
+  languages_supported: string[]
+  twitter: string
+  discord: string
+  reddit: string
+  telegram: string
+  ios: boolean
+  android: boolean
+  linux: boolean
+  windows: boolean
+  macOS: boolean
+  firefox: boolean
+  chromium: boolean
+  hardware: boolean
+  open_source: boolean
+  repo_url: string
+  non_custodial: boolean
+  security_audit: string[]
+  scam_protection: boolean
+  hardware_support: boolean
+  walletconnect: boolean
+  rpc_importing: boolean
+  nft_support: boolean
+  connect_to_dapps: boolean
+  staking: boolean
+  swaps: boolean
+  multichain?: boolean
+  layer_2: boolean
+  gas_fee_customization: boolean
+  ens_support: boolean
+  erc_20_support: boolean
+  eip_1559_support: boolean
+  buy_crypto: boolean
+  withdraw_crypto: boolean
+  multisig: boolean
+  social_recovery: boolean
+  onboard_documentation: string
+  documentation: string
+  mpc?: boolean
+}
+
+const walletData: WalletData[] = [
+  {
+    last_updated: "June 22, 2022",
+    name: "Keystone",
+    image_name: "keystone",
+    brand_color: "#ffffff",
+    url: "https://keyst.one/",
+    wallet_live_date: "Dec 2018",
+    active_development_team: true,
+    languages_supported: ["en", "zh", "es", "ko"],
+    twitter: "https://twitter.com/KeystoneWallet",
+    discord: "https://keyst.one/discord",
+    reddit: "",
+    telegram: "https://t.me/KeystoneWallet",
+    ios: true,
+    android: true,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: false,
+    hardware: true,
+    open_source: true,
+    repo_url: "https://github.com/KeystoneHQ",
+    non_custodial: true,
+    security_audit: [
+      "https://github.com/KeystoneHQ/Keystone-developer-hub/tree/main/audit-report",
+      "https://keyst.one/bug-bounty-program",
+    ],
+    scam_protection: false,
+    hardware_support: true,
+    walletconnect: false,
+    rpc_importing: false,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: false,
+    layer_2: true,
+    gas_fee_customization: false,
+    ens_support: true,
+    erc_20_support: false,
+    eip_1559_support: true,
+    buy_crypto: false,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "https://support.keyst.one/",
+    documentation: "",
+  },
+  {
+    last_updated: "June 22, 2022",
+    name: "Numio",
+    image_name: "numio",
+    brand_color: "#3F3F3F",
+    url: "https://www.numio.one/",
+    wallet_live_date: "December 2020",
+    active_development_team: true,
+    languages_supported: ["en"],
+    twitter: "https://twitter.com/GetNumio/",
+    discord: "",
+    reddit: "",
+    telegram: "",
+    ios: true,
+    android: true,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: false,
+    repo_url: "",
+    non_custodial: true,
+    security_audit: [],
+    scam_protection: false,
+    hardware_support: false,
+    walletconnect: true,
+    rpc_importing: false,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: true,
+    layer_2: true,
+    gas_fee_customization: false,
+    ens_support: false,
+    erc_20_support: false,
+    eip_1559_support: false,
+    buy_crypto: true,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "https://docs.numio.one/",
+    documentation: "",
+  },
+  {
+    last_updated: "June 22, 2022",
+    name: "Coin98",
+    image_name: "coin98",
+    brand_color: "#ffffff",
+    url: "https://coin98.com/wallet",
+    wallet_live_date: "2018",
+    active_development_team: true,
+    languages_supported: [
+      "vi",
+      "en",
+      "zh",
+      "jp",
+      "ko",
+      "tr",
+      "th",
+      "es",
+      "id",
+      "el",
+      "pt",
+      "fr",
+    ],
+    twitter: "https://twitter.com/coin98_wallet",
+    discord: "https://c98.link/discord",
+    reddit: "",
+    telegram: "https://t.me/coin98wallet",
+    ios: true,
+    android: true,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: true,
+    hardware: false,
+    open_source: false,
+    repo_url: "",
+    non_custodial: true,
+    security_audit: ["https://coin98.com/audit"],
+    scam_protection: true,
+    hardware_support: true,
+    walletconnect: true,
+    rpc_importing: false,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: true,
+    layer_2: true,
+    gas_fee_customization: true,
+    ens_support: true,
+    erc_20_support: true,
+    eip_1559_support: true,
+    buy_crypto: true,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "https://docs.coin98.com/",
+    documentation: "",
+  },
+  {
+    last_updated: "June 22, 2022",
+    name: "Loopring wallet",
+    image_name: "loopring",
+    brand_color: "#ffffff",
+    url: "https://loopring.io/#/wallet",
+    wallet_live_date: "Nov 25, 2020",
+    active_development_team: true,
+    languages_supported: ["en", "zh"],
+    twitter: "https://twitter.com/loopringorg",
+    discord: "http://discord.gg/KkYccYp",
+    reddit: "",
+    telegram: "",
+    ios: true,
+    android: true,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: false,
+    repo_url: "",
+    non_custodial: true,
+    security_audit: [
+      "https://solidified.io/work/loopring/",
+      "https://github.com/Loopring/protocols/blob/master/packages/hebao_v1/audit_report_solidified_response.md",
+      "https://github.com/Loopring/protocols/tree/release_loopring_3.6.3/packages/loopring_v3/security_audit",
+    ],
+    scam_protection: false,
+    hardware_support: true,
+    walletconnect: true,
+    rpc_importing: false,
+    nft_support: true,
+    connect_to_dapps: false,
+    staking: false,
+    swaps: true,
+    layer_2: true,
+    gas_fee_customization: true,
+    ens_support: true,
+    erc_20_support: true,
+    eip_1559_support: true,
+    buy_crypto: true,
+    withdraw_crypto: false,
+    multisig: true,
+    social_recovery: true,
+    onboard_documentation: "",
+    documentation: "",
+  },
+  {
+    last_updated: "June 22, 2022",
+    name: "AirGap wallet",
+    image_name: "airgap",
+    brand_color: "#50249F",
+    url: "https://airgap.it/",
+    wallet_live_date: "July 2017",
+    active_development_team: true,
+    languages_supported: ["en", "de", "zh"],
+    twitter: "https://twitter.com/AirGap_it/",
+    discord: "https://discord.gg/gnWqCQsteh",
+    reddit: "",
+    telegram: "https://t.me/AirGap",
+    ios: true,
+    android: true,
+    linux: true,
+    windows: true,
+    macOS: true,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: true,
+    repo_url: "https://github.com/airgap-it/airgap-wallet",
+    non_custodial: true,
+    security_audit: [
+      "https://github.com/airgap-it/airgap-coin-lib/tree/master/docs/audits",
+    ],
+    scam_protection: false,
+    hardware_support: true,
+    walletconnect: true,
+    rpc_importing: false,
+    nft_support: false,
+    connect_to_dapps: true,
+    staking: true,
+    swaps: true,
+    layer_2: false,
+    gas_fee_customization: true,
+    ens_support: false,
+    erc_20_support: false,
+    eip_1559_support: false,
+    buy_crypto: false,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: true,
+    onboard_documentation: "https://support.airgap.it/",
+    documentation: "",
+  },
+  {
+    last_updated: "June 22, 2022",
+    name: "Argent",
+    image_name: "argent",
+    brand_color: "#ffffff",
+    url: "https://www.argent.xyz/",
+    wallet_live_date: "2018",
+    active_development_team: true,
+    languages_supported: ["en"],
+    twitter: "https://twitter.com/argenthq",
+    discord: "https://discord.com/invite/GWSyrHg",
+    reddit: "",
+    telegram: "",
+    ios: true,
+    android: true,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: true,
+    chromium: true,
+    hardware: false,
+    open_source: false,
+    repo_url: "",
+    non_custodial: true,
+    security_audit: [
+      "https://github.com/argentlabs/argent-contracts/tree/develop/audit",
+      "https://www.argent.xyz/argent-bug-bounty/",
+    ],
+    scam_protection: true,
+    hardware_support: true,
+    walletconnect: true,
+    rpc_importing: false,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: true,
+    swaps: true,
+    layer_2: true,
+    gas_fee_customization: true,
+    ens_support: true,
+    erc_20_support: true,
+    eip_1559_support: true,
+    buy_crypto: true,
+    withdraw_crypto: false,
+    multisig: true,
+    social_recovery: true,
+    onboard_documentation: "https://www.argent.xyz/learn/",
+    documentation: "",
+  },
+  {
+    last_updated: "June 22, 2022",
+    name: "Portis",
+    image_name: "portis",
+    brand_color: "#ffffff",
+    url: "https://portis.io",
+    wallet_live_date: "Nov, 2018",
+    active_development_team: true,
+    languages_supported: ["en"],
+    twitter: "https://twitter.com/portis_io",
+    discord: "",
+    reddit: "",
+    telegram: "https://t.me/PortisHQ",
+    ios: false,
+    android: false,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: false,
+    repo_url: "",
+    non_custodial: true,
+    security_audit: [],
+    scam_protection: false,
+    hardware_support: false,
+    walletconnect: false,
+    rpc_importing: true,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: false,
+    layer_2: true,
+    gas_fee_customization: false,
+    ens_support: false,
+    erc_20_support: true,
+    eip_1559_support: false,
+    buy_crypto: true,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "https://docs.portis.io/",
+    documentation: "",
+  },
+  {
+    last_updated: "June 22, 2022",
+    name: "Coinbase wallet",
+    image_name: "coinbase",
+    brand_color: "#0052FF",
+    url: "https://www.coinbase.com/wallet/developers",
+    wallet_live_date: "2018",
+    active_development_team: true,
+    languages_supported: ["no response.."],
+    twitter: "https://twitter.com/CoinbaseWallet",
+    discord: "",
+    reddit: "",
+    telegram: "",
+    ios: true,
+    android: true,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: true,
+    hardware: false,
+    open_source: false,
+    repo_url: "",
+    non_custodial: false,
+    security_audit: [],
+    scam_protection: false,
+    hardware_support: true,
+    walletconnect: false,
+    rpc_importing: true,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: true,
+    layer_2: false,
+    gas_fee_customization: true,
+    ens_support: false,
+    erc_20_support: false,
+    eip_1559_support: false,
+    buy_crypto: false,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "https://www.coinbase.com/wallet/tutorials",
+    documentation: "",
+    // note: "Community contribution, let's follow up with Coinbase",
+  },
+  {
+    last_updated: "June 22, 2022",
+    name: "Frame",
+    image_name: "frame",
+    brand_color: "#222021",
+    url: "https://frame.sh",
+    wallet_live_date: "April 2019",
+    active_development_team: true,
+    languages_supported: ["en"],
+    twitter: "https://twitter.com/0xFrame",
+    discord: "https://discord.gg/rr4Yr3JkPq",
+    reddit: "",
+    telegram: "",
+    ios: false,
+    android: false,
+    linux: true,
+    windows: true,
+    macOS: true,
+    firefox: true,
+    chromium: true,
+    hardware: false,
+    open_source: true,
+    repo_url: "https://github.com/floating/frame",
+    non_custodial: true,
+    security_audit: ["asked if these are available"],
+    scam_protection: false,
+    hardware_support: true,
+    walletconnect: false,
+    rpc_importing: true,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: false,
+    layer_2: true,
+    gas_fee_customization: true,
+    ens_support: true,
+    erc_20_support: true,
+    eip_1559_support: true,
+    buy_crypto: false,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation:
+      "https://framelabs.notion.site/Getting-Started-Guide-775a95edec3244ce80e118ead8ea6516",
+    documentation: "",
+  },
+  {
+    last_updated: "June 22, 2022",
+    name: "Brave Wallet",
+    image_name: "brave",
+    brand_color: "#fe1f02",
+    url: "https://brave.com/wallet",
+    wallet_live_date: "November 2021",
+    active_development_team: true,
+    languages_supported: ["en"],
+    twitter: "https://twitter.com/brave",
+    discord: "",
+    reddit: "https://www.reddit.com/r/brave_browser",
+    telegram: "",
+    ios: true,
+    android: true,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: true,
+    hardware: false,
+    open_source: true,
+    repo_url: "https://github.com/brave/brave-core/ ",
+    non_custodial: true,
+    security_audit: ["asked if these are available"],
+    scam_protection: true,
+    hardware_support: true,
+    walletconnect: false,
+    rpc_importing: true,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: true,
+    layer_2: true,
+    gas_fee_customization: true,
+    ens_support: true,
+    erc_20_support: true,
+    eip_1559_support: true,
+    buy_crypto: true,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation:
+      "https://wallet-docs.brave.com/, https://support.brave.com/hc/en-us/articles/4415497656461-Brave-Wallet-FAQ",
+    documentation:
+      "https://wallet-docs.brave.com/, https://support.brave.com/hc/en-us/articles/4415497656461-Brave-Wallet-FAQ",
+  },
+  {
+    last_updated: "June 22, 2022",
+    name: "Tally Ho!",
+    image_name: "tallyho",
+    brand_color: "#0D2321",
+    url: "https://tally.cash/",
+    wallet_live_date: "December 2021",
+    active_development_team: true,
+    languages_supported: ["en"],
+    twitter: "https://twitter.com/TallyCash",
+    discord: "https://chat.tally.cash",
+    reddit: "",
+    telegram: "",
+    ios: false,
+    android: false,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: true,
+    chromium: true,
+    hardware: false,
+    open_source: true,
+    repo_url: "https://github.com/tallycash/extension",
+    non_custodial: true,
+    security_audit: [
+      "https://leastauthority.com/blog/audit-of-tally-browser-extension-wallet-key-handling-for-ylvis-llc/",
+      "https://code4rena.com/reports/2021-10-tally/",
+    ],
+    scam_protection: true,
+    hardware_support: true,
+    walletconnect: true,
+    rpc_importing: false,
+    nft_support: false,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: true,
+    layer_2: false,
+    gas_fee_customization: false,
+    ens_support: true,
+    erc_20_support: true,
+    eip_1559_support: true,
+    buy_crypto: false,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "https://docs.tally.cash/tally/",
+    documentation:
+      "https://docs.tally.cash/tally/, https://gov.tally.cash/, https://blog.tally.cash/",
+  },
+  {
+    last_updated: "June 22, 2022",
+    name: "MetaMask",
+    image_name: "metamask",
+    brand_color: "#ffffff",
+    url: "https://metamask.io",
+    wallet_live_date: "2016",
+    active_development_team: true,
+    languages_supported: ["TODO: 30 languages!"],
+    twitter: "https://twitter.com/metamask",
+    discord: "",
+    reddit: "",
+    telegram: "",
+    ios: true,
+    android: true,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: true,
+    chromium: true,
+    hardware: false,
+    open_source: true,
+    repo_url: "https://github.com/MetaMask",
+    non_custodial: true,
+    security_audit: [],
+    scam_protection: false,
+    hardware_support: true,
+    walletconnect: true,
+    rpc_importing: true,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: true,
+    layer_2: true,
+    gas_fee_customization: true,
+    ens_support: true,
+    erc_20_support: true,
+    eip_1559_support: true,
+    buy_crypto: true,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "https://support.metamask.io",
+    documentation: "",
+  },
+  {
+    last_updated: "June 22, 2022",
+    name: "Gnosis Safe",
+    image_name: "gnosis",
+    brand_color: "#ffffff",
+    url: "https://gnosis-safe.io/",
+    wallet_live_date: "2018",
+    active_development_team: true,
+    languages_supported: ["en"],
+    twitter: "https://twitter.com/gnosisSafe",
+    discord: "https://discord.com/invite/AjG7AQD9Qn",
+    reddit: "",
+    telegram: "",
+    ios: true,
+    android: true,
+    linux: true,
+    windows: true,
+    macOS: true,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: true,
+    repo_url: "https://github.com/safe-global/",
+    non_custodial: true,
+    security_audit: ["https://gnosis-safe.io/security/"],
+    scam_protection: false,
+    hardware_support: true,
+    walletconnect: true,
+    rpc_importing: false,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: true,
+    swaps: true,
+    layer_2: true,
+    gas_fee_customization: true,
+    ens_support: true,
+    erc_20_support: true,
+    eip_1559_support: true,
+    buy_crypto: true,
+    withdraw_crypto: false,
+    multisig: true,
+    social_recovery: true,
+    onboard_documentation: "https://help.gnosis-safe.io/en/",
+    documentation: "https://docs.gnosis-safe.io/",
+  },
+  {
+    last_updated: "June 22, 2022",
+    name: "Coin wallet",
+    image_name: "coinwallet",
+    brand_color: "#ffffff",
+    url: "https://coin.space/",
+    wallet_live_date: "July 2015",
+    active_development_team: true,
+    languages_supported: [
+      "id",
+      "ba",
+      "cs",
+      "de",
+      "en",
+      "es",
+      "fr",
+      "cr",
+      "it",
+      "hu",
+      "nl",
+      "no",
+      "pl",
+      "pt-br",
+      "rs",
+      "vi",
+      "tr",
+      "ph",
+      "ru",
+      "uk",
+      "th",
+      "kh",
+      "ko",
+      "jp",
+      "zh",
+    ],
+    twitter: "https://twitter.com/CoinAppWallet",
+    discord: "",
+    reddit: "",
+    telegram: "",
+    ios: true,
+    android: true,
+    linux: true,
+    windows: true,
+    macOS: true,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: true,
+    repo_url: "https://github.com/CoinSpace/CoinSpace",
+    non_custodial: true,
+    security_audit: [""],
+    scam_protection: false,
+    hardware_support: false,
+    walletconnect: false,
+    rpc_importing: false,
+    nft_support: false,
+    connect_to_dapps: false,
+    staking: false,
+    swaps: false,
+    layer_2: false,
+    gas_fee_customization: true,
+    ens_support: true,
+    erc_20_support: true,
+    eip_1559_support: false,
+    buy_crypto: true,
+    withdraw_crypto: true,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "https://support.coin.space/hc/en-us",
+    documentation: "",
+  },
+  {
+    last_updated: "June 22, 2022",
+    name: "Ambire",
+    image_name: "ambire",
+    brand_color: "#aa6aff",
+    url: "https://www.ambire.com",
+    wallet_live_date: "December 2021",
+    active_development_team: true,
+    languages_supported: ["en"],
+    twitter: "https://twitter.com/AmbireWallet",
+    discord: "https://discord.gg/nMBGJsb",
+    reddit: "",
+    telegram: "",
+    ios: false,
+    android: false,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: true,
+    repo_url: "https://github.com/ambireTech/wallet",
+    non_custodial: true,
+    security_audit: ["https://github.com/ambireTech/wallet#audits"],
+    scam_protection: true,
+    hardware_support: true,
+    walletconnect: true,
+    rpc_importing: false,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: true,
+    swaps: true,
+    layer_2: true,
+    gas_fee_customization: true,
+    ens_support: false,
+    erc_20_support: true,
+    eip_1559_support: true,
+    buy_crypto: true,
+    withdraw_crypto: false,
+    multisig: true,
+    social_recovery: true,
+    onboard_documentation:
+      "https://help.ambire.com/hc/en-us/categories/4404980091538-Ambire-Wallet",
+    documentation: "",
+  },
+  {
+    last_updated: "June 23, 2022",
+    name: "ZenGo",
+    image_name: "zengo",
+    brand_color: "#35C4BA",
+    url: "https://zengo.com/",
+    wallet_live_date: "Jan, 2020",
+    active_development_team: true,
+    languages_supported: ["en", "fr"],
+    twitter: "https://twitter.com/ZenGo",
+    discord: "https://twitter.com/zengo",
+    reddit: "",
+    telegram: "",
+    ios: true,
+    android: true,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: false,
+    repo_url: "https://github.com/ZenGo-X",
+    non_custodial: false,
+    security_audit: ["https://zengo.com/security/"],
+    scam_protection: true,
+    hardware_support: true,
+    walletconnect: true,
+    rpc_importing: false,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: true,
+    swaps: true,
+    layer_2: false,
+    gas_fee_customization: false,
+    ens_support: false,
+    erc_20_support: false,
+    eip_1559_support: false,
+    buy_crypto: true,
+    withdraw_crypto: true,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "https://help.zengo.com/en/",
+    documentation: "",
+  },
+  {
+    last_updated: "June 23, 2022",
+    name: "Linen wallet",
+    image_name: "linen",
+    brand_color: "#08CDC7",
+    url: "https://linen.app/",
+    wallet_live_date: "November, 2019",
+    active_development_team: true,
+    languages_supported: ["en"],
+    twitter: "https://twitter.com/GetLinen",
+    discord: "https://discord.com/invite/fbxHDCj",
+    reddit: "",
+    telegram: "",
+    ios: true,
+    android: false,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: false,
+    repo_url: "",
+    non_custodial: true,
+    security_audit: [""],
+    scam_protection: false,
+    hardware_support: false,
+    walletconnect: true,
+    rpc_importing: false,
+    nft_support: false,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: true,
+    layer_2: true,
+    gas_fee_customization: false,
+    ens_support: false,
+    erc_20_support: true,
+    eip_1559_support: false,
+    buy_crypto: true,
+    withdraw_crypto: false,
+    multisig: true,
+    social_recovery: false,
+    onboard_documentation: "https://linen.app/articles/",
+    documentation: "https://support.linen.app/en/",
+  },
+  {
+    last_updated: "June 24, 2022",
+    name: "imToken",
+    image_name: "imtoken",
+    brand_color: "#098de6",
+    url: "https://token.im/",
+    wallet_live_date: "2016",
+    active_development_team: true,
+    languages_supported: [
+      "en",
+      "zh",
+      "zh-tw",
+      "ru",
+      "de",
+      "jp",
+      "ko",
+      "fr",
+      "es",
+      "vi",
+    ],
+    twitter: "https://twitter.com/imTokenOfficial",
+    discord: "https://discord.com/invite/imToken",
+    reddit: "",
+    telegram: "",
+    ios: true,
+    android: true,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: false,
+    repo_url: "https://github.com/consenlabs/token-core",
+    non_custodial: true,
+    security_audit: ["https://cure53.de/pentest-report_imtoken.pdf"],
+    scam_protection: true,
+    hardware_support: true,
+    walletconnect: true,
+    rpc_importing: true,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: true,
+    swaps: true,
+    layer_2: true,
+    gas_fee_customization: true,
+    ens_support: true,
+    erc_20_support: true,
+    eip_1559_support: true,
+    buy_crypto: true,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "",
+    documentation: "https://support.token.im/hc/en-us",
+  },
+  {
+    last_updated: "June 24, 2022",
+    name: "1inch wallet",
+    image_name: "oneinch",
+    brand_color: "#000000",
+    url: "https://1inch.io/",
+    wallet_live_date: "April 2021",
+    active_development_team: true,
+    languages_supported: [
+      "en",
+      "ru",
+      "zh",
+      "fr",
+      "de",
+      "hi",
+      "id",
+      "jp",
+      "ko",
+      "pt",
+      "es",
+      "tr",
+      "vi",
+    ],
+    twitter: "https://twitter.com/1inch",
+    discord: "https://discord.com/invite/1inch",
+    reddit: "https://www.reddit.com/r/1inch/",
+    telegram: "https://t.me/OneInchNetwork",
+    ios: true,
+    android: true,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: false,
+    repo_url: "",
+    non_custodial: false,
+    security_audit: [""],
+    scam_protection: true,
+    hardware_support: false,
+    walletconnect: true,
+    rpc_importing: false,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: true,
+    layer_2: true,
+    gas_fee_customization: true,
+    ens_support: true,
+    erc_20_support: true,
+    eip_1559_support: true,
+    buy_crypto: true,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "https://help.1inch.io/en/",
+    documentation: "",
+  },
+  {
+    last_updated: "June 24, 2022",
+    name: "FoxWallet",
+    image_name: "foxwallet",
+    brand_color: "#ffffff",
+    url: "https://foxwallet.com/en",
+    wallet_live_date: "November, 2021",
+    active_development_team: true,
+    languages_supported: ["en", "zh", "uk", "ru", "es", "id"],
+    twitter: "https://twitter.com/FoxWallet",
+    discord: "https://discord.com/invite/JVjVbe3Zth",
+    reddit: "",
+    telegram: "https://t.me/FoxWallet_EN",
+    ios: true,
+    android: true,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: false,
+    repo_url: "",
+    non_custodial: true,
+    security_audit: ["https://www.certik.com/projects/fox-wallet"],
+    scam_protection: false,
+    hardware_support: false,
+    walletconnect: false,
+    rpc_importing: true,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: false,
+    layer_2: true,
+    gas_fee_customization: true,
+    ens_support: false,
+    erc_20_support: true,
+    eip_1559_support: true,
+    buy_crypto: false,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "https://hc.foxwallet.com/docs/",
+    documentation: "https://hc.foxwallet.com/docs/faq",
+  },
+  {
+    last_updated: "June 24, 2022",
+    name: "MyCrypto",
+    image_name: "mycrypto",
+    brand_color: "#FFFFFF",
+    url: "https://mycrypto.com",
+    wallet_live_date: "Feb, 2018",
+    active_development_team: true,
+    languages_supported: [
+      "en",
+      "de",
+      "el",
+      "es",
+      "fi",
+      "fr",
+      "hu",
+      "id",
+      "it",
+      "jp",
+      "nl",
+      "no",
+      "pl",
+      "pt",
+      "ru",
+      "ko",
+      "tr",
+      "vi",
+      "zh",
+      "zh-tw",
+    ],
+    twitter: "https://twitter.com/mycrypto",
+    discord: "",
+    reddit: "",
+    telegram: "",
+    ios: false,
+    android: false,
+    linux: true,
+    windows: true,
+    macOS: true,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: true,
+    repo_url: "https://github.com/MyCryptoHQ",
+    non_custodial: true,
+    security_audit: [""],
+    scam_protection: false,
+    hardware_support: true,
+    walletconnect: true,
+    rpc_importing: true,
+    nft_support: false,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: true,
+    layer_2: true,
+    gas_fee_customization: true,
+    ens_support: true,
+    erc_20_support: true,
+    eip_1559_support: true,
+    buy_crypto: true,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "https://blog.mycrypto.com",
+    documentation: "",
+  },
+  {
+    last_updated: "June 24, 2022",
+    name: "Pillar",
+    image_name: "pillar",
+    brand_color: "#7501D9",
+    url: "https://www.pillar.fi/",
+    wallet_live_date: "December 18 2018 V1, June 2020 V2",
+    active_development_team: true,
+    languages_supported: ["en", "et", "ba", "zh"],
+    twitter: "https://twitter.com/PillarWallet",
+    discord: "https://chat.pillar.fi/",
+    reddit: "",
+    telegram: "https://t.me/pillarofficial",
+    ios: true,
+    android: true,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: true,
+    repo_url: "https://github.com/pillarwallet",
+    non_custodial: true,
+    security_audit: [
+      "https://consensys.net/diligence/audits/private/j6eeg3t1ipskpf/#executive-summary",
+    ],
+    scam_protection: false,
+    hardware_support: false,
+    walletconnect: true,
+    rpc_importing: false,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: true,
+    multichain: true,
+    layer_2: true,
+    gas_fee_customization: false,
+    ens_support: true,
+    erc_20_support: false,
+    eip_1559_support: true,
+    buy_crypto: true,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "",
+    documentation: "https://help.pillar.fi/en/",
+  },
+  {
+    last_updated: "June 24, 2022",
+    name: "MEW wallet",
+    image_name: "mew",
+    brand_color: "#05C0A5",
+    url: "https://www.mewwallet.com",
+    wallet_live_date: "13 March 2020",
+    active_development_team: true,
+    languages_supported: ["en", "ru"],
+    twitter: "https://twitter.com/myetherwallet",
+    discord: "",
+    reddit: "https://www.reddit.com/r/MyEtherWallet/",
+    telegram: "https://t.me/myetherwallet",
+    ios: true,
+    android: true,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: true,
+    repo_url: "https://github.com/mewwallet",
+    non_custodial: true,
+    security_audit: [""],
+    scam_protection: true,
+    hardware_support: false,
+    walletconnect: false,
+    rpc_importing: false,
+    nft_support: false,
+    connect_to_dapps: true,
+    staking: true,
+    swaps: true,
+    multichain: true,
+    layer_2: true,
+    gas_fee_customization: true,
+    ens_support: false,
+    erc_20_support: true,
+    eip_1559_support: true,
+    buy_crypto: true,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "https://www.mewtopia.com/",
+    documentation: "https://help.myetherwallet.com/en/",
+  },
+  {
+    last_updated: "June 24, 2022",
+    name: "Unstoppable wallet",
+    image_name: "unstoppable",
+    brand_color: "#ffbe43",
+    url: "https://unstoppable.money/",
+    wallet_live_date: "2017",
+    active_development_team: true,
+    languages_supported: ["en", "fr", "de", "ko", "ru", "zh", "es", "tr"],
+    twitter: "https://twitter.com/unstoppablebyhs",
+    discord: "https://discord.com/invite/3uECHQ3cEk",
+    reddit: "https://www.reddit.com/r/UNSTOPPABLEWallet/",
+    telegram: "https://t.me/unstoppable_announcements",
+    ios: true,
+    android: true,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: true,
+    repo_url: "https://github.com/horizontalsystems/",
+    non_custodial: true,
+    security_audit: ["https://www.certik.com/projects/unstoppable.money"],
+    scam_protection: true,
+    hardware_support: false,
+    walletconnect: true,
+    rpc_importing: false,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: true,
+    multichain: true,
+    layer_2: true,
+    gas_fee_customization: true,
+    ens_support: true,
+    erc_20_support: false,
+    eip_1559_support: true,
+    buy_crypto: false,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "",
+    documentation: "https://unstoppable.money/faq",
+  },
+  {
+    last_updated: "June 24, 2022",
+    name: "MyEtherWallet",
+    image_name: "myetherwallet",
+    brand_color: "#ffffff",
+    url: "https://www.myetherwallet.com/",
+    wallet_live_date: "August 2015",
+    active_development_team: true,
+    languages_supported: ["en"],
+    twitter: "https://twitter.com/myetherwallet",
+    discord: "",
+    reddit: "https://www.reddit.com/r/MyEtherWallet/",
+    telegram: "",
+    ios: false,
+    android: false,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: true,
+    repo_url: "https://github.com/MyEtherWallet/MyEtherWallet/",
+    non_custodial: true,
+    security_audit: [""],
+    scam_protection: false,
+    hardware_support: true,
+    walletconnect: true,
+    rpc_importing: false,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: true,
+    swaps: true,
+    multichain: false,
+    layer_2: false,
+    gas_fee_customization: true,
+    ens_support: true,
+    erc_20_support: true,
+    eip_1559_support: true,
+    buy_crypto: true,
+    withdraw_crypto: true,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "https://www.mewtopia.com",
+    documentation: "https://help.myetherwallet.com/en/",
+  },
+  {
+    last_updated: "June 24, 2022",
+    name: "AlphaWallet",
+    image_name: "alpha",
+    brand_color: "#ffffff",
+    url: "https://alphawallet.com/",
+    wallet_live_date: "2018",
+    active_development_team: true,
+    languages_supported: ["en", "zh", "es", "fr", "vi", "mm"],
+    twitter: "https://twitter.com/alphawallet",
+    discord: "https://discord.gg/qYkK6VrWEd",
+    reddit: "",
+    telegram: "https://t.me/AlphaWalletGroup",
+    ios: true,
+    android: true,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: true,
+    repo_url: "https://github.com/alphawallet",
+    non_custodial: true,
+    security_audit: [""],
+    scam_protection: false,
+    hardware_support: false,
+    walletconnect: true,
+    rpc_importing: false,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: true,
+    multichain: true,
+    layer_2: true,
+    gas_fee_customization: true,
+    ens_support: true,
+    erc_20_support: true,
+    eip_1559_support: true,
+    buy_crypto: true,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "https://alphawallet.zendesk.com/hc/en-us",
+    documentation: "",
+  },
+  {
+    last_updated: "June 24, 2022",
+    name: "Opera wallet",
+    image_name: "opera",
+    brand_color: "#ffffff",
+    url: "https://crypto.opera.com/",
+    wallet_live_date: "January 19 2022",
+    active_development_team: true,
+    languages_supported: ["en"],
+    twitter: "https://twitter.com/Opera_Crypto",
+    discord: "https://discord.gg/operacrypto",
+    reddit: "",
+    telegram: "",
+    ios: true,
+    android: true,
+    linux: true,
+    windows: true,
+    macOS: true,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: false,
+    repo_url: "",
+    non_custodial: true,
+    security_audit: [""],
+    scam_protection: true,
+    hardware_support: false,
+    walletconnect: false,
+    rpc_importing: false,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: true,
+    multichain: true,
+    layer_2: false,
+    gas_fee_customization: false,
+    ens_support: true,
+    erc_20_support: true,
+    eip_1559_support: false,
+    buy_crypto: true,
+    withdraw_crypto: true,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "",
+    documentation: "",
+  },
+  {
+    last_updated: "June 24, 2022",
+    name: "Guarda",
+    image_name: "guarda",
+    brand_color: "#ffffff",
+    url: "https://guarda.com/",
+    wallet_live_date: "2017",
+    active_development_team: true,
+    languages_supported: ["en"],
+    twitter: "https://twitter.com/GuardaWallet",
+    discord: "",
+    reddit: "https://www.reddit.com/r/GuardaWallet/",
+    telegram: "https://t.me/Guarda_community",
+    ios: true,
+    android: true,
+    linux: true,
+    windows: true,
+    macOS: true,
+    firefox: true,
+    chromium: true,
+    hardware: false,
+    open_source: false,
+    repo_url: "",
+    non_custodial: true,
+    security_audit: [""],
+    scam_protection: true,
+    hardware_support: true,
+    walletconnect: true,
+    rpc_importing: false,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: true,
+    swaps: true,
+    multichain: true,
+    layer_2: false,
+    gas_fee_customization: true,
+    ens_support: true,
+    erc_20_support: true,
+    eip_1559_support: false,
+    buy_crypto: true,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "",
+    documentation: "https://support.guarda.com/",
+  },
+  {
+    last_updated: "June 24, 2022",
+    name: "Web3Auth",
+    image_name: "web3auth",
+    brand_color: "#0364ff",
+    url: "https://web3auth.io",
+    wallet_live_date: "Jan, 2022",
+    active_development_team: true,
+    languages_supported: ["en"],
+    twitter: "https://twitter.com/web3auth",
+    discord: "https://discord.gg/web3auth",
+    reddit: "",
+    telegram: "https://t.me/web3authdev",
+    ios: false,
+    android: false,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: true,
+    repo_url: "https://github.com/web3auth/web3auth",
+    non_custodial: false,
+    security_audit: ["https://github.com/torusresearch/audit"],
+    scam_protection: false,
+    hardware_support: false,
+    walletconnect: true,
+    rpc_importing: true,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: false,
+    multichain: true,
+    layer_2: true,
+    gas_fee_customization: true,
+    ens_support: true,
+    erc_20_support: true,
+    eip_1559_support: true,
+    buy_crypto: true,
+    withdraw_crypto: false,
+    multisig: true,
+    social_recovery: false,
+    onboard_documentation: "https://web3auth.io/docs/",
+    documentation: "",
+    mpc: true,
+  },
+  {
+    last_updated: "June 24, 2022",
+    name: "Bridge wallet",
+    image_name: "bridge",
+    brand_color: "#ffffff",
+    url: "https://www.mtpelerin.com/bridge-wallet",
+    wallet_live_date: "April 2020",
+    active_development_team: true,
+    languages_supported: ["en", "fr", "de", "it", "es", "zh", "zh-tw"],
+    twitter: "https://twitter.com/mtpelerin",
+    discord: "https://discord.gg/WErDKTvMr7",
+    reddit: "",
+    telegram: "https://t.me/mtpelerinchat/",
+    ios: true,
+    android: true,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: false,
+    repo_url: "",
+    non_custodial: true,
+    security_audit: [""],
+    scam_protection: true,
+    hardware_support: false,
+    walletconnect: true,
+    rpc_importing: true,
+    nft_support: false,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: false,
+    multichain: true,
+    layer_2: true,
+    gas_fee_customization: true,
+    ens_support: false,
+    erc_20_support: true,
+    eip_1559_support: true,
+    buy_crypto: true,
+    withdraw_crypto: true,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "",
+    documentation: "",
+  },
+  {
+    last_updated: "June 24, 2022",
+    name: "Torus",
+    image_name: "torus",
+    brand_color: "#0364ff",
+    url: "https://tor.us",
+    wallet_live_date: "May 2019",
+    active_development_team: true,
+    languages_supported: ["en"],
+    twitter: "https://twitter.com/web3auth",
+    discord: "https://discord.gg/web3auth",
+    reddit: "",
+    telegram: "https://t.me/web3authdev",
+    ios: false,
+    android: false,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: true,
+    repo_url: "https://github.com/torusresearch/torus-website",
+    non_custodial: false,
+    security_audit: ["https://web3auth.io/docs/overview/audits"],
+    scam_protection: false,
+    hardware_support: false,
+    walletconnect: true,
+    rpc_importing: true,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: false,
+    multichain: true,
+    layer_2: true,
+    gas_fee_customization: true,
+    ens_support: true,
+    erc_20_support: true,
+    eip_1559_support: true,
+    buy_crypto: true,
+    withdraw_crypto: false,
+    multisig: true,
+    social_recovery: false,
+    onboard_documentation: "",
+    documentation: "https://web3auth.io/docs/",
+    mpc: true,
+  },
+  {
+    last_updated: "June 24, 2022",
+    name: "TokenPocket",
+    image_name: "tokenpocket",
+    brand_color: "#2980fe",
+    url: "https://www.tokenpocket.pro/",
+    wallet_live_date: "April, 2018",
+    active_development_team: true,
+    languages_supported: [
+      "en",
+      "ph",
+      "hi",
+      "jp",
+      "ko",
+      "ru",
+      "zh",
+      "es",
+      "th",
+      "zh-tw",
+    ],
+    twitter: "https://twitter.com/TokenPocket_TP",
+    discord: "",
+    reddit: "",
+    telegram: "https://t.me/tokenPocket_en",
+    ios: true,
+    android: true,
+    linux: false,
+    windows: true,
+    macOS: true,
+    firefox: false,
+    chromium: true,
+    hardware: false,
+    open_source: false,
+    repo_url: "",
+    non_custodial: true,
+    security_audit: [""],
+    scam_protection: false,
+    hardware_support: true,
+    walletconnect: true,
+    rpc_importing: false,
+    nft_support: true,
+    connect_to_dapps: false,
+    staking: false,
+    swaps: false,
+    multichain: false,
+    layer_2: false,
+    gas_fee_customization: false,
+    ens_support: false,
+    erc_20_support: false,
+    eip_1559_support: false,
+    buy_crypto: false,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "",
+    documentation: "https://help.tokenpocket.pro/developer-en/",
+  },
+  {
+    last_updated: "June 30, 2022",
+    name: "Rainbow",
+    image_name: "rainbow",
+    brand_color: "#001A4D",
+    url: "https://rainbow.me",
+    wallet_live_date: "June 2019",
+    active_development_team: true,
+    languages_supported: ["en"],
+    twitter: "https://twitter.com/rainbowdotme",
+    discord: "",
+    reddit: "",
+    telegram: "",
+    ios: true,
+    android: true,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: true,
+    repo_url: "https://github.com/rainbow-me/rainbow",
+    non_custodial: true,
+    security_audit: [""],
+    scam_protection: true,
+    hardware_support: false,
+    walletconnect: true,
+    rpc_importing: false,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: true,
+    multichain: true,
+    layer_2: true,
+    gas_fee_customization: true,
+    ens_support: true,
+    erc_20_support: true,
+    eip_1559_support: true,
+    buy_crypto: true,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "https://learn.rainbow.me/",
+    documentation: "",
+  },
+  {
+    last_updated: "June 30, 2022",
+    name: "Status",
+    image_name: "status",
+    brand_color: "#4360DF",
+    url: "https://status.im/",
+    wallet_live_date:
+      "Status Mobile has been available in beta since 2017, with the 1.0 version released in Feb 2020.",
+    active_development_team: true,
+    languages_supported: [
+      "ar",
+      "bn",
+      "de",
+      "el",
+      "en",
+      "es",
+      "ph",
+      "fr",
+      "hi",
+      "id",
+      "it",
+      "jp",
+      "ko",
+      "my",
+      "nl",
+      "pl",
+      "pt",
+      "pt-br",
+      "ru",
+      "tr",
+      "vi",
+      "zh",
+      "zh-tw",
+    ],
+    twitter: "https://twitter.com/ethstatus",
+    discord: "https://discord.gg/HGSAcAHGMA",
+    reddit: "https://www.reddit.com/r/statusim/",
+    telegram: "",
+    ios: true,
+    android: true,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: false,
+    hardware: true,
+    open_source: true,
+    repo_url: "https://github.com/status-im/",
+    non_custodial: true,
+    security_audit: ["https://github.com/status-im/status-security#audits"],
+    scam_protection: true,
+    hardware_support: true,
+    walletconnect: true,
+    rpc_importing: true,
+    nft_support: true,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: false,
+    multichain: false,
+    layer_2: true,
+    gas_fee_customization: true,
+    ens_support: true,
+    erc_20_support: true,
+    eip_1559_support: true,
+    buy_crypto: true,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "https://status.im/faq/",
+    documentation: "https://our.status.im/",
+  },
+  {
+    last_updated: "June 30, 2022",
+    name: "Aktionariat",
+    image_name: "aktionariat",
+    brand_color: "#ffffff",
+    url: "https://www.aktionariat.com/",
+    wallet_live_date: "28.01.2021",
+    active_development_team: true,
+    languages_supported: ["en"],
+    twitter: "https://twitter.com/aktionariat",
+    discord: "",
+    reddit: "",
+    telegram: "https://t.me/Aktionariat",
+    ios: true,
+    android: true,
+    linux: false,
+    windows: false,
+    macOS: false,
+    firefox: false,
+    chromium: false,
+    hardware: false,
+    open_source: false,
+    repo_url: "",
+    non_custodial: true,
+    security_audit: [""],
+    scam_protection: false,
+    hardware_support: false,
+    walletconnect: true,
+    rpc_importing: false,
+    nft_support: false,
+    connect_to_dapps: true,
+    staking: false,
+    swaps: false,
+    multichain: false,
+    layer_2: true,
+    gas_fee_customization: true,
+    ens_support: false,
+    erc_20_support: false,
+    eip_1559_support: true,
+    buy_crypto: true,
+    withdraw_crypto: false,
+    multisig: false,
+    social_recovery: false,
+    onboard_documentation: "",
+    documentation: "https://www.aktionariat.com/faq/en#wallet",
+  },
+]
+
+export default walletData
diff --git a/src/data/wallets/wallet-filters.ts b/src/data/wallets/wallet-filters.ts
new file mode 100644
index 00000000000..e0bddaa709b
--- /dev/null
+++ b/src/data/wallets/wallet-filters.ts
@@ -0,0 +1,164 @@
+interface WalletFilter {
+  title: string
+  filterKey: string | undefined
+  description: string
+}
+
+const walletFilterData: { [key: string]: WalletFilter } = {
+  mobile: {
+    title: "Mobile",
+    description: "Wallets with mobile apps",
+    filterKey: undefined,
+  },
+  android: {
+    title: "Android",
+    description: "",
+    filterKey: "android",
+  },
+  ios: {
+    title: "iOS",
+    description: "",
+    filterKey: "ios",
+  },
+  desktop: {
+    title: "Desktop",
+    description: "Wallets with desktop apps",
+    filterKey: undefined,
+  },
+  linux: {
+    title: "Linux",
+    description: "",
+    filterKey: "linux",
+  },
+  windows: {
+    title: "Windows",
+    description: "",
+    filterKey: "windows",
+  },
+  macos: {
+    title: "macOS",
+    description: "",
+    filterKey: "macOS",
+  },
+  browser: {
+    title: "Browser",
+    description: "Wallets with browser extensions",
+    filterKey: undefined,
+  },
+  firefox: {
+    title: "Firefox",
+    description: "",
+    filterKey: "firefox",
+  },
+  chromium: {
+    title: "Chromium",
+    description: "",
+    filterKey: "chromium",
+  },
+  hardware: {
+    title: "Hardware",
+    description: "Hardware wallets",
+    filterKey: "hardware",
+  },
+  open_source: {
+    title: "Open-source",
+    description:
+      "Open-source software lets anyone audit the integrity and security of the application",
+    filterKey: "open_source",
+  },
+  non_custodial: {
+    title: "Non-custodial",
+    description: "Wallets that do not control your private keys",
+    filterKey: "non_custodial",
+  },
+  hardware_support: {
+    title: "Hardware support",
+    description:
+      "Wallets that can connect to hardware wallet for better security",
+    filterKey: "hardware_support",
+  },
+  walletconnect: {
+    title: "WalletConnect",
+    description: "Wallets that support WalletConnect for connecting to dapps",
+    filterKey: "walletconnect",
+  },
+  rpc_importing: {
+    title: "RPC importing",
+    description:
+      "Wallets supporting custom RPC endpoints to connect to different nodes or networks",
+    filterKey: "rpc_importing",
+  },
+  nft_support: {
+    title: "NFT support",
+    description: "Wallets that support viewing and interacting with your NFTs",
+    filterKey: "nft_support",
+  },
+  connect_to_dapps: {
+    title: "Connect to decentralized apps",
+    description:
+      "Wallets that connect to applications built on the Ethereum network",
+    filterKey: "connect_to_dapps",
+  },
+  staking: {
+    title: "Staking",
+    description: "Stake ETH directly from the wallet",
+    filterKey: "staking",
+  },
+  swaps: {
+    title: "Swaps",
+    description: "Swap ERC-20 tokens directly in the wallet",
+    filterKey: "swaps",
+  },
+  layer_2: {
+    title: "Layer 2",
+    description: "Wallets supporting Ethereum layer 2s",
+    filterKey: "layer_2",
+  },
+  gas_fee_customization: {
+    title: "Gas fee customization",
+    description:
+      "Customize your gas amounts (base fee, priority fee, and max fee)",
+    filterKey: "gas_fee_customization",
+  },
+  ens_support: {
+    title: "ENS support",
+    description: "Send transactions to ENS addresses",
+    filterKey: "ens_support",
+  },
+  erc_20_support: {
+    title: "Token importing",
+    description: "Import any ERC-20 token to use in the wallet",
+    filterKey: "erc_20_support",
+  },
+  eip_1559_support: {
+    title: "EIP-1559 support",
+    description: "Lower gas fees with type-2 transactions",
+    filterKey: "eip_1559_support",
+  },
+  buy_crypto: {
+    title: "Buy crypto",
+    description:
+      "Buy crypto directly in the wallet \n *Note: buying crypto may be region specific",
+    filterKey: "buy_crypto",
+  },
+  withdraw_crypto: {
+    title: "Withdraw crypto",
+    description:
+      "Withdraw to fiat directly in the wallet \n *Note: withdrawing crypto may be region specific",
+    filterKey: "withdraw_crypto",
+  },
+  multisig: {
+    title: "Multisig",
+    description:
+      "Wallets that require multiple signatures to authorize a transaction",
+    filterKey: "multisig",
+  },
+  social_recovery: {
+    title: "Social recovery",
+    description:
+      "Wallets that allow guardians to change the signing key for smart contract wallets",
+    filterKey: "social_recovery",
+  },
+}
+
+export default walletFilterData
diff --git a/src/hooks/useSurvey.ts b/src/hooks/useSurvey.ts
index 6ed42569bab..41665df2f96 100644
--- a/src/hooks/useSurvey.ts
+++ b/src/hooks/useSurvey.ts
@@ -23,6 +23,10 @@ export const useSurvey = (
         [YES]: `https://gzmn3wgk.paperform.co/?url=${location}`,
         [NO]: `https://zlj83p6l.paperform.co/?url=${location}`,
       },
+      "find-wallet": {
+        [YES]: "https://wsf1ubwu.paperform.co",
+        [NO]: "https://wsf1ubwu.paperform.co,",
+      },
     }
     let url = surveyUrls.__default[isHelpful ? YES : NO]
     Object.keys(surveyUrls).forEach((key) => {
diff --git a/src/intl/en/page-wallets-find-wallet.json b/src/intl/en/page-wallets-find-wallet.json
index e2b4d88b507..c6576f8b991 100644
--- a/src/intl/en/page-wallets-find-wallet.json
+++ b/src/intl/en/page-wallets-find-wallet.json
@@ -107,7 +107,7 @@
   "page-find-wallet-new-to-wallets": "New to wallets? Here's an overview to get you started.",
   "page-find-wallet-new-to-wallets-link": "Ethereum wallets",
   "page-find-wallet-not-all-features": "No wallet has all of these features yet",
-  "page-find-wallet-not-endorsements": "Wallets listed on this page are not official endorsements, and are provided for informational purposes only. Their descriptions have been provided by the wallet companies themselves. We add products to this page based on criteria in our",
+  "page-find-wallet-not-endorsements": "Wallets listed on this page are not official endorsements, and are provided for informational purposes only. Their descriptions have been provided by the wallet projects themselves. We add products to this page based on criteria in our",
   "page-find-wallet-numio-logo-alt": "Numio logo",
   "page-find-wallet-overwhelmed": "Ethereum wallets below. Overwhelmed? Try filtering by features.",
   "page-find-wallet-opera-logo-alt": "Opera logo",
diff --git a/src/pages/wallets/find-wallet.js b/src/pages/wallets/find-wallet.js
deleted file mode 100644
index 1d1dc292d20..00000000000
--- a/src/pages/wallets/find-wallet.js
+++ /dev/null
@@ -1,168 +0,0 @@
-import React from "react"
-import { graphql } from "gatsby"
-import { useIntl } from "gatsby-plugin-intl"
-import styled from "styled-components"
-import { GatsbyImage, getImage } from "gatsby-plugin-image"
-
-import { translateMessageId } from "../../utils/translations"
-import Translation from "../../components/Translation"
-import Breadcrumbs from "../../components/Breadcrumbs"
-import ButtonLink from "../../components/ButtonLink"
-import CalloutBanner from "../../components/CalloutBanner"
-import InfoBanner from "../../components/InfoBanner"
-import Link from "../../components/Link"
-import PageMetadata from "../../components/PageMetadata"
-import WalletCompare from "../../components/WalletCompare"
-import FeedbackCard from "../../components/FeedbackCard"
-import { Divider, Page } from "../../components/SharedStyledComponents"
-
-const Subtitle = styled.div`
-  font-size: 1.25rem;
-  line-height: 140%;
-  max-width: 45ch;
-  text-align: center;
-  color: ${(props) => props.theme.colors.text200};
-
-  &:last-of-type {
-    margin-bottom: 2rem;
-  }
-`
-
-const HeroContainer = styled.div`
-  position: relative;
-  width: 100%;
-  max-width: 1440px;
-  display: flex;
-  flex-direction: column;
-  margin-top: 2rem;
-  justify-content: center;
-  @media (max-width: ${(props) => props.theme.breakpoints.xl}) {
-    max-width: 100vw;
-  }
-  @media (max-width: ${(props) => props.theme.breakpoints.m}) {
-    flex-direction: column-reverse;
-    margin-bottom: -1rem;
-  }
-  @media (max-width: ${(props) => props.theme.breakpoints.s}) {
-    flex-direction: column-reverse;
-    margin-bottom: 0rem;
-  }
-`
-
-const Hero = styled(GatsbyImage)`
-  position: absolute !important;
-  z-index: -1;
-  width: 100%;
-  max-width: 1440px;
-  @media (max-width: ${(props) => props.theme.breakpoints.xl}) {
-    max-width: 100vw;
-  }
-  min-height: 300px;
-  max-height: 400px;
-  background-size: cover;
-`
-
-const Header = styled.header`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  margin-top: 3rem;
-  margin-bottom: 6rem;
-  text-align: center;
-  @media (max-width: ${(props) => props.theme.breakpoints.l}) {
-    margin: 2rem;
-  }
-`
-
-const InfoBannerContainer = styled.div`
-  margin-bottom: 2rem;
-  @media (max-width: ${(props) => props.theme.breakpoints.l}) {
-    margin-left: 2rem;
-    margin-right: 2rem;
-    margin-bottom: 1rem;
-  }
-`
-
-const FindWalletPage = ({ location, data }) => {
-  const intl = useIntl()
-  return (
-    <Page>
-      <PageMetadata
-        title={translateMessageId("page-find-wallet-meta-title", intl)}
-        description={translateMessageId(
-          "page-find-wallet-meta-description",
-          intl
-        )}
-      />
-
-      <HeroContainer>
-        <Hero
-          image={getImage(data.hero)}
-          alt={translateMessageId("page-find-wallet-image-alt", intl)}
-          loading="eager"
-        />
-        <Header>
-          <Breadcrumbs slug={location.pathname} />
-          <h1>
-            <Translation id="page-find-wallet-title" />
-          </h1>
-          <Subtitle>
-            <Translation id="page-find-wallet-description" />
-          </Subtitle>
-          <Subtitle>
-            <Translation id="page-find-wallet-desc-2" />
-          </Subtitle>
-        </Header>
-      </HeroContainer>
-      <InfoBannerContainer>
-        <InfoBanner emoji=":wave:">
-          <Translation id="page-find-wallet-new-to-wallets" />{" "}
-          <Link to="/wallets/">
-            <Translation id="page-find-wallet-new-to-wallets-link" />
-          </Link>
-        </InfoBanner>
-      </InfoBannerContainer>
-      <WalletCompare location={location} />
-      <Divider />
-      <CalloutBanner
-        titleKey={"page-find-wallet-use-your-wallet"}
-        descriptionKey={"page-find-wallet-use-wallet-desc"}
-        image={getImage(data.dapps)}
-        alt={translateMessageId(
-          "page-index-sections-individuals-image-alt",
-          intl
-        )}
-        maxImageWidth={600}
-      >
-        <div>
-          <ButtonLink to="/dapps/">
-            <Translation id="page-find-wallet-checkout-dapps" />
-          </ButtonLink>
-        </div>
-      </CalloutBanner>
-      <FeedbackCard />
-    </Page>
-  )
-}
-
-export default FindWalletPage
-
-export const query = graphql`
-  {
-    hero: file(relativePath: { eq: "wallets/find-wallet-hero.png" }) {
-      childImageSharp {
-        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
-      }
-    }
-    dapps: file(relativePath: { eq: "doge-computer.png" }) {
-      childImageSharp {
-        gatsbyImageData(
-          width: 600
-          layout: CONSTRAINED
-          placeholder: BLURRED
-          quality: 100
-        )
-      }
-    }
-  }
-`
diff --git a/src/pages/wallets/find-wallet.tsx b/src/pages/wallets/find-wallet.tsx
new file mode 100644
index 00000000000..f2ad56ef039
--- /dev/null
+++ b/src/pages/wallets/find-wallet.tsx
@@ -0,0 +1,724 @@
+// Libraries
+import React, { useState } from "react"
+import { graphql } from "gatsby"
+import { getImage, GatsbyImage } from "gatsby-plugin-image"
+import { useIntl } from "gatsby-plugin-intl"
+import styled from "styled-components"
+import { shuffle } from "lodash"
+
+// Components
+import Breadcrumbs from "../../components/Breadcrumbs"
+import Icon from "../../components/Icon"
+import Link from "../../components/Link"
+import PageMetadata from "../../components/PageMetadata"
+import { Content, Page } from "../../components/SharedStyledComponents"
+import Translation from "../../components/Translation"
+import WalletFilterSidebar from "../../components/FindWallet/WalletFilterSidebar"
+import WalletPersonasSidebar from "../../components/FindWallet/WalletPersonasSidebar"
+import WalletTable from "../../components/FindWallet/WalletTable"
+
+// Data
+import walletData from "../../data/wallets/wallet-data"
+
+// Icons
+import FilterBurger from "../../assets/wallets/filter_burger.svg"
+
+// Utils
+import { translateMessageId } from "../../utils/translations"
+import { trackCustomEvent } from "../../utils/matomo"
+
+// Styles
+const HeroContainer = styled.div`
+  position: relative;
+  width: 100%;
+  display: flex;
+  padding: 3rem;
+  background: ${(props) => props.theme.colors.layer2Gradient};
+  margin-bottom: 44px;
+
+  @media (max-width: ${(props) => props.theme.breakpoints.s}) {
+    flex-direction: column-reverse;
+  }
+`
+
+const HeroContent = styled.div`
+  width: 50%;
+  @media (max-width: ${(props) => props.theme.breakpoints.s}) {
+    margin-top: 2rem;
+    width: 100%;
+  }
+`
+
+const Subtitle = styled.div`
+  font-size: 1.25rem;
+  line-height: 140%;
+  color: ${(props) => props.theme.colors.text200};
+  &:last-of-type {
+    margin-bottom: 2rem;
+  }
+`
+
+const HeroImage = styled(GatsbyImage)`
+  width: 50%;
+
+  @media (max-width: ${(props) => props.theme.breakpoints.s}) {
+    width: 100%;
+  }
+`
+
+const TableContent = styled(Content)`
+  display: flex;
+  gap: 24px;
+  height: 90vh;
+  overflow: hidden;
+  position: sticky;
+  top: 76px;
+  margin-bottom: 150px;
+  border-bottom: 1px solid ${(props) => props.theme.colors.secondary};
+  padding-bottom: 0;
+
+  @media (max-width: ${(props) => props.theme.breakpoints.l}) {
+    padding: 1rem 0 0;
+    margin-bottom: 120px;
+  }
+  @media (max-width: ${(props) => props.theme.breakpoints.m}) {
+    padding: 1rem 0 0;
+    margin-bottom: 230px;
+  }
+`
+
+const MobileFilterToggleContainer = styled.div`
+  position: sticky;
+  top: 76px;
+  background: ${(props) => props.theme.colors.background};
+  width: 100%;
+  z-index: 1;
+  padding: 5px 0;
+`
+
+const MobileFilterToggle = styled.div<{ showMobileSidebar: boolean }>`
+  display: none;
+  @media (max-width: ${(props) => props.theme.breakpoints.l}) {
+    display: flex;
+    gap: 1rem;
+    justify-content: space-between;
+    align-items: center;
+    border: 1px solid ${(props) => props.theme.colors.primary};
+    border-left: none;
+    border-radius: 0px 4px 4px 0px;
+    padding: 6px 20px 10px 20px;
+    margin: auto;
+    margin-left: 0;
+    z-index: 1;
+    width: 100%;
+    max-width: ${(props) => (props.showMobileSidebar ? "330px" : "150px")};
+    background: ${(props) =>
+      props.showMobileSidebar
+        ? props.theme.colors.background
+        : props.theme.colors.background};
+  }
+
+  p {
+    margin: 0;
+  }
+
+  svg {
+    width: 32px;
+    height: 32px;
+    line {
+      stroke: ${(props) => props.theme.colors.primary};
+    }
+    circle {
+      stroke: ${(props) => props.theme.colors.primary};
+    }
+  }
+`
+
+const StyledIcon = styled(Icon)`
+  fill: ${(props) => props.theme.colors.primary};
+  width: 24;
+  height: 24;
+`
+
+const SecondaryText = styled.p`
+  font-size: 14px;
+  line-height: 14px;
+  color: ${(props) => props.theme.colors.text200};
+`
+
+const FilterSidebar = styled.div<{ showMobileSidebar: boolean }>`
+  max-width: 330px;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 0.55rem;
+  overflow-y: scroll;
+  background: ${(props) => props.theme.colors.background};
+  transition: 0.5s all;
+  z-index: 20;
+  border-radius: 0px 8px 0px 0px;
+  scrollbar-width: thin;
+  scrollbar-color: ${(props) => props.theme.colors.lightBorder}
+    ${(props) => props.theme.colors.background};
+  ::-webkit-scrollbar {
+    width: 8px;
+  }
+  ::-webkit-scrollbar-track {
+    background: ${(props) => props.theme.colors.background};
+  }
+  ::-webkit-scrollbar-thumb {
+    background-color: ${(props) => props.theme.colors.lightBorder};
+    border-radius: 4px;
+    border: 2px solid ${(props) => props.theme.colors.background};
+  }
+
+  @media (max-width: ${(props) => props.theme.breakpoints.l}) {
+    width: ${(props) => (props.showMobileSidebar ? "350px" : "350px")};
+    left: ${(props) => (props.showMobileSidebar ? "0" : "-400px")};
+    height: ${(props) => (props.showMobileSidebar ? "100%" : "100%")};
+    display: ${(props) => (props.showMobileSidebar ? "flex" : "none")};
+    position: ${(props) => (props.showMobileSidebar ? "absolute" : "relative")};
+    box-shadow: ${(props) =>
+      props.showMobileSidebar ? "0 800px 0 800px rgb(0 0 0 / 65%)" : "none"};
+  }
+  @media (max-width: ${(props) => props.theme.breakpoints.s}) {
+    width: ${(props) => (props.showMobileSidebar ? "90%" : "90%")};
+    height: ${(props) => (props.showMobileSidebar ? "100%" : "100%")};
+    display: ${(props) => (props.showMobileSidebar ? "flex" : "none")};
+  }
+`
+
+const FilterTabs = styled.div`
+  display: flex;
+  border-bottom: 1px solid ${(props) => props.theme.colors.primary};
+  cursor: pointer;
+  position: sticky;
+  top: 0;
+  background: ${(props) => props.theme.colors.background};
+  z-index: 1;
+
+  p {
+    margin: 0;
+    letter-spacing: 0.02rem;
+    font-size: 0.9rem;
+    width: 100%;
+  }
+`
+
+const FilterTab = styled.div<{
+  active: boolean
+}>`
+  width: 50%;
+  text-align: center;
+  background: ${(props) =>
+    props.active === true ? props.theme.colors.primary : "none"};
+  border-radius: 8px 0px 0px 0px;
+  padding: 0.9rem 0.4rem;
+  display: flex;
+  justify-items: center;
+  align-items: center;
+
+  color: ${(props) =>
+    props.active === true
+      ? props.theme.colors.background
+      : props.theme.colors.text};
+
+  :last-child {
+    border-radius: 0px 8px 0px 0px;
+  }
+
+  :hover {
+    background: ${(props) =>
+      props.active === true
+        ? props.theme.colors.primary
+        : props.theme.colors.selectHover};
+  }
+`
+
+const WalletContent = styled.div<{ showMobileSidebar: boolean }>`
+  width: 100%;
+  overflow-y: scroll;
+  scrollbar-width: thin;
+  scrollbar-color: ${(props) => props.theme.colors.lightBorder}
+    ${(props) => props.theme.colors.background};
+  ::-webkit-scrollbar {
+    width: 8px;
+  }
+  ::-webkit-scrollbar-track {
+    background: ${(props) => props.theme.colors.background};
+  }
+  ::-webkit-scrollbar-thumb {
+    background-color: ${(props) => props.theme.colors.lightBorder};
+    border-radius: 4px;
+    border: 2px solid ${(props) => props.theme.colors.background};
+  }
+  table {
+    margin: 0;
+  }
+
+  @media (max-width: ${(props) => props.theme.breakpoints.l}) {
+    width: 100%;
+  }
+
+  @media (max-width: ${(props) => props.theme.breakpoints.s}) {
+    width: 100%;
+    display: ${(props) => (props.showMobileSidebar ? "none" : "")};
+  }
+`
+
+const Note = styled.div`
+  text-align: center;
+  padding: 20px;
+
+  p {
+    font-size: 14px;
+    line-height: 23px;
+    margin: 0;
+    padding-top: 0.2rem;
+  }
+`
+
+const ResetContainer = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  padding: 2px 4px;
+  border-radius: 4px;
+  width: 100%;
+  margin: 0 auto;
+  gap: 0.25rem;
+  font-size: 0.75rem;
+  cursor: pointer;
+  :hover {
+    p {
+      color: ${(props) => props.theme.colors.selectHover};
+    }
+    svg {
+      fill: ${(props) => props.theme.colors.selectHover};
+    }
+  }
+
+  p {
+    margin: 0;
+    color: ${(props) => props.theme.colors.primary};
+  }
+  svg {
+    fill: ${(props) => props.theme.colors.primary};
+  }
+`
+
+const ResetIcon = styled(Icon)`
+  fill: ${(props) => props.theme.colors.primary};
+`
+
+const filterDefault = {
+  android: false,
+  ios: false,
+  linux: false,
+  windows: false,
+  macOS: false,
+  firefox: false,
+  chromium: false,
+  hardware: false,
+  open_source: false,
+  non_custodial: false,
+  hardware_support: false,
+  walletconnect: false,
+  rpc_importing: false,
+  nft_support: false,
+  connect_to_dapps: false,
+  staking: false,
+  swaps: false,
+  layer_2: false,
+  gas_fee_customization: false,
+  ens_support: false,
+  erc_20_support: false,
+  buy_crypto: false,
+  withdraw_crypto: false,
+  multisig: false,
+  social_recovery: false,
+  eip_1559_support: false,
+}
+
+const randomizedWalletData = shuffle(walletData)
+
+const FindWalletPage = ({ data, location }) => {
+  const intl = useIntl()
+
+  const [showFeatureFilters, setShowFeatureFilters] = useState(false)
+  const [showMobileSidebar, setShowMobileSidebar] = useState(false)
+  const [filters, setFilters] = useState(filterDefault)
+  const [selectedPersona, setSelectedPersona] = useState(NaN)
+
+  const updateFilterOption = (key) => {
+    const updatedFilters = { ...filters }
+    updatedFilters[key] = !updatedFilters[key]
+    setFilters(updatedFilters)
+    setSelectedPersona(NaN)
+  }
+
+  const updateFilterOptions = (keys, value) => {
+    const updatedFilters = { ...filters }
+    for (let key of keys) {
+      updatedFilters[key] = value
+    }
+    setFilters(updatedFilters)
+    setSelectedPersona(NaN)
+  }
+
+  const resetFilters = () => {
+    setSelectedPersona(NaN)
+    setFilters(filterDefault)
+  }
+
+  return (
+    <Page>
+      <PageMetadata
+        title={translateMessageId("page-find-wallet-meta-title", intl)}
+        description={translateMessageId(
+          "page-find-wallet-meta-description",
+          intl
+        )}
+      />
+
+      <HeroContainer>
+        <HeroContent>
+          <Breadcrumbs slug={location.pathname} />
+          <h1>
+            <Translation id="page-find-wallet-title" />
+          </h1>
+          <Subtitle>
+            <Translation id="page-find-wallet-description" />
+          </Subtitle>
+          <Subtitle>
+            <Translation id="page-find-wallet-desc-2" />
+          </Subtitle>
+        </HeroContent>
+        <HeroImage
+          image={getImage(data.hero)!}
+          alt=""
+          loading="eager"
+          objectFit="contain"
+        />
+      </HeroContainer>
+      <MobileFilterToggleContainer>
+        <MobileFilterToggle
+          showMobileSidebar={showMobileSidebar}
+          onClick={() => {
+            setShowMobileSidebar(!showMobileSidebar)
+            trackCustomEvent({
+              eventCategory: "MobileFilterToggle",
+              eventAction: `Tap MobileFilterToggle`,
+              eventName: `show mobile filters ${!showMobileSidebar}`,
+            })
+          }}
+        >
+          <div>
+            <p>FILTERS</p>
+            <SecondaryText>
+              {Object.values(filters).reduce((acc, filter) => {
+                if (filter) {
+                  acc += 1
+                }
+                return acc
+              }, 0)}{" "}
+              active
+            </SecondaryText>
+          </div>
+          {showMobileSidebar ? <StyledIcon name="cancel" /> : <FilterBurger />}
+        </MobileFilterToggle>
+      </MobileFilterToggleContainer>
+      <TableContent>
+        <FilterSidebar showMobileSidebar={showMobileSidebar}>
+          <FilterTabs>
+            <FilterTab
+              active={!showFeatureFilters}
+              onClick={() => {
+                setShowFeatureFilters(false)
+                trackCustomEvent({
+                  eventCategory: "WalletFilterSidebar",
+                  eventAction: `WalletFilterSidebar tab clicked`,
+                  eventName: `show user personas`,
+                })
+              }}
+            >
+              <p>Profile Filters</p>
+            </FilterTab>
+            <FilterTab
+              active={showFeatureFilters}
+              onClick={() => {
+                setShowFeatureFilters(true)
+                trackCustomEvent({
+                  eventCategory: "WalletFilterSidebar",
+                  eventAction: `WalletFilterSidebar tab clicked`,
+                  eventName: `show feature filters`,
+                })
+              }}
+            >
+              <p>
+                Feature Filters (
+                {Object.values(filters).reduce((acc, filter) => {
+                  if (filter) {
+                    acc += 1
+                  }
+                  return acc
+                }, 0)}
+                )
+              </p>
+            </FilterTab>
+          </FilterTabs>
+          <ResetContainer
+            role="button"
+            aria-labelledby="reset-filter"
+            onClick={resetFilters}
+          >
+            <ResetIcon
+              aria-hidden="true"
+              name="arrowCounterClockwise"
+              size="14"
+            />
+            <p id="reset-filter" aria-hidden="true">
+              {"Reset filters".toUpperCase()}
+            </p>
+          </ResetContainer>
+          <div>
+            {showFeatureFilters ? (
+              <WalletFilterSidebar
+                filters={filters}
+                updateFilterOption={updateFilterOption}
+                updateFilterOptions={updateFilterOptions}
+              />
+            ) : (
+              <WalletPersonasSidebar
+                resetFilters={resetFilters}
+                setFilters={setFilters}
+                selectedPersona={selectedPersona}
+                setSelectedPersona={setSelectedPersona}
+              />
+            )}
+          </div>
+        </FilterSidebar>
+        <WalletContent showMobileSidebar={showMobileSidebar}>
+          <WalletTable
+            data={data}
+            filters={filters}
+            walletData={randomizedWalletData}
+          />
+        </WalletContent>
+      </TableContent>
+      <Note>
+        <p>
+          <i>
+            Wallets listed on this page are not official endorsements, and are
+            provided for informational purposes only.{" "}
+          </i>
+        </p>
+        <p>
+          <i>
+            Their descriptions have been provided by the wallet projects
+            themselves.{" "}
+          </i>
+        </p>
+        <p>
+          <i>
+            We add products to this page based on criteria in our{" "}
+            <Link to="/contributing/adding-products/">listing policy</Link>. If
+            you'd like us to add a wallet,{" "}
+            <Link to="https://github.com/ethereum/ethereum-org-website/issues/new?assignees=&labels=wallet+%3Apurse%3A&template=suggest_wallet.yaml&title=Suggest+a+wallet">
+              raise an issue in GitHub
+            </Link>
+            .
+          </i>
+        </p>
+      </Note>
+    </Page>
+  )
+}
+
+export default FindWalletPage
+
+export const query = graphql`
+  {
+    hero: file(relativePath: { eq: "wallets/find-wallet-hero.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    airgap: file(relativePath: { eq: "wallets/airgap.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    argent: file(relativePath: { eq: "wallets/argent.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    brave: file(relativePath: { eq: "wallets/brave.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    coin98: file(relativePath: { eq: "wallets/coin98.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    coinbase: file(relativePath: { eq: "wallets/coinbase.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    frame: file(relativePath: { eq: "wallets/frame.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    keystone: file(relativePath: { eq: "wallets/keystone.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    loopring: file(relativePath: { eq: "wallets/loopring.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    metamask: file(relativePath: { eq: "wallets/metamask.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    numio: file(relativePath: { eq: "wallets/numio.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    portis: file(relativePath: { eq: "wallets/portis.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    tallyho: file(relativePath: { eq: "wallets/tallyho.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    gnosis: file(relativePath: { eq: "wallets/gnosis.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    coinwallet: file(relativePath: { eq: "wallets/coinwallet.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    ambire: file(relativePath: { eq: "wallets/ambire.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    zengo: file(relativePath: { eq: "wallets/zengo.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    linen: file(relativePath: { eq: "wallets/linen.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    imtoken: file(relativePath: { eq: "wallets/imtoken.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    foxwallet: file(relativePath: { eq: "wallets/foxwallet.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    mycrypto: file(relativePath: { eq: "wallets/mycrypto.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    pillar: file(relativePath: { eq: "wallets/pillar.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    mew: file(relativePath: { eq: "wallets/mew.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    unstoppable: file(relativePath: { eq: "wallets/unstoppable.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    myetherwallet: file(relativePath: { eq: "wallets/myetherwallet.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    alpha: file(relativePath: { eq: "wallets/alpha.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    opera: file(relativePath: { eq: "wallets/opera.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    guarda: file(relativePath: { eq: "wallets/guarda.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    web3auth: file(relativePath: { eq: "wallets/web3auth.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    bridge: file(relativePath: { eq: "wallets/bridge.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    torus: file(relativePath: { eq: "wallets/torus.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    tokenpocket: file(relativePath: { eq: "wallets/tokenpocket.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    oneinch: file(relativePath: { eq: "wallets/1inch.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    rainbow: file(relativePath: { eq: "wallets/rainbow.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    status: file(relativePath: { eq: "wallets/status.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+    aktionariat: file(relativePath: { eq: "wallets/aktionariat.png" }) {
+      childImageSharp {
+        gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED, quality: 100)
+      }
+    }
+  }
+`