From 77ac0e89005d557c605cc7a27e8aa8e5dc743478 Mon Sep 17 00:00:00 2001
From: Dmitrii Podlesnyi <rezed93@gmail.com>
Date: Mon, 5 Aug 2024 14:57:21 +0700
Subject: [PATCH 1/6] feat: vault banners text updated

---
 .../banners/vaults-banner-info/vaults-banner-info.tsx  |  5 ++---
 .../vaults-banner-strategies.tsx                       | 10 +++++-----
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/shared/banners/vaults-banner-info/vaults-banner-info.tsx b/shared/banners/vaults-banner-info/vaults-banner-info.tsx
index 044c39678..52b7763d1 100644
--- a/shared/banners/vaults-banner-info/vaults-banner-info.tsx
+++ b/shared/banners/vaults-banner-info/vaults-banner-info.tsx
@@ -26,10 +26,9 @@ export const VaultsBannerInfo = () => {
   const { themeName } = useThemeToggle();
   return (
     <Wrap>
-      <Title>Explore restaking opportunities</Title>
+      <Title>Explore and participate in DeFi strategies</Title>
       <Description>
-        Use stETH to unlock restaking rewards through a set of carefully curated
-        vaults
+        Use stETH to unlock rewards through a set of carefully curated vaults
       </Description>
       <Footer>
         <Logos>
diff --git a/shared/banners/vaults-banner-strategies/vaults-banner-strategies.tsx b/shared/banners/vaults-banner-strategies/vaults-banner-strategies.tsx
index 9534fc54e..e5dcc501b 100644
--- a/shared/banners/vaults-banner-strategies/vaults-banner-strategies.tsx
+++ b/shared/banners/vaults-banner-strategies/vaults-banner-strategies.tsx
@@ -38,7 +38,7 @@ export const VaultsBannerStrategies = () => {
             <IconStakehouse />
           </Icon>
           <Title>
-            <TitleText>Restaking Vault</TitleText>
+            <TitleText>Decentralized Validator Vault</TitleText>
             <TitleDescription>Curated by Steakhouse Financial</TitleDescription>
           </Title>
         </Header>
@@ -51,22 +51,22 @@ export const VaultsBannerStrategies = () => {
           {divider}
 
           <StrategyItem>
-            <b>Symbiotic</b>
+            <b>Obol</b>
             <br /> Points
           </StrategyItem>
 
           {divider}
 
           <StrategyItem>
-            <b>Mellow</b>
+            <b>SSV</b>
             <br /> Points
           </StrategyItem>
 
           {divider}
 
           <StrategyItem>
-            <b>Restaking</b>
-            <br /> <b>APR</b> TBD
+            <b>Mellow</b>
+            <br /> Points
           </StrategyItem>
         </Strategies>
       </Wrap>

From a003b476f7a80f57f220c75eb13182cac5f6f3e3 Mon Sep 17 00:00:00 2001
From: Anton Shalimov <a.shalimof@yandex.ru>
Date: Fri, 9 Aug 2024 13:05:14 +0300
Subject: [PATCH 2/6] chore: moduleResolution is nodenext

---
 tsconfig.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/tsconfig.json b/tsconfig.json
index c4aeb5112..5a7ebf58b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -9,13 +9,13 @@
     "noEmit": true,
     "esModuleInterop": true,
     "module": "esnext",
-    "moduleResolution": "node",
+    "moduleResolution": "nodenext",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
     "baseUrl": ".",
-    "incremental": true
+    "incremental": true,
   },
   "include": ["**/*"],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules"],
 }

From a7e86bac14a1a2fa8b140a1bfdc18f4ba402e387 Mon Sep 17 00:00:00 2001
From: Evgeny Taktarov <je.mouth@gmail.com>
Date: Mon, 12 Aug 2024 16:54:26 +0700
Subject: [PATCH 3/6] fix: use ISO for dates in rewards csv

---
 features/rewards/utils/genExportData.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/features/rewards/utils/genExportData.ts b/features/rewards/utils/genExportData.ts
index dcf633a68..43e4511fb 100644
--- a/features/rewards/utils/genExportData.ts
+++ b/features/rewards/utils/genExportData.ts
@@ -7,7 +7,7 @@ import { fromUnixTime } from 'date-fns';
 export const genExportData = (currency: CurrencyType, data: Event[] | null) =>
   data
     ? data.map((item) => ({
-        date: fromUnixTime(parseInt(item.blockTime)),
+        date: fromUnixTime(parseInt(item.blockTime)).toISOString(),
         type: item.type,
         direction: item.direction,
         change: weiToEther(item.change).toString(),

From f782e58080a988033948d5b3370a17e9647bc96d Mon Sep 17 00:00:00 2001
From: Dmitrii Podlesnyi <rezed93@gmail.com>
Date: Tue, 13 Aug 2024 21:20:34 +0700
Subject: [PATCH 4/6] feat: l2 is lido multichain now, bnb network fallback
 banner

---
 assets/icons/l2-banner-icons.svg              | 12 ---
 assets/icons/l2-swap-dark.svg                 | 86 -------------------
 assets/icons/l2-swap-light.svg                | 86 -------------------
 .../{l2 => lido-multichain}/arbitrum.svg      |  0
 assets/icons/{l2 => lido-multichain}/base.svg |  0
 assets/icons/lido-multichain/bnb.svg          | 11 +++
 .../icons/{l2 => lido-multichain}/linea.svg   |  0
 .../icons/{l2 => lido-multichain}/mantle.svg  |  0
 .../{l2 => lido-multichain}/optimism.svg      |  0
 .../icons/{l2 => lido-multichain}/polygon.svg |  0
 .../icons/{l2 => lido-multichain}/scroll.svg  |  0
 .../icons/{l2 => lido-multichain}/zk-sync.svg |  0
 config/feature-flags/types.ts                 |  2 -
 config/feature-flags/utils.ts                 |  1 -
 consts/chains.ts                              |  3 +-
 consts/matomo-click-events.ts                 | 54 ++----------
 features/stake/stake-form/stake-form.tsx      |  9 +-
 features/stake/stake-form/wallet/wallet.tsx   | 21 ++---
 features/withdrawals/claim/wallet/wallet.tsx  | 28 +++---
 .../withdrawals/request/wallet/wallet.tsx     | 33 +++----
 features/wsteth/shared/wallet/wallet.tsx      | 21 ++---
 .../wrap-faq/list/how-can-i-use-wsteth.tsx    |  6 +-
 .../wsteth/unwrap/unwrap-form/unwrap-form.tsx | 11 +--
 features/wsteth/wrap/wrap-form/wrap-form.tsx  | 10 +--
 shared/banners/l2-banner/index.ts             |  1 -
 shared/banners/l2-banner/l2-banner.tsx        | 46 ----------
 shared/banners/l2-banner/styles.ts            | 76 ----------------
 shared/banners/l2-banners/l2-after-stake.tsx  | 23 -----
 shared/banners/l2-banners/l2-after-wrap.tsx   | 28 ------
 .../l2-banners/l2-from-stake-to-wrap.tsx      | 21 -----
 shared/banners/l2-banners/l2-wsteth.tsx       | 33 -------
 shared/hooks/use-dapp-status.ts               |  9 +-
 .../use-lido-multichain-fallback-condition.ts | 23 +++++
 ...-stage-operation-succeed-balance-shown.tsx | 13 +--
 shared/wallet/index.ts                        |  2 +-
 shared/wallet/l2-fallback/l2-fallback.tsx     | 72 ----------------
 .../lido-multichain-fallback.tsx              | 84 ++++++++++++++++++
 .../styles.tsx                                |  4 +-
 38 files changed, 188 insertions(+), 641 deletions(-)
 delete mode 100644 assets/icons/l2-banner-icons.svg
 delete mode 100644 assets/icons/l2-swap-dark.svg
 delete mode 100644 assets/icons/l2-swap-light.svg
 rename assets/icons/{l2 => lido-multichain}/arbitrum.svg (100%)
 rename assets/icons/{l2 => lido-multichain}/base.svg (100%)
 create mode 100644 assets/icons/lido-multichain/bnb.svg
 rename assets/icons/{l2 => lido-multichain}/linea.svg (100%)
 rename assets/icons/{l2 => lido-multichain}/mantle.svg (100%)
 rename assets/icons/{l2 => lido-multichain}/optimism.svg (100%)
 rename assets/icons/{l2 => lido-multichain}/polygon.svg (100%)
 rename assets/icons/{l2 => lido-multichain}/scroll.svg (100%)
 rename assets/icons/{l2 => lido-multichain}/zk-sync.svg (100%)
 delete mode 100644 shared/banners/l2-banner/index.ts
 delete mode 100644 shared/banners/l2-banner/l2-banner.tsx
 delete mode 100644 shared/banners/l2-banner/styles.ts
 delete mode 100644 shared/banners/l2-banners/l2-after-stake.tsx
 delete mode 100644 shared/banners/l2-banners/l2-after-wrap.tsx
 delete mode 100644 shared/banners/l2-banners/l2-from-stake-to-wrap.tsx
 delete mode 100644 shared/banners/l2-banners/l2-wsteth.tsx
 create mode 100644 shared/hooks/use-lido-multichain-fallback-condition.ts
 delete mode 100644 shared/wallet/l2-fallback/l2-fallback.tsx
 create mode 100644 shared/wallet/lido-multichain-fallback/lido-multichain-fallback.tsx
 rename shared/wallet/{l2-fallback => lido-multichain-fallback}/styles.tsx (83%)

diff --git a/assets/icons/l2-banner-icons.svg b/assets/icons/l2-banner-icons.svg
deleted file mode 100644
index 0f96851c6..000000000
--- a/assets/icons/l2-banner-icons.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.0006 26.0013C20.1806 26.0013 26.0012 20.1807 26.0012 13.0007C26.0012 5.82063 20.1806 6.10352e-05 13.0006 6.10352e-05C5.82056 6.10352e-05 0 5.82063 0 13.0007C0 20.1807 5.82056 26.0013 13.0006 26.0013Z" fill="#2D374B"/>
-<path d="M15.034 12.2453L16.3598 9.99569L19.9332 15.5615L19.9349 16.6296L19.9232 9.27948C19.9148 9.09982 19.8194 8.93544 19.6672 8.83852L13.2336 5.13783C13.0831 5.06388 12.8922 5.06467 12.742 5.14013C12.7218 5.15033 12.7027 5.16136 12.6844 5.17341L12.662 5.18753L6.41721 8.80637L6.39295 8.81735C6.3618 8.83169 6.33032 8.8499 6.30074 8.87107C6.18236 8.956 6.1037 9.08155 6.07827 9.2224C6.07446 9.24374 6.07166 9.26548 6.07031 9.28738L6.08012 15.277L9.40864 10.118C9.8277 9.43389 10.7408 9.21354 11.5883 9.22553L12.5832 9.25181L6.72175 18.6518L7.41269 19.0496L13.3444 9.26133L15.9661 9.25181L10.0498 19.2871L12.5153 20.7052L12.8098 20.8746C12.9344 20.9253 13.0813 20.9278 13.207 20.8825L19.731 17.1017L18.4837 17.8245L15.034 12.2453ZM15.5398 19.5305L13.0496 15.6222L14.5697 13.0428L17.8401 18.1974L15.5398 19.5305Z" fill="#2D374B"/>
-<path d="M13.0508 15.6222L15.541 19.5305L17.8413 18.1975L14.5709 13.0428L13.0508 15.6222Z" fill="#28A0F0"/>
-<path d="M19.9361 16.6296L19.9344 15.5616L16.361 9.99573L15.0352 12.2453L18.4849 17.8245L19.7322 17.1017C19.8545 17.0024 19.9285 16.8566 19.9363 16.6992L19.9361 16.6296Z" fill="#28A0F0"/>
-<path d="M4.96099 17.6369L6.72237 18.6518L12.5838 9.25183L11.589 9.22556C10.7414 9.21357 9.82837 9.43391 9.40926 10.118L6.08074 15.277L4.96094 16.9976V17.6369H4.96099Z" fill="white"/>
-<path d="M15.9675 9.25183L13.3457 9.26135L7.41406 19.0497L9.48732 20.2434L10.0511 19.2872L15.9675 9.25183Z" fill="white"/>
-<path d="M21.0404 9.23831C21.0185 8.69001 20.7216 8.18803 20.2565 7.89582L13.7386 4.14756C13.2786 3.91591 12.7039 3.91563 12.2432 4.14739C12.1888 4.17485 5.90465 7.8194 5.90465 7.8194C5.81771 7.86108 5.73395 7.91077 5.65512 7.96713C5.23999 8.26467 4.98693 8.72698 4.96094 9.23495V16.9976L6.08073 15.2771L6.07093 9.28744C6.07228 9.26554 6.07502 9.24402 6.07889 9.22273C6.10415 9.08178 6.18287 8.95606 6.30136 8.87113C6.33094 8.84995 12.7223 5.15038 12.7427 5.14019C12.8929 5.06472 13.0838 5.06394 13.2342 5.13789L19.6678 8.83858C19.82 8.9355 19.9154 9.09987 19.9239 9.27954V16.6992C19.9161 16.8566 19.8539 17.0024 19.7315 17.1018L18.4842 17.8245L17.8407 18.1975L15.5404 19.5306L13.2075 20.8825C13.0819 20.9279 12.935 20.9254 12.8104 20.8747L10.0503 19.2872L9.48652 20.2434L11.9669 21.6715C12.0489 21.7181 12.122 21.7595 12.182 21.7932C12.2749 21.8453 12.3381 21.8801 12.3605 21.8909C12.5368 21.9765 12.7904 22.0263 13.019 22.0263C13.2286 22.0263 13.4329 21.9879 13.6263 21.9121L20.402 17.9881C20.7909 17.6868 21.0197 17.2324 21.0404 16.7401V9.23831V9.23831Z" fill="#96BEDC"/>
-<path d="M27.002 40C34.1817 40 40.002 34.1797 40.002 27C40.002 19.8203 34.1817 14 27.002 14C19.8223 14 14.002 19.8203 14.002 27C14.002 34.1797 19.8223 40 27.002 40Z" fill="#FF0420"/>
-<path d="M23.2106 30.4551C22.4365 30.4551 21.8023 30.2729 21.308 29.9087C20.8201 29.5379 20.5762 29.011 20.5762 28.328C20.5762 28.1849 20.5924 28.0093 20.6249 27.8011C20.7096 27.3328 20.8299 26.7701 20.986 26.1131C21.4283 24.3243 22.5699 23.4299 24.4108 23.4299C24.9116 23.4299 25.3604 23.5145 25.7572 23.6836C26.1541 23.8462 26.4663 24.0934 26.6939 24.4252C26.9216 24.7504 27.0355 25.1407 27.0355 25.596C27.0355 25.7326 27.0192 25.905 26.9866 26.1131C26.8891 26.692 26.772 27.2547 26.6354 27.8011C26.4077 28.6923 26.0142 29.359 25.4548 29.8013C24.8953 30.2371 24.1473 30.4551 23.2106 30.4551ZM23.3472 29.05C23.7115 29.05 24.0204 28.9427 24.2742 28.7281C24.5344 28.5134 24.7197 28.1849 24.8303 27.7426C24.9799 27.1311 25.0938 26.5977 25.1718 26.1424C25.1978 26.0058 25.2108 25.866 25.2108 25.7228C25.2108 25.1309 24.9018 24.8349 24.2839 24.8349C23.9196 24.8349 23.6074 24.9422 23.3472 25.1569C23.0935 25.3716 22.9114 25.7001 22.8008 26.1424C22.6837 26.5782 22.5666 27.1116 22.4496 27.7426C22.4235 27.8727 22.4105 28.0093 22.4105 28.1524C22.4105 28.7508 22.7228 29.05 23.3472 29.05Z" fill="white"/>
-<path d="M27.4859 30.3577C27.4143 30.3577 27.359 30.3349 27.32 30.2894C27.2875 30.2373 27.2777 30.1788 27.2907 30.1138L28.6372 23.7716C28.6502 23.7 28.686 23.6415 28.7445 23.5959C28.8031 23.5504 28.8649 23.5276 28.9299 23.5276H31.5254C32.2474 23.5276 32.8263 23.6773 33.2621 23.9765C33.7045 24.2757 33.9256 24.7083 33.9256 25.2742C33.9256 25.4368 33.9061 25.6059 33.8671 25.7815C33.7045 26.5296 33.376 27.0825 32.8816 27.4403C32.3938 27.798 31.7237 27.9769 30.8716 27.9769H29.5544L29.1056 30.1138C29.0925 30.1853 29.0568 30.2438 28.9983 30.2894C28.9397 30.3349 28.8779 30.3577 28.8129 30.3577H27.4859ZM30.9399 26.6304C31.2131 26.6304 31.4505 26.5556 31.6522 26.406C31.8603 26.2564 31.9969 26.0417 32.062 25.762C32.0815 25.6514 32.0913 25.5539 32.0913 25.4693C32.0913 25.2807 32.036 25.1376 31.9254 25.04C31.8148 24.9359 31.6262 24.8839 31.3595 24.8839H30.1886L29.8178 26.6304H30.9399Z" fill="white"/>
-</svg>
diff --git a/assets/icons/l2-swap-dark.svg b/assets/icons/l2-swap-dark.svg
deleted file mode 100644
index 82e9ecc7c..000000000
--- a/assets/icons/l2-swap-dark.svg
+++ /dev/null
@@ -1,86 +0,0 @@
-<svg width="214" height="32" viewBox="0 0 214 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_22510_29581)">
-<path d="M22.8247 9.48604V9.47039C22.7152 9.18873 22.324 9.18873 22.2145 9.47039L20.3211 14.6655C20.2741 14.8063 20.2741 14.9628 20.3211 15.1193L25.3722 28.9692C24.9007 29.3104 24.4099 29.6267 23.9016 29.9159L19.6326 18.2019C19.523 17.9202 19.1318 17.9202 19.0223 18.2019L17.1289 23.397C17.082 23.5378 17.082 23.6943 17.1289 23.8508L19.9211 31.516C18.6665 31.8321 17.353 32 16.0001 32C14.7364 32 13.5069 31.8535 12.3277 31.5764L21.5886 6.16869C21.6668 5.94962 21.5103 5.73055 21.2912 5.73055V5.7462H17.6453C17.3793 5.7462 17.1289 5.91833 17.035 6.16869L8.3234 30.0415C7.81219 29.7616 7.31803 29.4544 6.8428 29.122L15.2199 6.16869C15.2981 5.94962 15.1416 5.73055 14.9226 5.73055L14.9069 5.7462H11.261C10.995 5.7462 10.7446 5.91833 10.6507 6.16869L3.44597 25.9203C1.28813 23.1935 0 19.7473 0 16.0001C0 7.16343 7.16343 0 16.0001 0C24.8367 0 32 7.16343 32 16.0001C32 19.6398 30.7848 22.9954 28.7377 25.6837L22.8247 9.48604Z" fill="#213147"/>
-<path d="M23.9017 29.9155C22.668 30.6176 21.3318 31.1602 19.9212 31.5156L17.129 23.8504C17.082 23.6939 17.082 23.5374 17.129 23.3966L19.0223 18.2015C19.1319 17.9198 19.5231 17.9198 19.6326 18.2015L23.9017 29.9155Z" fill="#12AAFF"/>
-<path d="M28.738 25.6844C27.784 26.9374 26.6492 28.0456 25.3725 28.9698L20.3213 15.1199C20.2744 14.9634 20.2744 14.8069 20.3213 14.6661L22.2147 9.47101C22.3243 9.18935 22.7155 9.18935 22.825 9.47101V9.48666L28.738 25.6844Z" fill="#12AAFF"/>
-<path d="M15.22 6.16861L6.84288 29.122C5.56038 28.2253 4.41527 27.1455 3.44604 25.9203L10.6508 6.16861C10.7447 5.91824 10.995 5.74612 11.261 5.74612H14.907L14.9226 5.73047C15.1417 5.73047 15.2982 5.94954 15.22 6.16861Z" fill="white"/>
-<path d="M21.5884 6.16861L12.3275 31.5763C10.9109 31.2438 9.56693 30.7229 8.32324 30.0414L17.0349 6.16861C17.1288 5.91824 17.3791 5.74612 17.6451 5.74612H21.2911V5.73047C21.5102 5.73047 21.6666 5.94954 21.5884 6.16861Z" fill="white"/>
-</g>
-<rect x="0.5" y="0.5" width="31" height="31" rx="15.5" stroke="#725DFF"/>
-<g clip-path="url(#clip1_22510_29581)">
-<path d="M42 32C50.8366 32 58 24.8366 58 16C58 7.16345 50.8366 0 42 0C33.1634 0 26 7.16345 26 16C26 24.8366 33.1634 32 42 32Z" fill="#FF0420"/>
-<path d="M37.3336 20.2519C36.3809 20.2519 35.6004 20.0276 34.992 19.5794C34.3915 19.123 34.0913 18.4745 34.0913 17.6339C34.0913 17.4578 34.1112 17.2417 34.1512 16.9854C34.2555 16.409 34.4036 15.7165 34.5957 14.9079C35.14 12.7063 36.5451 11.6055 38.8108 11.6055C39.4272 11.6055 39.9796 11.7096 40.4679 11.9177C40.9564 12.1178 41.3407 12.4221 41.6208 12.8305C41.901 13.2307 42.0412 13.7111 42.0412 14.2714C42.0412 14.4396 42.0212 14.6517 41.981 14.9079C41.861 15.6204 41.7169 16.3129 41.5488 16.9854C41.2685 18.0823 40.7842 18.9028 40.0957 19.4472C39.4071 19.9836 38.4865 20.2519 37.3336 20.2519ZM37.5018 18.5225C37.9501 18.5225 38.3303 18.3905 38.6427 18.1263C38.9629 17.8621 39.191 17.4578 39.3271 16.9134C39.5112 16.1608 39.6514 15.5043 39.7474 14.9439C39.7794 14.7758 39.7954 14.6037 39.7954 14.4275C39.7954 13.699 39.4151 13.3347 38.6546 13.3347C38.2063 13.3347 37.822 13.4668 37.5018 13.731C37.1895 13.9953 36.9654 14.3996 36.8293 14.9439C36.6852 15.4803 36.541 16.1368 36.397 16.9134C36.3649 17.0735 36.3489 17.2417 36.3489 17.4178C36.3489 18.1543 36.7333 18.5225 37.5018 18.5225Z" fill="white"/>
-<path d="M42.5955 20.1328C42.5074 20.1328 42.4393 20.1048 42.3913 20.0488C42.3513 19.9847 42.3392 19.9127 42.3552 19.8327L44.0125 12.0269C44.0285 11.9387 44.0725 11.8667 44.1445 11.8106C44.2166 11.7546 44.2927 11.7266 44.3727 11.7266H47.5672C48.4558 11.7266 49.1683 11.9108 49.7047 12.2791C50.2491 12.6473 50.5213 13.1797 50.5213 13.8762C50.5213 14.0763 50.4973 14.2845 50.4493 14.5006C50.2491 15.4213 49.8448 16.1018 49.2363 16.5422C48.636 16.9824 47.8112 17.2026 46.7625 17.2026H45.1413L44.589 19.8327C44.5728 19.9207 44.5289 19.9927 44.4569 20.0488C44.3848 20.1048 44.3087 20.1328 44.2287 20.1328H42.5955ZM46.8466 15.5454C47.1828 15.5454 47.475 15.4533 47.7232 15.2692C47.9794 15.0851 48.1475 14.8208 48.2276 14.4766C48.2516 14.3405 48.2637 14.2205 48.2637 14.1163C48.2637 13.8842 48.1956 13.7081 48.0595 13.588C47.9234 13.4599 47.6912 13.3959 47.363 13.3959H45.9219L45.4655 15.5454H46.8466Z" fill="white"/>
-</g>
-<rect x="26.5" y="0.5" width="31" height="31" rx="15.5" stroke="#725DFF"/>
-<g clip-path="url(#clip2_22510_29581)">
-<rect x="52" width="32" height="32" rx="16" fill="white"/>
-<path d="M72.617 13.0283C72.284 12.8403 71.8512 12.8403 71.485 13.0283L68.8881 14.4698L67.1236 15.41L64.5267 16.8515C64.1938 17.0395 63.7609 17.0395 63.3947 16.8515L61.3305 15.7233C60.9976 15.5353 60.7645 15.1906 60.7645 14.8145V12.5896C60.7645 12.2135 60.9643 11.8688 61.3305 11.6808L63.3614 10.584C63.6944 10.3959 64.1272 10.3959 64.4934 10.584L66.5243 11.6808C66.8572 11.8688 67.0903 12.2135 67.0903 12.5896V14.0311L68.8548 13.0596V11.6181C68.8548 11.242 68.6551 10.8973 68.2888 10.7093L64.5267 8.64102C64.1938 8.45299 63.7609 8.45299 63.3947 8.64102L59.566 10.7093C59.1998 10.8973 59 11.242 59 11.6181V15.786C59 16.162 59.1998 16.5068 59.566 16.6948L63.3947 18.7631C63.7276 18.9511 64.1605 18.9511 64.5267 18.7631L67.1236 17.3529L68.8881 16.3814L71.485 14.9712C71.8179 14.7832 72.2507 14.7832 72.617 14.9712L74.6479 16.068C74.9808 16.2561 75.2138 16.6008 75.2138 16.9768V19.2018C75.2138 19.5779 75.0141 19.9226 74.6479 20.1106L72.617 21.2388C72.284 21.4268 71.8512 21.4268 71.485 21.2388L69.4541 20.1419C69.1212 19.9539 68.8881 19.6092 68.8881 19.2331V17.7916L67.1236 18.7631V20.2046C67.1236 20.5806 67.3234 20.9254 67.6895 21.1134L71.5183 23.1817C71.8512 23.3697 72.284 23.3697 72.6503 23.1817L76.479 21.1134C76.8119 20.9254 77.045 20.5806 77.045 20.2046V16.0367C77.045 15.6606 76.8452 15.316 76.479 15.1279L72.617 13.0283Z" fill="#8347E5"/>
-</g>
-<rect x="52.5" y="0.5" width="31" height="31" rx="15.5" stroke="#725DFF"/>
-<g clip-path="url(#clip3_22510_29581)">
-<circle cx="94" cy="16" r="16" fill="#0052FF"/>
-<path d="M93.9804 27.1476C100.148 27.1476 105.147 22.1573 105.147 16.0005C105.147 9.84381 100.148 4.85352 93.9804 4.85352C88.1296 4.85352 83.3301 9.34621 82.853 15.0633H97.6126V16.9378H82.853C83.3301 22.6549 88.1296 27.1476 93.9804 27.1476Z" fill="white"/>
-</g>
-<rect x="78.5" y="0.5" width="31" height="31" rx="15.5" stroke="#725DFF"/>
-<g clip-path="url(#clip4_22510_29581)">
-<circle cx="120" cy="16" r="16" fill="black"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M129 15.6948L123.729 10.4473V14.2881L118.497 18.1368H123.729V20.9423L129 15.6948Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M110.428 15.6949L115.699 20.9424V17.1253L120.931 13.245H115.699V10.4395L110.428 15.6949Z" fill="white"/>
-</g>
-<rect x="104.5" y="0.5" width="31" height="31" rx="15.5" stroke="#725DFF"/>
-<g clip-path="url(#clip5_22510_29581)">
-<circle cx="146" cy="16" r="16" fill="black"/>
-<mask id="mask0_22510_29581" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="139" y="8" width="16" height="16">
-<path d="M154.833 8.26172H139.333V23.606H154.833V8.26172Z" fill="white"/>
-</mask>
-<g mask="url(#mask0_22510_29581)">
-<path d="M152.205 23.6064H139.333V10.752H142.278V21.1151H152.205V23.605V23.6064Z" fill="white"/>
-<path d="M152.205 13.2415C153.656 13.2415 154.833 12.1267 154.833 10.7516C154.833 9.37647 153.656 8.26172 152.205 8.26172C150.755 8.26172 149.578 9.37647 149.578 10.7516C149.578 12.1267 150.755 13.2415 152.205 13.2415Z" fill="white"/>
-</g>
-</g>
-<rect x="130.5" y="0.5" width="31" height="31" rx="15.5" stroke="#725DFF"/>
-<g clip-path="url(#clip6_22510_29581)">
-<path d="M188 0H156V32H188V0Z" fill="black"/>
-<path d="M172 28V23.9136C171.59 23.9136 171.171 23.8778 170.762 23.8152L170.12 27.848C170.744 27.9553 171.376 28 172 28ZM173.871 27.8569C174.494 27.7586 175.109 27.6155 175.706 27.4188L174.45 23.5291C174.058 23.6542 173.648 23.7526 173.238 23.8152L173.871 27.8569ZM168.294 27.4188L169.55 23.538C169.158 23.4128 168.775 23.2519 168.401 23.0641L166.548 26.7034C167.109 26.9806 167.697 27.2221 168.294 27.4188ZM177.443 26.7034C178.004 26.4173 178.539 26.0864 179.047 25.7198L176.641 22.4203C176.312 22.6617 175.955 22.8852 175.581 23.0641L177.443 26.7034ZM164.944 25.7109L167.35 22.4113C167.02 22.1699 166.699 21.9016 166.405 21.6066L163.519 24.4948C163.964 24.9329 164.445 25.3443 164.944 25.7109ZM180.463 24.5127L180.49 24.4858C180.935 24.0477 181.345 23.5648 181.71 23.0641L178.414 20.6587C178.174 20.9896 177.898 21.3115 177.612 21.5976L177.568 21.6423L178.958 22.9568L180.463 24.5127ZM162.298 23.0551L165.595 20.6498C165.354 20.3189 165.131 19.9613 164.944 19.5946L161.31 21.4456C161.595 22.0089 161.924 22.5455 162.298 23.0551ZM182.69 21.4545C182.975 20.9001 183.216 20.31 183.412 19.7109L179.528 18.459C179.403 18.8525 179.243 19.237 179.056 19.6036L182.69 21.4545ZM160.588 19.7109L164.472 18.4501C164.347 18.0566 164.249 17.6542 164.187 17.2429L160.151 17.8778C160.249 18.4948 160.401 19.1118 160.588 19.7109ZM183.849 17.8867C183.947 17.2697 184 16.6349 184 16.0089H179.92C179.92 16.4203 179.884 16.8405 179.822 17.2519L183.849 17.8867ZM164.089 16C164.089 15.5887 164.125 15.1684 164.187 14.7571L160.151 14.1222C160.053 14.7392 160.009 15.3741 160 16H164.089ZM179.822 14.766L183.857 14.1311C183.759 13.5142 183.617 12.8972 183.421 12.2981L179.537 13.5499C179.661 13.9523 179.759 14.3547 179.822 14.766ZM164.472 13.5499C164.597 13.1565 164.757 12.772 164.944 12.4054L161.31 10.5544C161.024 11.1088 160.784 11.699 160.588 12.2981L164.472 13.5499ZM179.065 12.4143L182.708 10.5633C182.423 10 182.094 9.46349 181.719 8.9538L178.414 11.3592C178.655 11.69 178.878 12.0477 179.065 12.4143ZM165.595 11.3502C165.835 11.0194 166.111 10.6975 166.405 10.4024L166.414 10.3934L163.528 7.50522L163.519 7.51416C163.073 7.96125 162.664 8.43517 162.298 8.94486L165.595 11.3502ZM177.612 10.4203L178.486 9.53502L180.49 7.53204L180.481 7.5231C180.036 7.08495 179.563 6.67362 179.065 6.307L176.659 9.60656C176.989 9.84799 177.31 10.1162 177.595 10.4113L177.612 10.4203ZM167.359 9.58867C167.688 9.34724 168.045 9.13264 168.419 8.94486L166.566 5.30551C166.004 5.59165 165.47 5.9225 164.962 6.28912L167.359 9.58867ZM175.608 8.9538L177.47 5.31446C176.909 5.02832 176.33 4.78689 175.733 4.59016L174.468 8.47094C174.851 8.60507 175.234 8.76602 175.608 8.9538ZM169.568 8.47094C169.96 8.34575 170.37 8.24739 170.78 8.1848L170.147 4.15201C169.532 4.25037 168.909 4.39344 168.312 4.59016L169.568 8.47094ZM173.247 8.1848L173.889 4.15201C173.274 4.05365 172.641 4 172.018 4V8.08644C172.428 8.08644 172.846 8.12221 173.247 8.1848Z" fill="white"/>
-<path d="M171.996 24V19.9086C171.651 19.9086 171.316 19.8641 170.981 19.7749L169.922 23.7237C170.601 23.9019 171.298 24 171.996 24ZM174.069 23.7237C174.749 23.5454 175.393 23.278 176.002 22.9214L173.955 19.3827C173.664 19.5521 173.346 19.6858 173.019 19.7749L174.069 23.7237ZM167.998 22.9214L170.045 19.3827C169.754 19.2134 169.48 18.9994 169.233 18.7588L169.198 18.7231L167.91 20.0869L166.321 21.629L166.347 21.6557C166.842 22.146 167.398 22.5738 167.998 22.9214ZM177.653 21.6557C178.147 21.1565 178.579 20.6039 178.923 19.9978L175.384 17.9476C175.217 18.2418 175.005 18.5092 174.758 18.7588L177.653 21.6557ZM165.068 19.9889L168.607 17.9476C168.439 17.6535 168.307 17.3415 168.218 17.0117L164.274 18.0635C164.45 18.732 164.724 19.3827 165.068 19.9889ZM179.726 18.0724C179.903 17.395 180 16.6997 180 16.0045H175.914C175.914 16.3432 175.87 16.6908 175.782 17.0206L179.726 18.0724ZM168.095 15.9955C168.095 15.6568 168.139 15.3092 168.227 14.9794L164.274 13.9276C164.097 14.605 164 15.3003 164 15.9955H168.095ZM175.773 14.9883L179.726 13.9365C179.55 13.2591 179.276 12.6084 178.932 12.0022L175.393 14.0435C175.552 14.3465 175.685 14.6585 175.773 14.9883ZM168.616 14.0435C168.783 13.7582 168.986 13.4819 169.233 13.2412L169.242 13.2323L167.777 11.7705L166.374 10.3175L166.347 10.3443C165.853 10.8345 165.43 11.3961 165.077 11.9933L168.616 14.0435ZM174.758 13.2412L176.205 11.7883L177.688 10.3799L177.653 10.3443C177.158 9.84513 176.602 9.42618 176.002 9.06964L173.955 12.6084C174.246 12.7777 174.511 12.9827 174.758 13.2234V13.2412ZM170.045 12.6084C170.336 12.439 170.654 12.3053 170.981 12.2162L169.939 8.26741C169.26 8.44568 168.616 8.71309 168.007 9.06964L170.045 12.6084ZM173.01 12.2251L174.069 8.27632C173.399 8.09805 172.702 8 172.004 8V12.0914C172.34 12.0914 172.684 12.1359 173.01 12.2251Z" fill="white"/>
-</g>
-<rect x="156.5" y="0.5" width="31" height="31" rx="15.5" stroke="#725DFF"/>
-<g clip-path="url(#clip7_22510_29581)">
-<rect x="182" width="32" height="32" rx="16" fill="#FFF8F3"/>
-<path d="M204.513 18.6865V9.40213C204.501 8.62527 203.897 8 203.138 8H193.681C191.64 8.03158 190 9.74319 190 11.8401C190 12.5475 190.185 13.1538 190.469 13.6843C190.709 14.1264 191.085 14.5433 191.455 14.8528C191.56 14.9412 191.511 14.9033 191.831 15.1054C192.275 15.3833 192.781 15.5222 192.781 15.5222L192.774 21.0739C192.787 21.3392 192.811 21.5918 192.879 21.8255C193.089 22.6087 193.619 23.2087 194.34 23.4992C194.643 23.6192 194.982 23.7013 195.345 23.7077L202.898 23.7329C204.402 23.7329 205.623 22.4824 205.623 20.935C205.629 20.0192 205.185 19.1981 204.513 18.6865Z" fill="#FFEEDA"/>
-<path d="M204.698 21.0046C204.667 21.9962 203.872 22.792 202.898 22.792L197.7 22.773C198.113 22.2804 198.366 21.6425 198.366 20.9477C198.366 19.8551 197.731 19.1035 197.731 19.1035H202.904C203.897 19.1035 204.704 19.9309 204.704 20.9477L204.698 21.0046Z" fill="#EBC28E"/>
-<path d="M191.948 14.0691C191.35 13.4881 190.931 12.7365 190.931 11.8459V11.7512C190.98 10.2291 192.201 9.00377 193.687 8.95956H203.145C203.391 8.97219 203.589 9.14904 203.589 9.40799V17.606C203.804 17.644 203.909 17.6755 204.119 17.7513C204.285 17.8145 204.513 17.9471 204.513 17.9471V9.40799C204.501 8.63113 203.897 8.00586 203.138 8.00586H193.681C191.64 8.03744 190 9.74905 190 11.8459C190 13.0649 190.543 14.107 191.43 14.8396C191.492 14.8902 191.548 14.9534 191.708 14.9534C191.985 14.9534 192.183 14.726 192.17 14.4797C192.164 14.2712 192.078 14.1954 191.948 14.0691Z" fill="#101010"/>
-<path d="M202.898 18.1429H195.481C194.982 18.1492 194.581 18.5598 194.581 19.0714V20.164C194.593 20.6693 195.013 21.0988 195.512 21.0988H196.061V20.164H195.512V19.0966C195.512 19.0966 195.648 19.0966 195.814 19.0966C196.751 19.0966 197.442 19.9871 197.442 20.9409C197.442 21.7872 196.69 22.8672 195.432 22.7788C194.316 22.703 193.712 21.6861 193.712 20.9409V11.6817C193.712 11.2649 193.379 10.9238 192.972 10.9238H192.232V11.8712H192.781V20.9472C192.75 22.7915 194.063 23.7199 195.432 23.7199L202.904 23.7451C204.409 23.7451 205.629 22.4946 205.629 20.9472C205.629 19.3998 204.402 18.1429 202.898 18.1429ZM204.698 21.004C204.668 21.9956 203.872 22.7915 202.898 22.7915L197.701 22.7725C198.114 22.2798 198.367 21.6419 198.367 20.9472C198.367 19.8545 197.731 19.1029 197.731 19.1029H202.904C203.897 19.1029 204.705 19.9303 204.705 20.9472L204.698 21.004Z" fill="#101010"/>
-<path d="M200.9 12.0431H195.308V11.0957H200.9C201.153 11.0957 201.363 11.3041 201.363 11.5694C201.363 11.8283 201.159 12.0431 200.9 12.0431Z" fill="#101010"/>
-<path d="M200.9 16.5002H195.308V15.5527H200.9C201.153 15.5527 201.363 15.7612 201.363 16.0265C201.363 16.2854 201.159 16.5002 200.9 16.5002Z" fill="#101010"/>
-<path d="M201.887 14.2716H195.308V13.3242H201.881C202.133 13.3242 202.343 13.5326 202.343 13.7979C202.349 14.0569 202.14 14.2716 201.887 14.2716Z" fill="#101010"/>
-</g>
-<rect x="182.5" y="0.5" width="31" height="31" rx="15.5" stroke="#725DFF"/>
-<defs>
-<clipPath id="clip0_22510_29581">
-<rect width="32" height="32" rx="16" fill="white"/>
-</clipPath>
-<clipPath id="clip1_22510_29581">
-<rect x="26" width="32" height="32" rx="16" fill="white"/>
-</clipPath>
-<clipPath id="clip2_22510_29581">
-<rect x="52" width="32" height="32" rx="16" fill="white"/>
-</clipPath>
-<clipPath id="clip3_22510_29581">
-<rect x="78" width="32" height="32" rx="16" fill="white"/>
-</clipPath>
-<clipPath id="clip4_22510_29581">
-<rect x="104" width="32" height="32" rx="16" fill="white"/>
-</clipPath>
-<clipPath id="clip5_22510_29581">
-<rect x="130" width="32" height="32" rx="16" fill="white"/>
-</clipPath>
-<clipPath id="clip6_22510_29581">
-<rect x="156" width="32" height="32" rx="16" fill="white"/>
-</clipPath>
-<clipPath id="clip7_22510_29581">
-<rect x="182" width="32" height="32" rx="16" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/assets/icons/l2-swap-light.svg b/assets/icons/l2-swap-light.svg
deleted file mode 100644
index 057ec77e4..000000000
--- a/assets/icons/l2-swap-light.svg
+++ /dev/null
@@ -1,86 +0,0 @@
-<svg width="214" height="32" viewBox="0 0 214 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_21758_50518)">
-<path d="M22.8247 9.48604V9.47039C22.7152 9.18873 22.324 9.18873 22.2145 9.47039L20.3211 14.6655C20.2741 14.8063 20.2741 14.9628 20.3211 15.1193L25.3722 28.9692C24.9007 29.3104 24.4099 29.6267 23.9016 29.9159L19.6326 18.2019C19.523 17.9202 19.1318 17.9202 19.0223 18.2019L17.1289 23.397C17.082 23.5378 17.082 23.6943 17.1289 23.8508L19.9211 31.516C18.6665 31.8321 17.353 32 16.0001 32C14.7364 32 13.5069 31.8535 12.3277 31.5764L21.5886 6.16869C21.6668 5.94962 21.5103 5.73055 21.2912 5.73055V5.7462H17.6453C17.3793 5.7462 17.1289 5.91833 17.035 6.16869L8.3234 30.0415C7.81219 29.7616 7.31803 29.4544 6.8428 29.122L15.2199 6.16869C15.2981 5.94962 15.1416 5.73055 14.9226 5.73055L14.9069 5.7462H11.261C10.995 5.7462 10.7446 5.91833 10.6507 6.16869L3.44597 25.9203C1.28813 23.1935 0 19.7473 0 16.0001C0 7.16343 7.16343 0 16.0001 0C24.8367 0 32 7.16343 32 16.0001C32 19.6398 30.7848 22.9954 28.7377 25.6837L22.8247 9.48604Z" fill="#213147"/>
-<path d="M23.9017 29.9155C22.668 30.6176 21.3318 31.1602 19.9212 31.5156L17.129 23.8504C17.082 23.6939 17.082 23.5374 17.129 23.3966L19.0223 18.2015C19.1319 17.9198 19.5231 17.9198 19.6326 18.2015L23.9017 29.9155Z" fill="#12AAFF"/>
-<path d="M28.738 25.6844C27.784 26.9374 26.6492 28.0456 25.3725 28.9698L20.3213 15.1199C20.2744 14.9634 20.2744 14.8069 20.3213 14.6661L22.2147 9.47101C22.3243 9.18935 22.7155 9.18935 22.825 9.47101V9.48666L28.738 25.6844Z" fill="#12AAFF"/>
-<path d="M15.22 6.16861L6.84288 29.122C5.56038 28.2253 4.41527 27.1455 3.44604 25.9203L10.6508 6.16861C10.7447 5.91824 10.995 5.74612 11.261 5.74612H14.907L14.9226 5.73047C15.1417 5.73047 15.2982 5.94954 15.22 6.16861Z" fill="white"/>
-<path d="M21.5884 6.16861L12.3275 31.5763C10.9109 31.2438 9.56693 30.7229 8.32324 30.0414L17.0349 6.16861C17.1288 5.91824 17.3791 5.74612 17.6451 5.74612H21.2911V5.73047C21.5102 5.73047 21.6666 5.94954 21.5884 6.16861Z" fill="white"/>
-</g>
-<rect x="0.5" y="0.5" width="31" height="31" rx="15.5" stroke="#A7EBFF"/>
-<g clip-path="url(#clip1_21758_50518)">
-<path d="M42 32C50.8366 32 58 24.8366 58 16C58 7.16345 50.8366 0 42 0C33.1634 0 26 7.16345 26 16C26 24.8366 33.1634 32 42 32Z" fill="#FF0420"/>
-<path d="M37.3336 20.2519C36.3809 20.2519 35.6004 20.0276 34.992 19.5794C34.3915 19.123 34.0913 18.4745 34.0913 17.6339C34.0913 17.4578 34.1112 17.2417 34.1512 16.9854C34.2555 16.409 34.4036 15.7165 34.5957 14.9079C35.14 12.7063 36.5451 11.6055 38.8108 11.6055C39.4272 11.6055 39.9796 11.7096 40.4679 11.9177C40.9564 12.1178 41.3407 12.4221 41.6208 12.8305C41.901 13.2307 42.0412 13.7111 42.0412 14.2714C42.0412 14.4396 42.0212 14.6517 41.981 14.9079C41.861 15.6204 41.7169 16.3129 41.5488 16.9854C41.2685 18.0823 40.7842 18.9028 40.0957 19.4472C39.4071 19.9836 38.4865 20.2519 37.3336 20.2519ZM37.5018 18.5225C37.9501 18.5225 38.3303 18.3905 38.6427 18.1263C38.9629 17.8621 39.191 17.4578 39.3271 16.9134C39.5112 16.1608 39.6514 15.5043 39.7474 14.9439C39.7794 14.7758 39.7954 14.6037 39.7954 14.4275C39.7954 13.699 39.4151 13.3347 38.6546 13.3347C38.2063 13.3347 37.822 13.4668 37.5018 13.731C37.1895 13.9953 36.9654 14.3996 36.8293 14.9439C36.6852 15.4803 36.541 16.1368 36.397 16.9134C36.3649 17.0735 36.3489 17.2417 36.3489 17.4178C36.3489 18.1543 36.7333 18.5225 37.5018 18.5225Z" fill="white"/>
-<path d="M42.5955 20.1328C42.5074 20.1328 42.4393 20.1048 42.3913 20.0488C42.3513 19.9847 42.3392 19.9127 42.3552 19.8327L44.0125 12.0269C44.0285 11.9387 44.0725 11.8667 44.1445 11.8106C44.2166 11.7546 44.2927 11.7266 44.3727 11.7266H47.5672C48.4558 11.7266 49.1683 11.9108 49.7047 12.2791C50.2491 12.6473 50.5213 13.1797 50.5213 13.8762C50.5213 14.0763 50.4973 14.2845 50.4493 14.5006C50.2491 15.4213 49.8448 16.1018 49.2363 16.5422C48.636 16.9824 47.8112 17.2026 46.7625 17.2026H45.1413L44.589 19.8327C44.5728 19.9207 44.5289 19.9927 44.4569 20.0488C44.3848 20.1048 44.3087 20.1328 44.2287 20.1328H42.5955ZM46.8466 15.5454C47.1828 15.5454 47.475 15.4533 47.7232 15.2692C47.9794 15.0851 48.1475 14.8208 48.2276 14.4766C48.2516 14.3405 48.2637 14.2205 48.2637 14.1163C48.2637 13.8842 48.1956 13.7081 48.0595 13.588C47.9234 13.4599 47.6912 13.3959 47.363 13.3959H45.9219L45.4655 15.5454H46.8466Z" fill="white"/>
-</g>
-<rect x="26.5" y="0.5" width="31" height="31" rx="15.5" stroke="#A7EBFF"/>
-<g clip-path="url(#clip2_21758_50518)">
-<rect x="52" width="32" height="32" rx="16" fill="white"/>
-<path d="M72.617 13.0283C72.284 12.8403 71.8512 12.8403 71.485 13.0283L68.8881 14.4698L67.1236 15.41L64.5267 16.8515C64.1938 17.0395 63.7609 17.0395 63.3947 16.8515L61.3305 15.7233C60.9976 15.5353 60.7645 15.1906 60.7645 14.8145V12.5896C60.7645 12.2135 60.9643 11.8688 61.3305 11.6808L63.3614 10.584C63.6944 10.3959 64.1272 10.3959 64.4934 10.584L66.5243 11.6808C66.8572 11.8688 67.0903 12.2135 67.0903 12.5896V14.0311L68.8548 13.0596V11.6181C68.8548 11.242 68.6551 10.8973 68.2888 10.7093L64.5267 8.64102C64.1938 8.45299 63.7609 8.45299 63.3947 8.64102L59.566 10.7093C59.1998 10.8973 59 11.242 59 11.6181V15.786C59 16.162 59.1998 16.5068 59.566 16.6948L63.3947 18.7631C63.7276 18.9511 64.1605 18.9511 64.5267 18.7631L67.1236 17.3529L68.8881 16.3814L71.485 14.9712C71.8179 14.7832 72.2507 14.7832 72.617 14.9712L74.6479 16.068C74.9808 16.2561 75.2138 16.6008 75.2138 16.9768V19.2018C75.2138 19.5779 75.0141 19.9226 74.6479 20.1106L72.617 21.2388C72.284 21.4268 71.8512 21.4268 71.485 21.2388L69.4541 20.1419C69.1212 19.9539 68.8881 19.6092 68.8881 19.2331V17.7916L67.1236 18.7631V20.2046C67.1236 20.5806 67.3234 20.9254 67.6895 21.1134L71.5183 23.1817C71.8512 23.3697 72.284 23.3697 72.6503 23.1817L76.479 21.1134C76.8119 20.9254 77.045 20.5806 77.045 20.2046V16.0367C77.045 15.6606 76.8452 15.316 76.479 15.1279L72.617 13.0283Z" fill="#8347E5"/>
-</g>
-<rect x="52.5" y="0.5" width="31" height="31" rx="15.5" stroke="#A7EBFF"/>
-<g clip-path="url(#clip3_21758_50518)">
-<circle cx="94" cy="16" r="16" fill="#0052FF"/>
-<path d="M93.9804 27.1476C100.148 27.1476 105.147 22.1573 105.147 16.0005C105.147 9.84381 100.148 4.85352 93.9804 4.85352C88.1296 4.85352 83.3301 9.34621 82.853 15.0633H97.6126V16.9378H82.853C83.3301 22.6549 88.1296 27.1476 93.9804 27.1476Z" fill="white"/>
-</g>
-<rect x="78.5" y="0.5" width="31" height="31" rx="15.5" stroke="#A7EBFF"/>
-<g clip-path="url(#clip4_21758_50518)">
-<circle cx="120" cy="16" r="16" fill="black"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M129 15.6948L123.729 10.4473V14.2881L118.497 18.1368H123.729V20.9423L129 15.6948Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M110.428 15.6949L115.699 20.9424V17.1253L120.931 13.245H115.699V10.4395L110.428 15.6949Z" fill="white"/>
-</g>
-<rect x="104.5" y="0.5" width="31" height="31" rx="15.5" stroke="#A7EBFF"/>
-<g clip-path="url(#clip5_21758_50518)">
-<circle cx="146" cy="16" r="16" fill="black"/>
-<mask id="mask0_21758_50518" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="139" y="8" width="16" height="16">
-<path d="M154.833 8.26172H139.333V23.606H154.833V8.26172Z" fill="white"/>
-</mask>
-<g mask="url(#mask0_21758_50518)">
-<path d="M152.205 23.6064H139.333V10.752H142.278V21.1151H152.205V23.605V23.6064Z" fill="white"/>
-<path d="M152.205 13.2415C153.656 13.2415 154.833 12.1267 154.833 10.7516C154.833 9.37647 153.656 8.26172 152.205 8.26172C150.755 8.26172 149.578 9.37647 149.578 10.7516C149.578 12.1267 150.755 13.2415 152.205 13.2415Z" fill="white"/>
-</g>
-</g>
-<rect x="130.5" y="0.5" width="31" height="31" rx="15.5" stroke="#A7EBFF"/>
-<g clip-path="url(#clip6_21758_50518)">
-<path d="M188 0H156V32H188V0Z" fill="black"/>
-<path d="M172 28V23.9136C171.59 23.9136 171.171 23.8778 170.762 23.8152L170.12 27.848C170.744 27.9553 171.376 28 172 28ZM173.871 27.8569C174.494 27.7586 175.109 27.6155 175.706 27.4188L174.45 23.5291C174.058 23.6542 173.648 23.7526 173.238 23.8152L173.871 27.8569ZM168.294 27.4188L169.55 23.538C169.158 23.4128 168.775 23.2519 168.401 23.0641L166.548 26.7034C167.109 26.9806 167.697 27.2221 168.294 27.4188ZM177.443 26.7034C178.004 26.4173 178.539 26.0864 179.047 25.7198L176.641 22.4203C176.312 22.6617 175.955 22.8852 175.581 23.0641L177.443 26.7034ZM164.944 25.7109L167.35 22.4113C167.02 22.1699 166.699 21.9016 166.405 21.6066L163.519 24.4948C163.964 24.9329 164.445 25.3443 164.944 25.7109ZM180.463 24.5127L180.49 24.4858C180.935 24.0477 181.345 23.5648 181.71 23.0641L178.414 20.6587C178.174 20.9896 177.898 21.3115 177.612 21.5976L177.568 21.6423L178.958 22.9568L180.463 24.5127ZM162.298 23.0551L165.595 20.6498C165.354 20.3189 165.131 19.9613 164.944 19.5946L161.31 21.4456C161.595 22.0089 161.924 22.5455 162.298 23.0551ZM182.69 21.4545C182.975 20.9001 183.216 20.31 183.412 19.7109L179.528 18.459C179.403 18.8525 179.243 19.237 179.056 19.6036L182.69 21.4545ZM160.588 19.7109L164.472 18.4501C164.347 18.0566 164.249 17.6542 164.187 17.2429L160.151 17.8778C160.249 18.4948 160.401 19.1118 160.588 19.7109ZM183.849 17.8867C183.947 17.2697 184 16.6349 184 16.0089H179.92C179.92 16.4203 179.884 16.8405 179.822 17.2519L183.849 17.8867ZM164.089 16C164.089 15.5887 164.125 15.1684 164.187 14.7571L160.151 14.1222C160.053 14.7392 160.009 15.3741 160 16H164.089ZM179.822 14.766L183.857 14.1311C183.759 13.5142 183.617 12.8972 183.421 12.2981L179.537 13.5499C179.661 13.9523 179.759 14.3547 179.822 14.766ZM164.472 13.5499C164.597 13.1565 164.757 12.772 164.944 12.4054L161.31 10.5544C161.024 11.1088 160.784 11.699 160.588 12.2981L164.472 13.5499ZM179.065 12.4143L182.708 10.5633C182.423 10 182.094 9.46349 181.719 8.9538L178.414 11.3592C178.655 11.69 178.878 12.0477 179.065 12.4143ZM165.595 11.3502C165.835 11.0194 166.111 10.6975 166.405 10.4024L166.414 10.3934L163.528 7.50522L163.519 7.51416C163.073 7.96125 162.664 8.43517 162.298 8.94486L165.595 11.3502ZM177.612 10.4203L178.486 9.53502L180.49 7.53204L180.481 7.5231C180.036 7.08495 179.563 6.67362 179.065 6.307L176.659 9.60656C176.989 9.84799 177.31 10.1162 177.595 10.4113L177.612 10.4203ZM167.359 9.58867C167.688 9.34724 168.045 9.13264 168.419 8.94486L166.566 5.30551C166.004 5.59165 165.47 5.9225 164.962 6.28912L167.359 9.58867ZM175.608 8.9538L177.47 5.31446C176.909 5.02832 176.33 4.78689 175.733 4.59016L174.468 8.47094C174.851 8.60507 175.234 8.76602 175.608 8.9538ZM169.568 8.47094C169.96 8.34575 170.37 8.24739 170.78 8.1848L170.147 4.15201C169.532 4.25037 168.909 4.39344 168.312 4.59016L169.568 8.47094ZM173.247 8.1848L173.889 4.15201C173.274 4.05365 172.641 4 172.018 4V8.08644C172.428 8.08644 172.846 8.12221 173.247 8.1848Z" fill="white"/>
-<path d="M171.996 24V19.9086C171.651 19.9086 171.316 19.8641 170.981 19.7749L169.922 23.7237C170.601 23.9019 171.298 24 171.996 24ZM174.069 23.7237C174.749 23.5454 175.393 23.278 176.002 22.9214L173.955 19.3827C173.664 19.5521 173.346 19.6858 173.019 19.7749L174.069 23.7237ZM167.998 22.9214L170.045 19.3827C169.754 19.2134 169.48 18.9994 169.233 18.7588L169.198 18.7231L167.91 20.0869L166.321 21.629L166.347 21.6557C166.842 22.146 167.398 22.5738 167.998 22.9214ZM177.653 21.6557C178.147 21.1565 178.579 20.6039 178.923 19.9978L175.384 17.9476C175.217 18.2418 175.005 18.5092 174.758 18.7588L177.653 21.6557ZM165.068 19.9889L168.607 17.9476C168.439 17.6535 168.307 17.3415 168.218 17.0117L164.274 18.0635C164.45 18.732 164.724 19.3827 165.068 19.9889ZM179.726 18.0724C179.903 17.395 180 16.6997 180 16.0045H175.914C175.914 16.3432 175.87 16.6908 175.782 17.0206L179.726 18.0724ZM168.095 15.9955C168.095 15.6568 168.139 15.3092 168.227 14.9794L164.274 13.9276C164.097 14.605 164 15.3003 164 15.9955H168.095ZM175.773 14.9883L179.726 13.9365C179.55 13.2591 179.276 12.6084 178.932 12.0022L175.393 14.0435C175.552 14.3465 175.685 14.6585 175.773 14.9883ZM168.616 14.0435C168.783 13.7582 168.986 13.4819 169.233 13.2412L169.242 13.2323L167.777 11.7705L166.374 10.3175L166.347 10.3443C165.853 10.8345 165.43 11.3961 165.077 11.9933L168.616 14.0435ZM174.758 13.2412L176.205 11.7883L177.688 10.3799L177.653 10.3443C177.158 9.84513 176.602 9.42618 176.002 9.06964L173.955 12.6084C174.246 12.7777 174.511 12.9827 174.758 13.2234V13.2412ZM170.045 12.6084C170.336 12.439 170.654 12.3053 170.981 12.2162L169.939 8.26741C169.26 8.44568 168.616 8.71309 168.007 9.06964L170.045 12.6084ZM173.01 12.2251L174.069 8.27632C173.399 8.09805 172.702 8 172.004 8V12.0914C172.34 12.0914 172.684 12.1359 173.01 12.2251Z" fill="white"/>
-</g>
-<rect x="156.5" y="0.5" width="31" height="31" rx="15.5" stroke="#A7EBFF"/>
-<g clip-path="url(#clip7_21758_50518)">
-<rect x="182" width="32" height="32" rx="16" fill="#FFF8F3"/>
-<path d="M204.513 18.6865V9.40213C204.501 8.62527 203.897 8 203.138 8H193.681C191.64 8.03158 190 9.74319 190 11.8401C190 12.5475 190.185 13.1538 190.469 13.6843C190.709 14.1264 191.085 14.5433 191.455 14.8528C191.56 14.9412 191.511 14.9033 191.831 15.1054C192.275 15.3833 192.781 15.5222 192.781 15.5222L192.774 21.0739C192.787 21.3392 192.811 21.5918 192.879 21.8255C193.089 22.6087 193.619 23.2087 194.34 23.4992C194.643 23.6192 194.982 23.7013 195.345 23.7077L202.898 23.7329C204.402 23.7329 205.623 22.4824 205.623 20.935C205.629 20.0192 205.185 19.1981 204.513 18.6865Z" fill="#FFEEDA"/>
-<path d="M204.698 21.0046C204.667 21.9962 203.872 22.792 202.898 22.792L197.7 22.773C198.113 22.2804 198.366 21.6425 198.366 20.9477C198.366 19.8551 197.731 19.1035 197.731 19.1035H202.904C203.897 19.1035 204.704 19.9309 204.704 20.9477L204.698 21.0046Z" fill="#EBC28E"/>
-<path d="M191.948 14.0691C191.35 13.4881 190.931 12.7365 190.931 11.8459V11.7512C190.98 10.2291 192.201 9.00377 193.687 8.95956H203.145C203.391 8.97219 203.589 9.14904 203.589 9.40799V17.606C203.804 17.644 203.909 17.6755 204.119 17.7513C204.285 17.8145 204.513 17.9471 204.513 17.9471V9.40799C204.501 8.63113 203.897 8.00586 203.138 8.00586H193.681C191.64 8.03744 190 9.74905 190 11.8459C190 13.0649 190.543 14.107 191.43 14.8396C191.492 14.8902 191.548 14.9534 191.708 14.9534C191.985 14.9534 192.183 14.726 192.17 14.4797C192.164 14.2712 192.078 14.1954 191.948 14.0691Z" fill="#101010"/>
-<path d="M202.898 18.1429H195.481C194.982 18.1492 194.581 18.5598 194.581 19.0714V20.164C194.593 20.6693 195.013 21.0988 195.512 21.0988H196.061V20.164H195.512V19.0966C195.512 19.0966 195.648 19.0966 195.814 19.0966C196.751 19.0966 197.442 19.9871 197.442 20.9409C197.442 21.7872 196.69 22.8672 195.432 22.7788C194.316 22.703 193.712 21.6861 193.712 20.9409V11.6817C193.712 11.2649 193.379 10.9238 192.972 10.9238H192.232V11.8712H192.781V20.9472C192.75 22.7915 194.063 23.7199 195.432 23.7199L202.904 23.7451C204.409 23.7451 205.629 22.4946 205.629 20.9472C205.629 19.3998 204.402 18.1429 202.898 18.1429ZM204.698 21.004C204.668 21.9956 203.872 22.7915 202.898 22.7915L197.701 22.7725C198.114 22.2798 198.367 21.6419 198.367 20.9472C198.367 19.8545 197.731 19.1029 197.731 19.1029H202.904C203.897 19.1029 204.705 19.9303 204.705 20.9472L204.698 21.004Z" fill="#101010"/>
-<path d="M200.9 12.0431H195.308V11.0957H200.9C201.153 11.0957 201.363 11.3041 201.363 11.5694C201.363 11.8283 201.159 12.0431 200.9 12.0431Z" fill="#101010"/>
-<path d="M200.9 16.5002H195.308V15.5527H200.9C201.153 15.5527 201.363 15.7612 201.363 16.0265C201.363 16.2854 201.159 16.5002 200.9 16.5002Z" fill="#101010"/>
-<path d="M201.887 14.2716H195.308V13.3242H201.881C202.133 13.3242 202.343 13.5326 202.343 13.7979C202.349 14.0569 202.14 14.2716 201.887 14.2716Z" fill="#101010"/>
-</g>
-<rect x="182.5" y="0.5" width="31" height="31" rx="15.5" stroke="#A7EBFF"/>
-<defs>
-<clipPath id="clip0_21758_50518">
-<rect width="32" height="32" rx="16" fill="white"/>
-</clipPath>
-<clipPath id="clip1_21758_50518">
-<rect x="26" width="32" height="32" rx="16" fill="white"/>
-</clipPath>
-<clipPath id="clip2_21758_50518">
-<rect x="52" width="32" height="32" rx="16" fill="white"/>
-</clipPath>
-<clipPath id="clip3_21758_50518">
-<rect x="78" width="32" height="32" rx="16" fill="white"/>
-</clipPath>
-<clipPath id="clip4_21758_50518">
-<rect x="104" width="32" height="32" rx="16" fill="white"/>
-</clipPath>
-<clipPath id="clip5_21758_50518">
-<rect x="130" width="32" height="32" rx="16" fill="white"/>
-</clipPath>
-<clipPath id="clip6_21758_50518">
-<rect x="156" width="32" height="32" rx="16" fill="white"/>
-</clipPath>
-<clipPath id="clip7_21758_50518">
-<rect x="182" width="32" height="32" rx="16" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/assets/icons/l2/arbitrum.svg b/assets/icons/lido-multichain/arbitrum.svg
similarity index 100%
rename from assets/icons/l2/arbitrum.svg
rename to assets/icons/lido-multichain/arbitrum.svg
diff --git a/assets/icons/l2/base.svg b/assets/icons/lido-multichain/base.svg
similarity index 100%
rename from assets/icons/l2/base.svg
rename to assets/icons/lido-multichain/base.svg
diff --git a/assets/icons/lido-multichain/bnb.svg b/assets/icons/lido-multichain/bnb.svg
new file mode 100644
index 000000000..97b67eb4d
--- /dev/null
+++ b/assets/icons/lido-multichain/bnb.svg
@@ -0,0 +1,11 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7274_13676)">
+<path d="M32 0H0V32H32V0Z" fill="#F0B90B"/>
+<path d="M10.8848 9.31454L15.9999 6.36203L21.1151 9.31454L19.2345 10.4053L15.9999 8.5435L12.7653 10.4053L10.8848 9.31454ZM21.1151 13.0381L19.2345 11.9474L15.9999 13.8091L12.7653 11.9474L10.8848 13.0381V15.2196L14.1193 17.0813V20.8049L15.9999 21.8956L17.8805 20.8049V17.0813L21.1151 15.2196V13.0381ZM21.1151 18.9431V16.7616L19.2345 17.8523V20.0338L21.1151 18.9431ZM22.4503 19.7142L19.2157 21.5759V23.7574L24.3309 20.8049V14.8998L22.4503 15.9906V19.7142ZM20.5698 11.1763L22.4503 12.267V14.4485L24.3309 13.3578V11.1763L22.4503 10.0856L20.5698 11.1763ZM14.1193 22.3658V24.5473L15.9999 25.638L17.8805 24.5473V22.3658L15.9999 23.4565L14.1193 22.3658ZM10.8848 18.9431L12.7653 20.0338V17.8523L10.8848 16.7616V18.9431ZM14.1193 11.1763L15.9999 12.267L17.8805 11.1763L15.9999 10.0856L14.1193 11.1763ZM9.54952 12.267L11.4301 11.1763L9.54952 10.0856L7.66895 11.1763V13.3578L9.54952 14.4485V12.267ZM9.54952 15.9906L7.66895 14.8998V20.8049L12.7841 23.7574V21.5759L9.54952 19.7142V15.9906Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_7274_13676">
+<rect width="32" height="32" rx="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/icons/l2/linea.svg b/assets/icons/lido-multichain/linea.svg
similarity index 100%
rename from assets/icons/l2/linea.svg
rename to assets/icons/lido-multichain/linea.svg
diff --git a/assets/icons/l2/mantle.svg b/assets/icons/lido-multichain/mantle.svg
similarity index 100%
rename from assets/icons/l2/mantle.svg
rename to assets/icons/lido-multichain/mantle.svg
diff --git a/assets/icons/l2/optimism.svg b/assets/icons/lido-multichain/optimism.svg
similarity index 100%
rename from assets/icons/l2/optimism.svg
rename to assets/icons/lido-multichain/optimism.svg
diff --git a/assets/icons/l2/polygon.svg b/assets/icons/lido-multichain/polygon.svg
similarity index 100%
rename from assets/icons/l2/polygon.svg
rename to assets/icons/lido-multichain/polygon.svg
diff --git a/assets/icons/l2/scroll.svg b/assets/icons/lido-multichain/scroll.svg
similarity index 100%
rename from assets/icons/l2/scroll.svg
rename to assets/icons/lido-multichain/scroll.svg
diff --git a/assets/icons/l2/zk-sync.svg b/assets/icons/lido-multichain/zk-sync.svg
similarity index 100%
rename from assets/icons/l2/zk-sync.svg
rename to assets/icons/lido-multichain/zk-sync.svg
diff --git a/config/feature-flags/types.ts b/config/feature-flags/types.ts
index 23f53be3a..ec8a110b3 100644
--- a/config/feature-flags/types.ts
+++ b/config/feature-flags/types.ts
@@ -1,8 +1,6 @@
 export const RPC_SETTINGS_PAGE_ON_INFRA_IS_ENABLED =
   'rpcSettingsPageOnInfraIsEnabled';
-export const VAULTS_BANNER_IS_ENABLED = 'vaultsBannerIsEnabled';
 
 export type FeatureFlagsType = {
   [RPC_SETTINGS_PAGE_ON_INFRA_IS_ENABLED]: boolean;
-  [VAULTS_BANNER_IS_ENABLED]: boolean;
 };
diff --git a/config/feature-flags/utils.ts b/config/feature-flags/utils.ts
index 54bcd1d7e..d4d721b5f 100644
--- a/config/feature-flags/utils.ts
+++ b/config/feature-flags/utils.ts
@@ -3,6 +3,5 @@ import { FeatureFlagsType } from './types';
 export const getFeatureFlagsDefault = (): FeatureFlagsType => {
   return {
     rpcSettingsPageOnInfraIsEnabled: false,
-    vaultsBannerIsEnabled: true,
   };
 };
diff --git a/consts/chains.ts b/consts/chains.ts
index 6a2458ac8..7972923d9 100644
--- a/consts/chains.ts
+++ b/consts/chains.ts
@@ -4,7 +4,7 @@ export enum CHAINS {
   Sepolia = 11155111,
 }
 
-export enum L2_CHAINS {
+export enum LIDO_MULTICHAIN_CHAINS {
   zkSync = 324,
   Optimism = 10,
   Arbitrum = 42161,
@@ -13,4 +13,5 @@ export enum L2_CHAINS {
   Mantle = 5000,
   Linea = 59144,
   Scroll = 534352,
+  BNB = 56,
 }
diff --git a/consts/matomo-click-events.ts b/consts/matomo-click-events.ts
index b3a0ae331..2183b84ab 100644
--- a/consts/matomo-click-events.ts
+++ b/consts/matomo-click-events.ts
@@ -12,11 +12,7 @@ export const enum MATOMO_CLICK_EVENTS_TYPES {
   openOceanDiscount = 'openOceanDiscount',
   oneInchDiscount = 'oneInchDiscount',
   viewEtherscanOnStakePage = 'viewEtherscanOnStakePage',
-  l2BannerStake = 'l2BannerStake',
-  l2LowFeeStake = 'l2LowFeeStake',
-  l2LowFeeWrap = 'l2LowFeeWrap',
-  l2swap = 'l2swap',
-  lidoOnL2Opportunities = 'lidoOnL2Opportunities',
+  lidoOnLidoMultichainOpportunities = 'lidoOnLidoMultichainOpportunities',
   vaultsBannerLearnMore = 'vaultsBannerLearnMore',
   vaultsBannerExploreAll = 'vaultsBannerExploreAll',
   // FAQ
@@ -38,15 +34,12 @@ export const enum MATOMO_CLICK_EVENTS_TYPES {
   faqHowCanIGetWstethWrapLink = 'faqHowCanIGetWstethWrapLink',
   faqHowCanIGetWstethIntegrationsLink = 'faqHowCanIGetWstethIntegrationsLink',
   faqHowDoIUnwrapWstethUnwrapLink = 'faqHowDoIUnwrapWstethUnwrapLink',
-  faqHowCanIUseWstethL2 = 'faqHowCanIUseWstethL2',
+  faqHowCanIUseWstethLidoMultichain = 'faqHowCanIUseWstethLidoMultichain',
   faqHowCanIUseWstethDefiProtocols = 'faqHowCanIUseWstethDefiProtocols',
   faqDoINeedToUnwrapMyWstethWithdrawalsTabs = 'faqDoINeedToUnwrapMyWstethWithdrawalsTabs',
   // /wrap page
-  l2BannerWrap = 'l2BannerWrap',
   wrapTokenSelectSTETH = 'wrapTokenSelectSteth',
   wrapTokenSelectETH = 'wrapTokenSelectEth',
-  // Unwrap tab
-  l2BannerUnwrap = 'l2BannerUnwrap',
 
   // /withdrawal page
   withdrawalUseLido = 'withdrawalUseLido',
@@ -121,30 +114,10 @@ export const MATOMO_CLICK_EVENTS: Record<
     'Push «View on Etherscan» on the right side of Lido Statistics',
     'eth_widget_etherscan_stakePage',
   ],
-  [MATOMO_CLICK_EVENTS_TYPES.l2BannerStake]: [
+  [MATOMO_CLICK_EVENTS_TYPES.lidoOnLidoMultichainOpportunities]: [
     'Ethereum_Staking_Widget',
-    'Push "Learn more" at the L2 banner on "Stake" tab',
-    'eth_widget_banner_l2_stake',
-  ],
-  [MATOMO_CLICK_EVENTS_TYPES.l2LowFeeStake]: [
-    'Ethereum_Staking_Widget',
-    'Push «Learn more» in Unlock Low-Fee transactions on L2 on Transaction success banner on "Stake" tab',
-    'eth_widget_banner_learn_more_L2_stake',
-  ],
-  [MATOMO_CLICK_EVENTS_TYPES.l2LowFeeWrap]: [
-    'Ethereum_Staking_Widget',
-    'Push «Learn more» in Unlock Low-Fee transactions on L2 on Transaction success banner on "Wrap" tab',
-    'eth_widget_banner_learn_more_L2_wrap',
-  ],
-  [MATOMO_CLICK_EVENTS_TYPES.l2swap]: [
-    'Ethereum_Staking_Widget',
-    'Push «Swap» in Swap ETH to wstETH on L2 banner on staking widget',
-    'eth_widget_banner_swap_ETH_on_L2',
-  ],
-  [MATOMO_CLICK_EVENTS_TYPES.lidoOnL2Opportunities]: [
-    'Ethereum_Staking_Widget',
-    'Push "Lido on L2 opportunities" ',
-    'eth_widget_lido_on_l2_opportunities',
+    'Push "Lido on L2 opportunities" ', // L2 naiming for analytics history consistency
+    'eth_widget_lido_on_l2_opportunities', // L2 naiming for analytics history consistency
   ],
   [MATOMO_CLICK_EVENTS_TYPES.vaultsBannerLearnMore]: [
     'Ethereum_Staking_Widget',
@@ -247,10 +220,10 @@ export const MATOMO_CLICK_EVENTS: Record<
     'Push «stake.lido.fi/wrap/unwrap» How do I unwrap wstETH back to stETH?',
     'eth_widget_faq_howunwrapwsteth_unwrap',
   ],
-  [MATOMO_CLICK_EVENTS_TYPES.faqHowCanIUseWstethL2]: [
+  [MATOMO_CLICK_EVENTS_TYPES.faqHowCanIUseWstethLidoMultichain]: [
     'Ethereum_Staking_Widget',
-    'Push «L2» How can I use wstETH?',
-    'eth_widget_faq_howCanIUseWstETH_l2',
+    'Push «L2» How can I use wstETH?', // L2 naiming for analytics history consistency
+    'eth_widget_faq_howCanIUseWstETH_l2', // L2 naiming for analytics history consistency
   ],
   [MATOMO_CLICK_EVENTS_TYPES.faqHowCanIUseWstethDefiProtocols]: [
     'Ethereum_Staking_Widget',
@@ -263,11 +236,6 @@ export const MATOMO_CLICK_EVENTS: Record<
     'eth_widget_faq_doINeedToUnwrapMyWsteth_withdrawalsRequestAndClaimTabs',
   ],
   // /wrap page
-  [MATOMO_CLICK_EVENTS_TYPES.l2BannerWrap]: [
-    'Ethereum_Staking_Widget',
-    'Push "Learn more" at the L2 banner on "Wrap" tab',
-    'eth_widget_banner_l2_wrap',
-  ],
   [MATOMO_CLICK_EVENTS_TYPES.wrapTokenSelectETH]: [
     'Ethereum_Staking_Widget',
     'Select ETH to wrap to wsteth on wrap page',
@@ -278,12 +246,6 @@ export const MATOMO_CLICK_EVENTS: Record<
     'Select STETH to wrap to wsteth on wrap page',
     'eth_widget_wrap_select_token_steth',
   ],
-  // Unwrap tab
-  [MATOMO_CLICK_EVENTS_TYPES.l2BannerUnwrap]: [
-    'Ethereum_Staking_Widget',
-    'Push "Learn more" at the L2 banner on "Unwrap" tab',
-    'eth_widget_banner_l2_unwrap',
-  ],
 
   // /withdrawal page
   [MATOMO_CLICK_EVENTS_TYPES.withdrawalUseLido]: [
diff --git a/features/stake/stake-form/stake-form.tsx b/features/stake/stake-form/stake-form.tsx
index 695b6570e..18330f4e8 100644
--- a/features/stake/stake-form/stake-form.tsx
+++ b/features/stake/stake-form/stake-form.tsx
@@ -1,5 +1,4 @@
 import { FC, memo } from 'react';
-import { useFeatureFlag, VAULTS_BANNER_IS_ENABLED } from 'config/feature-flags';
 
 import { StakeFormProvider } from './stake-form-context';
 
@@ -9,11 +8,9 @@ import { StakeSubmitButton } from './controls/stake-submit-button';
 import { StakeFormInfo } from './stake-form-info';
 import { SwapDiscountBanner } from '../swap-discount-banner';
 import { StakeBlock, FormControllerStyled } from './styles';
-import { L2FromStakeToWrap } from 'shared/banners/l2-banners/l2-from-stake-to-wrap';
 import { VaultsBannerInfo } from 'shared/banners/vaults-banner-info';
 
 export const StakeForm: FC = memo(() => {
-  const { vaultsBannerIsEnabled } = useFeatureFlag(VAULTS_BANNER_IS_ENABLED);
   return (
     <StakeFormProvider>
       <Wallet />
@@ -22,11 +19,7 @@ export const StakeForm: FC = memo(() => {
           <StakeAmountInput />
           <StakeSubmitButton />
           <SwapDiscountBanner>
-            {vaultsBannerIsEnabled ? (
-              <VaultsBannerInfo />
-            ) : (
-              <L2FromStakeToWrap />
-            )}
+            <VaultsBannerInfo />
           </SwapDiscountBanner>
         </FormControllerStyled>
         <StakeFormInfo />
diff --git a/features/stake/stake-form/wallet/wallet.tsx b/features/stake/stake-form/wallet/wallet.tsx
index 0186629ad..3eba3d6a3 100644
--- a/features/stake/stake-form/wallet/wallet.tsx
+++ b/features/stake/stake-form/wallet/wallet.tsx
@@ -5,23 +5,21 @@ import { TOKENS } from '@lido-sdk/constants';
 import { useTokenAddress } from '@lido-sdk/react';
 import { Divider, Question, Tooltip } from '@lidofinance/lido-ui';
 
-import { useConfig } from 'config';
 import { LIDO_APR_TOOLTIP_TEXT, DATA_UNAVAILABLE } from 'consts/text';
-import { CHAINS } from 'consts/chains';
 
 import { TokenToWallet } from 'shared/components';
 import { FormatToken } from 'shared/formatters';
 import { useLidoApr } from 'shared/hooks';
 import { useDappStatus } from 'shared/hooks/use-dapp-status';
+import { useLidoMultichainFallbackCondition } from 'shared/hooks/use-lido-multichain-fallback-condition';
 import {
   CardAccount,
   CardBalance,
   CardRow,
   Fallback,
-  L2Fallback,
+  LidoMultichainFallback,
 } from 'shared/wallet';
 import type { WalletComponentType } from 'shared/wallet/types';
-import { overrideWithQAMockBoolean } from 'utils/qa';
 
 import { LimitMeter } from './limit-meter';
 import { FlexCenter, LidoAprStyled, StyledCard } from './styles';
@@ -100,18 +98,11 @@ const WalletComponent: WalletComponentType = (props) => {
 };
 
 export const Wallet: WalletComponentType = memo((props) => {
-  const { config } = useConfig();
-  const { isL2Chain, isDappActive } = useDappStatus();
+  const { isDappActive } = useDappStatus();
+  const { showLidoMultichainFallback } = useLidoMultichainFallbackCondition();
 
-  // Display L2 banners only if defaultChain=Mainnet
-  // Or via QA helpers override
-  const showL2Chain = overrideWithQAMockBoolean(
-    config.defaultChain === CHAINS.Mainnet,
-    'mock-qa-helpers-show-l2-banners-on-testnet',
-  );
-
-  if (isL2Chain && showL2Chain) {
-    return <L2Fallback textEnding={'to stake'} {...props} />;
+  if (showLidoMultichainFallback) {
+    return <LidoMultichainFallback textEnding={'to stake'} {...props} />;
   }
 
   if (!isDappActive) {
diff --git a/features/withdrawals/claim/wallet/wallet.tsx b/features/withdrawals/claim/wallet/wallet.tsx
index 8b7a8e308..81b0b7488 100644
--- a/features/withdrawals/claim/wallet/wallet.tsx
+++ b/features/withdrawals/claim/wallet/wallet.tsx
@@ -3,19 +3,22 @@ import { memo } from 'react';
 import { Divider } from '@lidofinance/lido-ui';
 import { useSDK } from '@lido-sdk/react';
 
-import { useConfig } from 'config';
-import { CHAINS } from 'consts/chains';
 import {
   WalletWrapperStyled,
   WalletMyRequests,
 } from 'features/withdrawals/shared';
 import { useDappStatus } from 'shared/hooks/use-dapp-status';
-import { CardAccount, CardRow, Fallback, L2Fallback } from 'shared/wallet';
+import { useLidoMultichainFallbackCondition } from 'shared/hooks/use-lido-multichain-fallback-condition';
+import {
+  CardAccount,
+  CardRow,
+  Fallback,
+  LidoMultichainFallback,
+} from 'shared/wallet';
 import type { WalletComponentType } from 'shared/wallet/types';
 
 import { WalletAvailableAmount } from './wallet-availale-amount';
 import { WalletPendingAmount } from './wallet-pending-amount';
-import { overrideWithQAMockBoolean } from 'utils/qa';
 
 export const WalletComponent = () => {
   const { account } = useSDK();
@@ -36,18 +39,13 @@ export const WalletComponent = () => {
 };
 
 export const ClaimWallet: WalletComponentType = memo((props) => {
-  const { config } = useConfig();
-  const { isL2Chain, isDappActive } = useDappStatus();
-
-  // Display L2 banners only if defaultChain=Mainnet
-  // Or via QA helpers override
-  const showL2Chain = overrideWithQAMockBoolean(
-    config.defaultChain === CHAINS.Mainnet,
-    'mock-qa-helpers-show-l2-banners-on-testnet',
-  );
+  const { isDappActive } = useDappStatus();
+  const { showLidoMultichainFallback } = useLidoMultichainFallbackCondition();
 
-  if (isL2Chain && showL2Chain) {
-    return <L2Fallback textEnding={'to claim withdrawals'} {...props} />;
+  if (showLidoMultichainFallback) {
+    return (
+      <LidoMultichainFallback textEnding={'to claim withdrawals'} {...props} />
+    );
   }
 
   if (!isDappActive) {
diff --git a/features/withdrawals/request/wallet/wallet.tsx b/features/withdrawals/request/wallet/wallet.tsx
index 46a78d6bd..1f3eecb45 100644
--- a/features/withdrawals/request/wallet/wallet.tsx
+++ b/features/withdrawals/request/wallet/wallet.tsx
@@ -5,14 +5,17 @@ import { TOKENS } from '@lido-sdk/constants';
 import { Divider } from '@lidofinance/lido-ui';
 import { useSDK } from '@lido-sdk/react';
 
-import { useConfig } from 'config';
-import { CHAINS } from 'consts/chains';
 import { WalletMyRequests } from 'features/withdrawals/shared';
 import { WalletWrapperStyled } from 'features/withdrawals/shared';
-import { CardAccount, CardRow, Fallback, L2Fallback } from 'shared/wallet';
+import {
+  CardAccount,
+  CardRow,
+  Fallback,
+  LidoMultichainFallback,
+} from 'shared/wallet';
 import { useDappStatus } from 'shared/hooks/use-dapp-status';
+import { useLidoMultichainFallbackCondition } from 'shared/hooks/use-lido-multichain-fallback-condition';
 import type { WalletComponentType } from 'shared/wallet/types';
-import { overrideWithQAMockBoolean } from 'utils/qa';
 
 import { WalletStethBalance } from './wallet-steth-balance';
 import { WalletWstethBalance } from './wallet-wsteth-balance';
@@ -40,18 +43,16 @@ export const WalletComponent = () => {
 };
 
 export const RequestWallet: WalletComponentType = memo((props) => {
-  const { config } = useConfig();
-  const { isL2Chain, isDappActive } = useDappStatus();
-
-  // Display L2 banners only if defaultChain=Mainnet
-  // Or via QA helpers override
-  const showL2Chain = overrideWithQAMockBoolean(
-    config.defaultChain === CHAINS.Mainnet,
-    'mock-qa-helpers-show-l2-banners-on-testnet',
-  );
-
-  if (isL2Chain && showL2Chain) {
-    return <L2Fallback textEnding={'to request withdrawals'} {...props} />;
+  const { isDappActive } = useDappStatus();
+  const { showLidoMultichainFallback } = useLidoMultichainFallbackCondition();
+
+  if (showLidoMultichainFallback) {
+    return (
+      <LidoMultichainFallback
+        textEnding={'to request withdrawals'}
+        {...props}
+      />
+    );
   }
 
   if (!isDappActive) {
diff --git a/features/wsteth/shared/wallet/wallet.tsx b/features/wsteth/shared/wallet/wallet.tsx
index 9f4b133f0..3f9276051 100644
--- a/features/wsteth/shared/wallet/wallet.tsx
+++ b/features/wsteth/shared/wallet/wallet.tsx
@@ -10,22 +10,20 @@ import {
   useTokenAddress,
 } from '@lido-sdk/react';
 
-import { useConfig } from 'config';
-import { CHAINS } from 'consts/chains';
 import { STRATEGY_LAZY } from 'consts/swr-strategies';
 import { FormatToken } from 'shared/formatters';
 import { TokenToWallet } from 'shared/components';
 import { useWstethBySteth, useStethByWsteth } from 'shared/hooks';
 import { useDappStatus } from 'shared/hooks/use-dapp-status';
+import { useLidoMultichainFallbackCondition } from 'shared/hooks/use-lido-multichain-fallback-condition';
 import type { WalletComponentType } from 'shared/wallet/types';
 import {
   CardBalance,
   CardRow,
   CardAccount,
   Fallback,
-  L2Fallback,
+  LidoMultichainFallback,
 } from 'shared/wallet';
-import { overrideWithQAMockBoolean } from 'utils/qa';
 
 import { StyledCard } from './styles';
 
@@ -117,18 +115,11 @@ const WalletComponent: WalletComponentType = (props) => {
 };
 
 export const Wallet: WalletComponentType = memo((props) => {
-  const { config } = useConfig();
-  const { isL2Chain, isDappActive } = useDappStatus();
+  const { isDappActive } = useDappStatus();
+  const { showLidoMultichainFallback } = useLidoMultichainFallbackCondition();
 
-  // Display L2 banners only if defaultChain=Mainnet
-  // Or via QA helpers override
-  const showL2Chain = overrideWithQAMockBoolean(
-    config.defaultChain === CHAINS.Mainnet,
-    'mock-qa-helpers-show-l2-banners-on-testnet',
-  );
-
-  if (isL2Chain && showL2Chain) {
-    return <L2Fallback textEnding={'to wrap/unwrap'} {...props} />;
+  if (showLidoMultichainFallback) {
+    return <LidoMultichainFallback textEnding={'to wrap/unwrap'} {...props} />;
   }
 
   if (!isDappActive) {
diff --git a/features/wsteth/shared/wrap-faq/list/how-can-i-use-wsteth.tsx b/features/wsteth/shared/wrap-faq/list/how-can-i-use-wsteth.tsx
index a3265bcb6..1cd41d4e7 100644
--- a/features/wsteth/shared/wrap-faq/list/how-can-i-use-wsteth.tsx
+++ b/features/wsteth/shared/wrap-faq/list/how-can-i-use-wsteth.tsx
@@ -11,9 +11,11 @@ export const HowCanIUseWsteth: FC = () => {
         wstETH is useful across{' '}
         <Link
           href={`${config.rootOrigin}/lido-ecosystem?networks=arbitrum%2Coptimism`}
-          data-matomo={MATOMO_CLICK_EVENTS_TYPES.faqHowCanIUseWstethL2}
+          data-matomo={
+            MATOMO_CLICK_EVENTS_TYPES.faqHowCanIUseWstethLidoMultichain
+          }
         >
-          L2
+          Lido Multichain
         </Link>{' '}
         and other{' '}
         <Link
diff --git a/features/wsteth/unwrap/unwrap-form/unwrap-form.tsx b/features/wsteth/unwrap/unwrap-form/unwrap-form.tsx
index 311a52235..ac2854e31 100644
--- a/features/wsteth/unwrap/unwrap-form/unwrap-form.tsx
+++ b/features/wsteth/unwrap/unwrap-form/unwrap-form.tsx
@@ -1,9 +1,6 @@
 import { FC, memo } from 'react';
-import { useFeatureFlag, VAULTS_BANNER_IS_ENABLED } from 'config/feature-flags';
 
-import { MATOMO_CLICK_EVENTS } from 'consts/matomo-click-events';
 import { InputWrap, WrapBlock } from 'features/wsteth/shared/styles';
-import { L2Wsteth } from 'shared/banners/l2-banners/l2-wsteth';
 import { VaultsBannerInfo } from 'shared/banners/vaults-banner-info';
 import { FormController } from 'shared/hook-form/form-controller/form-controller';
 
@@ -13,8 +10,6 @@ import { TokenAmountInputUnwrap } from '../unwrap-form-controls/amount-input-unw
 import { SubmitButtonUnwrap } from '../unwrap-form-controls/submit-button-unwrap';
 
 export const UnwrapForm: FC = memo(() => {
-  const { vaultsBannerIsEnabled } = useFeatureFlag(VAULTS_BANNER_IS_ENABLED);
-
   return (
     <UnwrapFormProvider>
       <WrapBlock data-testid="unwrapForm">
@@ -24,11 +19,7 @@ export const UnwrapForm: FC = memo(() => {
           </InputWrap>
           <SubmitButtonUnwrap />
         </FormController>
-        {vaultsBannerIsEnabled ? (
-          <VaultsBannerInfo />
-        ) : (
-          <L2Wsteth matomoEventLink={MATOMO_CLICK_EVENTS.l2BannerUnwrap} />
-        )}
+        <VaultsBannerInfo />
         <UnwrapStats />
       </WrapBlock>
     </UnwrapFormProvider>
diff --git a/features/wsteth/wrap/wrap-form/wrap-form.tsx b/features/wsteth/wrap/wrap-form/wrap-form.tsx
index 5ecafbdfc..05f238ddd 100644
--- a/features/wsteth/wrap/wrap-form/wrap-form.tsx
+++ b/features/wsteth/wrap/wrap-form/wrap-form.tsx
@@ -1,10 +1,7 @@
 import { memo } from 'react';
-import { useFeatureFlag, VAULTS_BANNER_IS_ENABLED } from 'config/feature-flags';
 
-import { L2Wsteth } from 'shared/banners/l2-banners/l2-wsteth';
 import { VaultsBannerInfo } from 'shared/banners/vaults-banner-info';
 import { FormController } from 'shared/hook-form/form-controller';
-import { MATOMO_CLICK_EVENTS } from 'consts/matomo-click-events';
 
 import { WrapFormStats } from './wrap-stats';
 import { WrapBlock } from '../../shared/styles';
@@ -13,7 +10,6 @@ import { InputGroupWrap } from '../wrap-form-controls/input-group-wrap';
 import { SubmitButtonWrap } from '../wrap-form-controls/submit-button-wrap';
 
 export const WrapForm: React.FC = memo(() => {
-  const { vaultsBannerIsEnabled } = useFeatureFlag(VAULTS_BANNER_IS_ENABLED);
   return (
     <WrapFormProvider>
       <WrapBlock data-testid="wrapForm">
@@ -21,11 +17,7 @@ export const WrapForm: React.FC = memo(() => {
           <InputGroupWrap />
           <SubmitButtonWrap />
         </FormController>
-        {vaultsBannerIsEnabled ? (
-          <VaultsBannerInfo />
-        ) : (
-          <L2Wsteth matomoEventLink={MATOMO_CLICK_EVENTS.l2BannerWrap} />
-        )}
+        <VaultsBannerInfo />
         <WrapFormStats />
       </WrapBlock>
     </WrapFormProvider>
diff --git a/shared/banners/l2-banner/index.ts b/shared/banners/l2-banner/index.ts
deleted file mode 100644
index 1bdab827e..000000000
--- a/shared/banners/l2-banner/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './l2-banner';
diff --git a/shared/banners/l2-banner/l2-banner.tsx b/shared/banners/l2-banner/l2-banner.tsx
deleted file mode 100644
index 79594f0d9..000000000
--- a/shared/banners/l2-banner/l2-banner.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { config } from 'config';
-
-import { BannerLinkButton } from '../banner-link-button';
-import { Wrapper, L2Icons, TextWrap, TextHeader, FooterWrap } from './styles';
-
-type L2BannerProps = {
-  title?: React.ReactNode;
-  text: React.ReactNode;
-  buttonText: React.ReactNode;
-  buttonHref?: string;
-  isLocalLink?: boolean;
-  testId?: string;
-  testidButton?: string;
-  onClickButton?: () => void;
-};
-
-export const L2_DISCOVERY_LINK = `${config.rootOrigin}/lido-on-l2`;
-
-export const L2Banner = ({
-  title,
-  text,
-  buttonText,
-  buttonHref = L2_DISCOVERY_LINK,
-  isLocalLink,
-  testId,
-  testidButton,
-  onClickButton,
-}: L2BannerProps) => {
-  return (
-    <Wrapper data-testid={testId}>
-      {title && <TextHeader>{title}</TextHeader>}
-      <TextWrap>{text}</TextWrap>
-      <FooterWrap>
-        <L2Icons />
-        <BannerLinkButton
-          href={buttonHref}
-          testId={testidButton}
-          onClick={onClickButton}
-          isLocalLink={isLocalLink}
-        >
-          {buttonText}
-        </BannerLinkButton>
-      </FooterWrap>
-    </Wrapper>
-  );
-};
diff --git a/shared/banners/l2-banner/styles.ts b/shared/banners/l2-banner/styles.ts
deleted file mode 100644
index 1b0ed9218..000000000
--- a/shared/banners/l2-banner/styles.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import styled, { css } from 'styled-components';
-import IconsLight from 'assets/icons/l2-swap-light.svg';
-import IconsDark from 'assets/icons/l2-swap-dark.svg';
-
-export const Wrapper = styled.div`
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  text-align: left;
-  padding: ${({ theme }) => theme.spaceMap.lg}px;
-  border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;
-  gap: 10px;
-  overflow: hidden;
-  box-sizing: border-box;
-
-  ${({ theme }) =>
-    theme.name === 'dark'
-      ? css`
-          background: linear-gradient(
-            275.17deg,
-            #0a5dff 8.63%,
-            #4d5dff 46.27%,
-            #905cff 81.73%
-          );
-        `
-      : css`
-          background: radial-gradient(
-              100% 1200% at 120% 110%,
-              rgba(255, 255, 255, 0.95) 2%,
-              rgba(219, 255, 255, 0.95) 35%,
-              rgba(255, 255, 255, 0) 100%
-            ),
-            linear-gradient(130deg, #a6a5ff 7%, rgba(181, 180, 255, 0) 55%);
-        `}
-
-  ${({ theme }) => theme.mediaQueries.md} {
-    gap: 6px;
-    padding: ${({ theme }) => theme.spaceMap.md}px;
-  }
-
-  ${({ theme }) => theme.mediaQueries.sm} {
-    cursor: pointer;
-    padding: ${({ theme }) => theme.spaceMap.sm}px;
-  }
-`;
-
-export const L2Icons = styled.div`
-  display: block;
-  width: 214px;
-  height: 32px;
-  background-image: url(${({ theme }) =>
-    theme.name === 'dark' ? IconsDark : IconsLight});
-`;
-
-export const FooterWrap = styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-`;
-
-export const TextHeader = styled.div`
-  margin-bottom: 4px;
-  font-size: 14px;
-  line-height: 16px;
-  font-weight: 700;
-  color: var(--lido-color-text);
-`;
-
-export const TextWrap = styled.div`
-  flex: 1 1 auto;
-  color: var(--lido-color-text);
-  line-height: 20px;
-  font-size: 12px;
-  font-weight: 400;
-  position: relative;
-`;
diff --git a/shared/banners/l2-banners/l2-after-stake.tsx b/shared/banners/l2-banners/l2-after-stake.tsx
deleted file mode 100644
index 555d0e9fb..000000000
--- a/shared/banners/l2-banners/l2-after-stake.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { trackEvent } from '@lidofinance/analytics-matomo';
-import { MATOMO_CLICK_EVENTS } from 'consts/matomo-click-events';
-import { L2Banner, L2_DISCOVERY_LINK } from '../l2-banner';
-
-const linkClickHandler = () => trackEvent(...MATOMO_CLICK_EVENTS.l2LowFeeStake);
-
-export const L2AfterStake: React.FC = () => {
-  return (
-    <L2Banner
-      title="Unlock Low-Fee transactions on L2"
-      text={
-        <>
-          Learn about <b>Lido on L2</b> and enjoy various opportunities in DeFi
-        </>
-      }
-      buttonText="Learn more"
-      buttonHref={L2_DISCOVERY_LINK}
-      testId="l2LowFeeBanner"
-      testidButton="l2LowFee"
-      onClickButton={linkClickHandler}
-    />
-  );
-};
diff --git a/shared/banners/l2-banners/l2-after-wrap.tsx b/shared/banners/l2-banners/l2-after-wrap.tsx
deleted file mode 100644
index 55caf55b3..000000000
--- a/shared/banners/l2-banners/l2-after-wrap.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { trackEvent } from '@lidofinance/analytics-matomo';
-
-import { config } from 'config';
-import { MATOMO_CLICK_EVENTS } from 'consts/matomo-click-events';
-
-import { L2Banner } from '../l2-banner';
-
-const linkClickHandler = () => trackEvent(...MATOMO_CLICK_EVENTS.l2LowFeeWrap);
-
-const L2_LEARN_MORE_AFTER_WRAP_LINK = `${config.rootOrigin}/lido-ecosystem?networks=arbitrum%2Coptimism%2Cbase%2Czksync+era%2Cmantle%2Clinea%2Cpolygon&criteria=or&tokens=wsteth`;
-
-export const L2AfterWrap = () => {
-  return (
-    <L2Banner
-      text={
-        <>
-          Learn about <b>DeFi opportunities</b> using wstETH across multiple L2
-          networks
-        </>
-      }
-      buttonText="Learn more"
-      buttonHref={L2_LEARN_MORE_AFTER_WRAP_LINK}
-      testId="l2LowFeeBanner"
-      testidButton="l2LowFee"
-      onClickButton={linkClickHandler}
-    />
-  );
-};
diff --git a/shared/banners/l2-banners/l2-from-stake-to-wrap.tsx b/shared/banners/l2-banners/l2-from-stake-to-wrap.tsx
deleted file mode 100644
index fa3ec495f..000000000
--- a/shared/banners/l2-banners/l2-from-stake-to-wrap.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { trackEvent } from '@lidofinance/analytics-matomo';
-import { WRAP_PATH } from 'consts/urls';
-import { MATOMO_CLICK_EVENTS } from 'consts/matomo-click-events';
-
-import { L2Banner } from '../l2-banner';
-
-const linkClickHandler = () => trackEvent(...MATOMO_CLICK_EVENTS.l2BannerStake);
-
-export const L2FromStakeToWrap = () => {
-  return (
-    <L2Banner
-      testId="L2Banner"
-      buttonText="Go to Wrap"
-      buttonHref={WRAP_PATH}
-      isLocalLink
-      onClickButton={linkClickHandler}
-      title="Planning to use wstETH on L2?"
-      text="Wrap ETH directly to wstETH in one transaction"
-    />
-  );
-};
diff --git a/shared/banners/l2-banners/l2-wsteth.tsx b/shared/banners/l2-banners/l2-wsteth.tsx
deleted file mode 100644
index 0de6e197e..000000000
--- a/shared/banners/l2-banners/l2-wsteth.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { useCallback } from 'react';
-import { trackEvent } from '@lidofinance/analytics-matomo';
-
-import { MATOMO_CLICK_EVENTS } from 'consts/matomo-click-events';
-
-import { L2Banner } from '../l2-banner';
-
-type L2WstethProps = {
-  matomoEventLink:
-    | typeof MATOMO_CLICK_EVENTS.l2BannerWrap
-    | typeof MATOMO_CLICK_EVENTS.l2BannerUnwrap;
-};
-
-export const L2Wsteth = ({ matomoEventLink }: L2WstethProps) => {
-  const linkClickHandler = useCallback(
-    () => trackEvent(...matomoEventLink),
-    [matomoEventLink],
-  );
-  return (
-    <L2Banner
-      testId="L2wstETHbanner"
-      testidButton="l2WSstethlearnMore"
-      buttonText="Learn More"
-      onClickButton={linkClickHandler}
-      text={
-        <>
-          Enjoy <b>lower gas</b> fees and <b>DeFi opportunities</b> using wstETH
-          across multiple L2 networks
-        </>
-      }
-    />
-  );
-};
diff --git a/shared/hooks/use-dapp-status.ts b/shared/hooks/use-dapp-status.ts
index 64522cfed..2ddc41cb1 100644
--- a/shared/hooks/use-dapp-status.ts
+++ b/shared/hooks/use-dapp-status.ts
@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 import { useAccount } from 'wagmi';
 
-import { L2_CHAINS } from 'consts/chains';
+import { LIDO_MULTICHAIN_CHAINS } from 'consts/chains';
 
 import { useIsSupportedChain } from './use-is-supported-chain';
 
@@ -9,7 +9,10 @@ export const useDappStatus = () => {
   const { chainId, isConnected: isWalletConnected } = useAccount();
   const isSupportedChain = useIsSupportedChain();
 
-  const isL2Chain = useMemo(() => !!chainId && !!L2_CHAINS[chainId], [chainId]);
+  const isLidoMultichainChain = useMemo(
+    () => !!chainId && !!LIDO_MULTICHAIN_CHAINS[chainId],
+    [chainId],
+  );
 
   const isDappActive = useMemo(() => {
     if (!chainId) return false;
@@ -20,7 +23,7 @@ export const useDappStatus = () => {
   return {
     isWalletConnected,
     isSupportedChain,
-    isL2Chain,
+    isLidoMultichainChain,
     isDappActive,
   };
 };
diff --git a/shared/hooks/use-lido-multichain-fallback-condition.ts b/shared/hooks/use-lido-multichain-fallback-condition.ts
new file mode 100644
index 000000000..ba20e9b35
--- /dev/null
+++ b/shared/hooks/use-lido-multichain-fallback-condition.ts
@@ -0,0 +1,23 @@
+import { useConfig } from 'config';
+import { useDappStatus } from 'shared/hooks/use-dapp-status';
+import { CHAINS } from 'consts/chains';
+import { overrideWithQAMockBoolean } from 'utils/qa';
+
+export const useLidoMultichainFallbackCondition = () => {
+  const { config } = useConfig();
+  const { isLidoMultichainChain } = useDappStatus();
+
+  // Display Lido Multichain banners only if defaultChain=Mainnet
+  // Or via QA helpers override
+  const isLidoMultichainFallbackEnabled = overrideWithQAMockBoolean(
+    config.defaultChain === CHAINS.Mainnet,
+    'mock-qa-helpers-show-lido-multichain-banners-on-testnet',
+  );
+
+  const showLidoMultichainFallback =
+    isLidoMultichainChain && isLidoMultichainFallbackEnabled;
+
+  return {
+    showLidoMultichainFallback,
+  };
+};
diff --git a/shared/transaction-modal/tx-stages-composed/tx-stage-operation-succeed-balance-shown.tsx b/shared/transaction-modal/tx-stages-composed/tx-stage-operation-succeed-balance-shown.tsx
index 6257acd68..5106ccd5b 100644
--- a/shared/transaction-modal/tx-stages-composed/tx-stage-operation-succeed-balance-shown.tsx
+++ b/shared/transaction-modal/tx-stages-composed/tx-stage-operation-succeed-balance-shown.tsx
@@ -3,15 +3,12 @@ import styled from 'styled-components';
 import { useTokenAddress } from '@lido-sdk/react';
 import { TOKENS } from '@lido-sdk/constants';
 import { InlineLoader } from '@lidofinance/lido-ui';
-import { L2AfterStake } from 'shared/banners/l2-banners/l2-after-stake';
-import { L2AfterWrap } from 'shared/banners/l2-banners/l2-after-wrap';
 import { VaultsBannerStrategies } from 'shared/banners/vaults-banner-strategies';
 import { TxAmount } from '../tx-stages-parts/tx-amount';
 import { SuccessText } from '../tx-stages-parts/success-text';
 import { TxStageSuccess } from '../tx-stages-basic';
 
 import type { BigNumber } from 'ethers';
-import { useFeatureFlag, VAULTS_BANNER_IS_ENABLED } from 'config/feature-flags';
 import { TokenToWallet } from '../../components';
 
 export const SkeletonBalance = styled(InlineLoader).attrs({
@@ -39,7 +36,6 @@ export const TxStageOperationSucceedBalanceShown = ({
   operationText,
   txHash,
 }: TxStageOperationSucceedBalanceShownProps) => {
-  const { vaultsBannerIsEnabled } = useFeatureFlag(VAULTS_BANNER_IS_ENABLED);
   const stethAddress = useTokenAddress(TOKENS.STETH);
   const wstethAddress = useTokenAddress(TOKENS.WSTETH);
   const tokenToWalletAddress =
@@ -49,13 +45,6 @@ export const TxStageOperationSucceedBalanceShown = ({
     <TxAmount amount={balance} symbol={balanceToken} />
   );
 
-  const renderBanner = () => {
-    if (vaultsBannerIsEnabled) return <VaultsBannerStrategies />;
-    if (balanceToken === 'stETH') return <L2AfterStake />;
-    if (balanceToken === 'wstETH') return <L2AfterWrap />;
-    return undefined;
-  };
-
   return (
     <TxStageSuccess
       txHash={txHash}
@@ -75,7 +64,7 @@ export const TxStageOperationSucceedBalanceShown = ({
         <SuccessText operationText={operationText} txHash={txHash} />
       }
       showEtherscan={false}
-      footer={renderBanner()}
+      footer={<VaultsBannerStrategies />}
     />
   );
 };
diff --git a/shared/wallet/index.ts b/shared/wallet/index.ts
index fa0fba6b0..e7f23c038 100644
--- a/shared/wallet/index.ts
+++ b/shared/wallet/index.ts
@@ -2,5 +2,5 @@ export { Button } from './button/button';
 export { Card, CardRow, CardBalance, CardAccount } from './card/card';
 export { Connect } from './connect/connect';
 export { Fallback } from './fallback/fallback';
-export { L2Fallback } from './l2-fallback/l2-fallback';
+export { LidoMultichainFallback } from './lido-multichain-fallback/lido-multichain-fallback';
 export { UnsupportedChainButton } from './unsupported-chain-button/unsupported-chain-button';
diff --git a/shared/wallet/l2-fallback/l2-fallback.tsx b/shared/wallet/l2-fallback/l2-fallback.tsx
deleted file mode 100644
index 14a0650e3..000000000
--- a/shared/wallet/l2-fallback/l2-fallback.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import { FC, useMemo } from 'react';
-import { useAccount } from 'wagmi';
-import { BlockProps, Link } from '@lidofinance/lido-ui';
-
-import { ReactComponent as ArbitrumLogo } from 'assets/icons/l2/arbitrum.svg';
-import { ReactComponent as BaseLogo } from 'assets/icons/l2/base.svg';
-import { ReactComponent as LineaLogo } from 'assets/icons/l2/linea.svg';
-import { ReactComponent as MantleLogo } from 'assets/icons/l2/mantle.svg';
-import { ReactComponent as OptimismLogo } from 'assets/icons/l2/optimism.svg';
-import { ReactComponent as PolygonLogo } from 'assets/icons/l2/polygon.svg';
-import { ReactComponent as ZkSyncLogo } from 'assets/icons/l2/zk-sync.svg';
-import { ReactComponent as ScrollLogo } from 'assets/icons/l2/scroll.svg';
-
-import { config } from 'config';
-import { useUserConfig } from 'config/user-config';
-import { CHAINS, L2_CHAINS } from 'consts/chains';
-import { MATOMO_CLICK_EVENTS_TYPES } from 'consts/matomo-click-events';
-
-import { L2FallbackWalletStyle, TextStyle, ButtonStyle } from './styles';
-import { trackMatomoEvent } from '../../../utils/track-matomo-event';
-
-export type L2FallbackComponent = FC<{ textEnding: string } & BlockProps>;
-
-const l2Logos = {
-  [L2_CHAINS.Arbitrum]: ArbitrumLogo,
-  [L2_CHAINS.Base]: BaseLogo,
-  [L2_CHAINS.Linea]: LineaLogo,
-  [L2_CHAINS.Mantle]: MantleLogo,
-  [L2_CHAINS.Optimism]: OptimismLogo,
-  [L2_CHAINS.Polygon]: PolygonLogo,
-  [L2_CHAINS.zkSync]: ZkSyncLogo,
-  [L2_CHAINS.Scroll]: ScrollLogo,
-};
-
-const getL2Logo = (chainId: L2_CHAINS) => {
-  const SVGLogo = l2Logos[chainId];
-  return SVGLogo ? <SVGLogo style={{ marginBottom: '13px' }} /> : null;
-};
-
-export const L2Fallback: L2FallbackComponent = (props) => {
-  const { chainId } = useAccount();
-  const { defaultChain } = useUserConfig();
-
-  const defaultChainName = useMemo(() => {
-    return CHAINS[defaultChain];
-  }, [defaultChain]);
-
-  const l2ChainName = useMemo(() => {
-    // Trick. Anyway, this condition is working only SPA starting.
-    return (!!chainId && L2_CHAINS[chainId]) || 'unknown';
-  }, [chainId]);
-
-  return (
-    <L2FallbackWalletStyle {...props}>
-      {getL2Logo(chainId as L2_CHAINS)}
-      <TextStyle>
-        Learn about Lido on L2 opportunities on {l2ChainName} network or switch
-        to Ethereum {defaultChainName} {props.textEnding}
-      </TextStyle>
-      <Link href={`${config.rootOrigin}/lido-on-l2`}>
-        <ButtonStyle
-          size={'xs'}
-          onClick={() =>
-            trackMatomoEvent(MATOMO_CLICK_EVENTS_TYPES.lidoOnL2Opportunities)
-          }
-        >
-          Lido on L2 opportunities
-        </ButtonStyle>
-      </Link>
-    </L2FallbackWalletStyle>
-  );
-};
diff --git a/shared/wallet/lido-multichain-fallback/lido-multichain-fallback.tsx b/shared/wallet/lido-multichain-fallback/lido-multichain-fallback.tsx
new file mode 100644
index 000000000..59a14271c
--- /dev/null
+++ b/shared/wallet/lido-multichain-fallback/lido-multichain-fallback.tsx
@@ -0,0 +1,84 @@
+import { FC, useMemo } from 'react';
+import { useAccount } from 'wagmi';
+import { BlockProps, Link } from '@lidofinance/lido-ui';
+
+import { ReactComponent as ArbitrumLogo } from 'assets/icons/lido-multichain/arbitrum.svg';
+import { ReactComponent as BaseLogo } from 'assets/icons/lido-multichain/base.svg';
+import { ReactComponent as LineaLogo } from 'assets/icons/lido-multichain/linea.svg';
+import { ReactComponent as MantleLogo } from 'assets/icons/lido-multichain/mantle.svg';
+import { ReactComponent as OptimismLogo } from 'assets/icons/lido-multichain/optimism.svg';
+import { ReactComponent as PolygonLogo } from 'assets/icons/lido-multichain/polygon.svg';
+import { ReactComponent as ZkSyncLogo } from 'assets/icons/lido-multichain/zk-sync.svg';
+import { ReactComponent as ScrollLogo } from 'assets/icons/lido-multichain/scroll.svg';
+import { ReactComponent as BNBLogo } from 'assets/icons/lido-multichain/bnb.svg';
+
+import { config } from 'config';
+import { useUserConfig } from 'config/user-config';
+import { CHAINS, LIDO_MULTICHAIN_CHAINS } from 'consts/chains';
+import { MATOMO_CLICK_EVENTS_TYPES } from 'consts/matomo-click-events';
+
+import {
+  LidoMultichainFallbackWalletStyle,
+  TextStyle,
+  ButtonStyle,
+} from './styles';
+import { trackMatomoEvent } from '../../../utils/track-matomo-event';
+
+export type LidoMultichainFallbackComponent = FC<
+  { textEnding: string } & BlockProps
+>;
+
+const multichainLogos = {
+  [LIDO_MULTICHAIN_CHAINS.Arbitrum]: ArbitrumLogo,
+  [LIDO_MULTICHAIN_CHAINS.Base]: BaseLogo,
+  [LIDO_MULTICHAIN_CHAINS.Linea]: LineaLogo,
+  [LIDO_MULTICHAIN_CHAINS.Mantle]: MantleLogo,
+  [LIDO_MULTICHAIN_CHAINS.Optimism]: OptimismLogo,
+  [LIDO_MULTICHAIN_CHAINS.Polygon]: PolygonLogo,
+  [LIDO_MULTICHAIN_CHAINS.zkSync]: ZkSyncLogo,
+  [LIDO_MULTICHAIN_CHAINS.Scroll]: ScrollLogo,
+  [LIDO_MULTICHAIN_CHAINS.BNB]: BNBLogo,
+};
+
+const getChainLogo = (chainId: LIDO_MULTICHAIN_CHAINS) => {
+  const SVGLogo = multichainLogos[chainId];
+  return SVGLogo ? <SVGLogo style={{ marginBottom: '13px' }} /> : null;
+};
+
+export const LidoMultichainFallback: LidoMultichainFallbackComponent = (
+  props,
+) => {
+  const { chainId } = useAccount();
+  const { defaultChain } = useUserConfig();
+
+  const defaultChainName = useMemo(() => {
+    return CHAINS[defaultChain];
+  }, [defaultChain]);
+
+  const lidoMultichainChainName = useMemo(() => {
+    // Trick. Anyway, this condition is working only SPA starting.
+    return (!!chainId && LIDO_MULTICHAIN_CHAINS[chainId]) || 'unknown';
+  }, [chainId]);
+
+  return (
+    <LidoMultichainFallbackWalletStyle {...props}>
+      {getChainLogo(chainId as LIDO_MULTICHAIN_CHAINS)}
+      <TextStyle>
+        Explore DeFi opportunities on {lidoMultichainChainName} network or
+        switch to Ethereum {defaultChainName} {props.textEnding}
+      </TextStyle>
+      <Link href={`${config.rootOrigin}/lido-multichain`}>
+        <ButtonStyle
+          size={'xs'}
+          onClick={() =>
+            trackMatomoEvent(
+              MATOMO_CLICK_EVENTS_TYPES.lidoOnLidoMultichainOpportunities,
+            )
+          }
+        >
+          Lido Multichain
+        </ButtonStyle>
+      </Link>
+    </LidoMultichainFallbackWalletStyle>
+  );
+};
diff --git a/shared/wallet/l2-fallback/styles.tsx b/shared/wallet/lido-multichain-fallback/styles.tsx
similarity index 83%
rename from shared/wallet/l2-fallback/styles.tsx
rename to shared/wallet/lido-multichain-fallback/styles.tsx
index a23651706..4d42b4cc7 100644
--- a/shared/wallet/l2-fallback/styles.tsx
+++ b/shared/wallet/lido-multichain-fallback/styles.tsx
@@ -2,7 +2,9 @@ import { Button } from '@lidofinance/lido-ui';
 import { Card } from 'shared/wallet';
 import styled from 'styled-components';
 
-export const L2FallbackWalletStyle = styled((props) => <Card {...props} />)`
+export const LidoMultichainFallbackWalletStyle = styled((props) => (
+  <Card {...props} />
+))`
   text-align: center;
   background: linear-gradient(
     180deg,

From 619dfe530ecb86d298852c78a29c80b2c1c95bfe Mon Sep 17 00:00:00 2001
From: Dmitrii Podlesnyi <rezed93@gmail.com>
Date: Thu, 15 Aug 2024 03:21:16 +0700
Subject: [PATCH 5/6] feat: lido multichain banners colors and texts updated

---
 consts/chains.ts                              |  6 +-
 .../lido-multichain-fallback.tsx              | 23 +++---
 .../lido-multichain-fallback/styles.tsx       | 82 ++++++++++++++++---
 3 files changed, 86 insertions(+), 25 deletions(-)

diff --git a/consts/chains.ts b/consts/chains.ts
index 7972923d9..e5bb343be 100644
--- a/consts/chains.ts
+++ b/consts/chains.ts
@@ -5,13 +5,13 @@ export enum CHAINS {
 }
 
 export enum LIDO_MULTICHAIN_CHAINS {
-  zkSync = 324,
+  'zkSync Era' = 324,
   Optimism = 10,
   Arbitrum = 42161,
-  Polygon = 137,
+  'Polygon PoS' = 137,
   Base = 8453,
   Mantle = 5000,
   Linea = 59144,
   Scroll = 534352,
-  BNB = 56,
+  'BNB Chain' = 56,
 }
diff --git a/shared/wallet/lido-multichain-fallback/lido-multichain-fallback.tsx b/shared/wallet/lido-multichain-fallback/lido-multichain-fallback.tsx
index 59a14271c..bbf6b4784 100644
--- a/shared/wallet/lido-multichain-fallback/lido-multichain-fallback.tsx
+++ b/shared/wallet/lido-multichain-fallback/lido-multichain-fallback.tsx
@@ -17,11 +17,7 @@ import { useUserConfig } from 'config/user-config';
 import { CHAINS, LIDO_MULTICHAIN_CHAINS } from 'consts/chains';
 import { MATOMO_CLICK_EVENTS_TYPES } from 'consts/matomo-click-events';
 
-import {
-  LidoMultichainFallbackWalletStyle,
-  TextStyle,
-  ButtonStyle,
-} from './styles';
+import { Wrap, TextStyle, ButtonStyle } from './styles';
 import { trackMatomoEvent } from '../../../utils/track-matomo-event';
 
 export type LidoMultichainFallbackComponent = FC<
@@ -34,10 +30,10 @@ const multichainLogos = {
   [LIDO_MULTICHAIN_CHAINS.Linea]: LineaLogo,
   [LIDO_MULTICHAIN_CHAINS.Mantle]: MantleLogo,
   [LIDO_MULTICHAIN_CHAINS.Optimism]: OptimismLogo,
-  [LIDO_MULTICHAIN_CHAINS.Polygon]: PolygonLogo,
-  [LIDO_MULTICHAIN_CHAINS.zkSync]: ZkSyncLogo,
+  [LIDO_MULTICHAIN_CHAINS['Polygon PoS']]: PolygonLogo,
+  [LIDO_MULTICHAIN_CHAINS['zkSync Era']]: ZkSyncLogo,
   [LIDO_MULTICHAIN_CHAINS.Scroll]: ScrollLogo,
-  [LIDO_MULTICHAIN_CHAINS.BNB]: BNBLogo,
+  [LIDO_MULTICHAIN_CHAINS['BNB Chain']]: BNBLogo,
 };
 
 const getChainLogo = (chainId: LIDO_MULTICHAIN_CHAINS) => {
@@ -52,6 +48,7 @@ export const LidoMultichainFallback: LidoMultichainFallbackComponent = (
   const { defaultChain } = useUserConfig();
 
   const defaultChainName = useMemo(() => {
+    if (CHAINS[defaultChain] === 'Mainnet') return 'Ethereum';
     return CHAINS[defaultChain];
   }, [defaultChain]);
 
@@ -61,11 +58,13 @@ export const LidoMultichainFallback: LidoMultichainFallbackComponent = (
   }, [chainId]);
 
   return (
-    <LidoMultichainFallbackWalletStyle {...props}>
+    <Wrap {...props} chainId={chainId as LIDO_MULTICHAIN_CHAINS}>
       {getChainLogo(chainId as LIDO_MULTICHAIN_CHAINS)}
       <TextStyle>
-        Explore DeFi opportunities on {lidoMultichainChainName} network or
-        switch to Ethereum {defaultChainName} {props.textEnding}
+        You’re currently on {lidoMultichainChainName}.
+        <br />
+        Explore Lido Multichain or switch to {defaultChainName}{' '}
+        {props.textEnding}.
       </TextStyle>
       <Link href={`${config.rootOrigin}/lido-multichain`}>
         <ButtonStyle
@@ -79,6 +78,6 @@ export const LidoMultichainFallback: LidoMultichainFallbackComponent = (
           Lido Multichain
         </ButtonStyle>
       </Link>
-    </LidoMultichainFallbackWalletStyle>
+    </Wrap>
   );
 };
diff --git a/shared/wallet/lido-multichain-fallback/styles.tsx b/shared/wallet/lido-multichain-fallback/styles.tsx
index 4d42b4cc7..965a0057c 100644
--- a/shared/wallet/lido-multichain-fallback/styles.tsx
+++ b/shared/wallet/lido-multichain-fallback/styles.tsx
@@ -1,17 +1,79 @@
 import { Button } from '@lidofinance/lido-ui';
+import { LIDO_MULTICHAIN_CHAINS } from 'consts/chains';
 import { Card } from 'shared/wallet';
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 
-export const LidoMultichainFallbackWalletStyle = styled((props) => (
-  <Card {...props} />
-))`
+type WrapProps = React.ComponentProps<typeof Card> & {
+  chainId: LIDO_MULTICHAIN_CHAINS;
+};
+export const Wrap = styled((props) => <Card {...props} />)<WrapProps>`
   text-align: center;
-  background: linear-gradient(
-    180deg,
-    #6562ff 11.28%,
-    #00a3ff 61.02%,
-    #63d6d2 100%
-  );
+  ${({ chainId }: WrapProps) => {
+    switch (chainId) {
+      case LIDO_MULTICHAIN_CHAINS['zkSync Era']:
+        return css`
+          background: linear-gradient(52.01deg, #1d1e35 0.01%, #375192 100%);
+        `;
+      case LIDO_MULTICHAIN_CHAINS.Optimism:
+        return css`
+          background: linear-gradient(
+            52.01deg,
+            #37394a 0%,
+            #1d1e35 0.01%,
+            #b73544 100%
+          );
+        `;
+      case LIDO_MULTICHAIN_CHAINS.Arbitrum:
+        return css`
+          background: linear-gradient(52.01deg, #1d1e35 0.01%, #12aaff 100%);
+        `;
+      case LIDO_MULTICHAIN_CHAINS['Polygon PoS']:
+        return css`
+          background: linear-gradient(52.01deg, #1d1e35 0.01%, #8355cf 100%);
+        `;
+      case LIDO_MULTICHAIN_CHAINS.Base:
+        return css`
+          background: linear-gradient(52.01deg, #1d1e35 0.01%, #4782fc 100%);
+        `;
+      case LIDO_MULTICHAIN_CHAINS.Mantle:
+        return css`
+          background: linear-gradient(52.56deg, #141b1a 0.01%, #6ad1af 101.31%);
+        `;
+      case LIDO_MULTICHAIN_CHAINS.Linea:
+        return css`
+          background: linear-gradient(
+            54.15deg,
+            #4591ac -13.73%,
+            #84dcfb 91.51%
+          );
+        `;
+      case LIDO_MULTICHAIN_CHAINS.Scroll:
+        return css`
+          background: linear-gradient(
+            53.11deg,
+            #533a1d -16.35%,
+            #ebc28e 91.56%
+          );
+        `;
+      case LIDO_MULTICHAIN_CHAINS['BNB Chain']:
+        return css`
+          background: linear-gradient(
+            54.14deg,
+            #8e5e17 -22.38%,
+            #f0b90b 91.42%
+          );
+        `;
+      default:
+        return css`
+          background: linear-gradient(
+            180deg,
+            #6562ff 11.28%,
+            #00a3ff 61.02%,
+            #63d6d2 100%
+          );
+        `;
+    }
+  }}
 `;
 
 export const TextStyle = styled.p`

From e441eaae666c74e2cd9da942c8629ae3f96162de Mon Sep 17 00:00:00 2001
From: Dmitrii Podlesnyi <rezed93@gmail.com>
Date: Thu, 15 Aug 2024 03:33:41 +0700
Subject: [PATCH 6/6] feat: bnb icon updated

---
 assets/icons/lido-multichain/bnb.svg | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/assets/icons/lido-multichain/bnb.svg b/assets/icons/lido-multichain/bnb.svg
index 97b67eb4d..42c382bfb 100644
--- a/assets/icons/lido-multichain/bnb.svg
+++ b/assets/icons/lido-multichain/bnb.svg
@@ -1,10 +1,10 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_7274_13676)">
-<path d="M32 0H0V32H32V0Z" fill="#F0B90B"/>
-<path d="M10.8848 9.31454L15.9999 6.36203L21.1151 9.31454L19.2345 10.4053L15.9999 8.5435L12.7653 10.4053L10.8848 9.31454ZM21.1151 13.0381L19.2345 11.9474L15.9999 13.8091L12.7653 11.9474L10.8848 13.0381V15.2196L14.1193 17.0813V20.8049L15.9999 21.8956L17.8805 20.8049V17.0813L21.1151 15.2196V13.0381ZM21.1151 18.9431V16.7616L19.2345 17.8523V20.0338L21.1151 18.9431ZM22.4503 19.7142L19.2157 21.5759V23.7574L24.3309 20.8049V14.8998L22.4503 15.9906V19.7142ZM20.5698 11.1763L22.4503 12.267V14.4485L24.3309 13.3578V11.1763L22.4503 10.0856L20.5698 11.1763ZM14.1193 22.3658V24.5473L15.9999 25.638L17.8805 24.5473V22.3658L15.9999 23.4565L14.1193 22.3658ZM10.8848 18.9431L12.7653 20.0338V17.8523L10.8848 16.7616V18.9431ZM14.1193 11.1763L15.9999 12.267L17.8805 11.1763L15.9999 10.0856L14.1193 11.1763ZM9.54952 12.267L11.4301 11.1763L9.54952 10.0856L7.66895 11.1763V13.3578L9.54952 14.4485V12.267ZM9.54952 15.9906L7.66895 14.8998V20.8049L12.7841 23.7574V21.5759L9.54952 19.7142V15.9906Z" fill="white"/>
+<g clip-path="url(#clip0_7476_17171)">
+<path d="M32 0H0V32H32V0Z" fill="#181A1E"/>
+<path d="M10.8848 9.31457L15.9999 6.36206L21.1151 9.31457L19.2345 10.4053L15.9999 8.54353L12.7653 10.4053L10.8848 9.31457ZM21.1151 13.0381L19.2345 11.9474L15.9999 13.8092L12.7653 11.9474L10.8848 13.0381V15.2196L14.1193 17.0813V20.8049L15.9999 21.8957L17.8805 20.8049V17.0813L21.1151 15.2196V13.0381ZM21.1151 18.9431V16.7617L19.2345 17.8524V20.0338L21.1151 18.9431ZM22.4503 19.7142L19.2157 21.5759V23.7574L24.3309 20.8049V14.8999L22.4503 15.9906V19.7142ZM20.5698 11.1763L22.4503 12.2671V14.4486L24.3309 13.3578V11.1763L22.4503 10.0856L20.5698 11.1763ZM14.1193 22.3658V24.5473L15.9999 25.638L17.8805 24.5473V22.3658L15.9999 23.4565L14.1193 22.3658ZM10.8848 18.9431L12.7653 20.0338V17.8524L10.8848 16.7617V18.9431ZM14.1193 11.1763L15.9999 12.2671L17.8805 11.1763L15.9999 10.0856L14.1193 11.1763ZM9.54952 12.2671L11.4301 11.1763L9.54952 10.0856L7.66895 11.1763V13.3578L9.54952 14.4486V12.2671ZM9.54952 15.9906L7.66895 14.8999V20.8049L12.7841 23.7574V21.5759L9.54952 19.7142V15.9906Z" fill="#F0B90B"/>
 </g>
 <defs>
-<clipPath id="clip0_7274_13676">
+<clipPath id="clip0_7476_17171">
 <rect width="32" height="32" rx="16" fill="white"/>
 </clipPath>
 </defs>