From 3709d6780bc8324a5d97983615d33f0a10a674b7 Mon Sep 17 00:00:00 2001
From: JoeChenJ <jiajuncjoe@gmail.com>
Date: Thu, 8 May 2025 23:57:19 +0800
Subject: [PATCH 01/13] refactor(react pages): migrate usage of InfoBanner to
 ui/alert

---
 app/[locale]/dapps/_components/dapps.tsx      | 46 +++++++++++--------
 .../_components/learning-tools.tsx            |  8 ++--
 app/[locale]/eth/_components/eth.tsx          | 30 +++++++-----
 app/[locale]/gas/_components/gas.tsx          | 21 +++++----
 .../roadmap/vision/_components/vision.tsx     | 16 ++++---
 .../stablecoins/_components/stablecoins.tsx   | 22 +++++----
 .../_components/deposit-contract.tsx          |  7 +--
 7 files changed, 89 insertions(+), 61 deletions(-)

diff --git a/app/[locale]/dapps/_components/dapps.tsx b/app/[locale]/dapps/_components/dapps.tsx
index a514bd5aa66..b6ad678c4dd 100644
--- a/app/[locale]/dapps/_components/dapps.tsx
+++ b/app/[locale]/dapps/_components/dapps.tsx
@@ -22,7 +22,6 @@ import Emoji from "@/components/Emoji"
 import FeedbackCard from "@/components/FeedbackCard"
 import GhostCard from "@/components/GhostCard"
 import { Image } from "@/components/Image"
-import InfoBanner from "@/components/InfoBanner"
 import MainArticle from "@/components/MainArticle"
 import PageHero from "@/components/PageHero"
 import ProductCard from "@/components/ProductCard"
@@ -30,6 +29,7 @@ import ProductListComponent, {
   type ProductListProps,
 } from "@/components/ProductList"
 import Translation from "@/components/Translation"
+import { Alert } from "@/components/ui/alert"
 import { Button, ButtonLink, ButtonProps } from "@/components/ui/buttons/Button"
 import { Divider } from "@/components/ui/divider"
 import { Flex, FlexProps } from "@/components/ui/flex"
@@ -169,8 +169,8 @@ const StyledH3 = (props: ChildOnlyProp) => (
   <h3 className="mb-2 mt-6 text-xl font-bold" {...props} />
 )
 
-const StyledInfoBanner = (props: ComponentPropsWithRef<typeof InfoBanner>) => (
-  <InfoBanner className="lg:w-1/2" {...props} />
+const StyledAlert = (props: ComponentPropsWithRef<typeof Alert>) => (
+  <Alert className="lg:w-1/2" {...props} />
 )
 
 const Column = (props: ChildOnlyProp) => (
@@ -1153,10 +1153,12 @@ const DappsPage = () => {
                 </StyledH2>
                 <Subtitle>{t("page-dapps-finance-description")}</Subtitle>
               </Column>
-              <StyledInfoBanner isWarning>
-                <StyledH2>{t("page-dapps-warning-header")}</StyledH2>
-                {t("page-dapps-warning-message")}
-              </StyledInfoBanner>
+              <StyledAlert variant="warning">
+                <div>
+                  <StyledH2>{t("page-dapps-warning-header")}</StyledH2>
+                  {t("page-dapps-warning-message")}
+                </div>
+              </StyledAlert>
             </IntroRow>
             <TwoColumnContent>
               <LeftColumn>
@@ -1280,10 +1282,12 @@ const DappsPage = () => {
                 </StyledH2>
                 <Subtitle>{t("page-dapps-technology-description")}</Subtitle>
               </Column>
-              <StyledInfoBanner isWarning>
-                <StyledH2>{t("page-dapps-warning-header")}</StyledH2>
-                {t("page-dapps-warning-message")}
-              </StyledInfoBanner>
+              <StyledAlert variant="warning">
+                <div>
+                  <StyledH2>{t("page-dapps-warning-header")}</StyledH2>
+                  {t("page-dapps-warning-message")}
+                </div>
+              </StyledAlert>
             </IntroRow>
             <TwoColumnContent>
               <LeftColumn>
@@ -1328,10 +1332,12 @@ const DappsPage = () => {
                 </StyledH2>
                 <Subtitle>{t("page-dapps-collectibles-description")}</Subtitle>
               </Column>
-              <StyledInfoBanner isWarning>
-                <StyledH2>{t("page-dapps-warning-header")}</StyledH2>
-                {t("page-dapps-warning-message")}
-              </StyledInfoBanner>
+              <StyledAlert variant="warning">
+                <div>
+                  <StyledH2>{t("page-dapps-warning-header")}</StyledH2>
+                  {t("page-dapps-warning-message")}
+                </div>
+              </StyledAlert>
             </IntroRow>
             <TwoColumnContent>
               <LeftColumn>
@@ -1377,10 +1383,12 @@ const DappsPage = () => {
                 </H2>
                 <Subtitle>{t("page-dapps-social-description")}</Subtitle>
               </Column>
-              <StyledInfoBanner isWarning>
-                <H2>{t("page-dapps-warning-header")}</H2>
-                {t("page-dapps-warning-message")}
-              </StyledInfoBanner>
+              <StyledAlert variant="warning">
+                <div>
+                  <H2>{t("page-dapps-warning-header")}</H2>
+                  {t("page-dapps-warning-message")}
+                </div>
+              </StyledAlert>
             </IntroRow>
             <TwoColumnContent>
               <LeftColumn>
diff --git a/app/[locale]/developers/learning-tools/_components/learning-tools.tsx b/app/[locale]/developers/learning-tools/_components/learning-tools.tsx
index 55e31800938..81833faedc4 100644
--- a/app/[locale]/developers/learning-tools/_components/learning-tools.tsx
+++ b/app/[locale]/developers/learning-tools/_components/learning-tools.tsx
@@ -6,11 +6,12 @@ import shuffle from "lodash/shuffle"
 import { LearningTool } from "@/lib/types"
 
 import CalloutBanner from "@/components/CalloutBanner"
+import Emoji from "@/components/Emoji"
 import FeedbackCard from "@/components/FeedbackCard"
-import InfoBanner from "@/components/InfoBanner"
 import LearningToolsCardGrid from "@/components/LearningToolsCardGrid"
 import MainArticle from "@/components/MainArticle"
 import Translation from "@/components/Translation"
+import { Alert } from "@/components/ui/alert"
 import { ButtonLink } from "@/components/ui/buttons/Button"
 
 import { cn } from "@/lib/utils/cn"
@@ -419,9 +420,10 @@ const LearningToolsPage = () => {
             <Translation id="page-developers-learning-tools:page-learning-tools-sandbox-desc" />
           </p>
           <LearningToolsCardGrid category={randomizedSandboxes} />
-          <InfoBanner emoji=":point_up:" shouldCenter>
+          <Alert variant="update" className="mx-auto max-w-[55rem]">
+            <Emoji text=":point_up:" className="text-5xl" />
             <Translation id="page-developers-learning-tools:page-learning-tools-remix-description-2" />
-          </InfoBanner>
+          </Alert>
         </StackContainer>
         <StackContainer>
           <SubtitleTwo>
diff --git a/app/[locale]/eth/_components/eth.tsx b/app/[locale]/eth/_components/eth.tsx
index 8e1990fdeb2..04d6e8542a9 100644
--- a/app/[locale]/eth/_components/eth.tsx
+++ b/app/[locale]/eth/_components/eth.tsx
@@ -8,16 +8,17 @@ import ActionCard from "@/components/ActionCard"
 import CalloutBanner from "@/components/CalloutBanner"
 import Card from "@/components/Card"
 import CardList from "@/components/CardList"
+import Emoji from "@/components/Emoji"
 import EthPriceCard from "@/components/EthPriceCard"
 import EthVideo from "@/components/EthVideo"
 import FeedbackCard from "@/components/FeedbackCard"
 import HorizontalCard from "@/components/HorizontalCard"
 import { Image } from "@/components/Image"
-import InfoBanner from "@/components/InfoBanner"
 import ListenToPlayer from "@/components/ListenToPlayer"
 import MainArticle from "@/components/MainArticle"
 import { StandaloneQuizWidget } from "@/components/Quiz/QuizWidget"
 import Translation from "@/components/Translation"
+import { Alert } from "@/components/ui/alert"
 import { ButtonLink } from "@/components/ui/buttons/Button"
 import { Divider } from "@/components/ui/divider"
 import { Flex, VStack } from "@/components/ui/flex"
@@ -307,14 +308,17 @@ const EthPage = () => {
               />
             ))}
           </CardContainer>
-          <InfoBanner emoji=":wave:" shouldCenter>
-            <b>{t("page-eth-buy-some")}</b>{" "}
-            <Translation id="page-eth:page-eth-buy-some-desc" />{" "}
-            <InlineLink href="/what-is-ethereum/">
-              {t("page-eth-more-on-ethereum-link")}
-            </InlineLink>
-            {t("page-eth-period")}
-          </InfoBanner>
+          <Alert variant="update" className="mx-auto max-w-[55rem]">
+            <Emoji text=":wave:" className="text-7xl" />
+            <div>
+              <b>{t("page-eth-buy-some")}</b>{" "}
+              <Translation id="page-eth:page-eth-buy-some-desc" />{" "}
+              <InlineLink href="/what-is-ethereum/">
+                {t("page-eth-more-on-ethereum-link")}
+              </InlineLink>
+              {t("page-eth-period")}
+            </div>
+          </Alert>
         </Content>
       </GrayContainer>
       <Content>
@@ -357,9 +361,11 @@ const EthPage = () => {
               description={t("page-eth-whats-defi-description")}
               image={defi}
             />
-            <InfoBanner isWarning>
-              <Translation id="page-eth:page-eth-weth" />
-            </InfoBanner>
+            <Alert variant="warning">
+              <div>
+                <Translation id="page-eth:page-eth-weth" />
+              </div>
+            </Alert>
           </div>
           <TextDivider />
           <div>
diff --git a/app/[locale]/gas/_components/gas.tsx b/app/[locale]/gas/_components/gas.tsx
index 79fdcdd3022..70d1460a853 100644
--- a/app/[locale]/gas/_components/gas.tsx
+++ b/app/[locale]/gas/_components/gas.tsx
@@ -10,11 +10,11 @@ import FeedbackCard from "@/components/FeedbackCard"
 import GhostCard from "@/components/GhostCard"
 import HorizontalCard from "@/components/HorizontalCard"
 import { Image } from "@/components/Image"
-import InfoBanner from "@/components/InfoBanner"
 import MainArticle from "@/components/MainArticle"
 import PageHero from "@/components/PageHero"
 import { StandaloneQuizWidget } from "@/components/Quiz/QuizWidget"
 import Translation from "@/components/Translation"
+import { Alert, AlertTitle } from "@/components/ui/alert"
 import { ButtonLink } from "@/components/ui/buttons/Button"
 import { Divider } from "@/components/ui/divider"
 import { Flex, FlexProps } from "@/components/ui/flex"
@@ -137,13 +137,18 @@ const GasPage = () => {
       <Content className="mb-16 mt-16 lg:mb-32">
         <Flex className="w-full flex-col items-center lg:flex-row lg:items-start">
           <div className="me-auto w-full flex-[60%] lg:me-2">
-            <InfoBanner className="mb-8" title={t("page-gas-summary-title")}>
-              <UnorderedList>
-                <ListItem>{t("page-gas-summary-item-1")}</ListItem>
-                <ListItem>{t("page-gas-summary-item-2")}</ListItem>
-                <ListItem>{t("page-gas-summary-item-3")}</ListItem>
-              </UnorderedList>
-            </InfoBanner>
+            <Alert variant="update" className="mb-8">
+              <div>
+                <AlertTitle className="mb-6">
+                  {t("page-gas-summary-title")}
+                </AlertTitle>
+                <UnorderedList>
+                  <ListItem>{t("page-gas-summary-item-1")}</ListItem>
+                  <ListItem>{t("page-gas-summary-item-2")}</ListItem>
+                  <ListItem>{t("page-gas-summary-item-3")}</ListItem>
+                </UnorderedList>
+              </div>
+            </Alert>
             <H2 className="mt-0" id="what-is-gas">
               {t("page-gas-what-are-gas-fees-header")}
             </H2>
diff --git a/app/[locale]/roadmap/vision/_components/vision.tsx b/app/[locale]/roadmap/vision/_components/vision.tsx
index a8bc8a05fd6..49c3cd66e21 100644
--- a/app/[locale]/roadmap/vision/_components/vision.tsx
+++ b/app/[locale]/roadmap/vision/_components/vision.tsx
@@ -8,12 +8,12 @@ import Breadcrumbs from "@/components/Breadcrumbs"
 import Card from "@/components/Card"
 import Emoji from "@/components/Emoji"
 import FeedbackCard from "@/components/FeedbackCard"
-import InfoBanner from "@/components/InfoBanner"
 import MainArticle from "@/components/MainArticle"
 import PageHero, {
   type ContentType as PageHeroContent,
 } from "@/components/PageHero"
 import Trilemma from "@/components/Trilemma"
+import { Alert } from "@/components/ui/alert"
 import { ButtonLink } from "@/components/ui/buttons/Button"
 import { Divider } from "@/components/ui/divider"
 import { Flex, type FlexProps, VStack } from "@/components/ui/flex"
@@ -233,12 +233,14 @@ const VisionPage = () => {
             </InlineLink>
           </Text>
           <Text>{t("page-roadmap-vision-sustainability-desc-3")}</Text>
-          <InfoBanner>
-            <Text>{t("page-roadmap-vision-sustainability-desc-8")}</Text>
-            <ButtonLink href="/roadmap/merge/">
-              {t("page-upgrades-index:page-upgrades-merge-btn")}
-            </ButtonLink>
-          </InfoBanner>
+          <Alert variant="update">
+            <div>
+              <Text>{t("page-roadmap-vision-sustainability-desc-8")}</Text>
+              <ButtonLink href="/roadmap/merge/">
+                {t("page-upgrades-index:page-upgrades-merge-btn")}
+              </ButtonLink>
+            </div>
+          </Alert>
         </CentralContent>
       </PageContent>
       <Divider />
diff --git a/app/[locale]/stablecoins/_components/stablecoins.tsx b/app/[locale]/stablecoins/_components/stablecoins.tsx
index 2804641ba0d..d907a2984e4 100644
--- a/app/[locale]/stablecoins/_components/stablecoins.tsx
+++ b/app/[locale]/stablecoins/_components/stablecoins.tsx
@@ -10,7 +10,6 @@ import FeedbackCard from "@/components/FeedbackCard"
 import GhostCard from "@/components/GhostCard"
 import HorizontalCard from "@/components/HorizontalCard"
 import { Image } from "@/components/Image"
-import InfoBanner from "@/components/InfoBanner"
 import MainArticle from "@/components/MainArticle"
 import PageHero from "@/components/PageHero"
 import ProductList from "@/components/ProductList"
@@ -20,6 +19,7 @@ import StablecoinBoxGrid from "@/components/StablecoinBoxGrid"
 import StablecoinsTable from "@/components/StablecoinsTable"
 import Tooltip from "@/components/Tooltip"
 import Translation from "@/components/Translation"
+import { Alert } from "@/components/ui/alert"
 import { ButtonLink } from "@/components/ui/buttons/Button"
 import { Divider } from "@/components/ui/divider"
 import { Flex, FlexProps } from "@/components/ui/flex"
@@ -402,9 +402,10 @@ const StablecoinsPage = ({ markets, marketsHasError }: Props) => {
                 <MdHelpOutline className="ms-2 fill-body" size={16} />
               </Tooltip>
             </H3>
-            <InfoBanner className="mb-4" emoji="⚠️" isWarning>
+            <Alert className="mb-4" variant="warning">
+              <Emoji text="⚠️" className="text-8xl" />
               {t("page-stablecoins-algorithmic-disclaimer")}
-            </InfoBanner>
+            </Alert>
             <p className="mb-6">
               {t("page-stablecoins-top-coins-intro")}{" "}
               {t("page-stablecoins-top-coins-intro-code")}
@@ -480,12 +481,15 @@ const StablecoinsPage = ({ markets, marketsHasError }: Props) => {
         <Divider />
         <Content id="how">
           <H2 className="mt-0">{t("page-stablecoins-types-of-stablecoin")}</H2>
-          <InfoBanner emoji="⚠️" isWarning>
-            <H3 className="mb-4 mt-0">
-              {t("page-stablecoins-research-warning-title")}
-            </H3>
-            {t("page-stablecoins-algorithmic-disclaimer")}
-          </InfoBanner>
+          <Alert variant="warning">
+            <Emoji text="⚠️" className="text-8xl" />
+            <div>
+              <H3 className="mb-4 mt-0">
+                {t("page-stablecoins-research-warning-title")}
+              </H3>
+              {t("page-stablecoins-algorithmic-disclaimer")}
+            </div>
+          </Alert>
           <StablecoinBoxGrid items={features} />
         </Content>
         <div id="tools" className="w-full px-8 py-12">
diff --git a/app/[locale]/staking/deposit-contract/_components/deposit-contract.tsx b/app/[locale]/staking/deposit-contract/_components/deposit-contract.tsx
index 8456b86c71a..68706327e29 100644
--- a/app/[locale]/staking/deposit-contract/_components/deposit-contract.tsx
+++ b/app/[locale]/staking/deposit-contract/_components/deposit-contract.tsx
@@ -11,10 +11,10 @@ import CopyToClipboard from "@/components/CopyToClipboard"
 import Emoji from "@/components/Emoji"
 import FeedbackCard from "@/components/FeedbackCard"
 import { Image } from "@/components/Image"
-import InfoBanner from "@/components/InfoBanner"
 import MainArticle from "@/components/MainArticle"
 import Tooltip from "@/components/Tooltip"
 import Translation from "@/components/Translation"
+import { Alert } from "@/components/ui/alert"
 import {
   Button,
   ButtonLink,
@@ -397,7 +397,8 @@ const DepositContractPage = () => {
                   </ButtonRow>
                 </>
               )}
-              <InfoBanner isWarning emoji=":warning:">
+              <Alert variant="warning">
+                <Emoji text=":warning:" className="text-8xl" />
                 <div>
                   {t("page-staking-deposit-contract-warning-2")}{" "}
                   <InlineLink
@@ -407,7 +408,7 @@ const DepositContractPage = () => {
                     {t("page-staking-deposit-contract-launchpad-2")}
                   </InlineLink>
                 </div>
-              </InfoBanner>
+              </Alert>
             </div>
           </AddressCard>
         </RightColumn>

From 385f44ea3c467925758a2ed1e6048e79925ccc11 Mon Sep 17 00:00:00 2001
From: JoeChenJ <jiajuncjoe@gmail.com>
Date: Sun, 11 May 2025 14:26:27 +0800
Subject: [PATCH 02/13] refactor(components): migrate usage of InfoBanner to
 ui/alert

---
 src/components/EnvWarningBanner.tsx          | 16 ++++++-----
 src/components/MeetupList.tsx                | 19 ++++++++-----
 src/components/ProductDisclaimer.tsx         | 15 ++++++++---
 src/components/StablecoinAccordion/index.tsx | 28 +++++++++++---------
 src/components/UpcomingEventsList.tsx        | 23 ++++++++++------
 5 files changed, 63 insertions(+), 38 deletions(-)

diff --git a/src/components/EnvWarningBanner.tsx b/src/components/EnvWarningBanner.tsx
index ad1c303d181..dfdc0a13c94 100644
--- a/src/components/EnvWarningBanner.tsx
+++ b/src/components/EnvWarningBanner.tsx
@@ -1,12 +1,14 @@
-import React from "react"
-
-import InfoBanner from "./InfoBanner"
+import { Alert, AlertContent, AlertDescription } from "./ui/alert"
 import Translation from "./Translation"
 
-const EnvWarningBanner = () => (
-  <InfoBanner isWarning>
-    <Translation id="page-tutorials-env-banner" />
-  </InfoBanner>
+const EnvWarningBanner = (props: React.HTMLAttributes<HTMLDivElement>) => (
+  <Alert variant="warning" {...props}>
+    <AlertContent>
+      <AlertDescription>
+        <Translation id="page-developers-tutorials:page-tutorials-env-banner" />
+      </AlertDescription>
+    </AlertContent>
+  </Alert>
 )
 
 export default EnvWarningBanner
diff --git a/src/components/MeetupList.tsx b/src/components/MeetupList.tsx
index 1ea6e2c51f8..241f45c9040 100644
--- a/src/components/MeetupList.tsx
+++ b/src/components/MeetupList.tsx
@@ -5,7 +5,6 @@ import sortBy from "lodash/sortBy"
 import { FaChevronRight } from "react-icons/fa6"
 
 import Emoji from "@/components/Emoji"
-import InfoBanner from "@/components/InfoBanner"
 import Translation from "@/components/Translation"
 
 import { cn } from "@/lib/utils/cn"
@@ -13,6 +12,7 @@ import { trackCustomEvent } from "@/lib/utils/matomo"
 
 import meetups from "@/data/community-meetups.json"
 
+import { Alert, AlertContent, AlertDescription } from "./ui/alert"
 import { Flex } from "./ui/flex"
 import Input from "./ui/input"
 import InlineLink, { BaseLink } from "./ui/Link"
@@ -102,12 +102,17 @@ const MeetupList = () => {
       </ul>
       <div aria-live="assertive" aria-atomic>
         {!filteredMeetups.length && (
-          <InfoBanner emoji=":information_source:">
-            <Translation id="page-community:page-community-meetuplist-no-meetups" />{" "}
-            <InlineLink href="https://github.com/ethereum/ethereum-org-website/blob/dev/src/data/community-meetups.json">
-              <Translation id="page-community:page-community-please-add-to-page" />
-            </InlineLink>
-          </InfoBanner>
+          <Alert variant="update">
+            <Emoji text=":information_source:" className="text-4xl" />
+            <AlertContent>
+              <AlertDescription>
+                <Translation id="page-community:page-community-meetuplist-no-meetups" />{" "}
+                <InlineLink href="https://github.com/ethereum/ethereum-org-website/blob/dev/src/data/community-meetups.json">
+                  <Translation id="page-community:page-community-please-add-to-page" />
+                </InlineLink>
+              </AlertDescription>
+            </AlertContent>
+          </Alert>
         )}
       </div>
     </div>
diff --git a/src/components/ProductDisclaimer.tsx b/src/components/ProductDisclaimer.tsx
index 324bfaab1a9..de778e55588 100644
--- a/src/components/ProductDisclaimer.tsx
+++ b/src/components/ProductDisclaimer.tsx
@@ -1,10 +1,17 @@
-import InfoBanner from "@/components/InfoBanner"
 import Translation from "@/components/Translation"
 
+import { Alert, AlertContent, AlertDescription } from "./ui/alert"
+import Emoji from "./Emoji"
+
 const ProductDisclaimer = () => (
-  <InfoBanner emoji="⚠️" isWarning>
-    <Translation id="product-disclaimer" />
-  </InfoBanner>
+  <Alert variant="warning">
+    <Emoji text="⚠️" className="text-4xl" />
+    <AlertContent>
+      <AlertDescription>
+        <Translation id="product-disclaimer" />
+      </AlertDescription>
+    </AlertContent>
+  </Alert>
 )
 
 export default ProductDisclaimer
diff --git a/src/components/StablecoinAccordion/index.tsx b/src/components/StablecoinAccordion/index.tsx
index 892dc0dedd6..e34f0e19935 100644
--- a/src/components/StablecoinAccordion/index.tsx
+++ b/src/components/StablecoinAccordion/index.tsx
@@ -8,9 +8,10 @@ import InlineLink, { BaseLink } from "@/components/ui/Link"
 import { LinkBox, LinkOverlay } from "@/components/ui/link-box"
 
 import CardList from "../CardList"
-import InfoBanner from "../InfoBanner"
+import Emoji from "../Emoji"
 import Translation from "../Translation"
 import { Accordion } from "../ui/accordion"
+import { Alert, AlertContent } from "../ui/alert"
 
 import {
   AccordionCustomItem,
@@ -84,15 +85,18 @@ const StablecoinAccordion = () => {
               descId="page-stablecoins-accordion-swap-requirement-2-description"
             />
           </StepBoxContainer>
-          <InfoBanner emoji=":light_bulb:">
-            <H4>{t("page-stablecoins-accordion-swap-editors-tip")}</H4>
-            <p className="mb-6 leading-6">
-              {t("page-stablecoins-accordion-swap-editors-tip-copy")}
-            </p>
-            <ButtonLink href="/wallets/find-wallet/">
-              {t("page-stablecoins-accordion-swap-editors-tip-button")}
-            </ButtonLink>
-          </InfoBanner>
+          <Alert variant="update">
+            <Emoji text=":light_bulb:" className="text-4xl" />
+            <AlertContent>
+              <H4>{t("page-stablecoins-accordion-swap-editors-tip")}</H4>
+              <p className="mb-6 leading-6">
+                {t("page-stablecoins-accordion-swap-editors-tip-copy")}
+              </p>
+              <ButtonLink href="/wallets/find-wallet/">
+                {t("page-stablecoins-accordion-swap-editors-tip-button")}
+              </ButtonLink>
+            </AlertContent>
+          </Alert>
         </LeftColumnPanel>
         <RightColumnPanel>
           <SectionTitle>
@@ -125,9 +129,9 @@ const StablecoinAccordion = () => {
               descId="page-stablecoins-accordion-buy-requirement-1-description"
             />
           </StepBoxContainer>
-          <InfoBanner isWarning>
+          <Alert variant="warning">
             {t("page-stablecoins-accordion-buy-warning")}
-          </InfoBanner>
+          </Alert>
         </LeftColumnPanel>
         <RightColumnPanel>
           <SectionTitle>
diff --git a/src/components/UpcomingEventsList.tsx b/src/components/UpcomingEventsList.tsx
index 081f6e3ed87..d2e4a0f0d05 100644
--- a/src/components/UpcomingEventsList.tsx
+++ b/src/components/UpcomingEventsList.tsx
@@ -7,7 +7,6 @@ import { useLocale } from "next-intl"
 import type { CommunityConference, Lang } from "@/lib/types"
 
 import EventCard from "@/components/EventCard"
-import InfoBanner from "@/components/InfoBanner"
 import { Button } from "@/components/ui/buttons/Button"
 import Link from "@/components/ui/Link"
 
@@ -16,6 +15,9 @@ import { getLocaleTimestamp } from "@/lib/utils/time"
 
 import communityEvents from "@/data/community-events.json"
 
+import { Alert, AlertContent, AlertDescription } from "./ui/alert"
+import Emoji from "./Emoji"
+
 import { useTranslation } from "@/hooks/useTranslation"
 
 const UpcomingEventsList = () => {
@@ -95,14 +97,19 @@ const UpcomingEventsList = () => {
     })
   }
 
-  if (Object.keys(monthGroupedEvents)?.length === 0) {
+  if (Object.keys(monthGroupedEvents)?.length) {
     return (
-      <InfoBanner emoji=":information_source:">
-        {t("page-community-upcoming-events-no-events")}{" "}
-        <Link href="https://github.com/ethereum/ethereum-org-website/blob/dev/src/data/community-events.json">
-          {t("page-community-please-add-to-page")}
-        </Link>
-      </InfoBanner>
+      <Alert variant="update">
+        <Emoji text=":information_source:" className="text-5xl" />
+        <AlertContent>
+          <AlertDescription>
+            {t("page-community-upcoming-events-no-events")}{" "}
+            <Link href="https://github.com/ethereum/ethereum-org-website/blob/dev/src/data/community-events.json">
+              {t("page-community-please-add-to-page")}
+            </Link>
+          </AlertDescription>
+        </AlertContent>
+      </Alert>
     )
   }
 

From e48dce7be9a8821e709f3a1adea004ccd3679d21 Mon Sep 17 00:00:00 2001
From: JoeChenJ <jiajuncjoe@gmail.com>
Date: Wed, 14 May 2025 00:32:35 +0800
Subject: [PATCH 03/13] refactor(md pages): migrate usage of InfoBanner to
 ui/alert

---
 .../stablecoins/_components/stablecoins.tsx   |  2 +-
 public/content/ai-agents/index.md             |  7 ++++--
 public/content/bridges/index.md               |  9 +++++--
 .../how-to-translate/index.md                 |  7 ++++--
 public/content/defi/index.md                  |  7 ++++--
 .../docs/consensus-mechanisms/pow/index.md    |  9 +++++--
 .../consensus-mechanisms/pow/mining/index.md  |  9 +++++--
 .../mining/mining-algorithms/ethash/index.md  |  9 +++++--
 .../pow/mining/mining-algorithms/index.md     |  9 +++++--
 .../hello-world-smart-contract/index.md       |  8 +++++--
 .../index.md                                  |  8 +++++--
 public/content/energy-consumption/index.md    |  9 +++++--
 .../index.md                                  |  7 ++++--
 .../how-to-revoke-token-access/index.md       |  7 ++++--
 .../guides/how-to-swap-tokens/index.md        |  7 ++++--
 .../guides/how-to-use-a-bridge/index.md       |  7 ++++--
 .../guides/how-to-use-a-wallet/index.md       |  7 ++++--
 public/content/nft/index.md                   |  7 ++++--
 public/content/payments/index.md              | 14 +++++++----
 public/content/roadmap/beacon-chain/index.md  |  9 +++++--
 public/content/roadmap/danksharding/index.md  |  4 ++--
 public/content/roadmap/merge/index.md         |  8 +++++--
 .../content/roadmap/merge/issuance/index.md   | 24 ++++++++++++++-----
 public/content/roadmap/pectra/index.md        | 16 +++++++++----
 public/content/roadmap/scaling/index.md       |  9 +++++--
 public/content/security/index.md              | 15 +++++++-----
 public/content/staking/withdrawals/index.md   | 18 ++++++++++----
 public/content/translations/ar/defi/index.md  |  7 ++++--
 .../content/translations/cs/bridges/index.md  |  9 +++++--
 .../content/translations/de/bridges/index.md  |  9 +++++--
 .../content/translations/el/bridges/index.md  |  9 +++++--
 .../content/translations/es/bridges/index.md  |  9 +++++--
 .../content/translations/fa/bridges/index.md  |  9 +++++--
 .../content/translations/fil/bridges/index.md |  9 +++++--
 .../content/translations/fr/bridges/index.md  |  9 +++++--
 .../content/translations/ga/bridges/index.md  |  9 +++++--
 .../content/translations/hi/bridges/index.md  |  9 +++++--
 .../content/translations/hu/bridges/index.md  |  9 +++++--
 .../content/translations/id/bridges/index.md  |  9 +++++--
 .../content/translations/it/bridges/index.md  |  9 +++++--
 .../content/translations/ja/bridges/index.md  |  9 +++++--
 .../content/translations/ko/bridges/index.md  |  9 +++++--
 .../content/translations/ms/bridges/index.md  |  9 +++++--
 .../content/translations/nl/bridges/index.md  |  9 +++++--
 .../content/translations/pcm/bridges/index.md |  9 +++++--
 .../content/translations/pl/bridges/index.md  |  9 +++++--
 .../translations/pt-br/bridges/index.md       | 10 ++++++--
 .../content/translations/ru/bridges/index.md  |  9 +++++--
 .../content/translations/sk/bridges/index.md  |  9 +++++--
 .../content/translations/tl/bridges/index.md  |  9 +++++--
 .../content/translations/tr/bridges/index.md  |  9 +++++--
 .../content/translations/uk/bridges/index.md  |  9 +++++--
 .../translations/zh-tw/bridges/index.md       |  9 +++++--
 .../content/translations/zh/bridges/index.md  |  9 +++++--
 src/components/MdComponents/index.tsx         |  2 ++
 src/components/UpcomingEventsList.tsx         |  2 +-
 56 files changed, 376 insertions(+), 122 deletions(-)

diff --git a/app/[locale]/stablecoins/_components/stablecoins.tsx b/app/[locale]/stablecoins/_components/stablecoins.tsx
index d907a2984e4..fd94c7aa8a0 100644
--- a/app/[locale]/stablecoins/_components/stablecoins.tsx
+++ b/app/[locale]/stablecoins/_components/stablecoins.tsx
@@ -482,7 +482,7 @@ const StablecoinsPage = ({ markets, marketsHasError }: Props) => {
         <Content id="how">
           <H2 className="mt-0">{t("page-stablecoins-types-of-stablecoin")}</H2>
           <Alert variant="warning">
-            <Emoji text="⚠️" className="text-8xl" />
+            <Emoji text="⚠️" className="text-4xl" />
             <div>
               <H3 className="mb-4 mt-0">
                 {t("page-stablecoins-research-warning-title")}
diff --git a/public/content/ai-agents/index.md b/public/content/ai-agents/index.md
index eb8e8a4100b..45397c087e9 100644
--- a/public/content/ai-agents/index.md
+++ b/public/content/ai-agents/index.md
@@ -61,10 +61,13 @@ Agents like Luna or AIXBT control their own onchain wallet ([AIXBT's wallet](htt
 
 During Luna's X social campaign #LunaMuralChallenge, Luna selected and rewarded the winners via her Base wallet — marking <strong>the first instance of an AI hiring humans for crypto reward</strong>.
 
-<InfoBanner isWarning emoji="💡">
+<Alert variant="warning">
+<Emoji text="💡" className="text-4xl"/>
+<AlertContent>
 <p className="mt-0"><strong>Good to know</strong></p>
 <p className="mt-2">AI agents and related tools are still in early development and very experimental—use with caution.</p>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Control your wallet using chat commands {#control-your-wallet-using-chat-commands}
 
diff --git a/public/content/bridges/index.md b/public/content/bridges/index.md
index 2b437b11734..7061b281881 100644
--- a/public/content/bridges/index.md
+++ b/public/content/bridges/index.md
@@ -59,9 +59,14 @@ If you have ETH on Ethereum Mainnet and you want to explore an alt L1 to try out
 
 Let’s say you want to own native Bitcoin (BTC), but you only have funds on Ethereum Mainnet. To gain exposure to BTC on Ethereum, you can buy Wrapped Bitcoin (WBTC). However, WBTC is an [ERC-20](/glossary/#erc-20) token native to the Ethereum network, which means it’s an Ethereum version of Bitcoin and not the original asset on the Bitcoin blockchain. To own native BTC, you would have to bridge your assets from Ethereum to Bitcoin using a bridge. This will bridge your WBTC and convert it into native BTC. Alternatively, you might own BTC and want to use it in Ethereum [DeFi](/glossary/#defi) protocols. This would require bridging the other way, from BTC to WBTC which can then be used as an asset on Ethereum.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   You can also do all of the above using a <a href="/get-eth/">centralized exchange</a>. However, unless your funds are already on an exchange, it would involve multiple steps, and you’d likely be better off using a bridge.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/contributing/translation-program/how-to-translate/index.md b/public/content/contributing/translation-program/how-to-translate/index.md
index da97d27e395..6e8a915b641 100644
--- a/public/content/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/contributing/translation-program/how-to-translate/index.md
@@ -78,9 +78,12 @@ Want to learn more? Feel free to check out the [documentation on using the Crowd
 
 Once you've completed the translation (i.e. all files for a content bucket display 100%), our professional translation service will review (and potentially edit) the content. Once the review is complete (i.e. review progress is 100%), we will add it to the website.
 
-<InfoBanner shouldCenter emoji=":warning:">
+<Alert variant="update">
+<Emoji text=":warning:" className="text-4xl"/>
+<AlertContent>
   Please do not use machine translation to translate the project. All the translations will be reviewed before being added to the website. If your suggested translations are found to be machine translated, they will be dismissed and contributors who use machine translation often will be removed from the project.
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Get in touch {#get-in-touch}
 
diff --git a/public/content/defi/index.md b/public/content/defi/index.md
index c3f30156fb2..dc2a31a4a76 100644
--- a/public/content/defi/index.md
+++ b/public/content/defi/index.md
@@ -64,12 +64,15 @@ Ethereum builds on this. Like Bitcoin, the rules can't change on you and everyon
 
 This sounds odd... "why would I want to program my money"? However, this is more just a default feature of tokens on Ethereum. Anyone can program logic into payments. So you can get the control and security of Bitcoin mixed with the services provided by financial institutions. This lets you do things with cryptocurrencies that you can't do with Bitcoin like lending and borrowing, scheduling payments, investing in index funds and more.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div>Explore our suggestions for DeFi applications to try out if you're new to Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Explore DeFi apps
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## What can you do with DeFi? {#defi-use-cases}
 
diff --git a/public/content/developers/docs/consensus-mechanisms/pow/index.md b/public/content/developers/docs/consensus-mechanisms/pow/index.md
index 62f44114d8c..14ff4e21695 100644
--- a/public/content/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/developers/docs/consensus-mechanisms/pow/index.md
@@ -6,9 +6,14 @@ lang: en
 
 The Ethereum network began by using a consensus mechanism that involved **[Proof-of-work (PoW)](/developers/docs/consensus-mechanisms/pow)**. This allowed the nodes of the Ethereum network to agree on the state of all information recorded on the Ethereum blockchain and prevented certain kinds of economic attacks. However, Ethereum switched off proof-of-work in 2022 and started using [proof-of-stake](/developers/docs/consensus-mechanisms/pos) instead.
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
     Proof-of-work has now been deprecated. Ethereum no longer uses proof-of-work as part of its consensus mechanism. Instead, it uses proof-of-stake. Read more on <a href="/developers/docs/consensus-mechanisms/pos/">proof-of-stake</a> and <a href="/staking/">staking</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Prerequisites {#prerequisites}
 
diff --git a/public/content/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/developers/docs/consensus-mechanisms/pow/mining/index.md
index 0cc31051894..c049513e469 100644
--- a/public/content/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -4,9 +4,14 @@ description: An explanation of how mining worked on Ethereum.
 lang: en
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Proof-of-work is no longer underlying Ethereum's consensus mechanism, meaning mining has been switched off. Instead, Ethereum is secured by validators who stake ETH. You can start staking your ETH today. Read more on <a href='/roadmap/merge/'>The Merge</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>proof-of-stake</a>, and <a href='/staking/'>staking</a>. This page is for historical interest only.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Prerequisites {#prerequisites}
 
diff --git a/public/content/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index 7dc41181c25..6fa2436a3ca 100644
--- a/public/content/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -4,9 +4,14 @@ description: A detailed look at the Ethash algorithm.
 lang: en
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
    Ethash was Ethereum's proof-of-work mining algorithm. Proof-of-work has now been **switched off entirely** and Ethereum is now secured using <a href="/developers/docs/consensus-mechanisms/pos/">proof-of-stake</a> instead. Read more on <a href="/roadmap/merge/">The Merge</a>, <a href="/developers/docs/consensus-mechanisms/pos/">proof-of-stake</a> and <a href="/staking/">staking</a>. This page is for historical interest!  
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 [Ethash](https://github.com/ethereum/wiki/wiki/Ethash) is a modified version of the [Dagger-Hashimoto](/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/dagger-hashimoto) algorithm. Ethash proof-of-work is [memory hard](https://wikipedia.org/wiki/Memory-hard_function), which was thought to make the algorithm ASIC resistant. Ethash ASICs were eventually developed but GPU mining was still a viable option until proof-of-work was switched off. Ethash is still used to mine other coins on other non-Ethereum proof-of-work networks.
 
diff --git a/public/content/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index 280eba061a3..d9e130f6d7a 100644
--- a/public/content/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -4,9 +4,14 @@ description: A detailed look at the algorithms used for Ethereum mining.
 lang: en
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Proof-of-work is no longer underlying Ethereum's consensus mechanism, meaning mining has been switched off. Instead, Ethereum is secured by validators who stake ETH. You can start staking your ETH today. Read more on <a href='/roadmap/merge/'>The Merge</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>proof-of-stake</a>, and <a href='/staking/'>staking</a>. This page is for historical interest only.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Ethereum mining used an algorithm known as Ethash. The fundamental idea of the algorithm is that a miner tries to find a nonce input using brute force computation so that the resulting hash is smaller than a threshold determined by the calculated difficulty. This difficulty level can be dynamically adjusted, allowing block production to happen at a regular interval.
 
diff --git a/public/content/developers/tutorials/hello-world-smart-contract/index.md b/public/content/developers/tutorials/hello-world-smart-contract/index.md
index 702c94a5a7a..0dc989d9239 100644
--- a/public/content/developers/tutorials/hello-world-smart-contract/index.md
+++ b/public/content/developers/tutorials/hello-world-smart-contract/index.md
@@ -233,9 +233,13 @@ PRIVATE_KEY = "your-metamask-private-key"
 
 To actually connect these to our code, we’ll reference these variables in our `hardhat.config.js` file on step 13.
 
-<InfoBanner isWarning>
+<Alert variant="warning">
+<AlertContent>
+<AlertDescription>
 Don't commit <code>.env</code>! Please make sure never to share or expose your <code>.env</code> file with anyone, as you are compromising your secrets in doing so. If you are using version control, add your <code>.env</code> to a <a href="https://git-scm.com/docs/gitignore">gitignore</a> file.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Step 12: Install Ethers.js {#step-12-install-ethersjs}
 
diff --git a/public/content/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md b/public/content/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
index 94dcae2f4a6..4172c5e2d18 100644
--- a/public/content/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
+++ b/public/content/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
@@ -115,9 +115,13 @@ API_URL = "your-api-url"
 PRIVATE_KEY = "your-private-key"
 ```
 
-<InfoBanner isWarning>
+<Alert variant="warning">
+<AlertContent>
+<AlertDescription>
 Don't commit <code>.env</code>! Please make sure never to share or expose your <code>.env</code> file with anyone, as you are compromising your secrets in doing so. If you are using version control, add your <code>.env</code> to a <a href="https://git-scm.com/docs/gitignore">gitignore</a> file.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### 7\. Create `sendTx.js` file {#create-sendtx-js}
 
diff --git a/public/content/energy-consumption/index.md b/public/content/energy-consumption/index.md
index c9fca235ebf..f5d08d6fd16 100644
--- a/public/content/energy-consumption/index.md
+++ b/public/content/energy-consumption/index.md
@@ -61,9 +61,14 @@ While Ethereum's energy consumption is very low, there is also a substantial, gr
 
 Web3 native public goods funding platforms such as [Gitcoin](https://gitcoin.co) run climate rounds to stimulate environmentally conscious building on Ethereum's application layer. Through the development of these initiatives (and others, e.g. [DeSci](/desci/)), Ethereum is becoming an environmentally and socially net-positive technology.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   If you think this page can be made more accurate, please raise an issue or PR. The stats on this page are estimates based on publicly available data - they do not represent an official statement or promise from the ethereum.org team, or the Ethereum Foundation.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Further reading {#further-reading}
 
diff --git a/public/content/guides/how-to-create-an-ethereum-account/index.md b/public/content/guides/how-to-create-an-ethereum-account/index.md
index 8b371f21e67..81183738774 100644
--- a/public/content/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ Some apps will request you to save a secret "recovery phrase" (sometimes called
 **Any person who knows the phrase can take control of all funds.** Never share this with anyone. This phrase should contain 12 to 24 randomly generated words (the order of the words matters).
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>Wallet installed?</b><br/>Learn how to use it.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     How to use a wallet
   </ButtonLink>
-</InfoBanner>
+  </AlertContent>
+</Alert>
 </div>
 
 Interested in other guides? Check out our: [Step by step guides](/guides/)
diff --git a/public/content/guides/how-to-revoke-token-access/index.md b/public/content/guides/how-to-revoke-token-access/index.md
index ca5f76ce414..d864ff2d077 100644
--- a/public/content/guides/how-to-revoke-token-access/index.md
+++ b/public/content/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ We advise you to refresh the revoking tool after a few minutes and connect your
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Want to learn more?</div>
   <ButtonLink href="/guides/">
     See our other guides
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Frequently asked questions
 
diff --git a/public/content/guides/how-to-swap-tokens/index.md b/public/content/guides/how-to-swap-tokens/index.md
index 4978bad5b9f..5f23cbc4004 100644
--- a/public/content/guides/how-to-swap-tokens/index.md
+++ b/public/content/guides/how-to-swap-tokens/index.md
@@ -50,12 +50,15 @@ You can view the progress of the transaction on any blockchain explorer. This pr
 You will automatically receive the swapped tokens in your wallet once the transaction is processed.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Want to learn more?</div>
   <ButtonLink href="/guides/">
     See our other guides
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Frequently asked questions
 
diff --git a/public/content/guides/how-to-use-a-bridge/index.md b/public/content/guides/how-to-use-a-bridge/index.md
index eaecafab031..1701d1f1424 100644
--- a/public/content/guides/how-to-use-a-bridge/index.md
+++ b/public/content/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ This process should not take more than 10 minutes.
 You can use [chainlist.org](http://chainlist.org) to find the network's RPC details. Once the network is added and transaction finished, you should see the tokens in your wallet.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Want to learn more?</div>
   <ButtonLink href="/guides/">
     See our other guides
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Frequently asked questions
 
diff --git a/public/content/guides/how-to-use-a-wallet/index.md b/public/content/guides/how-to-use-a-wallet/index.md
index f94f3789738..369ae8767ec 100644
--- a/public/content/guides/how-to-use-a-wallet/index.md
+++ b/public/content/guides/how-to-use-a-wallet/index.md
@@ -64,12 +64,15 @@ Your address will be the same in all Ethereum projects. You do not need to regis
 6. That's it! Start using the app. You can find some interesting projects on our [dApps page](/dapps/#explore).
    <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Want to learn more?</div>
   <ButtonLink href="/guides/">
     See our other guides
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Frequently asked questions
 
diff --git a/public/content/nft/index.md b/public/content/nft/index.md
index a93ba806054..27660fba524 100644
--- a/public/content/nft/index.md
+++ b/public/content/nft/index.md
@@ -55,12 +55,15 @@ NFTs are used for many things, including:
 
 Maybe you are an artist that wants to share their work using NFTs, without losing control and sacrificing your profits to intermediaries. You can create a new contract and specify the number of NFTs, their properties and a link to some specific artwork. As the artist, **you can program into the smart contract the royalties** you should be paid (e.g. transfer 5% of the sale price to the contract owner each time an NFT is transferred). You can also always prove that you created the NFTs because you own the [wallet](/glossary/#wallet) that deployed the contract. Your buyers can easily prove that they own an **authentic NFT** from your collection because their wallet [address](/glossary/#address) is associated with a token in your smart contract. They can use it across the Ethereum ecosystem, confident in its authenticity.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Explore, buy or create your own NFT art/collectibles...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Explore NFT art
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Or consider a ticket to a sporting event. Just as an **organizer of an event can choose how many tickets to sell**, the creator of an NFT can decide how many replicas exist. Sometimes these are exact replicas, such as 5000 General Admission tickets. Sometimes several are minted that are very similar, but each slightly different, such as a ticket with an assigned seat. These can be bought and sold peer-to-peer without paying ticket handlers and the buyer always with assurance of the ticket authenticity by checking the contract address.
 
diff --git a/public/content/payments/index.md b/public/content/payments/index.md
index 88d93f2af25..282326570cd 100644
--- a/public/content/payments/index.md
+++ b/public/content/payments/index.md
@@ -58,12 +58,15 @@ Countries like El Salvador and the Central African Republic have even adopted cr
 
 In countries where their means of payment have been disconnected from the rest of the world, crypto-integrated payment solutions have been a huge relief. Payments of subscriptions for platforms like Netflix, Spotify, and educational courses have now been made easy through crypto payment platforms like Gnosis Pay and Paypal.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Create your Ethereum account with a wallet app today.</div>
   <ButtonLink href="/wallets/find-wallet">
     Get started
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Salary Payments {#salary-payments}
 
@@ -145,9 +148,12 @@ While fiat currencies have the advantage of widespread acceptance and stability,
 
 From facilitating rapid disaster relief to empowering global workers, Ethereum payments are writing a new chapter in the long history of money. While challenges remain, the unique advantages offered by this technology make it an attractive option for a wide range of use cases.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Time to get your own Ethereum account.</div>
   <ButtonLink href="/wallets/find-wallet">
     Get started
   </ButtonLink>
-</InfoBanner>
\ No newline at end of file
+</AlertContent>
+</Alert>
\ No newline at end of file
diff --git a/public/content/roadmap/beacon-chain/index.md b/public/content/roadmap/beacon-chain/index.md
index d0c404ba6c7..50a7dfa564e 100644
--- a/public/content/roadmap/beacon-chain/index.md
+++ b/public/content/roadmap/beacon-chain/index.md
@@ -36,9 +36,14 @@ The transition to proof-of-stake made Ethereum significantly more secure and dec
 
 And using proof-of-stake as consensus mechanism is a foundational component for [the secure, environmentally friendly and scalable Ethereum we have now](/roadmap/vision/).
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   If you're interested in becoming a validator and helping secure Ethereum, <a href="/staking/">learn more about staking</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Setting up for sharding {#setting-up-for-sharding}
 
diff --git a/public/content/roadmap/danksharding/index.md b/public/content/roadmap/danksharding/index.md
index e22d76b31e3..3c7df894deb 100644
--- a/public/content/roadmap/danksharding/index.md
+++ b/public/content/roadmap/danksharding/index.md
@@ -57,9 +57,9 @@ If someone knows the random locations used for the commitment, it is easy for th
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
   Neither Danksharding nor Proto-Danksharding follow the traditional "sharding" model that aims to split the blockchain into multiple parts. Shard chains are no longer part of the roadmap. Instead, Danksharding uses distributed data sampling across blobs to scale Ethereum. This is much simpler to implement. This model has sometimes been referred to as "data-sharding".
-</InfoBanner>
+</Alert>
 
 ## What is Danksharding? {#what-is-danksharding}
 
diff --git a/public/content/roadmap/merge/index.md b/public/content/roadmap/merge/index.md
index c277698b432..de1fa4ebeb9 100644
--- a/public/content/roadmap/merge/index.md
+++ b/public/content/roadmap/merge/index.md
@@ -37,9 +37,13 @@ The Merge represented the official switch to using the Beacon Chain as the engin
 
 No history was lost in The Merge. As Mainnet merged with the Beacon Chain, it also merged the entire transactional history of Ethereum.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 This transition to proof-of-stake changed the way ether is issued. Learn more about <a href="/roadmap/merge/issuance/">ether issuance before and after The Merge</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Users and holders {#users-holders}
 
diff --git a/public/content/roadmap/merge/issuance/index.md b/public/content/roadmap/merge/issuance/index.md
index 6d2ef286172..9b1f16249ba 100644
--- a/public/content/roadmap/merge/issuance/index.md
+++ b/public/content/roadmap/merge/issuance/index.md
@@ -54,11 +54,15 @@ Total ETH supply: **~120,520,000 ETH** (at time of The Merge in September 2022)
 - Results in **~620,500** ETH issued in a year
 - Resulted in inflation rate of **approximately 0.52%** (620.5K per year / 119.3M total)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 <strong>Total annualized issuance rate (pre-merge): ~4.61%</strong> (4.09% + 0.52%)<br/><br/>
 <strong>~88.7%</strong> of the issuance was going to miners on the execution layer (4.09 / 4.61 * 100)<br/><br/>
 <strong>~11.3%</strong> was being issued to stakers on the consensus layer (0.52 / 4.61 * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Post-merge (present day) {#post-merge}
 
@@ -84,18 +88,26 @@ As more validators withdraw, the maximum number of exiting validators will gradu
 - Execution layer issuance: **0**
 - Consensus layer issuance: Same as above, **~0.52%** annualized issuance rate (with 14 million total ETH staked)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Total annualized issuance rate: <strong>~0.52%</strong><br/><br/>
 Net reduction in annual ETH issuance: <strong>~88.7%</strong> ((4.61% - 0.52%) / 4.61% * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## <Emoji text=":fire:" size="1" /> The burn {#the-burn}
 
 The opposite force to ETH issuance is the rate at which ETH is burned. For a transaction to execute on Ethereum, a minimum fee (known as a "base fee") must be paid, which fluctuates continuously (block-to-block) depending on network activity. The fee is paid in ETH and is _required_ for the transaction to be considered valid. This fee gets _burned_ during the transaction process, removing it from circulation.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Fee burning went live with <a href="/history/#london">the London upgrade</a> in August 2021, and remains unchanged since The Merge.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 On top of the fee burn implemented by the London upgrade, validators can also incur penalties for being offline, or worse, they can be slashed for breaking specific rules that threaten network security. These penalties result in a reduction of ETH from that validator's balance, which is not directly rewarded to any other account, effectively burning/removing it from circulation.
 
diff --git a/public/content/roadmap/pectra/index.md b/public/content/roadmap/pectra/index.md
index a4b11f37369..c52565177f3 100644
--- a/public/content/roadmap/pectra/index.md
+++ b/public/content/roadmap/pectra/index.md
@@ -8,9 +8,13 @@ lang: en
 
 Pectra is an upcoming Ethereum protocol upgrade that brings new functionality and changes to the Ethereum network. Following [Dencun](/roadmap/dencun/), this is another major upgrade to both the execution and consensus layer of Ethereum. The shortened name Pectra is a combination of Prague and Electra, which are the respective names for the execution and consensus layer specification changes. Together, these changes bring a number of improvements to Ethereum users, developers and validators.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Pectra upgrade is only a single step in Ethereum's long-term development goals. Learn more about <a href="/roadmap/">the protocol roadmap</a> and <a href="/history/">previous upgrades</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Improvements in Pectra {#new-improvements}
 
@@ -82,9 +86,13 @@ The Beacon Chain consensus is based on validators casting their votes for the la
 
 [EIP-7840](https://eips.ethereum.org/EIPS/eip-7840) is a simple change that adds a new field to execution layer client configuration. It configures the number of blocks, enabling dynamic setting for target and maximum blob counts per block as well as blob fee adjustment. With directly defined configuration, clients can avoid the complexity of exchanging this information via Engine API.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 To learn more about how Pectra affects you specifically as an Ethereum user, developer or validator, look into <a href="https://epf.wiki/#/wiki/pectra-faq">Pectra FAQ</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Does this upgrade affect all Ethereum nodes and validators? {#client-impact}
 
diff --git a/public/content/roadmap/scaling/index.md b/public/content/roadmap/scaling/index.md
index b484d16ffde..db624c8d55b 100644
--- a/public/content/roadmap/scaling/index.md
+++ b/public/content/roadmap/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 Ethereum is scaled using [layer 2s](/layer-2/#rollups) (also known as rollups), which batch transactions together and send the output to Ethereum. Even though rollups are up to eight times less expensive than Ethereum Mainnet, it's possible to optimize rollups further to reduce costs for end users. Rollups also rely on some centralized components that developers can remove as the rollups mature.
 
-<InfoBanner mb={8} title="Transaction costs">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  Transaction costs
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>Today’s rollups are <strong>~5-20x</strong> cheaper than Ethereum layer 1</li>
     <li>ZK-rollups will soon lower fees by <strong>~40-100x</strong></li>
     <li>Upcoming changes to Ethereum will provide another <strong>~100-1000x</strong> of scaling</li>
     <li style={{ marginBottom: 0 }}>Users should benefit from transactions <strong>costing less than $0.001</strong></li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Making data cheaper {#making-data-cheaper}
 
diff --git a/public/content/security/index.md b/public/content/security/index.md
index 21f3a51e237..30d1062840a 100644
--- a/public/content/security/index.md
+++ b/public/content/security/index.md
@@ -125,11 +125,12 @@ As a general rule, staff will never communicate with you through private, unoffi
 - Never allow anyone remote access into your computer
 - Never communicate outside an organization's designated channels
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Beware: although support-style scams commonly happen on Discord, they can also be prevalent on any chat applications where crypto discussion happens, including email.
   </div>
-</InfoBanner>
+</Alert>
 
 ### 'Eth2' token scam {#eth2-token-scam}
 
@@ -216,11 +217,12 @@ A strong password that has been revealed in a data breach is no longer a strong
 
 ### Use a password manager {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     Using a password manager takes care of creating strong, unique passwords and remembering them! We <strong>strongly</strong> recommend using one, and most of them are free!
   </div>
-</InfoBanner>
+</Alert>
 
 Remembering strong, unique passwords for every account you have isn't ideal. A password manager offers a secure, encrypted store for all your passwords that you can access through one strong master password. They also suggest strong passwords when signing up for a new service, so you don't have to create your own. Many password managers will also tell you if you have been involved in a data breach, allowing you to change the passwords before any malicious attacks.
 
@@ -243,11 +245,12 @@ You may sometimes be asked to authenticate your identity through unique proofs.
 
 Using **Two-Factor Authentication (2FA)** provides an additional *security factor* for your online accounts. 2FA ensures that merely having your password is not enough to access an account. Most commonly, the second factor is a randomized 6-digit code, known as a **time-based one-time password (TOTP)**, that you can access through an authenticator app such as Google Authenticator or Authy. These work as a "something you own" factor because the seed that generates the timed code is stored on your device.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Note: Using SMS-based 2FA is susceptible to <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM jacking</a> and is not secure. For the best security, use a service like <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> or <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Security keys {#security-keys}
 
diff --git a/public/content/staking/withdrawals/index.md b/public/content/staking/withdrawals/index.md
index fb07f152f8a..570e3be9e3a 100644
--- a/public/content/staking/withdrawals/index.md
+++ b/public/content/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Before the Shanghai/Capella upgrade, you couldn't use or access your staked ETH.
 
 Providing a withdrawal address is a required step for any validator account before it will be eligible to have ETH withdrawn from its balance.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Each validator account can only be assigned a single withdrawal address, one time.</strong> Once an address is chosen and submitted to the consensus layer, this cannot be undone or changed again. Double-check ownership and accuracy of the address provided before submitting.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 There is <strong>no threat to your funds in the meantime</strong> for not providing this, assuming your mnemonic/seed phrase has remained safe offline, and has not been compromised in any way. Failure to add withdrawal credentials will simply leave the ETH locked in the validator account as it has been until a withdrawal address is provided.
 
@@ -82,11 +87,16 @@ Check out this explanation of Ethereum staking withdrawals by Finematics:
 
 When a validator is scheduled to propose the next block, it is required to build a withdrawal queue, of up to 16 eligible withdrawals. This is done by originally starting with validator index 0, determining if there is an eligible withdrawal for this account per the rules of the protocol, and adding it to the queue if there is. The validator set to propose the following block will pick up where the last one left off, progressing in order indefinitely.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Think about an analogue clock. The hand on the clock points to the hour, progresses in one direction, doesn’t skip any hours, and eventually wraps around to the beginning again after the last number is reached.<br/><br/>
 Now instead of 1 through 12, imagine the clock has 0 through N <em>(the total number of validator accounts that have ever been registered on the consensus layer, over 500,000 as of Jan 2023).</em><br/><br/>
 The hand on the clock points to the next validator that needs to be checked for eligible withdrawals. It starts at 0, and progresses all the way around without skipping any accounts. When the last validator is reached, the cycle continues back at the beginning.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Checking an account for withdrawals {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/ar/defi/index.md b/public/content/translations/ar/defi/index.md
index 67f1747c7f2..72dd3804d03 100644
--- a/public/content/translations/ar/defi/index.md
+++ b/public/content/translations/ar/defi/index.md
@@ -63,12 +63,15 @@ summaryPoint3: استنادًا إلى التكنولوجيا مفتوحة ال
 
 يبدو هذا غريبًا... "لماذا أريد برمجة مالي"؟ ومع ذلك، فهذه مجرد ميزة افتراضية للرموز على إيثريوم. يمكن لأي شخص برمجة المنطق في المدفوعات. لذا يمكنك الحصول على تحكم وأمان عملة بيتكوين فضلاً عن الخدمات التي تقدمها المؤسسات المالية. هذا يتيح لك القيام بأشياء مع العملات الرقمية لا يمكنك القيام بها مع عملة بيتكوين مثل الإقراض والاقتراض، وجدولة المدفوعات، والاستثمار في صناديق المؤشرات والمزيد.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>استكشف اقتراحاتنا لتطبيقات التمويل اللامركزي دي فاي (DeFi) التي يمكن تجربتها إذا كنت جديدًا على إيثريوم.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     استكشف النظام المالي اللامركزي (DeFi)
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## ما الذي يمكنك أن تفعله بالتمويل اللامركزي دي فاي (DeFi)؟ {#defi-use-cases}
 
diff --git a/public/content/translations/cs/bridges/index.md b/public/content/translations/cs/bridges/index.md
index b7a982d3b2c..26936fe8008 100644
--- a/public/content/translations/cs/bridges/index.md
+++ b/public/content/translations/cs/bridges/index.md
@@ -59,9 +59,14 @@ Máte-li ETH na hlavní síti Ethereum a chcete prozkoumat alternativní L1 bloc
 
 Představte si, že si chcete koupit Bitcoin (BTC), ale máte peníze pouze na hlavní síti Ethereum. Abyste získali BTC zastoupený na Ethereu, můžete si koupit Wrapped Bitcoin (WBTC). WBTC je ale token [ERC-20](/glossary/#erc-20) nativní pro síť Ethereum, což znamená, že jde o verzi Bitcoinu na Ethereu a nikoli o BTC na blockchainu Bitcoin. Abyste mohli vlastnit původní BTC, musíte svá aktiva převést z Etherea na Bitcoin pomocí přemostění. Tímto způsobem převedete svůj WBTC na BTC. Alternativně můžete vlastnit BTC a chtít jej použít v protokolech [DeFi](/glossary/#defi) na Ethereu. To by vyžadovalo přemostění opačným směrem, tedy z BTC na WBTC, který lze pak použít jako aktivum na Ethereu.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Všechny tyto operace můžete provést také prostřednictvím <a href="/get-eth/">centralizované burzy</a>. Ale pokud vaše prostředky ještě na burze nejsou, zahruje taková operace vícero kroků, a pravděpodobně bude jednodušší použít přemostění.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/de/bridges/index.md b/public/content/translations/de/bridges/index.md
index 96e3e3bb7b5..4c7e95785b5 100644
--- a/public/content/translations/de/bridges/index.md
+++ b/public/content/translations/de/bridges/index.md
@@ -59,9 +59,14 @@ Wenn Sie ETH auf dem Ethereum-Hauptnetzwerk haben und ein alternatives L1 erkund
 
 Nehmen wir an, Sie möchten native Bitcoin (BTC) besitzen, aber Sie haben nur Geld auf dem Ethereum-Hauptnetzwerk. Um Bitcoin auf Ethereum zu besitzen, können Sie Wrapped Bitcoin (WBTC) kaufen. Jedoch ist WBTC ein [ERC-20](/glossary/#erc-20)-Token, das im Ethereum-Netzwerk nativ ist, d. h. es ist eine Ethereum-Version von Bitcoin und nicht das originale Asset auf der Bitcoin-Blockchain. Um ursprüngliche BTC zu besitzen, muss eine Brücke zwischen Ethereum und Bitcoin genutzt werden. Mit dieser Brücke lässt sich WBTC in ursprüngliche BTC umwandeln. Alternativ besitzen Sie vielleicht BTC und möchten diese in Ethereum-[DeFi](/glossary/#defi)-Protokollen nutzen. Dann müssten Sie Ihre BTC in WBTC umwandeln, welche Sie dann als Vermögenswert in Ethereum nutzen können.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Sie können all dies auch mit <a href="/get-eth/">zentralisierten Krypto-Börsen</a> tun. Wenn Ihr Guthaben jedoch nicht bereits auf einer Krypto-Börse ist, würde dies mehrere Schritte erfordern, und es wäre wahrscheinlich besser, eine Brücke zu benutzen.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/el/bridges/index.md b/public/content/translations/el/bridges/index.md
index 2594cdb5fe3..99917cf909e 100644
--- a/public/content/translations/el/bridges/index.md
+++ b/public/content/translations/el/bridges/index.md
@@ -59,9 +59,14 @@ _Το Web3 έχει εξελιχθεί σε ένα οικοσύστημα από
 
 Ας υποθέσουμε ότι θέλετε να είστε κάτοχος Bitcoin (BTC), αλλά έχετε χρήματα μόνο στο κεντρικό δίκτυο Ethereum. Για να αποκτήσετε μέρος BTC στο Ethereum, μπορείτε να αγοράσετε Wrapped Bitcoin (WBTC). Ωστόσο, το WBTC είναι ένα εγγενές ψηφιακό στοιχείο [ERC-20](/glossary/#erc-20) στο δίκτυο Ethereum, πράγμα που σημαίνει ότι είναι μια έκδοση στο Ethereum του Bitcoin και όχι το αρχικό ψηφιακό στοιχείο στην κρυπτοαλυσίδα του Bitcoin. Για να κατέχετε το εγγενές BTC, θα πρέπει να γεφυρώσετε τα περιουσιακά σας στοιχεία από το Ethereum στο Bitcoin χρησιμοποιώντας μια γέφυρα. Αυτό θα γεφυρώσει το WBTC σας και θα το μετατρέψει σε εγγενές BTC. Εναλλακτικά, μπορεί να είστε κάτοχος BTC και να θέλετε να το χρησιμοποιήσετε σε πρωτόκολλα Ethereum [DeFi](/glossary/#defi). Αυτό θα απαιτούσε τη γεφύρωση με άλλο τρόπο, από το BTC στο WBTC, το οποίο στη συνέχεια μπορεί να χρησιμοποιηθεί ως περιουσιακό στοιχείο στο Ethereum.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Μπορείτε επίσης να κάνετε όλα τα παραπάνω χρησιμοποιώντας ένα <a href="/get-eth/">κεντρικό ανταλλακτήριο</a>. Ωστόσο, εκτός εάν τα χρήματά σας βρίσκονται ήδη σε ανταλλακτήριο, αυτό θα περιλαμβάνει πολλά βήματα και πιθανότατα θα ήταν καλύτερα να χρησιμοποιήσετε μια γέφυρα.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/es/bridges/index.md b/public/content/translations/es/bridges/index.md
index d762acd78b8..79390605bc0 100644
--- a/public/content/translations/es/bridges/index.md
+++ b/public/content/translations/es/bridges/index.md
@@ -59,9 +59,14 @@ Si tiene ETH en la Red principal de Ethereum y quiere explorar una alternativa L
 
 Digamos que quiere tener Bitcoin (BTC), pero solo tiene fondos en la Red principal de Ethereum. Para obtener exposición a BTC en Ethereum, puede comprar Wrapped Bitcoin (WBTC). Sin embargo, WBTC es un token [ERC-20](/glossary/#erc-20) nativo de la red de Ethereum, lo que significa que es una versión de Ethereum de Bitcoin y no el activo original en la cadena de bloques de Bitcoin. Para tener BTC nativo, usted tendría que trasladar sus activos de Ethereum a Bitcoin usando un puente. Esto trasladará entre redes su WBTC y lo convertirá en BTC nativo. De forma alternativa, podría tener BTC y querer usarlo en protocolos [DeFi](/glossary/#defi) de Ethereum. Esto requeriría un puente pero al revés, desde el BTC hasta WBTC, que luego puede ser utilizado como un activo en Ethereum.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   También puede hacer todo lo anterior usando un <a href="/get-eth/">exchange centralizado</a>. Sin embargo, a menos que sus fondos ya estén en un exchange, esto implicaría varios pasos y probablemente sería mejor usar un puente.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/fa/bridges/index.md b/public/content/translations/fa/bridges/index.md
index 58f72124dde..9e52bf902a7 100644
--- a/public/content/translations/fa/bridges/index.md
+++ b/public/content/translations/fa/bridges/index.md
@@ -59,9 +59,14 @@ _Web3 به راه‌حل‌های مقیاس‌پذیری اكوسيستم لا
 
 فرض كنيد مي خواهيد بيتكوين (BTC) خودتان را داشته باشيد ولي فقط در شبكه اصلي اتريوم پول داريد. براي بدست آوردن بيتكوين در اتريوم مي توانيد بيتكوين تبدیل یافته (WBTC) خريداري كنيد. بااین‌حال، WBTC یک توکن [ERC-20](/glossary/#erc-20) بومی شبکه اتریوم است، به این معنی که نسخه اتریوم بیت‌کوین است و نه دارایی اصلی در بلاکچین بیت‌کوین. براي داشتن بيتكوين اصلي بايد به كمك پل دارايی‌های خود را از اتريوم به بيتكوين انتقال دهيد. با اين كار WBTC خود را به بيتكوين اصلي پل می‌زنید و تغيير مي دهيد. از طرف دیگر، ممکن است صاحب بیت‌کوین باشید و بخواهید از آن در پروتکل‌های [دیفای](/glossary/#defi) اتریوم استفاده کنید. اين امر نيازمند آن است كه يك پل در جهت مخالف از بيتكوين به رپد بيتكوين استفاده شود که می‌توان از آن به عنوان دارایی در اتریوم استفاده کرد.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   البته مي توانيد تمام كارهاي فوق را توسط <a href="/get-eth/">صرافي متمركز</a> انجام دهيد. با این حال، در این صورت با انجام چند مرحله می توانید بهتر از پل مورد نظر استفاده کنید، مگر آن که پول‌هایتان از قبل در صرافی باشد.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/fil/bridges/index.md b/public/content/translations/fil/bridges/index.md
index ae883141cbb..089fdba31c4 100644
--- a/public/content/translations/fil/bridges/index.md
+++ b/public/content/translations/fil/bridges/index.md
@@ -59,9 +59,14 @@ Kung mayroon kang ETH sa Ethereum Mainnet at nais mong subukan ang isang alterna
 
 Sabihin nating gusto mong magkaroon ng native na Bitcoin (BTC), ngunit nasa Ethereum Mainnet lang ang pondo mo. Upang magkaroon ng exposure sa BTC sa Ethereum, maaari kang bumili ng Wrapped Bitcoin (WBTC). Gayunpaman, ang WBTC ay isang ERC-20 token na native sa Ethereum network. Ibig sabihin, ito ay isang bersyon ng Bitcoin sa Ethereum at hindi ang orihinal na asset sa Bitcoin blockchain. Para magkaroon ng native na BTC, kailangan mong i-bridge ang iyong mga asset sa Bitcoin mula sa Ethereum gamit ang bridge. Ibi-bridge nito ang WBTC mo at gagawin nito itong native na BTC. Puwede ring mayroon ka nang BTC at gusto mo itong gamitin sa mga Ethereum DeFi protocol. Pabaligtad ang magiging pag-bridge nito, mula sa BTC patungong WBTC na siyang magagamit bilang asset sa Ethereum.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Maaari mo ring gawin ang lahat ng nabanggit gamit ang isang <a href="/get-eth/">centralized exchange</a>. Gayunpaman, maliban kung nasa isang exchange na ang iyong mga pondo, maraming hakbang ang kailangan para dito, at magiging mas mainam kung gumamit ka na lang ng bridge.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/fr/bridges/index.md b/public/content/translations/fr/bridges/index.md
index 5d13cf4b8fc..a09ba8a4fae 100644
--- a/public/content/translations/fr/bridges/index.md
+++ b/public/content/translations/fr/bridges/index.md
@@ -59,9 +59,14 @@ Si vous avez des ETH sur le réseau principal Ethereum et que vous voulez explor
 
 Disons que vous voulez posséder des bitcoins (BTC) natifs, mais que vous n'avez des fonds que sur le réseau principal Ethereum. Pour vous exposer aux BTC sur Ethereum, vous pouvez acheter des Wrapped Bitcoin (WBTC). Cependant, le WBTC est un jeton [ERC-20](/glossary/#erc-20) natif du réseau Ethereum, ce qui signifie qu'il s'agit d'une version Ethereum de Bitcoin et non de l'actif original sur la blockchain Bitcoin. Pour posséder des BTC natifs, vous devez basculer vos actifs d'Ethereum à Bitcoin en utilisant un pont. Cela permettra de relier votre WBTC et de le convertir en BTC natif. Alternativement, vous pouvez également posséder des BTC et vouloir les utiliser dans les protocoles [DeFi](/glossary/#defi) d'Ethereum. Pour cela, il faudrait faire le pont dans l'autre sens, de BTC à WBTC, qui peut ensuite être utilisé comme actif sur Ethereum.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Vous pouvez également faire tout ce qui précède en utilisant un <a href="/get-eth/">échange centralisé</a>. Cependant, à moins que vos fonds ne soient déjà mêlés à un échange, cela impliquerait plusieurs étapes et il serait probablement préférable d'utiliser un pont.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/ga/bridges/index.md b/public/content/translations/ga/bridges/index.md
index 5b2863dfb47..cff9f903d85 100644
--- a/public/content/translations/ga/bridges/index.md
+++ b/public/content/translations/ga/bridges/index.md
@@ -59,9 +59,14 @@ Má tá ETH agat ar Ethereum Mainnet agus ba mhaith leat alt L1 a iniúchadh chu
 
 Deirimis gur mhaith leat Bitcoin dúchais (BTC) a bheith agat, ach níl cistí agat ach ar Ethereum Mainnet. Chun nochtadh do BTC a fháil ar Ethereum, is féidir leat Bitcoin Fillte (WBTC) a cheannach. Mar sin féin, is comhartha [ERC-20](/glossary/#erc-20) é WBTC ó dhúchas do líonra Ethereum, rud a chiallaíonn gur leagan Ethereum de Bitcoin é agus ní an tsócmhainn bhunaidh ar bhlocshlabhra Bitcoin. Chun BTC dúchais a bheith agat, bheadh ​​ort do shócmhainní a aistriú ó Ethereum go Bitcoin trí dhroichead a úsáid. Leis sin déanfar droichead do do chuid WBTC agus déanfar é a thiontú ina BTC dúchais. Mar mhalairt air sin, b'fhéidir gur leat BTC agus gur mhaith leat é a úsáid i bprótacail Ethereum [DeFi](/glossary/#defi). Bheadh ​​gá leis an mbealach eile a nascadh, ó BTC go WBTC ar féidir a úsáid ansin mar shócmhainn ar Ethereum.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Is féidir leat gach rud thuas a dhéanamh freisin trí úsáid a bhaint as <a href="/get-eth/">malartán láraithe</a>. Mar sin féin, mura bhfuil do chistí ar mhalartú cheana féin, bheadh ​​ilchéimeanna i gceist leis, agus is dócha go mbeadh tú níos fearr as droichead a úsáid.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/hi/bridges/index.md b/public/content/translations/hi/bridges/index.md
index da7a67db6cf..a94bfe315e8 100644
--- a/public/content/translations/hi/bridges/index.md
+++ b/public/content/translations/hi/bridges/index.md
@@ -59,9 +59,14 @@ _Web3 L1 ब्लॉकचेन और L2 स्केलिंग समा
 
 मान लीजिए कि आप मूल Bitcoin (BTC) के मालिक बनना चाहते हैं, लेकिन आपके पास केवल इथेरियम मेननेट पर फंड हैं। इथेरियम पर BTC का एक्सपोज़र हासिल करने के लिए, आप रैप्ड Bitcoin (WBTC) खरीद सकते हैं। हालांकि, WBTC एथेरियम नेटवर्क का मूल निवासी [ERC-20](/glossary/#erc-20) टोकन है, जिसका अर्थ है कि यह Bitcoin का एथेरियम संस्करण है और Bitcoin ब्लॉकचेन पर मूल संपत्ति नहीं है। मूल BTC के मालिक बनने के लिए, आपको एक ब्रिज के उपयोग से अपनी संपत्ति को इथेरियम से Bitcoin पर जोड़ना होगा। यह आपके WBTC को ब्रिज करके मूल BTC में परिवर्तित कर देगा। वैकल्पिक रूप से, आप BTC के स्वामी हो सकते हैं और इसे एथेरियम [DeFi](/glossary/#defi) प्रोटोकॉल में उपयोग करना चाहते हैं। इसके लिए BTC को WBTC पर ब्रिज करना होगा, जिसके बाद इसे इथेरियम पर एक संपत्ति के रूप में इस्तेमाल किया जा सकता है।
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   आप एक <a href="/get-eth/">केंद्रीकृत एक्सचेंज</a> का उपयोग करके भी उपरोक्त सभी कार्य कर सकते हैं। हालाँकि, जब तक कि आपका फंड पहले से ही एक्सचेंज पर न हो, इसमें कई चरण शामिल होंगे, और आपके लिए ब्रिज का उपयोग करना बेहतर होगा।
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/hu/bridges/index.md b/public/content/translations/hu/bridges/index.md
index 4882abb8401..c763482c835 100644
--- a/public/content/translations/hu/bridges/index.md
+++ b/public/content/translations/hu/bridges/index.md
@@ -59,9 +59,14 @@ Ha Ön ETH összeggel rendelkezik az Ethereum-főhálózaton, de fel szeretne fe
 
 Amennyiben Ön szeretne bitcoint (BTC) birtokolni, de a pénzeszközei az Ethereum főhálózatán vannak. Az Ethereumon becsomagolt formában szerezhet bitcoint (WBTC). Ugyanakkor a WBTC egy [ERC-20](/glossary/#erc-20) token az Ethereum hálózatán, tehát egy Ethereum verziójú bitcoin, és nem az eredeti eszköz a Bitcoin-blokkláncon. Az eredeti BTC megszerzéséhez egy hídon keresztül át kell vinnie a pénzeszközeit a Bitcoin hálózatára. Ezzel áthelyezi a WBTC-t és átváltja BTC-re. Másik irányból, ha Ön rendelkezik BTC-vel, de azt az Ethereum [decentralizált pénzügyi (DeFi)](/glossary/#defi) protokolljában akarja használni. Ekkor a hídon a másik irányba mozgatja az eszközeit, BTC-ről WBTC-re váltja, majd azt áthelyezi az Ethereumra.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Mindezt megteheti egy <a href="/get-eth/">centralizált tőzsde</a> segítségével is. Ha azonban az eszközei már a tőzsdén vannak, akkor több lépést kell végrehajtani, és akkor már egyszerűbb a hidat használni.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/id/bridges/index.md b/public/content/translations/id/bridges/index.md
index 8eac39bab0e..870790932d2 100644
--- a/public/content/translations/id/bridges/index.md
+++ b/public/content/translations/id/bridges/index.md
@@ -59,9 +59,14 @@ Jika Anda memiliki ETH di Jaringan Utama Ethereum dan ingin menjelajahi alternat
 
 Mari kita umpamakan Anda ingin memiliki Bitcoin (BTC) asli, tetapi Anda hanya memiliki dana di Ethereum Jaringan Utama. Untuk mendapatkan paparan terhadap BTC di Ethereum, Anda dapat membeli pembungkus Bitcoin (WBTC). Namun, WBTC adalah token [ERC-20](/glossary/#erc-20) asli dari jaringan Ethereum, yang berarti ini adalah versi Bitcoin di Ethereum dan bukan aset asli di rantai blok Bitcoin. Untuk memiliki BTC asli, Anda harus memindahkan aset Anda dari Ethereum ke Bitcoin menggunakan sebuah jembatan. Ini akan menghubungkan WBTC Anda dan mengonversi menjadi BTC asli. Sebagai alternatif, Anda mungkin memiliki BTC dan ingin menggunakannya dalam protokol [DeFi](/glossary/#defi) di Ethereum. Hal ini akan memerlukan penggunaan jembatan sebaliknya, dari BTC ke WBTC yang kemudian dapat digunakan sebagai aset di Ethereum.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Anda juga dapat melakukan semua hal di atas menggunakan sebuah <a href="/get-eth/">bursa terpusat</a>. Namun, kecuali jika dana Anda sudah berada di bursa, ini akan melibatkan beberapa langkah, dan kemungkinan lebih baik jika Anda menggunakan jembatan.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/it/bridges/index.md b/public/content/translations/it/bridges/index.md
index c2743dc3972..cd60d214031 100644
--- a/public/content/translations/it/bridges/index.md
+++ b/public/content/translations/it/bridges/index.md
@@ -59,9 +59,14 @@ Se possiedi degli ETH sulla Rete Principale di Ethereum e desideri esplorare un
 
 Diciamo che vuoi possedere Bitcoin (BTC) nativi, ma hai fondi soltanto sulla Rete Principale di Ethereum. Per esporti ai BTC su Ethereum, puoi acquistare dei Wrapped Bitcoin (WBTC). Tuttavia, WBTC è un token [ERC-20](/glossary/#erc-20) nativo alla rete di Ethereum, il che significa che è una versione di Bitcoin di Ethereum e non la risorsa originale sulla blockchain di Bitcoin. Per possedere BTC nativi, dovresti collegare le tue risorse da Ethereum a Bitcoin usando un ponte. Questo collegherà i tuoi WBTC e li convertirà in BTC nativi. Altrimenti, potresti possedere dei BTC e volerli utilizzare nei protocolli di [DeFi](/glossary/#defi) di Ethereum. Questo richiederebbe il collegamento inverso, da BTC a WBTC, poi utilizzabili come risorse su Ethereum.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Inoltre, puoi fare tutto quanto descritto sopra, usando una <a href="/get-eth/">borsa centralizzata</a>. Tuttavia, a meno che i tuoi fondi non siano già su una borsa, comporterebbe diversi passaggi, e sarebbe più conveniente usare un ponte.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/ja/bridges/index.md b/public/content/translations/ja/bridges/index.md
index 28e475184b3..c214edbd547 100644
--- a/public/content/translations/ja/bridges/index.md
+++ b/public/content/translations/ja/bridges/index.md
@@ -59,9 +59,14 @@ USDTを貸し出すのにイーサリアムムメインネットのAaveを使用
 
 例えば、ネイティブビットコイン(BTC)の保有を希望しており、資金はイーサリアムメインネットにあるとします。 イーサリアムでBTCを入手するために、ラップドビットコイン(WBTC)を購入できます。 しかし、WBTCはイーサリアムネットワークの[ERC-20](/glossary/#erc-20)トークンであり、ビットコインのイーサリアム版のようなもので、ビットコインブロックチェーンの資産ではありません。 ネイティブのBTCを保有するには、イーサリアムからビットコインに資産をブリッジする必要があります。 WBTCをブリッジすれば、ネイティブのBTCに交換できます。 あるいは、BTCを保有していて、イーサリアムの[分散型金融(DeFi)](/glossary/#defi)プロトコルで使用したいとします。 これには、逆にBTCからWBTCへのブリッジが必要となり、WBTCはイーサリアムの資産として使用することができます。
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <a href="/get-eth/">中央集権型取引所</a>を使用すると、これらのすべてを行えます。 しかし、取引所に資産がある場合を除いては、複数の手順が必要になるため、ブリッジを使用する方が手間が省けます。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/ko/bridges/index.md b/public/content/translations/ko/bridges/index.md
index 78a4f66a323..f63b2b41757 100644
--- a/public/content/translations/ko/bridges/index.md
+++ b/public/content/translations/ko/bridges/index.md
@@ -57,9 +57,14 @@ USDT를 빌려주는 플랫폼으로 이더리움 메인넷의 Aave를 사용하
 
 네이티브 비트코인(BTC)을 소유하고 있지만 이더리움 메인넷에만 자금이 있다고 가정해 봅시다. 이더리움에서 BTC에 연결하기 위해 랩트비트코인(WBTC)을 구매할 수 있습니다. 다만 WBTC는 이더리움 네트워크 기반인 ERC-20 토큰이며, 비트코인 블록체인 상의 원본 화폐가 아닌, 이더리움 버전의 비트코인입니다. 네이티브 BTC를 소유하려면 브리지를 사용하여 이더리움의 자산을 비트코인으로 옮겨야 합니다. 이는 WBTC를 연결하고 네이티브 BTC로 변환합니다. 또는 BTC를 소유하고 있을 때 이더리움 디파이 프로토콜에서 사용하고자 할 수도 있습니다. 이 또한 브리지를 통해 가능하며, BTC를 WBTC로 전환하여 이더리움에서 자금으로 사용할 수 있습니다.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   상단의 모든 작업은 <a href="/get-eth/">중앙화 거래소</a>에서도 실행할 수 있습니다. 하지만 자금이 이미 거래소에 등록되어 있지 않으면 여러 단계를 거쳐야 하며, 브리지를 사용하는 것이 더욱 간단합니다.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/ms/bridges/index.md b/public/content/translations/ms/bridges/index.md
index ff611e676c4..21171a3c4b6 100644
--- a/public/content/translations/ms/bridges/index.md
+++ b/public/content/translations/ms/bridges/index.md
@@ -59,9 +59,14 @@ Jika anda mempunyai ETH di Rangkaian Utama Ethereum dan anda ingin meneroka alt
 
 Katakan anda mahu memiliki Bitcoin asli (BTC), tetapi anda hanya mempunyai dana di Rangkaian Utama Ethereum. Untuk mendapatkan pendedahan kepada BTC pada Ethereum, anda boleh membeli Bitcoin Berbalut (WBTC). Walau bagaimanapun, WBTC ialah token [ERC-20](/glossary/#erc-20) asli kepada rangkaian Ethereum, yang bermaksud ia adalah versi Ethereum Bitcoin dan bukan aset asal pada blok rantai Bitcoin. Untuk memiliki BTC asli, anda perlu merapatkan aset anda daripada Ethereum kepada Bitcoin menggunakan jambatan. Ini akan merapatkan WBTC anda dan menukarnya kepada BTC asli. Sebagai alternatif, anda mungkin memiliki BTC dan ingin menggunakannya dalam protokol Ethereum [DeFi](/glossary/#defi) . Ini akan memerlukan merapatkan cara lain, dari BTC kepada WBTC yang kemudian boleh digunakan sebagai aset pada Ethereum.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Anda juga boleh melakukan semua perkara di atas menggunakan <a href="/get-eth/">pertukaran terpusat</a>. Namun, melainkan dana anda sudah berada di bursa, ia akan melibatkan beberapa langkah, dan anda mungkin akan lebih baik menggunakan jambatan.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/nl/bridges/index.md b/public/content/translations/nl/bridges/index.md
index 48b83e3a156..7310c6480f5 100644
--- a/public/content/translations/nl/bridges/index.md
+++ b/public/content/translations/nl/bridges/index.md
@@ -59,9 +59,14 @@ Als je ETH hebt op het Ethereum Mainnet en je een alt L1 wilt verkennen om hun e
 
 Laten we zeggen dat je native Bitcoin (BTC) wilt hebben, maar dat je alleen fondsen hebt op Ethereum Mainnet. Voor het krijgen van blootstelling aan BTC op Ethereum, kun je Wrapped Bitcoin (WBTC) kopen. WBTC is echter een [ERC-20](/glossary/#erc-20)-token dat hoort bij het Ethereum-netwerk, wat betekent dat het een Ethereum-versie van Bitcoin is en niet het oorspronkelijke activum op de Bitcoin-blockchain. Om je eigen BTC te bezitten, moet je je activa overbruggen van Ethereum naar Bitcoin met behulp van een brug. Dit zal je WBTC overbruggen en omzetten in echte BTC. Of je zou ook BTC kunnen bezitten die je wilt gebruiken in Ethereum [DeFi](/glossary/#defi)-protocollen. Hiervoor zou overbrugging de andere kant op vereisen, van BTC naar WBTC, dat vervolgens kan worden gebruikt als een activum op Ethereum.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Je kunt ook al het bovenstaande doen met behulp van een <a href="/get-eth/">gecentraliseerde exchange</a>. Tenzij je fondsen echter al op een exchange staan, zou dit meerdere stappen vergen, en dus ben je waarschijnlijk beter af met het gebruik van een brug.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/pcm/bridges/index.md b/public/content/translations/pcm/bridges/index.md
index cc1c9ef8b24..7e19ed373ac 100644
--- a/public/content/translations/pcm/bridges/index.md
+++ b/public/content/translations/pcm/bridges/index.md
@@ -59,9 +59,14 @@ If yu get ETH on top Ethereum Mainnet and yu wan eksplor one alt L1 to try out d
 
 Make wi sey yu wan own mative Bitcoin (BTC), but yu only get funds for Ethereum Mainnet. If yu wan gain eksposure to BTC for Ethereum, yu fit buy Wrapped Bitcoin (WBTC). Haueva, WBTC na [ERC-20](/glossary/#erc-20) token native to Ethereum netwok, and dis tin mean sey na Ethereum vashon of Bitcoin, and nor bi original asset for Bitcoin blockchain. To own native BTC, yu go nid bridge yor assets from Ethereum to Bitcoin as yu dey yus one bridge. Dis go bridge yor WBTC and konvert am into native BTC. Also, yu fit own BTC and wan yus am for Ethereum [DeFi](/glossary/#defi) protokols. Dis go nid to dey bridge di oda way, from BTC to WBTC wey dem fit kon yus as one asset on Ethereum.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Yu fit also do all of di above as yu dey yus one <a href="/get-eth/">sentralized ekshanj</a>. Haueva, onless yor funds don already dey on one ekshanj, im go nid plenti steps, and yu go fit get betta as yu dey yus bridge.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/pl/bridges/index.md b/public/content/translations/pl/bridges/index.md
index cca286d7824..48e55813ca6 100644
--- a/public/content/translations/pl/bridges/index.md
+++ b/public/content/translations/pl/bridges/index.md
@@ -59,9 +59,14 @@ Jeśli posiadasz ETH w sieci głównej Ethereum i chcesz odkryć alternatywną w
 
 Załóżmy, że chcesz posiadać natywny Bitcoin (BTC), ale masz środki tylko w sieci głównej Ethereum. Aby uzyskać ekspozycję na BTC na Ethereum, możesz kupić Wrapped Bitcoin (WBTC). WBTC jest jednak tokenem [ERC-20](/glossary/#erc-20) natywnym dla sieci Ethereum, co oznacza, że jest to wersja Bitcoina w Ethereum, a nie oryginalny zasób w blockchainie Bitcoin. Aby posiadać natywne BTC, musiałbyś połączyć swoje aktywa z Ethereum do Bitcoina za pomocą mostu. Spowoduje to zmostkowanie WBTC i przekształcenie go w natywny BTC. Ewentualnie możesz posiadać BTC i chcieć wykorzystać go w protokołach [DeFi](/glossary/#defi) Ethereum. Wymagałoby to mostkowania w drugą stronę, z BTC do WBTC, który można następnie wykorzystać jako aktywa na Ethereum.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Wszystkie powyższe czynności można również wykonać za pomocą <a href="/get-eth/">scentralizowanej giełdy</a>. Jeśli jednak Twoje środki nie znajdują się już na giełdzie, wymagałoby to wielu kroków i prawdopodobnie lepiej byłoby skorzystać z mostu.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/pt-br/bridges/index.md b/public/content/translations/pt-br/bridges/index.md
index 65061f3890c..97d1599cd2f 100644
--- a/public/content/translations/pt-br/bridges/index.md
+++ b/public/content/translations/pt-br/bridges/index.md
@@ -59,9 +59,15 @@ Se você tiver o ETH na Ethereum Mainnet e quiser explorar um alt L1 para experi
 
 Digamos que você queira possuir Bitcoin nativo (BTC), mas você só tem fundos na rede principal Ethereum. Para ganhar exposição à BTC na Ethereum, você pode comprar Bitcoin Envolvido (WBTC). No entanto, o WBTC é um token [ERC-20](/glossary/#erc-20) nativo da rede Ethereum, o que significa que é uma versão Ethereum do Bitcoin e não o ativo original na blockchain do Bitcoin. Para possuir BTC nativa, você teria que ligar os seus ativos do Ethereum para Bitcoin usando uma ponte. Isso converter suas WBTC em BTC nativa, por meio da ponte. Como alternativa, você pode possuir BTC e querer usá-lo nos protocolos[DeFi](/glossary/#defi) do Ethereum. Isso exigiria fazer uma ponte no caminho inverso, de BTC para WBTC, que logo poderia ser usada como um ativo no Ethereum.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Você também pode fazer tudo acima usando uma <a href="/get-eth/">exchange centralizada</a>. No entanto, a menos que seus fundos já estejam em uma exchange (corretora), isso envolveria vários passos, e você provavelmente estaria melhor usando uma ponte.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
+
 
 <Divider />
 
diff --git a/public/content/translations/ru/bridges/index.md b/public/content/translations/ru/bridges/index.md
index d0788306e3c..69f9464ad05 100644
--- a/public/content/translations/ru/bridges/index.md
+++ b/public/content/translations/ru/bridges/index.md
@@ -59,9 +59,14 @@ _Развитие Web3 привело к созданию экосистемы,
 
 Допустим, вы хотите владеть нативными биткойнами (BTC), но у вас есть средства только в основной сети Ethereum. Чтобы получить доступ к BTC в Ethereum, вы можете купить Wrapped Bitcoin (WBTC). Однако WBTC — это нативный токен [ERC-20](/glossary/#erc-20), созданный специально для сети Ethereum. Это означает, что это версия Bitcoin для Ethereum, а не исходный актив в блокчейне Bitcoin. Чтобы владеть нативным BTC, вам нужно будет перевести свои активы из Ethereum на Bitcoin с помощью моста. Это соединит мостом ваш WBTC и преобразует его в нативный BTC. Альтернативный вариант: у вас могут быть BTC, а вы захотите использовать их в [DeFi](/glossary/#defi)-протоколах Ethereum. Для этого потребуется другой мост, от BTC к WBTC, который затем можно будет использовать в качестве актива на Ethereum.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Вы также можете сделать все вышеперечисленное, используя <a href="/get-eth/">централизованную биржу</a>. Однако если ваши средства еще не находятся на бирже, это потребует нескольких шагов, и вам, вероятно, будет лучше использовать мост.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/sk/bridges/index.md b/public/content/translations/sk/bridges/index.md
index 3601c5cb55d..b4ca38313ce 100644
--- a/public/content/translations/sk/bridges/index.md
+++ b/public/content/translations/sk/bridges/index.md
@@ -59,9 +59,14 @@ Ak máte ETH na Ethereum Mainnet a chcete preskúmať alternatívne L1 blockchai
 
 Povedzme, že chcete vlastniť natívny bitcoin (BTC), ale máte prostriedky iba na Ethereum Mainnet. Aby ste získali BTC zastupený na Ethereu, môžete si kúpiť Wrapped Bitcoin (WBTC). WBTC je však token [ERC-20](/glossary/#erc-20), ktorý je natívny v sieti Ethereum, čo znamená, že ide o Ethereum verziu Bitcoinu a nie o pôvodné aktívum na Bitcoin blockchaine. Aby ste mohli vlastniť natívny BTC, museli by ste premostiť svoje aktíva z Etherea do Bitcoinu pomocou mosta. To premostí vaše WBTC a prevedie ich na natívny BTC. Prípadne môžete vlastniť BTC a používať ho v Ethereum [DeFi](/glossary/#defi) protokoloch. To by si vyžadovalo premostenie iným spôsobom, z BTC na WBTC, ktoré potom možno použiť ako aktívum v Ethereu.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Všetky vyššie uvedené činnosti môžete vykonať aj pomocou <a href="/get-eth/">centralizovanej výmeny</a>. Zahŕňalo by to viacero krokov a pravdepodobne by bolo lepšie použiť most, ak však vaše prostriedky už nemáte na centralizovanej burze.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/tl/bridges/index.md b/public/content/translations/tl/bridges/index.md
index 3dcdc1058e3..1b31b5cb82d 100644
--- a/public/content/translations/tl/bridges/index.md
+++ b/public/content/translations/tl/bridges/index.md
@@ -59,9 +59,14 @@ Kung mayroon kang ETH sa Ethereum Mainnet at nais mong magsaliksik ng isang alte
 
 Sabihin nating gusto mong magkaroon ng orihinal na Bitcoin (BTC), ngunit nasa Ethereum Mainnet lang ang iyong pondo. Upang magkaroon ng pagkakalantad sa BTC sa Ethereum, maaari kang bumili ng Wrapped Bitcoin (WBTC). Gayunpaman, ang WBTC ay isang [ERC-20](/glossary/#erc-20) orihinal na token sa network ng Ethereum, na nangangahulugang ito ay isang bersyon ng Bitcoin sa Ethereum at hindi ang orihinal na asset sa Bitcoin blockchain. Para magkaroon ng native na BTC, kailangan mong i-bridge ang iyong mga asset sa Bitcoin mula sa Ethereum gamit ang bridge. Ibi-bridge nito ang WBTC mo at gagawin nito itong original na BTC. Bilang kahalili, maaari kang magmay-ari ng BTC at gusto mong gamitin sa mga protocol [DeFi](/glossary/#defi) sa Ethereum. Magiging baliktad ang pag-bridge nito, mula sa BTC patungong WBTC na siyang magagamit bilang asset sa Ethereum.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Maaari mo ring gawin ang lahat ng nabanggit gamit ang isang <a href="/get-eth/">sentralisadong palitan</a>. Gayunpaman, maliban kung nasa isang palitan na ang iyong mga pondo, maraming hakbang ang kailangan para dito, at magiging mas mainam kung gumamit ka na lang ng bridge.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/tr/bridges/index.md b/public/content/translations/tr/bridges/index.md
index 45dde452dc4..54fd8d0edc8 100644
--- a/public/content/translations/tr/bridges/index.md
+++ b/public/content/translations/tr/bridges/index.md
@@ -59,9 +59,14 @@ Ethereum Ana Ağı'nda ETH'niz varsa ve diğer bir L1'i keşfedip yerel merkeziy
 
 Diyelim ki yerel zincirde Bitcoin'e (BTC) sahip olmak istiyorsunuz ama sadece Ethereum Ana Ağı'nda varlıklarınız var. Ethereum'da BTC sahibi olmak için Wrapped Bitcoin (WBTC) satın alabilirsiniz. Ancak WBTC bir Ethereum ağına özgü bir [ERC-20](/glossary/#erc-20) jetonudur. Bu da Bitcoin blokzincirindeki orijinal varlık değil, Bitcoin'in Ethereum versiyonu olduğu anlamına gelir. Yerel BTC'ye sahip olmak için varlıklarınızı Ethereum'dan Bitcoin'e bir köprü aracılığı ile aktarmanız gerekir. Bu WBTC'nizi köprüleyecek ve yerel BTC'ye dönüştürecektir. Alternatif olarak, BTC'ye sahip olabilir ve onu Ethereum [DeFi](/glossary/#defi) protokollerinde kullanmak isteyebilirsiniz. Bu da tersi yönünde, BTC'yi WBTC'ye köprülemeyi gerektirir. Bu şekide Ethereum'da bir varlık olarak kullanılabilir.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Ayrıca yukarıdaki her şeyi bir <a href="/get-eth/">merkezi borsa</a> aracılığıyla da yapabilirsiniz. Ancak varlıklarınız hali hazırda borsada değilse, birden çok adım gerektirecektir ve köprü kullanmanız daha iyi olacaktır.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/uk/bridges/index.md b/public/content/translations/uk/bridges/index.md
index 5d118f77888..909bb76da08 100644
--- a/public/content/translations/uk/bridges/index.md
+++ b/public/content/translations/uk/bridges/index.md
@@ -59,9 +59,14 @@ _Web3 перетворився на екосистему блокчейнів L1
 
 Припустімо, ви хочете володіти нативними біткойнами (BTC), але у вас є кошти лише в Ethereum Mainnet. Щоб отримати доступ до BTC на Ethereum, ви можете купити Wrapped Bitcoin (WBTC). Однак WBTC — це токен ERC-20, який є нативним для мережі Ethereum, тобто це версія Bitcoin для Ethereum, а не оригінальний актив у блокчейні Bitcoin. Щоб володіти нативним BTC, вам доведеться перевести свої активи з Ethereum на Bitcoin за допомогою мосту. Це з’єднає ваш WBTC та перетворить його на нативний BTC. Крім того, ви можете бути власником BTC та бажати використовувати його в протоколах Ethereum DeFi. Для цього знадобиться перехід від BTC до WBTC, який потім можна буде використовувати як актив на Ethereum.
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Ви також можете зробити все зазначене вище за допомогою <a href="/get-eth/">централізованого обмінника</a>. Але якщо ваші кошти вже не перебувають на біржі, це передбачає кілька кроків, і вам, імовірно, краще скористатися мостом.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/zh-tw/bridges/index.md b/public/content/translations/zh-tw/bridges/index.md
index fd253c00263..72831fc17ba 100644
--- a/public/content/translations/zh-tw/bridges/index.md
+++ b/public/content/translations/zh-tw/bridges/index.md
@@ -59,9 +59,14 @@ _Web 3 已發展成由一層和二層網路擴容解決方案組成的生態系
 
 假設你想擁有原生比特幣 (BTC)，但你的資金只存在於以太坊主網上。 要在以太坊上獲得比特幣，你可以購買包裝比特幣 (WBTC)。 然而，包裝比特幣是以太坊網路原生的 [ERC-20](/glossary/#erc-20) 代幣，這意味著它是以太坊版本的比特幣，而不是比特幣區塊鏈上的原始資產。 要擁有原生比特幣，你必須使用跨鏈橋將資產從以太坊轉移到比特幣。 這將會橋接包裝比特幣並轉換為原生比特幣。 或者，你可能擁有比特幣，並想在以太坊的[去中心化金融](/glossary/#defi)協定中使用它。 這將需要以另一種方式橋接，從比特幣到包裝比特幣，然後可將包裝比特幣作為以太坊上的資產。
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   你也可以使用 <a href="/get-eth/">中央化交易所</a> 完成上述所有操作。 但是，除非你已有資金在交易所內，否則會涉及多個步驟，而你可能會覺得使用跨鏈橋比較好。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/zh/bridges/index.md b/public/content/translations/zh/bridges/index.md
index 1d19d49a344..fb2db2cdcab 100644
--- a/public/content/translations/zh/bridges/index.md
+++ b/public/content/translations/zh/bridges/index.md
@@ -59,9 +59,14 @@ _Web3 已经发展成为一个由一层网络区块链和二层网络扩展解
 
 如果你只有以太坊网络资产但想拥有原生比特币， 你可以先兑换得到以太坊上的 BTC - WBTC（Wrapped Bitcoin）， 然而，包装比特币是以太坊网络的原生 [ERC-20](/glossary/#erc-20) 代币，这意味着它是比特币的以太坊版本，而不是比特币区块链上的原始资产。 然后你可以通过跨链桥，将资产从以太坊网络跨到比特币网络， 即将 WBTC 转换为原生 BTC。 或者，你可能拥有比特币，并且想在以太坊的[去中心化金融](/glossary/#defi)协议中使用它。 用于以太坊网络的 DeFi 协议中。
 
-<InfoBanner shouldCenter emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   你还可以使用<a href="/get-eth/">中心化交易所</a>完成上述所有操作。 但是，除非你的资金已经在交易所，否则将涉及多个步骤，而且你最好使用桥梁。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/src/components/MdComponents/index.tsx b/src/components/MdComponents/index.tsx
index b4aaa04c867..8f5cc3e031e 100644
--- a/src/components/MdComponents/index.tsx
+++ b/src/components/MdComponents/index.tsx
@@ -22,6 +22,7 @@ import IssuesList from "../IssuesList"
 import LocaleDateTime from "../LocaleDateTime"
 import MainArticle from "../MainArticle"
 import { StandaloneQuizWidget } from "../Quiz/QuizWidget"
+import * as AlertComponents from "../ui/alert"
 import { ButtonLink } from "../ui/buttons/Button"
 import { Divider } from "../ui/divider"
 import { Flex } from "../ui/flex"
@@ -153,6 +154,7 @@ export const ContentContainer = (props: ComponentProps<"article">) => {
 
 // All custom React components
 export const reactComponents = {
+  ...AlertComponents,
   ButtonLink,
   Card,
   ContentContainer,
diff --git a/src/components/UpcomingEventsList.tsx b/src/components/UpcomingEventsList.tsx
index d2e4a0f0d05..c894670cec0 100644
--- a/src/components/UpcomingEventsList.tsx
+++ b/src/components/UpcomingEventsList.tsx
@@ -100,7 +100,7 @@ const UpcomingEventsList = () => {
   if (Object.keys(monthGroupedEvents)?.length) {
     return (
       <Alert variant="update">
-        <Emoji text=":information_source:" className="text-5xl" />
+        <Emoji text=":information_source:" className="text-4xl" />
         <AlertContent>
           <AlertDescription>
             {t("page-community-upcoming-events-no-events")}{" "}

From 01d6ef726ba94973d69178635a7f2596f8940079 Mon Sep 17 00:00:00 2001
From: Joe Chen <jiajuncjoe@gmail.com>
Date: Wed, 14 May 2025 17:23:48 +0800
Subject: [PATCH 04/13] refactor(md pages): migrate usage of InfoBanner to
 ui/alert

---
 .../stablecoins/_components/stablecoins.tsx   |   2 +-
 .../index.md                                  |   2 +-
 .../ar/roadmap/beacon-chain/index.md          |   9 +-
 .../translations/ar/roadmap/merge/index.md    |   8 +-
 .../ar/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/ar/web3/index.md  |  14 +-
 public/content/translations/az/defi/index.md  |   7 +-
 public/content/translations/be/defi/index.md  |   7 +-
 public/content/translations/be/nft/index.md   |   7 +-
 public/content/translations/be/web3/index.md  |  14 +-
 .../bg/roadmap/beacon-chain/index.md          |   9 +-
 .../translations/bg/roadmap/merge/index.md    |   8 +-
 public/content/translations/bn/defi/index.md  |   7 +-
 .../bn/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/ca/defi/index.md  |   7 +-
 .../ca/energy-consumption/index.md            |   9 +-
 public/content/translations/ca/nft/index.md   |   7 +-
 .../ca/roadmap/beacon-chain/index.md          |   9 +-
 .../content/translations/ca/security/index.md |  15 ++-
 .../how-to-translate/index.md                 |   7 +-
 public/content/translations/cs/defi/index.md  |   7 +-
 .../cs/energy-consumption/index.md            |   9 +-
 public/content/translations/cs/nft/index.md   |   7 +-
 .../cs/roadmap/danksharding/index.md          |   4 +-
 .../content/translations/cs/security/index.md |  15 ++-
 .../cs/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/cs/web3/index.md  |  14 +-
 .../translations/de/contributing/index.md     |   9 +-
 .../how-to-translate/index.md                 |   7 +-
 public/content/translations/de/defi/index.md  |   7 +-
 .../docs/consensus-mechanisms/pow/index.md    |   9 +-
 .../consensus-mechanisms/pow/mining/index.md  |   9 +-
 .../mining/mining-algorithms/ethash/index.md  |   9 +-
 .../pow/mining/mining-algorithms/index.md     |   9 +-
 .../hello-world-smart-contract/index.md       |   8 +-
 .../how-to-write-and-deploy-an-nft/index.md   |   8 +-
 .../de/energy-consumption/index.md            |   9 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../de/guides/how-to-swap-tokens/index.md     |   7 +-
 .../de/guides/how-to-use-a-bridge/index.md    |   7 +-
 .../de/guides/how-to-use-a-wallet/index.md    |   7 +-
 public/content/translations/de/nft/index.md   |   7 +-
 .../de/roadmap/beacon-chain/index.md          |   9 +-
 .../de/roadmap/danksharding/index.md          |   4 +-
 .../content/translations/de/roadmap/index.md  | 119 -----------------
 .../translations/de/roadmap/merge/index.md    |   8 +-
 .../de/roadmap/merge/issuance/index.md        |  24 +++-
 .../translations/de/roadmap/scaling/index.md  |   9 +-
 .../content/translations/de/security/index.md |  15 ++-
 .../de/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/de/web3/index.md  |  14 +-
 public/content/translations/el/defi/index.md  |   7 +-
 .../docs/consensus-mechanisms/pow/index.md    |   9 +-
 .../consensus-mechanisms/pow/mining/index.md  |   9 +-
 .../mining/mining-algorithms/ethash/index.md  |   9 +-
 .../pow/mining/mining-algorithms/index.md     |   9 +-
 .../el/energy-consumption/index.md            |   9 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../el/guides/how-to-swap-tokens/index.md     |   7 +-
 .../el/guides/how-to-use-a-bridge/index.md    |   7 +-
 .../el/guides/how-to-use-a-wallet/index.md    |   7 +-
 public/content/translations/el/nft/index.md   |   7 +-
 .../el/roadmap/beacon-chain/index.md          |   9 +-
 .../content/translations/el/roadmap/index.md  | 119 -----------------
 .../translations/el/roadmap/merge/index.md    |   8 +-
 .../el/roadmap/merge/issuance/index.md        |  24 +++-
 .../translations/el/roadmap/scaling/index.md  |   9 +-
 .../content/translations/el/security/index.md |  15 ++-
 .../el/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/el/web3/index.md  |  14 +-
 .../how-to-translate/index.md                 |   7 +-
 public/content/translations/es/defi/index.md  |   7 +-
 .../docs/consensus-mechanisms/pow/index.md    |   9 +-
 .../consensus-mechanisms/pow/mining/index.md  |   9 +-
 .../mining/mining-algorithms/ethash/index.md  |   9 +-
 .../pow/mining/mining-algorithms/index.md     |   9 +-
 .../hello-world-smart-contract/index.md       |   8 +-
 .../index.md                                  |   8 +-
 .../es/energy-consumption/index.md            |   9 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../es/guides/how-to-swap-tokens/index.md     |   7 +-
 .../es/guides/how-to-use-a-bridge/index.md    |   7 +-
 .../es/guides/how-to-use-a-wallet/index.md    |   7 +-
 public/content/translations/es/nft/index.md   |   7 +-
 .../es/roadmap/beacon-chain/index.md          |   9 +-
 .../es/roadmap/danksharding/index.md          |   4 +-
 .../content/translations/es/roadmap/index.md  | 119 -----------------
 .../translations/es/roadmap/merge/index.md    |   8 +-
 .../es/roadmap/merge/issuance/index.md        |  24 +++-
 .../translations/es/roadmap/scaling/index.md  |   9 +-
 .../content/translations/es/security/index.md |  15 ++-
 .../es/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/es/web3/index.md  |  14 +-
 .../how-to-translate/index.md                 |   7 +-
 public/content/translations/fa/defi/index.md  |   8 +-
 .../docs/consensus-mechanisms/pow/index.md    |   9 +-
 .../consensus-mechanisms/pow/mining/index.md  |   9 +-
 .../mining/mining-algorithms/ethash/index.md  |   9 +-
 .../pow/mining/mining-algorithms/index.md     |   9 +-
 .../fa/energy-consumption/index.md            |   9 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../fa/guides/how-to-swap-tokens/index.md     |   7 +-
 .../fa/guides/how-to-use-a-bridge/index.md    |   7 +-
 .../fa/guides/how-to-use-a-wallet/index.md    |   7 +-
 public/content/translations/fa/nft/index.md   |   7 +-
 .../fa/roadmap/beacon-chain/index.md          |   9 +-
 .../fa/roadmap/danksharding/index.md          |   4 +-
 .../content/translations/fa/roadmap/index.md  | 119 -----------------
 .../translations/fa/roadmap/merge/index.md    |   8 +-
 .../fa/roadmap/merge/issuance/index.md        |  24 +++-
 .../translations/fa/roadmap/scaling/index.md  |   9 +-
 .../content/translations/fa/security/index.md |  15 ++-
 .../fa/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/fa/web3/index.md  |  14 +-
 public/content/translations/fi/nft/index.md   |  14 +-
 public/content/translations/fil/defi/index.md |   8 +-
 .../fil/energy-consumption/index.md           |   9 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../fil/guides/how-to-swap-tokens/index.md    |   7 +-
 .../fil/guides/how-to-use-a-bridge/index.md   |   7 +-
 .../fil/guides/how-to-use-a-wallet/index.md   |   7 +-
 .../translations/fil/security/index.md        |  15 ++-
 .../fil/staking/withdrawals/index.md          |  18 ++-
 public/content/translations/fil/web3/index.md |  14 +-
 .../how-to-translate/index.md                 |   7 +-
 public/content/translations/fr/defi/index.md  |   7 +-
 .../docs/consensus-mechanisms/pow/index.md    |   9 +-
 .../consensus-mechanisms/pow/mining/index.md  |   9 +-
 .../mining/mining-algorithms/ethash/index.md  |   9 +-
 .../pow/mining/mining-algorithms/index.md     |   9 +-
 .../hello-world-smart-contract/index.md       |   8 +-
 .../index.md                                  |   8 +-
 .../fr/energy-consumption/index.md            |   9 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../fr/guides/how-to-swap-tokens/index.md     |   7 +-
 .../fr/guides/how-to-use-a-bridge/index.md    |   7 +-
 .../fr/guides/how-to-use-a-wallet/index.md    |   7 +-
 public/content/translations/fr/nft/index.md   |   7 +-
 .../fr/roadmap/beacon-chain/index.md          |   9 +-
 .../fr/roadmap/danksharding/index.md          |   4 +-
 .../content/translations/fr/roadmap/index.md  | 119 -----------------
 .../translations/fr/roadmap/merge/index.md    |   8 +-
 .../fr/roadmap/merge/issuance/index.md        |  24 +++-
 .../translations/fr/roadmap/scaling/index.md  |   9 +-
 .../content/translations/fr/security/index.md |  15 ++-
 .../fr/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/fr/web3/index.md  |  14 +-
 public/content/translations/ga/defi/index.md  |   7 +-
 .../ga/energy-consumption/index.md            |   9 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../ga/guides/how-to-swap-tokens/index.md     |   7 +-
 .../ga/guides/how-to-use-a-bridge/index.md    |   7 +-
 .../ga/guides/how-to-use-a-wallet/index.md    |   7 +-
 public/content/translations/ga/nft/index.md   |   7 +-
 .../content/translations/ga/payments/index.md |  14 +-
 .../ga/roadmap/beacon-chain/index.md          |   9 +-
 .../ga/roadmap/danksharding/index.md          |   4 +-
 .../content/translations/ga/roadmap/index.md  | 120 ------------------
 .../translations/ga/roadmap/merge/index.md    |   8 +-
 .../ga/roadmap/merge/issuance/index.md        |  24 +++-
 .../translations/ga/roadmap/scaling/index.md  |   9 +-
 .../content/translations/ga/security/index.md |  15 ++-
 .../ga/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/ga/web3/index.md  |  14 +-
 public/content/translations/ha/defi/index.md  |   7 +-
 public/content/translations/ha/nft/index.md   |   7 +-
 .../ha/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/ha/web3/index.md  |  14 +-
 public/content/translations/hi/defi/index.md  |   7 +-
 .../docs/consensus-mechanisms/pow/index.md    |   9 +-
 .../consensus-mechanisms/pow/mining/index.md  |   9 +-
 .../mining/mining-algorithms/ethash/index.md  |   9 +-
 .../pow/mining/mining-algorithms/index.md     |   9 +-
 .../hi/energy-consumption/index.md            |   9 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../hi/guides/how-to-swap-tokens/index.md     |   7 +-
 .../hi/guides/how-to-use-a-bridge/index.md    |   7 +-
 .../hi/guides/how-to-use-a-wallet/index.md    |   7 +-
 public/content/translations/hi/nft/index.md   |   7 +-
 .../hi/roadmap/beacon-chain/index.md          |   9 +-
 .../content/translations/hi/roadmap/index.md  | 119 -----------------
 .../translations/hi/roadmap/merge/index.md    |   8 +-
 .../hi/roadmap/merge/issuance/index.md        |  24 +++-
 .../translations/hi/roadmap/scaling/index.md  |   9 +-
 .../content/translations/hi/security/index.md |  15 ++-
 .../hi/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/hi/web3/index.md  |  14 +-
 public/content/translations/hr/nft/index.md   |   7 +-
 .../hr/roadmap/beacon-chain/index.md          |   9 +-
 .../translations/hr/roadmap/merge/index.md    |   8 +-
 .../how-to-translate/index.md                 |   7 +-
 public/content/translations/hu/defi/index.md  |   7 +-
 .../docs/consensus-mechanisms/pow/index.md    |   9 +-
 .../consensus-mechanisms/pow/mining/index.md  |   9 +-
 .../mining/mining-algorithms/ethash/index.md  |   9 +-
 .../pow/mining/mining-algorithms/index.md     |   9 +-
 .../hu/energy-consumption/index.md            |   9 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../hu/guides/how-to-swap-tokens/index.md     |   7 +-
 .../hu/guides/how-to-use-a-bridge/index.md    |   7 +-
 .../hu/guides/how-to-use-a-wallet/index.md    |   7 +-
 public/content/translations/hu/nft/index.md   |   7 +-
 .../hu/roadmap/beacon-chain/index.md          |   9 +-
 .../hu/roadmap/danksharding/index.md          |   4 +-
 .../content/translations/hu/roadmap/index.md  | 119 -----------------
 .../translations/hu/roadmap/merge/index.md    |   8 +-
 .../hu/roadmap/merge/issuance/index.md        |  24 +++-
 .../translations/hu/roadmap/scaling/index.md  |   9 +-
 .../content/translations/hu/security/index.md |  15 ++-
 .../hu/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/hu/web3/index.md  |  14 +-
 .../how-to-translate/index.md                 |   7 +-
 public/content/translations/id/defi/index.md  |   7 +-
 .../consensus-mechanisms/pow/mining/index.md  |   9 +-
 .../hello-world-smart-contract/index.md       |   8 +-
 .../how-to-write-and-deploy-an-nft/index.md   |   8 +-
 .../index.md                                  |   8 +-
 .../id/energy-consumption/index.md            |   9 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../id/guides/how-to-swap-tokens/index.md     |   7 +-
 .../id/guides/how-to-use-a-bridge/index.md    |   7 +-
 .../id/guides/how-to-use-a-wallet/index.md    |   7 +-
 public/content/translations/id/nft/index.md   |   7 +-
 .../id/roadmap/beacon-chain/index.md          |   9 +-
 .../id/roadmap/danksharding/index.md          |   4 +-
 .../content/translations/id/roadmap/index.md  | 119 -----------------
 .../translations/id/roadmap/merge/index.md    |   8 +-
 .../id/roadmap/merge/issuance/index.md        |  24 +++-
 .../translations/id/roadmap/scaling/index.md  |   9 +-
 .../content/translations/id/security/index.md |  15 ++-
 .../id/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/id/web3/index.md  |  14 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../ig/guides/how-to-swap-tokens/index.md     |   7 +-
 .../ig/guides/how-to-use-a-bridge/index.md    |   7 +-
 .../ig/guides/how-to-use-a-wallet/index.md    |   7 +-
 .../how-to-translate/index.md                 |   7 +-
 public/content/translations/it/defi/index.md  |   7 +-
 .../docs/consensus-mechanisms/pow/index.md    |   9 +-
 .../consensus-mechanisms/pow/mining/index.md  |   9 +-
 .../mining/mining-algorithms/ethash/index.md  |   9 +-
 .../pow/mining/mining-algorithms/index.md     |   9 +-
 .../hello-world-smart-contract/index.md       |   8 +-
 .../index.md                                  |   8 +-
 .../it/energy-consumption/index.md            |   9 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../it/guides/how-to-swap-tokens/index.md     |   7 +-
 .../it/guides/how-to-use-a-bridge/index.md    |   7 +-
 .../it/guides/how-to-use-a-wallet/index.md    |   7 +-
 public/content/translations/it/nft/index.md   |   7 +-
 .../it/roadmap/beacon-chain/index.md          |   9 +-
 .../it/roadmap/danksharding/index.md          |   4 +-
 .../content/translations/it/roadmap/index.md  | 119 -----------------
 .../translations/it/roadmap/merge/index.md    |   8 +-
 .../it/roadmap/merge/issuance/index.md        |  24 +++-
 .../translations/it/roadmap/scaling/index.md  |   9 +-
 .../content/translations/it/security/index.md |  15 ++-
 .../it/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/it/web3/index.md  |  14 +-
 .../how-to-translate/index.md                 |   7 +-
 public/content/translations/ja/defi/index.md  |   7 +-
 .../docs/consensus-mechanisms/pow/index.md    |   9 +-
 .../consensus-mechanisms/pow/mining/index.md  |   9 +-
 .../mining/mining-algorithms/ethash/index.md  |   9 +-
 .../pow/mining/mining-algorithms/index.md     |   9 +-
 .../hello-world-smart-contract/index.md       |   8 +-
 .../index.md                                  |   8 +-
 .../ja/energy-consumption/index.md            |   9 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../ja/guides/how-to-swap-tokens/index.md     |   7 +-
 .../ja/guides/how-to-use-a-bridge/index.md    |   7 +-
 .../ja/guides/how-to-use-a-wallet/index.md    |   7 +-
 public/content/translations/ja/nft/index.md   |   7 +-
 .../ja/roadmap/beacon-chain/index.md          |   9 +-
 .../ja/roadmap/danksharding/index.md          |   4 +-
 .../content/translations/ja/roadmap/index.md  | 119 -----------------
 .../translations/ja/roadmap/merge/index.md    |   8 +-
 .../ja/roadmap/merge/issuance/index.md        |  24 +++-
 .../translations/ja/roadmap/scaling/index.md  |   9 +-
 .../content/translations/ja/security/index.md |  15 ++-
 .../ja/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/ja/web3/index.md  |  14 +-
 public/content/translations/kn/defi/index.md  |   7 +-
 public/content/translations/ko/defi/index.md  |   7 +-
 .../ko/energy-consumption/index.md            |   9 +-
 .../content/translations/ko/security/index.md |  15 ++-
 .../ko/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/ko/web3/index.md  |  14 +-
 public/content/translations/ml/nft/index.md   |   7 +-
 .../ml/roadmap/beacon-chain/index.md          |   9 +-
 .../translations/ml/roadmap/merge/index.md    |   8 +-
 public/content/translations/mr/defi/index.md  |   7 +-
 public/content/translations/ms/defi/index.md  |   7 +-
 .../ms/energy-consumption/index.md            |   9 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../ms/guides/how-to-swap-tokens/index.md     |   7 +-
 .../ms/guides/how-to-use-a-bridge/index.md    |   7 +-
 .../ms/guides/how-to-use-a-wallet/index.md    |   7 +-
 public/content/translations/ms/nft/index.md   |   7 +-
 .../content/translations/ms/security/index.md |  15 ++-
 .../ms/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/ms/web3/index.md  |  14 +-
 public/content/translations/nl/defi/index.md  |   7 +-
 .../nl/energy-consumption/index.md            |   9 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../nl/guides/how-to-swap-tokens/index.md     |   7 +-
 .../nl/guides/how-to-use-a-bridge/index.md    |   7 +-
 .../nl/guides/how-to-use-a-wallet/index.md    |   7 +-
 public/content/translations/nl/nft/index.md   |   7 +-
 .../nl/roadmap/beacon-chain/index.md          |   9 +-
 .../nl/roadmap/danksharding/index.md          |   4 +-
 .../content/translations/nl/roadmap/index.md  | 119 -----------------
 .../translations/nl/roadmap/merge/index.md    |   8 +-
 .../nl/roadmap/merge/issuance/index.md        |  24 +++-
 .../translations/nl/roadmap/scaling/index.md  |   9 +-
 .../content/translations/nl/security/index.md |  15 ++-
 .../nl/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/nl/web3/index.md  |  14 +-
 public/content/translations/pcm/defi/index.md |   7 +-
 .../pcm/energy-consumption/index.md           |   9 +-
 public/content/translations/pcm/nft/index.md  |   7 +-
 .../translations/pcm/security/index.md        |  15 ++-
 .../pcm/staking/withdrawals/index.md          |  18 ++-
 public/content/translations/pcm/web3/index.md |  14 +-
 public/content/translations/pl/defi/index.md  |   7 +-
 .../pl/energy-consumption/index.md            |   9 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../pl/guides/how-to-swap-tokens/index.md     |   7 +-
 .../pl/guides/how-to-use-a-bridge/index.md    |   7 +-
 .../pl/guides/how-to-use-a-wallet/index.md    |   7 +-
 public/content/translations/pl/nft/index.md   |   7 +-
 .../pl/roadmap/beacon-chain/index.md          |   9 +-
 .../pl/roadmap/danksharding/index.md          |   4 +-
 .../content/translations/pl/roadmap/index.md  | 119 -----------------
 .../translations/pl/roadmap/merge/index.md    |   8 +-
 .../pl/roadmap/merge/issuance/index.md        |  24 +++-
 .../translations/pl/roadmap/scaling/index.md  |   9 +-
 .../content/translations/pl/security/index.md |  15 ++-
 .../pl/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/pl/web3/index.md  |  14 +-
 .../how-to-translate/index.md                 |   7 +-
 .../content/translations/pt-br/defi/index.md  |   7 +-
 .../docs/consensus-mechanisms/pow/index.md    |   9 +-
 .../consensus-mechanisms/pow/mining/index.md  |   9 +-
 .../mining/mining-algorithms/ethash/index.md  |   9 +-
 .../pow/mining/mining-algorithms/index.md     |   9 +-
 .../hello-world-smart-contract/index.md       |   8 +-
 .../index.md                                  |   8 +-
 .../pt-br/energy-consumption/index.md         |   9 +-
 .../index.md                                  |   7 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../pt-br/guides/how-to-swap-tokens/index.md  |   7 +-
 .../pt-br/guides/how-to-use-a-bridge/index.md |   7 +-
 .../pt-br/guides/how-to-use-a-wallet/index.md |   7 +-
 .../content/translations/pt-br/nft/index.md   |   7 +-
 .../pt-br/roadmap/beacon-chain/index.md       |   9 +-
 .../pt-br/roadmap/danksharding/index.md       |   4 +-
 .../translations/pt-br/roadmap/index.md       | 119 -----------------
 .../translations/pt-br/roadmap/merge/index.md |   8 +-
 .../pt-br/roadmap/merge/issuance/index.md     |  24 +++-
 .../pt-br/roadmap/scaling/index.md            |   9 +-
 .../translations/pt-br/security/index.md      |  15 ++-
 .../pt-br/staking/withdrawals/index.md        |  18 ++-
 .../content/translations/pt-br/web3/index.md  |  14 +-
 public/content/translations/pt/defi/index.md  |   7 +-
 public/content/translations/pt/nft/index.md   |   7 +-
 .../pt/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/ro/defi/index.md  |   7 +-
 .../consensus-mechanisms/pow/mining/index.md  |   9 +-
 .../index.md                                  |   8 +-
 .../ro/energy-consumption/index.md            |   9 +-
 public/content/translations/ro/nft/index.md   |  19 ++-
 .../ro/roadmap/beacon-chain/index.md          |   9 +-
 .../translations/ro/roadmap/merge/index.md    |   8 +-
 .../content/translations/ro/security/index.md |  15 ++-
 public/content/translations/ru/defi/index.md  |   7 +-
 .../consensus-mechanisms/pow/mining/index.md  |   9 +-
 .../ru/energy-consumption/index.md            |   9 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../ru/guides/how-to-swap-tokens/index.md     |   7 +-
 .../ru/guides/how-to-use-a-bridge/index.md    |   7 +-
 .../ru/guides/how-to-use-a-wallet/index.md    |   7 +-
 public/content/translations/ru/nft/index.md   |   7 +-
 .../ru/roadmap/beacon-chain/index.md          |   9 +-
 .../ru/roadmap/danksharding/index.md          |   4 +-
 .../content/translations/ru/roadmap/index.md  | 119 -----------------
 .../translations/ru/roadmap/merge/index.md    |   8 +-
 .../ru/roadmap/merge/issuance/index.md        |  24 +++-
 .../translations/ru/roadmap/scaling/index.md  |   9 +-
 .../content/translations/ru/security/index.md |  15 ++-
 .../ru/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/ru/web3/index.md  |  14 +-
 public/content/translations/se/nft/index.md   |  14 +-
 public/content/translations/sk/defi/index.md  |   7 +-
 .../sk/energy-consumption/index.md            |   9 +-
 public/content/translations/sk/nft/index.md   |   7 +-
 .../content/translations/sk/security/index.md |  15 ++-
 .../sk/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/sk/web3/index.md  |  14 +-
 .../contributing/translation-program/index.md |  18 ++-
 public/content/translations/sl/defi/index.md  |   7 +-
 .../sl/roadmap/beacon-chain/index.md          |   9 +-
 .../translations/sl/roadmap/merge/index.md    |   8 +-
 public/content/translations/sr/defi/index.md  |   7 +-
 public/content/translations/sr/nft/index.md   |   7 +-
 public/content/translations/sr/web3/index.md  |  14 +-
 public/content/translations/sw/nft/index.md   |   7 +-
 .../sw/roadmap/beacon-chain/index.md          |   9 +-
 public/content/translations/te/defi/index.md  |   7 +-
 .../te/roadmap/danksharding/index.md          |   4 +-
 public/content/translations/te/web3/index.md  |  14 +-
 public/content/translations/tl/defi/index.md  |   7 +-
 .../tl/energy-consumption/index.md            |   9 +-
 .../content/translations/tl/security/index.md |  15 ++-
 .../tl/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/tl/web3/index.md  |  14 +-
 .../how-to-translate/index.md                 |   7 +-
 public/content/translations/tr/defi/index.md  |   7 +-
 .../docs/consensus-mechanisms/pow/index.md    |   9 +-
 .../consensus-mechanisms/pow/mining/index.md  |   9 +-
 .../mining/mining-algorithms/ethash/index.md  |   9 +-
 .../pow/mining/mining-algorithms/index.md     |   9 +-
 .../hello-world-smart-contract/index.md       |   8 +-
 .../index.md                                  |   8 +-
 .../tr/energy-consumption/index.md            |   9 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../tr/guides/how-to-swap-tokens/index.md     |   7 +-
 .../tr/guides/how-to-use-a-bridge/index.md    |   7 +-
 .../tr/guides/how-to-use-a-wallet/index.md    |   7 +-
 public/content/translations/tr/nft/index.md   |   7 +-
 .../tr/roadmap/beacon-chain/index.md          |   9 +-
 .../tr/roadmap/danksharding/index.md          |   4 +-
 .../content/translations/tr/roadmap/index.md  | 119 -----------------
 .../translations/tr/roadmap/merge/index.md    |   8 +-
 .../tr/roadmap/merge/issuance/index.md        |  24 +++-
 .../translations/tr/roadmap/scaling/index.md  |   9 +-
 .../content/translations/tr/security/index.md |  15 ++-
 .../tr/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/tr/web3/index.md  |  14 +-
 public/content/translations/uk/defi/index.md  |   7 +-
 .../uk/energy-consumption/index.md            |   9 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../uk/guides/how-to-swap-tokens/index.md     |   7 +-
 .../uk/guides/how-to-use-a-bridge/index.md    |   7 +-
 .../uk/guides/how-to-use-a-wallet/index.md    |   7 +-
 public/content/translations/uk/nft/index.md   |   7 +-
 .../uk/roadmap/beacon-chain/index.md          |   9 +-
 .../content/translations/uk/roadmap/index.md  | 119 -----------------
 .../translations/uk/roadmap/merge/index.md    |   8 +-
 .../uk/roadmap/merge/issuance/index.md        |  24 +++-
 .../translations/uk/roadmap/scaling/index.md  |   9 +-
 .../content/translations/uk/security/index.md |  15 ++-
 .../uk/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/uk/web3/index.md  |  14 +-
 public/content/translations/uz/defi/index.md  |   7 +-
 public/content/translations/uz/nft/index.md   |   7 +-
 .../uz/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/uz/web3/index.md  |  14 +-
 public/content/translations/vi/defi/index.md  |   7 +-
 public/content/translations/vi/nft/index.md   |   7 +-
 .../vi/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/vi/web3/index.md  |  14 +-
 public/content/translations/yo/defi/index.md  |   7 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../yo/guides/how-to-swap-tokens/index.md     |   7 +-
 .../yo/guides/how-to-use-a-bridge/index.md    |   7 +-
 .../yo/guides/how-to-use-a-wallet/index.md    |   7 +-
 public/content/translations/yo/nft/index.md   |   7 +-
 .../yo/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/yo/web3/index.md  |  14 +-
 .../how-to-translate/index.md                 |   7 +-
 .../content/translations/zh-tw/defi/index.md  |   7 +-
 .../docs/consensus-mechanisms/pow/index.md    |   9 +-
 .../consensus-mechanisms/pow/mining/index.md  |   9 +-
 .../mining/mining-algorithms/ethash/index.md  |   9 +-
 .../pow/mining/mining-algorithms/index.md     |   9 +-
 .../zh-tw/energy-consumption/index.md         |   9 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../zh-tw/guides/how-to-swap-tokens/index.md  |   7 +-
 .../zh-tw/guides/how-to-use-a-bridge/index.md |   7 +-
 .../zh-tw/guides/how-to-use-a-wallet/index.md |   7 +-
 .../content/translations/zh-tw/nft/index.md   |   7 +-
 .../zh-tw/roadmap/beacon-chain/index.md       |   9 +-
 .../zh-tw/roadmap/danksharding/index.md       |   4 +-
 .../translations/zh-tw/roadmap/index.md       | 119 -----------------
 .../translations/zh-tw/roadmap/merge/index.md |   8 +-
 .../zh-tw/roadmap/merge/issuance/index.md     |  24 +++-
 .../zh-tw/roadmap/scaling/index.md            |   9 +-
 .../translations/zh-tw/security/index.md      |  15 ++-
 .../zh-tw/staking/withdrawals/index.md        |  18 ++-
 .../content/translations/zh-tw/web3/index.md  |  14 +-
 .../how-to-translate/index.md                 |   7 +-
 public/content/translations/zh/defi/index.md  |   7 +-
 .../docs/consensus-mechanisms/pow/index.md    |   9 +-
 .../consensus-mechanisms/pow/mining/index.md  |   9 +-
 .../mining/mining-algorithms/ethash/index.md  |   9 +-
 .../pow/mining/mining-algorithms/index.md     |   9 +-
 .../hello-world-smart-contract/index.md       |   8 +-
 .../tutorials/run-node-raspberry-pi/index.md  |   4 +-
 .../index.md                                  |   8 +-
 .../zh/energy-consumption/index.md            |   9 +-
 .../index.md                                  |   7 +-
 .../index.md                                  |   7 +-
 .../how-to-revoke-token-access/index.md       |   7 +-
 .../zh/guides/how-to-swap-tokens/index.md     |   7 +-
 .../zh/guides/how-to-use-a-bridge/index.md    |   7 +-
 .../zh/guides/how-to-use-a-wallet/index.md    |   7 +-
 public/content/translations/zh/nft/index.md   |   7 +-
 .../zh/roadmap/beacon-chain/index.md          |   9 +-
 .../zh/roadmap/danksharding/index.md          |   4 +-
 .../content/translations/zh/roadmap/index.md  | 119 -----------------
 .../translations/zh/roadmap/merge/index.md    |   8 +-
 .../zh/roadmap/merge/issuance/index.md        |  24 +++-
 .../translations/zh/roadmap/scaling/index.md  |   9 +-
 .../content/translations/zh/security/index.md |  15 ++-
 .../zh/staking/withdrawals/index.md           |  18 ++-
 public/content/translations/zh/web3/index.md  |  14 +-
 public/content/web3/index.md                  |  14 +-
 src/components/InfoBanner.tsx                 |  68 ----------
 src/components/MdComponents/index.tsx         |   2 -
 src/layouts/Docs.tsx                          |   2 -
 src/layouts/Tutorial.tsx                      |   2 -
 544 files changed, 3710 insertions(+), 3712 deletions(-)
 delete mode 100644 public/content/translations/de/roadmap/index.md
 delete mode 100644 public/content/translations/el/roadmap/index.md
 delete mode 100644 public/content/translations/es/roadmap/index.md
 delete mode 100644 public/content/translations/fa/roadmap/index.md
 delete mode 100644 public/content/translations/fr/roadmap/index.md
 delete mode 100644 public/content/translations/ga/roadmap/index.md
 delete mode 100644 public/content/translations/hi/roadmap/index.md
 delete mode 100644 public/content/translations/hu/roadmap/index.md
 delete mode 100644 public/content/translations/id/roadmap/index.md
 delete mode 100644 public/content/translations/it/roadmap/index.md
 delete mode 100644 public/content/translations/ja/roadmap/index.md
 delete mode 100644 public/content/translations/nl/roadmap/index.md
 delete mode 100644 public/content/translations/pl/roadmap/index.md
 delete mode 100644 public/content/translations/pt-br/roadmap/index.md
 delete mode 100644 public/content/translations/ru/roadmap/index.md
 delete mode 100644 public/content/translations/tr/roadmap/index.md
 delete mode 100644 public/content/translations/uk/roadmap/index.md
 delete mode 100644 public/content/translations/zh-tw/roadmap/index.md
 delete mode 100644 public/content/translations/zh/roadmap/index.md
 delete mode 100644 src/components/InfoBanner.tsx

diff --git a/app/[locale]/stablecoins/_components/stablecoins.tsx b/app/[locale]/stablecoins/_components/stablecoins.tsx
index fd94c7aa8a0..7e2ffe30331 100644
--- a/app/[locale]/stablecoins/_components/stablecoins.tsx
+++ b/app/[locale]/stablecoins/_components/stablecoins.tsx
@@ -403,7 +403,7 @@ const StablecoinsPage = ({ markets, marketsHasError }: Props) => {
               </Tooltip>
             </H3>
             <Alert className="mb-4" variant="warning">
-              <Emoji text="⚠️" className="text-8xl" />
+              <Emoji text="⚠️" className="text-4xl" />
               {t("page-stablecoins-algorithmic-disclaimer")}
             </Alert>
             <p className="mb-6">
diff --git a/public/content/guides/how-to-create-an-ethereum-account/index.md b/public/content/guides/how-to-create-an-ethereum-account/index.md
index 81183738774..03cb0ad0b0c 100644
--- a/public/content/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/guides/how-to-create-an-ethereum-account/index.md
@@ -47,7 +47,7 @@ Some apps will request you to save a secret "recovery phrase" (sometimes called
   <ButtonLink href="/guides/how-to-use-a-wallet">
     How to use a wallet
   </ButtonLink>
-  </AlertContent>
+</AlertContent>
 </Alert>
 </div>
 
diff --git a/public/content/translations/ar/roadmap/beacon-chain/index.md b/public/content/translations/ar/roadmap/beacon-chain/index.md
index 95791c0005f..eaf12539453 100644
--- a/public/content/translations/ar/roadmap/beacon-chain/index.md
+++ b/public/content/translations/ar/roadmap/beacon-chain/index.md
@@ -36,9 +36,14 @@ summaryPoint3: قدمت سلسلة المنارة منطق إجماع الآرا
 
 وقد جعل الانتقال إلى إثبات الحصة إثيريوم أكثر أمنًا ولا مركزية بالمقارنة مع إثبات العمل. وكلما زاد عدد الأشخاص الذين يشاركون في الشبكة، زادت اللامركزية وأصبحت الشبكة أكثر أمانًا ضد الهجمات.
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   إذا كنت مهتمًا بأن تصبح مدققًا وتساعد على تأمين الإثيريوم، <a href="/staking/">فتعلم المزيد عن تجميد العملات</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### إعداد التقسيم {#setting-up-for-sharding}
 
diff --git a/public/content/translations/ar/roadmap/merge/index.md b/public/content/translations/ar/roadmap/merge/index.md
index e8a5806e3b7..c49098a582a 100644
--- a/public/content/translations/ar/roadmap/merge/index.md
+++ b/public/content/translations/ar/roadmap/merge/index.md
@@ -37,9 +37,13 @@ summaryPoint4: يساهم الدمج في ترشيد استهلاك طاقة ا
 
 كما لم يُفقد أي سجل في الدمج. وبما أن الشبكة الرئيسة قد اندمجت مع سلسلة المنارة، فقد دمجت أيضًا سجل المعاملات للإثيريوم بِرُمَّته.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 كما قد غير هذا الانتقال إلى إثبات الحصة طريقة إصدار الإثيريوم. تعرف على المزيد بشأن <a href="/roadmap/merge/issuance/">إصدار الإثيريوم قبل وبعد الدمج</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### المستخدمون وحائزو الإثيريوم {#users-holders}
 
diff --git a/public/content/translations/ar/staking/withdrawals/index.md b/public/content/translations/ar/staking/withdrawals/index.md
index 5281175838e..293e057ca90 100644
--- a/public/content/translations/ar/staking/withdrawals/index.md
+++ b/public/content/translations/ar/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ summaryPoints:
 
 يلزم توفير عنوان للسحب لأي حساب مدقق قبل أن يصبح مؤهلاً لسحب عملة ETH من رصيده.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>يمكن تخصيص عنوان سحب واحد فقط لكل حساب مدقق ولمرة واحدة فقط.</strong> بمجرد اختيار العنوان وإرساله إلى طبقة الإجماع، لا يمكن التراجع عن هذا الإجراء أو التغيير. تحقق جيدًا من ملكية ودقة العنوان الذي تم تقديمه قبل الإرسال.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 لا يوجد <strong>أي تهديد على رصيدكم في الوقت الحالي</strong> في حال عدم تقديم عنوان سحب، بافتراض أن عبارة الأصل الذاكرة الخاصة بك لا تزال محفوظة بمكانٍ آمن بدون اتصال بالإنترنت، ولم يتم اختراقها بأي طريقة. سيؤدي عدم توفير عنوان سحب ببساطة إلى تراكم عملة ETH في حساب المدقق الخاص بك حتى يتم تقديم عنوان للسحب.
 
@@ -82,10 +87,15 @@ summaryPoints:
 
 عندما يتم جدولة مدقق ما لاقتراح الكتلة المقبلة، يلزم إنشاء قائمة انتظار للسحب، تصل إلى 16 عملية سحب مؤهلة. يتم إجراء ذلك من خلال البدء في الأساس بمؤشر المدقق 0، وتحديد أن هناك سحبًا مؤهلاً لهذا الحساب وفقًا لقواعد البروتوكول أو لا، وإضافته إلى قائمة الانتظار إن وجد. سيتابع المدقق الذي تم تعيينه لاقتراح الكتلة التالية من حيث توقفت الكتلة الأخيرة، ويتقدم بالترتيب إلى أجل غير مسمى.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 فكر في الساعة التناظرية. يشير عقرب الساعة إلى الساعات، يتحرك باتجاهٍ واحد ولا يتخطى أي ساعة، ويعيد دورته مرة أخرى بعد أن يصل إلى الرقم الأخير.<br/><br/>
 الآن بدلاً من 1 إلى 12، تخيل أن الساعة تحتوي على 0 إلى N<em>(إجمالي عدد حسابات المدقق التي تم تسجيلها على الإطلاق في طبقة إجماع الآراء، أكثر من 500000 ابتداءً من يناير 2023).</em><br/><br/>. يشير عقرب الساعة إلى المدقق التالي الذي يجب التحقق من أهليته لعمليات السحب. يبدأ عند 0، ويتقدم على طول الطريق دون تخطي أي حسابات. عندما يتم بلوغ آخر مدقق، تعود الدورة للبدء مرة أخرى.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### التحقق من أهلية حساب لعمليات السحب {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/ar/web3/index.md b/public/content/translations/ar/web3/index.md
index 64e080d7b7f..27e11ee393d 100644
--- a/public/content/translations/ar/web3/index.md
+++ b/public/content/translations/ar/web3/index.md
@@ -61,12 +61,15 @@ lang: ar
 
 يسمح الإصدار الثالث من الويب Web3 بالملكية المباشرة من خلال [الرموز المميزة غير القابلة للاستبدال (NFTs)](/glossary/#nft). فلا أحد، ولا حتى منشئو اللعبة، لديه القدرة على نزع ملكيتك. وإذا توقفت عن اللعب، يمكنك بيع أو تداول العناصر داخل اللعبة في الأسواق المفتوحة واسترداد قيمتها.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>تعرّف على المزيد عن NFTs</div>
   <ButtonLink href="/nft/">
     المزيد عن NFTs
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### مقاومة الرقابة {#censorship-resistance}
 
@@ -86,12 +89,15 @@ OnlyFans هو موقع محتوى للبالغين تم إنشاؤه بواسط
 
 ومع ذلك، يُعرّف الناس العديد من مجتمعات الإصدار الثالث من الويب Web3 على أنها منظمات لامركزية مستقلة (DAOs). كل هذه المجتمعات لديها مستويات مختلفة من اللامركزية والأتمتة عن طريق النص البرمجي. حاليًا، نحن نستكشف ماهية المنظمات اللامركزية المستقلة (DAOs) وكيف يمكن أن تتطور في المستقبل.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
   <ButtonLink href="/dao/">
     المزيد حول DAOs
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### الهوية {#identity}
 
diff --git a/public/content/translations/az/defi/index.md b/public/content/translations/az/defi/index.md
index c03f9f3d9a7..2d0399a3948 100644
--- a/public/content/translations/az/defi/index.md
+++ b/public/content/translations/az/defi/index.md
@@ -63,12 +63,15 @@ Ethereum bunun üzərində qurulur. Bitcoin kimi, qaydalar sizin üzərinizdə d
 
 Bu qəribə səslənir... "Mən niyə pulumu proqramlaşdırmaq istəyim"? Bununla belə, bu daha çox Ethereum-da tokenlərin standart xüsusiyyətidir. Hər kəs məntiqi ödənişlərə proqramlaşdıra bilər. Beləliklə, Bitcoin-in nəzarətini və təhlükəsizliyini maliyyə institutları tərəfindən göstərilən xidmətlərlə qarışdıra bilərsiniz. Bu, kriptovalyutalarla Bitcoin ilə edə bilməyəcəyiniz işləri yerinə yetirməyə imkan verir, məsələn, borc vermək və borc götürmək, ödənişləri planlaşdırmaq, indeks fondlarına investisiya qoymaq və s.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div>Ethereum-da yenisinizsə, sınamaq məqsədilə DeFi tətbiqləri üçün təkliflərimizi araşdırın.</div>
   <ButtonLink href="/dapps/?category=finance">
     DeFi tətbiqlərini kəşf edin
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## DeFi ilə nə edə bilərsiniz? {#defi-use-cases}
 
diff --git a/public/content/translations/be/defi/index.md b/public/content/translations/be/defi/index.md
index c3f44261b89..d7957248805 100644
--- a/public/content/translations/be/defi/index.md
+++ b/public/content/translations/be/defi/index.md
@@ -63,12 +63,15 @@ Ethereum пабудаваны на гэтым. Як і ў выпадку Біт
 
 Гучыць дзіўна... «Навошта мне праграмаваць мае грошы»? Аднак гэта хутчэй функцыя па змоўчванню для токенаў на Ethereum. Любы можа запраграмаваць логіку ў плацяжы. Таму вы можаце атрымаць кантроль і бяспеку Біткоіна ў спалучэнні з паслугамі, якія даюць фінансавыя ўстановы. Гэта дазволіць вам здзяйсняць аперацыі з крыптавалютамі, якія вы не можаце здзяйсняць з Біткоінам, такія як крэдытаванне і запазычанне, планаванне плацяжоў, інвеставанне ў індэксныя фонды і многае іншае.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Праглядзіце нашы прапановы па дадаткам DeFi, калі вы толькі асвойваецеся ў Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Даследаваць дадаткі DeFi
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Што вы можаце рабіць з дапамогай DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/be/nft/index.md b/public/content/translations/be/nft/index.md
index 1772a74b04a..ed16e8a717b 100644
--- a/public/content/translations/be/nft/index.md
+++ b/public/content/translations/be/nft/index.md
@@ -54,12 +54,15 @@ NFT выкарыстоўваюцца для многіх рэчаў, у тым 
 
 Магчыма, вы мастак, які хоча дзяліцца сваімі працамі з дапамогай NFT, не губляючы кантролю і прыбыткаў праз аплаты пасрэднікам. Вы можаце стварыць новы кантракт і ўказаць у ім колькасць NFT, іх уласцівасці і спасылку на пэўны твор. Як мастак, **вы можаце запраграмаваць у разумным кантракце ганарар**, які вам павінен выплачвацца (напрыклад, пералічваць 5% ад цаны продажу ўладальніку кантракту кожны раз, калі NFT перадаецца). Вы таксама заўсёды можаце даказаць, што вы стварылі NFT, таму што вы валодаеце [гаманцом](/glossary/#wallet), які разгарнуў кантракт. Вашы пакупнікі могуць лёгка даказаць, што яны валодаюць **сапраўдным NFT** з вашай калекцыі, таму што [адрас](/glossary/#address) іх гаманца звязаны з токенам у вашым разумным кантракце. Яны могуць выкарыстоўваць яго ва ўсёй экасістэме Ethereum, упэўненыя ў яго сапраўднасці.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Шукайце, купляйце або стварайце ўласныя творы мастацтва NFT ці прадметы калекцыяніравання...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Даведайцеся пра мастацтва NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Або падумайце аб білеце на спартыўнае мерапрыемства. Гэтак жа, як **арганізатар мерапрыемства можа выбраць, колькі квіткоў прадаць**, стваральнік NFT можа вырашыць, колькі копій існуе. Часам гэта дакладныя копіі, напрыклад, 5000 звычайных білетаў. Часам чаканіцца некалькі вельмі падобных, але кожны з іх трохі адрозніваецца, напрыклад білет з прызначаным месцам. Іх можна набываць і прадаваць аднарангава, не плацячы апрацоўшчыкам білетаў, і пакупнік заўсёды будзе ўпэўнены ў сапраўднасці білета, таму што ён можа праверыць адрас кантракту.
 
diff --git a/public/content/translations/be/web3/index.md b/public/content/translations/be/web3/index.md
index 7d7bf02537b..77a80150972 100644
--- a/public/content/translations/be/web3/index.md
+++ b/public/content/translations/be/web3/index.md
@@ -61,12 +61,15 @@ Web3 дае вам магчымасць валодання вашымі лічб
 
 Web3 дазваляе прамое валоданне праз [нятоесныя токены (NFT)](/glossary/#nft). Ніхто, нават стваральнікі гульні, не маюць улады забраць у вас права валодання. І, калі вы спыніце гульню, вы можаце прадаць або абмяняць свае прадметы ў гульні на адкрытых рынках і вярнуць іх каштоўнасць.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Даведайцеся больш пра NFT</div>
   <ButtonLink href="/nft/">
     Дакладней пра NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Устойлівасць да цэнзуры {#censorship-resistance}
 
@@ -86,12 +89,15 @@ DAOs тэхнічна вызначаюцца як дамоўленасці [ра
 
 Тым не менш, многія Web3 супольнасці вызначаюцца як DAOs. Гэтыя супольнасці маюць розныя ўзроўні дэцэнтралізацыі і аўтаматызацыі праз код. У дадзены момант мы даследуем, што такое DAOs, і як яны могуць развівацца ў будучыні.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
   <ButtonLink href="/dao/">
     More on DAOs
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Ідэнтычнасць {#identity}
 
diff --git a/public/content/translations/bg/roadmap/beacon-chain/index.md b/public/content/translations/bg/roadmap/beacon-chain/index.md
index ee82094b31c..ac8882ab1ed 100644
--- a/public/content/translations/bg/roadmap/beacon-chain/index.md
+++ b/public/content/translations/bg/roadmap/beacon-chain/index.md
@@ -36,9 +36,14 @@ summaryPoint3: Бийкън чейн въведе логиката на конс
 
 След прехода към доказателство-за-залог Eтереум стана значително по-сигурен и децентрализиран в сравнение с механизма за доказателство-за-работа. Колкото повече хора участват в мрежата, толкова по-децентрализирана и защитена от атаки става тя.
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Ако се интересувате от това да станете валидатор и да помогнете за защитата на Eтереум, <a href="/staking/">научете повече за залагането</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Настройки за фрагментиране {#setting-up-for-sharding}
 
diff --git a/public/content/translations/bg/roadmap/merge/index.md b/public/content/translations/bg/roadmap/merge/index.md
index aa04a025617..374b8228a4a 100644
--- a/public/content/translations/bg/roadmap/merge/index.md
+++ b/public/content/translations/bg/roadmap/merge/index.md
@@ -37,9 +37,13 @@ summaryPoint4: Сливането намали потреблението на 
 
 При сливането не бяха загубени никакви данни. При сливането на Основната мрежа с Бийкън чейн цялата хронология на трансакциите в Етереум също беше слята.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Този преход към доказателство-за-залог промени начина, по който се издава етер. Научете повече за <a href="/roadmap/merge/issuance/">издаването на етер преди и след сливането</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Потребители и собственици {#users-holders}
 
diff --git a/public/content/translations/bn/defi/index.md b/public/content/translations/bn/defi/index.md
index bf76dd4e4fd..8b30d2a1281 100644
--- a/public/content/translations/bn/defi/index.md
+++ b/public/content/translations/bn/defi/index.md
@@ -63,12 +63,15 @@ DeFi এর সম্ভাব্যতা দেখার সর্বোত্
 
 এটা অদ্ভুত শোনাচ্ছে... "কেন আমি আমার অর্থ প্রোগ্রাম করতে চাইব"? যাইহোক, এটি ইথেরিয়াম-এ টোকেনগুলির একটি ডিফল্ট বৈশিষ্ট্য। যে কেউ অর্থ প্রদানের মধ্যে যুক্তি প্রোগ্রাম করতে পারেন। সুতরাং আপনি আর্থিক প্রতিষ্ঠান প্রদত্ত পরিষেবাগুলোর পাশাপাশি বিটকয়েনের নিয়ন্ত্রণ এবং নিরাপত্তা পেতে পারেন। এটি আপনাকে ক্রিপ্টোকারেন্সিগুলোর সাথে এমন কিছু করতে দেয় যা আপনি বিটকয়েনের সাথে করতে পারবেন না যেমন ধার দেওয়া এবং ধার নেওয়া, অর্থ প্রদানের সময় নির্ধারণ করা, ইন্ডেক্স ফান্ডে বিনিয়োগ করা এবং আরও অনেক কিছু।
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>আপনি যদি ইথেরিয়াম-এ নতুন হন তবে চেষ্টা করতে DeFi অ্যাপ্লিকেশনগুলির জন্য আমাদের পরামর্শগুলি এক্সপ্লোর করুন।</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     DeFi অ্যাপগুলি ঘেটে দেখুন
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## আপনি DeFi দিয়ে কি করতে পারেন? {#defi-use-cases}
 
diff --git a/public/content/translations/bn/staking/withdrawals/index.md b/public/content/translations/bn/staking/withdrawals/index.md
index 285744ea141..711b8614946 100644
--- a/public/content/translations/bn/staking/withdrawals/index.md
+++ b/public/content/translations/bn/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Shanghai/Capella আপগ্রেডের আগে, আপনি আপন
 
 ETH এর ব্যালেন্স থেকে উত্তোলন করার যোগ্য হওয়ার আগে যেকোন ভ্যালিডেটর অ্যাকাউন্টকে একটি উত্তোলনের ঠিকানা প্রদান করতে হবে।
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>প্রতিটি ভ্যালিডেটর অ্যাকাউন্টে একবার শুধুমাত্র একটি উত্তোলনের ঠিকানা বরাদ্দ করা যাবে।</strong> একবার একটি ঠিকানা বেছে নেওয়া হলে এবং কনসেনসাস লেভেলে জমা দেওয়া হলে, এটি পূর্বাবস্থায় ফেরানো বা পরিবর্তন করা যাবে না। জমা দেওয়ার আগে প্রদত্ত ঠিকানার মালিকানা এবং যথার্থতা দুবার চেক করুন।
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 এটি প্রদান না করার জন্য <strong>এই সময়ের মধ্যে আপনার তহবিলের কোনও হুমকি নেই</strong>, ধরে নিচ্ছি যে আপনার মেমোনিক/সীড ফ্রেজ অফলাইনে নিরাপদ আছে এবং কোনওভাবেই কম্প্রোমাইজ হয়নি। উত্তোলনের ক্রেডেনশিয়াল যোগ করতে ব্যর্থ হলে ETH ভ্যালিডেটর অ্যাকাউন্টে উত্তোলনের ঠিকানা না দেওয়া পর্যন্ত লক করে রাখা হবে।
 
@@ -82,11 +87,16 @@ Shanghai/Capella আপগ্রেড পূর্বে স্টেক কর
 
 যখন একজন ভ্যালিডেটর পরবর্তী ব্লকের প্রস্তাব করার জন্য নির্ধারিত হন, তখন 16টি যোগ্য উত্তোলনের জন্য একটি উত্তোলন সারি তৈরি করতে হবে। এটি মূলত ভ্যালিডেটর ইনডেক্স 0 দিয়ে শুরু করে, প্রোটোকলের নিয়ম অনুসারে এই অ্যাকাউন্টের জন্য একটি যোগ্য উত্তোলন আছে কিনা তা নির্ধারণ করে এবং যদি থাকে তবে এটিকে সারিতে যোগ করে করা হয়। নিম্নোক্ত ব্লকটি প্রস্তাব করার জন্য সেট করা যাচাইকারী শেষটি যেখানে ছেড়ে গেছে সেখানেই উঠবে, অনির্দিষ্টকালের জন্য অগ্রসর হবে।
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 একটি এনালগ ঘড়ি সম্পর্কে চিন্তা করুন। ঘড়ির কাঁটা ঘণ্টার দিকে নির্দেশ করে, এক দিকে অগ্রসর হয়, কোনো ঘন্টা এড়িয়ে যায় না এবং শেষ সংখ্যায় পৌঁছানোর পরে আবার শুরু থেকে শুরু করে।<br/><br/>
 এখন 1 থেকে 12 এর পরিবর্তে, কল্পনা করুন যে ঘড়িতে 0 থেকে N পর্যন্ত কাঁটা আছে <em>(এখন পর্যন্ত কন্সেন্সাস লেয়ারে নিবন্ধিত হওয়া বৈধকারী অ্যাকাউন্টের মোট সংখ্যা, 2023 সালের জানুয়ারী পর্যন্ত 500,000 এর বেশি)।</em><br/><br/>
 ঘড়িতে থাকা হাতটি পরবর্তী যাচাইকারীর দিকে নির্দেশ করে যা যোগ্য উত্তোলনের জন্য পরীক্ষা করা দরকার। এটি 0 এ শুরু হয় এবং কোনো অ্যাকাউন্ট এড়িয়ে না গিয়েই চারদিকে ঘুরে এগিয়ে যায়। যখন শেষ ভ্যালিডেটরে এটি পৌঁছে যায়, চক্রটি আবার শুরু থেকে চলতে থাকে।
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### অর্থ উত্তোলনের জন্য একটি অ্যাকাউন্ট চেক করা হচ্ছে {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/ca/defi/index.md b/public/content/translations/ca/defi/index.md
index d0d17dc47fa..c641fc1a0c9 100644
--- a/public/content/translations/ca/defi/index.md
+++ b/public/content/translations/ca/defi/index.md
@@ -63,12 +63,15 @@ Ethereum desenvolupa tot això. Com Bitcoin, les regles no es poden canviar i to
 
 Sona estrany... «per què he de voler programar els meus diners»? En tot cas, aquesta és una característica per defecte dels tókens a Ethereum. Tothom pot programar lògica en els pagaments. Així teniu el control i la seguretat de Bitcoin juntament amb els serveis que proporcionen les institucions financeres. Això permet que feu coses amb criptomonedes que no podeu fer amb Bitcoin, com prestar i endeutar-te, programar pagaments, invertir en índexs, fons i altres.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Exploreu els nostres suggeriments d'aplicacions DeFi per provar-les, si sou novells a Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Exploreu aplicacions DeFi
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Què podeu fer amb DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/ca/energy-consumption/index.md b/public/content/translations/ca/energy-consumption/index.md
index 73bd59b11c2..f62e000879b 100644
--- a/public/content/translations/ca/energy-consumption/index.md
+++ b/public/content/translations/ca/energy-consumption/index.md
@@ -61,9 +61,14 @@ _També hem de tenir en compte que Ethereum no està limitat a simples transacci
 
 Mentre que el consum energètic d'Ethereum històricament ha estat substancial, hi ha hagut una gran inversió en temps de desenvolupament i intel·lecte en la transició des d'una validació de bloc més àvida d'energia a una més energèticament eficient. Citant [Bankless](http://podcast.banklesshq.com/), la millor forma de reduir l'energia consumida mitjançant la prova de treball és simplement «desconectant-la», que és l'aproximació que Ethereum s'ha proposat fer.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Si creieu que aquestes afirmacions són incorrectes o poden ser més exactes, plantegeu un problema o una PR. Són estimacions fetes per l'equip d'ethereum.org utilitzant informació accessible públicament i l'actual mapa d'Ethereum. Aquestes afirmacions no representen una promesa oficial des de la Fundació Ethereum.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Llegir-ne més {#further-reading}
 
diff --git a/public/content/translations/ca/nft/index.md b/public/content/translations/ca/nft/index.md
index a527dec790f..cffdcfb20ff 100644
--- a/public/content/translations/ca/nft/index.md
+++ b/public/content/translations/ca/nft/index.md
@@ -54,12 +54,15 @@ Els NFT són útils per a moltes coses, com ara:
 
 Potser sou un artista i voleu compartir la vostra obra utilitzant els NFT, sense perdre'n el control ni sacrificant els vostres beneficis en favor dels intermediaris. Podeu crear un nou contracte i especificar el número d'NFT, les seves propietats i un enllaç a alguna obra d'art específica. Com a artista, **podeu programar dins el contracte intel·ligent els drets d'autor** que hauríeu de pagar (p. ex. transferir el 5 % del preu de venda al propietari del contracte cada vegada que es transfereix un NFT). També podeu demostrar que heu creat els NFT perquè teniu la [cartera](/glossary/#wallet) que va desplegar el contracte. Els vostres compradors poden demostrar fàcilment que posseeixen un **NFT autèntic** de la vostra col·lecció perquè l'[adreça](/glossary/#address) de la seva cartera està associada amb un testimoni en el vostre contracte intel·ligent. Poden utilitzar-ho en tot l'ecosistema Ethereum, totalment segurs de la seva autenticitat.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Exploreu, compreu o creeu els vostres propis NFT d'art o col·leccionables...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Exploreu l'art NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 O penseu en un tiquet per a un esdeveniment esportiu. De la mateixa manera que un **organitzador d'un esdeveniment pot escollir quantes entrades vendre**, el creador d'un NFT pot decidir quantes rèpliques existeixen. De vegades són rèpliques exactes, com ara 5000 tiquets d'accés general. De vegades n'hi ha diversos encunyats que són molt similars, però cadascun lleugerament diferent, com ara un tiquet amb seient assignat. Poden comprar-se i vendre's d'igual a igual, sense pagar a gestors de bitllets i el comprador compta amb la garantia de l'autenticitat del bitllet, així tot comprovant la direcció del contracte.
 
diff --git a/public/content/translations/ca/roadmap/beacon-chain/index.md b/public/content/translations/ca/roadmap/beacon-chain/index.md
index 091d93d7404..a5f0dd4ba0d 100644
--- a/public/content/translations/ca/roadmap/beacon-chain/index.md
+++ b/public/content/translations/ca/roadmap/beacon-chain/index.md
@@ -29,9 +29,14 @@ La cadena de balisa introduirà la [prova de participació](/developers/docs/con
 
 Apostar i convertir-se en validador és més senzill que [minar](/developers/docs/consensus-mechanisms/pow/mining/) (la manera actual de mantenir la xarxa segura). I s'espera que això contribueixi a fer Ethereum més segur a llarg termini. Com més gent participi a la xarxa, més descentralitzada i segura serà davant dels atacs.
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Si us interessa ser validador i contribuir a protegir la cadena de balisa, <a href="/staking/">aquí podeu aprendre més sobre les apostes</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Això és un canvi important per una altra millora:[les cadenes de fragments](/roadmap/danksharding/).
 
diff --git a/public/content/translations/ca/security/index.md b/public/content/translations/ca/security/index.md
index 9eb6671feb6..fb1554a62ff 100644
--- a/public/content/translations/ca/security/index.md
+++ b/public/content/translations/ca/security/index.md
@@ -41,11 +41,12 @@ Una contrasenya forta no aporta molta més protecció si la contrasenya es revel
 
 ### Utilitzeu un gestor de contrasenyes {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     Un gestor de contrasenyes s'encarrega de crear contrasenyes úniques i fortes i se'n recordar d'elles! <strong>Recomanem</strong> encaridament utilitzar-ne un i la majoria són gratuïts!
   </div>
-</InfoBanner>
+</Alert>
 
 Recordar contrasenyes úniques i fortes per a cada compte que tingueu no és ideal. Un gestor de contrasenyes ofereix un emmagatzematge segur i encriptat per a totes les contrasenyes, a les quals podeu accedir amb una contrasenya mestra. També suggereixen una contrasenya forta quan us inscriviu a un nou servei, per tal que no hàgiu de crear-ne una. Molts gestors de contrasenyes també us diran si heu patit alguna violació de dades, la qual cosa us permetrà canviar les vostres contrasenyes abans de qualsevol atac maliciós.
 
@@ -68,7 +69,8 @@ Per provar que sou vosaltres, hi ha proves úniques que poden utilitzar-se per a
 
 La utilització de l'**autenticació de dos factors (2FA, per les seves sigles en anglès)** aporta un _factor de seguretat_ adicional per als vostres comptes en línia perquè només conèixer la vostra contrasenya (alguna cosa que només vosaltres sabeu) no sigui suficient per accedir al vostre compte. En la majoria dels casos, el segon factor és un codi de sis dígits aleatori, conegut com a **contrasenya temporal d'un sol ús (TOTP, per les seves sigles en anglès)**, la qual podeu obtenir mitjançant una aplicació d'autentificació com ara Google Authenticator o Authy. Funciona com a factor d'«alguna cosa que només vosaltres coneixeu», ja que la llavor que genera el codi temporal està emmagatzemada en el vostre dispositiu.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Nota: L'ús d'un 2FA basat en SMS és susceptible de
 <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">
@@ -80,7 +82,7 @@ i no és segur. Per una millor seguretat, utilitzeu un servei com ara{" "}
     </a>
      o <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Claus de seguretat {#security-keys}
 
@@ -204,11 +206,12 @@ Com a norma general, el personal no es comunicarà mai a través de canals priva
 - No permeteu mai a ningú accedir remotament al vostre ordinador
 - Nos us comuniqueu mai amb cap canal extern que no sigui designat per les organitzacions
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Atenció: encara que les estafes del tipus suport tinguin lloc generalment al Discord, també es poden donar en qualsevol aplicació de xat on hi hagi discussions sobre criptomonedes, incloent-hi el correu electrònic.
   </div>
-</InfoBanner>
+</Alert>
 
 ### Estafes de pesca de credencials {#phishing-scams}
 
diff --git a/public/content/translations/cs/contributing/translation-program/how-to-translate/index.md b/public/content/translations/cs/contributing/translation-program/how-to-translate/index.md
index 7f295fb18e4..d108e1a251a 100644
--- a/public/content/translations/cs/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/cs/contributing/translation-program/how-to-translate/index.md
@@ -76,9 +76,12 @@ Chcete se dozvědět více? Neváhejte a podívejte se na [dokumentaci k použí
 
 Jakmile dokončíte překlad (tj. všechny soubory pro obsahový blok ukazují 100 %), náš profesionální překladatelský servis obsah zkontroluje (a případně upraví). Jakmile je kontrola dokončena (tj. pokrok kontroly je 100 %), přidáme ho na web.
 
-<InfoBanner shouldCenter emoji=":warning:">
+<Alert variant="update">
+<Emoji text=":warning:" className="text-4xl"/>
+<AlertContent>
   Prosím, nepoužívejte strojový překlad. Všechny překlady budou před přidáním na web zkontrolovány. Pokud zjistíme, že vaše navržené překlady jsou strojové, budou odmítnuty a přispěvatelé, kteří často používají strojový překlad, budou z projektu odstraněni.
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Kontaktujte nás {#get-in-touch}
 
diff --git a/public/content/translations/cs/defi/index.md b/public/content/translations/cs/defi/index.md
index 373a9d7fb8a..8cecda4edf3 100644
--- a/public/content/translations/cs/defi/index.md
+++ b/public/content/translations/cs/defi/index.md
@@ -63,12 +63,15 @@ Na tom Ethereum staví. Stejně jako u Bitcoinu se pravidla nemohou změnit a p
 
 Zní to zvláštně... "Proč bych chtěl programovat své peníze"? Toto je však více než výchozí funkce tokenů na Ethereu. Každý může naprogramovat logiku do plateb. Takže můžete získat kontrolu a bezpečnost Bitcoinu v kombinaci se službami poskytovanými finančními institucemi. Díky tomu můžete s kryptoměnami dělat věci, které s Bitcoinem dělat nemůžete, jako je půjčování a vypůjčování, plánování plateb, investování do indexových fondů a další.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Prozkoumejte naše návrhy pro DeFi aplikace a vyzkoušet je, pokud jste v Ethereu noví.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Objevte DeFi aplikace
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Co můžete udělat s DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/cs/energy-consumption/index.md b/public/content/translations/cs/energy-consumption/index.md
index d2a36f68aa5..5c1a40df834 100644
--- a/public/content/translations/cs/energy-consumption/index.md
+++ b/public/content/translations/cs/energy-consumption/index.md
@@ -61,9 +61,14 @@ Zatímco spotřeba energie Etherea je velmi nízká, existuje také významné,
 
 Nativní platformy pro financování veřejných statků fungujících na principech web3, jako je [Gitcoin](https://gitcoin.co) mají i kola zaměřená na ochranu klimatu, díky čemuž stimulují ekologicky uvědomělý rozvoj na aplikační vrstvě Etherea. Prostřednictvím rozvoje těchto iniciativ (a dalších, např. [DeSci](/desci/)), se Ethereum stává environmentálně a sociálně pozitivní technologií.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Pokud si myslíte, že by tato stránka mohla být přesnější, založze prosím issue nebo PR. Statistiky na této stránce jsou odhady založené na veřejně dostupných datech – nepředstavují oficiální prohlášení nebo příslib týmu ethereum.org nebo Ethereum Foundation.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Další informace {#further-reading}
 
diff --git a/public/content/translations/cs/nft/index.md b/public/content/translations/cs/nft/index.md
index f4ea1e6172c..6eb229a664d 100644
--- a/public/content/translations/cs/nft/index.md
+++ b/public/content/translations/cs/nft/index.md
@@ -55,12 +55,15 @@ NFT se používají pro spoustu věcí, mezi které patří:
 
 Možná jste umělec, který chce zveřejnit svou práci pomocí NFT, aniž by ztratil kontrolu a přišel o své zisky kvůli prostředníkům. Můžete vytvořit nový kontrakt a zadat počet NFT, jejich vlastnosti a přidat odkaz na konkrétní umělecké dílo. Jako umělec **můžete do chytrého kontraktu naprogramovat licenční poplatky**, které by vám měly být vyplaceny (např. 5 % z prodejní ceny, což je vlastníkovi kontraktu vyplaceno pokaždé, když je NFT převedeno na novou adresu). Vždy také můžete prokázat, že jste toto NFT vytvořili, protože vlastníte [peněženku](/glossary/#wallet), která kontrakt vytvořila. Kupující mohou snadno prokázat, že vlastní **autentické NFT** z vaší kolekce, protože [adresa](/glossary/#address) jejich peněženky je spojena s tokenem ve vašem chytrém kontraktu. Mohou jej používat v celém ekosystému Etherea a jsou si jisti jeho pravostí.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Prozkoumejte, kupte nebo si vytvořte vlastní NFT umění...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Prozkoumat NFT umění
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Nebo si představte vstupenku na sportovní událost. Stejně jako **si organizátor události může vybrat, kolik vstupenek bude prodávat**, může se tvůrce NFT rozhodnout, kolik kopií vytvoří. Někdy se jedná o přesné kopie, jako je 5 000 všeobecných vstupenek. Někdy je vytvořených několik NFT, která jsou velmi podobná, ale každé mírně odlišné, jako například vstupenka s přiděleným sedadlem. Ty lze kupovat a prodávat peer-to-peer bez placení prodejcům vstupenek a kupující se vždy může ujistit o pravosti vstupenky pomocí kontroly adresy kontraktu.
 
diff --git a/public/content/translations/cs/roadmap/danksharding/index.md b/public/content/translations/cs/roadmap/danksharding/index.md
index 9407292be81..f4d542f267c 100644
--- a/public/content/translations/cs/roadmap/danksharding/index.md
+++ b/public/content/translations/cs/roadmap/danksharding/index.md
@@ -57,9 +57,9 @@ Pokud někdo zná náhodné body použité pro vytvoření závazku, je pro něj
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
   Ani Danksharding, ani Proto-Danksharding nesledují tradiční model „tříštění“, který má za cíl rozdělit blockchain do více částí. Shard chainy již nejsou součástí plánu. Místo toho Danksharding využívá ke škálování Etherea distribuované vzorkování dat napříč bloby. To je mnohem jednodušší na implementaci. Tento model je někdy označován jako „tříštění dat“.
-</InfoBanner>
+</Alert>
 
 ## Co je Danksharding? {#what-is-danksharding}
 
diff --git a/public/content/translations/cs/security/index.md b/public/content/translations/cs/security/index.md
index 47758e723ca..691ab150507 100644
--- a/public/content/translations/cs/security/index.md
+++ b/public/content/translations/cs/security/index.md
@@ -124,11 +124,12 @@ Obecně platí, že zaměstnanci s vámi nikdy nebudou komunikovat soukromými,
 - Nikdy nikomu neumožňujte vzdálený přístup k vašemu počítači
 - Nikdy nekomunikujte mimo kanály určené organizací
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Pozor: ačkoli k podvodům s podporou běžně dochází na Discordu, mohou se vyskytovat i v jiných chatovacích aplikacích, kde se diskutuje o kryptoměnách, včetně e-mailu.
   </div>
-</InfoBanner>
+</Alert>
 
 ### Podvod s 'Eth2' tokenem {#eth2-token-scam}
 
@@ -215,11 +216,12 @@ Silné heslo, které bylo odhaleno při úniku dat, již není silným heslem. W
 
 ### Používejte správce hesel {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     Správce hesel se postará o vytvoření silných a jedinečných hesel a jejich zapamatování! <strong>Vřele</strong> doporučujeme nějaký používat, většina z nich je zdarma!
   </div>
-</InfoBanner>
+</Alert>
 
 Pamatovat si silná a jedinečná hesla pro každý účet není ideální. Správce hesel nabízí bezpečné šifrované úložiště všech vašich hesel, ke kterým máte přístup prostřednictvím jednoho silného hlavního hesla. Při registraci do nové služby také doporučují silná hesla, abyste si nemuseli vytvářet vlastní. Mnoho správců hesel vám také oznámí, zda jste byli součástí úniku dat, a umožní vám změnit hesla dříve, než dojde ke škodlivým útokům.
 
@@ -242,11 +244,12 @@ Někdy můžete být požádáni o ověření své identity prostřednictvím je
 
 Používání **dvoufaktorového ověřování (2FA)** je dalším *bezpečnostním faktorem* pro vaše online účty. 2FA zajišťuje, že pouze mít vaše heslo nestačí k přístupu k účtu. Druhým faktorem je nejčastěji náhodný šestimístný kód, známý jako **jednorázové heslo (TOTP)**, ke kterému získáte přístup prostřednictvím autentizační aplikace, jako je Google Authenticator nebo Authy. Fungují jako "něco, co vlastníte", protože seed, který generuje časovaný kód, je uložen ve vašem zařízení.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Poznámka: Používání 2FA pomocí SMS je náchylné k <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">odcizení SIM karty</a> a není bezpečné. Pro nejlepší ochranu používejte službu jako <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> nebo <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Bezpečnostní klíče {#security-keys}
 
diff --git a/public/content/translations/cs/staking/withdrawals/index.md b/public/content/translations/cs/staking/withdrawals/index.md
index 7ab2d1549c2..aaa5793889a 100644
--- a/public/content/translations/cs/staking/withdrawals/index.md
+++ b/public/content/translations/cs/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Před upgradem Shanghai/Capella jste nemohli používat svůj vsazený ETH ani k
 
 Poskytnutí adresy pro výběr je povinným krokem pro jakýkoli účet validátoru, než bude mít nárok na výběr ETH ze svého zůstatku.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Každému účtu validátoru lze přiřadit pouze jednu adresu pro výběr, a to jednou.</strong> Jakmile je adresa vybrána a odeslána do konsensuální vrstvy, nelze to vrátit zpět ani znovu změnit. Před odesláním znovu zkontrolujte vlastnictví a správnost poskytnuté adresy.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Pokud adresu mezitím neposkytnete, <strong>nehrozí vašim finančním prostředkům žádné ohrožení</strong>, za předpokladu, že vaše mnemotechnická pomůcka nebo fráze zůstala v bezpečí offline a nebyla žádným způsobem kompromitována. Nepřidání přihlašovacích údajů pro výběr jednoduše ponechá ETH uzamčené v účtu validátoru tak, jak bylo, dokud nebyla poskytnuta adresa pro výběr.
 
@@ -82,11 +87,16 @@ Podívejte se na toto vysvětlení výběrů z vkladů Ethereum od Finematics:
 
 Když je naplánováno, že validátor navrhne další blok, je nutné sestavit frontu pro výběr až 16 způsobilých výběrů. To se provádí tak, že se původně začne s indexem validátoru 0, určí se, zda pro tento účet existuje způsobilý výběr podle pravidel protokolu, a pokud ano, přidá se do fronty. Validátor nastavený tak, aby navrhoval následující blok, bude pokračovat tam, kde skončil poslední, přičemž postupuje v pořadí neomezeně dlouho.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Představte si analogové hodiny. Ručička na hodinách ukazuje na hodinu, postupuje jedním směrem, nepřeskakuje žádné hodiny a nakonec se po dosažení posledního čísla opět přetočí na začátek.<br/><br/>
 Nyní si místo 1 až 12 představte, že hodiny mají 0 až N <em>(celkový počet účtů validátorů, které kdy byly zaregistrovány na vrstvě konsensu, přes 500 000 k lednu 2023).</em><br/> <br/>
 Ručička na hodinách ukazuje na další validátor, u kterého je třeba zkontrolovat oprávněné výběry. Začíná na 0 a postupuje stále dokola, aniž by přeskakovala jakýkoli účet. Když je dosaženo posledního validátoru, cyklus pokračuje zpět na začátek.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Kontrola účtu pro výběry {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/cs/web3/index.md b/public/content/translations/cs/web3/index.md
index e8666388943..97eed32d103 100644
--- a/public/content/translations/cs/web3/index.md
+++ b/public/content/translations/cs/web3/index.md
@@ -61,12 +61,15 @@ Web3 vám umožňuje vlastnit vaše digitální aktiva dosud nevídaným způsob
 
 Web3 umožňuje přímé vlastnictví prostřednictvím [nezaměnitelných tokenů (NFT)](/glossary/#nft). Nikdo, ani tvůrci hry, nemají moc vás vlastnictví zbavit. A pokud přestanete hrát, můžete své herní předměty prodat nebo vyměnit na veřejně přístupných tržištíích a získat tak zpět prostředky, které jste vynaložili na jejich pořízení.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Další informace o NFT</div>
   <ButtonLink href="/nft/">
     Více o NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Odolnost proti cenzuře {#censorship-resistance}
 
@@ -86,12 +89,15 @@ DAO jsou technicky definovány jako [chytré kontrakty](/glossary/#smart-contrac
 
 Lidé definují spoustu Web3 komunit jako DAO. Všechny tyto komunity mají různé úrovně decentralizace a automatizace v závislosti na kódu. V současné době jsme ve fázi výzkumu, co DAO jsou a jak by se mohly v budoucnu vyvíjet.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Více o DAO</div>
   <ButtonLink href="/dao/">
     Více o DAO
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Identita {#identity}
 
diff --git a/public/content/translations/de/contributing/index.md b/public/content/translations/de/contributing/index.md
index 4b08513e7b4..012e6204711 100644
--- a/public/content/translations/de/contributing/index.md
+++ b/public/content/translations/de/contributing/index.md
@@ -8,9 +8,14 @@ lang: de
 
 Die ethereum.org-Website, wie Ethereum im Großen und Ganzen, ist ein Open-Source-Projekt. Möchten Sie helfen, [den Zugang zu Ethereum zu verbessern](/about/), dann finden Sie hier Informationen, was Sie tun können.
 
-<InfoBanner shouldCenter emoji=":tada:">
+<Alert>
+<Emoji text=":tada:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Beanspruchen Sie Ihren POAP-Token an. Haben Sie 2022 einen Beitrag zu ethereum.org geleistet, dann wartet ein einzigartiger POAP auf Sie.{" "}<a href="#poap">Mehr zu POAPs</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Möglichkeiten zum Mitwirken {#ways-to-contribute}
 
diff --git a/public/content/translations/de/contributing/translation-program/how-to-translate/index.md b/public/content/translations/de/contributing/translation-program/how-to-translate/index.md
index 950da3b4b65..1f2d7ce72e9 100644
--- a/public/content/translations/de/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/de/contributing/translation-program/how-to-translate/index.md
@@ -76,9 +76,12 @@ Möchten Sie mehr erfahren? Sehen Sie sich die [Dokumentation zur Verwendung des
 
 Sobald Sie die Übersetzung abgeschlossen haben (d.h. alle Dateien für einen Inhaltsbereich 100% anzeigen), wird unser professioneller Übersetzungsdienst den Inhalt überprüfen (und möglicherweise bearbeiten). Sobald die Überprüfung abgeschlossen ist (d. h. der Überprüfungsfortschritt beträgt 100%), werden wir sie zur Website hinzufügen.
 
-<InfoBanner shouldCenter emoji=":warning:">
+<Alert variant="update">
+<Emoji text=":warning:" className="text-4xl"/>
+<AlertContent>
   Verwenden Sie keine maschinell erstellten Übersetzungen für das Projekt. Alle Übersetzungen werden vor der Veröffentlichung auf der Website überprüft. Wenn sich herausstellt, dass die von Ihnen vorgeschlagenen Übersetzungen maschinell erstellt wurden, werden sie abgelehnt und Übersetzerinnen und Übersetzer, die häufig maschinelle Übersetzungen verwenden, werden aus dem Projekt entfernt.
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Kontakt {#get-in-touch}
 
diff --git a/public/content/translations/de/defi/index.md b/public/content/translations/de/defi/index.md
index 404ec495656..2134149e62d 100644
--- a/public/content/translations/de/defi/index.md
+++ b/public/content/translations/de/defi/index.md
@@ -63,12 +63,15 @@ Darauf baut Ethereum auf. Wie bei Bitcoin, können die Regeln sich nicht ändern
 
 Das klingt merkwürdig... „Warum würde ich mein Geld programmieren wollen?“ Das ist tatsächlich eher ein Standardmerkmal der Token auf Ethereum. Jeder kann Logik in Zahlungen programmieren. Auf diese Weise erhalten Sie die Kontrolle und Sicherheit wie bei Bitcoin in Verbindung mit Dienstleistungen, die von Finanzinstituten bereitgestellt werden. Das eröffnet Möglichkeiten für Kryptowährungen, die mit Bitcoin nicht gegeben sind, wie z. B. das Vergeben oder Beanspruchen von Krediten, Terminplanung von Zahlungen, Investitionen in Indexfonds und vieles mehr.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Machen Sie sich mit unseren Vorschlägen für DeFi-Anwendungen vertraut und testen sie, wenn Sie neu bei Ethereum sind.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     DeFi-Apps entdecken
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Was kann man mit DeFi machen? {#defi-use-cases}
 
diff --git a/public/content/translations/de/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/de/developers/docs/consensus-mechanisms/pow/index.md
index 1ed800dad17..4272b482cd2 100644
--- a/public/content/translations/de/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/de/developers/docs/consensus-mechanisms/pow/index.md
@@ -6,9 +6,14 @@ lang: de
 
 Das Ethereum-Netzwerk hat zu Beginn einen Konsensmechanismus verwendet, der **[Proof-of-Work (PoW)](/developers/docs/consensus-mechanisms/pow)** beinhaltete. Das ermöglichte es den Nodes des Ethereum-Netzwerks, sich über den Status aller auf der Ethereum-Blockchain gespeicherten Informationen zu einigen, und verhinderte bestimmte Arten von wirtschaftlichen Angriffen. 2022 hat Ethereum jedoch Proof-of-Work abgeschaltet und stattdessen begonnen, [Proof-of-Stake](/developers/docs/consensus-mechanisms/pos) zu verwenden.
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
     Proof-of-Work ist inzwischen veraltet. Ethereum verwendet Proof-of-Work nicht mehr als Teil seines Konsensmechanismus. Stattdessen nutzt Ethereum Proof-of-Stake. Lesen Sie mehr über <a href="/developers/docs/consensus-mechanisms/pos/">Proof-of-Stake</a> und <a href="/staking/">Staking</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Voraussetzungen {#prerequisites}
 
diff --git a/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/index.md
index e8a2148bf3d..f4aaaefbf19 100644
--- a/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -4,9 +4,14 @@ description: Wie funktionierte das Ethereum-Mining?
 lang: de
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Proof-of-Work ist nicht mehr der zugrunde liegende Konsensmechanismus von Ethereum, was bedeutet, dass das Mining ausgeschaltet wurde. Stattdessen wird Ethereum von Validatoren gesichert, die ETH staken. Du kannst schon heute mit dem Staking deiner ETH beginnen. Lese mehr dazu unter <a href='/roadmap/merge/'>den Merge</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>Proof-of-Stake</a>, und <a href='/staking/'>Staking</a>. Diese Seite dient ausschließlich zu Archivierungszwecken, um Ereignisse rund um Ethereum zu dokumentieren.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Voraussetzungen {#prerequisites}
 
diff --git a/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index 7155339b8ae..3dad52a18c6 100644
--- a/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -4,9 +4,14 @@ description: Der Ethash-Algorithmus im Detail.
 lang: de
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
    Ethash war der Proof-of-Work-Mining-Algorithmus von Ethereum. Proof-of-work wurde nun **komplett abgeschaltet** und Ethereum wird jetzt stattdessen durch <a href="/developers/docs/consensus-mechanisms/pos/">Proof-of-Stake</a> gesichert. Lesen Sie mehr über <a href="/roadmap/merge/">die Zusammenführung</a>, <a href="/developers/docs/consensus-mechanisms/pos/">Proof-of-Stake</a> und <a href="/staking/">Staking</a>. Diese Seite dient dem geschichtlichen Interesse!  
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 [Ethash](https://github.com/ethereum/wiki/wiki/Ethash) ist eine modifizierte Version des [Dagger-Hashimoto](/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/dagger-hashimoto)-Algorithmus. Ethash-Proof-of-Work ist [speicherhart](https://wikipedia.org/wiki/Memory-hard_function), was die Algorithmus-ASIC resistent machen sollte. Zwar wurden schließlich Ethash-ASICs entwickelt, aber GPU-Mining war weiterhin eine gangbare Option, bis Proof-of-Work abgeschaltet wurde. Ethash wird immer noch verwendet, um andere Coins zu minen, die nicht auf Proof-of-Work-Netzwerken von Ethereum laufen.
 
diff --git a/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index 322aaa9ac6e..b0d2a13eaa6 100644
--- a/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -4,9 +4,14 @@ description: Ein detailierter Einblick in die Algorithmen, welche für das Ether
 lang: de
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Proof-of-work ist nicht länger Ethereums Konsensmechanismus. Dies bedeutet, dass das Minen abgeschaltet wurde. Ethereum wird stattdessen durch Validatoren gesichert, die ETH einsetzen. Sie können schon heute mit dem Staking von ETH beginnen. Lese mehr dazu unter <a href='/roadmap/merge/'>den Merge</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>Proof-of-Stake</a>, und <a href='/staking/'>Staking</a>. Diese Seite dient ausschließlich dem geschichtlichen Interesse.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Ethereum-Mining nutzte einen Algorithmus namens Ethash. Die Grundidee des Algorithmus besteht darin, dass der Miner versucht, durch Brute-Force-Berechnungen einen Nonce-Input zu finden, sodass der sich ergebende Hash-Wert kleiner ist als ein spezifischer Schwellenwert, der durch die berechnete Schwierigkeit festgelegt ist. Dieser Schwierigkeitsgrad kann dynamisch angepasst werden, sodass die Block-Produktion in regelmäßigen Intervallen ausgeführt werden kann.
 
diff --git a/public/content/translations/de/developers/tutorials/hello-world-smart-contract/index.md b/public/content/translations/de/developers/tutorials/hello-world-smart-contract/index.md
index f4539390f61..a3a8b09a3e0 100644
--- a/public/content/translations/de/developers/tutorials/hello-world-smart-contract/index.md
+++ b/public/content/translations/de/developers/tutorials/hello-world-smart-contract/index.md
@@ -233,9 +233,13 @@ PRIVATE_KEY = "your-metamask-private-key"
 
 Um diese mit unserem Code zu verbinden, werden wir diese Variablen in unserer `hardhat.config.js`-Datei in Schritt 13 referenzieren.
 
-<InfoBanner isWarning>
+<Alert variant="warning">
+<AlertContent>
+<AlertDescription>
 Führen Sie keinen Commit für <code>.env</code> aus. Stellen Sie sicher, dass Sie Ihre <code>.env</code>-Datei niemals an andere weitergeben, denn damit würden Sie Ihre geheimen Daten weitergeben. Wenn Sie die Versionskontrolle verwenden, fügen Sie Ihre <code>Env-Datei</code> zu einer Datei <a href="https://git-scm.com/docs/gitignore">gitignore</a> hinzu.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Schritt 12: Ethers.js installieren {#step-12-install-ethersjs}
 
diff --git a/public/content/translations/de/developers/tutorials/how-to-write-and-deploy-an-nft/index.md b/public/content/translations/de/developers/tutorials/how-to-write-and-deploy-an-nft/index.md
index 6aad0d521a3..b6a14bbab54 100644
--- a/public/content/translations/de/developers/tutorials/how-to-write-and-deploy-an-nft/index.md
+++ b/public/content/translations/de/developers/tutorials/how-to-write-and-deploy-an-nft/index.md
@@ -240,9 +240,13 @@ Ihre `.env`-Datei sollte nun wie folgt aussehen:
 
 Um nun die Verbindung mit unserem Code zu erstellen, werden wir diese Variablen in der Datei hardhat.config.js in Schritt 13 referenzieren.
 
-<InfoBanner isWarning>
+<Alert variant="warning">
+<AlertContent>
+<AlertDescription>
 Führen Sie keinen Commit für <code>.env</code> aus. Stellen Sie sicher, dass Sie Ihre <code>.env</code>-Datei niemals an andere weitergeben, denn damit würden Sie Ihre geheimen Daten weitergeben. Wenn Sie die Versionskontrolle verwenden, fügen Sie Ihre <code>Env-Datei</code> zu einer Datei <a href="https://git-scm.com/docs/gitignore">gitignore</a> hinzu.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Schritt 12: Ethers.js installieren {#install-ethers}
 
diff --git a/public/content/translations/de/energy-consumption/index.md b/public/content/translations/de/energy-consumption/index.md
index 50fef5901b3..e60ac93b0ab 100644
--- a/public/content/translations/de/energy-consumption/index.md
+++ b/public/content/translations/de/energy-consumption/index.md
@@ -61,9 +61,14 @@ Aufgrund des äußerst niedrigen Energieverbrauchs von Ethereum gibt es auch ein
 
 Native Web3-Finanzierungsplattformen für öffentliche Güter wie [Gitcoin](https://gitcoin.co) führen Klimarunden durch, um ein umweltbewusstes Bauen auf der Anwendungsebene von Ethereum zu fördern. Durch die Entwicklung dieser Initiativen (und anderen wie etwa [DeSci](/desci/)) wird Ethereum zu einer Technologie, die sowohl ökologisch als auch sozial einen positiven Beitrag leistet.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Wenn Sie denken, dass diese Seite präziser gestaltet werden kann, erstellen Sie bitte eine Anfrage oder einen Beitrag. Die Statistiken auf dieser Seite sind Schätzungen auf der Grundlage öffentlich verfügbarer Daten. Sie stellen keine offizielle Aussage oder Versprechen des ethereum.org-Teams oder der Ethereum Foundation dar.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Weiterführende Informationen {#further-reading}
 
diff --git a/public/content/translations/de/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/de/guides/how-to-create-an-ethereum-account/index.md
index 9f5c36dc13a..3dd15207710 100644
--- a/public/content/translations/de/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/de/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ Einige Apps werden Sie auffordern, eine geheime „Wiederherstellungsphrase“ (
 **Jede Person, die diese Phrase kennt, kann die Kontrolle über alle Geldmittel übernehmen.** Teilen Sie sie niemals mit irgendjemandem. Diese Phrase sollte 12 bis 24 zufällig generierte Wörter enthalten (die Reihenfolge der Wörter ist wichtig).
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>Wallet installiert?</b><br/>Erfahren Sie, wie Sie sie benutzen.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     So verwenden Sie eine Wallet
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 </div>
 
 Interessiert an anderen Anleitungen? Sehen Sie sich unsere [Schritt-für-Schritt-Anleitungen](/guides/) an
diff --git a/public/content/translations/de/guides/how-to-revoke-token-access/index.md b/public/content/translations/de/guides/how-to-revoke-token-access/index.md
index 66eaf0ae554..9cb9ebfbd0a 100644
--- a/public/content/translations/de/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/de/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ Wir empfehlen Ihnen, das Widerrufs-Tool nach einigen Minuten zu aktualisieren un
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Möchten Sie mehr erfahren?</div>
   <ButtonLink href="/guides/">
     Sehen Sie unsere anderen Anleitungen
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Häufig gestellte Fragen
 
diff --git a/public/content/translations/de/guides/how-to-swap-tokens/index.md b/public/content/translations/de/guides/how-to-swap-tokens/index.md
index 6fab9f803f5..f285ca88d10 100644
--- a/public/content/translations/de/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/de/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ Sie können den Fortschritt der Transaktion auf jedem Blockchain-Explorer ansehe
 Sie werden die getauschten Token automatisch in Ihrer Krypto-Wallet erhalten, wenn die Transaktion verarbeitet wurde.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Möchten Sie mehr erfahren?</div>
   <ButtonLink href="/guides/">
     Sehen Sie unsere anderen Anleitungen
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Häufig gestellte Fragen
 
diff --git a/public/content/translations/de/guides/how-to-use-a-bridge/index.md b/public/content/translations/de/guides/how-to-use-a-bridge/index.md
index 3907b780847..1787d229750 100644
--- a/public/content/translations/de/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/de/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ Dieser Vorgang sollte nicht länger als 10 Minuten dauern.
 Sie können [chainlist.org](http://chainlist.org) verwenden, um die RPC-Details des Netzwerks zu finden. Sobald das Netzwerk hinzugefügt wurde und die Transaktion abgeschlossen ist, sollten Sie die Token in Ihrer Wallet sehen.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Möchten Sie mehr erfahren?</div>
   <ButtonLink href="/guides/">
     Sehen Sie unsere anderen Anleitungen
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Häufig gestellte Fragen
 
diff --git a/public/content/translations/de/guides/how-to-use-a-wallet/index.md b/public/content/translations/de/guides/how-to-use-a-wallet/index.md
index c6e0bf1508b..d6df3a6bd20 100644
--- a/public/content/translations/de/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/de/guides/how-to-use-a-wallet/index.md
@@ -62,12 +62,15 @@ Ihre Adresse wird auf allen Ethereum Projekten dieselbe sein. Sie brauchen sich
 5. Bestätigen Sie die Signaturanfrage in Ihrer Wallet um die Verbindung herzustellen. **Das Signieren der dieser Nachricht benötigt kein zusätzliches ETH**.
 6. Das war's! Beginnen Sie, die App zu benutzen. Einige interessante Projekte finden Sie auf unserer [dApps-Seite](/dapps/#explore). <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Möchten Sie mehr erfahren?</div>
   <ButtonLink href="/guides/">
     Sehen Sie unsere anderen Anleitungen
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Häufig gestellte Fragen
 
diff --git a/public/content/translations/de/nft/index.md b/public/content/translations/de/nft/index.md
index 0f3e106a48a..93b4173cd0e 100644
--- a/public/content/translations/de/nft/index.md
+++ b/public/content/translations/de/nft/index.md
@@ -54,12 +54,15 @@ NFTs werden unter anderem für folgende Zwecke eingesetzt:
 
 Vielleicht sind Sie ein Künstler, der seine Werke mithilfe von NFTs verbreiten möchte, ohne die Kontrolle abzugeben und seine Gewinne an Zwischenhändler zu opfern. Sie können einen neuen Contract erstellen und die Anzahl der NFTs, ihre Eigenschaften und eine Verknüpfung zu einem bestimmten Kunstwerk angeben. Als Künstler **können Sie die Lizenzgebühren in den Smart Contract einprogrammieren**, die Ihnen gezahlt werden sollen (z. B. bei jeder Übertragung eines NFT werden 5 % des Verkaufspreises an den Vertragsinhaber überwiesen). Sie können auch jederzeit nachweisen, dass Sie die NFTs erstellt haben, da Sie die [Wallet](/glossary/#wallet) besitzen, die den Vertrag bereitgestellt hat. Ihre Käufer können leicht nachweisen, dass sie ein **authentisches NFT** aus Ihrer Sammlung besitzen, da ihre Wallet-[Adresse](/glossary/#address) mit einem Token in Ihrem Smart Contract verknüpft ist. Sie können ihn im gesamten Ethereum-Ökosystem verwenden und sich seiner Authentizität gewiss sein.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Entdecken, kaufen oder erstellen Sie Ihre eigene(n) NFT-Kunst/Sammelgegenstände ...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     NFT-Kunst entdecken
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Oder denken Sie an ein Ticket für ein Sportevent. So wie ein **Organisator einer Veranstaltung wählen kann, wie viele Tickets er verkaufen möchte**, kann der Ersteller eines NFT entscheiden, wie viele Repliken existieren. Manchmal handelt es sich dabei um genaue Repliken, wie etwa 5.000 Tickets mit freier Platzwahl. Manchmal werden auch mehrere Stücke geprägt, die zwar sehr ähnlich sind, aber doch leichte Unterschiede aufweisen, wie z. B. ein Ticket mit einem zugewiesenem Sitzplatz. Diese können auf Peer-to-Peer-Basis gekauft und verkauft werden, ohne dass Zwischenhändler dafür bezahlt werden müssen. Dabei kann sich der Käufer durch Überprüfung der Contract-Adresse stets von der Echtheit des Tickets überzeugen.
 
diff --git a/public/content/translations/de/roadmap/beacon-chain/index.md b/public/content/translations/de/roadmap/beacon-chain/index.md
index f6c93f00f58..a4214f90995 100644
--- a/public/content/translations/de/roadmap/beacon-chain/index.md
+++ b/public/content/translations/de/roadmap/beacon-chain/index.md
@@ -34,9 +34,14 @@ Der Wechsel zu Proof-of-Stake machte Ethereum wesentlich sicherer und dezentrali
 
 Und die Verwendung von Proof-of-Stake als Konsensmechanismus ist eine grundlegende Komponente für [das sichere, umweltfreundliche und skalierbare Ethereum, das wir jetzt haben](/roadmap/vision/).
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Wenn Sie Interesse daran haben ein Validator zu werden und bei der Sicherung von Ethereum mitwirken wollen können Sie hier mehr über das <a href="/staking/">Staking</a> erfahren.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Vorbereitung für Sharding {#setting-up-for-sharding}
 
diff --git a/public/content/translations/de/roadmap/danksharding/index.md b/public/content/translations/de/roadmap/danksharding/index.md
index 3c34bcbee13..b5cf55a83fe 100644
--- a/public/content/translations/de/roadmap/danksharding/index.md
+++ b/public/content/translations/de/roadmap/danksharding/index.md
@@ -57,9 +57,9 @@ Das ist korrekt. Wenn jemand die zufälligen Punkte kennt, die für das Commitme
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
   Weder Danksharding noch Proto-Danksharding folgen dem traditionellen „Sharding“-Modell, das auf die Aufteilung der Blockchain in mehrere Teile abzielt. Shardketten sind nicht mehr Teil der Roadmap. Stattdessen verwendet Danksharding verteiltes Daten-Sampling über Blobs, um Ethereum zu skalieren. Dies ist viel einfacher zu implementieren. Dieses Modell wird manchmal als "Data-Sharding" bezeichnet.
-</InfoBanner>
+</Alert>
 
 ## Was ist Danksharding? {#what-is-danksharding}
 
diff --git a/public/content/translations/de/roadmap/index.md b/public/content/translations/de/roadmap/index.md
deleted file mode 100644
index be3a24a8c63..00000000000
--- a/public/content/translations/de/roadmap/index.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: Ethereum-Roadmap
-description: Der Weg zu mehr Skalierbarkeit, Sicherheit und Nachhaltigkeit für Ethereum.
-lang: de
-template: roadmap
-image: /images/heroes/roadmap-hub-hero.jpg
-alt: "Ethereum-Roadmap"
-summaryPoints:
-buttons:
-  - 
-    content: Weitere Upgrades
-    toId: welche-veränderungen-kommen-werden
-  - 
-    content: Bisherige Upgrades
-    href: /history/
-    variant: Übersicht
----
-
-Ethereum ist bereits eine leistungsstarke Plattform für die globale Koordinierung, aber sie wird immer noch verbessert. Ein ehrgeiziges Paket von Verbesserungen wird Ethereum von seiner derzeitigen Form zu einer vollständig skalierten, maximal widerstandsfähigen Plattform ausbauen. Diese Upgrades sind in der Ethereum-Roadmap dargelegt.
-
-**Um mehr über frühere Upgrades von Ethereum zu erfahren, besuchen Sie bitte unsere [History](/history/) Seite**
-
-## Welche Veränderungen stehen bei Ethereum an? {#what-changes-are-coming}
-
-Die Ethereum-Roadmap beschreibt die spezifischen Verbesserungen, die in Zukunft am Protokoll vorgenommen werden sollen. Insgesamt wird die Roadmap den Ethereum-Nutzern folgende Vorteile bringen:
-
-<CardGrid>
-  <RoadmapActionCard
-    href="/roadmap/scaling"
-    title="Günstigere Transaktionen"
-    image="scaling"
-    description="Rollups are too expensive and rely on centralized components, causing users to place too much trust in their operators. The roadmap includes fixes for both of these problems."
-    buttonText="More on reducing fees"
-  />
-  <RoadmapActionCard
-    href="/roadmap/security"
-    title="Extra Sicherheit"
-    image="security"
-    description="Ethereum is already very secure but it can be made even stronger, ready to withstand all kinds of attack far into the future."
-    buttonText="More on security"
-  />
-  <RoadmapActionCard
-    href="/roadmap/user-experience"
-    title="Bessere Nutzererfahrung"
-    image="userExperience"
-    description="More support for smart contract wallets and light-weight nodes will make using Ethereum simpler and safer."
-    buttonText="More on user experience"
-  />
-  <RoadmapActionCard
-    href="/roadmap/future-proofing"
-    title="Zukunftssicherung"
-    image="futureProofing"
-    description="Ethereum researchers and developers are solving tomorrow's problems today, readying the network for future generations."
-    buttonText="More on future proofing"
-  />
-</CardGrid>
-
-## Warum braucht Ethereum eine Roadmap? {#why-does-ethereum-need-a-roadmap}
-
-Ethereum erhält regelmäßig Upgrades, die seine Skalierbarkeit, Sicherheit oder Nachhaltigkeit verbessern. Eine der Hauptstärken von Ethereum ist die Anpassung an neue Ideen, die aus Forschung und Entwicklung hervorgehen. Die Anpassungsfähigkeit gibt Ethereum die Flexibilität, sich neuen Herausforderungen zu stellen und mit den fortschrittlichsten technologischen Durchbrüchen Schritt zu halten.
-
-<RoadmapImageContent title="Wie die Roadmap definiert wird">
-
-Die Roadmap ist vor allem das Ergebnis jahrelanger Arbeit von Forschern und Entwicklern - da das Protokoll sehr technisch ist - aber jede motivierte Person kann sich daran beteiligen. Die Ideen entstehen in der Regel in Form von Diskussionen in einem Forum wie [ethresear.ch](https://ethresear.ch/), [Ethereum Magicians](https://ethereum-magicians.org/) oder auf dem Discord Server Eth R&D. Dabei kann es sich um Reaktionen auf neu entdeckte Schwachstellen, um Vorschläge von Organisationen, die auf der Anwendungsebene arbeiten (wie etwa [dapps](/glossary/#dapp) und Börsen), oder um bekannte Schwierigkeiten für Endbenutzer (wie etwa Kosten oder Transaktionsgeschwindigkeiten) handeln. Wenn diese Ideen ausgereift sind, können sie als [Ethereum Improvement Proposals](https://eips.ethereum.org/) vorgeschlagen werden. Dies alles geschieht öffentlich, so dass sich jeder aus der Community jederzeit einbringen kann.
-
-[Mehr über Ethereum-Governance](/governance/)
-
-</RoadmapImageContent>
-
-<InfoBanner mb={8}>
-  <h4 style={{ marginTop: 0 }}>Was war ETH2?</h4>
-
-  <p>Der Begriff „Eth2“ ​​wurde vor der Umstellung auf <a href="/glossary/#pos">Proof-of-Stake</a> häufig verwendet, um die Zukunft von Ethereum zu beschreiben. Er wurde jedoch <strong>zugunsten einer präziseren Terminologie schrittweise abgeschafft</strong>. Ursprünglich wurde der Begriff verwendet, um das Ethereum-Netzwerk vor der Umstellung auf Proof-of-Stake vom Netzwerk danach zu unterscheiden. Manchmal bezog er sich auch auf die verschiedenen Ethereum-Clients (<a href="/glossary/#execution-client">Ausführungsclients</a> wurden manchmal als ETH1-Clients und <a href="/glossary/#consensus-client">Konsensclients</a> manchmal als ETH2-Clients bezeichnet).</p>
-
-</InfoBanner>
-
-## Wird sich die Roadmap von Ethereum im Laufe der Zeit ändern? {#will-ethereums-roadmap-change-over-time}
-
-**Ja, fast ganz sicher**. Die Roadmap ist der aktuelle Plan für das Upgrade von Ethereum, der sowohl kurzfristige als auch zukünftige Pläne umfasst. Wir gehen davon aus, dass sich die Roadmap ändern wird, wenn neue Informationen und Technologien verfügbar werden.
-
-Denken Sie sich die Roadmap von Ethereum als eine Reihe von Intentionen zur Verbesserung der Plattform. Sie stellt die beste Hypothese der wichtigsten Forscher und Entwickler über den optimalen Weg in die Zukunft von Ethereum dar.
-
-## Wann wird die Roadmap fertiggestellt sein? {#when-will-the-roadmap-be-finished}
-
-Einige Upgrades haben eine niedrigere Priorität und werden wahrscheinlich in den nächsten 5–10 Jahren nicht implementiert (z. B. Quantenresistenz). **Genaue Zeitangaben für jedes Upgrade lassen sich nur schwer vorhersagen**, da an vielen Roadmap-Elementen parallel gearbeitet wird und diese mit unterschiedlicher Geschwindigkeit entwickelt werden. Die Dringlichkeit einer Aufrüstung kann sich auch im Laufe der Zeit in Abhängigkeit von externen Faktoren ändern (z. B. kann ein plötzlicher Sprung in der Leistung und Verfügbarkeit von Quantencomputern die Dringlichkeit einer quantenresistenten Kryptographie erhöhen).
-
-Eine Möglichkeit, die Entwicklung von Ethereum zu betrachten, ist die Vergleichung mit der biologischen Evolution. Ein Netzwerk, das in der Lage ist, sich an neue Herausforderungen anzupassen und fit zu bleiben, wird eher erfolgreich sein als eines, das sich gegen Veränderungen sträubt, obwohl mit zunehmender Leistung, Skalierbarkeit und Sicherheit des Netzwerks immer weniger Änderungen am Protokoll erforderlich sein werden.
-
-## Muss ich etwas tun, wenn es ein Upgrade gibt? {#do-i-have-to-do-anything-when-there-is-an-upgrade}
-
-Upgrades haben in der Regel keine Auswirkungen auf die Endnutzer, außer dass sie ein besseres Nutzererlebnis, ein sichereres Protokoll und vielleicht mehr <i>Optionen</i> für die Interaktion mit Ethereum bieten. **Reguläre Nutzer müssen sich weder aktiv an einem Upgrade beteiligen noch irgendetwas tun**, um ihre Assets zu sichern. [Knotenbetreiber](/glossary/#node) müssen ihre Clients aktualisieren, um sie auf ein Upgrade vorzubereiten. Einige Upgrades können zu Änderungen für Anwendungsentwickler führen. So können beispielsweise Aktualisierungen des Zeitablaufs dazu führen, dass Anwendungsentwickler historische Daten aus neuen Quellen abrufen.
-
-## Was ist mit The Verge, The Splurge, usw.? {#what-about-the-verge-splurge-etc}
-
-[Vitalik Buterin schlug eine Vision für die Ethereum-Roadmap](https://twitter.com/VitalikButerin/status/1741190491578810445) vor, die in mehrere Kategorien unterteilt war, die durch ihre Auswirkungen auf die Ethereum-Architektur miteinander verbunden sind. Sie enthielt:
-
-- **The Merge**: Upgrades im Zusammenhang mit der Umstellung von [Proof-of-Work](/glossary/#pow) auf [Proof-of-Stake](/glossary/#pos)
-- **The Surge**: Upgrades im Zusammenhang mit der Skalierbarkeit durch [Rollups](/glossary/#rollups) und Daten-Sharding
-- **The Scourge**: Upgrades in Bezug auf Zensurresistenz, Dezentralisierung und Protokollrisiken von [MEV](/glossary/#mev)
-- **The Verge**: Upgrades zur einfacheren Verifizierung von [Blöcken](/glossary/#block)
-- **The Purge**: Upgrades im Zusammenhang mit der Verringerung der Rechenkosten für den Betrieb von Knoten und der Vereinfachung des Protokolls
-- **The Splurge**: andere Upgrades, die nicht gut in die vorherigen Kategorien passen.
-
-Wir haben uns entschieden, diese Terminologie nicht zu verwenden, weil wir ein einfacheres und nutzerzentrierteres Modell verwenden wollten. Obwohl wir eine nutzerzentrierte Sprache verwenden, bleibt die Vision dieselbe wie die von Vitalik vorgeschlagene.
-
-## Wie verhält es sich mit Sharding? {#what-about-sharding}
-
-Beim Sharding wird die Ethereum-Blockchain so aufgeteilt, dass Untergruppen von [Validatoren](/glossary/#validator) nur für einen Bruchteil der Gesamtdaten verantwortlich sind. Ursprünglich sollte Ethereum auf diese Weise skaliert werden. Die [Layer-2-Rollups](/glossary/#layer-2) haben sich jedoch viel schneller entwickelt als erwartet und haben bereits für eine starke Skalierung gesorgt. Nach der Implementierung von Proto-Danksharding wird noch viel mehr Skalierung möglich sein. Das bedeutet, dass "Shard Chains" nicht mehr benötigt werden und von der Roadmap gestrichen wurden.
-
-## Suchen Sie nach spezifischen technischen Upgrades? {#looking-for-specific-technical-upgrades}
-
-- [Danksharding](/roadmap/danksharding) - Danksharding macht Layer-2-Rollups für Benutzer wesentlich billiger, indem es Ethereum-Blöcken "Blobs" von Daten hinzufügt.
-- [Staking withdrawals](/staking/withdrawals) - Das Shanghai/Capella-Upgrade ermöglichte Auszahlungen für die Staking-Funktion auf Ethereum, so dass die Leute ihre investierten ETH freischalten konnten.
-- [Single slot finality](/roadmap/single-slot-finality) - Anstatt fünfzehn Minuten zu warten, könnten Blöcke im selben Slot vorgeschlagen und abgeschlossen werden. Dies ist praktischer für Anwendungen und viel schwieriger zu attackieren.
-- [Proposer-builder separation](/roadmap/pbs) - Die Aufteilung der Aufgaben der Blockbildung und des Blockvorschlags auf verschiedene Validatoren schafft einen faireren, zensurresistenteren und effizienteren Weg für Ethereum, einen Konsensus zu erzielen.
-- [Secret leader election](/roadmap/secret-leader-election) - Durch geschickte Kryptographie kann sichergestellt werden, dass die Identität des aktuellen Blockantragstellers nicht bekannt gegeben wird, wodurch er vor bestimmten Arten von Angriffen geschützt ist.
-- [Account abstraction](/roadmap/account-abstraction)- Die Kontoabstraktion ist eine Klasse von Upgrades, die Smart-Contract-Wallets direkt auf Ethereum unterstützen, anstatt komplexe Middleware zu verwenden.
-- [Verkle trees](/roadmap/verkle-trees) - Verkle-Bäume sind eine Datenstruktur, die verwendet werden kann, um zustandslose Clients auf Ethereum zu ermöglichen. Diese "zustandslosen" Clients benötigen nur wenig Speicherplatz, sind aber dennoch in der Lage, neue Blöcke zu verifizieren.
-- [Statuslosigkeit](/roadmap/statelessness) – Statuslose Clients werden in der Lage sein, neue Blöcke zu überprüfen, ohne große Mengen an Daten speichern zu müssen. Dies bietet alle Vorteile des Betriebs einer Node mit nur einem kleinen Bruchteil der heutigen Kosten.
diff --git a/public/content/translations/de/roadmap/merge/index.md b/public/content/translations/de/roadmap/merge/index.md
index cba8f0ae4cf..9732e645f3e 100644
--- a/public/content/translations/de/roadmap/merge/index.md
+++ b/public/content/translations/de/roadmap/merge/index.md
@@ -37,9 +37,13 @@ Die Zusammenführung stellte den offiziellen Wechsel zur Verwendung der Beacon C
 
 Keine Historie ging bei der Zusammenführung verloren. Als Mainnet mit der Beacon Chain zusammengeführt wurde, wurde auch die gesamte Transaktionshistorie von Ethereum zusammengeführt.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Der Übergang zu Proof-of-Stake änderte die Art und Weise wie Ether benutzt wird. Erfahren Sie mehr über <a href="/roadmap/merge/issuance/">Etherausgabe vor und nach der Zusammenführung</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Benutzer und Halter {#users-holders}
 
diff --git a/public/content/translations/de/roadmap/merge/issuance/index.md b/public/content/translations/de/roadmap/merge/issuance/index.md
index cc2c4c36ba2..3585a76760b 100644
--- a/public/content/translations/de/roadmap/merge/issuance/index.md
+++ b/public/content/translations/de/roadmap/merge/issuance/index.md
@@ -54,11 +54,15 @@ Gesamt ETH Angebot: **~120,520,000 ETH** (zum Zeitpunkt von The Merge im Septemb
 - Ergibt **~620,500** ETH herausgegeben in einem Jahr
 - Daraus ergibt sich eine Inflationsrate von **ungefähr 0.52%** (620.5K pro Jahr / 119.3M insgesamt)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 <strong>Jährlicher Gesamtausgabesatz (Pre-Merge): ~4.61%</strong> (4.09% + 0.52%)<br/><br/>
 <strong>~88.7%</strong> der Ausgabe ging an die Miner auf der Ausführungs-Ebene (4.09 / 4.61 * 100)<br/><br/>
 <strong>~11.3%</strong> wurde an Staker auf der Konsensus-Ebene ausgegeben (0.52 / 4.61 * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Post-Merge (Gegenwart) {#post-merge}
 
@@ -84,18 +88,26 @@ Wenn mehr Validatoren aussteigen, wird die maximale Anzahl der ausscheidenden Va
 - Ausgabe der Ausführungs-Ebene: **0**
 - Ausgabe der Konsensus-Ebene: Wie oben beschrieben, **~0.52%** Jährliche Emissionsrate (mit insgesamt 14 Millionen ETH in Staking)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Jährlicher Gesamtausgabesatz: <strong>~0.52%</strong><br/><br/>
 Netto-Reduktion der jährlichen ETH-Emissionen: <strong>~88.7%</strong> ((4.61% - 0.52%) / 4.61% * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## <Emoji text=":fire:" size="1" />Der Burn {#the-burn}
 
 Die Gegenkraft zur ETH-Ausgabe ist die Geschwindigkeit, mit der die ETH verbrannt wird. Damit eine Transaktion auf Ethereum ausgeführt werden kann, muss eine Mindestgebühr (die so genannte "Grundgebühr") entrichtet werden, die je nach Netzwerkaktivität kontinuierlich (von Block zu Block) schwankt. Die Gebühr wird in ETH bezahlt und ist _erforderlich_, damit die Transaktion als gültig betrachtet wird. Diese Gebühr wird während des Transaktionsprozesses _verbrannt_, wodurch sie aus dem Verkehr gezogen wird.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Die Verbrennung von Gebühren wurde mit dem <a href="/history/#london">the London Upgrade</a> im August 2021 in Betrieb genommen und bleibt seit dem Merge unverändert.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Zusätzlich zu den Gebühren, die durch das London Upgrade verbrannt werden, können Validatoren auch mit Strafen belegt werden, wenn sie offline sind, oder schlimmer noch, ihr Stake kann gekürzt werden, wenn sie gegen bestimmte Regeln verstoßen, die die Netzsicherheit gefährden. Diese Strafen führen zu einer Verringerung des ETH-Guthabens dieses Validators, das nicht auf ein anderes Konto überwiesen wird, sondern effektiv verbrannt/aus dem Verkehr gezogen wird.
 
diff --git a/public/content/translations/de/roadmap/scaling/index.md b/public/content/translations/de/roadmap/scaling/index.md
index 07522766eb5..bb6aa5b6b9e 100644
--- a/public/content/translations/de/roadmap/scaling/index.md
+++ b/public/content/translations/de/roadmap/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 Ethereum wird mit Hilfe von [Layer 2s](/layer-2/#rollups) (auch bekannt als Rollups) skaliert, die Transaktionen zusammenfassen und den Output an Ethereum senden. Obwohl Rollups bis zu achtmal günstiger sind als das Ethereum Mainnet, kann man Rollups noch weiter optimieren, um die Kosten für die Endnutzer zu senken. Rollups stützen sich auch auf einige zentralisierte Komponenten, die mit zunehmender Reife der Rollups von den Entwicklern entfernt werden können.
 
-<InfoBanner mb={8} title="Transaktionskosten">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  Transaktionskosten
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>Die Rollups von heute sind etwa <strong>5- bis 20-mal</strong> günstiger als die Ethereum-Layer-1</li>
     <li>ZK-Rollups werden bald die Gebühren um <strong>~40-100x</strong> senken</li>
     <li>Bevorstehende Änderungen an Ethereum werden eine weitere <strong>~100-1000-fache</strong> Skalierung ermöglichen</li>
     <li style={{ marginBottom: 0 }}>Benutzer könnten von Transaktionskosten <strong>unter $0.001 </strong>profitieren</li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Daten günstiger machen {#making-data-cheaper}
 
diff --git a/public/content/translations/de/security/index.md b/public/content/translations/de/security/index.md
index 0dcb3e60024..01e64dd1124 100644
--- a/public/content/translations/de/security/index.md
+++ b/public/content/translations/de/security/index.md
@@ -122,11 +122,12 @@ Allgemein gilt: Mitarbeiter kommunizieren mit Ihnen nie über private, inoffizie
 - Erlauben Sie niemandem den Remote-Zugriff auf Ihren Computer
 - Kommunizieren Sie niemals außerhalb der von einer Organisation ausgewiesenen Kanäle
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Achtung: Obwohl Unterstützungsbetrug oft auf Discord erfolgt, ist es auch möglich, dass diese und auch andere Arten von Betrug auf anderen Chat-Plattformen, einschließlich per E-Mail, vorkommen können.
   </div>
-</InfoBanner>
+</Alert>
 
 ### „Eth2“-Token-Betrug {#eth2-token-scam}
 
@@ -213,11 +214,12 @@ Ein starkes Passwort, das im Rahmen einer Datenpanne offenbart wurde, ist kein s
 
 ### Verwendung von Kennwortmanagern {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     Ein Kennwortmanager ist hilfreich bei der Erstellung starker, einzigartiger Kennwörter und dabei sich diese zu merken! Wir empfehlen <strong>dringend</strong> die Verwendung eines Kennwortmanagers! Es gibt viele gute, kostenlose Angebote.
   </div>
-</InfoBanner>
+</Alert>
 
 Es ist nicht möglich, sich starke, einzigartige Kennwörter für jedes Konto zu merken, das Sie eingerichtet haben. Ein Kennwortmanager bietet Ihnen einen sicheren, verschlüsselten Speicher für all Ihre Kennwörter, auf den Sie über ein starkes Master-Kennwort zugreifen können. Ein solches Tool schlägt Ihnen auch starke Kennwörter vor, wenn Sie sich für einen neuen Dienst anmelden, sodass Sie keine eigenen erstellen müssen. Viele Kennwortmanager informieren Sie auch, wenn Sie von einem Datenleck betroffen sind, sodass Sie Ihre Kennwörter vor böswilligen Angriffen ändern können.
 
@@ -240,11 +242,12 @@ Sie werden möglicherweise gelegentlich aufgefordert, Ihre Identität mit einzig
 
 Die Nutzung der **Zwei-Faktor-Authentifizierung (2FA)** bietet einen zusätzlichen *Sicherheitsfaktor* für Ihre Online-Konten. 2FA sorgt dafür, dass Ihr Passwort allein nicht reicht, um auf ein Konto zuzugreifen. Meist ist der zweite Faktor ein zufälliger 6-stelliger Code, bekannt als ein **zeitabhängiges einmaliges Kennwort (Time-based One-time Password, TOTP)**, auf das Sie über eine Authentifizierungs-App wie Google Authenticator oder Authy Zugriff haben. Solche Apps funktionieren als „etwas, das Sie besitzen“-Faktor, da der Seed, der den Zeitcode generiert, auf Ihrem Gerät gespeichert ist.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Hinweis: SMS-basierte 2FA ist anfällig für <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM Jacking</a> und daher nicht sicher. Für das höchste Maß an Sicherheit nutzen Sie am besten einen Dienst wie <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> oder <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Sicherheitsschlüssel {#security-keys}
 
diff --git a/public/content/translations/de/staking/withdrawals/index.md b/public/content/translations/de/staking/withdrawals/index.md
index c334ae5b78b..a46f2053851 100644
--- a/public/content/translations/de/staking/withdrawals/index.md
+++ b/public/content/translations/de/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Vor dem Shanghai/Capella-Upgrade konnten Sie Ihr gestaktes ETH nicht verwenden o
 
 Die Angabe einer Auszahlungsadresse ist ein erforderlicher Schritt für jedes Validator-Konto, bevor es für die Abhebung von ETH aus seinem Guthaben infrage kommt.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Jedem Validatoren-Konto kann nur eine einzige Abhebungsadresse zugewiesen werden, und zwar nur einmal.</strong> Sobald eine Adresse ausgewählt und an die Konsensus-Ebene übermittelt wurde, lässt sich dieser Vorgang nicht mehr rückgängig machen. Überprüfen Sie die Besitzverhältnisse und die Richtigkeit der angegebenen Adresse, bevor Sie sie einreichen.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 In der Zwischenzeit besteht <strong>keine Bedrohung für Ihre Gelder</strong>, wenn Sie dies nicht tun, vorausgesetzt, Ihre Mnemonic-/Seed-Phrase ist offline sicher aufbewahrt und wurde in keiner Weise kompromittiert. Wenn keine Auszahlungsinformationen hinzugefügt werden, bleibt das ETH einfach im Validator-Konto gesperrt, wie es bislang der Fall war, bis eine Auszahlungsadresse angegeben wird.
 
@@ -82,11 +87,16 @@ Sehen Sie sich diese Erklärung für die Abhebungen von Ethereum von Finematics
 
 Es ist notwendig, dass ein Validator, der den nächsten Block vorschlagen soll, eine Warteschlange mit bis zu 16 zugelassenen Auszahlungen erstellt. Ursprünglich beginnt man mit dem Validator-Index 0 und prüft, ob es gemäß den Protokollregeln eine berechtigte Auszahlung für dieses Konto gibt. Ist dies der Fall, wird sie zur Warteschlange hinzugefügt. Der für den nächsten Block vorgesehene Validator knüpft ununterbrochen dort an, wo der vorherige aufgehört hat, und verfährt dabei in stetiger Reihenfolge.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Stellen Sie sich eine analoge Uhr vor. Der Zeiger der Uhr zeigt auf die Stunde, bewegt sich in eine Richtung, lässt keine Stunden aus und kehrt schließlich nach Erreichen der letzten Zahl wieder an den Anfang zurück.<br/><br/>
 Stellen Sie sich nun vor, dass die Uhr statt 1 bis 12 die Zahlen 0 bis N hat <em>(die Gesamtzahl der jemals auf der Konsensus-Ebene registrierten Validatoren-Konten, über 500.000 im Januar 2023).</em><br/><br/>
 Der Zeiger auf der Uhr zeigt auf den nächstenValidator, der auf zulässige Abhebungen geprüft werden muss. Es beginnt bei 0 und schreitet rundherum fort, ohne irgendwelche Konten zu überspringen. Wenn der letzte Validator erreicht ist, beginnt der Zyklus von vorne.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Überprüfung eines Kontos auf Auszahlungen {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/de/web3/index.md b/public/content/translations/de/web3/index.md
index 58a04255dc1..eff4f78e928 100644
--- a/public/content/translations/de/web3/index.md
+++ b/public/content/translations/de/web3/index.md
@@ -61,12 +61,15 @@ Web3 verschafft Ihnen auf eine beispiellose Weise das Eigentum an Ihren digitale
 
 Web3 ermöglicht direktes Eigentum durch [nicht-austauschbare Token (NFTs)](/glossary/#nft). Niemand, nicht einmal die Macher des Spiels, hat die Macht, Ihnen Ihr Eigentum wegzunehmen. Und sollten Sie mit dem Spielen aufhören, können Sie Ihre Spielgegenstände auf offenen Märkten verkaufen oder tauschen und so ihren Wert zurückerlangen.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Mehr über NFTs erfahren</div>
   <ButtonLink href="/nft/">
     Mehr zu NFTs
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Resistent gegenüber Zensur {#censorship-resistance}
 
@@ -86,12 +89,15 @@ DAOs werden technisch definiert als vereinbarte [Smart Contracts](/glossary/#sma
 
 Allerdings definieren Menschen viele Web3-Communities als DAOs. Diese Gemeinschaften haben alle unterschiedliche Ebenen der Dezentralisierung und Automatisierung per Code. Derzeit untersuchen wir, was DAOs sind und wie sie sich in Zukunft entwickeln könnten.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Erfahren Sie mehr über DAOs</div>
   <ButtonLink href="/dao/">
     Mehr über DAOs
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Identität {#identity}
 
diff --git a/public/content/translations/el/defi/index.md b/public/content/translations/el/defi/index.md
index 848b2a986c4..5da67d73b3b 100644
--- a/public/content/translations/el/defi/index.md
+++ b/public/content/translations/el/defi/index.md
@@ -64,12 +64,15 @@ H DeFi είναι ένας γενικός όρος για οικονομικά 
 
 Ακούγεται παράξενο... «γιατί να θέλω να προγραμματίσω τα χρήματά μου»; Ωστόσο, αυτό είναι περισσότερο μια προεπιλεγμένη δυνατότητα των ψηφιακών στοιχείων στο Ethereum. Οποιοσδήποτε μπορεί να προγραμματίσει κάτι λογικό σε πληρωμές. Έτσι, μπορείτε να πάρετε τον έλεγχο και την ασφάλεια του Bitcoin αναμειγνύοντας τις υπηρεσίες που παρέχονται από τα χρηματοπιστωτικά ιδρύματα. Αυτό σας επιτρέπει να κάνετε διάφορα με τα κρυπτονομίσματα που δεν μπορείτε να κάνετε με το Bitcoin, όπως να δανείσετε και να δανειστείτε, προγραμματισμό πληρωμών, επενδύσεις σε κεφάλαια και πολλά άλλα.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Δείτε τις προτάσεις μας για τις DeFi εφαρμογές για να τις δοκιμάσετε, αν είστε νέοι στο Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Εξερευνήστε εφαρμογές DeFi
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Τι μπορείτε να κάνετε με τη DeFi; {#defi-use-cases}
 
diff --git a/public/content/translations/el/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/el/developers/docs/consensus-mechanisms/pow/index.md
index aa66cd42b3f..d43dac9d62a 100644
--- a/public/content/translations/el/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/el/developers/docs/consensus-mechanisms/pow/index.md
@@ -6,9 +6,14 @@ lang: el
 
 Το δίκτυο Ethereum ξεκίνησε χρησιμοποιώντας έναν μηχανισμό συναίνεσης που περιλάμβανε την **[Απόδειξη εργασίας (PoW)](/developers/docs/consensus-mechanisms/pow)**. Αυτό επέτρεψε στους κόμβους του δικτύου Ethereum να συμφωνήσουν για την κατάσταση όλων των πληροφοριών που καταγράφονται στο Ethereum blockchain και απέτρεψε ορισμένα είδη οικονομικών επιθέσεων. Ωστόσο, το Ethereum απενεργοποίησε την απόδειξη εργασίας το 2022 και άρχισε να χρησιμοποιεί την [απόδειξη συμμετοχής](/developers/docs/consensus-mechanisms/pos).
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
     Η απόδειξη εργασίας έχει πλέον καταργηθεί. Το Ethereum δε χρησιμοποιεί πλέον την απόδειξη εργασίας ως μέρος του μηχανισμού συναίνεσής του. Αντίθετα, χρησιμοποιεί την απόδειξη συμμετοχής. Διαβάστε περισσότερα για την <a href="/developers/docs/consensus-mechanisms/pos/">απόδειξη συμμετοχής</a> και την <a href="/staking/">αποθήκευση κεφαλαίου</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Προαπαιτούμενα {#prerequisites}
 
diff --git a/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/index.md
index a57a48698f1..fa9d11b8892 100644
--- a/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -4,9 +4,14 @@ description: Μια εξήγηση λειτουργίας της κρυπτόρ
 lang: el
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Η απόδειξη εργασίας δεν αποτελεί πλέον μέρος του μηχανισμού συναίνεσης του Ethereum, πράγμα που σημαίνει ότι η κρυπτόρυξη έχει απενεργοποιηθεί. Αντίθετα, το Ethereum εξασφαλίζεται από επαληθευτές που έχουν αποθηκευμένο κεφάλαιο σε ETH. Μπορείτε να ξεκινήσετε την αποθήκευση των ETH σας σήμερα. Μάθετε περισσότερα για τη <a href='/roadmap/merge/'>Συγχώνευση</a>, την <a href='/developers/docs/consensus-mechanisms/pos/'>Απόδειξη Συμμετοχής</a> και την <a href='/staking/'>Αποθήκευση Κεφαλαίου</a>. Αυτή η σελίδα παρέχεται μόνο για ιστορικό ενδιαφέρον.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Προαπαιτούμενα {#prerequisites}
 
diff --git a/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index 8ef3ac32e10..f3eeb7e4450 100644
--- a/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -4,9 +4,14 @@ description: Μια λεπτομερής ματιά στον αλγόριθμο
 lang: el
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
    Το Ethash ήταν ο αλγόριθμος κρυπτόρυξης της απόδειξης εργασίας του Ethereum. Η απόδειξη εργασίας έχει τώρα **απενεργοποιηθεί εντελώς** και το Ethereum είναι πλέον ασφαλισμένο χρησιμοποιώντας <a href="/developers/docs/consensus-mechanisms/pos/">απόδειξη συμμετοχής</a>. Διαβάστε περισσότερα για τη <a href="/roadmap/merge/">Συγχώνευση</a>, <a href="/developers/docs/consensus-mechanisms/pos/">την Απόδειξη συμμετοχής</a> και την <a href="/staking/">Αποθήκευση κεφαλαίου</a>. Αυτή η σελίδα είναι για ιστορικό ενδιαφέρον!  
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Το [Ethash](https://github.com/ethereum/wiki/wiki/Ethash) είναι μια τροποποιημένη έκδοση του αλγορίθμου [Dagger-Hashimoto](/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/dagger-hashimoto). Η απόδειξη εργασίας Ethash είναι [δύσκολη στη μνήμη](https://wikipedia.org/wiki/Memory-hard_function), κάτι που πιστεύεται ότι καθιστούσε τον αλγόριθμο ανθεκτικό στα ASIC. Τα ASIC Ethash αναπτύχθηκαν τελικά αλλά η κρυπτόρυξη GPU ήταν ακόμα μια βιώσιμη επιλογή μέχρι να απενεργοποιηθεί η απόδειξη εργασίας. Το Ethash εξακολουθεί να χρησιμοποιείται για την κρυπτόρυξη άλλων νομισμάτων σε άλλα δίκτυα απόδειξης εργασίας που δεν είναι Ethereum.
 
diff --git a/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index 767dcabf7a2..1573ae4e280 100644
--- a/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -4,9 +4,14 @@ description: Μια λεπτομερής εξέταση των αλγορίθμ
 lang: el
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Η απόδειξη εργασίας δεν αποτελεί πλέον μέρος του μηχανισμού συναίνεσης του Ethereum, πράγμα που σημαίνει ότι η κρυπτόρυξη έχει απενεργοποιηθεί. Αντίθετα, το Ethereum εξασφαλίζεται από επαληθευτές που έχουν αποθηκευμένο κεφάλαιο σε ETH. Μπορείτε να ξεκινήσετε την αποθήκευση των ETH σας σήμερα. Μάθετε περισσότερα για τη <a href='/roadmap/merge/'>Συγχώνευση</a>, την <a href='/developers/docs/consensus-mechanisms/pos/'>Απόδειξη Συμμετοχής</a> και την <a href='/staking/'>Αποθήκευση Κεφαλαίου</a>. Αυτή η σελίδα παρέχεται μόνο για ιστορικό ενδιαφέρον.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Η εξόρυξη Ethereum χρησιμοποιούσε έναν αλγόριθμο γνωστό ως Ethash. Η θεμελιώδης ιδέα του αλγορίθμου είναι ότι ένας εξορύκτης προσπαθεί να βρει μια είσοδο nonce χρησιμοποιώντας υπολογισμό ωμής βίας, έτσι ώστε το hash που προκύπτει να είναι μικρότερο από ένα όριο που καθορίζεται από την υπολογισμένη δυσκολία. Αυτό το επίπεδο δυσκολίας μπορεί να ρυθμιστεί δυναμικά, επιτρέποντας την παραγωγή μπλοκ σε τακτά χρονικά διαστήματα.
 
diff --git a/public/content/translations/el/energy-consumption/index.md b/public/content/translations/el/energy-consumption/index.md
index c568449a5f6..4272dd8cda3 100644
--- a/public/content/translations/el/energy-consumption/index.md
+++ b/public/content/translations/el/energy-consumption/index.md
@@ -61,9 +61,14 @@ lang: el
 
 Οι πλατφόρμες χρηματοδότησης εγγενών δημόσιων αγαθών Web3, όπως το [Gitcoin](https://gitcoin.co) εκτελούν κλιματικές δράσεις για να τονώσουν την περιβαλλοντική συνείδηση στο επίπεδο εφαρμογής του Ethereum. Μέσω της ανάπτυξης αυτών των πρωτοβουλιών (και άλλων π.χ. [DeSci](/desci/)), το Ethereum γίνεται μια περιβαλλοντική και κοινωνικά θετική τεχνολογία.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Εάν πιστεύετε ότι αυτή η σελίδα μπορεί να γίνει πιο ακριβής, αναφέρετε ένα ζήτημα ή υποβάλλετε ένα ζήτημα. Τα στατιστικά στοιχεία σε αυτήν τη σελίδα είναι εκτιμήσεις που βασίζονται σε δημόσια διαθέσιμα δεδομένα και δεν αντιπροσωπεύουν επίσημη δήλωση ή υπόσχεση από την ομάδα του ethereum.org ή το Ίδρυμα Ethereum.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Περισσότερες πληροφορίες {#further-reading}
 
diff --git a/public/content/translations/el/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/el/guides/how-to-create-an-ethereum-account/index.md
index dc3db507fb0..b09f016a4ca 100644
--- a/public/content/translations/el/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/el/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ lang: el
 **Οποιοσδήποτε γνωρίζει τη μυστική φράση μπορεί να αναλάβει τον έλεγχο όλων των κεφαλαίων.** Μην την κοινοποιείτε σε άλλους. Αυτή η φράση πρέπει να περιέχει από 12 έως 24 λέξεις που δημιουργούνται τυχαία (η σειρά των λέξεων είναι σημαντική).
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>Εγκαταστήσατε εφαρμογή πορτοφολιού;</b><br/> Μάθετε πώς να τη χρησιμοποιείτε.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     Πώς να χρησιμοποιήσετε ένα πορτοφόλι
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 </div>
 
 Ενδιαφέρεστε και για άλλους οδηγούς; Δείτε το: [Αναλυτικοί οδηγοί](/guides/)
diff --git a/public/content/translations/el/guides/how-to-revoke-token-access/index.md b/public/content/translations/el/guides/how-to-revoke-token-access/index.md
index b7901e6e48e..62914143113 100644
--- a/public/content/translations/el/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/el/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ lang: el
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Θέλετε να μάθετε περισσότερα;</div>
   <ButtonLink href="/guides/">
     Δείτε τους άλλους οδηγούς μας
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Συχνές ερωτήσεις
 
diff --git a/public/content/translations/el/guides/how-to-swap-tokens/index.md b/public/content/translations/el/guides/how-to-swap-tokens/index.md
index 1abea55f52c..5652e8add7d 100644
--- a/public/content/translations/el/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/el/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ lang: el
 Θα λάβετε αυτόματα τα κρυπτονομίσματα της ανταλλαγής στο πορτοφόλι σας μόλις ολοκληρωθεί η συναλλαγή.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Θέλετε να μάθετε περισσότερα;</div>
   <ButtonLink href="/guides/">
     Δείτε τους άλλους οδηγούς μας
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Συχνές ερωτήσεις
 
diff --git a/public/content/translations/el/guides/how-to-use-a-bridge/index.md b/public/content/translations/el/guides/how-to-use-a-bridge/index.md
index e7eb2212f40..65143833c54 100644
--- a/public/content/translations/el/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/el/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ lang: el
 Μπορείτε να χρησιμοποιήσετε το [chainlist.org](http://chainlist.org) για να βρείτε στοιχεία RPC του δικτύου. Μόλις το δίκτυο προστεθεί και ολοκληρωθεί η συναλλαγή, θα δείτε τα κρυπτονομίσματα στο πορτοφόλι σας.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Θέλετε να μάθετε περισσότερα;</div>
   <ButtonLink href="/guides/">
     Δείτε τους άλλους οδηγούς μας
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Συχνές ερωτήσεις
 
diff --git a/public/content/translations/el/guides/how-to-use-a-wallet/index.md b/public/content/translations/el/guides/how-to-use-a-wallet/index.md
index 2252fc2e82a..490dd30a15f 100644
--- a/public/content/translations/el/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/el/guides/how-to-use-a-wallet/index.md
@@ -62,12 +62,15 @@ lang: el
 5. Επιβεβαιώστε το αίτημα υπογραφής στο πορτοφόλι σας για να εγκρίνετε τη σύνδεση. **Η υπογραφή αυτού του μηνύματος δεν πρέπει να απαιτεί ETH**.
 6. Αυτό ήταν! Αρχίστε να χρησιμοποιείτε την εφαρμογή. Μπορείτε να βρείτε μερικά ενδιαφέροντα έργα στη σελίδα μας [dApps](/dapps/#explore). <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Θέλετε να μάθετε περισσότερα;</div>
   <ButtonLink href="/guides/">
     Δείτε τους άλλους οδηγούς μας
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Συχνές ερωτήσεις
 
diff --git a/public/content/translations/el/nft/index.md b/public/content/translations/el/nft/index.md
index 37b3731c014..b3167d2060f 100644
--- a/public/content/translations/el/nft/index.md
+++ b/public/content/translations/el/nft/index.md
@@ -55,12 +55,15 @@ summaryPoint3: Υποστηρίζονται από έξυπνα συμβόλαι
 
 Ίσως, είστε ένας καλλιτέχνης που θέλει να μοιραστεί τη δουλειά του χρησιμοποιώντας NFT, χωρίς να χάσετε τον έλεγχο και να θυσιάσετε τα κέρδη σας σε μεσάζοντες. Μπορείτε να δημιουργήσετε ένα νέο συμβόλαιο και να καθορίσετε τον αριθμό των NFT, τις ιδιότητές τους και έναν σύνδεσμο προς κάποιο συγκεκριμένο έργο τέχνης. Ως καλλιτέχνης, **μπορείτε να προγραμματίσετε στο έξυπνο συμβόλαιο τα δικαιώματα** που πρέπει να λάβετε (π.χ. να μεταφέρεται το 5% της τιμής πώλησης στον κάτοχο του συμβολαίου, κάθε φορά που μεταβιβάζεται ένα NFT). Μπορείτε επίσης να αποδείξετε πάντα ότι δημιουργήσατε τα NFT επειδή σας ανήκει το [πορτοφόλι](/glossary/#wallet) που δημιούργησε το συμβόλαιο. Οι αγοραστές σας μπορούν εύκολα να αποδείξουν ότι κατέχουν ένα **αυθεντικό NFT** από τη συλλογή σας, επειδή η [διεύθυνση του πορτοφολιού](/glossary/#address) τους σχετίζεται με ένα ψηφιακό στοιχείο από το έξυπνο συμβόλαιό σας. Μπορούν να το χρησιμοποιήσουν σε όλο το οικοσύστημα Ethereum, σίγουροι για την αυθεντικότητά του.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Εξερευνήστε, αγοράστε ή δημιουργήστε το δικό σας NFT τέχνη/συλλεκτικά...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Εξερευνήστε NFT τέχνης
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Ή σκεφτείτε ένα εισιτήριο για ένα αθλητικό γεγονός. Ακριβώς όπως ένας **διοργανωτής μιας εκδήλωσης μπορεί να επιλέξει πόσα εισιτήρια θα πουλήσει**, ο δημιουργός ενός NFT μπορεί να αποφασίσει πόσα αντίγραφα θα υπάρχουν. Μερικές φορές είναι ακριβή αντίγραφα, όπως 5000 εισιτήρια γενικής εισόδου. Μερικές φορές δημιουργούνται αρκετά πολύ παρόμοια, αλλά το καθένα ελαφρώς διαφορετικό, όπως ένα εισιτήριο για μια προκαθορισμένη θέση. Μπορούν να αγοράζονται και να πωλούνται από χρήστη σε χρήστη χωρίς να πληρώνουν τα πωλητήρια εισιτηρίων και ο αγοραστής είναι πάντα με τη διασφάλιση της γνησιότητας του εισιτηρίου ελέγχοντας τη διεύθυνση του συμβολαίου.
 
diff --git a/public/content/translations/el/roadmap/beacon-chain/index.md b/public/content/translations/el/roadmap/beacon-chain/index.md
index ce75b19bfc0..fea74e21b97 100644
--- a/public/content/translations/el/roadmap/beacon-chain/index.md
+++ b/public/content/translations/el/roadmap/beacon-chain/index.md
@@ -34,9 +34,14 @@ summaryPoint3: Η Κύρια Αλυσίδα εισήγαγε τη λογική 
 
 Η χρήση της απόδειξης συμμετοχής ως συναινετικός μηχανισμός είναι ένα θεμελιώδες στοιχείο για [το ασφαλές, φιλικό προς το περιβάλλον και επεκτάσιμο Ethereum που έχουμε τώρα](/roadmap/vision/).
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Αν ενδιαφέρεστε να γίνετε επικυρωτής και να συμβάλετε στην ενίσχυση της ασφάλειας του Ethereum, <a href="/staking/">μάθετε περισσότερα για την αποθήκευση (staking)</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Ρυθμίζοντας την τμηματοποίηση (sharding) {#setting-up-for-sharding}
 
diff --git a/public/content/translations/el/roadmap/index.md b/public/content/translations/el/roadmap/index.md
deleted file mode 100644
index 41998b2afb1..00000000000
--- a/public/content/translations/el/roadmap/index.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: Οδικός χάρτης
-description: Η πορεία για μεγαλύτερη επεκτασιμότητα, ασφάλεια και βιωσιμότητα για το Ethereum.
-lang: el
-template: roadmap
-image: /images/heroes/roadmap-hub-hero.jpg
-alt: "Οδικός χάρτης"
-summaryPoints:
-buttons:
-  - 
-    content: Περαιτέρω αναβαθμίσεις
-    toId: ποιές-αλλαγές-έρχονται
-  - 
-    content: Προηγούμενες αναβαθμίσεις
-    href: /history/
-    variant: περίγραμμα
----
-
-Το Ethereum είναι ήδη μια ισχυρή πλατφόρμα για παγκόσμιο συντονισμό, αλλά εξακολουθεί συνεχώς να βελτιώνεται. Ένα φιλόδοξο σύνολο βελτιώσεων θα αναβαθμίσει το Ethereum από την τρέχουσα μορφή του σε μια πλήρως κλιμακωτή, μέγιστα ανθεκτική πλατφόρμα. Αυτές οι αναβαθμίσεις ορίζονται στον οδικό χάρτη του Ethereum.
-
-**Για να μάθετε σχετικά με τις προηγούμενες αναβαθμίσεις στο Ethereum, επισκεφθείτε τη σελίδα [Ιστορικό](/history/)**
-
-## Ποιες αλλαγές έρχονται στο Ethereum; {#what-changes-are-coming}
-
-Ο οδικός χάρτης του Ethereum σκιαγραφεί συγκεκριμένες βελτιώσεις που θα γίνουν στο πρωτόκολλο, στο μέλλον. Συνολικά, ο οδικός χάρτης θα φέρει τα ακόλουθα οφέλη στους χρήστες του Ethereum:
-
-<CardGrid>
-  <RoadmapActionCard
-    href="/roadmap/scaling"
-    title="Φθηνότερες συναλλαγές"
-    image="scaling"
-    description="Rollups are too expensive and rely on centralized components, causing users to place too much trust in their operators. The roadmap includes fixes for both of these problems."
-    buttonText="More on reducing fees"
-  />
-  <RoadmapActionCard
-    href="/roadmap/security"
-    title="Επιπλέον ασφάλεια"
-    image="security"
-    description="Ethereum is already very secure but it can be made even stronger, ready to withstand all kinds of attack far into the future."
-    buttonText="More on security"
-  />
-  <RoadmapActionCard
-    href="/roadmap/user-experience"
-    title="Καλύτερη εμπειρία χρήστη"
-    image="userExperience"
-    description="More support for smart contract wallets and light-weight nodes will make using Ethereum simpler and safer."
-    buttonText="More on user experience"
-  />
-  <RoadmapActionCard
-    href="/roadmap/future-proofing"
-    title="Πρόβλεψη για το μέλλον"
-    image="futureProofing"
-    description="Ethereum researchers and developers are solving tomorrow's problems today, readying the network for future generations."
-    buttonText="More on future proofing"
-  />
-</CardGrid>
-
-## Γιατί το Ethereum χρειάζεται οδικό χάρτη; {#why-does-ethereum-need-a-roadmap}
-
-Το Ethereum λαμβάνει τακτικές αναβαθμίσεις που ενισχύουν την επεκτασιμότητα, την ασφάλεια ή τη βιωσιμότητα. Ένα από τα βασικά πλεονεκτήματα του Ethereum είναι η προσαρμοστικότητα, καθώς νέες ιδέες προκύπτουν από την έρευνα και την ανάπτυξη. Η προσαρμοστικότητα δίνει στο Ethereum την ευελιξία να αντιμετωπίσει τις προκλήσεις που εμφανίζονται και να συμβαδίσει με τα πιο προηγμένα τεχνολογικά επιτεύγματα.
-
-<RoadmapImageContent title="Πώς ορίζεται ο οδικός χάρτης">
-
-Ο οδικός χάρτης είναι ως επί το πλείστον αποτέλεσμα πολυετούς εργασίας από ερευνητές και προγραμματιστές, επειδή το πρωτόκολλο είναι ιδιαίτερα τεχνικό, αλλά κάθε ένας που επιθυμεί μπορεί να συμμετάσχει. Οι ιδέες συνήθως ξεκινούν ως συζητήσεις σε ένα φόρουμ όπως το [ethresear.ch](https://ethresear.ch/), το [Ethereum Magicians](https://ethereum-magicians.org/) ή το διακομιστή Eth R&D discord. Μπορούν να είναι απαντήσεις για νέα τρωτά σημεία που ανακαλύφθηκαν, προτάσεις από οργανισμούς που εργάζονται στο επίπεδο εφαρμογής (όπως [dapps](/glossary/#dapp) και ανταλλακτήρια) ή από γνωστές τριβές για τους τελικούς χρήστες (όπως κόστος ή ταχύτητα συναλλαγών). Όταν αυτές οι ιδέες ωριμάσουν, μπορούν να προταθούν ως [προτάσεις βελτίωσης του Ethereum](https://eips.ethereum.org/). Όλα αυτά γίνονται δημόσια, ώστε οποιοσδήποτε από την κοινότητα να μπορεί συμμετέχει ανά πάσα στιγμή.
-
-[Περισσότερα για τη διακυβέρνηση Ethereum](/governance/)
-
-</RoadmapImageContent>
-
-<InfoBanner mb={8}>
-  <h4 style={{ marginTop: 0 }}>Τι ήταν το ETH2;</h4>
-
-  <p>Ο όρος «Eth2» χρησιμοποιούταν συνήθως για να περιγράψει το μέλλον του Ethereum πριν από τη μετάβαση στην <a href="/glossary/#pos">απόδειξη συμμετοχής</a>, αλλά <strong>σταδιακά καταργήθηκε υπέρ της ακριβέστερης ορολογίας.</strong> Αρχικά χρησιμοποιήθηκε για τη διαφοροποίηση του δικτύου του Ethereum πριν από τη μετάβαση στην απόδειξη συμμετοχής και του δικτύου μετά από αυτό, ή μερικές φορές για να αναφερθούν στις διαφορετικές εφαρμογές πελάτη Ethereum (οι <a href="/glossary/#execution-client">πελάτες εκτέλεσης</a> που μερικές φορές αναφέρονται ως πελάτες ETH1 και οι <a href="/glossary/#consensus-client">πελάτες συναίνεσης</a> μερικές φορές αναφέρονται ως πελάτες ETH2).</p>
-
-</InfoBanner>
-
-## Ο οδικός χάρτης του Ethereum θα αλλάξει με την πάροδο του χρόνου; {#will-ethereums-roadmap-change-over-time}
-
-**Ναι, σχεδόν σίγουρα.** Ο οδικός χάρτης είναι το τρέχον σχέδιο για την αναβάθμιση του Ethereum, το οποίο καλύπτει τόσο βραχυπρόθεσμα όσο και μακροπρόθεσμα σχέδια. Αναμένουμε ότι ο οδικός χάρτης θα αλλάξει, καθώς θα καταστούν διαθέσιμες νέες πληροφορίες και τεχνολογίες.
-
-Σκεφτείτε τον οδικό χάρτη του Ethereum ως μια σειρά προθέσεων για τη βελτίωση του Ethereum. Είναι η καλύτερη θεωρία των βασικών ερευνητών και των προγραμματιστών για τη βέλτιστη πορεία του Ethereum προς το μέλλον.
-
-## Πότε θα ολοκληρωθεί ο οδικός χάρτης; {#when-will-the-roadmap-be-finished}
-
-Ορισμένες αναβαθμίσεις έχουν χαμηλότερη προτεραιότητα και είναι πιθανό να μην εφαρμοστούν για τα επόμενα 5-10 χρόνια (π.χ. κβαντική αντίσταση). Ο **ακριβής χρόνος για κάθε αναβάθμιση είναι περίπλοκο να προβλεφθεί**, καθώς πολλά στοιχεία του οδικού χάρτη αναπτύσσονται παράλληλα και σε διαφορετικές ταχύτητες. Ο επείγων χαρακτηρισμός μιας αναβάθμισης μπορεί επίσης να αλλάξει με την πάροδο του χρόνου ανάλογα με τους εξωτερικούς παράγοντες (π.χ. ένα ξαφνικό άλμα στην απόδοση και τη διαθεσιμότητα των κβαντικών υπολογιστών μπορεί να καταστήσει την κβαντική κρυπτογραφία πιο επείγουσα).
-
-Ένας τρόπος για να σκεφτούμε την ανάπτυξη του Ethereum είναι η αναλογία προς τη βιολογική εξέλιξη. Ένα δίκτυο που είναι σε θέση να προσαρμοστεί στις νέες προκλήσεις και να διατηρήσει τη φυσική κατάστασή του, είναι πιο πιθανό να πετύχει ότι ένα που είναι ανθεκτικό στην αλλαγή, αν και το δίκτυο γίνεται όλο και πιο αποδοτικό, θα απαιτείται κλιμακούμενη και ασφαλής λιγότερες αλλαγές στο πρωτόκολλο.
-
-## Πρέπει να κάνω κάτι όταν υπάρχει μια αναβάθμιση; {#do-i-have-to-do-anything-when-there-is-an-upgrade}
-
-Οι αναβαθμίσεις τείνουν να μην έχουν αντίκτυπο στους τελικούς χρήστες, εκτός από την παροχή καλύτερων εμπειριών χρήστη και ενός ασφαλέστερου πρωτοκόλλου και ίσως περισσότερων <i>επιλογών</i> για τον τρόπο αλληλεπίδρασης με το Ethereum. **Οι τακτικοί χρήστες δεν απαιτείται να συμμετέχουν ενεργά σε μια αναβάθμιση, ούτε είναι υποχρεωμένοι να κάνουν κάτι** για να εξασφαλίσουν τα περιουσιακά τους στοιχεία. Οι διαχειριστές [κόμβων](/glossary/#node) θα πρέπει να ενημερώσουν τους πελάτες τους για να προετοιμαστούν για μια αναβάθμιση. Ορισμένες αναβαθμίσεις μπορεί να οδηγήσουν σε αλλαγές για τους προγραμματιστές εφαρμογών. Για παράδειγμα, οι αναβαθμίσεις λήξης ιστορικού μπορεί να οδηγήσουν τους προγραμματιστές εφαρμογών να αρπάξουν ιστορικά δεδομένα από νέες πηγές.
-
-## Τι γίνεται με το Verge, The Splurge, κλπ; {#what-about-the-verge-splurge-etc}
-
-[Ο Vitalik Buterin πρότεινε ένα όραμα για τον οδικό χάρτη του Ethereum](https://twitter.com/VitalikButerin/status/1741190491578810445) που οργανώθηκε σε διάφορες κατηγορίες που συνδέονται με τις επιπτώσεις τους στην αρχιτεκτονική του Ethereum. Περιλαμβάνει:
-
-- **Η Συγχώνευση:** οι αναβαθμίσεις που σχετίζονται με τη μετάβαση από την [απόδειξη εργασίας](/glossary/#pow) στην [απόδειξη συμμετοχής](/glossary/#pos)
-- **Το Surge:** οι αναβαθμίσεις που σχετίζονται με την επεκτασιμότητα των [συγκεντρωτικών αρχείων συναλλαγών](/glossary/#rollups) και τον διαχωρισμό δεδομένων
-- **Το Scourge:** οι αναβαθμίσεις που σχετίζονται με την αντίσταση στη λογοκρισία, την αποκέντρωση και τους κινδύνους πρωτοκόλλου από [MEV](/glossary/#mev)
-- **Το Verge:** οι αναβαθμίσεις που σχετίζονται με την επαλήθευση [μπλοκ](/glossary/#block) πιο εύκολα
-- **Το Purge**: οι αναβαθμίσεις που σχετίζονται με τη μείωση του υπολογιστικού κόστους των κόμβων λειτουργίας και την απλοποίηση πρωτοκόλλου
-- **Το Splurge:** άλλες αναβαθμίσεις που δεν ταιριάζουν καλά στις προηγούμενες κατηγορίες.
-
-Αποφασίσαμε να μη χρησιμοποιήσουμε αυτήν την ορολογία, διότι θέλαμε να χρησιμοποιήσουμε ένα απλούστερο και περισσότερο κεντρικό μοντέλο χρήστη. Αν και χρησιμοποιούμε τη γλώσσα του χρήστη, το όραμα παραμένει ίδιο με αυτό που προτείνει ο Vitalik.
-
-## Τι γίνεται με την τμηματοποίηση; {#what-about-sharding}
-
-Η τμηματοποίηση διαχωρίζει το blockchain του Ethereum, έτσι ώστε τα υποσύνολα των [επικυρωτών](/glossary/#validator) να είναι υπεύθυνα μόνο για ένα τμήμα των συνολικών δεδομένων. Αυτός αρχικά προοριζόταν να είναι ο τρόπος κλιμάκωσης του Ethereum. Ωστόσο, τα πακέτα ενημερώσεως [επιπέδου 2](/glossary/#layer-2) έχουν αναπτυχθεί πολύ πιο γρήγορα από ό,τι αναμενόταν, έχουν παράσχει ήδη αρκετή κλιμάκωση και θα προσφέρουν ακόμη περισσότερα μετά την εφαρμογή του Proto-Danksharding. Αυτό σημαίνει ότι δε χρειάζονται πλέον η «τμηματοποίηση αλυσίδων» και έχουν αποσυρθεί από τον οδικό χάρτη.
-
-## Αναζητάτε συγκεκριμένες τεχνικές αναβαθμίσεις; {#looking-for-specific-technical-upgrades}
-
-- [Danksharding](/roadmap/danksharding) - Το Danksharding κάνει τα πακέτα ενημέρωση επιπέδου 2 πολύ φθηνότερα για τους χρήστες με την προσθήκη των δεδομένων «blobs» σε μπλοκ Ethereum.
-- [Ανάληψη αποθηκευμένου κεφαλαίου](/staking/withdrawals) - Η αναβάθμιση Shanghai/Capella επέτρεψε τις αναλήψεις αποθηκευμένου κεφαλαίου στο Ethereum, επιτρέποντας στους χρήστες να ξεκλειδώσουν το αποθηκευμένο κεφάλαιό τους ETH.
-- [Οριστικοποίηση απλής υποδοχής](/roadmap/single-slot-finality) - Αντί για την αναμονή των δεκαπέντε λεπτών, τα μπλοκ θα μπορούσαν να προταθούν και να οριστικοποιηθούν στην ίδια υποδοχή. Είναι πιο βολικό για εφαρμογές και πολύ πιο δύσκολο να παραβιαστεί.
-- [Διαχωρισμός δημιουργίας - πρότασης](/roadmap/pbs) - Ο διαχωρισμός της δημιουργίας μπλοκ και της πρότασης μπλοκ των εργασιών σε ξεχωριστούς επικυρωτές δημιουργεί ένα δικαιότερο, πιο ανθεκτικό, αποτελεσματικό και ανθεκτικό στη λογοκρισία τρόπο για να καταλήξει το Ethereum σε συναίνεση.
-- [Μυστική εκλογή αρχηγού](/roadmap/secret-leader-election) - Η έξυπνη κρυπτογραφία μπορεί να χρησιμοποιηθεί για να εξασφαλίσει ότι η ταυτότητα του σημερινού προτείνοντα μπλοκ δε θα δημοσιευθεί, παρέχοντας έτσι προστασία από ορισμένους τύπους επιθέσεων.
-- [Αφαίρεση λογαριασμού](/roadmap/account-abstraction) - Η αφαίρεση του λογαριασμού είναι μια κατηγορία αναβαθμίσεων που υποστηρίζουν πορτοφόλια έξυπνων συμβολαίων εγγενώς στο Ethereum, αντί να χρειάζεται η χρήση σύνθετου ενδιάμεσου λογισμικού.
-- [Verkle trees](/roadmap/verkle-trees) - Τα Verkle Trees είναι μια δομή δεδομένων που μπορεί να χρησιμοποιηθεί για ενεργοποίηση των πελατών χωρίς γνώση της κατάστασης στο Ethereum. Αυτοί οι πελάτες «χωρίς γνώση της κατάστασης» θα απαιτήσουν ένα μικρό χώρο αποθήκευσης, αλλά θα εξακολουθούν να είναι σε θέση να επαληθεύσουν νέα μπλοκ.
-- [Statelessness](/roadmap/statelessness) - Οι πελάτες χωρίς γνώση της κατάστασης θα είναι σε θέση να επαληθεύσουν νέα μπλοκ χωρίς να χρειάζεται να αποθηκεύσουν μεγάλες ποσότητες δεδομένων. Αυτό θα παρέχει όλα τα οφέλη της λειτουργίας ενός κόμβου με μόνο ένα μικρό κλάσμα του σημερινού κόστους.
diff --git a/public/content/translations/el/roadmap/merge/index.md b/public/content/translations/el/roadmap/merge/index.md
index 8d9bac9f387..1f0f160e179 100644
--- a/public/content/translations/el/roadmap/merge/index.md
+++ b/public/content/translations/el/roadmap/merge/index.md
@@ -37,9 +37,13 @@ summaryPoint4: Η συγχώνευση μείωσε την κατανάλωση
 
 Δεν χάθηκε κανένα ιστορικό κατά τη Συγχώνευση. Με τη συγχώνευσή του με την Κύρια Αλυσίδα, το Κεντρικό Δίκτυο συγχώνευσε και ολόκληρο το ιστορικό συναλλαγών του Ethereum.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Αυτή η μετάβαση στην απόδειξη συμμετοχής άλλαξε τον τρόπο με τον οποίο εκδίδονται τα ether. Μάθετε περισσότερα για <a href="/roadmap/merge/issuance/">την έκδοση ether πριν και μετά τη Συγχώνευση</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Χρήστες και κάτοχοι {#users-holders}
 
diff --git a/public/content/translations/el/roadmap/merge/issuance/index.md b/public/content/translations/el/roadmap/merge/issuance/index.md
index 4239179e302..20fb339022c 100644
--- a/public/content/translations/el/roadmap/merge/issuance/index.md
+++ b/public/content/translations/el/roadmap/merge/issuance/index.md
@@ -54,11 +54,15 @@ title="ETH issuance tldr">
 - Έχει ως αποτέλεσμα την έκδοση **~620.500** ETH σε ένα έτος
 - Οδήγησε σε ποσοστό πληθωρισμού **περίπου 0,52%** (620,5 χιλιάδες ανά έτος / 119,3 εκατ. σύνολο)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 <strong>Συνολικός ετήσιος συντελεστής έκδοσης (προ-Συγχώνευσης): ~4,61%</strong> (4,09% + 0,52%)<br/><br/>
 Περίπου <strong>88,7%</strong> της έκδοσης κατευθυνόταν προς τους κρυπτορύχους στο επίπεδο εκτέλεσης (4,09 / 4,61 * 100)<br/><br/>
 Περίπου <strong>11,3%</strong> εκδιδόταν προς τους επικυρωτές στο επίπεδο συναίνεσης (0,52 / 4,61 * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Μετά τη Συγχώνευση (σήμερα) {#post-merge}
 
@@ -84,18 +88,26 @@ title="ETH issuance tldr">
 - Εκδόσεις επιπέδου εκτέλεσης: **0**
 - Εκδόσεις επιπέδου συναίνεσης: Ίδιο με παραπάνω, **~0,52%** ετήσιος συντελεστής έκδοσης (με 14 εκατομμύρια συνολικά αποθηκευμένα ETH)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Συνολικός ετήσιος συντελεστής έκδοσης: <strong>~0.52%</strong><br/><br/>
 Καθαρή μείωση στην ετήσια έκδοση ETH: <strong>~88.7%</strong> ((4.61% - 0.52%) / 4.61% * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## <Emoji text=":fire:" size="1" /> Η καύση {#the-burn}
 
 Η αντίθετη δύναμη στην έκδοση ETH είναι ο ρυθμός με τον οποίο καίγεται ETH. Για να εκτελεστεί μια συναλλαγή στο Ethereum, πρέπει να καταβληθεί ένα ελάχιστο τέλος (γνωστό ως «base fee»), το οποίο διακυμαίνεται συνεχώς (από μπλοκ σε μπλοκ) ανάλογα με τη δραστηριότητα του δικτύου. Το τέλος καταβάλλεται σε ETH και είναι _απαραίτητο_ για να θεωρηθεί έγκυρη η συναλλαγή. Αυτό το τέλος _καίγεται_ κατά τη διαδικασία της συναλλαγής, αποσύροντάς το από την κυκλοφορία.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Η καύση των τελών τέθηκε σε λειτουργία με την <a href="/history/#london">αναβάθμιση London</a> τον Αύγουστο του 2021 και παραμένει αμετάβλητη από τη Συγχώνευση.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Πέρα από την καύση τελών που εφαρμόστηκε με την αναβάθμιση London, οι επικυρωτές μπορεί να επιβαρυνθούν με ποινές για εκτός σύνδεσης λειτουργία ή ακόμα χειρότερα, μπορεί να τους επιβληθεί ποινή περικοπής για παραβίαση συγκεκριμένων κανόνων που απειλούν την ασφάλεια του δικτύου. Αυτές οι κυρώσεις οδηγούν σε μείωση των ETH από το υπόλοιπο του συγκεκριμένου επικυρωτή, τα οποία δεν ανταμείβονται άμεσα σε κανέναν άλλο λογαριασμό, καίγοντας/αποσύροντας τα ουσιαστικά από την κυκλοφορία.
 
diff --git a/public/content/translations/el/roadmap/scaling/index.md b/public/content/translations/el/roadmap/scaling/index.md
index c6d3300a253..0360ebe31be 100644
--- a/public/content/translations/el/roadmap/scaling/index.md
+++ b/public/content/translations/el/roadmap/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 Το Ethereum κλιμακώνεται χρησιμοποιώντας το [επίπεδο 2](/layer-2/#rollups) (επίσης γνωστό ως πακέτο συναλλαγών «rollups»), τα οποία συγκεντρώνουν μαζί τις συναλλαγές και στέλνουν το αποτέλεσμα στο Ethereum. Παρόλο που τα rollups είναι έως και οκτώ φορές φθηνότερα από το κύριο δίκτυο Ethereum, είναι δυνατή η περαιτέρω βελτιστοποίηση των rollups για να μειωθεί το κόστος για τους τελικούς χρήστες. Τα rollups βασίζονται επίσης σε ορισμένα συγκεντρωτικά στοιχεία τα οποία οι προγραμματιστές μπορούν να αφαιρέσουν καθώς ωριμάζουν.
 
-<InfoBanner mb={8} title="Κόστος συναλλαγής">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  Κόστος συναλλαγής
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>Σήμερα τα πακέτα συναλλαγών είναι <strong>~5-20x</strong> φορές φθηνότερα από το επίπεδο 1 του Ethereum.</li>
     <li>Τα πακέτα συναλλαγών ZK θα μειώσουν σύντομα τις κρατήσεις σε <strong>~40-100x</strong>.</li>
     <li>Οι επερχόμενες αλλαγές στο Ethereum θα παρέχουν μια άλλη κλιμάκωση περίπου <strong>~100-1000</strong> φορές.</li>
     <li style={{ marginBottom: 0 }}>Οι χρήστες θα πρέπει να επωφεληθούν από συναλλαγές που <strong>κοστίζουν λιγότερο από $0.001</strong>.</li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Δημιουργία φθηνότερων δεδομένων {#making-data-cheaper}
 
diff --git a/public/content/translations/el/security/index.md b/public/content/translations/el/security/index.md
index 9fbabd3d503..100382563f3 100644
--- a/public/content/translations/el/security/index.md
+++ b/public/content/translations/el/security/index.md
@@ -124,11 +124,12 @@ lang: el
 - Μην επιτρέπετε ποτέ σε κανέναν την απομακρυσμένη πρόσβαση στον υπολογιστή σας
 - Ποτέ μην επικοινωνείτε έξω από τα καθορισμένα κανάλια ενός οργανισμού
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Προσοχή: αν και οι απάτες τύπου υποστήριξης συμβαίνουν συνήθως στο Discord, μπορεί επίσης να είναι διαδεδομένες σε οποιεσδήποτε εφαρμογές συνομιλίας όπου διεξάγονται συζητήσεις κρυπτονομισμάτων, συμπεριλαμβανομένου του email.
   </div>
-</InfoBanner>
+</Alert>
 
 ### Απάτη κρυπτονομίσματος «Eth2» {#eth2-token-scam}
 
@@ -215,11 +216,12 @@ _Σημείωση: Υπάρχουν παράγωγα token/tickers που μπο
 
 ### Χρησιμοποιείστε έναν διαχειριστή κωδικών πρόσβασης {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     Η χρήση ενός διαχειριστή κωδικών πρόσβασης φροντίζει για τη δημιουργία ισχυρών, μοναδικών κωδικών πρόσβασης και την απομνημόνευση τους! Συνιστούμε <strong>ανεπιφύλακτα</strong> να χρησιμοποιήσετε ένα και τα περισσότερα από αυτά είναι δωρεάν!
   </div>
-</InfoBanner>
+</Alert>
 
 Το να θυμάστε ισχυρούς, μοναδικούς κωδικούς πρόσβασης για κάθε λογαριασμό που έχετε δεν είναι ο ιδανικός τρόπος. Ένας διαχειριστής κωδικών πρόσβασης προσφέρει ένα ασφαλές, κρυπτογραφημένο χώρο αποθήκευσης για όλους τους κωδικούς πρόσβασης στον οποίο μπορείτε να αποκτήσετε πρόσβαση μέσω ενός ισχυρού κύριου κωδικού πρόσβασης. Προτείνουν επίσης ισχυρούς κωδικούς πρόσβασης κατά την εγγραφή σας σε μια νέα υπηρεσία, ώστε να μη χρειάζεται να δημιουργήσετε δικούς σας. Πολλοί διαχειριστές κωδικών πρόσβασης θα σας πουν επίσης εάν έχετε εμπλακεί σε παραβίαση δεδομένων, επιτρέποντάς σας να αλλάξετε τους κωδικούς πρόσβασης πριν από τυχόν κακόβουλες επιθέσεις.
 
@@ -242,11 +244,12 @@ _Σημείωση: Υπάρχουν παράγωγα token/tickers που μπο
 
 Η χρήση ενός **Επαληθευτή ταυτότητας δύο παραγόντων (2FA)** παρέχει ένα πρόσθετο *παράγοντα ασφαλείας* για τους διαδικτυακούς σας λογαριασμούς. Το 2FA διασφαλίζει ότι το να έχετε απλώς τον κωδικό πρόσβασής σας δεν αρκεί για την πρόσβαση σε έναν λογαριασμό. Συνηθέστερα, ο δεύτερος παράγοντας είναι ένας τυχαίος 6ψήφιος κωδικός, γνωστός ως **time-based one-time password (TOTP)**, στον οποίο μπορείτε να αποκτήσετε πρόσβαση μέσω μιας εφαρμογής ελέγχου ταυτότητας όπως το Google Authenticator ή το Authy. Αυτά λειτουργούν ως παράγοντας «κάτι που κατέχετε», επειδή η φράση ασφαλείας που δημιουργεί τον χρονομετρημένο κώδικα αποθηκεύεται στη συσκευή σας.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Σημείωση: Η χρήση 2FA με χρήση SMS είναι ευάλωτη στην <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">κλοπή SIM</a> και δεν είναι ασφαλής. Για καλύτερη ασφάλεια, χρησιμοποιήστε μια υπηρεσία όπως το <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> ή το <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Κλειδιά ασφαλείας {#security-keys}
 
diff --git a/public/content/translations/el/staking/withdrawals/index.md b/public/content/translations/el/staking/withdrawals/index.md
index d7b048c66ca..324262b4bbb 100644
--- a/public/content/translations/el/staking/withdrawals/index.md
+++ b/public/content/translations/el/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ summaryPoints:
 
 Η παροχή μιας διεύθυνσης ανάληψης είναι ένα απαραίτητο βήμα οποιουδήποτε λογαριασμού επικύρωσης, για να πληροί τις προϋποθέσεις ανάληψης ETH από το υπόλοιπο.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Σε κάθε λογαριασμό λογισμικού επικύρωσης μπορεί να καταχωρηθεί μόνο μία διεύθυνση ανάληψης, για μία φορά.</strong> Μόλις επιλεγεί μια διεύθυνση και υποβληθεί στο επίπεδο συναίνεσης, αυτό δεν μπορεί να αναιρεθεί ή να αλλάξει. Ελέγξτε ξανά την κατοχή και την ακρίβεια της διεύθυνσης που παρέχετε πριν την υποβολή.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Δεν υπάρχει <strong>καμία απειλή για τα χρήματά σας</strong> λόγω μη παροχής αυτής, με την προϋπόθεση ότι η φράση ασφαλείας σας έχει παραμείνει ασφαλής εκτός σύνδεσης και δεν έχει παραβιαστεί με κανέναν τρόπο. Η αποτυχία προσθήκης των διαπιστευτηρίων για ανάληψη, απλώς θα αφήσει το ETH κλειδωμένο στον λογαριασμό επικύρωσης όπως ήταν μέχρι να δοθεί μια διεύθυνση ανάληψης.
 
@@ -82,11 +87,16 @@ summaryPoints:
 
 Όταν ένας επικυρωτής έχει προγραμματιστεί να προτείνει το επόμενο μπλοκ, απαιτείται να δημιουργήσει μια σειρά ανάληψης έως και 16 διαθέσιμων αναλήψεων. Αυτό γίνεται ξεκινώντας αρχικά με το δείκτη επικύρωσης 0, προσδιορίζοντας εάν υπάρχει κατάλληλη ανάληψη για αυτόν τον λογαριασμό σύμφωνα με τους κανόνες του πρωτοκόλλου και προσθέτοντάς τη στη σειρά εφαρμογής, εάν υπάρχει. Το πρόγραμμα επικύρωσης που έχει οριστεί να προτείνει το ακόλουθο μπλοκ θα συνεχίσει από εκεί που σταμάτησε το τελευταίο, προχωρώντας με τη σειρά επ' αόριστον.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Σκεφτείτε ένα αναλογικό ρολόι. Ο δείκτης στο ρολόι δείχνει την ώρα, προχωρά προς μία κατεύθυνση, δεν παραλείπει καμία ώρα και τελικά επιστρέφει στην αρχή μετά τον τελευταίο αριθμό.<br/><br/>
 Τώρα αντί για το 1 έως το 12, φανταστείτε ότι το ρολόι έχει 0 έως N <em>(συνολικούς αριθμούς λογαριασμών επικύρωσης που έχουν καταχωρηθεί στο επίπεδο συναίνεσης, πάνω από 500.000 από τον Ιανουάριο του 2023).</em><br/> <br/>
 Ο δείκτης στο ρολόι δείχνει τον επόμενο επικυρωτή που πρέπει να ελεγχθεί για διαθέσιμες αναλήψεις. Ξεκινά από το 0 και προχωρά σε όλη τη διαδρομή χωρίς να παραλείπει κανέναν λογαριασμό. Όταν επιτευχθεί η τελευταία επικύρωση, ο κύκλος συνεχίζει πάλι από την αρχή.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Έλεγχος λογαριασμού για αναλήψεις {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/el/web3/index.md b/public/content/translations/el/web3/index.md
index 485cbe36c98..21ba0dc12b7 100644
--- a/public/content/translations/el/web3/index.md
+++ b/public/content/translations/el/web3/index.md
@@ -61,12 +61,15 @@ H πρώτη σύλληψη της ιδέας του Berners-Lee, γνωστή 
 
 Το Web3 επιτρέπει την άμεση κυριότητα μέσω των [μη εναλλάξιμων κρυπτοπαραστατικών (NFT)](/glossary/#nft). Κανείς, ούτε καν οι δημιουργοί του παιχνιδιού, έχουν τη δυνατότητα να πάρουν αυτά που σας ανήκουν. Αν σταματήσετε να παίζετε, μπορείτε να πουλήσετε ή να ανταλλάξετε τα αντικείμενα εντός του παιχνιδιού, στην ελεύθερη αγορά και να ανακτήσετε την αξία τους.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Μάθετε περισσότερα για τα NFT</div>
   <ButtonLink href="/nft/">
     Περισσότερα για τα NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Αντίσταση στη Λογοκρισία {#censorship-resistance}
 
@@ -86,12 +89,15 @@ H πρώτη σύλληψη της ιδέας του Berners-Lee, γνωστή 
 
 Ωστόσο, αρκετοί ορίζουν πολλές κοινότητες Web3 ως DAO. Όλες αυτές οι κοινότητες έχουν διαφορετικά επίπεδα αποκέντρωσης και αυτοματοποίησης με κώδικα. Επί τους παρόντος, διερευνούμε τι είναι οι DAO και πως μπορούν να εξελιχθούν στο μέλλον.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Μάθετε περισσότερα για τους DAO</div>
   <ButtonLink href="/dao/">
     Περισσότερα για τους DAO
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Ταυτότητα {#identity}
 
diff --git a/public/content/translations/es/contributing/translation-program/how-to-translate/index.md b/public/content/translations/es/contributing/translation-program/how-to-translate/index.md
index 4c9448a2d8c..a4538b62d95 100644
--- a/public/content/translations/es/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/es/contributing/translation-program/how-to-translate/index.md
@@ -76,9 +76,12 @@ Los botones de la parte superior le permiten cambiar a la sección de coincidenc
 
 Una vez que complete la traducción (es decir, cuando todos los archivos de un lote de contenido indiquen un 100%), nuestro servicio de traducción profesional revisará (y editará personalmente) el contenido. Cuando la revisión esté lista (cuando el progreso de la revisión sea 100 %), añadiremos la traducción al sitio web.
 
-<InfoBanner shouldCenter emoji=":warning:">
+<Alert variant="update">
+<Emoji text=":warning:" className="text-4xl"/>
+<AlertContent>
   No utilice la traducción automática para traducir el proyecto. Todas las traducciones serán revisadas antes de ser añadidas al sitio web. Si sus traducciones resultan ser traducciones automáticas, serán rechazadas y los colaboradores que utilicen ltraducción automática posiblemente serán eliminados del proyecto.
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Contáctenos {#get-in-touch}
 
diff --git a/public/content/translations/es/defi/index.md b/public/content/translations/es/defi/index.md
index 4dd3e4a3cde..57887025a6b 100644
--- a/public/content/translations/es/defi/index.md
+++ b/public/content/translations/es/defi/index.md
@@ -64,12 +64,15 @@ Ethereum se basa en esto. Al igual que Bitcoin, las reglas no pueden cambiar en
 
 Esto puede sonar extraño... ¿por qué querría programar mi dinero? Sin embargo, esto no es más que una característica natural de los tókenes en Ethereum. Cualquier persona puede programar operaciones lógicas dentro de los pagos. De esta manera, puede obtener el control y la seguridad de Bitcoin combinado con los servicios que proveen las instituciones financieras. Esto le permite realizar actividades con las criptomonedas que no podría hacer en Bitcoin como prestar o pedir un préstamo, planificar pagos, invertir en fondos indexados y más.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Si es nuevo en Ethereum, explore y pruebe algunas de nuestras sugerencias de aplicaciones DeFi.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Explorar las aplicaciones DeFi
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## ¿Qué puede hacer con DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/es/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/es/developers/docs/consensus-mechanisms/pow/index.md
index b208a446c4f..6c2cef4b8a6 100644
--- a/public/content/translations/es/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/es/developers/docs/consensus-mechanisms/pow/index.md
@@ -6,9 +6,14 @@ lang: es
 
 La red Ethereum comenzó utilizando un mecanismo de consenso que implica una**[prueba de trabajo (o PoW, por sus siglas en inglés)](/developers/docs/consensus-mechanisms/pow)**. Esto permite a la red de Ethereum ponerse de acuerdo sobre el estado de toda la información registrada en la cadena de bloques de Ethereum y prevenir ciertos tipos de ataques económicos. Sin embargo, Ethereum se desconectó de la prueba de trabajo en 2022 y empezó a usar la [prueba de participación](/developers/docs/consensus-mechanisms/pos) en su lugar.
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
     La prueba de trabajo ha quedado obsoleta. Ethereum ya no utiliza la prueba de trabajo como parte de su mecanismo de consenso. En su lugar, utiliza la prueba de participación. Descubra más cosas sobre la <a href="/developers/docs/consensus-mechanisms/pos/">prueba de participación</a> y la <a href="/staking/">participación</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Requisitos previos {#prerequisites}
 
diff --git a/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/index.md
index 5c430c82531..452019a5268 100644
--- a/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -4,9 +4,14 @@ description: Una explicación de cómo funcionaba la minería en Ethereum.
 lang: es
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 La prueba de trabajo ya no es la base del mecanismo de consenso de Ethereum, lo que significa que la minería se ha desactivado. En lugar de ello, Ethereum está asegurado por validadores que participan en ETH. Puede comenzar hoy mismo a participar en ETH. Descubrá más cosas sobre <a href='/roadmap/merge/'>La Fusión</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>la prueba de participación (PoS)</a> y <a href='/staking/'>la participación</a>. Esta página es para interés histórico solamente.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Requisitos previos {#prerequisites}
 
diff --git a/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index ae1fc1651f5..e5e99aa5498 100644
--- a/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -4,9 +4,14 @@ description: Un examen detallado del algoritmo Ethash.
 lang: es
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
    Ethash era el algoritmo de minería de prueba de trabajo de Ethereum. La prueba de trabajo ahora se ha **desactivado por completo** y Ethereum ahora está protegido utilizando la <a href="/developers/docs/consensus-mechanisms/pos/">prueba de participación</a> en su lugar. Descubra más en <a href="/roadmap/merge/">La Fusión</a>, <a href="/developers/docs/consensus-mechanisms/pos/">prueba de participación (PoS)</a> y la <a href="/staking/">participación</a>. ¡Esta página es de interés histórico!  
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 [Ethash](https://github.com/ethereum/wiki/wiki/Ethash) es una versión modificada del algoritmo [Dagger-Hashimoto](/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/dagger-hashimoto). La prueba de trabajo de Ethash es de [memoria dura](https://wikipedia.org/wiki/Memory-hard_function), lo que se pensaba que hacía que el algoritmo fuera resistente a ASIC. Finalmente se desarrollaron los ASIC de Ethash, pero la minería de GPU seguía siendo una opción viable hasta que se desactivó la prueba de trabajo. Ethash todavía se utiliza para minar otras monedas en otras redes de prueba de trabajo que no son de Ethereum.
 
diff --git a/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index cead7982c06..b57cf8a683e 100644
--- a/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -4,9 +4,14 @@ description: Un examen detallado de los algoritmos utilizados para la minería d
 lang: es
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 La prueba de trabajo ya no es parte de la base del mecanismo de consenso de Ethereum, esto quiere decir que el minado ha sido apagado. En cambio, Ethereum está asegurado por validadores que participan en ETH. Puede comenzar su participación con ETH hoy. Descubrá más cosas sobre <a href='/roadmap/merge/'>La Fusión</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>la prueba de participación (PoS)</a> y <a href='/staking/'>la participación</a>. Esta página es solo de interés histórico.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 La minería de Ethereum utilizo un algoritmo conocido como Ethash. La idea fundamental del algoritmo es que un minero intenta encontrar un contador nonce usando el cálculo computacional en bruto, de esta forma el hash resultante es menor que el umbral determinado por la dificultad calculada. Este nivel de dificultad se puede ajustar de forma dinámica, permitiendo que la producción de bloques ocurra en un intervalo regular.
 
diff --git a/public/content/translations/es/developers/tutorials/hello-world-smart-contract/index.md b/public/content/translations/es/developers/tutorials/hello-world-smart-contract/index.md
index f1c99d6bfd7..b07b69ed655 100644
--- a/public/content/translations/es/developers/tutorials/hello-world-smart-contract/index.md
+++ b/public/content/translations/es/developers/tutorials/hello-world-smart-contract/index.md
@@ -238,9 +238,13 @@ PRIVATE_KEY = "your-metamask-private-key"
 
 Para conectarlos efectivamente a nuestro código, vincularemos estas variables en nuestro `hardhat.config.js` en el paso 13.
 
-<InfoBanner isWarning>
+<Alert variant="warning">
+<AlertContent>
+<AlertDescription>
 ¡No exponga su <code>.env</code>! Asegúrese de que nunca comparte ni expone su archivo <code>.env</code> con nadie, ya que ello conlleva revelar sus secretos. Si está haciendo un control de la versión, añada <code>.env</code> a un archivo <a href="https://git-scm.com/docs/gitignore">gitignore</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Paso 12: Instalar Ethers.js {#step-12-install-ethersjs}
 
diff --git a/public/content/translations/es/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md b/public/content/translations/es/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
index 3a60ded969b..2d2a9b940b9 100644
--- a/public/content/translations/es/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
+++ b/public/content/translations/es/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
@@ -118,9 +118,13 @@ API_URL = "your-api-url"
 PRIVATE_KEY = "your-private-key"
 ```
 
-<InfoBanner isWarning>
+<Alert variant="warning">
+<AlertContent>
+<AlertDescription>
 ¡No exponga su <code>.env</code>! Asegúrese de que nunca comparte ni expone su archivo <code>.env</code> con nadie, si ello conlleva revelar sus secretos. Si está haciendo un control de la versión, añada <code>.env</code> a un archivo <a href="https://git-scm.com/docs/gitignore">gitignore</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### 7\. Cree el archivo `sendTx.js` {#create-sendtx-js}
 
diff --git a/public/content/translations/es/energy-consumption/index.md b/public/content/translations/es/energy-consumption/index.md
index 82dbe34015d..0807a529abf 100644
--- a/public/content/translations/es/energy-consumption/index.md
+++ b/public/content/translations/es/energy-consumption/index.md
@@ -61,9 +61,14 @@ Mientras que el consumo de energía de Ethereum es muy bajo, también se está d
 
 Las plataformas nativas de financiación de bienes públicos en Web3, como [Gitcoin](https://gitcoin.co) realizan rondas climáticas para estimular el desarrollo respetuoso con el medio ambiente en la capa de aplicación de Ethereum. A través del desarrollo de estas iniciativas (y otras, como por ejemplo, [DeSci](/desci/)), Ethereum se está convirtiendo en una tecnología medioambiental y socialmente positiva.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Si cree que esta página puede ser más precisa, plantee un problema o solicitud pull (PR). Las estadísticas de esta página son estimaciones basadas en datos disponibles públicamente; no representan una declaración oficial ni una promesa del equipo de ethereum.org ni de la Ethereum Foundation.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Más información {#further-reading}
 
diff --git a/public/content/translations/es/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/es/guides/how-to-create-an-ethereum-account/index.md
index a518e5bd293..d744f9b780f 100644
--- a/public/content/translations/es/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/es/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ Algunas aplicaciones le pedirán que guarde una "frase de recuperación" secreta
 **Cualquier persona que conozca la frase puede tomar el control de todos los fondos.** Nunca la comparta con nadie. Esta frase debe contener entre 12 a 24 palabras generadas al azar (el orden de las palabras importa).
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>¿Billetera instalada?</b><br/> Aprenda a usarla.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     Cómo utilizar una cartera
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 </div>
 
 ¿Interesado en otras guías? Eche un vistazo a nuestras [Guías paso a paso](/guides/).
diff --git a/public/content/translations/es/guides/how-to-revoke-token-access/index.md b/public/content/translations/es/guides/how-to-revoke-token-access/index.md
index 747678f27ad..73756265615 100644
--- a/public/content/translations/es/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/es/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ Le aconsejamos que actualice la herramienta de revocación transcurridos unos mi
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>¿Quiere saber más?</div>
   <ButtonLink href="/guides/">
     Consulte nuestras demás guías
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Preguntas más frecuentes
 
diff --git a/public/content/translations/es/guides/how-to-swap-tokens/index.md b/public/content/translations/es/guides/how-to-swap-tokens/index.md
index 3e1af025c3a..f6b45ff531f 100644
--- a/public/content/translations/es/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/es/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ Puede seguir el progreso de la transacción en cualquier navegador de cadena de
 Recibirá automáticamente los tokens intercambiados en su billetera una vez que la transacción sea procesada.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>¿Quiere saber más?</div>
   <ButtonLink href="/guides/">
     Consulte nuestras demás guías
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Preguntas más frecuentes
 
diff --git a/public/content/translations/es/guides/how-to-use-a-bridge/index.md b/public/content/translations/es/guides/how-to-use-a-bridge/index.md
index e029cc32235..6eab44542e8 100644
--- a/public/content/translations/es/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/es/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ Este proceso no debería tardar más de 10 minutos.
 Puede utilizar [chainlist.org](http://chainlist.org) para encontrar los detalles RPC de la red. Una vez que se añada la red y la transacción haya finalizado, deberían aparecer los tókenes en su cartera.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>¿Quiere saber más?</div>
   <ButtonLink href="/guides/">
     Consulte nuestras demás guías
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Preguntas más frecuentes
 
diff --git a/public/content/translations/es/guides/how-to-use-a-wallet/index.md b/public/content/translations/es/guides/how-to-use-a-wallet/index.md
index 42e1d0a573e..dea950fa610 100644
--- a/public/content/translations/es/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/es/guides/how-to-use-a-wallet/index.md
@@ -62,12 +62,15 @@ Su dirección será la misma en todos los proyectos de Ethereum. No tiene que re
 5. Confirme la solicitud en su cartera para establecer la conexión. ** Aceptar este mensaje no requiere gastar ETH **.
 6. ¡Y ya está! Puede empezar a utilizar la aplicación. Puede encontrar algunos proyectos interesantes en nuestra [ página DApps](/dapps/#explore). <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>¿Quiere saber más?</div>
   <ButtonLink href="/guides/">
     Consulte nuestras demás guías
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Preguntas más frecuentes
 
diff --git a/public/content/translations/es/nft/index.md b/public/content/translations/es/nft/index.md
index a010689ca3f..dfb94f82b2e 100644
--- a/public/content/translations/es/nft/index.md
+++ b/public/content/translations/es/nft/index.md
@@ -55,12 +55,15 @@ Los NFT se usan para muchas cosas, como por ejemplo:
 
 Tal vez sea usted un artista que quiere compartir su arte a través de los NFT, sin perder el control de su propiedad intelectual ni sacrificar sus ganancias, dándoselas a intermediarios. Puede crear un nuevo contrato que especifique el número de NFT, sus propiedades y añadir un enlace a la obra de arte específica. Como artista, **puede programar las regalías dentro del contrato inteligente** que se le deben pagar (p. ej., transferir el 5 % del precio de venta al propietario del contrato cada vez que un NFT se transfiera). Además, siempre podrá demostrar que creó los NFT, porque es el propietario de la [cartera](/glossary/#wallet) asociada al contrato. Sus compradores pueden comprobar fácilmente que poseen un **NFT auténtico** de su collección, porque su cartera[dirección](/glossary/#address) está asociada a un token en su contrato inteligente. Los pueden usar a través del ecosistema de Ethereum, confiando en su autenticidad.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Explore, compre o cree sus propios NFT de arte/coleccionables...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Explore arte en NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 O pongamos, por ejemplo, una entrada a un evento deportivo. Al igual que un **organizador de un evento puede elegir cuántas entradas vender**, el creador de un NFT puede decidir cuántas replicas existen. En algunos casos las copias son idénticas, como 5.000 entradas de admisión general. Algunas veces muchas copias acuñadas son muy similares, pero cada una difiere ligeramente, como una entrada con un asiento asignado. Estas se pueden comprar y vender entre pares directamente, sin tener que pasar por promotores o intermediarios de venta, porque pueden asegurarse de la autenticidad de la entrada revisando la dirección del contrato donde se crearon.
 
diff --git a/public/content/translations/es/roadmap/beacon-chain/index.md b/public/content/translations/es/roadmap/beacon-chain/index.md
index df6be5ab6a4..13ba54b7746 100644
--- a/public/content/translations/es/roadmap/beacon-chain/index.md
+++ b/public/content/translations/es/roadmap/beacon-chain/index.md
@@ -34,9 +34,14 @@ La transición de Ethereum a la prueba de participación hace que la red sea sig
 
 Y usando la prueba de participación como un mecanismo de consenso es un componente fundamental para [la seguridad, respecto al medio ambiente y la escalabilidad de Ethereum que tenemos ahora](/roadmap/vision/).
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Si le interesa convertirse en validador y contribuir con la seguridad de Ethereum, <a href="/staking/"> obtenga más información sobre la participación</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Preparación para la fragmentación {#setting-up-for-sharding}
 
diff --git a/public/content/translations/es/roadmap/danksharding/index.md b/public/content/translations/es/roadmap/danksharding/index.md
index 12b366149ca..ba68e6f711f 100644
--- a/public/content/translations/es/roadmap/danksharding/index.md
+++ b/public/content/translations/es/roadmap/danksharding/index.md
@@ -57,9 +57,9 @@ Si alguien conoce las ubicaciones aleatorias utilizadas para el compromiso, le r
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
   Ni Danksharding ni Proto-Danksharding siguen el modelo tradicional de "sharding" que tiene como objetivo dividir la cadena de bloques en varias partes. Las cadenas de fragmentación ya no forman parte de la hoja de ruta. En su lugar, Danksharding utiliza el muestreo distribuido de datos en varias masas para escalar Ethereum. Su implementación es mucho más sencilla. A este modelo a veces se le denomina «fragmentación de datos».
-</InfoBanner>
+</Alert>
 
 ## ¿Qué es Danksharding? {#what-is-danksharding}
 
diff --git a/public/content/translations/es/roadmap/index.md b/public/content/translations/es/roadmap/index.md
deleted file mode 100644
index 3e86766cb89..00000000000
--- a/public/content/translations/es/roadmap/index.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: Hoja de ruta de Ethereum
-description: El camino hacia una mayor escalabilidad, seguridad y sostenibilidad para Ethereum.
-lang: es
-template: roadmap
-image: /images/heroes/roadmap-hub-hero.jpg
-alt: "Hoja de ruta de Ethereum"
-summaryPoints:
-buttons:
-  - 
-    content: Actualizaciones futuras
-    toId: '¿Qué cambios están pendientes?'
-  - 
-    content: Actualizaciones anteriores
-    href: /history/
-    variant: borrador
----
-
-Ethereum ya es una plataforma poderosa para la coordinación global, pero aún se está mejorando. Un conjunto ambicioso de mejoras actualizará Ethereum de su forma actual a una plataforma de máxima resiliencia a escala completa. Estas actualizaciones se establecen en la hoja de ruta de Ethereum.
-
-**Para obtener más información sobre las actualizaciones anteriores de Ethereum, visite nuestra página [Historia](/history/)**
-
-## ¿Qué cambios le esperan a Ethereum? {#what-changes-are-coming}
-
-La hoja de ruta de Ethereum describe las mejoras específicas que se harán en el protocolo en el futuro. En general, la hoja de ruta traerá los siguientes beneficios a los usuarios de Ethereum:
-
-<CardGrid>
-  <RoadmapActionCard
-    href="/roadmap/scaling"
-    title="Transacciones más baratas"
-    image="scaling"
-    description="Rollups are too expensive and rely on centralized components, causing users to place too much trust in their operators. The roadmap includes fixes for both of these problems."
-    buttonText="More on reducing fees"
-  />
-  <RoadmapActionCard
-    href="/roadmap/security"
-    title="Mayor seguridad"
-    image="security"
-    description="Ethereum is already very secure but it can be made even stronger, ready to withstand all kinds of attack far into the future."
-    buttonText="More on security"
-  />
-  <RoadmapActionCard
-    href="/roadmap/user-experience"
-    title="Mejor experiencia de usuario"
-    image="userExperience"
-    description="More support for smart contract wallets and light-weight nodes will make using Ethereum simpler and safer."
-    buttonText="More on user experience"
-  />
-  <RoadmapActionCard
-    href="/roadmap/future-proofing"
-    title="Futura prevención de errores"
-    image="futureProofing"
-    description="Ethereum researchers and developers are solving tomorrow's problems today, readying the network for future generations."
-    buttonText="More on future proofing"
-  />
-</CardGrid>
-
-## ¿Por qué Ethereum necesita una hoja de ruta? {#why-does-ethereum-need-a-roadmap}
-
-Ethereum se actualiza periódciamente para mejorar su escalabilidad, seguridad o sostenibilidad. Uno de los principales puntos fuertes de Ethereum es la adaptación a medida que surgen nuevas ideas de la investigación y el desarrollo. La adaptabilidad le da a Ethereum la flexibilidad para hacer frente a los desafíos emergentes y mantenerse al día con los avances tecnológicos más avanzados.
-
-<RoadmapImageContent title="Cómo se define la hoja de ruta">
-
-La hoja de ruta es principalmente el resultado de años de trabajo de investigadores y desarrolladores, dado que el protocolo es muy técnico. No obstante cualquier persona motivada puede participar. Las ideas suelen comenzar como discusiones en un foro como [ethresear.ch](https://ethresear.ch/), [Ethereum Magicians](https://ethereum-magicians.org/) o en el servidor de Discord de Eth R&D. Puede haber respuestas a nuevas vulnerabilidades descubiertas, sugerencias de organizaciones que trabajen en la capa de aplicaciones (como [dapps](/glossary/#dapp) y exchanges) o temas relacionados con dificultades para los usuarios finales (como los costos o la velocidad de transacción). Cuando estas ideas maduren, se pueden proponer como [propuestas de mejora de Ethereum o EIP] (https://eips.ethereum.org/). Todo esto se hace en público para que cualquier persona de la comunidad pueda intervenir en cualquier momento.
-
-[Más información sobre la gobernanza de Ethereum](/gobernanza/)
-
-</RoadmapImageContent>
-
-<InfoBanner mb={8}>
-  <h4 style={{ marginTop: 0 }}>¿Qué era ETH2?</h4>
-
-  <p>El término "Eth2" se utilizaba comúnmente para referirse al futuro de Ethereum antes del cambio a <a href="/glossary/#pos">prueba de participación</a>, pero <strong>cayó en desuso en favor de una terminología más precisa.</strong> Originalmente, se usaba para diferenciar la red de Ethereum antes del cambio a la prueba de participación y la red luego de realizarse este cambio, o a veces para referirse a los diferentes clientes de ejecución de Ethereum (los <a href="/glossary/#execution-client">clientes de ejecución</a> a veces se denominaban clientes ETH1 y los <a href="/glossary/#consensus-client">clientes de consenso</a> a veces se denominaban clientes ETH2).</p>
-
-</InfoBanner>
-
-## ¿Cambiará la hoja de ruta de Ethereum con el tiempo? {#will-ethereums-roadmap-change-over-time}
-
-**Sí, casi definitivamente**. La hoja de ruta es el plan actual para actualizar Ethereum, que cubre los planes a corto plazo y futuros. Esperamos que la hoja de ruta cambie a medida que se disponga de nueva información y tecnología.
-
-Piense en la hoja de ruta de Ethereum como un conjunto de intenciones para mejorar Ethereum; es la mejor hipótesis de los investigadores y los desarrolladores principales sobre el camino más óptimo hacia adelante para Ethereum.
-
-## ¿Cuándo terminará la hoja de ruta? {#when-will-the-roadmap-be-finished}
-
-Algunas actualizaciones tienen una prioridad más baja y es probable que no se implementen durante los próximos 5-10 años (por ejemplo, la resistencia cuántica). **Dar un momento preciso de cada actualización es complicado de predecir**, ya que muchos elementos de la hoja de ruta se trabajan en paralelo y se desarrollan a diferentes ritmos. La urgencia de una actualización también puede cambiar con el tiempo dependiendo de factores externos (por ejemplo, un salto repentino en el rendimiento y la disponibilidad de los ordenadores cuánticos puede hacer que la criptografía resistente a los cuánticos sea más urgente).
-
-Una forma de pensar en el desarrollo de Ethereum es por analogía con la evolución biológica. Es más probable que una red que sea capaz de adaptarse a los nuevos desafíos y mantener la aptitud tenga más éxito que la resistente al cambio, aunque a medida que la red se vuelve cada vez más eficiente, escalable y segura, se requerirán menos cambios en el protocolo.
-
-## ¿Tengo que hacer algo cuando haya una actualización? {#do-i-have-to-do-anything-when-there-is-an-upgrade}
-
-Las actualizaciones tienden a no afectar a los usuarios finales, excepto al proporcionar mejores experiencias de usuario y un protocolo más seguro y tal vez más <i>opciones</i> sobre cómo interactuar con Ethereum. **Los usuarios normales no están obligados a participar activamente en una actualización ni a hacer nada** para asegurar sus activos. Los operadores de [nodos](/glossary/#node) tendrán que actualizar sus clientes para prepararse para una actualización. Algunas actualizaciones pueden provocar cambios para los desarrolladores de aplicaciones. Por ejemplo, las actualizaciones de caducidad del historial pueden llevar a los desarrolladores de aplicaciones a obtener datos históricos de nuevas fuentes.
-
-## ¿Y qué pasa con The Verge, The Splurge, etc? {#what-about-the-verge-splurge-etc}
-
-[Vitalik Buterin propuso una visión para la hoja de ruta de Ethereum](https://twitter.com/VitalikButerin/status/1741190491578810445) que estaba organizada en varias categorías vinculadas por sus efectos en la arquitectura de Ethereum. Incluía:
-
-- **La Fusión**: actualizaciones relacionadas con el cambio de [prueba de trabajo](/glossary/#pow) a [prueba de participación](/glossary/#pos)
-- **El Surge**: actualizaciones relacionadas con la escalabilidad por medio de [rollups](/glossary/#rollups) y fragmentación de datos
-- **El Scourge**: actualizaciones relacionadas con la resistencia a la censura, la descentralización y los riesgos de protocolo de [MEV](/glossary/#mev)
-- **El Verge**: actualizaciones relacionadas con la verificación de [bloques](/glossary/#block) más fácilmente
-- **The Purge**: actualizaciones relacionadas con la reducción de los costos computacionales de los nodos de ejecución y la simplificación del protocolo
-- **El Splurge**: otras actualizaciones que no encajan bien en las categorías anteriores
-
-Decidimos no usar esta terminología porque queríamos usar un modelo más simple y centrado en el usuario. Aunque utilizamos un lenguaje centrado en el usuario, la visión sigue siendo la misma que la propuesta por Vitalik.
-
-## ¿Qué pasa con la fragmentación? {#what-about-sharding}
-
-El sharding está dividiendo la cadena de bloques de Ethereum para que los subconjuntos de [validadores](/glossary/#validator) solo sean responsables de una fracción del total de datos. Originalmente, esta iba a ser la forma de escalar Ethereum. Sin embargo, los rollups de [capa 2](/glossary/#layer-2) se han desarrollado mucho más rápido de lo esperado y ya han proporcionado mucha escalabilidad, y proporcionarán mucho más después de que se implemente Proto-Danksharding. Esto significa que ya no se necesitan «cadenas fragmentadas» y se han eliminado de la hoja de ruta.
-
-## ¿Busca actualizaciones técnicas específicas? {#looking-for-specific-technical-upgrades}
-
-- [Danksharding](/roadmap/danksharding): Danksharding hace que las acumulaciones de capa 2 sean mucho más baratas para los usuarios al añadir «masas» de datos a los bloques de Ethereum.
-- [Retiradas de participación](/staking/withdrawals): la actualización de Shanghai/Capella posibilitó las retiradas de participación en Ethereum, lo que permitió a las personas desbloquear su ETH en participación.
-- [Finalidad de una sola ranura](/roadmap/single-slot-finality): en lugar de esperar quince minutos, los bloques podrían proponerse y finalizarse en la misma ranura. Esto resulta más práctico para las aplicaciones y mucho más difícil de atacar.
-- [Separación entre proponentes y constructores](/roadmap/pbs): dividir las tareas de construcción de bloques y propuestas de bloques entre validadores separados crea una forma más justa, más resistente a la censura y eficiente para que Ethereum llegue a un consenso.
-- [Eleccion de líder secreto](/roadmap/secret-leader-election): se puede utilizar una criptografía inteligente para garantizar que la identidad del actual proponente de bloques no se haga pública, protegiéndolos de ciertos tipos de ataques.
-- [Abstracción de cuenta](/roadmap/account-abstraction): la abstracción de cuenta es una clase de actualización que admite carteras de contratos inteligentes de forma nativa en Ethereum, en lugar de tener que usar middleware complejo.
-- [Árboles de Verkle](/roadmap/verkle-trees): los árboles de Verkle son una estructura de datos que se puede utilizar para habilitar clientes sin estado en Ethereum. Estos clientes «sin estado» requerirán una pequeña cantidad de espacio de almacenamiento, pero aún así podrán verificar nuevos bloques.
-- [Sin estado](/roadmap/statelessness): los clientes sin estado podrán verificar nuevos bloques sin tener que almacenar grandes cantidades de datos. Esto proporcionará todos los beneficios de ejecutar un nodo con solo una pequeña fracción de los costes actuales.
diff --git a/public/content/translations/es/roadmap/merge/index.md b/public/content/translations/es/roadmap/merge/index.md
index ad5315318b4..21e68778783 100644
--- a/public/content/translations/es/roadmap/merge/index.md
+++ b/public/content/translations/es/roadmap/merge/index.md
@@ -37,9 +37,13 @@ La Fusión representa la transición oficial al uso de la cadena de baliza como
 
 El historial no se ha perdido tras La Fusión. Ya que la red principal se fusionó con la cadena de baliza, también se produjo una fusión de todo el historial de transacciones de Ethereum.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Esta transición a la prueba de participación ha cambiado la forma en la que se emiten Ethers. Más información sobre <a href="/roadmap/merge/issuance/">la emisión de ether antes y después de La Fusión</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Usuarios y titulares {#users-holders}
 
diff --git a/public/content/translations/es/roadmap/merge/issuance/index.md b/public/content/translations/es/roadmap/merge/issuance/index.md
index eab06f0b79a..d94de59b619 100644
--- a/public/content/translations/es/roadmap/merge/issuance/index.md
+++ b/public/content/translations/es/roadmap/merge/issuance/index.md
@@ -54,11 +54,15 @@ Suministro total de ETH: **~120.520.000 ETH** (en el momento de La Fusión en se
 - Lo que da como resultado **~620.500** ETH emitidos en un año.
 - Lo que generó una tasa de inflación de **aproximadamente 0,52%** (620,5 K por año / 119,3 M en total).
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 <strong>Tasa de emisión anual total (antes de La Fusión): ~4,61%</strong> (4,09% + 0,52%)<br/><br/>
 <strong>~88,7%</strong> de la emisión iba a los mineros en la capa de ejecución (4,09 / 4,61 * 100)<br/><br/>
 <strong>~11,3%</strong> era emitida para los participantes en la capa de consenso (0,52 / 4,61 * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Después de La Fusión (Presente) {#post-merge}
 
@@ -84,18 +88,26 @@ Cuantos más validadores salgan, más se irá reduciendo gradualmente el número
 - La emisión de la capa de ejecución: **0**
 - La emisión de la capa de consenso: igual a la anterior, **~0,52%** tasa emitida anualmente (con un total de 14 millones de ETH apostados)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Tasa de emisión anual total: <strong>~0,52%</strong><br/><br/>
 Reducción neta de la emisión anual de ETH: <strong>~88,7%</strong> ((4,61% - 0,52%) / 4,61% * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## <Emoji text=":fire:" size="1" />La quema {#the-burn}
 
 La fuerza opuesta a la emisión de ETH es la tasa a la cual se quema ETH. Para que se ejecute una transacción en Ethereum, se debe pagar una comisión mínima (conocida como «tarifa de base»), que fluctúa constantemente (bloque-a-bloque) dependiendo de la actividad de la red. La tarifa se debe pagar en ETH y se _requiere_ para que se considere una transacción válida. La tarifa se _quema_ durante el proceso de la transacción, eliminándola de la circulación.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 La quema de la comisión empezó con <a href="/history/#london">la actualización London</a> en agosto del 2021, y no se le han implementado más cambios desde La Fusión.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Además de la tarifa implementada en la actualización London, los validadores también pueden incurrir en penalizaciones por estar fuera de línea, o peor aún, se les puede recortar por romper las reglas específicas que amenazan la seguridad de la red. Estas penalizaciones ocasionan una reducción de ETH del saldo de los validadores, que no recompensa directamente ninguna otra cuenta, quemándolos/eliminándolos efectivamente de circulación.
 
diff --git a/public/content/translations/es/roadmap/scaling/index.md b/public/content/translations/es/roadmap/scaling/index.md
index 84432824a65..778e7e78d45 100644
--- a/public/content/translations/es/roadmap/scaling/index.md
+++ b/public/content/translations/es/roadmap/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 Ethereum escala utilizando las [capas 2](/layer-2/#rollups) (también conocidas como acumulaciones o «rollups»), que agrupan transacciones y envían el resultado a Ethereum. Aunque las acumulaciones son hasta ocho veces más baratas que la red principal de Ethereum, es posible optimizarlas aún más para reducir costes para los usuarios finales. Las acumulaciones dependen de algunos componentes centralizados que los desarrolladores podrán eliminar en la medida en que dichas acumulaciones maduren.
 
-<InfoBanner mb={8} title="Costos de transacción">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  Costos de transacción
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>Los rollups actuales son <strong>~5-20 veces</strong> más baratos que Ethereum de capa 1.</li>
     <li>Las acumulaciones ZK pronto reducirán un <strong>~40-100</strong> las tarifas.</li>
     <li>Los próximos cambios en Ethereum traerán un incremento de <strong>~100-1.000</strong> en escalabilidad.</li>
     <li style={{ marginBottom: 0 }}>Los usuarios deberían beneficiarse con transacciones <strong>que cuesten menos de 0,001 USD</strong>.</li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Abaratar los datos {#making-data-cheaper}
 
diff --git a/public/content/translations/es/security/index.md b/public/content/translations/es/security/index.md
index 2f4039cf798..cc3851cca6e 100644
--- a/public/content/translations/es/security/index.md
+++ b/public/content/translations/es/security/index.md
@@ -124,11 +124,12 @@ Como norma general, el personal nunca se comunicará con usted a través de cana
 - Nunca permita a nadie acceso remoto a su ordenador.
 - Nunca se comunique fuera de los canales designados por una organización.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Atención: aunque las estafas del estilo del soporte técnico suelen ocurrir en Discord, también pueden prevalecer en cualquier aplicación de chat en la que se hable de criptomonedas, incluido el correo electrónico.
   </div>
-</InfoBanner>
+</Alert>
 
 ### Estafa del token Eth2 {#eth2-token-scam}
 
@@ -215,11 +216,12 @@ Una contraseña segura que ha sido revelada en una violación de datos deja de s
 
 ### Use un gestor de contraseñas {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     Un gestor de contraseñas se encarga de crear contraseñas seguras, únicas y recordarlas. Le <strong>aconsejamos vivamente</strong> que utilice uno, ¡y la mayoría de ellos son gratis!
   </div>
-</InfoBanner>
+</Alert>
 
 Recordar contraseñas seguras y únicas para cada cuenta que tenga no es la solución perfecta. Un gestor de contraseñas ofrece un espacio seguro y cifrado para todas sus contraseñas, a las que puede acceder a través de una contraseña maestra segura. También le sugiere contraseñas seguras al registrarse en un nuevo servicio, por lo que no tiene que crear sus propias contraseñas. Muchos administradores de contraseñas también le dirán si sus datos han sido filtrados, permitiéndole cambiar las contraseñas antes de cualquier ataque malicioso.
 
@@ -242,11 +244,12 @@ En ocasiones le pueden pedir que autentifique su identidad a través de pruebas
 
 Usar un **Factor de Doble Autenticación (2FA)** provee un *factor de seguridad* adicional para sus cuentas en línea. 2FA asegura que no sea posible acceder a su cuenta con solo tener su contraseña. Lo más común es que el segundo factor sea un código aleatorio de 6 dígitos, conocido como una **contraseña de una sola vez basada en (TOTP)**, que puede acceder a través de una aplicación de autenticación, como Google Authenticator o Authy. Estos funcionan como un factor de «algo que usted posee», porque la semilla que genera el código temporizado se almacena en su dispositivo.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Nota: El uso de 2FA basado en SMS es susceptible a <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM jacking</a> y no es seguro. Para lograr mayor seguridad, utilice un servicio como <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> o <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Herramientas de seguridad {#security-keys}
 
diff --git a/public/content/translations/es/staking/withdrawals/index.md b/public/content/translations/es/staking/withdrawals/index.md
index 930857ad951..3b41e3ba557 100644
--- a/public/content/translations/es/staking/withdrawals/index.md
+++ b/public/content/translations/es/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Antes de la actualización Shanghai/Capella, no se podía usar o acceder a sus E
 
 Proporcionar una dirección de retirada es un paso obligatorio para cualquier cuenta de validdor antes de que sea elegible para que se retiren ETH de su saldo.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>A cada cuenta de validador sólo se le puede asignar una dirección de retirada, una vez.</strong> Cuando se elige una dirección y se envía a la capa de consenso, no puede deshacerse ni cambiarse nuevamente. Vuelva a verificar la propiedad y la precisión de la dirección proporcionada antes de enviarla.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Mientras tanto <strong>no hay ninguna amenaza para sus fondos</strong> por no proporcionar esto, asumiendo que su frase mnemónica/de recuperación esté segura fuera de línea, y no se vea afectada de ninguna manera. Si no agrega las credenciales de retirada, simplemente dejará los ETH bloqueados en la cuenta del validador como ha estado hasta que se proporcione una dirección de retirada.
 
@@ -82,11 +87,16 @@ Lea la explicación sobre retirads de apuestas en Ethereum hecha por Finematics:
 
 Cuando un validador está programado para proponer el siguiente bloque, se requiere construir una cola de retirada, de hasta 16 retiradas elegibles. Para ello se empieza originariamente con el índice del validador 0, que determina si hay una retirada elegible para esta cuenta según las reglas del protocolo y se añade a la cola, si existe. El validador establecido para proponer el siguiente bloque lo tomará ahí donde el último lo haya dejado y irá procesando las órdenes de manera indefinida.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Piense en un reloj analógico. La manecilla en el reloj marca la hora, avanza en un sentido, no se salta ninguna hora y, al alcanzar el último número, vuelve nuevamente al punto de inicio.<br/><br/>
 Ahora en lugar del 1 al 12, imagine que el reloj tiene de 0 hasta N <em>(el número total de cuentas validadoras que alguna vez se registraron en la capa de consenso, más de 500.000 en enero de 2023).</em><br/><br/>
 La manecilla en el reloj apunta hacia el siguiente validador que necesita ser verificado antes de permitirle retiradas. Empieza a partir de 0, y avanza todo el camino alrededor sin saltarse ninguna cuenta. Cuando se alcance el último validador, el ciclo continúa volviendo al principio.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Cómo comprobar si una cuenta es elegible para retirada {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/es/web3/index.md b/public/content/translations/es/web3/index.md
index 94021a37c16..0ddb077b5dd 100644
--- a/public/content/translations/es/web3/index.md
+++ b/public/content/translations/es/web3/index.md
@@ -61,12 +61,15 @@ La Web3 le otorga la propiedad de sus activos digitales de una manera sin preced
 
 Web3 permite la propiedad directa a través de [tokens no fungibles (NFT)](/glossary/#nft). Nadie, ni siquiera los creadores del juego, tienen el poder de quitarle la propiedad. Y, si deja de jugar, puede vender o intercambiar sus objetos del juego en mercados abiertos y recuperar su valor.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Saber más sobre NFT</div>
   <ButtonLink href="/nft/">
     Más información sobre NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Resistencia a la censura {#censorship-resistance}
 
@@ -86,12 +89,15 @@ La definición técnica de DAO consiste en [contratos inteligentes](/glossary/#s
 
 Sin embargo, las personas definen muchas comunidades Web3 como si fueran DAO. Todas estas comunidades tienen diferentes niveles de descentralización y automatización mediante código. En la actualidad, estamos explorando qué son las DAO y cómo podrían evolucionar en el futuro.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Más información sobre las DAO</div>
   <ButtonLink href="/dao/">
     Claves sobre las DAO
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Identidad {#identity}
 
diff --git a/public/content/translations/fa/contributing/translation-program/how-to-translate/index.md b/public/content/translations/fa/contributing/translation-program/how-to-translate/index.md
index 994adc6f47a..f91b2be3961 100644
--- a/public/content/translations/fa/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/fa/contributing/translation-program/how-to-translate/index.md
@@ -76,9 +76,12 @@ description: راهنمای استفاده از Crowdin جهت ترجمه‌ eth
 
 هنگامی که ترجمه را کامل کردید (یعنی همه فایل‌های سبد محتوا 100% را نشان می‌دهد)، خدمات ترجمه حرفه‌ای ما محتوا را بررسی می‌کند (و احتمالاً ویرایش می‌کند). پس از تکمیل بررسی (یعنی وقتی پیشرفت بازبینی 100٪ شد)، آن را به وب سایت اضافه می کنیم.
 
-<InfoBanner shouldCenter emoji=":warning:">
+<Alert variant="update">
+<Emoji text=":warning:" className="text-4xl"/>
+<AlertContent>
   لطفا از ترجمه‌های ماشینی برای ترجمه‌ پروژه استفاده نکنید. همه‌ ترجمه‌ها پیش از اضافه شدن به وبسایت بررسی می‌شوند. اگر ترجمه‌های شما، ترجمه‌ ماشینی به نظر برسند، رد می‌شوند و افرادی که از ترجمه‌های ماشینی استفاده کنند معمولا از پروژه حذف می‌شوند.
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### در ارتباط باشید {#get-in-touch}
 
diff --git a/public/content/translations/fa/defi/index.md b/public/content/translations/fa/defi/index.md
index d3e480e6b52..fe51bb6d521 100644
--- a/public/content/translations/fa/defi/index.md
+++ b/public/content/translations/fa/defi/index.md
@@ -63,12 +63,16 @@ DeFi یک واژه‌ی کلی برای محصولات و خدمات مالی د
 
 عجیب به نظر می‌رسد... «چرا باید بخواهم پولم را برنامه‌نویسی کنم؟» با این حال، این کار چیزی فراتر از ویژگی‌های پیش‌فرض توکن‌ها در اتریوم است. هر شخصی می‌تواند منطق را بر روی پرداخت‌ها برنامه‌نویسی کند. پس می‌توانید کنترل و ایمنی بیت‌کوین را در کنار خدمات ارائه‌شده توسط نهادهای مالی داشته باشید. با این ویژگی شما می‌توانید کارهایی با ارزهای رمزنگاری‌شده بکنید که با بیت‌کوین نمی‌توانستید انجام دهید؛ مثل قرض دادن و قرض گرفتن، برنامه‌ریزی کردن پرداخت‌ها، سرمایه‌گذاری در صندوق‌های سرمایه‌گذاری مبتنی بر شاخص و غیره.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>اگر تازه پا به جهان اتریوم گذاشته‌اید، نگاهی به پیشنهاد‌های ما برای برنامه‌های DeFi جهت استفاده بیاندازید.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     مشاهده‌ی برنامه‌های DeFi
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
+
 
 ## با DeFi چه کارهایی می‌توان کرد؟ {#defi-use-cases}
 
diff --git a/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/index.md
index f031539aaee..367ae516673 100644
--- a/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/index.md
@@ -6,9 +6,14 @@ lang: fa
 
 شبکه اتریوم با استفاده از یک مکانیزم اجماعی که شامل **[اثبات کار (PoW)](/developers/docs/consensus-mechanisms/pow)** بود، شروع به کار کرد. این موضوع به گره های شبکه اتریوم اجازه داد روی وضعیت تمام اطلاعات ثبت شده روی زنجیره‌‌ بلوکی اتریوم به توافق برسند و از انواع خاصی از حملات اقتصادی جلوگیری کنند. با این حال، اتریوم اثبات کار را در سال 2022 خاموش کرد و به جای آن شروع به استفاده از [اثبات سهام](/developers/docs/consensus-mechanisms/pos) کرد.
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
     در حال حاضر اثبات کار منسوخ شده است. اتریوم دیگر از اثبات کار به عنوان بخشی از مکانیزم اجماع خود استفاده نمی کند. در عوض، از اثبات سهام استفاده می کند. در مورد <a href="/developers/docs/consensus-mechanisms/pos/">اثبات سهام</a> و <a href="/staking/">سهام گذاری</a> بیشتر بخوانید.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## پیش‌نیازها {#prerequisites}
 
diff --git a/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/index.md
index 501b8ba675c..1b9533c4a66 100644
--- a/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -4,9 +4,14 @@ description: توضیحی درباره نحوه کار استخراج روی ا
 lang: fa
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 اثبات-کار دیگر مکانیزم اجماع اتریوم نیست، و در نتیجه استخراج اتریوم متوفف شده است. در عوض، اتریوم توسط اعتبارسنج‌هایی که اتریوم را سهام گذاری می‌کنند، ایمن می‌شود. شما می‌توانید از امروز شروع به سهام‌گذاری اتر خود کنید. درباره‌ <a href='/roadmap/merge/'>ادغام</a>، <a href='/developers/docs/consensus-mechanisms/pos/'>اثبات سهام</a> و <a href='/staking/'>سهام‌گذاری</a> بیشتر بخوانید. این صفحه تنها برای علاقمندان به تاریخچه پروژه است.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## پیش‌نیازها {#prerequisites}
 
diff --git a/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index 1f40853bfd7..981b5c2c199 100644
--- a/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -4,9 +4,14 @@ description: نگاهی دقیق به الگوریتم Ethash.
 lang: fa
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
    Ethash الگوریتم استخراج اثبات کار اتریوم بود. اثبات کار اکنون **به طور کامل خاموش شده** و اتریوم اکنون با استفاده از <a href="/developers/docs/consensus-mechanisms/pos/">اثبات سهام</a> امن شده است. درباره‌ <a href="/roadmap/merge/">ادغام</a> و <a href="/developers/docs/consensus-mechanisms/pos/">اثبات سهام</a> و <a href="/staking/">سهام گذاری</a> بیشتر بخوانید. این صفحه صرفاً برای علاقه‌مندان به تاریخ است!  
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 [Ethash](https://github.com/ethereum/wiki/wiki/Ethash) نسخه اصلاح شده الگوریتم [Dagger-Hashimoto](/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/dagger-hashimoto) است. اثبات کار Ethash نیازمند [حافظه سخت](https://wikipedia.org/wiki/Memory-hard_function) است که تصور می‌شد این الگوریتم را در برابر دستگاه‌های ASIC مقاوم می‌کند. در نهایت، دستگاه‌های Ethash ASIC توسعه یافتند، اما تا زمانی که اثبات کار خاموش شد، استخراج با GPU همچنان یک گزینه قابل اجرا بود. Ethash هنوز برای استخراج سکه های دیگر در سایر شبکه های اثبات کار غیر اتریوم استفاده می شود.
 
diff --git a/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index 0d659e167c5..03949eaa557 100644
--- a/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -4,9 +4,14 @@ description: نگاه دقیق تر به الگوریتم‌های استفاد
 lang: fa
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 اثبات-کار دیگر مکانیزم اجماع اتریوم نیست، و در نتیجه استخراج اتریوم متوفف شده است. در عوض، اتریوم توسط اعتبارسنج‌هایی که اتریوم را سهام گذاری می‌کنند، ایمن می‌شود. شما می‌توانید از امروز شروع به سهام‌گذاری اتر خود کنید. درباره‌ <a href='/roadmap/merge/'>ادغام</a>، <a href='/developers/docs/consensus-mechanisms/pos/'>اثبات سهام</a> و <a href='/staking/'>سهام‌گذاری</a> بیشتر بخوانید. این صفحه تنها برای علاقمندان به تاریخچه پروژه است.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 استخراج اتریوم با استفاده از الگوریتمی به نام Ethash انجام می‌شد. ایده بنیادی این الگوریتم این است که ماینر تلاش می‌کند با محاسبات جستجوی فراگیر (brute force)، عدد منحصربفرد (nonce) ورودی را پیدا کند که نتیجه استفاده از آن، تولید هش کوچکتر از حد آستانه تعیین شده توسط سختی محاسبه شده است. سطح سختی به طور دینامیک قابل تنظیم است تا بدین وسیله ساخت بلوک در بازه‌های زمانی منظم اتفاق بیفتد.
 
diff --git a/public/content/translations/fa/energy-consumption/index.md b/public/content/translations/fa/energy-consumption/index.md
index 694722162fa..0c1612df934 100644
--- a/public/content/translations/fa/energy-consumption/index.md
+++ b/public/content/translations/fa/energy-consumption/index.md
@@ -61,9 +61,14 @@ lang: fa
 
 پلتفرمهای بومی Web3 برای تامین هزینه کالاهای عمومی مثل [Gitcoin](https://gitcoin.co) میزگردهای مربوط به اقلیم را برای تحریک ساخت سازگار با محیط زیست در لایه اپلیکیشن اتریوم، اجرا می‌کنند. به خاطر این ابتکارها (و موارد دیگر مثل [DeSci](/desci/)) اتریوم از جنبه محیط زیستی و اجتماعی در حال تبدیل شدن به یک تکنولوژی کاملا مثبت است.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   اگر فکر می‌کنید این صفحه می‌تواند دقیق‌تر شود، لطفاً آن را در قالب یک مشکل یا درخواست مطرح کنید. آمار این صفحه بر اساس داده های عمومی می باشد. آنها نشان‌دهنده اعلام رسمی یا قول تیم ethereum.org یا بنیاد اتریوم نیستند.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## بیشتر بخوانید {#further-reading}
 
diff --git a/public/content/translations/fa/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/fa/guides/how-to-create-an-ethereum-account/index.md
index fd82213725d..de63c1ec0ac 100644
--- a/public/content/translations/fa/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/fa/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ lang: fa
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div>می‌خواهید بیشتر بدانید؟</div>
   <ButtonLink href="/guides/">
     راهنماهای دیگر ما را ببینید
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 
 ## پرسش‌های متداول
 
diff --git a/public/content/translations/fa/guides/how-to-revoke-token-access/index.md b/public/content/translations/fa/guides/how-to-revoke-token-access/index.md
index 92c0f5297bc..fcc20a5020d 100644
--- a/public/content/translations/fa/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/fa/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ lang: fa
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>می‌خواهید بیشتر بدانید؟</div>
   <ButtonLink href="/guides/">
     راهنماهای دیگر ما را ببینید
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## پرسش‌های متداول
 
diff --git a/public/content/translations/fa/guides/how-to-swap-tokens/index.md b/public/content/translations/fa/guides/how-to-swap-tokens/index.md
index c8167627c32..77facf4a341 100644
--- a/public/content/translations/fa/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/fa/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ lang: fa
 به محض تکمیل پردازش تراکنش، به صورت خودکار توکن‌های تعویض شده را در کیف پول خود دریافت خواهید کرد.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>می‌خواهید بیشتر بدانید؟</div>
   <ButtonLink href="/guides/">
     راهنماهای دیگر ما را ببینید
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## پرسش‌های متداول
 
diff --git a/public/content/translations/fa/guides/how-to-use-a-bridge/index.md b/public/content/translations/fa/guides/how-to-use-a-bridge/index.md
index ec9d9c26249..fce39fa174f 100644
--- a/public/content/translations/fa/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/fa/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ lang: fa
 می‌توانید از [chainlist.org](http://chainlist.org) برای پیداکردن جزئیات RPC شبکه استفاده کنید. به محض اینکه شبکه اضافه شود و تراکنش پایان یابد، باید توکن‌ها را در کیف‌پولتان مشاهده کنید.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>می‌خواهید بیشتر بدانید؟</div>
   <ButtonLink href="/guides/">
     راهنماهای دیگر ما را ببینید
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## پرسش‌های متداول
 
diff --git a/public/content/translations/fa/guides/how-to-use-a-wallet/index.md b/public/content/translations/fa/guides/how-to-use-a-wallet/index.md
index 8f55e38bc2b..6440efbb473 100644
--- a/public/content/translations/fa/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/fa/guides/how-to-use-a-wallet/index.md
@@ -62,12 +62,15 @@ lang: fa
 5. برای برقرار کردن اتصال، درخواست امضا را در کیف پول خود تایید کنید. **برای امضای این پیام، نباید به پرداخت هیچ ETH نیاز باشد**.
 6. همین! استفاده از اپلیکیشن را شروع کنید. در [صفحه برنامه های غیرمتمرکز](/dapps/#explore) می توانید پروژه های جالبی را پیدا کنید. <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>می‌خواهید بیشتر بدانید؟</div>
   <ButtonLink href="/guides/">
     راهنماهای دیگر ما را ببینید
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## پرسش‌های متداول
 
diff --git a/public/content/translations/fa/nft/index.md b/public/content/translations/fa/nft/index.md
index 8989820ca83..f7f70c60015 100644
--- a/public/content/translations/fa/nft/index.md
+++ b/public/content/translations/fa/nft/index.md
@@ -54,12 +54,15 @@ NFTها کاربرد بسیاری دارند، از جمله:
 
 شاید هنرمندی هستید که می‌خواهید با استفاده از NFT، و بدون از دست دادن کنترل و سودتان به واسطه‌ها، آثارتان را به اشتراک بگذارید. می‌توانید قرارداد هوشمند جدیدی بسازید و تعداد NFTها، مشخصات آنها و لینک ورود به برخی آثار هنری خاص را مشخص کنید. به‌عنوان هنرمند، **می‌توانید امتیازهایی را در قرارداد هوشمند برنامه‌ریزی کنید** که باید به شما پرداخت شود (مثلاً هر بار که یک NFT معامله می‌شود 5٪ از قیمت فروش به صاحب قرارداد منتقل شود). همچنین همیشه می‌توانید ثابت کنید که شما NFTها را تولید کرده‌اید، زیرا مالک [کیف پولی](/glossary/#wallet) هستید که قرارداد را منتشر کرده است. خریداران شما به‌راحتی می‌توانند ثابت کنند که مالک **یک NFT معتبر** متعلق به مجموعه شما هستند زیرا [آدرس](/glossary/#address) کیف‌پول آنها با توکنی در قرارداد هوشمند شما مرتبط است. آنها می‌توانند از آن در سراسر اکوسیستم اتریوم استفاده کنند و ضمناً از بابت اصالت آن خیالشان آسوده باشد.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>NFT اثر هنری/کالاهای خود را جستجو کنید، بخرید یا بسازید...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     کشف آثار هنری NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 و یا بلیت یک رویداد ورزشی را در نظر بگیرید. همانطور که **برگزارکننده‌ یک رویداد می‌تواند تعداد بلیت ها برای فروش را تعیین کند**، سازنده یک NFT می‌تواند درباره تعداد کپی‌های موجود از آن تصمیم بگیرد. گاهی این‌ها کپی‌هایی کاملاً شبیه به هم هستند، مانند 5000 بلیت ورودی بدون تعیین جای مشخص. گاهی چندین مورد ضرب می‌شود که بسیار شبیه به هم هستند، اما هریک با دیگری کمی تفاوت دارد؛ مانند بلیت یک صندلی اختصاصی. بلیت ها را می‌توان به شکل متناظر و بدون نیاز به واسطه خرید و فروش کرد و خریدار همیشه می‌تواند اصالت بلیت‌ها را با چک کردن اعتبار آدرس قرارداد چک کند.
 
diff --git a/public/content/translations/fa/roadmap/beacon-chain/index.md b/public/content/translations/fa/roadmap/beacon-chain/index.md
index e57d23f3644..07059e7b05c 100644
--- a/public/content/translations/fa/roadmap/beacon-chain/index.md
+++ b/public/content/translations/fa/roadmap/beacon-chain/index.md
@@ -34,9 +34,14 @@ summaryPoint3: زنجیره بیکن منطق اجماع و پروتکل شای
 
 و استفاده از اثبات سهام به عنوان مکانیزم اجماع، یک مؤلفۀ اساسی برای [ اتریوم امن، سازگار با محیط زیست و مقیاس‌پذیر است که اکنون داریم](/roadmap/vision/).
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   اگر علاقه‌مندید به یک اعتبارسنج تبدیل شوید و به ایمن‌سازی اتریوم کمک کنید، <a href="/staking/">دربارۀ سهام‌گذاری بیشتر بدانید</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### راه‌اندازی برای شاردینگ (زنجیره‌ای‌سازی) {#setting-up-for-sharding}
 
diff --git a/public/content/translations/fa/roadmap/danksharding/index.md b/public/content/translations/fa/roadmap/danksharding/index.md
index 63d136e8027..1b55d2453b3 100644
--- a/public/content/translations/fa/roadmap/danksharding/index.md
+++ b/public/content/translations/fa/roadmap/danksharding/index.md
@@ -57,9 +57,9 @@ KZG مخفف نام سه [نویسنده اصلی](https://link.springer.com/cha
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
   نه دنک‌شاردینگ و نه پروتو-دنک‌شاردینگ از مدل سنتی "شاردینگ" پیروی نمی‌کنند که هدف آن تقسیم بلاکچین به چندین بخش است. زنجیره‌های شارد (خرده‌زنجیره‌ها) دیگر بخشی از نقشه راه نیستند. در عوض، Danksharding از نمونه‌گیری داده‌های توزیع‌شده در توده‌ها برای مقیاس‌بندی اتریوم استفاده می‌کند. اجرای این بسیار ساده‌تر است. گاهی اوقات، از این مدل تحت عنوان «شاردینگ داده‌ها» یاد می‌شود.
-</InfoBanner>
+</Alert>
 
 ## Danksharding چیست؟ {#what-is-danksharding}
 
diff --git a/public/content/translations/fa/roadmap/index.md b/public/content/translations/fa/roadmap/index.md
deleted file mode 100644
index 33fbfd78fda..00000000000
--- a/public/content/translations/fa/roadmap/index.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: نقشه‌ راه اتریوم
-description: مسیری به سمت مقیاس‌پذیری، امنیت و پایداری بیشتر اتریوم.
-lang: fa
-template: roadmap
-image: /images/heroes/roadmap-hub-hero.jpg
-alt: "نقشه‌ راه اتریوم"
-summaryPoints:
-buttons:
-  - 
-    content: ارتقا‌های پیش‌ رو
-    toId: چه تغییراتی ایجاد خواهد شد
-  - 
-    content: ارتقاهای پیشین
-    href: /history/
-    variant: طرح کلی
----
-
-اتریوم همین الان هم یکی از قدرتمندترین پلتفورم‌های تعاملات جهانی محسوب می‌شود، اما تکامل آن همچنان ادامه دارد. مجموعه بهبودهای بلند‌پروازانۀ شبکه اتریوم در نهایت این پلتفوم را از وضعیت فعلی به پلتفورمی با مقیاس‌پذیری کامل و انعطاف حداکثری ارتقا خواهد داد. تمام این ارتقاها در نقشه راه اتریوم آمده است.
-
-**برای آگاهی از ارتقاهای پیشین اتریوم، لطفاً صفحه ما درباره [تاریخچه](/history/) اتریوم را مطالعه کنید**
-
-## اتریوم در افق آتی خود چه تغییراتی خواهد داشت؟ {#what-changes-are-coming}
-
-در نقشه راه اتریوم، کلیتی از بهبودهای خاص مطرح شده است که در آینده، به پروتکل شبکه اتریوم اعمال خواهد شد. به طور کلی، مزیت‌های اصلی نقشه راه اتریوم برای کاربران خود به شرح زیر است:
-
-<CardGrid>
-  <RoadmapActionCard
-    href="/roadmap/scaling"
-    title="تراکنش‌های ارزان‌تر"
-    image="scaling"
-    description="Rollups are too expensive and rely on centralized components, causing users to place too much trust in their operators. The roadmap includes fixes for both of these problems."
-    buttonText="More on reducing fees"
-  />
-  <RoadmapActionCard
-    href="/roadmap/security"
-    title="امنیت بالاتر"
-    image="security"
-    description="Ethereum is already very secure but it can be made even stronger, ready to withstand all kinds of attack far into the future."
-    buttonText="More on security"
-  />
-  <RoadmapActionCard
-    href="/roadmap/user-experience"
-    title="بهتر تجربه کاربری"
-    image="userExperience"
-    description="More support for smart contract wallets and light-weight nodes will make using Ethereum simpler and safer."
-    buttonText="More on user experience"
-  />
-  <RoadmapActionCard
-    href="/roadmap/future-proofing"
-    title="اثبات آتی"
-    image="futureProofing"
-    description="Ethereum researchers and developers are solving tomorrow's problems today, readying the network for future generations."
-    buttonText="More on future proofing"
-  />
-</CardGrid>
-
-## چرا اتریوم به نقشه راه نیاز دارد؟ {#why-does-ethereum-need-a-roadmap}
-
-اتریوم با دریافت ارتقاهای منظم، از بهبودی در مقیاس‌پذیری، امنیت یا پایداری شبکه بهره‌مند می‌شود. یکی از نقاط قوت اتریوم، پذیرش و تطبیق‌پذیری با ایده‌های جدیدی است که از جریان تحقیق و توسعه حاصل می‌شود. قابلیت تطبیق‌پذیری این امکان را به شبکه اتریوم داده است که در مواجهه با چالش‌های نوظهور بسیار منعطف عمل کرده و مجموعه اتریوم را در بالاترین سطح فناوری حفظ کند.
-
-<RoadmapImageContent title="چگونگی تعریف نقشه راه">
-
-عمدۀ این نقشۀ راه حاصل سال‌ها تلاش پژوهشگران و توسعه‌دهندگان است، زیرا این پروتکل بسیار تخصصی است. با این حال، هر فرد باانگیزه‌ای می‌تواند در این مسیر سهیم باشد. ایده‌ها معمولاً با بحث در انجمنی مانند [ethresear.ch](https://ethresear.ch/)، انجمن [Ethereum Magicians] (https://ethereum-magicians.org/) یا سرور دیسکورد Eth R&D شروع می‌شوند. آنها ممکن است پاسخی به آسیب‌پذیری‌های جدیدی باشند که کشف می‌شوند، پیشنهادات سازمان‌هایی باشند که در لایه برنامه کار می‌کنند (مانند [دپ ها](/glossary/#dapp) و صرافی ها) یا از اصطکاک‌های شناخته شده برای کاربران نهایی (مانند هزینه‌ها یا سرعت‌های تراکنش) باشند. زمانی که این ایده‌ها تکامل‌ یافتند، می‌توانند در قالب [پیشنهاد بهبود اتریوم] مطرح شوند (https://eips.ethereum.org/). تمام این فرآیند به شکل عمومی صورت می‌گیرد تا هر فردی از این جامعه بتواند هر زمانی در آن نقش داشته باشد.
-
-[مطالب بیشتر درباره حاکمیت اتریوم](/governance/)
-
-</RoadmapImageContent>
-
-<InfoBanner mb={8}>
-  <h4 style={{ marginTop: 0 }}>ETH2 چه بود؟</h4>
-
-  <p>اصطلاح "Eth2" معمولا برای توصیف آینده اتریوم قبل از تغییر به <a href="/glossary/#pos">اثبات سهام</a> استفاده می‌شد، اما <strong>در راستای اصطلاحات دقیق‌تر حذف شد.</strong> در ابتدا برای متمایز کردن شبکه اتریوم قبل از تغییر به اثبات سهام و شبکه بعد از آن استفاده می شد، یا گاهی اوقات برای اشاره به کاربرهای مختلف اتریوم (<a href="/glossary/#execution-client">کلاینت‌های اجرا</a>) به نام کاربرهای ETH1 شناخته می‌شدند و <a href="/glossary/#consensus-client">کاربرهای اجماع</a> گاهی اوقات به عنوان کاربرهای ETH2 شناخته می شدند.</p>
-
-</InfoBanner>
-
-## آیا نقشه راه اتریوم به مرور زمان تغییر خواهد کرد؟ {#will-ethereums-roadmap-change-over-time}
-
-**بله—تقریباً قطعاً**. نقشه راه اتریوم درواقع همان طرح کنونی برای ارتقای اتریوم است که هم طرح‌های میان‌مدت را شامل می‌شود و هم طرح‌های بلندمدت را. با در دسترس شدن اطلاعات و فناری جدید انتظار داریم که تغییراتی در نقشه راه ایجاد شود.
-
-به نقشه راه اتریوم به عنوان مجموعه ای از اهداف برای بهبود اتریوم فکر کنید. این بهترین فرضیه اصلی محققان و توسعه‌دهندگان در مورد بهینه ترین مسیر پیشروی اتریوم است.
-
-## نقشه راه کی به پایان می‌رسد؟ {#when-will-the-roadmap-be-finished}
-
-برخی از ارتقاء ها اولویت پایین‌تری دارند و احتمالاً تا 5 تا 10 سال آینده اجرا نخواهند شد (مثلاً مقاومت در برابر محاسبات کوانتومی). **ارائه زمان دقیق برای هر ارتقا پیش‌بینی را پیچیده می‌کند** زیرا بسیاری از موارد نقشه راه به صورت موازی کار می‌شوند و با سرعت‌های مختلف توسعه می‌یابند. از طرفی، اولویت پیاده‌سازی یک ارتقا نیز ممکن است با توجه به عوامل خارجی تغییر کند (به عنوان نمونه، جهش ناگهانی در عملکرد و دسترسی‌پذیری به کامپیوترهای کوانتومی می‌تواند رمزنگاری با مقاومت کوانتومی را در اولویت بالاتری قرار دهد).
-
-یکی از راه‌های ادراک فرآیند توسعه اتریوم مقایسه آن با تکامل زیستی است. شبکه‌ای که در مواجهه با چالش‌های جدید، قدرت سازگاری و تطبیق‌پذیری بالاتری دارد شانس موفقیت بیشتری نسبت به شبکه‌ای دارد که در مقابل تغییرات مقاومت می‌کند، البته هرچه شبکه قدرت بیشتری در عملکرد پیدا کند، تغییرات کمتری برای مقیاس‌پذیری و تأمین امنیت روی پروتکل لازم خواهد بود.
-
-## آیا لازم است در مواجهه با ارتقای شبکه کاری صورت دهم؟ {#do-i-have-to-do-anything-when-there-is-an-upgrade}
-
-ارتقاهای شبکه معمولاً تأثیر مستقیمی بر کاربران نهایی شبکه ندارد، جز اینکه کاربران نهایی می‌توانند تجربه کاربری بهتر، پرتوکلی امن‌تر یا شاید <i>امکانات</i> بیشتری برای تعامل با شبکه اتریوم را تجربه کنند. **کاربران عادی نیازی به مشارکت فعال در ارتقاء ندارند و از آنها نیز خواسته نمی‌شود کاری انجام دهند** که دارایی‌های خود را حفظ کنند. اپراتورهای [گره](/glossary/#node) باید کاربرهای خود را به‌روز کنند تا برای ارتقا آماده شوند. برخی از ارتقاها ممکن است موجب تغییراتی در روند کار توسعه‌دهندگان برنامه‌های کاربردی شود. به عنوان نمونه، ارتقاهای مربوط به دوره اتمام تاریخچه ممکن است توسعه‌دهندگان را به سمت کسب داده‌های پیشینه‌ای از منابع جدید سوق دهد.
-
-## ارتقاهای Verge و Splurge و غیره، چه نقشی در بهبود شبکه ایفا می‌کنند؟ {#what-about-the-verge-splurge-etc}
-
-[«ویتالیک بوترین» چشم‌اندازی را برای نقشه راه اتریوم پیشنهاد داد.](https://twitter.com/VitalikButerin/status/1741190491578810445) این چشم‌انداز شامل طبقه‌بندی‌های مختلف بود که از لحاظ اثراتشان روی ساختار شبکه اتریوم به هم متصل بودند. این چشم‌انداز شامل موارد زیر می‌شد:
-
-- **ادغام**: ارتقاهای مربوط به تغییر از [اثبات کار](/glossary/#pow) به [اثبات سهام](/glossary/#pos)
-- **موج بلند**: ارتقاهای مربوط به مقیاس پذیری توسط [رول‌آپ‌ها](/glossary/#rollups) و شاردینگ داده
-- **شلاق**: ارتقاهای مربوط به مقاومت در برابر سانسور، عدم تمرکز و خطرات پروتکل از سمت [MEV](/glossary/#mev)
-- **نزدیکی**: ارتقاهای مربوط به تأیید آسان‌تر [بلوک‌ها](/glossary/#block)
-- **پالایش**: ارتقاهای مربوط به کاهش هزینه‌های محاسباتی گره‌های در حال اجرا و ساده‌سازی پروتکل
-- **ریخت و پاش**: ارتقاءهای دیگر که به خوبی در دسته های قبلی قرار نمی گیرند.
-
-ما تصمیم گرفتیم از این اصطلاحات استفاده نکنیم چراکه می‌خواستیم از یک مدل ساده‌تر و کاربرپسندتر استفاده کنیم. اگرچه از زبانی با محوریت کاربران استفاده می‌کنیم، اما اصل چشم‌انداز همان است که «ویتالیک» پیشنهاد داد.
-
-## درباره شاردینگ چه می‌دانید؟ {#what-about-sharding}
-
-شاردینگ یعنی تقسیم بلاکچین اتریوم طوری که زیرمجموعه‌های [اعتبارسنج‌ها](/glossary/#validator) تنها مسئول کسری از کل داده هستند. قصد این مکانیزم در ابتدا این بود که راهی برای افزایش مقیاس‌پذیری اتریوم باشد. با این حال، رول‌‌آپ‌های [لایه 2](/glossary/#layer-2) بسیار سریع‌تر از آنچه انتظار می‌رفت توسعه یافته‌اند و در حال حاضر مقیاس‌گذاری زیادی را ارائه کرده‌اند، و پس از اجرای پروتو-دنک‌شاردینگ بسیار بیشتر خواهند بود. به عبارتی، «خرده‌زنجیره‌ها» دیگر به کار نخواهد آمد و از نقشه راه اتریوم حذف شده‌اند.
-
-## به دنبال ارتقاهای فنی خاصی می‌گردید؟ {#looking-for-specific-technical-upgrades}
-
-- [Danksharrding](/roadmap/danksharding): این ارتقا با اضافه کردن «توده‌های» داده‌ها به بلوک‌های اتریوم، مکانیزم رول‌آپ‌های در لایه دوم را برای کاربران بسیار ارزان‌تر می‌کند.
-- [برداشت یا خروج سهام (Staking Withdrawal)](/staking/withdrawals): ارتقای شانگهای/کاپلا امکان خروج سهام از شبکه اتریوم را میسر کرد تا کاربران بتوانند اتریوم‌های سپرده‌گذاری‌شده خود را از حالت مسدود خارج کنند.
-- [قطعیت اسلات منفرد (Single slot finality)](/roadmap/single-slot-finality): به جای انتظار 15 دقیقه‌ای، بلوک‌ها می‌توانند در همان اسلات پیشنهاد شوند و قطعی شوند. این امکان برای برنامه‌ها سهولت بیشتری فراهم می‌کند و حمله به شبکه را دشوارتر می‌کند.
-- [تفکیک پیشنهاددهنده از سازنده](/roadmap/pbs): تقسیم مسئولیت ایجاد بلوک و پیشنهاد بلوک بین اعتبارسنج‌های مختلف وضعیت منصفانه‌تری فراهم می‌کند، شبکه را در مقابل سانسور اطلاعات مقاوم‌تر می‌کند و مسیر بهتری را برای شکل‌گیری اجماع اتریوم فراهم می‌کند.
-- [انتخاب رهبر مخفی](/roadmap/secret-leader-election): رمزنگاری هوشمندانه می‌تواند در راستای اطمینان یافتن از عدم افشای هویت پیشنهاددهندۀ بلوک مورد استفاده قرار گیرد، و بدین ترتیب آنها را از بعضی حملات در امان نگه دارد.
-- [انتزاع حساب](/roadmap/account-abstraction): انتزاع حساب یکی از دسته‌های ارتقاها است که به جای استفاده از میان‌افزار پیچیده، پشتیبانی بومی را برای کیف پول‌های قرارداد هوشمند روی شبکه اتریوم فراهم می‌کند.
-- [درختان ورکل](/roadmap/verkle-trees): درختان ورکل نوعی ساختار داده‌ها است که از آن می‌توان برای فعال کردن کلاینت‌های بی‌حالت بر روی شبکه اتریوم استفاده کرد. این کلاینت‌های «بی‌حالت» به فضای ذخیره‌سازی ناچیزی احتیاج دارند و درعین حال همچنان می‌توانند بلوک‌های جدید را تأیید کنند.
-- [بی‌حالتی](/roadmap/statelessness): کلاینت‌های بی‌حالت قادر خواهند بود تأیید بلوک‌های جدید را بدون اینکه لازم به ذخیره کردنمقادیر عظیمی از داده‌ها باشد انجام دهند. این روش، ضمن اینکه کلیه مزیت‌های اجرای یک گره را فراهم می‌کند، تنها کسری کوچک از هزینه‌های کنونی را خواهد داشت.
diff --git a/public/content/translations/fa/roadmap/merge/index.md b/public/content/translations/fa/roadmap/merge/index.md
index 26d60c8705f..61366552527 100644
--- a/public/content/translations/fa/roadmap/merge/index.md
+++ b/public/content/translations/fa/roadmap/merge/index.md
@@ -37,9 +37,13 @@ summaryPoint4: میزان مصرف انرژی اتریوم بعد از ادغا
 
 هیچ سابقه‌ای در «ادغام» گم نشد. همچنان‌که شبکه اصلی با زنجیره بیکن ادغام شد، کل سابقۀ معاملات اتریوم را نیز ادغام کرد.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 با گذار به اثبات سهام، نحوۀ صدور اتر تغییر یافت. درباره <a href="/roadmap/merge/issuance/">نحوه صدور اتر قبل و بعد از ادغام</a> بیشتر بدانید.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### کاربران و دارندگان {#users-holders}
 
diff --git a/public/content/translations/fa/roadmap/merge/issuance/index.md b/public/content/translations/fa/roadmap/merge/issuance/index.md
index 78cd52bb001..2b0b54f66cf 100644
--- a/public/content/translations/fa/roadmap/merge/issuance/index.md
+++ b/public/content/translations/fa/roadmap/merge/issuance/index.md
@@ -54,9 +54,13 @@ title="خلاصه‌ای بر صدور اتر">
 - در نتیجه **حدود 620,500** اتریوم در سال صادر شده است
 - منجر به تورم سالانه **حدود 0/52 درصد** شد (620/5 هزار اتر در سال / جمعاً 119/3 میلیون)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 <strong>نرخ صدور کل سالانه (قبل ادغام): حدود 4/61 درصد</strong>(4/09 درصد + 0/52 درصد)<br/><br/><strong>حدود 88/7 درصد</strong> از صدوری که در لایۀ اجرا به استخراجگرها تعلق می‌گرفت (4/09 / 4/61 * 100)<br/><br/><strong>میزان 11/3 درصد</strong> برای سهام‌گذاران در لایۀ اجماع صادر می‌شد ( 0/52 / 4/61 * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## بعد از ادغام (مقطع کنونی) {#post-merge}
 
@@ -82,17 +86,25 @@ title="خلاصه‌ای بر صدور اتر">
 - صدور در لایۀ اجرا: **0**
 - صدور در لایۀ اجماع: همانطور که در بالا اشاره شد،**تقریباً 0/52درصد**نرخ صدور سالانه (با 14 میلیون از کل اتر سهام‌گذاری‌شده)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 نرخ صدور سالانۀ کل:<strong>حدود 0/52درصد</strong><br/><br/> کاهش خالص در صدور سالانه:<strong>حدود88/7 درصد</strong>((4/61% - 0/52%) / 4/61% * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## <Emoji text=":fire:" size="1" />سوزاندن {#the-burn}
 
 نیروی مخالف صدور اتر، نرخ سوزانده شدنش است. برای اجرایی شدن یک تراکنش بر روی شبکۀ اتریوم، حداقل کارمزد شبکه (که با نام «کارمزد پایه» شناخته می‌شود) باید پرداخت گردد، که مقدارش به طور پیوسته (بلوک به بلوک) بسته به فعالیت شبکه در نوسان و تغییر است. کارمزد به واحد اتر پرداخت می‌شود و برای معتبر تلقی شدن تراکنش‌ها _نیاز_است. این کارمزد در فرآیند انجام یک تراکنش _می‌سوزد_، و از چرخه حذف می‌شود.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 سوختن کارمزد در اوت 2021 و با اجرای <a href="/history/#london">ارتقای لندن</a>محقق گردید و از زمان وقوع «ادغام» هم تغییری نکرده است.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 علاوه بر سوزاندن کارمزد تراکنش‌ها که طی ارتقای لندن اجرایی شد، اعتبارسنج‌ها می‌توانند جریمه‌هایی را نیز از بابت آفلاین بودنشان یا بدتر از آن متحمل شوند؛ آن‌ها ممکن است با زیر پا گذاشتن قوانین خاصی که امنیت شبکه را تهدید می‌کند، از شبکه بیرون انداخته شوند. این جریمه‌ها باعث کاهش در موجودی اتر اعتبارسنج‌ها می‌گردد؛ جریمۀ برداشت‌شده مستقیماً به حساب‌های دیگر به عنوان پاداش داده نمی‌شود، بلکه به طور اثربخش سوزانده/از گردش در شبکه حذف خواهد شد.
 
diff --git a/public/content/translations/fa/roadmap/scaling/index.md b/public/content/translations/fa/roadmap/scaling/index.md
index 9d34b178fbd..7e397aa2eec 100644
--- a/public/content/translations/fa/roadmap/scaling/index.md
+++ b/public/content/translations/fa/roadmap/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 اتریوم با استفاده از [لایه 2](/layer-2/#rollups) (به اسم رول‌آپ نیز شناخته می‌شود) به مقیاس‌پذیری دست می‌یابد، که تراکنش‌ها را با هم ترکیب می‌کند و خروجی را به اتریوم ارسال می‌کند. با اینکه رول‌آپ‌ها تا هشت برابر ارزان‌تر از شبکه اصلی اتریوم هستند، امکان بهینه‌سازی بیشتر رول‌آپ‌ها در جهت کاهش هزینه‌های کاربران نهایی وجود دارد. علاوه بر این، رول‌آپ‌ها به برخی مؤلفه‌های متمرکز متکی هستند که توسعه‌دهندگان می‌توانند با بلوغ رول‌آپ‌ها، آن را حذف کنند.
 
-<InfoBanner mb={8} title="هزینه‌های تراکنش">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  هزینه‌های تراکنش
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>رول‌‌آپ‌های امروزی <strong>حدود 5 تا 20 برابر</strong> ارزان‌تر از لایه 1 اتریوم هستند</li>
     <li>رول‌آپ‌های ZK به زودی کارمزدها را <strong>‏40 تا 100 برابر</strong> ارزان‌تر خواهد کرد</li>
     <li>تغییرات آتی اتریوم مقیاس‌پذیری را تقریباً بین <strong>‏100 تا 1000 برابر</strong> افزایش خواهد داد</li>
     <li style={{ marginBottom: 0 }}>کاربران باید از تراکنش‌هایی <strong>با هزینه کمتر از 0.001 دلار</strong> بهره‌مند شوند</li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## ارزان‌تر کردن داده‌ها {#making-data-cheaper}
 
diff --git a/public/content/translations/fa/security/index.md b/public/content/translations/fa/security/index.md
index 88cf61e40e5..167259bda8d 100644
--- a/public/content/translations/fa/security/index.md
+++ b/public/content/translations/fa/security/index.md
@@ -122,11 +122,12 @@ lang: fa
 - به هیچ‌کس اجازه‌ دسترسی از راه دور به کامپیوترتان را ندهید
 - هیچ‌گاه خارج از کانال‌های اختصاصی یک سازمان با آن ارتباط برقرار نکنید
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     آگاه باشید: درست است که کلاهبرداری‌های پشتیبانی عموماً در Discord رخ می‌دهند، اما امکان رخ دادن آن‌ها در هر برنامه‌ پیام‌رسان که در آن بحث و گفتگو با محوریت ارزهای رمزنگاری‌شده انجام می‌شود نیز وجود دارد؛ از جمله ایمیل.
   </div>
-</InfoBanner>
+</Alert>
 
 ### کلاهبرداری توکن 'Eth2' {#eth2-token-scam}
 
@@ -213,11 +214,12 @@ _توجه: توکن‌ها/تیکرهای مشتقی وجود دارند که م
 
 ### از یک برنامه‌ مدیریت رمز استفاده کنید {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     استفاده از برنامه‌های مدیریت رمز می‌تواند خیال شما را از حیث ساخت رمزهای قوی و منحصربه‌فرد و به‌خاطرسپاری آن‌ها راحت کند! ما <strong>قویاً</strong> توصیه می‌کنیم از یک برنامه‌ مدیریت رمز استفاده کنید. بیشتر این برنامه‌ها رایگان هستند!
   </div>
-</InfoBanner>
+</Alert>
 
 به‌خاطرسپاری رمزهای قوی و منحصربه‌فرد برای هر حساب راهکار ایده‌آلی نیست. یک برنامه‌ مدیریت رمز، محلی امن و رمزنگاری‌شده برای تمام رمزها در اختیارتان قرار می‌دهد که می‌توانید از طریق یک رمز مادر به آن دسترسی داشته باشید. به‌علاوه، این برنامه‌ها هنگام ثبت‌نام در یک سرویس جدید به شما رمزهای قوی پیشنهاد می‌دهند تا لازم نباشد خودتان رمز بسازید. بسیاری از برنامه‌های مدیریت رمز همچنین به شما خواهند گفت که اطلاعاتتان در نشت داده ها درز کرده‌ است یا خیر. در این صورت می‌توانید پیش از هرگونه حمله‌ خرابکارانه رمزهایتان را عوض کنید.
 
@@ -240,11 +242,12 @@ _توجه: توکن‌ها/تیکرهای مشتقی وجود دارند که م
 
 استفاده از **احراز هویت دوعاملی (2FA)** یک *عامل امنیتی* اضافی را برای حساب‌های آنلاین شما فراهم می‌کند. احراز هویت دوعاملی تضمین می‌کند که صرف داشتن رمز برای دسترسی به یک حساب کاربری کافی نیست. عامل دوم معمولاً یک کد 6 رقمی تصادفی است که به آن **رمز یکبارمصرف زمان‌دار (TOTP)** می‌گویند و با یک برنامه‌ احراز هویت مثل Google Authenticator یا Authy می‌توانید به آن دسترسی داشته باشید. این‌ها به‌عنوان عامل «چیزی که دارید» عمل می‌کنند، چون هسته‌ای که کد زمان‌دار را می‌سازد روی دستگاه شما نگه‌داری می‌شود.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     توجه: استفاده از 2FA پیامکی، در معرض <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">استراق سمع سیم کارت</a> است و ایمن نیست. برای بهترین امنیت، از سرویسی مانند <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> یا <a href="https://authy.com/">Authy</a> استفاده کنید.
   </div>
-</InfoBanner>
+</Alert>
 
 #### کلید امنیتی {#security-keys}
 
diff --git a/public/content/translations/fa/staking/withdrawals/index.md b/public/content/translations/fa/staking/withdrawals/index.md
index b07c027121f..e1566d561ab 100644
--- a/public/content/translations/fa/staking/withdrawals/index.md
+++ b/public/content/translations/fa/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ summaryPoints:
 
 ارائه یک آدرس برداشت، یک قدم ضروری برای هر حساب اعتبارسنج قبل از واجد شرایط بودن آن برای برداشت اتر از موجودی آن است.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>هر حساب اعتبارسنج می‌تواند فقط یک بار تنها به یک آدرس برداشت اختصاص یابد.</strong> پس از انتخاب یک آدرس و ارسال آن به لایه اجماع، نمی‌توان آن را لغو کرد یا دوباره تغییر داد. مالکیت و صحت آدرس ارائه شده را قبل از ثبت دوباره بررسی کنید.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <strong>در این میان هیچ تهدیدی برای وجوه شما</strong> به دلیل ارائه نکردن این مورد وجود ندارد، با این فرض که عبارت بازیابی شما در محیطی آفلاین نگهداری می‌شود و به هیچ وجه به خطر نیفتاده است. عدم افزودن اطلاعات رمز برداشت صرفاً اتر را تا زمانی که آدرس برداشت ارائه شود در حساب اعتبارسنج قفل می‌کند.
 
@@ -82,11 +87,16 @@ summaryPoints:
 
 زمانی که یک اعتبارسنج قرار است بلوک بعدی را پیشنهاد کند، باید یک صف برداشت ایجاد کند، نهایتاً تا 16 برداشت واجد شرایط. این کار با شروع با شاخص اعتبارسنج 0 انجام می‌شود، یعنی تعیین اینکه آیا برداشت واجد شرایطی برای این حساب طبق قوانین پروتکل وجود دارد یا نه، و در صورت وجود آن را به صف اضافه کند. کار اعتبارسنج تنظیم شده برای پیشنهاد بلوک بعدی از جایی که آخرین بلوک متوقف شده است ادامه می‌یابد و این روند به‌ترتیب به طور نامحدود پیش می‌رود.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 به یک ساعت آنالوگ فکر کنید. عقربه روی آن به ساعت اشاره می‌کند، در یک جهت پیش می‌رود، از روی هیچ ساعتی نمی‌‌پرد و در نهایت پس از رسیدن به آخرین عدد، دوباره از ابتدا شروع به چرخیدن می‌کند.<br/><br/>
 اکنون به جای اعداد 1 تا 12، تصور کنید ساعت دارای اعداد 0 تا N داشته باشد <em>( تا ژانویه 2023 تعداد کل حساب های اعتبارسنج که تا کنون در لایه اجماع ثبت شده اند، بیش از 500،000 بوده است).</em><br/><br/>
 عقربه روی ساعت به اعتبارسنج بعدی اشاره می‌کند که باید برای برداشت‌های واجد شرایط بررسی شود. این روند از عدد 0 شروع می‌شود، و بدون پریدن و رد شدن از هر حساب تا آخر پیش می‌رود. وقتی که به آخرین اعتبارسنج دست یافت، چرخه پیوسته به آغاز مسیر باز می‌گردد.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### بررسی یک حساب برای برداشت {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/fa/web3/index.md b/public/content/translations/fa/web3/index.md
index 5da8790eb68..e945ed8148a 100644
--- a/public/content/translations/fa/web3/index.md
+++ b/public/content/translations/fa/web3/index.md
@@ -61,12 +61,15 @@ lang: fa
 
 Web3 امکان مالکیت مستقیم را از طریق [توکن‌های غیرقابل معاوضه (NFTها)](/glossary/#nft) فراهم می کند. هیچ‌کس، حتی سازندگان بازی، قدرت سلب مالکیت شما را ندارند. و اگر بازی را متوقف کنید، می‌توانید آیتم‌های درون بازی خود را در بازارهای آزاد بفروشید یا معامله کنید و ارزش آن‌ها را بازپس بگیرید.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>درباره‌ی NFTها بیشتر بدانید</div>
   <ButtonLink href="/nft/">
     اطلاعات بیشتر درباره NTFها
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### مقاومت در برابر سانسور {#censorship-resistance}
 
@@ -86,12 +89,15 @@ DAOها از نظر فنی با عنوان [قراردادهای هوشمند](/
 
 با این حال، مردم، بسیاری از جوامع Web3 را به عنوان DAO تعریف می کنند. همه این جوامع، سطوح مختلفی از تمرکززدایی و اتوماسیون با کد دارند. در حال حاضر، ما در حال بررسی این هستیم که DAO چیست و چگونه ممکن است در آینده تکامل یابد.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>درباره DAO ها بیشتر بیاموزید</div>
   <ButtonLink href="/dao/">
     اطلاعات بیشتر درباره DAO ها
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### هویت {#identity}
 
diff --git a/public/content/translations/fi/nft/index.md b/public/content/translations/fi/nft/index.md
index 3ac026134b9..2677a8aa6d0 100644
--- a/public/content/translations/fi/nft/index.md
+++ b/public/content/translations/fi/nft/index.md
@@ -167,12 +167,15 @@ NFTin voima on uudenlaisessa alustataloudessa, jossa teoksen omistajuus pysyy te
 
 Kun sisältöä myydään, ansainta ohjautuu suoraan luojalle. Jos uusi sisällön tai teoksen omistaja myy NFTin, alkuperäinen teoksen luoja saa automaattisesti rojaltit itselleen. Tämä on varmistettu teoksen sisältämässä metadatassa, jota ei voi muokata. Data sisältää alkuperäisen luojan osoitteen.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Tutki, osta tai luo omia NFT-toteutuksia</div>
   <ButtonLink href="/dapps/?category=collectibles">
     Tutustu NFT-taiteeseen
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Copy-paste-ongelma {#nfts-copy-paste}
 
@@ -200,12 +203,15 @@ Pelin kohteet pysyvät olemassa, vaikka itse peli päättyisi. Vaikka peliä ei
 
 Decentraland, virtuaalinen reality-peli, jossa NFTt edustavat tontteja tai kiinteistöjä, joita voit käyttää tarpeesi mukaan.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Tutustu Ethereum-peleihin, joita NFTt boostaavat...</div>
   <ButtonLink href="/dapps/?category=gaming">
     Tutki NFT-pelejä
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/fil/defi/index.md b/public/content/translations/fil/defi/index.md
index 4d9d744a0c6..8b90f822331 100644
--- a/public/content/translations/fil/defi/index.md
+++ b/public/content/translations/fil/defi/index.md
@@ -63,12 +63,16 @@ Mas pinapahusay pa ito ng Ethereum. Tulad ng Bitcoin, hindi maaaring magbago ang
 
 Medyo kakaiba itong pakinggan... "bakit ko gugustuhing iprograma ang pera ko"? Ngunit, ito ay higit na default na feature ng mga token sa Ethereum. Sinuman ay maaaring magprograma ng lohika sa mga pagbabayad. Kaya makukuha mo ang kontrol at seguridad ng Bitcoin pati ang mga serbisyong ibinibigay ng mga pinansyal na institusyon. Dahil dito, magagawa mo sa mga cryptocurrency ang mga bagay na hindi mo magagawa sa Bitcoin, tulad ng pagpapautang at panghihiram, pag-i-schedule ng mga pagbabayad, pamumuhunan sa mga index fund at iba pa.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Tuklasin ang aming mga mungkahi para sa mga application ng DeFi na maaari mong subukan kung bago ka sa Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     I-explore ang mga DeFi app
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
+
 
 ## Ano ang magagawa mo sa DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/fil/energy-consumption/index.md b/public/content/translations/fil/energy-consumption/index.md
index 4637ca2993d..b3750772399 100644
--- a/public/content/translations/fil/energy-consumption/index.md
+++ b/public/content/translations/fil/energy-consumption/index.md
@@ -59,9 +59,14 @@ Bagama't napakaliit ng kinokonsumong enerhiya ng Ethereum, mayroon ding mahalaga
 
 Ang mga public goods funding platform na native sa Web3 tulad ng [Gitcoin](https://gitcoin.co) ay nagsasagawa ng mga climate round upang isulong ang environmentally conscious na paggawa sa application layer ng Ethereum. Sa pamamagitan ng paggawa ng mga inisyatibang ito (at iba pa, hal., [DeSci](/desci/)), ang Ethereum ay nagiging isang teknolohiyang may positibong epekto sa kapaligiran at lipunan.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Kung sa tingin mo ay mas mapapatumpak pa ang page na ito, maghain ng isyu o pull request (PR). Ang stats sa page na ito ay mga pagtatantya batay sa data na available sa publiko - hindi kumakatawan ang mga ito sa isang opisyal na pahayag o pangako mula sa ethereum.org team, o sa Ethereum Foundation.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Karagdagang pagbabasa {#further-reading}
 
diff --git a/public/content/translations/fil/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/fil/guides/how-to-create-an-ethereum-account/index.md
index 63ecc7ea6d5..50fef65535e 100644
--- a/public/content/translations/fil/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/fil/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ Kapag na-save mo na ang iyong seed phrase, makikita mo ang iyong balanse sa dash
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div>Gusto mong magbasa pa?</div>
   <ButtonLink href="/guides/">
     Tingnan ang iba pa naming gabay
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 
 ## Mga karaniwang itanong
 
diff --git a/public/content/translations/fil/guides/how-to-revoke-token-access/index.md b/public/content/translations/fil/guides/how-to-revoke-token-access/index.md
index c4f92f2032e..5fb08d4dcda 100644
--- a/public/content/translations/fil/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/fil/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ Ipinapayo naming i-refresh mo ang tool para sa pagbawi pagkalipas ng ilang minut
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Gusto mong magbasa pa?</div>
   <ButtonLink href="/guides/">
     Tingnan ang iba pa naming gabay
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Mga karaniwang itanong
 
diff --git a/public/content/translations/fil/guides/how-to-swap-tokens/index.md b/public/content/translations/fil/guides/how-to-swap-tokens/index.md
index ea827f04a41..58486e605e8 100644
--- a/public/content/translations/fil/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/fil/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ Makikita mo ang progreso ng transaksyon sa anumang blockchain explorer. Hindi da
 Awtomatiko mong matatanggap ang mga na-swap na token sa wallet mo kapag naiproseso na ang transaksyon.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Gusto mong magbasa pa?</div>
   <ButtonLink href="/guides/">
     Tingnan ang iba pa naming gabay
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Mga karaniwang itanong
 
diff --git a/public/content/translations/fil/guides/how-to-use-a-bridge/index.md b/public/content/translations/fil/guides/how-to-use-a-bridge/index.md
index 77aaf0d77bf..88f3b14f687 100644
--- a/public/content/translations/fil/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/fil/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ Hindi dapat tumagal nang higit sa 10 minuto ang prosesong ito.
 Maaari kang gumamit ng [chainlist.org](http://chainlist.org) upang makita ang detalye ng RPC ng network. Kapag naidagdag na ang network at natapos na ang transaksyon, makikita mo na ang mga token sa iyong wallet.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Gusto mong magbasa pa?</div>
   <ButtonLink href="/guides/">
     Tingnan ang iba pa naming gabay
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Mga karaniwang itanong
 
diff --git a/public/content/translations/fil/guides/how-to-use-a-wallet/index.md b/public/content/translations/fil/guides/how-to-use-a-wallet/index.md
index 14cae1ed9be..340d53d7165 100644
--- a/public/content/translations/fil/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/fil/guides/how-to-use-a-wallet/index.md
@@ -62,12 +62,15 @@ Hindi magbabago ang iyong address sa lahat ng Ethereum project. Hindi mo kailang
 5. Kumpirmahin ang kahilingan sa signature sa iyong wallet para maitakda ang koneksyon. **Hindi dapat gumastos ng anumang ETH para i-sign ang mensaheng ito**.
 6. Tapos na! Simulan nang gamitin ang app. Makakakita ka ng mga kawili-wiling proyekto sa aming [dApps page](/dapps/#explore). <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Gusto mong magbasa pa?</div>
   <ButtonLink href="/guides/">
     Tingnan ang iba pa naming gabay
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Mga karaniwang itanong
 
diff --git a/public/content/translations/fil/security/index.md b/public/content/translations/fil/security/index.md
index b1ad5b49030..62a3e5d1417 100644
--- a/public/content/translations/fil/security/index.md
+++ b/public/content/translations/fil/security/index.md
@@ -41,11 +41,12 @@ Ang password na mahirap hulaan ay hindi nagbibigay ng sapat na proteksyon kung i
 
 ### Gumamit ng password manager {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     Kapag gumamit ng password manager, ito ang bahalang gumawa ng mga password na mahirap hulaan at walang katulad, at tatandaan nito ang mga ito para sa iyo! <strong>Lubos</strong> naming inirerekomendang gumamit nito, at libre ang karamihan sa mga ito!
   </div>
-</InfoBanner>
+</Alert>
 
 Hindi mainam na tandaan ang mga password na mahirap hulaan at walang katulad para sa bawat account mo. Ang password manager ay nag-aalok ng secure at naka-encrypt na storage para sa lahat ng iyong password na maa-access mo gamit ang isang mahirap hulaang master password. Nagmumungkahi rin ito ng mga password na mahirap hulaan kapag nagsa-sign up para sa bagong serbisyo, kaya hindi mo kailangang gumawa ng sarili mong password. Aabisuhan ka rin ng maraming password manager kung nabiktima ka sa isang data breach, para mapalitan mo ang mga password bago ang anumang mapaminsalang atake.
 
@@ -68,7 +69,8 @@ Upang patunayang ikaw talaga iyan, may iba't ibang natatanging patunay na magaga
 
 Ang paggamit ng **Two-Factor Authentication (2FA)** ay nagbibigay ng karagdagang *security factor* para sa iyong mga online account kaya hindi sapat na malaman lang ang password mo (isang bagay na alam mo) para ma-access ang isang account. Pinakakaraniwan, ang pangalawang factor ay isang randomized na 6-digit code, na kilala bilang **time-based one-time password (TOTP)**, na maa-access mo sa pamamagitan ng isang authenticator app tulad ng Google Authenticator o Authy. Ito ay gumagana bilang isang factor na "isang bagay na pagmamay-ari mo" dahil ang seed na gumagawa ng timed code ay naka-store sa iyong device.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Tandaan: Ang paggamit ng SMS-based na 2FA ay madaling mabiktima ng 
     <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">
@@ -80,7 +82,7 @@ Ang paggamit ng **Two-Factor Authentication (2FA)** ay nagbibigay ng karagdaga
     </a>
      o <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Mga security key {#security-keys}
 
@@ -206,11 +208,12 @@ Bilang pangkalahatang panuntunan, hinding-hindi makikipag-usap sa iyo ang staff
 - Huwag hayaang magkaroon ng remote access ang kahit sino sa iyong computer
 - Huwag makipag-ugnayan sa labas ng mga itinakdang channel ng organisasyon
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Babala: bagama't madalas mangyari sa Discord ang mga support-style na scam, maaari din itong mangyari sa anumang chat application kung saan nagaganap ang diskusyon tungkol sa crypto, kasama na ang email.
   </div>
-</InfoBanner>
+</Alert>
 
 ### 'Eth2' token scam {#eth2-token-scam}
 
diff --git a/public/content/translations/fil/staking/withdrawals/index.md b/public/content/translations/fil/staking/withdrawals/index.md
index 84af699e7f9..85e2e60db03 100644
--- a/public/content/translations/fil/staking/withdrawals/index.md
+++ b/public/content/translations/fil/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Bago ang Shanghai/Capella upgrade, hindi mo magamit o ma-access ang iyong staked
 
 Ang pagbibigay ng withdrawal address ay isang kinakailangang hakbang para sa anumang validator account bago ito maging eligible na mag-withdraw ng ETH mula sa balanse nito.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Ang bawat validator account ay maaari lang magkaroon ng isang withdrawal address, nang isang beses lang.</strong> Kapag nakapili na ng address at naisumite na ito sa consensus layer, hindi na ito maaaring bawiin o baguhin ulit. I-double check ang pagmamay-ari at katumpakan ng address na ibinigay bago ito isumite.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Sa ngayon, <strong>walang banta sa pondo mo</strong> kung hindi mo ito ibibigay, basta't nananatiling ligtas offline ang iyong mnemonic/seed phrase, at hindi ito nakompromiso sa anumang paraan. Kung hindi maipapakita ang mga kredensyal sa pag-withdraw, hindi makukuha ang ETH sa validator account hangga't hindi nagbibigay ng withdrawal address.
 
@@ -82,11 +87,16 @@ Tingnan ang paliwanag ng Finematics tungkol sa mga pag-withdraw sa staking ng Et
 
 Kapag nakaiskedyul ang isang validator na magmungkahi ng susunod na block, kailangan nitong gumawa ng withdrawal queue ng hanggang 16 na eligible withdrawal. Ito ay ginagawa sa pamamagitan ng pagsisimula sa validator index 0, pagtukoy kung may eligible withdrawal para sa account na ito batay sa mga panuntunan ng protocol, at pagdadagdag nito sa queue kung mayroon man. Ang validator na nakatakda na mag-propose ng susunod na bloke ay magpapatuloy kung saan iniwan ng huling bloke, at magpapatuloy ito nang sunod-sunod ng walang katapusan.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Para lang itong analog na orasan. Itinuturo ng kamay sa orasan ang oras, umuusad ito sa isang direksyon, wala itong nilalaktawang anumang oras, at sa huli ay bumabalik ito sa simula kapag naabot na nito ang huling numero.<br/><br/>
 Ngayon, sa halip na 1 hanggang 12, isipin na may 0 hanggang N <em>(ang kabuuang bilang ng mga validator account na nairehistro sa consensus layer, na mahigit 500,000 mula noong Enero 2023).</em><br/><br/>
 Ituturo ng kamay sa orasan ang susunod na validator na kailangang tingnan kung may mga eligible withdrawal. Nagsisimula ito sa, at umuusad paikot nang hindi nilalaktawan ang anumang account. Kapag naabot na ang huling validator, babalik ang sa simula ang cycle.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Pagtingin kung may mga withdrawal ang account {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/fil/web3/index.md b/public/content/translations/fil/web3/index.md
index b7773e48135..a3e4a081312 100644
--- a/public/content/translations/fil/web3/index.md
+++ b/public/content/translations/fil/web3/index.md
@@ -61,12 +61,15 @@ Ibinibigay ng Web3 sa iyo ang pagmamay-ari ng ng iyong mga digital asset sa kaka
 
 Pinapahintulutan ng Web3 ang pagmamay-ari sa pamamagitan ng [mga non-fungible token (NFTs)](/glossary/#nft). Walang sinuman, kahit ang mga game creator, ang may kapangyarihang bawiin ang iyong pagmamay-ari. At, kung hihinto ka sa paglalaro, maaari mong ibenta o i-trade ang iyong mga in-game item sa mga open market at mabawi ang iyong ipinuhunan.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Magbasa pa tungkol sa NFTs</div>
   <ButtonLink href="/nft/">
     Iba pang detalye tungkol sa NFTs
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Paglaban sa censorship {#censorship-resistance}
 
@@ -86,12 +89,15 @@ Ang mga DAO ay teknikal na tinukoy bilang napagkasunduan na [mga smart contract]
 
 Gayunpaman, itinuturing na DAOs ng mga tao ang maraming komunidad sa Web3. May iba't ibang antas ng decentralization at automation ayon sa code ang mga komunidad na ito. Kasalukuyan naming tinitingnan kung ano ang DAOs at kung paano maaaring magbago ang mga ito sa hinaharap.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Magkaroon ng higit pang kaalaman tungkol sa DAOs</div>
   <ButtonLink href="/dao/">
     Iba pang kaalaman ukol sa DAOs
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Identity {#identity}
 
diff --git a/public/content/translations/fr/contributing/translation-program/how-to-translate/index.md b/public/content/translations/fr/contributing/translation-program/how-to-translate/index.md
index 473a2c713aa..e26679975e5 100644
--- a/public/content/translations/fr/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/fr/contributing/translation-program/how-to-translate/index.md
@@ -76,9 +76,12 @@ Vous voulez en savoir plus ? N'hésitez pas à consulter la [documentation sur l
 
 Une fois que vous avez terminé la traduction (c'est-à-dire que tous les fichiers pour un ensemble de contenu affichent une progression à 100 %), notre service de traduction professionnel examinera (et, éventuellement, modifiera) le contenu. Une fois la révision terminée (c'est-à-dire que la progression de la révision est de 100 %), nous ajouterons le contenu sur le site web.
 
-<InfoBanner shouldCenter emoji=":warning:">
+<Alert variant="update">
+<Emoji text=":warning:" className="text-4xl"/>
+<AlertContent>
   Veuillez ne pas utiliser de traduction automatique pour traduire le projet. Toutes les traductions seront examinées avant d'être ajoutées au site web. S'il apparaît que les traductions que vous proposez sont traduites automatiquement, elles seront rejetées et les contributeurs qui utilisent souvent la traduction automatique seront retirés du projet.
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Nous contacter {#get-in-touch}
 
diff --git a/public/content/translations/fr/defi/index.md b/public/content/translations/fr/defi/index.md
index 1f0f9023cad..6ff00ef4c22 100644
--- a/public/content/translations/fr/defi/index.md
+++ b/public/content/translations/fr/defi/index.md
@@ -64,12 +64,15 @@ L'Ethereum s'appuie sur cela. Comme le Bitcoin, les règles ne peuvent pas chang
 
 Cela semble étrange... « pourquoi je voudrais programmer mon argent » ? Cependant, il s'agit plutôt d'une fonctionnalité par défaut des jetons sur Ethereum. N'importe qui peut programmer une logique de paiement. Ainsi, vous pouvez obtenir le contrôle et la sécurité de Bitcoin mélangés avec les services fournis par les institutions financières. Cela vous permet de faire des choses avec des cryptomonnaies que vous ne pouvez pas faire avec des Bitcoins comme des prêts et des emprunts, des paiements, des investissements dans des fonds d'indice et plus encore.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Explorez nos suggestions pour les applications de la DeFi pour essayer si vous êtes nouveau sur Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Explorer la DeFi
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Que pouvez-vous faire avec la DeFi ? {#defi-use-cases}
 
diff --git a/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/index.md
index 25097e8681c..c7f4d7b3957 100644
--- a/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/index.md
@@ -6,9 +6,14 @@ lang: fr
 
 Le réseau Ethereum a commencé par utiliser un mécanisme de consensus basé sur la **[Preuve de travail (PoW)](/developers/docs/consensus-mechanisms/pow)**. Cela permet à l'ensemble des nœuds du réseau Ethereum de s'accorder sur l'état de toutes les informations enregistrées sur la blockchain Ethereum, empêchant ainsi certains types d'attaques économiques. Ethereum a néanmoins abandonné la preuve de travail en 2022 et a commencé à utiliser la [preuve d'enjeu](/developers/docs/consensus-mechanisms/pos).
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
     La preuve de travail est maintenant obsolète. Ethereum n'utilise plus la preuve de travail dans le cadre de son mécanisme de consensus. En lieu et place, Ethereum utilise la preuve d'enjeu. En savoir plus sur la <a href="/developers/docs/consensus-mechanisms/pos/">preuve d'enjeu</a> et le <a href="/staking/">staking</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Prérequis {#prerequisites}
 
diff --git a/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/index.md
index fe8f30ee727..67b645d18c8 100644
--- a/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -4,9 +4,14 @@ description: Une explication de la façon dont le minage fonctionnait sur Ethere
 lang: fr
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 La preuve de travail n'est plus le mécanisme de consensus d'Ethereum, ce qui implique que le minage a été désactivé. À la place, Ethereum est sécurisé par les validateurs qui misent de l'ETH. Vous pouvez commencer à miser votre ETH aujourd'hui. En savoir plus sur <a href='/roadmap/merge/'>La Fusion</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>la preuve d'enjeu</a> et <a href='/staking/'>la mise en jeu</a>. Cette page n'a qu'un intérêt historique.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Prérequis {#prerequisites}
 
diff --git a/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index 31182efaafa..b72a9e7bcd2 100644
--- a/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -4,9 +4,14 @@ description: Un aperçu en détail de l'algorithme Ethash.
 lang: fr
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
    Ethash était l'algorithme de minage par preuve de travail d'Ethereum. La preuve de travail est maintenant **arrêtée entièrement** et Ethereum est maintenant sécurisé en utilisant <a href="/developers/docs/consensus-mechanisms/pos/">la preuve d'enjeu</a> à la place. En savoir plus sur <a href="/roadmap/merge/">La Fusion</a>, <a href="/developers/docs/consensus-mechanisms/pos/">la preuve d'enjeu</a> et la <a href="/staking/">mise en jeu</a>. Cette page n'a qu'un intérêt historique !  
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 [Ethash](https://github.com/ethereum/wiki/wiki/Ethash) est une version modifiée de l'algorithme [Dagger-Hashimoto](/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/dagger-hashimoto). La preuve de travail d'Ethash est une [mémoire solide](https://wikipedia.org/wiki/Memory-hard_function), qui était censée rendre l'algorithme ASIC plus résistant. Les Ethash ASIC ont finalement été développés, mais le minage via GPU restait encore une option viable jusqu’à ce que la preuve de travail soit désactivée. Ethash est toujours utilisé pour miner d'autres jetons sur des réseaux autres qu'Ethereum fonctionnant avec la preuve de travail.
 
diff --git a/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index 8f41dbf159b..690bb30fed5 100644
--- a/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -4,9 +4,14 @@ description: Un regard détaillé sur les algorithmes utilisés pour le minage E
 lang: fr
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 La preuve de travail n'est plus le mécanisme de consensus d'Ethereum, ce qui signifie que le minage a été arrêté. En lieu et place, Ethereum est sécurisé par les validateurs qui misent de l'ETH. Vous pouvez commencer à miser votre ETH dès aujourd'hui. En savoir plus sur <a href='/roadmap/merge/'>La Fusion</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>la preuve d'enjeu</a> et <a href='/staking/'>la mise en jeu</a>. Cette page n'a qu'un intérêt historique.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Le minage Ethereum utilisait un algorithme connu sous le nom d'Ethash. L'idée fondamentale de l'algorithme est qu'un mineur tente de trouver une entrée nonce en utilisant le calcul de force brute afin que le hachage en résultant soit plus petit qu'un seuil déterminé par la difficulté calculée. Ce seuil de difficulté peut être ajusté dynamiquement, ce qui permet à la production de blocs de se réaliser à intervalles réguliers.
 
diff --git a/public/content/translations/fr/developers/tutorials/hello-world-smart-contract/index.md b/public/content/translations/fr/developers/tutorials/hello-world-smart-contract/index.md
index 8d0d61367d9..ac7940843d8 100644
--- a/public/content/translations/fr/developers/tutorials/hello-world-smart-contract/index.md
+++ b/public/content/translations/fr/developers/tutorials/hello-world-smart-contract/index.md
@@ -238,9 +238,13 @@ PRIVATE_KEY = "your-metamask-private-key"
 
 Pour les relier à notre code, nous ferons référence à ces variables dans notre fichier `hardhat.config.js` à l'étape 13.
 
-<InfoBanner isWarning>
+<Alert variant="warning">
+<AlertContent>
+<AlertDescription>
 Ne propagez pas le fichier <code>.env</code> ! Veillez à ne jamais partager ou exposer votre fichier <code>.env</code> avec quiconque car vous compromettez vos secrets en le faisant. Si vous utilisez le contrôle de version, ajoutez votre <code>.env</code> à un fichier <a href="https://git-scm.com/docs/gitignore">gitignore</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Étape 12 : Installez Ethers.js {#step-12-install-ethersjs}
 
diff --git a/public/content/translations/fr/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md b/public/content/translations/fr/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
index 3a91f073ff0..6835e9d7111 100644
--- a/public/content/translations/fr/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
+++ b/public/content/translations/fr/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
@@ -118,9 +118,13 @@ API_URL = "your-api-url"
 PRIVATE_KEY = "your-private-key"
 ```
 
-<InfoBanner isWarning>
+<Alert variant="warning">
+<AlertContent>
+<AlertDescription>
 Ne propagez pas le fichier <code>.env</code> ! Assurez-vous de ne jamais partager ou exposer votre fichier <code>.env</code> avec quiconque, car vous compromettez vos secrets en le faisant. Si vous utilisez le contrôle de version, ajoutez votre <code>.env</code> à un fichier <a href="https://git-scm.com/docs/gitignore">gitignore</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### 7\. Créer le fichier `sendTx.js` {#create-sendtx-js}
 
diff --git a/public/content/translations/fr/energy-consumption/index.md b/public/content/translations/fr/energy-consumption/index.md
index cee5df06146..fcd386ef981 100644
--- a/public/content/translations/fr/energy-consumption/index.md
+++ b/public/content/translations/fr/energy-consumption/index.md
@@ -61,9 +61,14 @@ Bien que la consommation d'énergie d'Ethereum soit très faible, il existe éga
 
 Les plateformes de financement de biens publics natifs Web3 telles que [Gitcoin](https://gitcoin.co) exécutent des rondes climatiques pour stimuler la construction écologique sur la couche d'application d'Ethereum. Grâce au développement de ces initiatives (et d'autres comme par exemple [DeSci](/desci/)), Ethereum est en train de devenir une technologie positive sur le plan environnemental et social.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Si vous pensez que cette page pourrait être plus précise, veuillez soulever un problème ou un PR. Les statistiques de cette page sont des estimations basées sur des données publiques - elles ne représentent pas une déclaration officielle ou une promesse de l'équipe ethereum.org team ou de la Fondation Ethereum.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Complément d'information {#further-reading}
 
diff --git a/public/content/translations/fr/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/fr/guides/how-to-create-an-ethereum-account/index.md
index a92f8f7a183..97297aaf802 100644
--- a/public/content/translations/fr/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/fr/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ Certaines applications vous demanderont d'enregistrer une "phrase de récupérat
 **Toute personne possédant la phrase peut prendre le contrôle de tous vos fonds.** Ne partagez jamais cette information avec qui que ce soit. Cette phrase doit contenir 12 à 24 mots générés de manière aléatoire (l'ordre des mots est important).
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>Portefeuille installé ?</b><br/>Apprenez à l'utiliser.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     Comment utiliser un portefeuille
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 </div>
 
 Êtes-vous intéressé par d'autres guides ? Consultez nos : [Guides étape par étape](/guides/)
diff --git a/public/content/translations/fr/guides/how-to-revoke-token-access/index.md b/public/content/translations/fr/guides/how-to-revoke-token-access/index.md
index 59de4c0f41a..e65c149d3cf 100644
--- a/public/content/translations/fr/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/fr/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ Nous vous conseillons de rafraîchir l'outil de révocation après quelques minu
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Vous voulez en savoir plus ?</div>
   <ButtonLink href="/guides/">
     Consultez nos autres guides
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Questions fréquemment posées
 
diff --git a/public/content/translations/fr/guides/how-to-swap-tokens/index.md b/public/content/translations/fr/guides/how-to-swap-tokens/index.md
index 27cb9af82dd..90a4d9b74d6 100644
--- a/public/content/translations/fr/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/fr/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ Vous pouvez vérifier la progression de la transaction sur n'importe quel explor
 Vous recevez automatiquement les jetons échangés dans votre portefeuille lorsque la transaction est finalisée.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Vous voulez en savoir plus ?</div>
   <ButtonLink href="/guides/">
     Consultez nos autres guides
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Questions fréquemment posées
 
diff --git a/public/content/translations/fr/guides/how-to-use-a-bridge/index.md b/public/content/translations/fr/guides/how-to-use-a-bridge/index.md
index fa088ae57f2..702ff3deff5 100644
--- a/public/content/translations/fr/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/fr/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ Cette opération ne devrait pas prendre plus de 10 minutes.
 Vous pouvez utiliser chainlist.org pour trouver les détails RPC du réseau. Une fois le réseau ajouté et la transaction terminée, vous devriez voir les jetons dans votre portefeuille.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Vous voulez en savoir plus ?</div>
   <ButtonLink href="/guides/">
     Consultez nos autres guides
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Questions fréquemment posées
 
diff --git a/public/content/translations/fr/guides/how-to-use-a-wallet/index.md b/public/content/translations/fr/guides/how-to-use-a-wallet/index.md
index 7e7f4e4746b..141c0a6be57 100644
--- a/public/content/translations/fr/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/fr/guides/how-to-use-a-wallet/index.md
@@ -63,12 +63,15 @@ Votre adresse sera la même pour tous les projets Ethereum. Vous n'avez pas beso
 5. Confirmez la demande de signature dans votre portefeuille pour établir la connexion. **La signature de ce message ne devrait pas nécessiter de dépenser des ETH**.
 6. C’est tout! Commencez à utiliser l'application. Vous pouvez trouver des projets intéressants sur notre page [dApps](/dapps/#explore). <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Vous voulez en savoir plus ?</div>
   <ButtonLink href="/guides/">
     Consultez nos autres guides
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Questions fréquemment posées
 
diff --git a/public/content/translations/fr/nft/index.md b/public/content/translations/fr/nft/index.md
index 3520a99155d..de852176fd3 100644
--- a/public/content/translations/fr/nft/index.md
+++ b/public/content/translations/fr/nft/index.md
@@ -55,12 +55,15 @@ Les NFT sont utilisés pour de nombreuses choses, notamment :
 
 Vous êtes peut-être un artiste qui souhaite partager ses œuvres à l'aide de NFT, sans en perdre le contrôle et sans sacrifier ses bénéfices à des intermédiaires. Vous pouvez créer un nouveau contrat et spécifier le nombre de NFT, leurs propriétés et un lien vers une œuvre d'art spécifique. En tant qu'artiste, **vous pouvez programmer dans le contrat intelligent les redevances** qui doivent vous être versées (par exemple transférer 5 % du prix de vente au détenteur du contrat chaque fois qu'un NFT est transféré). Vous pouvez également toujours prouver que vous êtes le créateur des NFT car vous détenez le [portefeuille](/glossary/#wallet) qui a déployé le contrat. Vos acheteurs peuvent facilement prouver qu'ils possèdent un **authentique NFT** de votre collection car leur [adresse](/glossary/#address) de portefeuille est associée à un jeton dans votre contrat intelligent. Ils peuvent l'utiliser dans l'écosystème Ethereum, sûrs de son authenticité.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Explorez, achetez ou créez vos propres collections NFT...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Explorez les cartes NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Par exemple, pensez à un billet pour un événement sportif. Tout comme **l'organisateur d'un événement peut décider du nombre de billets à vendre**, le créateur d'un NFT peut décider du nombre de répliques existantes. Il s'agit parfois de répliques exactes telles que 5 000 billets d'entrée générale. Parfois, plusieurs très similaires sont créés, chacun légèrement différent, comme un billet avec un siège assigné. Ils peuvent être achetés et vendus de pair à pair sans avoir à payer de frais de billetterie et l'acheteur peut toujours s'assurer de l'authenticité du billet en vérifiant l'adresse du contrat.
 
diff --git a/public/content/translations/fr/roadmap/beacon-chain/index.md b/public/content/translations/fr/roadmap/beacon-chain/index.md
index 6e0f4dd7004..abb73d980b1 100644
--- a/public/content/translations/fr/roadmap/beacon-chain/index.md
+++ b/public/content/translations/fr/roadmap/beacon-chain/index.md
@@ -34,9 +34,14 @@ La transition vers la preuve d'enjeu a rendu Ethereum nettement plus sûr et dé
 
 De plus, l'utilisation de la preuve d'enjeu comme mécanisme de consensus est un composant fondamental pour un [Ethereum sécurisé, respectueux de l'environnement et évolutif tel que nous le connaissons maintenant](/roadmap/vision/).
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Si vous souhaitez devenir validateur et aider à sécuriser Ethereum, <a href="/staking/">familiarisez-vous avec le concept de mise en jeu</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Mise en place de la fragmentation {#setting-up-for-sharding}
 
diff --git a/public/content/translations/fr/roadmap/danksharding/index.md b/public/content/translations/fr/roadmap/danksharding/index.md
index 76ff48b2797..a6e72d2aef6 100644
--- a/public/content/translations/fr/roadmap/danksharding/index.md
+++ b/public/content/translations/fr/roadmap/danksharding/index.md
@@ -57,9 +57,9 @@ Si quelqu'un connaissait les points aléatoires utilisés pour l'engagement, il
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
   Ni le Danksharding ni le Proto-Danksharding ne suivent le modèle traditionnel de « fragmentation » qui visait à diviser la blockchain en plusieurs fragments. La fragmentation de la chaîne ne fait plus partie de la feuille de route. Au lieu de cela, le Danksharding utilise un échantillonnage de données distribué à travers les blobs pour faire passer Ethereum à l'échelle. Ceci est beaucoup plus simple à mettre en œuvre. Ce modèle est parfois désigné sous le nom de « data-sharding » ou « fragmentation de données ».
-</InfoBanner>
+</Alert>
 
 ## Qu'est-ce que le Danksharding ? {#what-is-danksharding}
 
diff --git a/public/content/translations/fr/roadmap/index.md b/public/content/translations/fr/roadmap/index.md
deleted file mode 100644
index 3355f892001..00000000000
--- a/public/content/translations/fr/roadmap/index.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: Feuille de route d'Ethereum
-description: La voie vers davantage d'évolutivité, de sécurité et de durabilité pour Ethereum.
-lang: fr
-template: roadmap
-image: /images/heroes/roadmap-hub-hero.jpg
-alt: "Feuille de route d'Ethereum"
-summaryPoints:
-buttons:
-  - 
-    content: Améliorations ultérieures
-    toId: what-changes-are-coming
-  - 
-    content: Améliorations antérieures
-    href: /history/
-    variant: outline
----
-
-Ethereum est déjà une plateforme puissante pour la coordination mondiale, mais elle est encore en cours d'amélioration. Un ensemble ambitieux d'améliorations permettra à Ethereum de passer de sa forme actuelle à une plateforme entièrement mise à l'échelle et d'une résilience maximale. Ces améliorations sont décrites dans la feuille de route d'Ethereum.
-
-**Pour en savoir plus sur les précédentes mises à jour d'Ethereum, veuillez consulter notre page [Historique d'Ethereum](/history/)**
-
-## Quels sont les changements à venir pour Ethereum ? {#what-changes-are-coming}
-
-La feuille de route d'Ethereum décrit les améliorations spécifiques qui seront apportées au protocole à l'avenir. Globalement, la feuille de route apportera les avantages suivants aux utilisateurs d'Ethereum :
-
-<CardGrid>
-  <RoadmapActionCard
-    href="/roadmap/scaling"
-    title="Transactions plus abordables"
-    image="scaling"
-    description="Rollups are too expensive and rely on centralized components, causing users to place too much trust in their operators. The roadmap includes fixes for both of these problems."
-    buttonText="More on reducing fees"
-  />
-  <RoadmapActionCard
-    href="/roadmap/security"
-    title="Sécurité renforcée"
-    image="security"
-    description="Ethereum is already very secure but it can be made even stronger, ready to withstand all kinds of attack far into the future."
-    buttonText="More on security"
-  />
-  <RoadmapActionCard
-    href="/roadmap/user-experience"
-    title="Meilleure expérience utilisateur"
-    image="userExperience"
-    description="More support for smart contract wallets and light-weight nodes will make using Ethereum simpler and safer."
-    buttonText="More on user experience"
-  />
-  <RoadmapActionCard
-    href="/roadmap/future-proofing"
-    title="Prêt pour le futur"
-    image="futureProofing"
-    description="Ethereum researchers and developers are solving tomorrow's problems today, readying the network for future generations."
-    buttonText="More on future proofing"
-  />
-</CardGrid>
-
-## Pourquoi Ethereum a-t-il besoin d'une feuille de route ? {#why-does-ethereum-need-a-roadmap}
-
-Ethereum fait régulièrement l'objet de mises à jour qui améliorent son évolutivité, sa sécurité ou sa durabilité. L'une des principales forces d'Ethereum est de s'adapter aux nouvelles idées issues de la recherche et du développement. L'adaptabilité donne à Ethereum la flexibilité nécessaire pour relever les nouveaux défis et suivre les avancées technologiques les plus récentes.
-
-<RoadmapImageContent title="Comment la feuille de route est déterminée">
-
-La feuille de route est principalement le résultat d'années de travail des chercheurs et des développeurs - car le protocole est très technique - mais toute personne motivée peut y participer. Les idées commencent généralement par des discussions sur un forum tel que [ethresear.ch](https://ethresear.ch/), [Ethereum Magicians](https://ethereum-magicians.org/) ou le serveur discord Eth R&D. Il peut s'agir de réponses à de nouvelles vulnérabilités découvertes, de suggestions émanant d'organisations travaillant dans la couche applicative (telles que les [dApps](/glossary/#dApp) et les échanges) ou de frictions connues pour les utilisateurs finaux (telles que les coûts ou les vitesses de transaction). Lorsque ces idées arrivent à maturité, elles peuvent être proposées en tant que [propositions d'amélioration Ethereum] (https://eips.ethereum.org/). Tout cela se fait en public, de sorte que n'importe quel membre de la communauté peut intervenir à tout moment.
-
-[En savoir plus sur la gouvernance d'Ethereum] (/governance/)
-
-</RoadmapImageContent>
-
-<InfoBanner mb={8}>
-  <h4 style={{ marginTop: 0 }}>Que fut l'ETH2 ?</h4>
-
-  <p>Le terme « Eth2 » était couramment utilisé pour décrire l'avenir d'Ethereum avant le passage à la <a href="/glossary/#pos">preuve d'enjeu</a>, mais il a été <strong>supprimé en faveur d'une terminologie plus précise.</strong> Il était à l'origine utilisé pour différencier le réseau Ethereum avant le passage à la preuve d'enjeu et le réseau après, ou parfois pour se référer aux différents clients Ethereum (les <a href="/glossary/#execution-client">clients d'exécution</a> étaient parfois appelés clients ETH1 et les <a href="/glossary/#consensus-client">clients de consensus</a> étaient parfois appelés clients ETH2).</p>
-
-</InfoBanner>
-
-## La feuille de route d'Ethereum évoluera-t-elle au fil du temps ? {#will-ethereums-roadmap-change-over-time}
-
-**Oui, presque sans aucun doute**. La feuille de route est le plan actuel de mise à niveau d'Ethereum, couvrant à la fois les plans à court terme et les plans futurs. Nous nous attendons à ce que la feuille de route soit modifiée au fur et à mesure que de nouvelles informations et technologies seront disponibles.
-
-La feuille de route d'Ethereum est un ensemble d'intentions visant à améliorer Ethereum ; il s'agit des meilleures hypothèses des chercheurs et des développeurs sur la voie optimale à suivre pour Ethereum.
-
-## Quand la feuille de route sera-t-elle terminée ? {#when-will-the-roadmap-be-finished}
-
-Certaines mises à niveau ont une priorité plus basse et ne seront probablement pas implémentées dans les 5 ou 10 prochaines années (par exemple la résistance quantique). **Il est compliqué de prévoir une chronologie précise pour chaque mise à niveau** car de nombreux éléments de la feuille de route sont travaillés en parallèle et développés à différentes vitesses. L'urgence d'une mise à niveau peut également évoluer dans le temps en fonction de facteurs externes (par exemple, un bond soudain dans les performances et la disponibilité des ordinateurs quantiques peut rendre plus urgente la cryptographie avec résistance quantique).
-
-L'une des façons d'envisager le développement d'Ethereum est de faire une analogie avec l'évolution biologique. Un réseau capable de s'adapter à de nouveaux défis et de rester sain a plus de chances de réussir qu'un réseau réfractaire au changement, même si au fur et à mesure que le réseau devient de plus en plus performant, évolutif et sûr, il sera de moins en moins nécessaire d'apporter des modifications au protocole.
-
-## Dois-je faire quelque chose lors d'une mise à jour ? {#do-i-have-to-do-anything-when-there-is-an-upgrade}
-
-Les mises à niveau n'ont généralement pas d'impact sur les utilisateurs finaux, si ce n'est qu'elles offrent une meilleure expérience utilisateur, un protocole plus sûr et peut-être plus <i>d'options</i> pour interagir avec Ethereum. **Les utilisateurs réguliers ne sont pas tenus de participer activement à une mise à niveau, ni de faire quoi que ce soit** pour sécuriser leurs actifs. Les opérateurs de [nœuds](/glossary/#node) devront mettre à jour leurs clients pour se préparer à une mise à niveau. Certaines mises à niveau peuvent entraîner des changements pour les développeurs d'applications. Par exemple, les mises à niveau de l'expiration de l'historique peuvent amener les développeurs d'applications à obtenir des données historiques à partir de nouvelles sources.
-
-## Qu'en est-il de The Verge, The Splurge… ? {#what-about-the-verge-splurge-etc}
-
-[Vitalik Buterin a proposé une vision de la feuille de route d'Ethereum](https://twitter.com/VitalikButerin/status/1741190491578810445) organisée en plusieurs catégories liées par leurs effets sur l'architecture d'Ethereum. Elle comprenait :
-
-- **La Fusion** : mises à niveau liées au passage de la [preuve de travail](/glossary/#pow) à la [preuve d'enjeu](/glossary/#pos)
-- **The Surge** : mises à niveau liées à l'évolutivité grâce aux [rollups](/glossary/#rollups) et à la fragmentation des données
-- **The Scourge** : mises à niveau liées à la résistance à la censure, la décentralisation et les risques de la [MEV](/glossary/#mev) pour le protocole
-- **The Verge** : mises à niveau liées à la vérification des [blocs](/glossary/#block) facilitée
-- **The Purge** : mises à niveau liées à la réduction des coûts de calcul du fonctionnement des nœuds et à la simplification du protocole
-- **The Splurge** : autres mises à niveau qui ne s'adaptent pas bien aux catégories précédentes.
-
-Nous avons décidé de ne pas utiliser cette terminologie parce que nous voulions utiliser un modèle plus simple et plus centré sur l'utilisateur. Bien que nous utilisions un langage centré sur l'utilisateur, la vision reste la même que celle proposée par Vitalik.
-
-## Qu'en est-il de la fragmentation ? {#what-about-sharding}
-
-La fragmentation est la division de la blockchain Ethereum afin que des sous-ensembles de [validateurs](/glossary/#validator) ne soient responsables que d'une fraction du total des données. C'était originellement de cette manière qu'Ethereum devait passer à l'échelle. Néanmoins, les [rollups](/glossary/#layer-2) (couche 2) se sont développés bien plus rapidement que prévu et ont déjà fourni une grande capacité à monter en charge, et en fourniront encore plus après que le Proto-Danksharding sera mis en œuvre. Cela signifie que les « chaînes de fragments » ne sont plus nécessaires et ont été supprimées de la feuille de route.
-
-## Vous recherchez des mises à niveau techniques spécifiques ? {#looking-for-specific-technical-upgrades}
-
-- [Danksharding](/roadmap/danksharding) - Le Danksharding rend les rollups de couche 2 bien plus abordables pour les utilisateurs en ajoutant des « blob » de données aux blocs d'Ethereum.
-- [Retraits de Staking](/staking/withdrawals) - La mise à niveau Shanghai/Capella a activé les retraits de staking sur Ethereum, permettant aux gens de déverrouiller leurs ETH mis en jeu.
-- [Finalité à un seul créneau](/roadmap/single-slot-finality) - Au lieu d'attendre pendant 15 minutes, les blocks pourraient être proposés et finalisés dans le même créneau. Ceci est plus pratique pour les applications et bien plus difficilement attaquable.
-- [Séparation Proposeur et Constructeur](/roadmap/pbs) - Découper les tâches de construction et de proposition de blocs entre plusieurs validateurs distincts crée une manière plus équitable, plus résistante à la censure, et plus efficace pour Ethereum d'atteindre le consensus.
-- [Élection secrète du leader](/roadmap/secret-leader-election) - Utilisation astucieuse de la cryptographie pour s'assurer que l'identité du proposeur du bloc courant ne peut pas être rendue publique, le protégeant de certains types d'attaques.
-- [Abstraction de compte](/roadmap/account-abstraction) - L'abstraction de compte est une gamme de mises à niveau qui permettent aux contrats de portefeuilles intelligents d'être nativement supportés sur Ethereum, plutôt que de devoir utiliser un intergiciel complexe.
-- [Arbres Verkle](/roadmap/verkle-trees) - Les arbres Verkle sont des structures de données qui peuvent être utilisés pour permettre des clients sans état sur Ethereum. Ces clients « sans état » nécessiteront de faibles espaces de stockage mais seront toujours capables de vérifier les nouveaux blocks.
-- [Statelessness](/roadmap/statelessness) - les clients sans état seront capables de vérifier de nouveaux blocs sans devoir stocker de vastes quantités de données. Cela offrira tous les avantages de l’exploitation d’un nœud avec seulement une infime fraction des coûts actuels.
diff --git a/public/content/translations/fr/roadmap/merge/index.md b/public/content/translations/fr/roadmap/merge/index.md
index b500e2f32c2..d3c6fc0bc12 100644
--- a/public/content/translations/fr/roadmap/merge/index.md
+++ b/public/content/translations/fr/roadmap/merge/index.md
@@ -37,9 +37,13 @@ La Fusion représente le passage officiel à l'utilisation de la Chaîne phare c
 
 Aucun historique n'a été perdu dans la Fusion. Au fur et à mesure que le réseau principal a fusionné avec la Chaîne phare, il a également fusionné la totalité de l'historique transactionnel d'Ethereum.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Cette transition vers la preuve d'enjeu a modifié la façon dont l'éther est émis. En savoir plus sur l'émission d'<a href="/roadmap/merge/issuance/">éthers avant et après la Fusion</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Utilisateurs et détenteurs {#users-holders}
 
diff --git a/public/content/translations/fr/roadmap/merge/issuance/index.md b/public/content/translations/fr/roadmap/merge/issuance/index.md
index dc3c950b6e1..bf405995d22 100644
--- a/public/content/translations/fr/roadmap/merge/issuance/index.md
+++ b/public/content/translations/fr/roadmap/merge/issuance/index.md
@@ -54,11 +54,15 @@ Offre totale d'ETH : **~120 520 000 ETH** (au moment de La Fusion en septembre 2
 - Cela résulte en **~620 500** ETH émis en un an
 - Cela a entraîné un taux d'inflation **d'environ 0,52 %** (620,5 K par an / 119,3 M au total)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 <strong>Taux d'émission annuel totalisé (avant la fusion) : ~4,61 %</strong> (4,09 % + 0,52 %)<br/><br/>
 <strong>~88,7 %</strong> de l'émission allaient aux mineurs de la couche d'exécution (4,09 / 4,61 * 100)<br/><br/>
 <strong>~11,3 %</strong> étaient émis aux validateurs de la couche de consensus (0,52 / 4,61 * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Après la fusion (à présent) {#post-merge}
 
@@ -84,18 +88,26 @@ Environ 0,33 % du nombre total de validateurs peuvent sortir en une journée don
 - Émission de la couche d'exécution : **0**
 - Émission de la couche de consensus : Identique à ce qui précède, taux d'émission annualisé d'environ **0,52 %** (avec un total de 14 millions d'ETH en jeu)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Taux d'émission annualisé total : <strong>~0,52 %</strong><br/><br/>
 Réduction nette de l'émission annuelle d'ETH : <strong>~88,7 %</strong> ((4,61 % - 0,52 %) / 4,61 % * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## <Emoji text=":fire:" size="1" />La destruction par brûlage {#the-burn}
 
 La force opposée à l'émission d'ETH est le taux auquel l'ETH est brûlé. Pour qu'une transaction soit exécutée sur Ethereum, des frais minimum (appelés « frais de base ») doivent être payés, qui fluctuent continuellement (de bloc à bloc) en fonction de l'activité du réseau. Les frais sont payés en ETH et sont _nécessaires_ pour que la transaction soit considérée comme valide. Ces frais sont _brûlés_ pendant le processus de transaction, les retirant ainsi de la circulation.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 La combustion des frais a été mise en place avec <a href="/history/#london">la mise à jour London</a> en août 2021 et est restée inchangée depuis la Fusion.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 En plus de la combustion des frais mise en œuvre par la mise à niveau London, les validateurs peuvent également subir des pénalités s'ils sont hors ligne, ou pire, ils peuvent être sanctionnés pour avoir enfreint des règles spécifiques qui menacent la sécurité du réseau. Ces pénalités entraînent une réduction d'ETH du solde du validateur, qui n'est alors pas directement donné à un autre compte, ce qui équivaut à le brûler/le retirer de la circulation.
 
diff --git a/public/content/translations/fr/roadmap/scaling/index.md b/public/content/translations/fr/roadmap/scaling/index.md
index ff405e4ed6a..e55a71aeb3d 100644
--- a/public/content/translations/fr/roadmap/scaling/index.md
+++ b/public/content/translations/fr/roadmap/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 Ethereum est mis à l'échelle à l'aide de [couches 2](/layer-2/#rollups) (également appelées rollups), qui regroupent les transactions et envoient le résultat à Ethereum. Bien que les rollups soient jusqu'à huit fois moins chers que le réseau principal d'Ethereum, il est possible d'optimiser davantage ces derniers, et réduire ainsi les coûts des utilisateurs finaux. Les rollups reposent également sur certains composants centralisés, que les développeurs peuvent supprimer à mesure que les rollups évoluent.
 
-<InfoBanner mb={8} title="Frais de transaction">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  Frais de transaction
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>Aujourd'hui, les rollups sont <strong> 5 à 20 fois</strong> moins coûteux que la couche 1 d'Ethereum</li>
     <li>Les rollups ZK réduiront bientôt de <strong> 40 à 100 fois moins </strong>ces coûts</li>
     <li>Les changements à venir apportés à Ethereum fourniront une mise à l'échelle <strong>~100-1000x</strong> supplémentaire</li>
     <li style={{ marginBottom: 0 }}>Les utilisateurs bénéficieront de transactions<strong> à moins de 0,001 USD</strong></li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Rendre les données moins onéreuses {#making-data-cheaper}
 
diff --git a/public/content/translations/fr/security/index.md b/public/content/translations/fr/security/index.md
index 708d219a50d..6b9992394b0 100644
--- a/public/content/translations/fr/security/index.md
+++ b/public/content/translations/fr/security/index.md
@@ -124,11 +124,12 @@ En principe, l'équipe d'Ethereum ne communiquera jamais avec vous par le biais
 - Ne donnez à personne un accès à distance à votre ordinateur
 - Ne communiquez jamais en dehors des canaux prévus par l'organisation
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Attention : bien que les arnaques à l'assistance se produisent généralement sur Discord, elles peuvent aussi vous arriver sur toutes les plateformes où des discussions autour de la cryptomonnaie ont lieu, y compris par e-mail.
   </div>
-</InfoBanner>
+</Alert>
 
 ### Arnaque au jeton « Eth2 » {#eth2-token-scam}
 
@@ -215,11 +216,12 @@ Un mot de passe qui a été révélé par une faille de sécurité n'est plus un
 
 ### Utiliser un gestionnaire de mots de passe {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     Un gestionnaire de mots de passe prend soin de créer des mots de passe forts et uniques et de les retenir ! Nous <strong>recommandons fortement</strong> d'en utiliser un, et la plupart d'entre eux sont gratuits !
   </div>
-</InfoBanner>
+</Alert>
 
 Se souvenir de mots de passe forts et uniques pour chaque compte que vous avez n'est pas idéal. Un gestionnaire de mots de passe offre un stockage sécurisé et chiffré pour tous vos mots de passe auxquels vous pouvez accéder par un seul mot de passe maître fort. Ils suggèrent également des mots de passe forts lors de l'inscription à un nouveau service, de sorte que vous n'ayez pas à créer le vôtre. De nombreux gestionnaires de mots de passe vous diront également si vous avez été impliqué dans une violation de données, vous permettant de modifier les mots de passe avant toute attaque malveillante.
 
@@ -242,11 +244,12 @@ Il vous sera peut-être quelques fois demandé d'authentifier votre identité au
 
 Utilisez **l'authentification à deux facteurs (2FA)** fournit un *facteur de sécurité* supplémentaire pour vos comptes en ligne. Une 2FA assure qu'avoir simplement votre mot de passe n'est pas suffisant pour accéder à un compte. Le plus souvent, le second facteur est un code temporaire aléatoire à 6 chiffres, appelé **mot de passe à usage unique basé sur le temps (TOTP ou time-based one-time password)**, auquel vous accédez par une application d'authentification comme Google Authentifactor ou Authy. Cette méthode est un facteur « Que vous possédez », car la clé racine qui génére les code temporaires est stocké sur votre appareil.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Note : Utiliser l'envoi d'un code SMS comme 2FA n'est pas une méthode sûre à cause des possibilités de <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">piratage de la SIM </a>. Pour une sécurité maximale, utilisez un service comme <a href="https://mashable.com/article/how-to-set-up-google-authenticator"> Google Authenticator</a> ou <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Clés de sécurité {#security-keys}
 
diff --git a/public/content/translations/fr/staking/withdrawals/index.md b/public/content/translations/fr/staking/withdrawals/index.md
index 6b5bdd4cd0f..4de599a892c 100644
--- a/public/content/translations/fr/staking/withdrawals/index.md
+++ b/public/content/translations/fr/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Avant la mise à niveau de Shanghai/Capella, vous ne pouviez pas utiliser l'ETH
 
 Fournir une adresse de retrait est une étape requise pour tout compte de validateur avant d'être admissible à un retrait d'ETH sur son solde.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Chaque compte de validateur ne peut se voir attribué qu'une seule adresse de retrait.</strong> Une fois qu'une adresse est choisie et soumise à la couche de consensus, elle ne peut pas être annulée ou modifiée à nouveau. Vérifiez la propriété et l'exactitude de l'adresse fournie avant de la soumettre.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Le fait de ne pas fournir cette adresse ne pose <strong>aucun danger pour vos fonds pendant ce temps</strong>, à condition que votre phrase mnémonique/de récupération soit restée en sécurité hors-ligne, et n'ait été compromise d'aucune façon. Ne pas ajouter d’identifiants de retrait laissera simplement l’ETH verrouillé sur le compte du validateur tel qu'il était jusqu'à jusqu’à ce qu’une adresse de retrait soit fournie.
 
@@ -82,11 +87,16 @@ Consultez cette explication de Finematics sur les retraits de staking d'Ethereum
 
 Lorsqu'un validateur doit proposer le bloc suivant, il est tenu de constituer une file d'attente de retraits, pouvant aller jusqu'à 16 retraits éligibles. Pour ce faire, on commence par l'index 0 du validateur, on détermine s'il existe un retrait éligible pour ce compte selon les règles du protocole et on l'ajoute à la file d'attente si tel est le cas. Le validateur configuré pour proposer le bloc suivant reprendra là où le précédent s'est arrêté, progressant dans l'ordre indéfiniment.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Pensez à une horloge analogique. L'aiguille de l’horloge pointe vers l’heure, progresse dans une direction, ne saute pas d’heures, et finit par revenir au début après que le dernier nombre est atteint.<br/><br/>
 Maintenant au lieu de 1 à 12, imaginez que l'horloge a 0 à N <em>(le nombre total de comptes de validateur qui ont déjà été enregistrés sur la couche de consensus, plus de 500 000 en janvier 2023).</em><br/><br/>
 L'aiguille de l’horloge pointe vers le prochain validateur qui doit être vérifié pour les retraits éligibles. Il commence à 0 et progresse tout autour sans sauter de compte. Lorsque le dernier validateur est atteint, le cycle reprend au début.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Vérification des retraits sur un compte {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/fr/web3/index.md b/public/content/translations/fr/web3/index.md
index 9fba54ea1ae..9a09a9c2756 100644
--- a/public/content/translations/fr/web3/index.md
+++ b/public/content/translations/fr/web3/index.md
@@ -61,12 +61,15 @@ Le Web3 vous donne la propriété de vos actifs numériques de façon inégalée
 
 Le Web3 permet la propriété directe via les [jetons non-fongibles (NFT)](/glossary/#nft). Personne, pas même les créateurs du jeu, n'a le pouvoir de vous retirer votre propriété. En outre, si vous vous arrêtez de jouer, vous pouvez vendre ou échanger vos objets en jeu sur des marchés ouverts et récupérer leur valeur.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>En savoir plus sur les NFT</div>
   <ButtonLink href="/nft/">
     Plus d'infos sur les NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Résistance à la censure {#censorship-resistance}
 
@@ -86,12 +89,15 @@ Les DAO sont définies techniquement comme des [contrats intelligents](/glossary
 
 Le fait est toutefois que les gens définissent de nombreuses communautés Web3 comme étant des DAO. Ces communautés ont toutes des niveaux différents de décentralisation et d'automatisation par code. Actuellement, nous explorons ce que sont les DAO et comment elles pourraient évoluer à l'avenir.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>En savoir plus sur les DAO</div>
   <ButtonLink href="/dao/">
     En savoir plus sur les DAO
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Identité {#identity}
 
diff --git a/public/content/translations/ga/defi/index.md b/public/content/translations/ga/defi/index.md
index 19e7cefc6e7..9572f7580e7 100644
--- a/public/content/translations/ga/defi/index.md
+++ b/public/content/translations/ga/defi/index.md
@@ -64,12 +64,15 @@ Tógann Ethereum air sin. Cosúil le Bitcoin, ní féidir leis na rialacha athr
 
 Tá cuma ait ar an scéal seo... "cén fáth a mbeinn ag iarraidh mo chuid airgid a ríomhchlárú"? Mar sin féin, níl sé seo ach ina ghné réamhshocraithe de chomharthaí ar Ethereum. Is féidir le duine ar bith an loighic a ríomhchlárú in íocaíochtaí. Mar sin is féidir leat rialú agus slándáil Bitcoin a fháil i dteannta leis na seirbhísí a sholáthraíonn institiúidí airgeadais. Leis sin ligtear duit rudaí a dhéanamh le criptea-airgeadraí nach féidir leat a dhéanamh le Bitcoin cosúil le hiasachtaí a thabhairt agus iasachtaí a fháil, íocaíochtaí a sceidealú, infheistíocht a dhéanamh i gcistí innéacs agus go leor eile.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Foghlaim faoinár moltaí le haghaidh feidhmchláir DeFi le triail a bhaint astu mura bhfuil tú cleachta le hEthereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Foghlaim faoi aipeanna DeFi
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Cad is féidir leat a dhéanamh le DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/ga/energy-consumption/index.md b/public/content/translations/ga/energy-consumption/index.md
index 6070322840e..9b8f238310f 100644
--- a/public/content/translations/ga/energy-consumption/index.md
+++ b/public/content/translations/ga/energy-consumption/index.md
@@ -61,9 +61,14 @@ Cé go bhfuil tomhaltas fuinnimh Ethereum an-íseal, tá pobal [**airgeadais ath
 
 Reáchtálann ardáin mhaoinithe earraí poiblí dúchasacha Web3 ar nós [Gitcoin](https://gitcoin.co) babhtaí aeráide chun tógáil atá comhfhiosach don chomhshaol a spreagadh ar chiseal feidhmchlár Ethereum. Trí fhorbairt na dtionscnamh seo (agus cinn eile, m.sh. [DeSci](/desci/)), tá Ethereum ag éirí mar theicneolaíocht atá dearfach ó thaobh an chomhshaoil ​​agus na sochaí de.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Má cheapann tú gur féidir an leathanach seo a dhéanamh níos cruinne, cuir ceist nó PR le do thoil. Is meastacháin iad na staitisticí ar an leathanach seo bunaithe ar shonraí atá ar fáil go poiblí - ní léiríonn siad ráiteas oifigiúil nó gealltanas ó fhoireann ethereum.org nó ó Fhondúireacht Ethereum.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Tuilleadh léitheoireachta {#further-reading}
 
diff --git a/public/content/translations/ga/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/ga/guides/how-to-create-an-ethereum-account/index.md
index 69b569835a9..b0b6b30ff96 100644
--- a/public/content/translations/ga/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/ga/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ Iarrfaidh roinnt aipeanna ort "frása athshlánaithe" rúnda a shábháil (ar a
 **Is féidir le duine ar bith a bhfuil an frása ar eolas aige smacht a fháil ar na cistí go léir.** Ná roinn é seo le haon duine choíche. Ba chóir go mbeadh idir 12 agus 24 focal a gineadh go randamach san abairt seo (tá ord na bhfocal tábhachtach).
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>Sparán suiteáilte?</b><br/>Foghlaim conas é a úsáid.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     Conas sparán a úsáid
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 </div>
 
 Spéis agat i dtreoracha eile? Breathnaigh ar ár: [dtreoracha céim ar chéim](/guides/)
diff --git a/public/content/translations/ga/guides/how-to-revoke-token-access/index.md b/public/content/translations/ga/guides/how-to-revoke-token-access/index.md
index bc74c3fa008..94e2f18fc60 100644
--- a/public/content/translations/ga/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/ga/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ Molaimid duit an uirlis chúlghairme a athnuachan tar éis cúpla nóiméad agus
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Ar mhaith leat níos mó a fhoghlaim?</div>
   <ButtonLink href="/guides/">
     Féach ar ár dtreoracha eile
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Ceisteanna coitianta
 
diff --git a/public/content/translations/ga/guides/how-to-swap-tokens/index.md b/public/content/translations/ga/guides/how-to-swap-tokens/index.md
index 339de81da30..129ce3015ee 100644
--- a/public/content/translations/ga/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/ga/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ Is féidir leat dul chun cinn an idirbhirt a fheiceáil ar aon taiscéalaí bloc
 Gheobhaidh tú na comharthaí malartaithe i do sparán go huathoibríoch nuair a bheidh an t-idirbheart próiseáilte.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Ar mhaith leat níos mó a fhoghlaim?</div>
   <ButtonLink href="/guides/">
     Féach ar ár dtreoracha eile
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Ceisteanna coitianta
 
diff --git a/public/content/translations/ga/guides/how-to-use-a-bridge/index.md b/public/content/translations/ga/guides/how-to-use-a-bridge/index.md
index 11e139c4035..2ac6abfab77 100644
--- a/public/content/translations/ga/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/ga/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ Níor cheart go dtógfadh an próiseas seo níos mó ná 10 nóiméad.
 Is féidir leat [chainlist.org](http://chainlist.org) a úsáid chun sonraí RPC an líonra a fháil. Nuair a bheidh an líonra curtha leis agus an t-idirbheart críochnaithe, ba cheart go mbeadh na dearbháin le feiceáil i do sparán.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Ar mhaith leat níos mó a fhoghlaim?</div>
   <ButtonLink href="/guides/">
     Féach ar ár dtreoracha eile
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Ceisteanna coitianta
 
diff --git a/public/content/translations/ga/guides/how-to-use-a-wallet/index.md b/public/content/translations/ga/guides/how-to-use-a-wallet/index.md
index b5438a2c892..afa6eb3cc8a 100644
--- a/public/content/translations/ga/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/ga/guides/how-to-use-a-wallet/index.md
@@ -63,12 +63,15 @@ Beidh do sheoladh mar an gcéanna i ngach tionscadal Ethereum. Ní gá duit clá
 5. Deimhnigh an t-iarratas sínithe i do sparán chun an nasc a bhunú. **Níor cheart go gcaithfí aon ETH** chun an teachtaireacht seo a shíniú.
 6. Sin é! Tosaigh ag baint úsáide as an aip. Is féidir leat roinnt tionscadal suimiúil a fháil ar ár [leathanach dApps](/dapps/#explore). <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Ar mhaith leat níos mó a fhoghlaim?</div>
   <ButtonLink href="/guides/">
     Féach ar ár dtreoracha eile
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Ceisteanna coitianta
 
diff --git a/public/content/translations/ga/nft/index.md b/public/content/translations/ga/nft/index.md
index 9e504300810..3d3eee94e34 100644
--- a/public/content/translations/ga/nft/index.md
+++ b/public/content/translations/ga/nft/index.md
@@ -55,12 +55,15 @@ Seo an chuma ar idirlíon NFTanna a cuireadh i gcomparáid leis an idirlíon a 
 
 B’fhéidir gur ealaíontóir thú atá ag iarraidh a gcuid oibre a roinnt le NFTanna, gan smacht a chailleadh agus do bhrabúis a bhronnadh ar idirghabhálaithe. Is féidir leat conradh nua a chruthú agus líon na NFTanna, a n-airíonna agus nasc le roinnt saothar ealaíne ar leith a shonrú. Mar ealaíontóir, is féidir leat na dleachtanna ar cheart a bheith íoctha leat **a ríomhchlárú isteach sa chonradh cliste** (m.sh. aistrigh 5% den phraghas díola chuig úinéir an chonartha gach uair a aistrítear NFT). Is féidir leat a chruthú i gcónaí gur chruthaigh tú na NFTanna toisc gur leatsa an [sparán](/glossary/#wallet) a bhain feidhm as an gconradh. Is féidir le do cheannaitheoirí a chruthú go héasca go bhfuil **NFT barántúal** acu as do bhailiúchán toisc go bhfuil [seoladh](/glossary/#address) a sparáin bainteach le comhartha i do chonradh cliste. Is féidir leo é a úsáid ar fud éiceachóras Ethereum, agus iad muiníneach as a bharántúlacht.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Foghlaim, ceannaigh nó cruthaigh do chuid ealaíne/earraí inbhailithe NFT féin...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Foghlaim faoi ealaín NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Nó smaoinigh ar thicéad chuig imeacht spóirt. Díreach mar is féidir le **heagraí imeachta a roghnú cé mhéad ticéad a dhíolfaidh sé**, is féidir le cruthaitheoir NFT a chinneadh cé mhéad macasamhail atá ann. Uaireanta is macasamhla cruinne iad seo, amhail 5000 ticéad Iontrála Ginearálta. Uaireanta déantar roinnt díobh a bhualadh atá an-chosúil, ach beagán difriúil óna chéile, mar thicéad le suíochán sannta. Is féidir iad seo a cheannach agus a dhíol idir comhghleacaithe gan íoc as láimhseálaithe ticéad agus dearbhaíonn an ceannaitheoir i gcónaí barántúlacht an ticéid trí sheoladh an chonartha a sheiceáil.
 
diff --git a/public/content/translations/ga/payments/index.md b/public/content/translations/ga/payments/index.md
index c97696dda56..00de9664a96 100644
--- a/public/content/translations/ga/payments/index.md
+++ b/public/content/translations/ga/payments/index.md
@@ -58,12 +58,15 @@ Countries like El Salvador and the Central African Republic have even adopted cr
 
 In countries where their means of payment have been disconnected from the rest of the world, crypto-integrated payment solutions have been a huge relief. Payments of subscriptions for platforms like Netflix, Spotify, and educational courses have now been made easy through crypto payment platforms like Gnosis Pay and Paypal.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Create your Ethereum account with a wallet app today.</div>
   <ButtonLink href="/wallets/find-wallet">
     Get started
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Salary Payments {#salary-payments}
 
@@ -147,9 +150,12 @@ While fiat currencies have the advantage of widespread acceptance and stability,
 
 From facilitating rapid disaster relief to empowering global workers, Ethereum payments are writing a new chapter in the long history of money. While challenges remain, the unique advantages offered by this technology make it an attractive option for a wide range of use cases.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Time to get your own Ethereum account.</div>
   <ButtonLink href="/wallets/find-wallet">
     Get started
   </ButtonLink>
-</InfoBanner>
\ No newline at end of file
+</AlertContent>
+</Alert>
\ No newline at end of file
diff --git a/public/content/translations/ga/roadmap/beacon-chain/index.md b/public/content/translations/ga/roadmap/beacon-chain/index.md
index efb7706fa7b..7afce89245e 100644
--- a/public/content/translations/ga/roadmap/beacon-chain/index.md
+++ b/public/content/translations/ga/roadmap/beacon-chain/index.md
@@ -34,9 +34,14 @@ Mar gheall ar an aistriú go cruthúnais-gheallta bhí Ethereum i bhfad níos sl
 
 Agus is comhpháirt bhunúsach do [cruthúnas-gheallta a úsáid mar mheicníocht chomhthoiliúil don Ethereum slán, neamhdhíobhálach don timpeallacht agus inscálaithe atá againn anois](/roadmap/vision/).
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Más spéis leat a bheith i do bhailíochtóir agus cabhrú le Ethereum a shlánú, <a href="/staking/">foghlaim tuilleadh faoi ghealltóireacht</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Socrú le haghaidh roinnte {#setting-up-for-sharding}
 
diff --git a/public/content/translations/ga/roadmap/danksharding/index.md b/public/content/translations/ga/roadmap/danksharding/index.md
index 460df63bac8..f9cd31d646c 100644
--- a/public/content/translations/ga/roadmap/danksharding/index.md
+++ b/public/content/translations/ga/roadmap/danksharding/index.md
@@ -57,9 +57,9 @@ Más eol do dhuine na láithreacha randamacha a úsáideadh don tiomantas, is fu
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
   Ní leanann Danksharding ná Proto-Danksharding an tsamhail thraidisiúnta "sharding" a bhfuil sé mar aidhm aige an blocshlabhra a roinnt ina ilchodanna. Níl slabhraí shard mar chuid den treochlár a thuilleadh. Ina áit sin, úsáideann Danksharding sampláil sonraí dáilte ar fud blobaí chun Ethereum a scálú. Tá sé seo i bhfad níos simplí a chur i bhfeidhm. Tagraítear don tsamhail seo uaireanta mar “scriosadh sonraí”.
-</InfoBanner>
+</Alert>
 
 ## Cad is Danksharding ann? {#what-is-danksharding}
 
diff --git a/public/content/translations/ga/roadmap/index.md b/public/content/translations/ga/roadmap/index.md
deleted file mode 100644
index 4ee44167604..00000000000
--- a/public/content/translations/ga/roadmap/index.md
+++ /dev/null
@@ -1,120 +0,0 @@
----
-title: Treochlár Ethereum
-description: An cosán chuig níos mó inscálaitheachta, slándála agus inbhuanaitheachta do Ethereum.
-lang: ga
-template: roadmap
-image: /images/heroes/roadmap-hub-hero.jpg
-alt: "Treochlár Ethereum"
-summaryPoints:
-buttons:
-  - 
-    content: Uasghráduithe breise
-    toId: na-athruithe-atá ag teacht
-  - 
-    content: Uasghráduithe san am atá caite
-    href: /history/
-    variant: outline
----
-
-Tá Ethereum cheana féin ina ardán cumhachtach le haghaidh comhordú domhanda, ach tá sé fós á fheabhsú. Déanfaidh sraith feabhsuithe uaillmhianach Ethereum a uasghrádú óna fhoirm reatha go ardán lánscála, a bheidh an-athléimneach go hiomlán. Tá na huasghráduithe seo leagtha amach sa treochlár Ethereum.
-
-**Chun eolas a fháil ar uasghráduithe roimhe seo ar Ethereum, tabhair cuairt ar ár leathanach [Stair](/history/)**
-
-## Cad iad na hathruithe atá ag teacht ar Ethereum? {#what-changes-are-coming}
-
-Imlíníonn an treochlár Ethereum na feabhsuithe sonracha a dhéanfar ar an bprótacal amach anseo. Tríd is tríd, tabharfaidh an treochlár na buntáistí seo a leanas d’úsáideoirí Ethereum:
-
-<CardGrid>
-  <RoadmapActionCard
-    href="/roadmap/scaling"
-    title="Idirbhearta níos saoire"
-    image="scaling"
-    description="Rollups are too expensive and rely on centralized components, causing users to place too much trust in their operators. The roadmap includes fixes for both of these problems."
-    buttonText="More on reducing fees"
-  />
-  <RoadmapActionCard
-    href="/roadmap/security"
-    title="Slándála breise"
-    image="security"
-    description="Ethereum is already very secure but it can be made even stronger, ready to withstand all kinds of attack far into the future."
-    buttonText="More on security"
-  />
-  <RoadmapActionCard
-    href="/roadmap/user-experience"
-    title="Taithí úsáideora níos fearr"
-    image="userExperience"
-    description="More support for smart contract wallets and light-weight nodes will make using Ethereum simpler and safer."
-    buttonText="More on user experience"
-  />
-  <RoadmapActionCard
-    href="/roadmap/future-proofing"
-    title="Promhadh don todhchaí"
-    image="futureProofing"
-    description="Ethereum researchers and developers are solving tomorrow's problems today, readying the network for future generations."
-    buttonText="More on future proofing"
-  />
-</CardGrid>
-
-## Cén fáth a bhfuil treochlár ag teastáil ó Ethereum? {#why-does-ethereum-need-a-roadmap}
-
-Faigheann Ethereum uasghrádú rialta a fheabhsaíonn a scalability, slándáil, nó inbhuanaitheacht. Ceann de phríomhláidreachtaí Ethereum is ea oiriúnú de réir mar a thagann smaointe nua chun cinn ó thaighde agus forbairt. Tugann inoiriúnaitheacht an tsolúbthacht do Ethereum chun dul i ngleic le dúshláin atá ag teacht chun cinn agus coinneáil suas leis na cinn teicneolaíochta is airde chun cinn.
-
-<RoadmapImageContent title="Conas a shainítear an treochlár">
-
-Tá an treochlár mar thoradh den chuid is mó ar bhlianta oibre ag taighdeoirí agus forbróirí - toisc go bhfuil an prótacal an-teicniúil - ach is féidir le haon duine spreagtha a bheith rannpháirteach. Tosaíonn smaointe de ghnáth mar phlé ar fhóram mar [ethresear.ch](https://ethresear.ch/), [Ethereum Magicians](https://ethereum-magicians.org/) nó ar fhreastalaí easaontais Eth R&D. D’fhéadfadh gur freagairtí iad ar leochaileachtaí nua a aimsítear, moltaí ó eagraíochtaí atá ag obair sa chiseal feidhmchlár (amhail [dapps](/glossary/#dapp) agus malartuithe) nó ó fhrithchuimilte aitheanta d’úsáideoirí deiridh (cosúil le costais nó luasanna idirbhirt). Nuair a aibíonn na smaointe seo, is féidir iad a mholadh mar [Moltaí Feabhsúcháin Ethereum](https://eips.ethereum.org/). Déantar é seo ar fad go poiblí ionas gur féidir le duine ar bith ón bpobal páirt a ghlacadh ag am ar bith.
-
-[Tuilleadh faoi rialachas Ethereum](/rialachas/)
-
-</RoadmapImageContent>
-
-<InfoBanner mb={8}>
-  <h4 style={{ marginTop: 0 }}>Cad ab ea ETH2?</h4>
-
-  <p>Baineadh úsáid go coitianta as an téarma 'Eth2' chun cur síos a dhéanamh ar thodhchaí Ethereum roimh an aistriú go <a href="/glossary/#pos">cruthúnas-gheallta</a> ach cuireadh deireadh leis <strong>i bhfabhar téarmaíocht níos cruinne.</strong> Úsáideadh é ar dtús chun idirdhealú a dhéanamh ar líonra Ethereum roimh an aistriú go cruthúnais-gheallta agus an líonra tar éis sin, nó uaireanta chun tagairt a dhéanamh do na cliaint Ethereum éagsúla (<a href="/glossary/#execution-client">cuireadh cliaint fhorghníomhaithe</a> orthu uaireanta mar chliaint ETH1 agus tagraíodh do <a href="/glossary/#consensus-client">chliaint chomhaontaithe</a> uaireanta mar chliaint ETH2).</p>
-
-</InfoBanner>
-
-## An athróidh treochlár Ethereum le himeacht ama? {#will-ethereums-roadmap-change-over-time}
-
-**Tá - beagnach cinnte**. Is é an treochlár an plean reatha chun Ethereum a uasghrádú, a chlúdaíonn pleananna gar-théarma agus pleananna don todhchaí. Táimid ag súil go n-athróidh an treochlár de réir mar a bheidh faisnéis agus teicneolaíocht nua ar fáil.
-
-Smaoinigh ar threoirleabhar Ethereum mar thacar rún chun Ethereum a fheabhsú; is é hipitéis lárnach na dtaighdeoirí agus na forbróirí é maidir leis an mbealach chun cinn is fearr is féidir le Ethereum.
-
-## Cathain a bheidh an treochlár críochnaithe? {#when-will-the-roadmap-be-finished}
-
-Tá tosaíocht níos ísle ag baint le roinnt uasghráduithe agus is dócha nach gcuirfear i bhfeidhm iad go ceann 5-10 mbliana (m.sh. friotaíocht chandamach). **Tá sé casta uainiú beacht gach uasghrádaithe a thabhairt** mar go n-oibrítear ar go leor míreanna treochlár go comhthreomhar agus go bhforbraítear iad ar luasanna éagsúla. Is féidir leis an bpráinn a bhaineann le huasghrádú a athrú freisin le himeacht ama ag brath ar fhachtóirí seachtracha (m.sh. d’fhéadfadh go mbeadh níos práinní cripteagrafaíocht chandamach-resistant de bharr léim tobann i bhfeidhmíocht agus infhaighteacht ríomhairí chandamach).
-
-Bealach amháin chun smaoineamh ar fhorbairt Ethereum ná de réir analaí leis an éabhlóid bhitheolaíoch. Is mó an seans go n-éireoidh le líonra atá in ann dul in oiriúint do dhúshláin nua agus folláine a choinneáil ná le ceann atá in aghaidh athraithe, cé go mbeidh gá le níos lú athruithe ar an bprótacal de réir mar a éiríonn an líonra níos feidhmiúla agus níos inscálaithe.
-
-## An gcaithfidh mé aon rud a dhéanamh nuair atá uasghrádú ann? {#do-i-have-to-do-anything-when-there-is-an-upgrade}
-
-Is gnách nach mbíonn tionchar ag uasghráduithe ar úsáideoirí deiridh ach amháin trí thaithí úsáideora níos fearr agus prótacal níos sláine a sholáthar agus b’fhéidir níos mó <i>roghanna</i> maidir le conas idirghníomhú le Ethereum. **Ní cheanglaítear ar úsáideoirí rialta páirt ghníomhach a ghlacadh in uasghrádú, agus ní gá dóibh aon rud a dhéanamh** chun a gcuid sócmhainní a dhaingniú. Beidh ar oibritheoirí [Node](/glossary/#node) a gcuid cliant a nuashonrú chun ullmhú le haghaidh uasghrádú. D'fhéadfadh athruithe a bheith mar thoradh ar roinnt uasghráduithe d'fhorbróirí feidhmchlár. Mar shampla, d'fhéadfadh sé go gcuirfeadh uasghráduithe éaga staire ar fhorbróirí feidhmchlár sonraí stairiúla a fháil ó fhoinsí nua.
-
-## Cad mar gheall ar The Verge, The Splurge, srl? {#what-about-the-verge-splurge-etc}
-
-[ Mhol Vitalik Buterin fís don treochlár Ethereum](https://twitter.com/VitalikButerin/status/1741190491578810445) a eagraíodh i roinnt catagóirí a bhí nasctha ag a n-iarmhairtí ar ailtireacht Ethereum. Áiríodh leis:
-
-- **An Cumasc**: uasghráduithe a bhaineann leis an athrú ó [cruthúna oibre](/glossary/#pow) go [cruthúnas-gheallta](/glossary/#pos)
-- **An Borradh**: uasghráduithe a bhaineann le hinscálaitheacht trí [rolluithe](/glossary/#rollups) agus sciartha sonraí
-- **The Scourge**: uasghráduithe a bhaineann le frithsheasmhacht cinsireachta, díláraithe agus rioscaí prótacail ó [MEV](/glossary/#mev)
-- **The Verge**: uasghráduithe a bhaineann le fíorú [bloic](/glossary/#block) níos éasca
-- **An Purge**: uasghráduithe a bhaineann le costais ríomhaireachta na nóid reatha a laghdú agus an prótacal a shimpliú
-- **The Splurge**: uasghráduithe eile nach n-oireann go maith do na catagóirí roimhe seo.
-
-Shocraigh muid gan an téarmaíocht seo a úsáid mar theastaigh uainn múnla níos simplí agus níos úsáideoir-lárnach a úsáid. Cé go n-úsáidimid teanga atá dírithe ar an úsáideoir, fanann an fhís mar an gcéanna leis an bhfís a mhol Vitalik.
-
-## Cad mar gheall ar sciartha? {#what-about-sharding}
-
-Is ionann  sciartha agus an blocshlabhra Ethereum a roinnt ionas nach mbeidh fo-thacair de [bhailitheoirí](/glossary/#validator) freagrach ach as codán de na sonraí iomlána. Bhí sé i gceist ar dtús gurb é seo an bealach le Ethereum. a scáláil. Mar sin féin, d'fhorbair rolluithe[lciseal 2](/glossary/#layer-2) i bhfad níos tapúla ná mar a bhíothas ag súil leis agus tá go leor scálaithe curtha ar fáil acu cheana féin, agus cuirfidh siad i bhfad níos mó ar fáil tar éis Proto-Danksharding a chur i bhfeidhm. Ciallaíonn sé seo nach bhfuil gá le "slabhraí sciartha" a thuilleadh agus gur baineadh den treochlár iad.
-
-## Ag lorg uasghráduithe teicniúla ar leith? {#looking-for-specific-technical-upgrades}
-
-- [Pectra](/roadmap/pectra) - Prague/Electra hardfork that brings new approach to account abstraction, improves scalability and more.
-- [Danksharding](/roadmap/danksharding) - Déanann Danksharding rolluithe ciseal 2 i bhfad níos saoire d'úsáideoirí trí “blobaí” sonraí a chur le bloic Ethereum.
-- [Aistarraingtí geallta](/staking/backals) - Chuir uasghrádú Shanghai/Capella ar chumas aistarraingtí geallta ar Ethereum, rud a chuir ar chumas daoine a ETH geallta a dhíghlasáil.
-- [Críochnaitheacht sliotán aonair](/roadmap/single-slot-finality) - In ionad fanacht cúig nóiméad déag, d'fhéadfaí bloic a mholadh agus a thabhairt chun críche sa sliotán céanna. Tá sé seo níos áisiúla do aipeanna agus i bhfad níos deacra a ionsaí.
-- [Deighilt idir an tairgeoir agus an tógálaí](/roadmap/pbs) - Trí na tascanna blocthógála agus blocthograí a roinnt ar bhailitheoirí ar leith cruthaítear bealach níos cothroime, níos frithdhíobhálach don chinsireacht agus níos éifeachtaí do Ethereum teacht ar chomhdhearcadh.
-- [Toghchán ceannaire rúnda](/roadmap/secret-leader-election) - Is féidir cripteagrafaíocht chliste a úsáid lena chinntiú nach ndéantar céannacht mholtóir an bhloic reatha a phoibliú, á chosaint ar chineálacha áirithe ionsaí.
-- [Astarraingt cuntais](/roadmap/account-abstraction) - Is éard is astarraingt cuntais ann aicme uasghrádaithe a thacaíonn le sparán cliste conartha ó dhúchas ar Ethereum, seachas a bheith ag baint úsáide as meánearraí casta.
-- [Crainn Verkle](/roadmap/verkle-trees) - Is struchtúr sonraí iad crainn Verkle is féidir a úsáid chun cliaint gan stát ar Ethereum a chumasú. Beidh méid beag spáis stórála ag teastáil ó na cliaint “gan stát” seo ach beidh siad fós in ann bloic nua a fhíorú.
-- [Easpa stáit](/roadmap/statelessness) - Beidh cliaint gan stát in ann bloic nua a fhíorú gan a bheith orthu méid mór sonraí a stóráil. Soláthróidh sé seo na buntáistí go léir a bhaineann le nód a reáchtáil gan ach codán beag de chostais an lae inniu.
diff --git a/public/content/translations/ga/roadmap/merge/index.md b/public/content/translations/ga/roadmap/merge/index.md
index c77a9b3fbe4..584270a7599 100644
--- a/public/content/translations/ga/roadmap/merge/index.md
+++ b/public/content/translations/ga/roadmap/merge/index.md
@@ -37,9 +37,13 @@ B'ionann an Cumasc agus an t-athrú oifigiúil go dtí an Slabhra Beacon a úsá
 
 Níor cailleadh aon stair in An Cumasc. De réir mar a chumasc Mainnet leis an Slabhra Beacon, chomhcheangail sé stair idirbheartaíochta iomlán Ethereum freisin.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 D'athraigh an t-aistriú seo go dtí cruthúnas-gheallta n bealach a eisítear éitear. Foghlaim tuilleadh faoi <a href="/roadmap/merge/issuance/">eisiúint éitear roimh An Cumasc agus ina dhiaidh</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Úsáideoirí agus sealbhóirí {#users-holders}
 
diff --git a/public/content/translations/ga/roadmap/merge/issuance/index.md b/public/content/translations/ga/roadmap/merge/issuance/index.md
index 1c270f12025..78bab7773e2 100644
--- a/public/content/translations/ga/roadmap/merge/issuance/index.md
+++ b/public/content/translations/ga/roadmap/merge/issuance/index.md
@@ -54,11 +54,15 @@ Soláthar iomlán ETH: **~120,520,000 ETH** (ag am The Merge i Meán Fómhair 20
 - Eisíodh torthaí i **~620,500** ETH thar tréimhse bliana
 - Bhí ráta boilscithe **thart ar 0.52%** mar thoradh air (620.5K in aghaidh na bliana / 119.3M san iomlán)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 <strong>Ráta eisiúna bliantúil iomlán (réamhchumasc): ~4.61%</strong> (4.09% + 0.52%)<br/><br/>
 Bhí <strong>~88.7%</strong> den eisiúint ag dul chuig mianadóirí ar an gciseal forghníomhaithe (4.09 / 4.61 * 100)<br/><br/>
 Bhí <strong>~11.3%</strong> á eisiúint chuig geallsealbhóirí ar an tsraith chomhthoil (0.52 / 4.61 * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Iar-chumascadh (an lá inniu) {#post-merge}
 
@@ -84,18 +88,26 @@ De réir mar a imíonn níos mó bailíochtóirí siar, laghdófar de réir a ch
 - Eisiúint ciseal feidhmithe: **0**
 - Eisiúint ciseal comhdhearcadh: Mar an gcéanna leis an méid thuas, **~0.52%** ráta eisiúna bliantúil (le 14 milliún ETH iomlán i gceist)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Ráta eisiúna bliantúil iomlán: <strong>~0.52%</strong><br/><br/>
 Glanlaghdú ar eisiúint bhliantúil ETH: <strong>~88.7%</strong> ((4.61% - 0.52%) / 4.61% * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## <Emoji text=":fire:" size="1" /> an Dóchán {#the-burn}
 
 Is é an fórsa contrártha le heisiúint ETH an ráta ag a dhóitear ETH. Chun idirbheart a fhorghníomhú ar Ethereum, ní mór táille íosta (ar a dtugtar "bonn-táille") a íoc, a luainíonn go leanúnach (bloc-go-bloc) ag brath ar ghníomhaíocht líonra. Íoctar an táille in ETH agus _éilítear_ chun go measfar an t-idirbheart a bheith bailí. Déantar _an táille seo a dhó_ le linn an phróisis idirbhirt, rud a bhaintear as cúrsaíocht í.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Chuaigh dó táillí beo le <a href="/history/#london">uasghrádú Londain</a> i mí Lúnasa 2021, agus níl aon athrú air ó The Merge.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Anuas ar an dó táillí arna chur i bhfeidhm ag uasghrádú Londain, is féidir le bailíochtaithe pionóis a thabhú as a bheith as líne, nó níos measa fós, is féidir iad a ghearradh as rialacha sonracha a sháraíonn slándáil líonra a bhagairt. Is é an toradh a bhíonn ar na pionóis seo ná laghdú ETH ó iarmhéid an bhailíochtóra sin, nach dtugtar luach saothair díreach dó chuig aon chuntas eile, rud a dhónn é/a bhaineann as cúrsaíocht é.
 
diff --git a/public/content/translations/ga/roadmap/scaling/index.md b/public/content/translations/ga/roadmap/scaling/index.md
index 908ac2711dd..d40ae549f3d 100644
--- a/public/content/translations/ga/roadmap/scaling/index.md
+++ b/public/content/translations/ga/roadmap/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 Déantar Ethereum a scála ag baint úsáide as [ciseal 2s](/layer-2/#rollups) (ar a dtugtar rollups freisin), a dhéanann idirbhearta a bhaisc le chéile agus a sheolann an t-aschur chuig Ethereum. Cé go bhfuil rolladh suas le hocht n-uaire níos saoire ná Ethereum Mainnet, is féidir rolladh suas a bharrfheabhsú tuilleadh chun costais a laghdú d'úsáideoirí deiridh. Braitheann Rollups freisin ar roinnt comhpháirteanna láraithe gur féidir le forbróirí a bhaint de réir mar a aibíonn na rollóirí.
 
-<InfoBanner mb={8} title="Costais idirbhirt">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  Costais idirbhirt
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>Tá rolladh an lae inniu <strong>~5-20x</strong> níos saoire ná ciseal 1 Ethereum</li>
     <li>Is gearr go laghdóidh ZK-rollups táillí faoi <strong>~40-100x</strong></li>
     <li>Soláthróidh athruithe atá le teacht ar Ethereum <strong>~100-1000x</strong> eile de scálaithe</li>
     <li style={{ marginBottom: 0 }}>Ba cheart go mbainfeadh úsáideoirí leas as idirbhearta <strong>a chosnaíonn níos lú ná $0.001</strong></li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Sonraí a dhéanamh níos saoire {#making-data-cheaper}
 
diff --git a/public/content/translations/ga/security/index.md b/public/content/translations/ga/security/index.md
index ef92843a2ed..d2feddbd1a0 100644
--- a/public/content/translations/ga/security/index.md
+++ b/public/content/translations/ga/security/index.md
@@ -124,11 +124,12 @@ Mar riail ghinearálta, ní bheidh an fhoireann i dteagmháil leat trí bhealaí
 - Ná lig d’aon duine cianrochtain isteach ar do ríomhaire
 - Ná déan cumarsáid riamh lasmuigh de bhealaí ainmnithe eagraíochta
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Tabhair faoi deara: cé go dtarlaíonn camscéimeanna ar stíl tacaíochta go coitianta ar Discord, is féidir leo a bheith coitianta freisin ar aon fheidhmchláir chomhrá ina dtarlaíonn plé crypto, lena n-áirítear ríomhphost.
   </div>
-</InfoBanner>
+</Alert>
 
 ### Scam chomhartha 'Eth2' {#eth2-token-scam}
 
@@ -215,11 +216,12 @@ Ní focal faire láidir a thuilleadh é pasfhocal láidir a nochtaíodh i sárú
 
 ### Bain úsáid as bainisteoir phasfhocal {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     Trí úsáid a bhaint as bainisteoir phasfhocail déantar cúram de phasfhocail láidre, uathúla a chruthú agus de chuimhneamh orthu! Molaimid go <strong>láidir</strong> ceann a úsáid, agus tá an chuid is mó acu saor in aisce!
   </div>
-</InfoBanner>
+</Alert>
 
 Ní rud iontach é pasfhocail láidre uathúla a mheabhrú do gach cuntas atá agat. Tairgeann bainisteoir pasfhocail stór slán, criptithe do gach pasfhocal ar féidir leat rochtain a fháil air trí mháistirfhocal láidir amháin. Molann siad freisin pasfhocail láidre agus tú ag clárú le haghaidh seirbhís nua, mar sin ní gá duit do chuid féin a chruthú. Inseoidh go leor bainisteoirí pasfhocal duit freisin má bhí baint agat le sárú sonraí, rud a ligeann duit na pasfhocail a athrú roimh aon ionsaithe mailíseach.
 
@@ -242,11 +244,12 @@ Ar uairibh iarrtar ort d’aitheantas a fhíordheimhniú trí chruthúnas uathú
 
 Má úsáidtear **Fíordheimhniú Dhá Fhachtóir (2FA)** soláthraítear *fachtóir slándála* breise do do chuntais ar líne. Cinntíonn 2FA nach leor do phasfhocal a bheith agat chun rochtain a fháil ar chuntas. Go coitianta, is é an dara fachtóir cód randamach 6-dhigit, ar a dtugtar **focal faire aonuaire (TOTP) ama-bhunaithe**, ar féidir leat rochtain a fháil air trí aip fíordheimhnitheora mar Google Authenticator nó Authy. Feidhmíonn siad seo mar fhachtóir "rud éigin leat" toisc go bhfuil an síol a ghineann an cód uainithe stóráilte ar do ghléas.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Nóta: Trí 2FA atá SMS-bhunaithe a úsáid beidh tú leochailleach roimh ionsaithe <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">Jacking SIM</a> agus níl sé slán. Ar mhaithe leis an tslándáil is fearr, úsáid seirbhís amhail <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> nó <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Eochracha slándála {#security-keys}
 
diff --git a/public/content/translations/ga/staking/withdrawals/index.md b/public/content/translations/ga/staking/withdrawals/index.md
index fbd50874c90..9198d787dc0 100644
--- a/public/content/translations/ga/staking/withdrawals/index.md
+++ b/public/content/translations/ga/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Roimh uasghrádú Shanghai/Capella, ní raibh tú in ann do ETH geallta a úsái
 
 Is céim riachtanach é seoladh aistarraingthe a sholáthar d’aon chuntas bailíochtóra sula mbeidh sé incháilithe ETH a aistarraingt óna iarmhéid.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Ní féidir ach seoladh aistarraingthe amháin a shannadh do gach cuntas bailíochtóra, uair amháin.</strong> Nuair a roghnaítear seoladh agus a chuirtear isteach sa tsraith chomhthola é, ní féidir é seo a chealú nó a athrú arís. Déan seiceáil faoi dhó ar úinéireacht agus ar chruinneas an tseolta a cuireadh ar fáil sula gcuirtear isteach é.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Níl <strong>bagairt ar do chistí idir an dá linn</strong> mura soláthraitear é seo, ag glacadh leis go bhfuil d'fhrása cuimhneacháin/síolta fós slán as líne, agus nach bhfuil sé curtha i mbaol ar bhealach ar bith. Mura gcuirtear dintiúir aistarraingthe leis, fágfar an ETH faoi ghlas sa chuntas bailíochtóra mar a bhí sé go dtí go gcuirtear seoladh aistarraingthe ar fáil.
 
@@ -82,11 +87,16 @@ Breathnaigh ar an míniú seo ar aistarraingtí geallchuir Ethereum ag Finematic
 
 Nuair atá bailíochtóir sceidealta chun an chéad bhloc eile a mholadh, ní mór dó scuaine aistarraingthe a thógáil, de suas le 16 aistarraingt incháilithe. Déantar é seo trí thosú ar dtús le hinnéacs bailíochtóra 0, ag cinneadh an bhfuil aistarraingt incháilithe don chuntas seo de réir rialacha an phrótacail, agus é a chur leis an scuaine má tá. Tógfaidh an bailíochtóir atá socraithe chun an bloc seo a leanas a mholadh an áit atá fágtha ag an gceann deireanach, ag dul ar aghaidh in ord ar feadh tréimhse éiginnte.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Smaoinigh ar chlog analógach. Díríonn an lámh ar an gclog go dtí an uair, téann sí ar aghaidh i dtreo amháin, ní scipeann sí uaireanta ar bith, agus sa deireadh filleann sí ar ais go dtí an tús arís tar éis an uimhir dheireanach a shroicheadh.<br/><br/>
 Anois in ionad 1 go 12, samhlaigh go bhfuil 0 trí N <em> ag an gclog (líon iomlán na gcuntas bailíochtóra a cláraíodh riamh ar an tsraith chomhthola, níos mó ná 500,000 ó Eanáir 2023).</em><br/> <br/>
 Díríonn an lámh ar an gclog chuig an gcéad bhailíochtóir eile nach mór a sheiceáil le haghaidh aistarraingtí incháilithe. Tosaíonn sé ag 0, agus téann sé chun cinn an bealach ar fad gan aon chuntais a scipeáil. Nuair a shroichtear an bailíochtóir deiridh, leanann an timthriall ar ais ag an tús.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Cuntas á sheiceáil le haghaidh aistarraingtí {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/ga/web3/index.md b/public/content/translations/ga/web3/index.md
index b945eda2980..fd242bfec25 100644
--- a/public/content/translations/ga/web3/index.md
+++ b/public/content/translations/ga/web3/index.md
@@ -65,12 +65,15 @@ Tugann Web3 úinéireacht duit ar do shócmhainní digiteacha ar bhealach nach b
 
 Ligeann Web3 d’úinéireacht dhíreach trí [chomharthaí neamh‑idirmhalartacha (NFTanna)](/glossary/#nft). Níl an cumhacht ag aon duine, ní fiú ag cruthaitheoirí an chluiche, d'úinéireacht a bhaint. Agus, má stopann tú an imirt, is féidir leat do chuid earraí ion-chluiche a dhíol nó a thrádáil ar mhargaí oscailte agus a luach a fháil ar ais.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Foghlaim tuilleadh faoi NFTanna</div>
   <ButtonLink href="/nft/">
     Tuilleadh faoi NFTanna
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Friotaíocht chinsireachta {#censorship-resistance}
 
@@ -90,12 +93,15 @@ Sainmhínítear DAOnna go teicniúil mar [chonarthaí cliste](/glossary/#smart-c
 
 Mar sin féin, sainíonn daoine go leor pobail Web3 mar DAOnna. Tá leibhéil dhifriúla díláraithe agus uathoibrithe de réir cód ag na pobail seo go léir. Faoi láthair, táimid ag fiosrú cad is DAOnna ann agus conas a d’fhéadfaidís éabhlóid a dhéanamh amach anseo.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Foghlaim tuilleadh faoi DAOanna</div>
   <ButtonLink href="/dao/">
     Tuilleadh faoi DAO
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Céannacht {#identity}
 
diff --git a/public/content/translations/ha/defi/index.md b/public/content/translations/ha/defi/index.md
index 3fe85053fa3..8eaf58cf667 100644
--- a/public/content/translations/ha/defi/index.md
+++ b/public/content/translations/ha/defi/index.md
@@ -63,12 +63,15 @@ Ethereum ita ma ta ɗaura ne akan wannan. Kamar dai Bitcoin, dokokin ba za su ca
 
 Wannan kun ji shi wani iri... ''Mesa zan so na tsara kuɗina''? Koda yake, wannan ya fi asalin yanayin siffar kuɗi ne akan Ethereum. Kowa zai iya tsara fikira har zuwa biyan kuɗi. Kuna iya samun damar sarrafawa da ma tsaro na Bitcoin da ke cakuɗe da sabis da kuka samar a cibiyar hada-hadar kuɗaɗe. Wannan na ba ku damar yin abubuwa da kuɗin kiripto da baza ku iya yi ba tare da Bitcoin kamar dai ba da aro da bashi, tsara jadawalin biyan kuɗi, saka hannun jarin kuɗi da ma sauran su.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Gano shawarwari na amfani da DeFi don gwadawa idan ku sabbi ne a Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Gano manhajojin DeFi
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Me za ku iya yi da DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/ha/nft/index.md b/public/content/translations/ha/nft/index.md
index 428d74b5d2d..bf339a35e2f 100644
--- a/public/content/translations/ha/nft/index.md
+++ b/public/content/translations/ha/nft/index.md
@@ -54,12 +54,15 @@ NFTs ana amfani dasu akan ababe da yawa, sun haɗa da:
 
 Ta iya yuwa kai mai zane ne mai so ya raba aiyukansa ta hanyar amfani da NFTs, ba tare da ka rasa iko ba da sadaukar da ribar ka ga yantsakiya ba. Kana iya ƙiƙiran sabon kwangila tare keɓance lambar NFTs, kayayyaki da matsomi zuwa ga wasu aikin fasaha na musammanma. A matsayin mai zane, **kana iya shiryawa don shiga smart contract don samun ɗaukaka** wajibine sai ka biya (e.g tura 5% na farashin duk NFT daka sayar zuwaga dan kwangila). Sannan kuma ko wane lokaci kana iya tabbatar da cewa ka ƙirkiri NFTs saboda ka mallaki [lalitar ajiya](/glossary/#wallet) dake wanzar da kwangilar. Masu siyan na ku cikin sauƙi na iya tabbatar da cewa sun mallaki **sahihancin NFT** daga tarin ku saboda ana haɗe [adireshinsu](/glossary/#address) tare da alama a cikin smart contract. Za su iya amfani da shi a duk faɗin tsarin mahallin Ethereum, suna da tabbaci akan sahihancinsa.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Bincika, siya ko ka kirkira naka NFT zane/tattatarawa...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Faɗaɗa zanen NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Ko kuma ka mayar da hankali kan tikiti game da taron wasannin. Kamar dai a matsayin ka na na **mai shirya taro kana iya zaban yawan tikitin da zai sayar**, mai kirkiran NFT zai iya yanke hukuncin adadin kwafin da suke akwaisu. Wasu lokutan waɗannan sune asalin kwafin, kamar 5000 Amintattun Tikiti na Game Gari. Wasu lokutan dayawa suna buga wainda suka fi kama, amman sunada dan banbanci kaɗan, kamar irin tikitan da aka sama musu wuri. Wa'innan ana iya yi kuma a sayar dasu hannu da hannu ba tareda biyan masu tikitin ba sanna masu siye koda yaushe sunada tabbacin ingacin tikitin ta hanyar duba adreshin kwangilar.
 
diff --git a/public/content/translations/ha/staking/withdrawals/index.md b/public/content/translations/ha/staking/withdrawals/index.md
index 76901aefde6..decd55b71e6 100644
--- a/public/content/translations/ha/staking/withdrawals/index.md
+++ b/public/content/translations/ha/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Kafin shi Shanghai/Capella su inganta, bazaka iya anfani ko samun ribar ba ETH.
 
 Samar da adireshi na cirewa ana buƙatan shi a duk wata gaba a duk wata asusun da aka ingantaahi kafin yazama halastacce wajen samun cire ETH daga abinda ka ajiye.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong> A kowane ingancaccan asusu akan sanya adireshi cirewa gudaɗaya, sau ɗaya.</strong> matukar adireshin da aka zaɓa aka bada shi wa masu dedetawa, wannan asusun bazai tabuɓa ko kuma a canzuwa. Dubar mallaka sau biyu da kwarewar adireshin da aka samar kafin kaddamarwa.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Akwai <strong> ba barazana ga kuɗinka a wannan lokacin </strong> dan ba'a samar da wannan bah, kamar mnemonic/sees phrase yanada sauran ajiya a awajen yanar gizo, kuma ba'a mishi son zuciya a ko wani hanyaba. Gaza ƙara takardun cirewa, zai bar makullan ETH cikin sauki a asusun da aka tabbatar kuma zai zauna har sa an samar da adireshin cirewa.
 
@@ -82,11 +87,16 @@ Ka duba wannan bayanan ajiyar Ethereum da cirewa na Finematics:
 
 Lokacin da tabbatarwa an tsara hi ta tallafawa kullewa na gaba, yana bukatar gina layin cirewa, na har sawan halastaccan cirewa sau 16. Wannan na yuwuwane daga asalin farawa da tabbatarwa lissafin 0, duba yuwuwar halastan cirewa a wanna asusun a duk dokokin da sare-saren, da karawa akan intanet ɗin akwai. Mai tabbatarwa zai shirya tallafawa makullai masu zuwa wajen ɗaukan na ƙarshe da aka bari, da cigaban saboda rashin iyaka.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Yi tunani akan agogo mai juyawa. Hannun da yake jan agogon yana nuna sa'a ne, cigabanshi akan hanyarshi, bai sallake wani sa'a, kuma daga bisani yakan dawo farkon inda ya fara bayan lamban karshe.<br/><br/>
 Yanzu maimakon 1 zuwa 12, abin mamaki agogon yana 0 zuwa N<em>( duk kan yawan tabbatarwa asusun wanda aka yimusu ragister akan dedetawa, sama da 500,000 acikin jan 2023).</em><br/><br/>
 Hannun agogon akan masaya zuwa tabbatarwa wanda yake bukatan a duba halascin cire shi. Yana farawa da 0, kuma ya ci gaba ta kowani hanya batare da sallake kowani asusu ba. Idan tabbatarwa na ƙarshe ya kai, makewayin yana ci gabane da komawa farko.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Ana duba asusu don cirewa {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/ha/web3/index.md b/public/content/translations/ha/web3/index.md
index 2e5e1e0c5e9..1921696c02e 100644
--- a/public/content/translations/ha/web3/index.md
+++ b/public/content/translations/ha/web3/index.md
@@ -61,12 +61,15 @@ Web3 ya bada mallaki wajen kirga kaddarori ta hanyar da ba'a taɓa ganiba. Alal
 
 Web3 yana bada damar yin mallaka kai saye ta hanyar [ non fungible tokens (NFTs)](/glossary/#nft). Ba ɗaya, bama wanda ya kirkiri wasan ninba, keda ikon ɗauke maka mallakin ka. Kuma, in ka dena yin wasanni, zaka iya saidawa ko kayi kasuwancin abubuwan da ke cikin games in a buɗaɗɗiyar kasuwa da kuma dawowa da darajarsu.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Ƙarin koyo game da NFTs</div>
   <ButtonLink href="/nft/">
     Kari akan NFTs
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Hani wajen yaɗuwar bayanai {#censorship-resistance}
 
@@ -86,12 +89,15 @@ DAOs a ta'arifi shi ne fasaha da aka yarda akan [zafafa yarjejeniya](/glossary/#
 
 Koma dai yaya, mutane suna ta'arifin dayawa akan muhallin Web3 a masayin DAOs. Wannan muhallin gaba daya sunada bambancin masayi akan wargazawa da kuma dokoki kai saye. A halin yanzu haka, muna kan niman menene DAOs da kuma ya za'ayi a shigar dasu a abu na gaba.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Karin Koyo akan  DAOs</div>
   <ButtonLink href="/dao/">
     Karin bayani akan DOAs
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Asali {#identity}
 
diff --git a/public/content/translations/hi/defi/index.md b/public/content/translations/hi/defi/index.md
index df075a00546..de3dec8592e 100644
--- a/public/content/translations/hi/defi/index.md
+++ b/public/content/translations/hi/defi/index.md
@@ -63,12 +63,15 @@ DeFi की क्षमता को देखने का एक सबसे
 
 यह अजीब लग रहा है... "मैं अपने मुद्रा को प्रोग्राम क्यों करना चाहूँगा"? हालाँकि, यह इथेरियम पर टोकन्स की एक डिफ़ॉल्ट सुविधा मात्र है। कोई भी भुगतान में तर्क प्रोग्राम कर सकता है। इस तरह आप बिटकॉइन की नियंत्रण और सुरक्षा को वित्तीय संस्थानों द्वारा प्रदान की जाने वाली सेवाओं के साथ मिला सकते हैं। यह आपको क्रिप्टोकरेंसी के साथ ऐसी चीजें करने की अनुमति देता है जो आप बिटकॉइन के साथ नहीं कर सकते, जैसे कि उधार देना और उधार लेना, भुगतानों की योजना बनाना, सूची निवेश में निवेश करना और आदि।
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>अगर आप इथेरियम में नए हैं, तो DeFi एप्लिकेशन्स के लिए हमारे सुझावों का अन्वेषण करें।</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     DeFi ऐप्स खोजें
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## DeFi के साथ आप क्या कर सकते हैं? {#defi-use-cases}
 
diff --git a/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/index.md
index bee60f25343..1326ac7206c 100644
--- a/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/index.md
@@ -6,9 +6,14 @@ lang: hi
 
 एथेरियम नेटवर्क ने प्रूफ-ऑफ-वर्क मैकेनिज्म का उपयोग करके शुरू किया जिसमें **[प्रूफ-ऑफ-वर्क (PoW) शामिल](/developers/docs/consensus-mechanisms/pow)** था। इसने एथेरियम नेटवर्क के नोड्स को एथेरियम ब्लॉकचेन पर दर्ज सभी सूचनाओं की स्थिति पर सहमत होने की अनुमति दी और कुछ प्रकार के आर्थिक हमलों को रोका। हालाँकि, एथेरियम ने 2022 में प्रूफ-ऑफ-वर्क को बंद कर दिया और इसके बजाय [प्रूफ-ऑफ-स्टेक का उपयोग करना शुरू कर](/developers/docs/consensus-mechanisms/pos) दिया।
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
     काम के सबूत को अब अप्रचलित कर दिया गया है। एथेरियम अब अपने कंसेंसस मैकेनिज्म के हिस्से के रूप में प्रूफ-ऑफ-वर्क का उपयोग नहीं करता है। इसके बजाय, यह हिस्सेदारी के सबूत का उपयोग करता है। <a href="/developers/docs/consensus-mechanisms/pos/">हिस्सेदारी के सबूत</a> और <a href="/staking/">स्टेकिंग</a> पर और अधिक पढ़ें।
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## आवश्यक शर्तें {#prerequisites}
 
diff --git a/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/index.md
index a47ad900ddf..c6cf1f14048 100644
--- a/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -4,9 +4,14 @@ description: एथेरियम पर माईनिंग कैसे क
 lang: hi
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 प्रूफ-ऑफ-वर्क अब एथेरियम के सर्वसम्मति मैकेनिज्म में अंतर्निहित नहीं है, जिसका अर्थ है कि माईनिंग बंद कर दी गई है। इसके बजाय, एथेरियम को ऐसे सत्यापनकर्ताओं द्वारा सुरक्षित किया जाता है जो ETH को स्टेक पर लगाते हैं। आप आज ही अपने ETH की स्टेकिंग शुरू कर सकते हैं। <a href='/roadmap/merge/'>द मर्ज</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>हिस्सेदारी का सबूत</a> और <a href='/staking/'>स्टेकिंग</a>। यह पृष्ठ केवल ऐतिहासिक रुचि के लिए है।
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## आवश्यक शर्तें {#prerequisites}
 
diff --git a/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index 9363b61f0f3..b0be5298231 100644
--- a/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -4,9 +4,14 @@ description: एथाश एल्गोरिथम पर एक विस्
 lang: hi
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
    एथाश एथेरियम का प्रूफ-ऑफ-वर्क माइनिंग एल्गोरिथम था। प्रूफ-ऑफ-वर्क को अब **पूरी तरह से बंद कर दिया गया है** और एथेरियम अब इसके बजाय <a href="/developers/docs/consensus-mechanisms/pos/">प्रूफ-ऑफ-स्टेक</a> का उपयोग करके सुरक्षित है। <a href="/roadmap/merge/">द मर्ज</a>, <a href="/developers/docs/consensus-mechanisms/pos/">हिस्सेदारी के सबूत</a> और <a href="/staking/">स्टेकिंग</a> पर अधिक। यह पृष्ठ ऐतिहासिक रुचि के लिए है!  
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 [एथाश](https://github.com/ethereum/wiki/wiki/Ethash) [डैगर-हाशिमोटो](/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/dagger-hashimoto) एल्गोरिथम का एक संशोधित संस्करण है। एथाश प्रूफ-ऑफ-वर्क [मेमोरी हार्ड](https://wikipedia.org/wiki/Memory-hard_function) है, जिससे एल्गोरिथम ASIC प्रतिरोधी बनाने की अपेक्षा की गई थी। एथाश ASIC को अंततः विकसित किया गया था लेकिन GPU माईनिंग तब तक एक व्यवहार्य विकल्प था जब तक कि प्रूफ-ऑफ-वर्क बंद नहीं किया गया था। एथाश का उपयोग अभी भी अन्य गैर-एथेरियम प्रूफ-ऑफ-वर्क नेटवर्क पर अन्य सिक्कों को माइन करने के लिए किया जाता है।
 
diff --git a/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index 01e040aa9df..a56286a6fa9 100644
--- a/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -4,9 +4,14 @@ description: एथेरियम माईनिंग के लिए उप
 lang: hi
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 प्रूफ-ऑफ-वर्क अब एथेरियम के सर्वसम्मति मैकेनिज्म में अंतर्निहित नहीं है, जिसका अर्थ है कि माईनिंग बंद कर दी गई है। इसके बजाय, एथेरियम को ऐसे सत्यापनकर्ताओं द्वारा सुरक्षित किया जाता है जो ETH को स्टेक पर लगाते हैं। आप आज ही अपने ETH की स्टेकिंग शुरू कर सकते हैं। <a href='/roadmap/merge/'>द मर्ज</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>हिस्सेदारी का सबूत</a> और <a href='/staking/'>स्टेकिंग</a>। यह पृष्ठ केवल ऐतिहासिक रुचि के लिए है।
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 एथेरियम माईनिंग ने एक एल्गोरिथम का इस्तेमाल किया जिसे एताश के नाम से जाना जाता है। एल्गोरिथम का मूल विचार यह है कि एक माईनर ब्रूट फोर्स गणना का उपयोग करके एक नॉन्स इनपुट खोजने की कोशिश करता है ताकि परिणामी हैश गणना की गई कठिनाई द्वारा निर्धारित सीमा से छोटा हो। इस डिफिकल्टी लेवल को गतिशील रूप से समायोजित किया जा सकता है, जिससे ब्लॉक उत्पादन नियमित अंतराल पर हो सकता है।
 
diff --git a/public/content/translations/hi/energy-consumption/index.md b/public/content/translations/hi/energy-consumption/index.md
index 6ffceefb2fa..f8f6c9415b8 100644
--- a/public/content/translations/hi/energy-consumption/index.md
+++ b/public/content/translations/hi/energy-consumption/index.md
@@ -61,9 +61,14 @@ CCRI का अनुमान है कि मर्ज ने एथेरि
 
 [Gitcoin](https://gitcoin.co) जैसे Web3 देशी सार्वजनिक वस्‍तु वित्‍तपोषण प्‍लेटफ़ॉर्म, एथेरियम की एप्लिकेशन परत पर पर्यावरण के प्रति जागरूक निर्माण को प्रोत्साहित करने के लिए जलवायु राउंड चलाते हैं। इन पहलों (और अन्य, जैसे [DeSci](/desci/)) के विकास के माध्यम से, एथेरियम एक पर्यावरण और सामाजिक रूप से नेट-सकारात्मक प्रौद्योगिकी बन रहा है।
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   यदि आपको लगता है कि इस पृष्ठ को अधिक सटीक बनाया जा सकता है, तो कृपया कोई मुद्दा या PR उठाएं। इस पृष्ठ पर दिए गए आँकड़े सार्वजनिक रूप से उपलब्ध आंकड़ों पर आधारित अनुमान हैं - वे ethereum.org टीम या Ethereum फाउंडेशन के किसी आधिकारिक बयान या वादे का प्रतिनिधित्व नहीं करते हैं।
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## अग्रिम पठन {#further-reading}
 
diff --git a/public/content/translations/hi/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/hi/guides/how-to-create-an-ethereum-account/index.md
index db7de01588e..1afb45fcaf0 100644
--- a/public/content/translations/hi/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/hi/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ lang: hi
 **कोई भी व्यक्ति जो वाक्यांश जानता है, वह सारे फंड का नियंत्रण ले सकता है।** इसे कभी भी किसी के साथ साझा न करें। इस वाक्यांश में 12 से 24 रैंडम तरीके से जनरेट किए गए शब्द होने चाहिए (शब्दों का क्रम मायने रखता है)।
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>इंस्टॉल किया गया वॉलेट?</b><br/>इसका उपयोग करने का तरीका सीखें।</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     वॉलेट का उपयोग कैसे करें
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 </div>
 
 अन्य गाइड में रुचि रखते हैं? हमारी [चरण-दर-चरण मार्गदर्शिकाओं](/guides/) की जांच करें
diff --git a/public/content/translations/hi/guides/how-to-revoke-token-access/index.md b/public/content/translations/hi/guides/how-to-revoke-token-access/index.md
index a0e9b2ff671..b351a1d7de9 100644
--- a/public/content/translations/hi/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/hi/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ lang: hi
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>और अधिक सीखना चाहते है?</div>
   <ButtonLink href="/guides/">
     हमारी अन्य गाइडें देखें
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## अक्सर पूछे जाने वाले सवाल
 
diff --git a/public/content/translations/hi/guides/how-to-swap-tokens/index.md b/public/content/translations/hi/guides/how-to-swap-tokens/index.md
index 2b13031dc06..d5868b7cc1a 100644
--- a/public/content/translations/hi/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/hi/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ lang: hi
 लेन-देन संसाधित होने के बाद आपको अपने आप ही स्वैप किए गए टोकन आपके वॉलेट में प्राप्त हो जाएंगे।
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>और अधिक सीखना चाहते है?</div>
   <ButtonLink href="/guides/">
     हमारी अन्य गाइडें देखें
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## अक्सर पूछे जाने वाले सवाल
 
diff --git a/public/content/translations/hi/guides/how-to-use-a-bridge/index.md b/public/content/translations/hi/guides/how-to-use-a-bridge/index.md
index 4939ce351c0..7284447a3b6 100644
--- a/public/content/translations/hi/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/hi/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ lang: hi
 आप नेटवर्क के RPC विवरण खोजने के लिए [chainlist.org](http://chainlist.org) का इस्तेमाल कर सकते हैं। एक बार जब नेटवर्क जुड़ जाता है और लेनदेन समाप्त हो जाता है, तो आपको अपने वॉलेट में टोकन दिखने चाहिए।
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>और अधिक सीखना चाहते है?</div>
   <ButtonLink href="/guides/">
     हमारी अन्य गाइडें देखें
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## अक्सर पूछे जाने वाले सवाल
 
diff --git a/public/content/translations/hi/guides/how-to-use-a-wallet/index.md b/public/content/translations/hi/guides/how-to-use-a-wallet/index.md
index 693da251e93..c63ad73bb45 100644
--- a/public/content/translations/hi/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/hi/guides/how-to-use-a-wallet/index.md
@@ -62,12 +62,15 @@ lang: hi
 5. कनेक्शन स्थापित करने के लिए अपने वॉलेट में हस्ताक्षर अनुरोध की पुष्टि करें। **इस संदेश पर हस्ताक्षर करने के लिए कोई ETH खर्च करने की आवश्यकता नहीं होनी चाहिए**।
 6. बस इतना ही! ऐप का इस्तेमाल शुरू करें। आपको हमारे [dApps पेज](/dapps/#explore) पर कुछ दिलचस्प प्रोजेक्ट मिल सकते हैं। <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>और अधिक सीखना चाहते है?</div>
   <ButtonLink href="/guides/">
     हमारी अन्य गाइडें देखें
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## अक्सर पूछे जाने वाले सवाल
 
diff --git a/public/content/translations/hi/nft/index.md b/public/content/translations/hi/nft/index.md
index 838e3c2de40..50a76ac9c0e 100644
--- a/public/content/translations/hi/nft/index.md
+++ b/public/content/translations/hi/nft/index.md
@@ -54,12 +54,15 @@ NFT का इस्तेमाल कई चीजों के लिए क
 
 हो सकता है कि आप एक कलाकार हों जो बिना अपना नियंत्रण खोए और बिना किसी को अपना मुनाफा दिए, NFT का उपयोग करके अपना काम साझा करना चाहते हैं। आप एक नया अनुबंध बनाकर उसमें NFT की संख्या, उसके गुण और विशिष्ट कला के लिंक का उल्लेख कर सकते हैं। कलाकार के रूप में, **आप स्मार्ट अनुबंध में रॉयल्टी प्रोग्राम कर सकते हैं** आपको भुगतान किया जाना चाहिए (उदाहरण के लिए NFT स्थानांतरित होने पर हर बार अनुबंध स्वामी को बिक्री मूल्य का 5% स्थानांतरित करें)। आप हमेशा यह भी साबित कर सकते हैं कि आपने NFT इसलिए बनाए हैं, क्योंकि आपके पास [वॉलेट](/glossary/#wallet) है जिसने अनुबंध को नियोजित किया है। आपके खरीदार आसानी से साबित कर सकते हैं कि वे आपके संग्रह से **प्रामाणिक NFT** के मालिक हैं, क्योंकि उनके वॉलेट का [पता](/glossary/#address) आपके स्मार्ट अनुबंध में एक टोकन से जुड़ा है। वो इसके प्रामाणिकता पर विश्वास करते हुए, इसका इस्तेमाल एथेरियम इकोसिस्टम में कहीं भी कर सकते है।
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>एक्सप्लोर करें, खरीदे या अपनी स्वयं की NFT कला/संग्रहण करने लायक वस्तुएं बनाएं...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     NFT कला को एक्सप्लोर करें
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 या एक खेल इवेंट के टिकट पर विचार करें। जिस तरह** किसी इवेंट का आयोजक कितने टिकट बेचना चुन सकता है**, उसी तरह NFT बनाने वाला यह तय कर सकता है कि कितनी कॉपी मौजूद हैं। कभी-कभी यह सटीक कॉपी होती हैं, जैसे 5000 सामान्य प्रवेश टिकट। कभी-कभी कई ऐसे खनन किए जाते हैं जो बहुत समान होते हैं, लेकिन हर एक, थोड़ा अलग होता है, जैसे कि एक नियत सीट वाला टिकट। ये, टिकट हैंडलर्स को भुगतान किए बिना, सहकर्मियों के बीच खरीदे और बेचे जा सकते हैं और खरीदार के पास हमेशा, कॉन्ट्रैक्ट पते की जांच करके टिकट की मान्यता का आश्वासन रहता है।
 
diff --git a/public/content/translations/hi/roadmap/beacon-chain/index.md b/public/content/translations/hi/roadmap/beacon-chain/index.md
index dd004d01f25..6f15cbe4dc4 100644
--- a/public/content/translations/hi/roadmap/beacon-chain/index.md
+++ b/public/content/translations/hi/roadmap/beacon-chain/index.md
@@ -34,9 +34,14 @@ summaryPoint3: बीकन चेन ने कंसेंसस तर्क
 
 और सर्वसम्मति तंत्र के रूप में प्रूफ-ऑफ-स्टेक का उपयोग करना [सुरक्षित, पर्यावरण के अनुकूल और स्केलेबल एथेरियम के लिए एक मूलभूत घटक है जो हमारे पास अभी है](/roadmap/vision/)।
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   यदि आप एक सत्यापनकर्ता बनने में रुचि रखते हैं और एथेरियम को सुरक्षित करने में मदद करते हैं, तो <a href="/staking/">स्टेकिंग के बारे में और जानें</a>।
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### शार्डिंग सेट करना {#setting-up-for-sharding}
 
diff --git a/public/content/translations/hi/roadmap/index.md b/public/content/translations/hi/roadmap/index.md
deleted file mode 100644
index 150f6da1ac1..00000000000
--- a/public/content/translations/hi/roadmap/index.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: एथेरियम दिशानिर्देश
-description: एथेरियम के लिए अधिक मापनीयता, सुरक्षा और स्थिरता का मार्ग।
-lang: hi
-template: roadmap
-image: /images/heroes/roadmap-hub-hero.jpg
-alt: "एथेरियम दिशानिर्देश"
-summaryPoints:
-buttons:
-  - 
-    content: आगे के अपग्रेड
-    toId: क्या-क्या-परिवर्तन-आ रहे हैं
-  - 
-    content: पिछले अपग्रेड
-    href: /history/
-    variant: आउटलाइन
----
-
-एथेरियम पहले से ही वैश्विक समन्वय के लिए एक शक्तिशाली मंच है, लेकिन इसमें अभी भी सुधार किया जा रहा है। सुधारों का एक महत्वाकांक्षी सेट एथेरियम को अपने वर्तमान स्वरूप से पूरी तरह से स्केल, अधिकतम लचीला मंच में अपग्रेड करेगा। ये अपग्रेड एथेरियम रोडमैप में दिए गए हैं।
-
-**एथेरियम में पिछले अपग्रेड के बारे में जानने के लिए, कृपया हमारे [इतिहास](/history/) पृष्ठ पर जाएं**
-
-## एथेरियम में क्या बदलाव आ रहे हैं? {#what-changes-are-coming}
-
-एथेरियम रोडमैप उन विशिष्ट सुधारों की रूपरेखा तैयार करता है जो भविष्य में प्रोटोकॉल में किए जाएंगे। कुल मिलाकर, रोडमैप एथेरियम उपयोगकर्ताओं के लिए निम्नलिखित लाभ लाएगा:
-
-<CardGrid>
-  <RoadmapActionCard
-    href="/roadmap/scaling"
-    title="सस्ता लेनदेन"
-    image="scaling"
-    description="Rollups are too expensive and rely on centralized components, causing users to place too much trust in their operators. The roadmap includes fixes for both of these problems."
-    buttonText="More on reducing fees"
-  />
-  <RoadmapActionCard
-    href="/roadmap/security"
-    title="अतिरिक्त सुरक्षा"
-    image="security"
-    description="Ethereum is already very secure but it can be made even stronger, ready to withstand all kinds of attack far into the future."
-    buttonText="More on security"
-  />
-  <RoadmapActionCard
-    href="/roadmap/user-experience"
-    title="बेहतर उपयोगकर्ता अनुभव"
-    image="userExperience"
-    description="More support for smart contract wallets and light-weight nodes will make using Ethereum simpler and safer."
-    buttonText="More on user experience"
-  />
-  <RoadmapActionCard
-    href="/roadmap/future-proofing"
-    title="भविष्य प्रूफिंग"
-    image="futureProofing"
-    description="Ethereum researchers and developers are solving tomorrow's problems today, readying the network for future generations."
-    buttonText="More on future proofing"
-  />
-</CardGrid>
-
-## एथेरियम को रोडमैप की आवश्यकता क्यों है? {#why-does-ethereum-need-a-roadmap}
-
-एथेरियम को नियमित अपग्रेड मिलता है जो इसकी मापनीयता, सुरक्षा या स्थिरता को बढ़ाता है। एथेरियम की मुख्य शक्तियों में से एक अनुसंधान और विकास से नए विचारों के उभरने के रूप में अनुकूलन कर रहा है। अनुकूलनशीलता एथेरियम को उभरती चुनौतियों से निपटने और सबसे उन्नत तकनीकी सफलताओं के साथ बने रहने की सुविधा देती है।
-
-<RoadmapImageContent title="रोडमैप को कैसे परिभाषित किया जाता है">
-
-रोडमैप ज्यादातर शोधकर्ताओं और डेवलपर्स द्वारा काम के वर्षों का परिणाम है - क्योंकि प्रोटोकॉल बहुत तकनीकी है - लेकिन कोई भी प्रेरित व्यक्ति भाग ले सकता है। विचार आमतौर पर एक मंच पर चर्चा के रूप में शुरू होते हैं जैसे कि [ethresear.ch] (https://ethresear.ch/), [Ethereum Magicians](https://ethereum-magicians.org/) या Eth आर R&D डिस्कॉर्ड सर्वर। वे खोजी गई नई कमजोरियों के जवाब हो सकते हैं, एप्लिकेशन लेयर में काम करने वाले संगठनों के सुझाव (जैसे [dapps](/glossary/#dapp) और एक्सचेंज) या अंतिम उपयोगकर्ताओं के लिए ज्ञात रुकावटें (जैसे लागत या लेनदेन की गति)। जब ये विचार परिपक्व होते हैं, तो उन्हें [एथेरियम सुधार प्रस्ताव](https://eips.ethereum.org/) के रूप में प्रस्तावित किया जा सकता है। यह सब सार्वजनिक रूप से किया जाता है ताकि समुदाय का कोई भी व्यक्ति किसी भी समय इसमें शामिल हो सके।
-
-[एथेरियम शासन पर अधिक](/governance/)
-
-</RoadmapImageContent>
-
-<InfoBanner mb={8}>
-  <h4 style={{ marginTop: 0 }}>ETH2 क्या है?</h4>
-
-  <p>'Eth2' शब्द का इस्तेमाल आमतौर पर <a href="/glossary/#pos">हिस्सेदारी के सबूत</a> पर स्विच करने से पहले एथेरियम के भविष्य का वर्णन करने के लिए किया जाता था, लेकिन इसे अधिक सटीक शब्दावली के पक्ष में <strong>चरणबद्ध किया गया था।</strong> इसका उपयोग मूल रूप से हिस्सेदारी के सबूत पर स्विच करने से पहले एथेरियम नेटवर्क और उसके बाद नेटवर्क को अलग करने के लिए किया जाता था, या कभी-कभी विभिन्न एथेरियम ग्राहकों को संदर्भित करने के लिए किया जाता था, (<a href="/glossary/#execution-client">निष्पादन ग्राहकों</a> को कभी-कभी ETH1 क्लाइंट के रूप में संदर्भित किया जाता था और <a href="/glossary/#consensus-client">सर्वसम्मति वाले ग्राहकों</a> को कभी-कभी ETH2 क्लाइंट के रूप में संदर्भित किया जाता था)।</p>
-
-</InfoBanner>
-
-## क्या एथेरियम का रोडमैप समय के साथ बदलेगा? {#will-ethereums-roadmap-change-over-time}
-
-**हाँ—लगभग निश्चित** रोडमैप एथेरियम को अपग्रेड करने की वर्तमान योजना है, जिसमें निकट अवधि और भविष्य की दोनों योजनाएं शामिल हैं। हम उम्मीद करते हैं कि नई सूचना और प्रौद्योगिकी उपलब्ध होने के साथ रोडमैप बदल जाएगा।
-
-एथेरियम के रोडमैप को एथेरियम में सुधार के इरादों के एक सेट के रूप में सोचें; यह मुख्य शोधकर्ताओं और डेवलपर्स की एथेरियम के इष्टतम मार्ग की सबसे अच्छी परिकल्पना है।
-
-## रोडमैप कब पूरा होगा? {#when-will-the-roadmap-be-finished}
-
-कुछ अपग्रेड कम प्राथमिकता वाले हैं और अगले 5-10 वर्षों (जैसे क्वांटम प्रतिरोध) के लिए लागू नहीं होने की संभावना है। **प्रत्येक अपग्रेड का सटीक समय देना भविष्यवाणी** करने के लिए जटिल है क्योंकि कई रोडमैप आइटम समानांतर में काम करते हैं और विभिन्न गति से विकसित होते हैं। बाहरी कारकों के आधार पर अपग्रेड की तात्कालिकता समय के साथ भी बदल सकती है (उदाहरण के लिए क्वांटम कंप्यूटर के प्रदर्शन और उपलब्धता में अचानक छलांग क्वांटम-प्रतिरोधी क्रिप्टोग्राफी को अधिक जरूरी बना सकती है)।
-
-एथेरियम विकास के बारे में सोचने का एक तरीका जैविक विकास के सादृश्य से है। एक नेटवर्क जो नई चुनौतियों के अनुकूल होने और फिटनेस बनाए रखने में सक्षम है, सफल होने की अधिक संभावना है कि जो परिवर्तन के लिए प्रतिरोधी है, हालांकि जैसे-जैसे नेटवर्क अधिक से अधिक प्रदर्शनकारी होता जाता है, स्केलेबल और सुरक्षित प्रोटोकॉल में कम बदलाव की आवश्यकता होगी।
-
-## अपग्रेड होने पर क्या मुझे कुछ भी करना है? {#do-i-have-to-do-anything-when-there-is-an-upgrade}
-
-बेहतर यूज़र-अनुभव और अधिक सुरक्षित प्रोटोकॉल प्रदान करने के अलावा अपग्रेड अंतिम-यूज़र को प्रभावित नहीं करता है और शायद एथेरियम के साथ बातचीत करने के तरीके के लिए अधिक <i> विकल्प </i>। **नियमित उपयोगकर्ताओं को अपग्रेड में सक्रिय रूप से भाग लेने की आवश्यकता नहीं है, न ही उन्हें अपनी संपत्ति को सुरक्षित करने के लिए कुछ भी** करने की आवश्यकता है। [नोड](/glossary/#node) ऑपरेटरों को अपग्रेड की तैयारी के लिए अपने क्लाइंट को अपडेट करना होगा। कुछ अपग्रेड से एप्लिकेशन डेवलपर्स के लिए बदलाव हो सकते हैं। उदाहरण के लिए, इतिहास समाप्ति अपग्रेड एप्लिकेशन डेवलपर्स को नए स्रोतों से ऐतिहासिक डेटा हथियाने के लिए प्रेरित कर सकता है।
-
-## Verge, Splurge आदि के बारे में क्या? {#what-about-the-verge-splurge-etc}
-
-[विटालिक ब्यूटिरिन ने एथेरियम रोडमैप](https://twitter.com/VitalikButerin/status/1741190491578810445) के लिए एक दृष्टि प्रस्तावित की जो एथेरियम की वास्तुकला पर उनके प्रभावों से जुड़ी कई श्रेणियों में आयोजित की गई थी। इसमें शामिल है:
-
-- **मर्ज अपग्रेड** [काम का सबूत](/glossary/#pow) से [हिस्सेदारी का सबूत](/glossary/#pos) में स्विच करने से संबंधित
-- **Surge**: [रोलअप](/glossary/#rollups) और डेटा शार्डिंग द्वारा स्केलेबिलिटी से संबंधित अपग्रेड
-- **Scourge**: सेंसरशिप प्रतिरोध, विकेंद्रीकरण और प्रोटोकॉल जोखिमों से संबंधित अपग्रेड [MEV](/glossary/#mev)
-- **Verge**: [ब्लॉक्स](/glossary/#block) को अधिक आसानी से सत्यापित करने से संबंधित अपग्रेड
-- **Purge**: नोड्स चलाने की कम्प्यूटेशनल लागत को कम करने और प्रोटोकॉल को सरल बनाने से संबंधित अपग्रेड
-- **Splurge**: अन्य अपग्रेड जो पिछली श्रेणियों में अच्छी तरह से फिट नहीं होते हैं।
-
-हमने इस शब्दावली का उपयोग नहीं करने का फैसला किया क्योंकि हम एक सरल और अधिक यूज़र-केंद्रित मॉडल का उपयोग करना चाहते थे। यद्यपि हम उपयोगकर्ता-केंद्रित भाषा का उपयोग करते हैं, दृष्टि वही रहती है जो विटालिक द्वारा प्रस्तावित की गई थी।
-
-## शार्डिंग के बारे में क्या? {#what-about-sharding}
-
-शार्डिंग एथेरियम ब्लॉकचेन को विभाजित कर रहा है ताकि [सत्यापनकर्ताओं](/glossary/#validator) के सबसेट केवल कुल डेटा के एक अंश के लिए जिम्मेदार हों। यह मूल रूप से एथेरियम के स्केल का तरीका होने हेतु अभिप्रेत था। हालांकि, [लेयर 2](/glossary/#layer-2) रोलअप अपेक्षा से बहुत तेजी से विकसित हुए हैं और पहले से ही बहुत अधिक स्केलिंग प्रदान कर चुके हैं, और प्रोटो-डैंकशार्डिंग लागू होने के बाद बहुत अधिक प्रदान करेंगे। इसका मतलब है कि "शार्ड चेन" की अब आवश्यकता नहीं है और इसे रोडमैप से हटा दिया गया है।
-
-## विशिष्ट तकनीकी अपग्रेड खोज रहे हैं? {#looking-for-specific-technical-upgrades}
-
-- [डैंकशर्डिंग](/roadmap/danksharding) - डैंकशर्डिंग एथेरियम ब्लॉक में डेटा के "ब्लॉब्स" जोड़कर उपयोगकर्ताओं के लिए परत 2 रोलअप को बहुत सस्ता बनाता है।
-- [स्टेकिंग निकासी](/staking/withdrawals) - शंघाई/कैपेला अपग्रेड ने एथेरियम पर स्टेकिंग निकासी को सक्षम किया, जिससे लोग अपने दांव पर लगे ETH को अनलॉक कर सकते हैं।
-- [एकल स्लॉट अंतिमता](/roadmap/single-slot-finality) - पंद्रह मिनट तक प्रतीक्षा करने के बजाय, ब्लॉक को उसी स्लॉट में प्रस्तावित और अंतिम रूप दिया जा सकता है। यह ऐप्स के लिए अधिक सुविधाजनक है और हमला करना अधिक कठिन है।
-- [प्रस्तावक-बिल्डर पृथक्करण](/roadmap/pbs) - अलग-अलग सत्यापनकर्ताओं में ब्लॉक बिल्डिंग और ब्लॉक प्रस्ताव कार्यों को विभाजित करना एथेरियम के लिए आम सहमति में आने के लिए एक निष्पक्ष, अधिक सेंसरशिप प्रतिरोधी और कुशल तरीका बनाता है।
-- [गुप्त नेता चुनाव](/roadmap/secret-leader-election) - चतुर क्रिप्टोग्राफी का उपयोग यह सुनिश्चित करने के लिए किया जा सकता है कि वर्तमान ब्लॉक प्रस्तावक की पहचान सार्वजनिक नहीं की जाती है, जिससे उन्हें कुछ प्रकार के हमलों से बचाया जा सके।
-- [खाता अमूर्तता](/roadmap/account-abstraction) - खाता अमूर्तता अपग्रेड का एक वर्ग है जो जटिल मिडलवेयर का उपयोग करने के बजाय एथेरियम पर मूल रूप से स्मार्ट अनुबंध वॉलेट को सपोर्ट करता है।
-- [वर्कल ट्री](/roadmap/verkle-trees) - वर्कल ट्री एक डेटा संरचना है जिसका उपयोग एथेरियम पर स्टेटलेस क्लाइंट को सक्षम करने के लिए किया जा सकता है। इन "स्टेटलेस" क्लाइंट को थोड़ी मात्रा में स्टोरेज स्पेस की आवश्यकता होगी लेकिन फिर भी नए ब्लॉक को सत्यापित करने में सक्षम होंगे।
-- [स्टेटलेसनेस](/roadmap/statelessness) - स्टेटलेस क्लाइंट बड़ी मात्रा में डेटा स्टोर किए बिना नए ब्लॉक को सत्यापित करने में सक्षम होंगे। यह आज की लागतों के केवल एक छोटे से अंश के साथ नोड चलाने के सभी लाभ प्रदान करेगा।
diff --git a/public/content/translations/hi/roadmap/merge/index.md b/public/content/translations/hi/roadmap/merge/index.md
index 0bada75b184..5a164c08da4 100644
--- a/public/content/translations/hi/roadmap/merge/index.md
+++ b/public/content/translations/hi/roadmap/merge/index.md
@@ -37,9 +37,13 @@ summaryPoint4: मर्ज ने एथेरियम की ऊर्जा
 
 मर्ज में कोई इतिहास नहीं खोया था। मेननेट का बीकन चेन के साथ मर्ज होने के बाद, इसने एथेरियम के संपूर्ण लेनदेन के इतिहास को भी मर्ज कर दिया।
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 हिस्सेदारी का सबूत के इस ट्राज़िशन से ईथर जारी करने का तरीका बदल गया। <a href="/roadmap/merge/issuance/">मर्ज से पहले और बाद में ईथर जारी करने</a> के बारे में ज़्यादा जानें।
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### उपयोगकर्ताओं और धारकों {#users-holders}
 
diff --git a/public/content/translations/hi/roadmap/merge/issuance/index.md b/public/content/translations/hi/roadmap/merge/issuance/index.md
index 689625ef7b8..755c3c4f7fa 100644
--- a/public/content/translations/hi/roadmap/merge/issuance/index.md
+++ b/public/content/translations/hi/roadmap/merge/issuance/index.md
@@ -54,11 +54,15 @@ title="ETH जारी करना tldr">
 - एक वर्ष में जारी किए गए **~620,500** ETH में परिणाम
 - परिणामस्वरूप मुद्रास्फीति दर **लगभग 0.52%** (620.5K प्रति वर्ष / 119.3M कुल)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 <strong>कुल वार्षिक जारी करने की दर (प्री-मर्ज): ~4.61%</strong> (4.09% + 0.52%)<br/><br/>
 ~जारी करने का <strong>88.7%</strong> निष्पादन लेयर (4.09/4.61 * 100) पर खनिकों को जा रहा था<br/><br/>
 <strong>~11.3%</strong> कंसेंसस लेयर (0.52/4.61 * 100) पर हितधारकों को जारी किया जा रहा था
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## पोस्ट-मर्ज (वर्तमान दिन) {#post-merge}
 
@@ -84,18 +88,26 @@ title="ETH जारी करना tldr">
 - निष्पादन परत जारी करना: **0**
 - कंसेंसस लेयर जारी करना: ऊपर की तरह, **~0.52%** वार्षिक जारी करने की दर (14 मिलियन कुल ETH दांव के साथ)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 कुल वार्षिक जारी करने की दर: <strong>~0.52%</strong><br/><br/>
 वार्षिक ETH जारी करने में शुद्ध कमी: <strong>~88.7%</strong> ((4.61% - 0.52%) / 4.61% * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## <Emoji text=":fire:" size="1" />the burn {#the-burn}
 
 ETH जारी करने के विपरीत बल वह दर है जिस पर ETH को बर्न किया जाता है। एथेरियम पर लेनदेन निष्पादित करने के लिए, एक न्यूनतम शुल्क (जिसे "आधार शुल्क" के रूप में जाना जाता है) का भुगतान किया जाना चाहिए, जो नेटवर्क गतिविधि के आधार पर लगातार (ब्लॉक-टू-ब्लॉक) उतार-चढ़ाव करता है। शुल्क का भुगतान ETH में किया जाता है और लेनदेन को वैध माने जाने के लिए _आवश्यक_ है। यह शुल्क लेन-देन प्रक्रिया के दौरान _बर्न_ हो जाता है, इसे प्रचलन से हटा देता है।
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 अगस्त 2021 में <a href="/history/#london">द लंदन अपग्रेड</a> के साथ शुल्क बर्निंग लाइव हो गया, और मर्ज के बाद से अपरिवर्तित बना हुआ है।
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 लंदन अपग्रेड द्वारा लागू शुल्क बर्न के शीर्ष पर, सत्यापनकर्ता ऑफ़लाइन होने के लिए दंड भी लगा सकते हैं, या इससे भी बदतर, उन्हें नेटवर्क सुरक्षा को खतरे में डालने वाले विशिष्ट नियमों को तोड़ने के लिए घटाया जा सकता है। इन दंडों के परिणामस्वरूप उस सत्यापनकर्ता की शेष राशि से ETH में कमी आती है, जिसे सीधे किसी अन्य खाते में पुरस्कृत नहीं किया जाता है, प्रभावी रूप से इसे प्रचलन से बर्न कर दिया जाता है/हटा दिया जाता है।
 
diff --git a/public/content/translations/hi/roadmap/scaling/index.md b/public/content/translations/hi/roadmap/scaling/index.md
index 8336af973dd..e9cd11f5740 100644
--- a/public/content/translations/hi/roadmap/scaling/index.md
+++ b/public/content/translations/hi/roadmap/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 एथेरियम को [लेयर 2](/layer-2/#rollups) (जिसे रोलअप के रूप में भी जाना जाता है) का उपयोग करके स्केल किया जाता है, जो लेनदेन को एक साथ बैच करता है और आउटपुट को एथेरियम में भेजता है। भले ही रोलअप एथेरियम मेननेट की तुलना में आठ गुना सस्ते हैं, फिर भी अंतिम यूज़र के लिए लागत कम करने के लिए रोलअप को और अधिक अनुकूलित किया जा सकता है। रोलअप कुछ केंद्रीकृत घटकों पर भी निर्भर करते हैं जिन्हें डेवलपर्स रोलअप के मॅच्‍योर होने पर हटा सकते हैं।
 
-<InfoBanner mb={8} title="लेनदेन लागत">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  लेनदेन लागत
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>आज के रोलअप एथेरियम लेयर 1 की तुलना में <strong>~5-20x</strong> सस्ते हैं</li>
     <li>ZK-रोलअप जल्द ही फीस <strong>~40-100 गुना</strong> कम कर देगा</li>
     <li>एथेरियम में आगामी बदलाव <strong>~100-1000x</strong> स्केलिंग लाएंगे</li>
     <li style={{ marginBottom: 0 }}>यूज़र को <strong>$0.001 से कम लागत</strong> वाले लेनदेन से लाभ होना चाहिए</li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## डेटा को सस्ता करना {#making-data-cheaper}
 
diff --git a/public/content/translations/hi/security/index.md b/public/content/translations/hi/security/index.md
index a108900fbbb..a2c3b0c446b 100644
--- a/public/content/translations/hi/security/index.md
+++ b/public/content/translations/hi/security/index.md
@@ -122,11 +122,12 @@ Twitter (जिसे X के रूप में भी जाना जात
 - कभी भी किसी को अपने कंप्यूटर का रिमोट एक्सेस न दें
 - किसी संगठन के नामांकित चैनलों के बाहर कभी भी संवाद न करें
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     सावधान रहें: हालाँकि समर्थन-शैली के घोटाले आम तौर पर Discord पर होते हैं, वे ईमेल सहित किसी भी चैट एप्लीकेशन पर भी प्रचलित हो सकते हैं जहां क्रिप्टो चर्चा होती है।
   </div>
-</InfoBanner>
+</Alert>
 
 ### 'Eth2' टोकन घोटाला {#eth2-token-scam}
 
@@ -213,11 +214,12 @@ _नोट: ऐसे व्युत्पन्न टोकन/टिकर 
 
 ### पासवर्ड मैनेजर का उपयोग करें {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     पासवर्ड मैनेजर मजबूत, अनोखा पासवर्ड बनाने और उन्हें याद रखने का ध्यान रखता है! हम एक का उपयोग करने की <strong>सिफारिश</strong> करते हैं और उनमें से अधिकांश निःशुल्क हैं!
   </div>
-</InfoBanner>
+</Alert>
 
 आपके पास मौजूद हर खाते के लिए मजबूत, अनोखा पासवर्ड याद रखना आसान नहीं है। एक पासवर्ड मैनेजर आपके सभी पासवर्डों के लिए एक सुरक्षित, एन्क्रिप्टेड स्टोर प्रदान करता है जिसे आप एक मजबूत मास्टर पासवर्ड के माध्यम से एक्सेस कर सकते हैं। किसी नई सेवा के लिए साइन अप करते समय वे मजबूत पासवर्ड का भी सुझाव देते हैं, ताकि आपको अपना पासवर्ड न बनाना पड़े। कई पासवर्ड मैनेजर आपको यह भी बताएंगे कि क्या आप डेटा उल्लंघन में शामिल हैं, जिससे आप किसी भी हमले से पहले पासवर्ड बदल सकते हैं।
 
@@ -240,11 +242,12 @@ _नोट: ऐसे व्युत्पन्न टोकन/टिकर 
 
 **टू-फ़ैक्टर प्रमाणन (2FA)** का उपयोग करने से आपके ऑनलाइन खातों के लिए अतिरिक्त *सुरक्षा फ़ैक्‍टर* मिलता है। 2FA सुनिश्चित करता है कि किसी खाते तक पहुंचने के लिए केवल आपका पासवर्ड होना पर्याप्त नहीं है। अक्सर, दूसरा कारक एक यादृच्छिक 6-अंकीय कोड होता है, जिसे **समय-आधारित वन-टाइम पासवर्ड (TOTP)** कहते है, जिसे आप Google Authenticator या Authy जैसे प्रमाणीकरण ऐप के माध्यम से प्राप्त कर सकते हैं। ये "कुछ आपके पास है" फैक्टर के रूप में काम करते हैं क्योंकि समयबद्ध कोड उत्पन्न करने वाला सीड आपके डिवाइस पर मौजूद होता है।
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     नोट: SMS-आधारित 2FA का उपयोग करना <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM जैकिंग</a> के लिए अतिसंवेदनशील है और सुरक्षित नहीं है। सबसे अच्छी सुरक्षा के लिए, <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> या <a href="https://authy.com/">Authy</a> जैसी सेवा का उपयोग करें।
   </div>
-</InfoBanner>
+</Alert>
 
 #### सुरक्षा कुंजियाँ {#security-keys}
 
diff --git a/public/content/translations/hi/staking/withdrawals/index.md b/public/content/translations/hi/staking/withdrawals/index.md
index 7b0349bd72e..028a0cacc2f 100644
--- a/public/content/translations/hi/staking/withdrawals/index.md
+++ b/public/content/translations/hi/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ summaryPoints:
 
 निकासी पता प्रदान करना किसी भी सत्यापनकर्ता खाते के लिए एक आवश्यक कदम है, इससे पहले कि वह ETH को अपनी शेष राशि से वापस लेने के लिए पात्र हो।
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>प्रत्येक सत्यापनकर्ता खाते को केवल एक एकल निकासी पता, एक बार सौंपा जा सकता है।</strong> एक बार जब कोई पता चुना जाता है और आम सहमति परत में प्रस्तुत किया जाता है, तो इसे पूर्ववत नहीं किया जा सकता है या फिर से बदला नहीं जा सकता है। सबमिट करने से पहले प्रदान किए गए पते के स्वामित्व और सटीकता की दोबारा जांच करें।
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 इस बीच इसे प्रदान नहीं करने के लिए <strong>आपके धन को कोई खतरा नहीं है</strong>, यह मानते हुए कि आपका नेमोनिक / बीज वाक्यांश ऑफ़लाइन सुरक्षित रहा है, और किसी भी तरह से समझौता नहीं किया गया है। निकासी क्रेडेंशियल्स जोड़ने में विफलता केवल ETH को सत्यापनकर्ता खाते में लॉक कर देगी क्योंकि यह तब तक रहा है जब तक कि निकासी पता प्रदान नहीं किया जाता है।
 
@@ -82,11 +87,16 @@ Finematics द्वारा स्टेकिंग निकासी कर
 
 जब एक सत्यापनकर्ता अगले ब्लॉक का प्रस्ताव करने के लिए निर्धारित होता है, तो उसे 16 योग्य निकासी की निकासी कतार बनाने की आवश्यकता होती है। यह मूल रूप से सत्यापनकर्ता सूचकांक 0 से शुरू करके किया जाता है, यह निर्धारित करके कि प्रोटोकॉल के नियमों के अनुसार इस खाते के लिए कोई योग्य निकासी है या नहीं, और यदि है तो इसे कतार में जोड़ दिया जाता है। निम्नलिखित ब्लॉक को प्रस्तावित करने के लिए सेट किया गया सत्यापनकर्ता अनिश्चित काल तक प्रगति करते हुए वहीं से शुरू करेगा जहां आखिरी ब्लॉक छोड़ा गया था।
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 एक एनालॉग घड़ी के बारे में सोचें। घड़ी की सुई घंटे की ओर इशारा करती है, एक दिशा में आगे बढ़ती है, कोई भी घंटा नहीं छोड़ती है, और अंततः अंतिम संख्या तक पहुंचने के बाद फिर से शुरुआत में आ जाती है।<br/><br/>
 अब 1 से 12 के बजाय, कल्पना करें कि घड़ी में 0 से N है <em>(सत्यापनकर्ता खातों की कुल संख्या जो कभी भी आम सहमति परत पर पंजीकृत की गई है, जनवरी 2023 तक 500,000 से अधिक)।</em><br/><br/>
 घड़ी की सुई अगले सत्यापनकर्ता को इंगित करती है जिसे पात्र निकासी के लिए जांचने की आवश्यकता है। यह 0 से शुरू होती है, और किसी भी खाते को छोड़े बिना चारों ओर आगे बढ़ती है। जब अंतिम सत्यापनकर्ता तक पहुंच जाता है, तो चक्र शुरुआत से फिर से जारी रहता है।
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### निकासी के लिए खाते की जाँच करना {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/hi/web3/index.md b/public/content/translations/hi/web3/index.md
index c776345ec96..41f70722ef1 100644
--- a/public/content/translations/hi/web3/index.md
+++ b/public/content/translations/hi/web3/index.md
@@ -61,12 +61,15 @@ Web3 आपको अद्वितीय तरीके से अपनी 
 
 Web3 [अपूरणीय टोकन (NFT)](/glossary/#nft) के माध्यम से सीधे स्वामित्व की अनुमति देता है। गेम के निर्माता या कोई भी, आपके स्वामित्व को हटाने के शक्ति नहीं रखते है। और, अगर आप गेम खेलना छोड़ दे तो आप खुले बाजार में अपनी इन गेम वस्तुओं को बेच या ट्रेड कर सकते है और अपना मूल्य वापस हासिल कर सकते है।
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>NFT के बारे में अधिक जानें</div>
   <ButtonLink href="/nft/">
     NFT पर अधिक जानकारी
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### सेंसरशिप प्रतिरोध {#censorship-resistance}
 
@@ -86,12 +89,15 @@ Web3 में अपने डेटा के मालिक बनने क
 
 हालांकि, लोग Web3 समुदायों को भी बहुत से DAO के रूप में परिभाषित करते हैं। इन सभी समुदायों में कोड द्वारा विकेंद्रीकरण और स्वचालन के विभिन्न स्तर हैं। वर्तमान में, हम यह पता लगा रहे हैं कि DAO क्या हैं और वे भविष्य में कैसे विकसित हो सकते हैं।
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>डीएओ के बारे में अधिक जानें</div>
   <ButtonLink href="/dao/">
     ड़ाओ पर अधिक
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### पहचान {#identity}
 
diff --git a/public/content/translations/hr/nft/index.md b/public/content/translations/hr/nft/index.md
index 4ee65fdf0f9..d451ea57b28 100644
--- a/public/content/translations/hr/nft/index.md
+++ b/public/content/translations/hr/nft/index.md
@@ -54,12 +54,15 @@ NFT-evi se upotrebljavati za mnoge svrhe, uključujući:
 
 Možda ste umjetnik koji želi podijeliti svoj rad koristeći NFT-eve, bez gubljenja kontrole i žrtvovanja profita u korist posrednika. Možete izraditi novi ugovor i točno odrediti broj NFT-eva, njihove karakteristike i vezu s određenim umjetničkim djelom. Kao umjetnik **možete u pametni ugovor programirati tantijeme** koje vam se trebaju platiti (npr. prenijeti 5 % od prodajne cijene vlasniku ugovora svaki put kada se NFT prenese). Također, uvijek možete dokazati da ste vi izradili NFT jer ste vlasnik [novčanika](/glossary/#wallet) koji je primijenio ugovor. Vaši kupci mogu jednostavno dokazati da posjeduju **autentični NFT** iz vaše kolekcije jer je njihova [adresa](/glossary/#address) novčanika povezana s tokenom u vašem pametnom ugovoru. Oni ga mogu koristiti u cijelom Ethereumovom ekosustavu, sigurni u njegovu autentičnost.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Istražite, kupite ili izradite vlastitu NFT za umjetnost/kolekcionarske predmete...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Istražite NFT za umjetnost
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Ili zamislite ulaznicu za neki sportski događaj. Isto kao što **organizator nekog događaja može izabrati koliko će karata prodavati**, tako i kreator NFT-a može odlučiti koliko će kopija postojati. Ponekad su to identične kopije, kao na primjer 5000 karata za slobodan ulaz. Ponekad se izradi nekoliko vrlo sličnih, ali svaki malo drugačiji, kao što je ulaznica s dodijeljenim mjestom. One mogu biti kupljene i prodane direktno bez plaćanja posredniku za ulaznice, a kupac uvijek može biti siguran u autentičnost ulaznice provjerom adrese ugovora.
 
diff --git a/public/content/translations/hr/roadmap/beacon-chain/index.md b/public/content/translations/hr/roadmap/beacon-chain/index.md
index b1635ed678f..bc2bae7f682 100644
--- a/public/content/translations/hr/roadmap/beacon-chain/index.md
+++ b/public/content/translations/hr/roadmap/beacon-chain/index.md
@@ -36,9 +36,14 @@ Ulaganje ima sličnu ulogu kao i [rudarenje](/developers/docs/consensus-mechanis
 
 Prijelazom na dokaz uloga Ethereum je postao sigurniji i manje centraliziran u odnosu na dokaz rada. Što više ljudi sudjeluje u mreži, to će ona biti decentraliziranija i sigurnija od napada.
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Ako želite postati validator i pomoći u zaštiti Ethereuma, <a href="/staking/">ovdje saznajte više o ulaganju</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Postavljanje razdjeljivanja {#setting-up-for-sharding}
 
diff --git a/public/content/translations/hr/roadmap/merge/index.md b/public/content/translations/hr/roadmap/merge/index.md
index bbb0158606b..2d6803aa71a 100644
--- a/public/content/translations/hr/roadmap/merge/index.md
+++ b/public/content/translations/hr/roadmap/merge/index.md
@@ -37,9 +37,13 @@ Spajanje je predstavljalo službeni prijelaz na Beacon Chain kao procesor proizv
 
 Spajanjem nisu izgubljeni povijesni podaci. Kako se glavna mreža objedinila s Beacon Chainom, tako je migrirana i cjelokupna povijest transakcija Ethereuma.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Prijelaz na dokaz uloga promijenio je način izdavanja Ethera. Saznajte više o <a href="/roadmap/merge/issuance/">izdavanju Ethera prije i nakon Spajanja</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Korisnici i vlasnici {#users-holders}
 
diff --git a/public/content/translations/hu/contributing/translation-program/how-to-translate/index.md b/public/content/translations/hu/contributing/translation-program/how-to-translate/index.md
index 483e6474dfe..12635c7f7dd 100644
--- a/public/content/translations/hu/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/hu/contributing/translation-program/how-to-translate/index.md
@@ -76,9 +76,12 @@ Szeretne többet megtudni? Tekintse meg a [dokumentációt a Crowdin online szer
 
 Miután befejezte a fordítást (a tartalommappa összes fájlja 100%-ot mutat), a professzionális fordítási szolgáltatás ellenőrzi (és javítja) a tartalmat. Az átnézés után (vagyis az átnézés is 100%-ot mutat), bekerül a fordítás a honlapra.
 
-<InfoBanner shouldCenter emoji=":warning:">
+<Alert variant="update">
+<Emoji text=":warning:" className="text-4xl"/>
+<AlertContent>
   Ne használjon gépi fordítást, az nem elfogadott. Minden fordítást átnézünk, mielőtt felkerülne a honlapra. Ha a javasolt fordításról kiderül, hogy gép végezte, akkor azokat elvetjük, és a gépi fordítást használó közreműködőket eltávolítjuk a projektből.
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Kapcsolatfevétel {#get-in-touch}
 
diff --git a/public/content/translations/hu/defi/index.md b/public/content/translations/hu/defi/index.md
index c800034cc64..f3864b6d55c 100644
--- a/public/content/translations/hu/defi/index.md
+++ b/public/content/translations/hu/defi/index.md
@@ -63,12 +63,15 @@ Az Ethereum is erre épít. A Bitcoinhoz hasonlóan a szabályokat nem változta
 
 Ez furcsán hangzik... „miért akarnám programozni a pénzemet”? Ez azonban több, mint az Ethereum tokenjeinek alaptulajdonsága. Bárki programozhat valamilyen logikát a kifizetések kezelésébe. Így rendelkezhet a Bitcoin által nyújtott kontrollal és biztonsággal, a pénzügyi intézmények által nyújtott szolgáltatásokkal kombinálva azt. Lehetővé válik, hogy a kriptovalutával olyan műveleteket is véghezvigyen a felhasználó, amit a Bitcoin nem támogat, mint például kölcsön adás és kölcsön vétel, időzített kifizetések, indexalapokba való befektetés stb.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Tekintse át azokat a DeFi alkalmazásokat, melyeket kipróbálásra javaslunk, amennyiben Ön most ismerkedik az Ethereummal.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Fedezze fel a DeFi alkalmazásokat
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Mit lehet csinálni a DeFi-ban? {#defi-use-cases}
 
diff --git a/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/index.md
index c3db9756ccc..4cca9dc07e3 100644
--- a/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/index.md
@@ -6,9 +6,14 @@ lang: hu
 
 Az Ethereum-hálózat kezdetben egy olyan konszenzusmechanizmust használt, amely a **[proof-of-work (PoW)](/developers/docs/consensus-mechanisms/pow)** koncepciót használta. Ez lehetővé tette az Ethereum-hálózat csomópontjai számára, hogy az összes Ethereum-blokkláncra feljegyzett információ állapotáról megegyezzenek és kivédjenek bizonyos gazdasági támadásokat. Ugyanakkor az Ethereum 2022-ben leváltotta a proof-of-work mechanizmust, és helyette a [proof-of-stake (letéti igazolás)](/developers/docs/consensus-mechanisms/pos) koncepcióját vezette be.
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
     A proof-of-work ezzel kivezetésre került. A konszenzusmechanizmusnak többé nem része a proof-of-work az Ethereumon. Ehelyett a proof-of-stake mechanizmus működik. Tudjon meg többet a <a href="/developers/docs/consensus-mechanisms/pos/">proof-of-stake-ről</a> és a <a href="/staking/">letétbe helyezésről</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Előfeltételek {#prerequisites}
 
diff --git a/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/index.md
index dfbe113cc15..1a0bfe5824a 100644
--- a/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -4,9 +4,14 @@ description: Áttekintés – hogyan működött a bányászat az Ethereumon.
 lang: hu
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 A proof-of-work (munkaigazolás) már nem az Ethereum konszenzusmechanizmus alapja, tehát a bányászatot kikapcsolták. Ehelyett az Ethereumot úgy biztosítják a validátorok, hogy letétbe helyeznek ETH-t. Ön is letétbe helyezheti a rendelkezésére álló ETH-t. Tudjon meg többet a <a href='/roadmap/merge/'>egyesítés (Merge)</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>proof-of-stake (letéti igazolás)</a> és <a href='/staking/'>letétbe helyezés</a> témákról. Ez az oldal csak elavult témákat tartalmaz.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Előfeltételek {#prerequisites}
 
diff --git a/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index 93bb55dcc10..1eaae6908b7 100644
--- a/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -4,9 +4,14 @@ description: Az Ethash algoritmus részletes bemutatása.
 lang: hu
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
    Az Ethash volt az Ethereum proof-of-work (munkaigazolás) bányászati algoritmusa. A proof-of-work jelenleg **teljesen ki van kapcsolva**, az Ethereumot pedig a <a href="/developers/docs/consensus-mechanisms/pos/">proof-of-stake</a> mechanizmus biztosítja. Tudjon meg többet az <a href="/roadmap/merge/">egyesítés (Merge)</a>, <a href="/developers/docs/consensus-mechanisms/pos/">proof-of-stake (letéti igazolás)</a> és <a href="/staking/">letétbe helyezés</a> témákról. Ez az oldal elavult témákat tartalmaz!  
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Az [Ethash](https://github.com/ethereum/wiki/wiki/Ethash) a [Dagger-Hashimoto](/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/dagger-hashimoto) algoritmus módosított változata. Az Ethash proof-of-work egy [ memóriaigényes (memory hard)](https://wikipedia.org/wiki/Memory-hard_function) működés, ami miatt ez az algoritmus ASIC-ellenálló. Az Ethash ASIC-t végül kifejlesztették, de a GPU-bányászat még mindig működő opció volt addig, amíg a proof-of-work metódust ki nem kapcsolták. Az Ethasht még használják más érmék bányászatánál, nem Ethereumon és nem proof-of-work hálózatokon.
 
diff --git a/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index 3767d2f369c..5837a4a9cd3 100644
--- a/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -4,9 +4,14 @@ description: Az Ethereum-bányászat algoritmusainak bemutatása.
 lang: hu
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 A proof-of-work (munkaigazolás) már nem az Ethereum konszenzusmechanizmus alapja, tehát a bányászatot kikapcsolták. Ehelyett az Ethereumot úgy biztosítják a validátorok, hogy letétbe helyeznek ETH-t. Ön is letétbe helyezheti a rendelkezésére álló ETH-t. Tudjon meg többet a <a href='/roadmap/merge/'>egyesítés (Merge)</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>proof-of-stake (letéti igazolás)</a> és <a href='/staking/'>letétbe helyezés</a> témákról. Ez az oldal csak elavult témákat tartalmaz.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Az Ethereum-bányászat egy Ethash nevű algoritmust használt. k az algoritmusnak az a lényege, hogy a bányász megpróbál egy nonce értéket találni nagy számítási kapacitás révén, hogy a létrejövő hash kisebb legyen, mint a kiszámolt nehézség határértéke. Ez a nehézségi szint dinamikusan változtatható, így a blokkok létrehozása rendszeresen meg tud történni.
 
diff --git a/public/content/translations/hu/energy-consumption/index.md b/public/content/translations/hu/energy-consumption/index.md
index 133be2fd013..2f7e53e8470 100644
--- a/public/content/translations/hu/energy-consumption/index.md
+++ b/public/content/translations/hu/energy-consumption/index.md
@@ -61,9 +61,14 @@ Miközben az Ethereum energiafogyasztása nagyon alacsony, egy jelentős, fejlő
 
 A web3 közjó-finanszírozási platformjai, mint a [Gitcoin](https://gitcoin.co) klímaköröket működtetnek, hogy elősegítsék az Ethereum alkalmazási rétegének környezettudatos építését. Ezen kezdeményezések (és mások, mint a [decentralizált tudomány / DeSci](/desci/)) kialakulása által az Ethereum egy környezeti és közösségi szempontból pozitív technológia.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Ha szeretne az oldallal kapcsolatban fejlesztést javasolni, akkor naplózzon egy kérést (issue) vagy PR-t. A statisztikák nyilvánosan elérhető adatokból készült becslések, nem hivatalos állítások vagy ígéretek az ethereum.org csapat vagy az Ethereum Alapítvány részéről.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## További olvasnivaló {#further-reading}
 
diff --git a/public/content/translations/hu/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/hu/guides/how-to-create-an-ethereum-account/index.md
index de9e1a61daf..fe9563b21c9 100644
--- a/public/content/translations/hu/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/hu/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ Néhány alkalmazás arra kéri Önt, hogy tároljon el egy titkos kulcsmondatot
 **Aki a kulcsmondatot birtokolja, az rendelkezik kontrollal a pénzeszközei felett.** Soha ne ossza meg senkivel! A kulcsmondat 12–24 véletlenszerűen kiválasztott szót tartalmaz (melyek sorrendje fontos).
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>A tárca elkészült?</b><br/>Tanulja meg használni azt.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     Hogyan használja a tárcát
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 </div>
 
 Érdeklik további útmutatók? Tekintse meg a [Részletes útmutatókat](/guides/)
diff --git a/public/content/translations/hu/guides/how-to-revoke-token-access/index.md b/public/content/translations/hu/guides/how-to-revoke-token-access/index.md
index 01ddb6967b8..3b153fc239c 100644
--- a/public/content/translations/hu/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/hu/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ Javasoljuk, hogy néhány perc múlva frissítse a visszavonási eszközt, és n
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Szeretne többet megtudni?</div>
   <ButtonLink href="/guides/">
     Tekintse meg a további útmutatóinkat
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Gyakran ismételt kérdések
 
diff --git a/public/content/translations/hu/guides/how-to-swap-tokens/index.md b/public/content/translations/hu/guides/how-to-swap-tokens/index.md
index d3e53b119b4..079e937a282 100644
--- a/public/content/translations/hu/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/hu/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ Bármelyik blokkláncböngészővel megtekintheti a tranzakció állapotát. Ez
 A tranzakció végrehajtása után automatikusan megkapja a tárcájába a beszerzett tokent.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Szeretne többet megtudni?</div>
   <ButtonLink href="/guides/">
     Tekintse meg a további útmutatóinkat
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Gyakran ismételt kérdések
 
diff --git a/public/content/translations/hu/guides/how-to-use-a-bridge/index.md b/public/content/translations/hu/guides/how-to-use-a-bridge/index.md
index 40bdafec991..06e78ee3f59 100644
--- a/public/content/translations/hu/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/hu/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ Ennek 10 perc alatt meg kell történnie.
 A [chainlist.org](http://chainlist.org) segít az adott hálózat RPC-adatait megtalálni. Amint a hálózat hozzáadásra kerül és a tranzakció végbemegy, a tokenek megjelennek a tárcájában.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Szeretne többet megtudni?</div>
   <ButtonLink href="/guides/">
     Tekintse meg a további útmutatóinkat
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Gyakran ismételt kérdések
 
diff --git a/public/content/translations/hu/guides/how-to-use-a-wallet/index.md b/public/content/translations/hu/guides/how-to-use-a-wallet/index.md
index c23c6200ee2..7618748f114 100644
--- a/public/content/translations/hu/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/hu/guides/how-to-use-a-wallet/index.md
@@ -62,12 +62,15 @@ Az Ön címe minden Ethereum-projekt esetében azonos. Nem kell regisztrálnia k
 5. Erősítse meg az aláírási kérést a tárcájában ahhoz, hogy a kapcsolat létrejöjjön. **Az üzenet aláírása nem kerül ETH-pénzeszközbe**.
 6. Készen is van! Kezdje el használni az alkalmazást. Számos érdekes projektet találhat a [dapp oldalunkon](/dapps/#explore). <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Szeretne többet megtudni?</div>
   <ButtonLink href="/guides/">
     Tekintse meg a további útmutatóinkat
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Gyakran ismételt kérdések
 
diff --git a/public/content/translations/hu/nft/index.md b/public/content/translations/hu/nft/index.md
index 9784c538761..c9eaf8a7244 100644
--- a/public/content/translations/hu/nft/index.md
+++ b/public/content/translations/hu/nft/index.md
@@ -54,12 +54,15 @@ Az NFT-ket számtalan esetben használják, ilyen például:
 
 Tegyük fel, hogy Ön egy művész, aki szeretné NFT-ként megosztani az alkotását, anélkül hogy elveszítené az ellenőrzést felette és közvetítőkre áldozná a profitját. Létrehozhat egy új szerződést, amelyben megadja az NFT-k számát, jellemzőiket, és hozzákapcsolja az adott műalkotást. Művészként **beprogramozhatja az intelligens szerződésbe a fizetendő jogdíjakat** (pl. az eladási ár 5%-át utalja át a szerződés tulajdonosának minden alkalommal, amikor NFT-t utalnak át). Azt is mindig bizonyíthatja, hogy Ön hozta létre az NFT-ket, mert Ön a [pénztárca](/glossary/#wallet) tulajdonosa, amely a szerződést telepítette. Vásárlói könnyen igazolhatják, hogy egy **hiteles NFT-vel** rendelkeznek az Ön gyűjteményéből, mert pénztárcájuk [címe](/glossary/#address) az intelligens szerződésben szereplő tokenhez van társítva. Az egész Ethereum-ökoszisztémában használhatják az NFT-t, teljes bizonyossággal az eredetiségét illetően.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Fedezzen fel, vásároljon vagy készítsen saját NFT-műalkotásokat/gyűjthető tárgyakat...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Fedezzen fel NFT-műalkotásokat
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Vagy vegyünk például egy sporteseményre szóló jegyet. Ahogy egy **egy esemény szervezője kiválaszthatja, hogy hány jegyet adjon el**, az NFT létrehozója eldöntheti, hogy hány replika létezik. Néha ezek pontos másolatok, mint például 5000 darab nem helyre szóló belépőjegy. Néha több olyan jegyet is kiállítanak, amelyek nagyon hasonlóak, de mindegyik kissé különbözik, mint például kijelölt ülőhelyekre szóló jegyek. Ezeket vehetik és adhatják egymás között (peer-to-peer módon) anélkül, hogy fizetni kellene a jegyárusoknak, a vevő pedig a szerződés címét ellenőrizve mindig meggyőződhet a jegyek eredetiségéről.
 
diff --git a/public/content/translations/hu/roadmap/beacon-chain/index.md b/public/content/translations/hu/roadmap/beacon-chain/index.md
index c1f0b5751b4..f750bfbe818 100644
--- a/public/content/translations/hu/roadmap/beacon-chain/index.md
+++ b/public/content/translations/hu/roadmap/beacon-chain/index.md
@@ -34,9 +34,14 @@ A proof-of-stake mechanizmusra való áttérés jelentősen fokozta az Ethereum
 
 A proof-of-stake használata, mint konszenzusmechanizmus, egy alapvető komponens [a ma használt biztonságos, környezetbarát és skálázható Ethereum számára](/roadmap/vision/).
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Ha Ön szeretne validátorrá válni és segítene az Ethereum biztosításában, akkor <a href="/staking/">tudjon meg többet a letétbe helyezésről</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Felkészülés a szilánkolásra {#setting-up-for-sharding}
 
diff --git a/public/content/translations/hu/roadmap/danksharding/index.md b/public/content/translations/hu/roadmap/danksharding/index.md
index 09fe7abda99..7cc42e32c80 100644
--- a/public/content/translations/hu/roadmap/danksharding/index.md
+++ b/public/content/translations/hu/roadmap/danksharding/index.md
@@ -57,9 +57,9 @@ Ha valaki ismeri az elköteleződéshez használt véletlenszerű helyet, akkor
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
   Se a Danksharding, se a Proto-Danksharding nem követi a hagyományos „sharding” (szilánkosítási) modellt, amelynek célja a blokklánc több részre való felosztása lenne. A shard láncok többé nem szerepelnek az Ethereum ütemtervben. Ehelyett a Danksharding elosztott adatmintavételt használ a blobokon keresztül, hogy az Ethereumot skálázza. Ezt sokkal egyszerűbb bevezetni. Ezt a modellt néha „adat-shardingnak” is nevezik.
-</InfoBanner>
+</Alert>
 
 ## Mi az a Danksharding? {#what-is-danksharding}
 
diff --git a/public/content/translations/hu/roadmap/index.md b/public/content/translations/hu/roadmap/index.md
deleted file mode 100644
index 92c54e431ab..00000000000
--- a/public/content/translations/hu/roadmap/index.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: Ethereum-ütemterv
-description: Az út, amely az Ethereum jobb skálázhatóságához, biztonságához és fenntarthatóságához vezet.
-lang: hu
-template: roadmap
-image: /images/heroes/roadmap-hub-hero.jpg
-alt: "Ethereum-ütemterv"
-summaryPoints:
-buttons:
-  - 
-    content: Várható fejlesztések
-    toId: what-changes-are-coming
-  - 
-    content: Korábbi fejlesztések
-    href: /history/
-    variant: vázlat
----
-
-Az Ethereum jelenleg is a globális koordináció erőteljes platformja, de még mindig szükség van további fejlesztésekre. Az ambiciózus fejlesztéseknek köszönhetően a jelenlegi forma helyett egy teljesen skálázható és maximálisan rugalmas Ethereum-platform fog kibontakozni. Ezeket a fejlesztéseket az Ethereum ütemterve ismerteti.
-
-**A korábbi Ethereum-fejlesztéseket [Az Ethereum története](/history/) oldalon láthatja**
-
-## Milyen változások várhatók az Ethereumon? {#what-changes-are-coming}
-
-Az Ethereum ütemterve a jövőbeli, protokollt érintő, specifikus fejlesztéseket vázolja fel. Összességében ez az ütemterv a következő előnyöket hozza el az Ethereum felhasználói számára:
-
-<CardGrid>
-  <RoadmapActionCard
-    href="/roadmap/scaling"
-    title="Olcsóbb tranzakciók"
-    image="scaling"
-    description="Rollups are too expensive and rely on centralized components, causing users to place too much trust in their operators. The roadmap includes fixes for both of these problems."
-    buttonText="More on reducing fees"
-  />
-  <RoadmapActionCard
-    href="/roadmap/security"
-    title="Még nagyobb biztonság"
-    image="security"
-    description="Ethereum is already very secure but it can be made even stronger, ready to withstand all kinds of attack far into the future."
-    buttonText="More on security"
-  />
-  <RoadmapActionCard
-    href="/roadmap/user-experience"
-    title="Jobb felhasználói élmény"
-    image="userExperience"
-    description="More support for smart contract wallets and light-weight nodes will make using Ethereum simpler and safer."
-    buttonText="More on user experience"
-  />
-  <RoadmapActionCard
-    href="/roadmap/future-proofing"
-    title="Időtálló fejlesztések"
-    image="futureProofing"
-    description="Ethereum researchers and developers are solving tomorrow's problems today, readying the network for future generations."
-    buttonText="More on future proofing"
-  />
-</CardGrid>
-
-## Miért van szüksége az Ethereumnak egy ütemtervre? {#why-does-ethereum-need-a-roadmap}
-
-Az Ethereumot folyamatosan fejlesztik, hogy javítsák a skálázhatóságot, a biztonságot vagy a fenntarthatóságot. Az Ethereum egyik fő erőssége az, hogy képes a kutatás és fejlesztés során felmerült új ötleteket bevezetni. Ez az alkalmazkodóképesség adja az Ethereum rugalmasságát, hogy kezelni tudja a felmerülő kihívásokat és lépést tudjon tartani a legfejlettebb technológiai áttörésekkel.
-
-<RoadmapImageContent title="Hogyan határozzák meg az ütemtervet">
-
-Az ütemterv a kutatók és fejlesztők több évnyi munkájának eredménye, mivel a protokoll maga nagyon technikai, de emellett bárki, aki elég elkötelezett, részt vehet benne. Az ötletek általában beszélgetés formájában kezdődnek a fórumokon, mint amilyen az ethresear.ch (https://ethresear.ch/), az Ethereum Magicians (https://ethereum-magicians.org/) vagy az Eth R&D discord szerver. Ezek lehetnek válaszok az újonnan feltár gyenge pontokra, az alkalmazási rétegen működő szervezetek javaslatai (mint a [dappok](/glossary/#dapp) és tőzsdék), vagy a felhasználók ismert problémái (mint a költségek vagy a tranzakciósebességek). Miután ezeket az ötleteket kellőképpen körüljárták, javaslatot készíthetnek belőlük: [Ethereum-fejlesztési javaslatok (EIP)](https://eips.ethereum.org/). Ez az egész folyamat nyilvános, így a közösség bármelyik tagja mérlegelheti a javaslatokat.
-
-[Bővebben az Ethereum irányításáról](/governance/)
-
-</RoadmapImageContent>
-
-<InfoBanner mb={8}>
-  <h4 style={{ marginTop: 0 }}>Mi volt az ETH2?</h4>
-
-  <p>Az „Eth2” kifejezéssel az Ethereum jövőjére hivatkoztak, mielőtt még áttért volna a <a href="/glossary/#pos">proof-of-stake</a> mechanizmusra, de <strong>elhagyták ezt a kifejezést, hogy sokkal pontosabb terminológiát használjanak helyette</strong>. Eredetileg az átállás előtti és utáni állapot megkülönböztetésére használták, vagy néha a különböző Ethereum-kliensekre (a <a href="/glossary/#execution-client">végrehajtási kliensek</a> néha ETH1-kliensként, a <a href="/glossary/#consensus-client">konszenzuskliensek</a> pedig ETH2-kliensként jelentek meg).</p>
-
-</InfoBanner>
-
-## Fog változni az Ethereum ütemterve? {#will-ethereums-roadmap-change-over-time}
-
-**Igen, szinte biztosan**. Az ütemterv az Ethereum jelenlegi fejlesztési tervezete, amely rövid- és hosszútávú újításokat is magában foglal. Az ütemterv várhatóan változni fog, amikor új információk és technológiák válnak elérhetővé.
-
-Az ütemterv olyan, mint a fejlesztési szándékok készlete, vagyis a kutatók és a fejlesztők által feltételezett legoptimálisabb út az Ethereum számára.
-
-## Mikor vezetik be az ütemterv összes fejlesztését? {#when-will-the-roadmap-be-finished}
-
-Egyes frissítések alacsonyabb prioritásúak, és valószínűleg csak a következő 5–10 évben valósulnak meg (pl. a kvantumellenálláshoz kapcsolódók). **A fejlesztésekhez nehéz lenne pontos időpontot hozzárendelni**, mivel az ütemterv számos elemének kifejlesztése párhuzamosan folyik és különböző sebességgel valósulnak meg. Egy adott fejlesztés prioritása külső tényezők miatt (pl. a kvantumszámítógépek teljesítményének és elérhetőségének hirtelen fejlődése fontosabbá teszi az ezeknek ellenálló kriptográfiát) is változhat.
-
-Az Ethereum fejlesztésre úgy is tekinthetünk, mint a biológiai fejlődésre. Az a hálózat sokkal sikeresebb lehet, amelyik alkalmazkodik az új kihívásokhoz és fenntartja fittségét, mint az, amely ellenáll a változásnak, ugyanakkor a jó teljesítmény, skálázhatóság és biztonság elérése után egyre kevesebb protokollváltoztatásra lesz szükség.
-
-## Van-e bármi teendője a felhasználóknak a fejlesztések bevezetésekor? {#do-i-have-to-do-anything-when-there-is-an-upgrade}
-
-A fejlesztések általában nem érintik a felhasználókat, kivéve, hogy jobb felhasználói élményt, biztonságosabb protokollt és több <i>opciót</i> biztosítanak az Ethereummal való kapcsolódásra. **A rendszeres felhasználóknak nem kell aktívan részt venniük a frissítésben, és semmit sem kell tenniük** eszközeik biztonsága érdekében. A [csomópont](/glossary/#node)-operátoroknak frissíteniük kell klienseiket, hogy felkészüljenek a frissítésre. Néhány fejlesztés az alkalmazásfejlesztők számára is változást jelent. Például az olyan fejlesztések esetében, amelyek a korábbi adatok elérhetőségét érintik, az alkalmazásfejlesztőknek máshonnan kell beszerezniük az előzményadatokat.
-
-## Mi a helyzet a Verge, Splurge stb. fejlesztésekkel? {#what-about-the-verge-splurge-etc}
-
-[Vitalik Buterin egy elképzelést javasolt az Ethereum ütemtervéhez](https://twitter.com/VitalikButerin/status/1741190491578810445), amelyet az Ethereum architektúrára gyakorolt hatásai alapján több kategóriába soroltak. Ennek részei:
-
-- **Az összevonás**: a [munkaigazolásról](/glossary/#pow) a [tét igazolására](/glossary/#pos) való átállással kapcsolatos frissítések
-- **The Surge**: a méretezhetőséghez kapcsolódó frissítések [összegzésekkel](/glossary/#rollups) és adatfelosztással
-- **A csapás**: a [MEV](/glossary/#mev) cenzúraellenállásával, decentralizációjával és protokollkockázataival kapcsolatos frissítések
-- **The Verge**: a [blokkok](/glossary/#block) egyszerűbb ellenőrzéséhez kapcsolódó frissítések
-- **A tisztítás**: a csomópontok futtatásának számítási költségeinek csökkentésével és a protokoll egyszerűsítésével kapcsolatos frissítések
-- **The Splurge**: egyéb frissítések, amelyek nem illeszkednek jól az előző kategóriákba.
-
-Ezen terminológia helyett inkább egyszerűbb és felhasználóközpontú modellt használunk. Ennek ellenére a vízió ugyanaz, amit Vitalik javasolt, csak egyszerűbb szavakkal hivatkozunk rá.
-
-## Mi a helyzet a shardinggal? {#what-about-sharding}
-
-A megosztás felosztja az Ethereum blokkláncot, így az [ellenőrzők](/glossary/#validator) részhalmazai csak a teljes adat töredékéért felelősek. Ez volt az eredeti elképzelés az Ethereum skálázhatóságára vonatkozóan. A [2. rétegű](/glossary/#layer-2) összesítések azonban a vártnál sokkal gyorsabban fejlődtek, és már sok skálázást biztosítottak, és sokkal többet fognak nyújtani a Proto-Danksharding megvalósítása után. Tehát a shard-láncokra nincs többé szükség, ez a fejlesztés már nem része az ütemtervnek.
-
-## Specifikus technikai fejlesztéseket keres? {#looking-for-specific-technical-upgrades}
-
-- [Danksharding](/roadmap/danksharding) – A Danksharding lehetővé teszi, hogy az L2 összevont tranzakciói sokkal olcsóbbak legyenek, mivel adatblobokat illeszt az Ethereum-blokkokhoz.
-- [Letétek kivonása](/staking/withdrawals) – A Shanghai/Capella-frissítésnél jelent meg az Ethereumon a letétek kivonásának lehetősége, így bárki felszabadíthatja a letétbe helyezett ETH-egyenlegét.
-- [Egy sloton belüli véglegesítés](/roadmap/single-slot-finality) – Ahelyett, hogy egy blokk javaslásához tizenöt perc kellene, azt ugyanabban a slotban lehessen javasolni és véglegesíteni. Ez kényelmesebb megoldást jelentene az alkalmazások számára, és nehezebb lenne megtámadni.
-- [Javaslattevő-építő szétválasztás (PBS)](/roadmap/pbs) – A blokk építésének és előterjesztésének feladata több validátor között oszlik meg, így az Ethereum konszenzus tisztább, cenzúramentesebb és hatékonyabb lesz.
-- [Titkos vezetőválasztás](/roadmap/secret-leader-election) – Okos kriptográfia biztosítaná, hogy az aktuális blokkelőterjesztő személye nem kerül nyilvánosságra, így védve lesznek bizonyos támadásoktól.
-- [Számlaabsztrakció](/roadmap/account-abstraction) – A számlaabsztrakció a fejlesztések azon csoportja, amely az Ethereum részeként, nem pedig egy összetett közvetítő használatával támogatja az okosszerződéses tárcákat.
-- [Verkle-fák](/roadmap/verkle-trees) – A Verkle-fák olyan adatstruktúrák, amelyek lehetővé teszik a státusztalan kliensek használatát az Ethereumon. Ezek a kliensek csak kis tárhelyet igényelnek, de képesek az új blokkok validálására.
-- [Státusztalanság](/roadmap/statelessness) – A státusztalan kliensek képesek validálni az új blokkokat anélkül, hogy nagy adatmennyiségeket kellene tárolniuk. Ezzel a csomópontok a mai költség töredékéért működtethetők, az általuk nyújtott előnyök elvesztése nélkül.
diff --git a/public/content/translations/hu/roadmap/merge/index.md b/public/content/translations/hu/roadmap/merge/index.md
index 1be91ba7896..2a3944d7455 100644
--- a/public/content/translations/hu/roadmap/merge/index.md
+++ b/public/content/translations/hu/roadmap/merge/index.md
@@ -37,9 +37,13 @@ A beolvadás jelentette a hivatalos váltást, amely után a Beacon lánc tölti
 
 Az előzmények nem vesztek el a beolvadással. Ahogy a fő hálózat egyesült a Beacon lánccal, az Ethereum összes tranzakcióelőzményét is magával vitte.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 A proof-of-stake mechanizmus átvétele megváltoztatta az Ether kibocsátásának módját. Tudjon meg többet: <a href="/roadmap/merge/issuance/">Ether-kibocsátás a beolvadás előtt és után</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Felhasználók és tulajdonosok {#users-holders}
 
diff --git a/public/content/translations/hu/roadmap/merge/issuance/index.md b/public/content/translations/hu/roadmap/merge/issuance/index.md
index 8589d40858b..79407df2b51 100644
--- a/public/content/translations/hu/roadmap/merge/issuance/index.md
+++ b/public/content/translations/hu/roadmap/merge/issuance/index.md
@@ -54,11 +54,15 @@ Teljes ETH-kínálat: **~120 520 000 ETH** (a Beolvadás idején, 2022. szepte
 - Ennek eredményeként **kb. 620 500** ETH-t bocsátanak ki évente
 - Ennek eredménye a **kb. 0,52%-os** inflációs ráta (évi 620,5 ezer osztva a teljes 119,3 millióval)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 <strong>Teljes éves kibocsátási ráta (a Beolvadás előtt): ~4,61%</strong> (4,09% + 0,52%)<br/><br/>
 a kibocsátás <strong>kb. 88,7%-a</strong> ment a bányászoknak a végrehajtási rétegen (4,09 / 4,61 * 100)<br/><br/>
 <strong>kb. 11,3%-a</strong> a letétesekhez került a konszenzusrétegen (0,52 / 4,61 * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## A Beolvadás után (jelenlegi szisztéma) {#post-merge}
 
@@ -84,18 +88,26 @@ Ahogy több validátor vonul ki, a meglévő validátorok száma fokozatosan lec
 - A végrehajtási réteg kibocsátása: **0**
 - A konszenzusréteg kibocsátása: A fentivel megegyezik, **kb. 0,52%** éves kibocsátási ráta (14 millió letétbe helyezett ETH-szel)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Teljes éves kibocsátási ráta: <strong>kb. 0,52%</strong><br/><br/>
 Az éves ETH kibocsátás nettó csökkenése: <strong>kb. 88,7%</strong> ((4,61% – 0,52%) / 4,61% * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## <Emoji text=":fire:" size="1" /> Az elégetés {#the-burn}
 
 Az ETH kibocsátással ellenkező erő az a ráta, ahogy az ETH-t elégetik. Az Ethereumon végrehajtandó tranzakcióért fizetni kell egy minimális díjat (alapdíj), amely állandóan változik, blokkról blokkra, a hálózati működés függvényében. Ezt a díjat ETH-ben fizetik, és _elengedhetetlen_ ahhoz, hogy egy tranzakció érvényes legyen. Ezt a díjat _elégetik_ a tranzakció végrehajtása során, így kikerül a körforgásból.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 A díj elégetése a <a href="/history/#london">London-frissítés</a> óta (2021. augusztus) működik, és a Beolvadás óta változatlan.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 A bevezetett díj elégetése mellett a validátorok büntetéseket is kaphatnak azért, ha nincsenek online, vagy ami még rosszabb, ha olyan szabályokat hágnak át, amely a hálózat biztonságát veszélyeztetik, akkor az súlyos büntetéssel és kizárással jár. Ezek a büntetések lecsökkentik az ETH-t a validátor számláján, ami utána nem kerül máshova, tehát lényegében kivonják a forgalomból vagy elégetik.
 
diff --git a/public/content/translations/hu/roadmap/scaling/index.md b/public/content/translations/hu/roadmap/scaling/index.md
index ae4ba29b790..d2bb98ee195 100644
--- a/public/content/translations/hu/roadmap/scaling/index.md
+++ b/public/content/translations/hu/roadmap/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 Az Ethereum skálázása a [layer 2s](/layer-2/#rollups) második blokkláncréteg (L2), vagy más néven összevont tranzakciók által történik, ami kötegbe rendezi a tranzakciókat és az eredményt beküldi az Ethereumra. Habár az összevont tranzakciók költsége a nyolcada az Ethereum főhálózaténak, még mindig van hova optimalizálni a működésüket és ezzel csökkenteni a felhasználók költségét. A összevont tranzakciók emellett néhány centralizált komponensre támaszkodnak, amelyet a fejlesztők eltávolíthatnak majd, ahogy az összevont tranzakciók fejlődik.
 
-<InfoBanner mb={8} title="Tranzakciós költség">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  Tranzakciós költség
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>Ma az összevont tranzakciók <strong>kb. 5–20×</strong> olcsóbbak, mint az Ethereum L1</li>
     <li>A ZK összevont tranzakciók esetében hamarosan <strong>~40–100×</strong> alacsonyabb lesz a díj</li>
     <li>Az eljövendő Ethereum-módosítások további <strong>~100–1000×</strong>-szoros skálázást tesznek lehetővé</li>
     <li style={{ marginBottom: 0 }}>A felhasználók számára egy tranzakció <strong>kevesebb mint 0,001 $-ba</strong> fog kerülni</li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Az adatok olcsóbbá tétele {#making-data-cheaper}
 
diff --git a/public/content/translations/hu/security/index.md b/public/content/translations/hu/security/index.md
index d339da19853..5d0eeb068b9 100644
--- a/public/content/translations/hu/security/index.md
+++ b/public/content/translations/hu/security/index.md
@@ -124,11 +124,12 @@ Az interakciók többsége Discordon történik. A támogatást színlelő csal
 - Sose engedje, hogy bárki távolról hozzáférjen a gépéhez
 - Sose kommunikáljon senkivel a szervezet dedikált csatornáin kívül
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Legyen tudatában: hogy a támogatást ajánló csalók gyakran a Discordon jelennek meg, de bármilyen kommunikációs formában ott lehetnek, legyen az chat vagy email.
   </div>
-</InfoBanner>
+</Alert>
 
 ### „ETH2” hamis token {#eth2-token-scam}
 
@@ -215,11 +216,12 @@ Egy erős jelszó, amely egy adatvédelmi incidens során nyilvánossá vált, m
 
 ### Használjon jelszókezelőt {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     A jelszókezelő erős, egyedi jelszavakat hoz létre és meg is jegyzi azokat! <strong>Erősen</strong> ajánljuk, hogy használjon ilyet, és a legtöbb ingyen van!
   </div>
-</InfoBanner>
+</Alert>
 
 Az erős, egyedi jelszavakat nem túl ideális megjegyezni az összes számlához. A jelszókezelő egy biztonságos, titkosított tárhelyet biztosít az összes jelszónak, amit egy erős mesterjelszóval tud elérni. Az új szolgáltatásokra való bejelentkezéseknél is erős jelszavakat ajánl, így Önnek nem kell kitalálnia azt. Számos jelszókezelő azt is megmondja, hogy Ön érintett-e adatszivárgásban, így lecserélheti a jelszavait, mielőtt támadás érné.
 
@@ -242,11 +244,12 @@ Előfordulhat, hogy arra kérik Önt, hogy egyedi igazolásokkal hitelesítse sz
 
 A **kétfaktoros hitelesítés (2FA)** használata további *biztonsági tényezőt* biztosít online számlái számára. A 2FA biztosítja, hogy a számlához való hozzáféréshez nem elegendő pusztán a jelszó megléte. Általában a második tényező egy véletlenszerű hatjegyű kód, ami egy **időzített egyszeri jelszó (TOTP)**, amit egy azonosítási alkalmazással ér el, mint a Google Authenticator vagy Authy. Ez az a tényező, ami az Ön birtokában van, mert a kódot adó mag az Ön eszközén található.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Megjegyzés: az SMS-alapú 2FA azonosítás ki van téve a <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM jacking</a> támadásnak, ezért nem biztonságos. A legmagasabb fokú biztonság érdekében használjon olyan szolgáltatást, mint a <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator </a>vagy az <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Biztonsági kulcsok {#security-keys}
 
diff --git a/public/content/translations/hu/staking/withdrawals/index.md b/public/content/translations/hu/staking/withdrawals/index.md
index 85c19d15b1d..f09ea81d6ac 100644
--- a/public/content/translations/hu/staking/withdrawals/index.md
+++ b/public/content/translations/hu/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ A Shanghai/Capella frissítés előtt nem lehetett használni vagy elérni ezt a
 
 A visszavonási cím megadása szükséges ahhoz, hogy a validátorszámla egyenlegéből ETH visszavonás történjen.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Minden validátorszámlához egyszer, egyetlen visszavonási cím adható meg.</strong> Amint ezt a címet kiválasztották és elküldték a konszenzus rétegnek, nem lehet visszahívni vagy megváltoztatni. Ellenőrizze le a cím tulajdonosát és pontosságát, mielőtt elküldi azt.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Eközben <strong>a pénzeszközöket nem fenyegeti veszély</strong>, ha nem adja meg a címet, feltéve, hogy a mnemonikus/kulcsmondat biztonságban van offline, és nincs kitéve veszélynek. Amíg nem tudja megadni a visszavonási adatokat, addig az ETH egyszerűen a validátorszámlán marad.
 
@@ -82,11 +87,16 @@ Nézze meg az Ethereum letétvisszavonásról szóló magyarázatát a Finematic
 
 Amikor egy adott validátor be van ütemezve, hogy a következő blokkot ő fogja javasolni, akkor készítenie kell egy 16 tételből álló visszavonási listát. Kezdve a 0 validátorindexel, meghatározza, hogy az adott számla a protokoll szabályai szerint visszavonásra jogosult-e, és ha igen, akkor beteszi a listába. A validátorcsoport ott száll be, ahol az előző abbahagyta és a végtelenségig folytatja.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Képzeljen el egy analóg módon működő órát. Az óramutató egy irányba halad és sorban végigmegy minden számon, majd miután elérte az utolsó számot, visszaér a kezdőpontra. <br/><br/>
 Tegyük fel 1–12 helyett 0-n található <em>(ahol n a validátor számlák teljes száma, amelyek a konszenzus rétegen regisztrálva lettek; több mint 500 000 2023. januárjában).</em><br/><br/>
 Az óramutató a következő validátorra mutat, hogy leellenőrizze azt visszavonás szempontjából. A 0-nál kezdi és végigmegy az összes számlán. Amikor eléri az utolsó validátort, akkor a ciklus újra elindul.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### A számlák ellenőrzése visszavonási szempontból {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/hu/web3/index.md b/public/content/translations/hu/web3/index.md
index 383332ec940..7c686521299 100644
--- a/public/content/translations/hu/web3/index.md
+++ b/public/content/translations/hu/web3/index.md
@@ -61,12 +61,15 @@ A Web3 sosem látott módon ad a felhasználóknak képességet arra, hogy digit
 
 A Web3 közvetlen tulajdonjogot ad [nem helyettesíthető tokenek (NFT)](/glossary/#nft) révén. Senki, még a játék készítői sem tudják elvenni ezt a jogot. Ha abbahagyja a játékot, akkor el tudja adni, kereskedni tud azokkal a nyitott piacokon és visszaszerezni az értékét.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Tudjon meg többet az NFT-kről</div>
   <ButtonLink href="/nft/">
     Bővebben az NFT-kről
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Cenzúraálló kialakítás {#censorship-resistance}
 
@@ -86,12 +89,15 @@ A DAO-kat technikailag úgy határozzák meg, mint megállapodás szerinti [inte
 
 Ugyanakkor számos Web3-közösséget is DAO-ként definiálnak. Ezek a közösségek más-más szintű decentralizációval és automatizációval rendelkeznek. Jelenleg még vizsgáljuk, hogy mi is az a DAO és hova fejlődik a jövőben.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Tudjon meg többet a DAO-król</div>
   <ButtonLink href="/dao/">
     További információk a DAO-król
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Identitás {#identity}
 
diff --git a/public/content/translations/id/contributing/translation-program/how-to-translate/index.md b/public/content/translations/id/contributing/translation-program/how-to-translate/index.md
index 01c75325725..fc04d15f8dc 100644
--- a/public/content/translations/id/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/id/contributing/translation-program/how-to-translate/index.md
@@ -76,9 +76,12 @@ Ingin mempelajari selengkapnya? Jangan ragu untuk memeriksa [dokumentasi tentang
 
 Setelah Anda menyelesaikan terjemahan (yaitu, semua file untuk satu kelompok konten menunjukkan 100%), layanan terjemahan profesional kami akan meninjau (dan mungkin mengedit) konten tersebut. Setelah peninjauan selesai (yaitu kemajuan peninjauan sudah 100%), kami akan menambahkannya ke situs web.
 
-<InfoBanner shouldCenter emoji=":warning:">
+<Alert variant="update">
+<Emoji text=":warning:" className="text-4xl"/>
+<AlertContent>
   Harap tidak menggunakan terjemahan mesin untuk menerjemahkan proyek tersebut. Semua terjemahan akan ditinjau sebelum ditambahkan ke situs web. Jika terjemahan yang Anda sarankan ternyata merupakan terjemahan mesin, terjemahan tersebut akan ditolak dan kontributor yang sering menggunakan terjemahan mesin akan dikeluarkan dari proyek.
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Hubungi kami {#get-in-touch}
 
diff --git a/public/content/translations/id/defi/index.md b/public/content/translations/id/defi/index.md
index db2c112420d..f28979a1c05 100644
--- a/public/content/translations/id/defi/index.md
+++ b/public/content/translations/id/defi/index.md
@@ -64,12 +64,15 @@ Ethereum dibangun di atas ini. Seperti Bitcoin, aturannya tidak dapat berubah te
 
 Ini terdengar aneh... "mengapa saya ingin memrogram uang saya"? Namun, ini lebih dari sekadar sebuah fitur default dari token di Ethereum. Siapa pun dapat memrogram logika ke dalam proses pembayaran. Sehingga Anda dapat memiliki kontrol dan keamanan Bitcoin yang digabungkan dengan layanan yang disediakan oleh lembaga keuangan. Ini memungkinkan Anda melakukan berbagai hal dengan mata uang kripto yang tidak dapat Anda lakukan dengan Bitcoin seperti memberi pinjaman dan mendapatkan pinjaman, menjadwalkan pembayaran, berinvestasi dalam reksadana indeks, dan banyak lagi.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Jelajahi saran kami untuk aplikasi DeFi yang dapat dicoba jika Anda baru mengenal Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Jelajahi aplikasi DeFi
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Apa yang dapat Anda lakukan dengan DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/id/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/id/developers/docs/consensus-mechanisms/pow/mining/index.md
index 27db1dfe719..f6ba1f79189 100644
--- a/public/content/translations/id/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/id/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -15,9 +15,14 @@ Penambangan adalah proses membuat blok transaksi untuk ditambahkan ke blockchain
 
 Ethereum, seperti Bitcoin, saat ini menggunakan mekanisme konsensus [proof-of-work (PoW)](/developers/docs/consensus-mechanisms/pow/). Penambangan adalah sumber kehidupan bukti kerja. Penambang Ethereum - komputer yang menjalankan perangkat lunak - menggunakan waktu dan kekuatan komputasi mereka untuk memproses transaksi dan menghasilkan blok.
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
    Bukti taruhan akan menggantikan penambangan dan bukti kerja dalam satu tahun ke depan. Anda dapat mulai menaruhkan ETH Anda hari ini. <a href="/staking/">Selengkapnya tentang penaruhan</a>    
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Mengapa penambang ada? {#why-do-miners-exist}
 
diff --git a/public/content/translations/id/developers/tutorials/hello-world-smart-contract/index.md b/public/content/translations/id/developers/tutorials/hello-world-smart-contract/index.md
index 9977dd292d0..919db3654b6 100644
--- a/public/content/translations/id/developers/tutorials/hello-world-smart-contract/index.md
+++ b/public/content/translations/id/developers/tutorials/hello-world-smart-contract/index.md
@@ -231,9 +231,13 @@ PRIVATE_KEY = "your-metamask-private-key"
 
 Untuk betul-betul menghubungkannya ke kode kita, kita akan mereferensikan variabel-variabel ini dalam berkas `hardhat.config.js` kita pada langkah ke-13.
 
-<InfoBanner isWarning>
+<Alert variant="warning">
+<AlertContent>
+<AlertDescription>
 Don't commit <code>.env</code>! Please make sure never to share or expose your <code>.env</code> file with anyone, as you are compromising your secrets in doing so. If you are using version control, add your <code>.env</code> to a <a href="https://git-scm.com/docs/gitignore">gitignore</a> file.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Langkah 12: Instal Ethers.js {#step-12-install-ethersjs}
 
diff --git a/public/content/translations/id/developers/tutorials/how-to-write-and-deploy-an-nft/index.md b/public/content/translations/id/developers/tutorials/how-to-write-and-deploy-an-nft/index.md
index f7b11aac6b5..f75ed8f505e 100644
--- a/public/content/translations/id/developers/tutorials/how-to-write-and-deploy-an-nft/index.md
+++ b/public/content/translations/id/developers/tutorials/how-to-write-and-deploy-an-nft/index.md
@@ -240,9 +240,13 @@ Your `.env` should now look like this:
 
 Untuk betul-betul menghubungkannya ke kode kita, kita akan mereferensikan variabel-variabel ini dalam berkas hardhat.config.js kita pada langkah ke-13.
 
-<InfoBanner isWarning>
+<Alert variant="warning">
+<AlertContent>
+<AlertDescription>
 Don't commit <code>.env</code>! Please make sure never to share or expose your <code>.env</code> file with anyone, as you are compromising your secrets in doing so. If you are using version control, add your <code>.env</code> to a <a href="https://git-scm.com/docs/gitignore">gitignore</a> file.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Langkah 12: Instal Ethers.js {#install-ethers}
 
diff --git a/public/content/translations/id/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md b/public/content/translations/id/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
index e363574e125..26d2e343ecd 100644
--- a/public/content/translations/id/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
+++ b/public/content/translations/id/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
@@ -111,9 +111,13 @@ API_URL = "your-api-url"
 PRIVATE_KEY = "your-private-key"
 ```
 
-<InfoBanner isWarning>
+<Alert variant="warning">
+<AlertContent>
+<AlertDescription>
 Don't commit <code>.env</code>! Please make sure never to share or expose your <code>.env</code> file with anyone, as you are compromising your secrets in doing so. If you are using version control, add your <code>.env</code> to a <a href="https://git-scm.com/docs/gitignore">gitignore</a> file.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### 7\. Buat file `sendTx.js` {#create-sendtx-js}
 
diff --git a/public/content/translations/id/energy-consumption/index.md b/public/content/translations/id/energy-consumption/index.md
index b54a90ecd1e..03f2c6003c3 100644
--- a/public/content/translations/id/energy-consumption/index.md
+++ b/public/content/translations/id/energy-consumption/index.md
@@ -61,9 +61,14 @@ Meskipun konsumsi energi Ethereum sangat rendah, ada juga komunitas [**keuangan
 
 Platform pendanaan barang publik asli Web3 seperti [Gitcoin](https://gitcoin.co) menjalankan putaran iklim untuk menstimulasi pembangunan yang sadar lingkungan pada lapisan aplikasi Ethereum. Melalui pengembangan inisiatif-inisiatif ini (dan yang lainnya, misalnya [DeSci](/desci/)), Ethereum menjadi teknologi yang positif bagi lingkungan dan sosial.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Jika menurut Anda halaman ini dapat dibuat lebih akurat, silakan ajukan masalah atau PR. Statistik di halaman ini adalah perkiraan berdasarkan data yang tersedia untuk umum - statistik ini tidak mewakili pernyataan atau janji resmi dari tim ethereum.org, atau Ethereum Foundation.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Bacaan lebih lanjut {#further-reading}
 
diff --git a/public/content/translations/id/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/id/guides/how-to-create-an-ethereum-account/index.md
index 2f5f50ba81a..428d95f0639 100644
--- a/public/content/translations/id/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/id/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ Setelah Anda menyimpan frase benih, Anda seharusnya dapat melihat dasbor dompet
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div>Ingin mempelajari selengkapnya?</div>
   <ButtonLink href="/guides/">
     Lihat panduan lainnya
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 
 ## Pertanyaan yang sering diajukan
 
diff --git a/public/content/translations/id/guides/how-to-revoke-token-access/index.md b/public/content/translations/id/guides/how-to-revoke-token-access/index.md
index c4549430506..7fd8d902d0a 100644
--- a/public/content/translations/id/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/id/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ Kami menyarankan Anda untuk menyegarkan alat pencabutan setelah beberapa menit d
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Ingin mempelajari selengkapnya?</div>
   <ButtonLink href="/guides/">
     Lihat panduan lainnya
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Pertanyaan yang sering diajukan
 
diff --git a/public/content/translations/id/guides/how-to-swap-tokens/index.md b/public/content/translations/id/guides/how-to-swap-tokens/index.md
index 1492fd5ef69..8ab81497670 100644
--- a/public/content/translations/id/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/id/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ Anda bisa melihat perkembangan transaksi di penjelajah rantai blok mana pun. Pro
 Anda akan secara otomatis menerima token yang ditukar di dompet Anda setelah transaksi diproses.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Ingin mempelajari selengkapnya?</div>
   <ButtonLink href="/guides/">
     Lihat panduan lainnya
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Pertanyaan yang sering diajukan
 
diff --git a/public/content/translations/id/guides/how-to-use-a-bridge/index.md b/public/content/translations/id/guides/how-to-use-a-bridge/index.md
index c51bdc0b3bd..e43c940008d 100644
--- a/public/content/translations/id/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/id/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ Proses ini seharusnya tidak memakan waktu lebih dari 10 menit.
 Anda dapat menggunakan [chainlist.org](http://chainlist.org) untuk menemukan detail RPC jaringan. Setelah jaringan ditambahkan dan transaksi selesai, Anda akan melihat token di dompet Anda.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Ingin mempelajari selengkapnya?</div>
   <ButtonLink href="/guides/">
     Lihat panduan lainnya
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Pertanyaan yang sering diajukan
 
diff --git a/public/content/translations/id/guides/how-to-use-a-wallet/index.md b/public/content/translations/id/guides/how-to-use-a-wallet/index.md
index 1142f991810..0bc7b417c03 100644
--- a/public/content/translations/id/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/id/guides/how-to-use-a-wallet/index.md
@@ -62,12 +62,15 @@ Alamat Anda akan sama di semua proyek Ethereum. Anda tidak perlu mendaftar secar
 5. Konfirmasikan permintaan tanda tangan di dompet Anda untuk membuat koneksi. **Menandatangani pesan ini tidak perlu mengeluarkan ETH**.
 6. Itu saja! Mulai menggunakan aplikasi. Anda dapat menemukan beberapa proyek menarik di halaman [dApps](/dapps/#explore). <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Ingin mempelajari selengkapnya?</div>
   <ButtonLink href="/guides/">
     Lihat panduan lainnya
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Pertanyaan yang sering diajukan
 
diff --git a/public/content/translations/id/nft/index.md b/public/content/translations/id/nft/index.md
index 1a7b956f8e2..c6f507ed479 100644
--- a/public/content/translations/id/nft/index.md
+++ b/public/content/translations/id/nft/index.md
@@ -55,12 +55,15 @@ NFT digunakan untuk banyak hal, termasuk:
 
 Mungkin Anda adalah seorang seniman yang ingin berbagi karya mereka menggunakan NFT, tanpa kehilangan kontrol dan mengorbankan keuntungan Anda kepada perantara. Anda dapat membuat kontrak baru dan menentukan jumlah NFT, propertinya, dan tautan ke beberapa karya seni khusus. Sebagai seniman, **Anda dapat memprogramkan royalti yang seharusnya Anda terima ke dalam kontrak pintar** (misalnya, mentransfer 5% dari harga jual kepada pemilik kontrak setiap kali NFT ditransfer). Anda juga selalu dapat membuktikan bahwa Anda membuat NFT tersebut karena Anda memiliki [dompet](/glossary/#wallet) yang menerbitkan kontrak tersebut. Pembeli Anda dapat dengan mudah membuktikan bahwa mereka memiliki **NFT asli** dari koleksi Anda karena [alamat](/glossary/#address) dompet mereka terkait dengan token dalam kontrak pintar Anda. Mereka dapat menggunakannya di seluruh ekosistem Ethereum, dengan keyakinan akan keasliannya.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Jelajahi, beli, atau buat karya seni/barang koleksi NFT Anda sendiri...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Jelajahi karya seni NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Atau pertimbangkan tiket untuk sebuah acara olahraga. Sama halnya seperti **penyelenggara acara dapat memilih berapa banyak tiket yang akan dijual**, kreator NFT dapat memutuskan berapa banyak salinan yang ada. Terkadang ini adalah tiruan yang sama persis, seperti 5000 tiket Masuk Umum. Terkadang ada beberapa dicetak sangat serupa, tetapi masing-masing sedikit berbeda, seperti tiket dengan kursi yang ditentukan. Tiket-tiket ini dapat dibeli dan dijual secara peer-to-peer tanpa membayar petugas tiket, dan pembeli selalu memiliki jaminan keaslian tiket dengan memeriksa alamat kontrak.
 
diff --git a/public/content/translations/id/roadmap/beacon-chain/index.md b/public/content/translations/id/roadmap/beacon-chain/index.md
index 520bf51849a..5fd27b5beb4 100644
--- a/public/content/translations/id/roadmap/beacon-chain/index.md
+++ b/public/content/translations/id/roadmap/beacon-chain/index.md
@@ -34,9 +34,14 @@ Transisi ke bukti taruhan membuat Ethereum secara signifikan lebih aman dan terd
 
 Dan menggunakan bukti taruhan sebagai mekanisme konsensus adalah komponen dasar untuk [Ethereum yang aman, ramah lingkungan, dan dapat diskalakan yang kita miliki saat ini](/roadmap/vision/).
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Jika Anda tertarik untuk menjadi validator dan membantu mengamankan Ethereum, <a href="/staking/">pelajari lebih lanjut tentang penaruhan</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Menyiapkan untuk pecahan {#setting-up-for-sharding}
 
diff --git a/public/content/translations/id/roadmap/danksharding/index.md b/public/content/translations/id/roadmap/danksharding/index.md
index 67ea4deb3b4..4efc6ec6f99 100644
--- a/public/content/translations/id/roadmap/danksharding/index.md
+++ b/public/content/translations/id/roadmap/danksharding/index.md
@@ -53,9 +53,9 @@ Jika seseorang mengetahui lokasi acak yang digunakan untuk komitmen, maka akan m
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
   Baik Danksharding maupun Proto-Danksharding tidak mengikuti model "pecahan" tradisional yang bertujuan untuk membagi rantai blok menjadi beberapa bagian. Rantai pecahan tidak lagi menjadi bagian dari peta perjalanan. Sebagai gantinya, Danksharding menggunakan pengambilan sampel data terdistribusi di seluruh blob untuk menskalakan Ethereum. Ini jauh lebih sederhana untuk diterapkan. Model ini kadang-kadang disebut sebagai "data-pecahan".
-</InfoBanner>
+</Alert>
 
 ## Apa yang dimaksud dengan Danksharding? {#what-is-danksharding}
 
diff --git a/public/content/translations/id/roadmap/index.md b/public/content/translations/id/roadmap/index.md
deleted file mode 100644
index ff72d088079..00000000000
--- a/public/content/translations/id/roadmap/index.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: Peta Perjalanan Ethereum
-description: Jalan menuju peningkatan skalabilitas, keamanan, dan keberlanjutan Ethereum.
-lang: id
-template: roadmap
-image: /images/heroes/roadmap-hub-hero.jpg
-alt: "Peta Perjalanan Ethereum"
-summaryPoints:
-buttons:
-  - 
-    content: Peningkatan lebih lanjut
-    toId: perubahan-apa-yang-akan-terjadi
-  - 
-    content: Peningkatan sebelumnya
-    href: /history/
-    variant: ikhtisar
----
-
-Ethereum sudah menjadi platform koordinasi global yang kuat, tetapi masih terus ditingkatkan. Serangkaian peningkatan yang ambisius akan meningkatkan Ethereum dari bentuknya saat ini menjadi platform yang berskala penuh dengan ketahanan maksimal. Berbagai peningkatan ini diuraikan dalam peta jalan Ethereum.
-
-**Untuk mempelajari tentang peningkatan Ethereum sebelumnya, harap buka halaman [Sejarah](/history/) kami**
-
-## Perubahan apa yang akan terjadi pada Ethereum? {#what-changes-are-coming}
-
-Peta jalan Ethereum menguraikan peningkatan spesifik yang akan dilakukan pada protokol di masa depan. Secara keseluruhan, peta jalan ini akan memberikan manfaat berikut kepada pengguna Ethereum:
-
-<CardGrid>
-  <RoadmapActionCard
-    href="/roadmap/scaling"
-    title="Transaksi yang lebih murah"
-    image="scaling"
-    description="Rollups are too expensive and rely on centralized components, causing users to place too much trust in their operators. The roadmap includes fixes for both of these problems."
-    buttonText="More on reducing fees"
-  />
-  <RoadmapActionCard
-    href="/roadmap/security"
-    title="Keamanan ekstra"
-    image="security"
-    description="Ethereum is already very secure but it can be made even stronger, ready to withstand all kinds of attack far into the future."
-    buttonText="More on security"
-  />
-  <RoadmapActionCard
-    href="/roadmap/user-experience"
-    title="Pengalaman pengguna yang lebih baik"
-    image="userExperience"
-    description="More support for smart contract wallets and light-weight nodes will make using Ethereum simpler and safer."
-    buttonText="More on user experience"
-  />
-  <RoadmapActionCard
-    href="/roadmap/future-proofing"
-    title="Tetap relevan untuk masa depan"
-    image="futureProofing"
-    description="Ethereum researchers and developers are solving tomorrow's problems today, readying the network for future generations."
-    buttonText="More on future proofing"
-  />
-</CardGrid>
-
-## Mengapa Ethereum membutuhkan peta jalan? {#why-does-ethereum-need-a-roadmap}
-
-Ethereum ditingkatkan secara rutin untuk meningkatkan skalabilitas, keamanan, atau keberlanjutannya. Salah satu kekuatan inti Ethereum adalah menyesuaikan dengan ide-ide baru yang muncul dari penelitian dan pengembangan. Kemampuan beradaptasi memberikan fleksibilitas kepada Ethereum untuk mengatasi tantangan yang muncul dan mengikuti terobosan teknologi yang paling canggih.
-
-<RoadmapImageContent title="Cara penetapan peta jalan">
-
-Peta jalan ini sebagian besar adalah hasil kerja bertahun-tahun dari para peneliti dan pengembang - karena protokol ini sangat teknis - tetapi setiap orang yang berminat boleh ikut serta. Ide biasanya dimulai dengan percakapan di dalam forum seperti [ethresear.ch](https://ethresear.ch/), [Ethereum Magicians](https://ethereum-magicians.org/) atau server discord Eth R&D. Ini mungkin merupakan tanggapan terhadap kerentanannya yang baru ditemukan, saran dari organisasi yang bekerja di lapisan aplikasi (seperti [dapps](/glossary/#dapp) dan bursa) atau dari gesekan yang diketahui untuk pengguna akhir (seperti biaya atau kecepatan transaksi). Ketika sudah matang, ide-ide ini dapat diusulkan sebagai [Proposal Peningkatan Ethereum](https://eips.ethereum.org/). Semua ini dilakukan di ruang publik sehingga setiap anggota komunitas dapat memberi masukan kapan saja.
-
-[Selengkapnya tentang pemerintahan Ethereum](/governance/)
-
-</RoadmapImageContent>
-
-<InfoBanner mb={8}>
-  <h4 style={{ marginTop: 0 }}>Apa itu ETH2?</h4>
-
-  <p>Istilah 'Eth2' sering digunakan untuk menggambarkan masa depan Ethereum sebelum peralihan ke <a href="/glossary/#pos">bukti taruhan</a>, tetapi istilah ini telah <strong>diabaikan demi terminologi yang lebih tepat.</strong> Awalnya digunakan untuk membedakan jaringan Ethereum sebelum peralihan ke bukti taruhan dan jaringan setelahnya, atau kadang-kadang merujuk pada klien Ethereum yang berbeda (<a href="/glossary/#execution-client">klien eksekusi</a> kadang disebut sebagai klien ETH1 dan <a href="/glossary/#consensus-client">klien konsensus</a> kadang disebut sebagai klien ETH2).</p>
-
-</InfoBanner>
-
-## Apakah peta jalan Ethereum akan berubah seiring dengan waktu? {#will-ethereums-roadmap-change-over-time}
-
-**Ya—hampir pasti**. Peta jalan adalah rencana saat ini untuk meningkatkan Ethereum, yang mencakup rencana jangka pendek dan jangka panjang. Kami memperkirakan peta jalan ini akan berubah seiring dengan tersedianya informasi dan teknologi baru.
-
-Bayangkan peta perjalanan Ethereum sebagai kumpulan ide untuk mengembangkan Ethereum; merupakan pusat bagi hipotesis para peneliti dan pengembang Ethereum akan langkah ke depan.
-
-## Kapan peta jalan ini akan berakhir? {#when-will-the-roadmap-be-finished}
-
-Beberapa peningkatan memiliki prioritas yang lebih rendah dan kemungkinan tidak akan diterapkan dalam 5-10 tahun ke depan (misalnya, ketahanan kuantum). **Memberikan waktu yang tepat untuk setiap pengembangan itu rumit untuk diprediksi** karena komponen peta perjalanan yang berbeda dikerjakan secara paralel dan dikembangkan pada kecepatan yang berbeda. Urgensi peningkatan juga dapat berubah seiring waktu tergantung faktor eksternal (misalnya, lompatan mendadak kinerja dan ketersediaan komputer kuantum dapat menyebabkan lebih mendesaknya kebutuhan kriptografi quantum-resistant atau tahan terhadap serangan dari komputer kuantum).
-
-Salah satu cara berpikir untuk pengembangan Ethereum adalah dengan analogi evolusi biologis. Jaringan yang mampu beradaptasi dengan tantangan baru dan mempertahankan kondisinya lebih mungkin berhasil daripada jaringan yang menentang perubahan, meskipun seiring meningkatnya kinerja, skalabilitas, dan keamanan jaringan, makin sedikit perubahan protokol yang diperlukan.
-
-## Apakah ada yang harus saya lakukan ketika ada peningkatan? {#do-i-have-to-do-anything-when-there-is-an-upgrade}
-
-Peningkatan cenderung tidak berdampak pada pengguna akhir, kecuali meningkatkan pengalaman pengguna dan meningkatkan keamanan protokol serta mungkin lebih banyak <i>opsi</i> untuk cara berinteraksi dengan Ethereum. **Pengguna biasa tidak diharuskan untuk berpartisipasi aktif dalam sebuah peningkatan, maupun diharuskan melakukan apapun** untuk mengamankan aset mereka. Para operator [simpul](/glossary/#node) harus memperbarui klien mereka sebagai persiapan. Beberapa peningkatan dapat menyebabkan perubahan bagi pengembang aplikasi. Misalnya, peningkatan pada masa kedaluwarsa riwayat dapat menyebabkan pengembang aplikasi mengambil data riwayat dari sumber referensi baru.
-
-## Bagaimana dengan The Verge, The Splurge, dll? {#what-about-the-verge-splurge-etc}
-
-[Vitalik Buterin mengajukan visi untuk peta perjalanan Ethereum](https://twitter.com/VitalikButerin/status/1741190491578810445) yang diorganisasikan dalam beberapa kategori yang dihubungkan dengan pengaruhnya terhadap arsitektur Ethereum. Termasuk di dalamnya:
-
-- **Penggabungan**: peningkatan yang berkaitan dengan peralihan dari [bukti kerja](/glossary/#pow) ke [bukti taruhan](/glossary/#pos)
-- **Lonjakan**: peningkatan yang terkait dengan skalabilitas dengan [rollup](/glossary/#rollups) dan pecahan data
-- **Momok**: peningkatan yang terkait dengan resistensi terhadap sensor, desentralisasi, dan risiko protokol dari [MEV](/glossary/#mev)
-- **The Verge**: peningkatan yang terkait dengan memverifikasi [blok](/glossary/#block) dengan lebih mudah
-- **Pembersihan**: peningkatan yang terkait dengan pengurangan biaya komputasi simpul yang sedang berjalan dan penyederhanaan protokol
-- **The Splurge**: peningkatan lain yang tidak sesuai dengan kategori sebelumnya.
-
-Kami memutuskan untuk tidak menggunakan terminologi ini karena kami ingin menggunakan model yang lebih sederhana dan lebih berpusat pada pengguna. Meskipun kami menggunakan istilah yang berpusat pada pengguna, visinya tetap sama dengan yang diajukan oleh Vitalik.
-
-## Bagaimana dengan sharding? {#what-about-sharding}
-
-Pemecahan adalah membagi rantai blok Ethereum sehingga subset dari [validator](/glossary/#validator) hanya bertanggung jawab atas sebagian kecil dari total data. Metode ini awalnya dimaksudkan sebagai cara penskalaan Ethereum. Namun, rollup [lapisan ke-2](/glossary/#layer-2) telah berkembang jauh lebih cepat dari yang diharapkan dan telah menyediakan banyak penskalaan, dan akan menyediakan lebih banyak lagi setelah Proto-Danksharding diimplementasikan. Hal ini berarti "rantai pecahan" tidak diperlukan lagi dan telah dihapus dari peta jalan.
-
-## Mencari peningkatan teknis yang spesifik? {#looking-for-specific-technical-upgrades}
-
-- [Danksharding](/roadmap/danksharding) - Danksharding menyebabkan rollup lapisan ke-2 menjadi lebih murah bagi pengguna dengan menambahkan "blob" data ke blok Ethereum.
-- [Penarikan staking](/staking/withdrawals) - Peningkatan Shanghai/Capella memungkinkan penarikan staking di Ethereum sehingga pengguna dapat membuka penguncian ETH yang ditaruh sebagai stake oleh mereka.
-- [Finalitas ruang tunggal](/roadmap/single-slot-finality) - Daripada menunggu lima belas menit, blok bisa dipinang dan diselesaikan dalam ruang yang sama. Hal ini lebih praktis bagi aplikasi dan menjadi jauh lebih sulit untuk diserang.
-- [Pemisahan pengusul-pembuat](/roadmap/pbs) - Memisahkan tugas pembuatan blok dan pengajuan blok pada berbagai validator akan menghasilkan cara yang lebih adil, lebih tahan sensor, dan efisien bagi Ethereum untuk mencapai konsensus.
-- [Pemilihan pemimpin rahasia](/roadmap/secret-leader-election) - Kriptografi cerdas dapat digunakan untuk memastikan agar identitas pengusul blok terkini tidak diumumkan kepada publik sehingga melindunginya dari beberapa jenis serangan tertentu.
-- [Abstraksi akun](/roadmap/account-abstraction) - Abstraksi akun adalah suatu tingkat peningkatan yang mendukung dompet kontrak pintar secara asli di Ethereum, sebagai pengganti penggunaan middleware yang rumit.
-- [Pohon Verkle](/roadmap/verkle-trees) - Pohon Verkle adalah struktur data yang dapat digunakan untuk mengaktifkan klien tanpa keadaan di Ethereum. Klien "tanpa keadaan" ini hanya membutuhkan ruang penyimpanan yang sangat kecil, tetapi masih dapat memverifikasi blok baru.
-- [Keadaan tanpa kewarganegaraan](/roadmap/statelessness) - Klien keadaan tanpa kewarganegaraan akan dapat memverifikasi blok baru tanpa harus menyimpan data dalam jumlah besar. Hal ini akan memberikan semua manfaat menjalankan simpul dengan biaya yang sangat kecil dibandingkan dengan biaya yang berlaku saat ini.
diff --git a/public/content/translations/id/roadmap/merge/index.md b/public/content/translations/id/roadmap/merge/index.md
index 75c5e27af3c..e8dfb851fda 100644
--- a/public/content/translations/id/roadmap/merge/index.md
+++ b/public/content/translations/id/roadmap/merge/index.md
@@ -37,9 +37,13 @@ Penggabungan ini merupakan peralihan resmi untuk menggunakan Rantai Suar sebagai
 
 Tidak ada sejarah yang hilang dalam Penggabungan. Ketika Jaringan Utama bergabung dengan Rantai Suar, Jaringan Utama juga menggabungkan seluruh sejarah transaksi Ethereum.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Transisi ke bukti taruhan ini mengubah cara penerbitan ether. Pelajari lebih lanjut tentang <a href="/roadmap/merge/issuance/">pengeluaran ether sebelum dan setelah Penggabungan</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Pengguna dan pemegang {#users-holders}
 
diff --git a/public/content/translations/id/roadmap/merge/issuance/index.md b/public/content/translations/id/roadmap/merge/issuance/index.md
index fccb7696b5c..72d44afe08f 100644
--- a/public/content/translations/id/roadmap/merge/issuance/index.md
+++ b/public/content/translations/id/roadmap/merge/issuance/index.md
@@ -54,11 +54,15 @@ Total pasokan ETH: **~120.520.000 ETH** (saat Penggabungan pada September 2022)
 - Hasilnya adalah **~620.500** ETH yang diterbitkan dalam setahun
 - Menghasilkan tingkat inflasi **sekitar 0,52%** (620,5 ribu per tahun / total 119,3 juta)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 <strong>Tingkat penerbitan tahunan total (sebelum penggabungan): ~4,61%</strong> (4,09% + 0,52%)<br/><br/>
 <strong>~88,7%</strong> dari penerbitan diberikan kepada penambang pada lapisan eksekusi (4,09 / 4,61 * 100)<br/><br/>
 <strong>~11,3%</strong> diterbitkan kepada para penaruh pada lapisan konsensus (0,52 / 4,61 * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Setelah penggabungan (saat ini) {#post-merge}
 
@@ -84,18 +88,26 @@ Seiring bertambahnya validator yang menarik diri, jumlah maksimum validator yang
 - Penerbitan lapisan eksekusi: **0**
 - Penerbitan lapisan konsensus: Sama seperti sebelumnya, tingkat penerbitan tahunan sebesar **~0,52%** (dengan total 14 juta ETH yang dipertaruhkan)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Tingkat penerbitan tahunan total: <strong>~0,52%</strong><br/><br/>
 Pengurangan bersih dalam penerbitan ETH tahunan: <strong>~88,7%</strong> ((4,61% - 0,52%) / 4,61% * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## <Emoji text=":fire:" size="1" /> Pembakaran {#the-burn}
 
 Kekuatan berlawanan dengan penerbitan ETH adalah tingkat pembakaran ETH. Untuk sebuah transaksi dieksekusi di Ethereum, biaya minimum (dikenal sebagai "biaya dasar") harus dibayarkan, yang terus berfluktuasi (dari blok ke blok) tergantung pada aktivitas jaringan. Biaya tersebut dibayarkan dalam bentuk ETH dan _wajib_ agar transaksi dianggap sah. Biaya ini akan _dibakar_ selama proses transaksi, mengeluarkannya dari sirkulasi.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Pembakaran biaya diaktifkan dengan <a href="/history/#london">peningkatan London</a> pada Agustus 2021, dan tetap tidak berubah sejak Terjadinya Penggabungan.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Selain pembakaran biaya yang diimplementasikan oleh peningkatan London, validator juga dapat dikenakan denda karena tidak aktif, atau bahkan lebih buruk lagi, mereka dapat dipotong karena melanggar aturan tertentu yang mengancam keamanan jaringan. Penalti ini mengakibatkan pengurangan ETH dari saldo validator tersebut, yang tidak langsung diberikan sebagai imbalan kepada akun lain, secara efektif dibakar/mengeluarkannya dari sirkulasi.
 
diff --git a/public/content/translations/id/roadmap/scaling/index.md b/public/content/translations/id/roadmap/scaling/index.md
index 6996c40fc82..639badff8c9 100644
--- a/public/content/translations/id/roadmap/scaling/index.md
+++ b/public/content/translations/id/roadmap/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 Ethereum diskalakan menggunakan [lapisan ke-2](/layer-2/#rollups) (juga dikenal sebagai rollup), yang mengumpulkan transaksi secara bersamaan dan mengirimkan hasilnya ke Ethereum. Meskipun rollup hingga delapan kali lebih murah daripada Jaringan Utama Ethereum, Anda dapat mengoptimalkan rollup lebih lanjut untuk mengurangi biaya bagi pengguna akhir. Rollup juga bergantung pada beberapa komponen terpusat yang dapat dihapus oleh pengembang saat rollup sudah matang.
 
-<InfoBanner mb={8} title="Biaya transaksi">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  Biaya transaksi
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>Rollup hari ini <strong>~5-20x</strong> lebih murah dari lapisan 1 Ethereum</li>
     <li>Rollup ZK akan segera menurunkan biaya sebesar <strong>~40-100x</strong></li>
     <li>Perubahan yang akan datang pada Ethereum akan memberikan penskalaan <strong>~100-1000x</strong> lainnya</li>
     <li style={{ marginBottom: 0 }}>Pengguna harus mendapatkan keuntungan dari transaksi <strong>berharga kurang dari $0,001</strong></li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Membuat data lebih murah {#making-data-cheaper}
 
diff --git a/public/content/translations/id/security/index.md b/public/content/translations/id/security/index.md
index 23d2f397c22..c7a572b73a4 100644
--- a/public/content/translations/id/security/index.md
+++ b/public/content/translations/id/security/index.md
@@ -122,11 +122,12 @@ Sebagai aturan umum, staf tidak akan pernah berkomunikasi dengan Anda melalui sa
 - Jangan pernah izinkan siapa pun mengakses komputer Anda dari jarak jauh
 - Jangan pernah berkomunikasi di luar kanal yang ditunjuk organisasi
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Hati-hati: meskipun penipuan gaya dukungan biasanya terjadi di Discord, penipuan ini juga dapat terjadi pada aplikasi obrolan tempat diskusi kripto berlangsung, termasuk email.
   </div>
-</InfoBanner>
+</Alert>
 
 ### Penipuan token 'Eth2' {#eth2-token-scam}
 
@@ -213,11 +214,12 @@ Kata sandi yang kuat yang telah terungkap dalam pelanggaran data tidak lagi meru
 
 ### Menggunakan pengelola kata sandi {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     Menggunakan pengelola kata sandi akan membantu Anda membuat kata sandi yang kuat dan unik serta mengingatnya! Kami <strong>sangat</strong> menyarankan untuk menggunakannya, dan sebagian besar dari mereka gratis!
   </div>
-</InfoBanner>
+</Alert>
 
 Mengingat kata sandi yang kuat dan unik untuk setiap akun tidaklah ideal. Pengatur kata sandi memberikan tempat yang terenkripsi dan aman untuk setiap kata sandi Anda. Mereka juga menyarankan kata sandi yang kuat saat mendaftar ke layanan baru, jadi Anda tidak perlu membuatnya sendiri. Banyak pengelola kata sandi akan memberitahukan Anda jika kata sandi Anda diretas, sehingga memberikan Anda kesemaptan untuk mengubah kata sandi Anda sebelum serangan yang berbahaya.
 
@@ -240,11 +242,12 @@ Anda mungkin terkadang diminta untuk mengautentikasi identitas melalui bukti uni
 
 Menggunakan **Autentikasi Dua Faktor (2FA)** memberikan *faktor keamanan* tambahan untuk akun online Anda. 2FA memastikan bahwa hanya memiliki kata sandi saja tidak cukup untuk mengakses akun. Umumnya, faktor autentikasi kedua adalah 6 digit kode yang dikenal sebagai **kata sandi satu kali berbais waktu (TOTP)**, yang Anda dapat akses dengan sebuah aplikasi autentikasi seperti Google Authenticator atau Authy. Ini berfungsi sebagai faktor "sesuatu yang Anda miliki" karena benih yang menghasilkan kode waktunya disimpan di perangkat Anda.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Catatan: Menggunakan 2FA berbasis SMS rentan terhadap <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM jacking</a> dan tidak aman. Untuk keamanan terbaik, gunakan layanan seperti <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> atau <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Kunci keamanan {#security-keys}
 
diff --git a/public/content/translations/id/staking/withdrawals/index.md b/public/content/translations/id/staking/withdrawals/index.md
index 68a6f4c094d..155c01640b7 100644
--- a/public/content/translations/id/staking/withdrawals/index.md
+++ b/public/content/translations/id/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Sebelum peningkatan Shanghai/Capella, Anda tidak dapat menggunakan atau mengakse
 
 Memberikan alamat penarikan adalah langkah yang diperlukan untuk setiap akun validator sebelum akun tersebut memenuhi syarat untuk menarik ETH dari saldonya.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Setiap akun validator hanya dapat diberikan satu alamat penarikan, satu kali.</strong> Setelah alamat dipilih dan dikirimkan ke lapisan konsensus, alamat tersebut tidak dapat dibatalkan atau diubah lagi. Periksa kembali kepemilikan dan keakuratan alamat yang diberikan sebelum mengirim.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Tidak ada <strong>tidak ada ancaman terhadap dana Anda untuk sementara waktu</strong> karena tidak menyediakan ini, dengan asumsi mnemonik/frase benih Anda tetap aman secara offline, dan tidak dikompromikan dengan cara apa pun. Kegagalan untuk menambahkan kredensial penarikan hanya akan membuat ETH terkunci di akun validator seperti sebelumnya sampai alamat penarikan diberikan.
 
@@ -82,11 +87,16 @@ Simak penjelasan mengenai penarikan penaruhan Ethereum dari Finematics berikut i
 
 Ketika validator dijadwalkan untuk mengajukan blok berikutnya, diperlukan antrean penarikan hingga 16 penarikan yang memenuhi syarat. Hal ini dilakukan dengan memulai dengan indeks validator 0, menentukan apakah ada penarikan yang memenuhi syarat untuk akun ini sesuai dengan aturan protokol, dan menambahkannya ke antrean jika ada. Validator yang ditetapkan untuk mengajukan blok berikutnya akan melanjutkan blok yang terakhir ditinggalkan, dan terus maju tanpa batas waktu.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Pikirkan tentang jam analog. Jarum jam menunjuk ke arah jam, bergerak ke satu arah, tidak melewatkan satu jam pun, dan akhirnya berputar ke awal lagi setelah angka terakhir tercapai.<br/><br/>
 Sekarang, alih-alih 1 hingga 12, bayangkan jam memiliki 0 hingga N <em>(jumlah total akun validator yang pernah terdaftar di lapisan konsensus, lebih dari 500.000 per Januari 2023).</em><br/><br/>
 Jarum penunjuk pada jam menunjuk ke validator berikutnya yang perlu diperiksa untuk penarikan yang memenuhi syarat. Dimulai dari 0, dan berkembang terus tanpa melewatkan satu akun pun. Ketika validator terakhir tercapai, siklus berlanjut kembali ke awal.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Memeriksa akun untuk penarikan dana {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/id/web3/index.md b/public/content/translations/id/web3/index.md
index e2449ec29c4..d6a784c5233 100644
--- a/public/content/translations/id/web3/index.md
+++ b/public/content/translations/id/web3/index.md
@@ -61,12 +61,15 @@ Web3 memberikan Anda kepemilikan atas aset digital dengan cara yang belum pernah
 
 Web3 memperbolehkan kepemilikan langsung melalui [Token yang tidak dapat dipertukarkan (NFTs)](/glossary/#nft). Tidak ada satu pun, bahkan pembuat game, mempunyai kekuatan untuk mengambil kepemilikan Anda. Dan, jika Anda berhenti bermain, Anda dapat menjual atau memperdagangkan barang in-game di pasar terbuka dan menurunkan nilainya.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Pelajari lebih lanjut tentang NFT</div>
   <ButtonLink href="/nft/">
     Selengkapnya tentang NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Tahan Penyensoran {#censorship-resistance}
 
@@ -86,12 +89,15 @@ DAO didefinisikan secara teknis sebagai [kontrak pintar](/glossary/#smart-contra
 
 Namun, orang-orang mendefinisikan banyak komunitas Web3 sebagai DAO. Semua komunitas-komunitas ini memiliki tingkat desentralisasi dan otomatisasi yang berbeda berdasarkan kode. Saat ini, kami sedang mengeksplorasi apa itu DAO dan bagaimana mereka dapat berkembang di masa depan.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Pelajari lebih lanjut tentang DAO</div>
   <ButtonLink href="/dao/">
     Pelajari lebih lanjut tentang DAO
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Identitas {#identity}
 
diff --git a/public/content/translations/ig/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/ig/guides/how-to-create-an-ethereum-account/index.md
index cdf317f17b3..8fa88b9f211 100644
--- a/public/content/translations/ig/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/ig/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ Ozugbo i chekwachara mkpụrụ nkebi ahịrịokwu gị, ị ga-ahụ dashbọ
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div>Chọrọ ịmụtakwu?</div>
   <ButtonLink href="/guides/">
     Hụ ntuziaka anyị ndị ọzọ
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 
 ## Frequently asked questions
 
diff --git a/public/content/translations/ig/guides/how-to-revoke-token-access/index.md b/public/content/translations/ig/guides/how-to-revoke-token-access/index.md
index 90065c7d933..495edde4d3c 100644
--- a/public/content/translations/ig/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/ig/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ Anyị na-adụ ọdụ ka i megharịa akụrụngwa i ji eme nkagbu mgbe nkeji
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Chọrọ ịmụtakwu?</div>
   <ButtonLink href="/guides/">
     Hụ ntuziaka anyị ndị ọzọ
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Frequently asked questions
 
diff --git a/public/content/translations/ig/guides/how-to-swap-tokens/index.md b/public/content/translations/ig/guides/how-to-swap-tokens/index.md
index 25413c549da..b84c7acd562 100644
--- a/public/content/translations/ig/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/ig/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ I nwere ike ịlele ọganihu nke azụmahịa ahụ n'ihe nchọgharị blọkc
 Ị ga-enweta tokin nke a gbanwere n'akpa ego ịntanetị gị ozugbo e mechara azụmahịa ahụ.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Chọrọ ịmụtakwu?</div>
   <ButtonLink href="/guides/">
     Hụ ntuziaka anyị ndị ọzọ
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Frequently asked questions
 
diff --git a/public/content/translations/ig/guides/how-to-use-a-bridge/index.md b/public/content/translations/ig/guides/how-to-use-a-bridge/index.md
index 6e827d09f21..236b7b40a8b 100644
--- a/public/content/translations/ig/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/ig/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ Usoro a e kwesịghị iwe ihe karịrị nkeji 10.
 Ị nwere ike jiri [chainlist.org](http://chainlist.org) ịji chọta ozi ndị dị na nkọwa RPC. Ozugbo a etinyechara netwọk ahụ wee mechaa azụmahịa, ị ga-ahụ tokin na akpa ego ịntanetị gị.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Chọrọ ịmụtakwu?</div>
   <ButtonLink href="/guides/">
     Hụ ntuziaka anyị ndị ọzọ
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Frequently asked questions
 
diff --git a/public/content/translations/ig/guides/how-to-use-a-wallet/index.md b/public/content/translations/ig/guides/how-to-use-a-wallet/index.md
index 33eb03dc29d..85cb6e8ccfb 100644
--- a/public/content/translations/ig/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/ig/guides/how-to-use-a-wallet/index.md
@@ -62,12 +62,15 @@ Adreesị gị ga-abụ otu na nkwekọrịta Ethereum niile. I kwesighị ịde
 5. Kwado arịrịọ nke mbinye aka n'akpa ego ịntanetị gị iji guzobe njikọ ahụ. **Ibinye aka n'ozi a ekwesịghị iwe ETH ọbụla**.
 6. Ọ bụ ya! Malitezie iji ngwa ahụ. I nwere ike ịhụ ụfọdụ ọrụ dị mma na [peeji Ngwa nbipu anyị](/dapps/#explore). <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Chọrọ ịmụtakwu?</div>
   <ButtonLink href="/guides/">
     Hụ ntuziaka anyị ndị ọzọ
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Frequently asked questions
 
diff --git a/public/content/translations/it/contributing/translation-program/how-to-translate/index.md b/public/content/translations/it/contributing/translation-program/how-to-translate/index.md
index d95e1670b96..5d959de94be 100644
--- a/public/content/translations/it/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/it/contributing/translation-program/how-to-translate/index.md
@@ -76,9 +76,12 @@ Vuoi scoprire di più? Sentiti libero di dare un'occhiata alla [documentazione s
 
 Una volta completata la traduzione (cioè, tutti i file per una categoria di contenuti mostrano il 100%), il nostro servizio di traduzione professionale revisionerà (ed eventualmente modificherà) i contenuti. Una volta completata la revisione (ovvero quando lo stato di avanzamento della revisione è al 100%), aggiungeremo il contenuto al sito web.
 
-<InfoBanner shouldCenter emoji=":warning:">
+<Alert variant="update">
+<Emoji text=":warning:" className="text-4xl"/>
+<AlertContent>
   Si prega di non utilizzare la traduzione automatica per tradurre il progetto. Tutte le traduzioni saranno revisionate prima di essere aggiunte al sito web. Se le traduzioni suggerite sono tradotte automaticamente, saranno rimosse e i collaboratori che utilizzano spesso la traduzione automatica saranno rimossi dal progetto.
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Contattaci {#get-in-touch}
 
diff --git a/public/content/translations/it/defi/index.md b/public/content/translations/it/defi/index.md
index c75b2736b44..370f7f5376e 100644
--- a/public/content/translations/it/defi/index.md
+++ b/public/content/translations/it/defi/index.md
@@ -64,12 +64,15 @@ Ethereum si basa su questo. Come per Bitcoin, le regole non sono modificabili e
 
 Sembra strano... "perché dovrei voler programmare il mio denaro"? Eppure, questa è più che altro una funzionalità predefinita dei token su Ethereum. Chiunque può programmare la logica nei pagamenti. Così, puoi ottenere il controllo e la sicurezza di Bitcoin, insieme ai servizi forniti dalle istituzioni finanziarie. Ciò consente di fare cose con le criptovalute che non potresti fare con Bitcoin, come assumere ed erogare prestiti, pianificare pagamenti, investire in fondi indicizzati, e molto altro.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Esplora i nostri suggerimenti per le applicazioni della DeFi da provare, se sei nuovo su Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Esplora le app di DeFi
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Cosa puoi fare con la DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/it/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/it/developers/docs/consensus-mechanisms/pow/index.md
index 240c1d550c6..d0942f50bfa 100644
--- a/public/content/translations/it/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/it/developers/docs/consensus-mechanisms/pow/index.md
@@ -6,9 +6,14 @@ lang: it
 
 La rete Ethereum venne avviata usando un meccanismo di consenso che utilizzava il **[Proof of Work (PoW)](/developers/docs/consensus-mechanisms/pow)** che consentiva ai nodi della rete Ethereum di concordare sullo stato di tutte le informazioni registrate sulla blockchain Ethereum e impediva alcuni tipi di attacchi economici. Tuttavia, Ethereum ha disattivato il Proof of Work nel 2022 e ha iniziato, invece, a usare il [Proof of Stake](/developers/docs/consensus-mechanisms/pos).
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
     Il Proof of Work è diventato ormai obsoleto. Ethereum non usa più il Proof of Work come parte del suo meccanismo di consenso, e usa invece il Proof of Stake. Leggi di più sul <a href="/developers/docs/consensus-mechanisms/pos/">Proof of Stake</a> e sullo <a href="/staking/">staking</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Prerequisiti {#prerequisites}
 
diff --git a/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/index.md
index 368828fae81..cd3f2b8e360 100644
--- a/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -4,9 +4,14 @@ description: Una spiegazione di come funzionava il mining su Ethereum.
 lang: it
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Il Proof of Work non è più il meccanismo di consenso alla base di Ethereum, il che significa che il mining è stato disattivato. Invece, Ethereum è protetto dai validatori che mettono ETH in staking. Puoi iniziare fin da subito a mettere in staking i tuoi ETH. Leggi di più su <a href='/roadmap/merge/'>La Fusione</a>, il <a href='/developers/docs/consensus-mechanisms/pos/'>proof-of-stake</a> e lo <a href='/staking/'>staking</a>. Questa pagina è solo per interesse storico.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Prerequisiti {#prerequisites}
 
diff --git a/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index 19e090eecc2..9bef0ebcf18 100644
--- a/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -4,9 +4,14 @@ description: Uno sguardo dettagliato all'algoritmo Ethash.
 lang: it
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
    Ethash era l'algoritmo di mining di proof-of-work di Ethereum. Il proof-of-work è ora stato **disattivato interamente** e, invece, Ethereum è ora protetto utilizzando il <a href="/developers/docs/consensus-mechanisms/pos/">proof-of-stake</a>. Leggi di più su <a href="/roadmap/merge/">La Fusione</a>, sul <a href="/developers/docs/consensus-mechanisms/pos/">proof-of-stake</a> e sullo <a href="/staking/">staking</a>. Questa pagina è per interesse storico!  
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 [Ethash](https://github.com/ethereum/wiki/wiki/Ethash) è una versione modificata dell'algoritmo di [Dagger-Hashimoto](/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/dagger-hashimoto). Il proof-of-work di Ethash è [a elevato consumo di memoria](https://wikipedia.org/wiki/Memory-hard_function), cosa pensata per rendere l'algoritmo resistente agli ASIC. Gli ASIC di Ethash sono infine stati sviluppati, ma il mining della GPU è stata un'opzione ancora valida fino alla disattivazione del proof-of-work. Ethash è ancora usato per minare altre valute su altre reti di proof-of-work non di Ethereum.
 
diff --git a/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index 5f85faba376..3686ae9c1a6 100644
--- a/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -4,9 +4,14 @@ description: Uno sguardo dettagliato agli algoritmi usati per il mining di Ether
 lang: it
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Il proof-of-work non è più alla base del meccanismo di consenso di Ethereum, a significare che il mining è stato disattivato. Invece, Ethereum, è protetto dai validatori che mettono ETH in staking. Puoi iniziare oggi a mettere i tuoi ETH in staking. Leggi di più su <a href='/roadmap/merge/'>La Fusione</a>, il <a href='/developers/docs/consensus-mechanisms/pos/'>proof-of-stake</a> e lo <a href='/staking/'>staking</a>. Questa pagina è per solo interesse storico.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Il mining di Ethereum usava un algoritmo noto come Ethash. L'idea fondamentale dell'algoritmo è che un miner prova a trovare l'input di un nonce usando il calcolo di forza bruta, così che l'hash risultante sia inferiore a una soglia determinata dalla difficoltà calcolata. Questo livello di difficoltà può esser regolato dinamicamente, consentendo alla produzione dei blocchi di verificarsi a un intervallo regolare.
 
diff --git a/public/content/translations/it/developers/tutorials/hello-world-smart-contract/index.md b/public/content/translations/it/developers/tutorials/hello-world-smart-contract/index.md
index a6f0e96099a..546662c584e 100644
--- a/public/content/translations/it/developers/tutorials/hello-world-smart-contract/index.md
+++ b/public/content/translations/it/developers/tutorials/hello-world-smart-contract/index.md
@@ -238,9 +238,13 @@ PRIVATE_KEY = "your-metamask-private-key"
 
 Per connetterli realmente al nostro codice, faremo riferimento a queste variabili nel nostro file `hardhat.config.js` nella fase 13.
 
-<InfoBanner isWarning>
+<Alert variant="warning">
+<AlertContent>
+<AlertDescription>
 Non eseguire il commit di <code>.env</code>! Assicurati di non condividere o esporre mai il tuo file <code>.env</code> con nessuno, poiché così facendo comprometteresti i tuoi segreti. Se stai usando il controllo di versione, aggiungi il tuo <code>.env</code> a un file <a href="https://git-scm.com/docs/gitignore">gitignore</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Fase 12: installa Ethers.js {#step-12-install-ethersjs}
 
diff --git a/public/content/translations/it/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md b/public/content/translations/it/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
index 22b34a6bbb0..93bb4b5e540 100644
--- a/public/content/translations/it/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
+++ b/public/content/translations/it/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
@@ -118,9 +118,13 @@ API_URL = "your-api-url"
 PRIVATE_KEY = "your-private-key"
 ```
 
-<InfoBanner isWarning>
+<Alert variant="warning">
+<AlertContent>
+<AlertDescription>
 Non eseguire il commit di <code>.env</code>! Sei pregato di assicurarti di non condividere o esporre mai il tuo file <code>.env</code> con nessuno, poiché così facendo comprometteresti i tuoi segreti. Se stai usando il controllo della versione, aggiungi il tuo <code>.env</code> a un file <a href="https://git-scm.com/docs/gitignore">gitignore</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### 7\. Crea il file `sendTx.js` {#create-sendtx-js}
 
diff --git a/public/content/translations/it/energy-consumption/index.md b/public/content/translations/it/energy-consumption/index.md
index e99c238253a..aaffd20de8b 100644
--- a/public/content/translations/it/energy-consumption/index.md
+++ b/public/content/translations/it/energy-consumption/index.md
@@ -61,9 +61,14 @@ Mentre il consumo energetico di Ethereum è molto ridotto, vi è anche una commu
 
 Piattaforme di finanziamento di beni pubblici web3 native come [Gitcoin](https://gitcoin.co) conducono raccolte fondi climatiche per promuovere uno sviluppo consapevole dell'ambiente sul livello di applicazione di Ethereum. Grazie allo sviluppo di queste iniziative (e di altre, ad esempio [DeSci](/desci/)), Ethereum sta diventando una tecnologia positiva in termini ambientali e sociali.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Se pensi che questa pagina possa essere resa più accurata, segnala un problema o una PR. Le statistiche riportate in questa pagina sono stime basate su dati pubblicamente disponibili e non rappresentano una dichiarazione o una promessa ufficiale del team di ethereum.org o della Fondazione Ethereum.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Letture consigliate {#further-reading}
 
diff --git a/public/content/translations/it/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/it/guides/how-to-create-an-ethereum-account/index.md
index 451b62eea01..072efd10b54 100644
--- a/public/content/translations/it/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/it/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ Alcune applicazioni chiederanno di salvare una "frase di recupero" segreta (a vo
 **Chiunque conosca la frase può assumere il controllo di tutti i fondi.** Non condividerla con nessuno. Questa frase dovrebbe contenere da 12 a 24 parole generate casualmente (l'ordine delle parole è importante).
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>Portafoglio installato?</b><br/>Impara come usarlo.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     Come utilizzare un portafoglio
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 </div>
 
 Ti interessano altre guide? Dai un'occhiata alle nostre: [Guide passo-passo](/guides/)
diff --git a/public/content/translations/it/guides/how-to-revoke-token-access/index.md b/public/content/translations/it/guides/how-to-revoke-token-access/index.md
index 01e773e89ec..89af2162558 100644
--- a/public/content/translations/it/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/it/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ Ti consigliamo di ricaricare lo strumento di revoca dopo qualche minuto e di ric
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Vuoi scoprire di più?</div>
   <ButtonLink href="/guides/">
     Visualizza le altre guide
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Domande frequenti
 
diff --git a/public/content/translations/it/guides/how-to-swap-tokens/index.md b/public/content/translations/it/guides/how-to-swap-tokens/index.md
index 15322a0bf47..80248d04cf4 100644
--- a/public/content/translations/it/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/it/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ Puoi visualizzare il progresso della transazione su qualsiasi esploratore della
 Riceverai automaticamente i token scambiati nel tuo portafoglio, una volta elaborata la transazione.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Vuoi scoprire di più?</div>
   <ButtonLink href="/guides/">
     Visualizza le altre guide
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Domande frequenti
 
diff --git a/public/content/translations/it/guides/how-to-use-a-bridge/index.md b/public/content/translations/it/guides/how-to-use-a-bridge/index.md
index ac36ae1068e..05a04390ceb 100644
--- a/public/content/translations/it/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/it/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ Questo procedimento non dovrebbe richiedere più di 10 minuti.
 Puoi utilizzare [chainlist.org](http://chainlist.org) per trovare i dettagli RPC della rete. Una volta che la rete è aggiunta e la transazione è terminata, dovresti visualizzare i token nel tuo portafoglio.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Vuoi scoprire di più?</div>
   <ButtonLink href="/guides/">
     Visualizza le altre guide
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Domande frequenti
 
diff --git a/public/content/translations/it/guides/how-to-use-a-wallet/index.md b/public/content/translations/it/guides/how-to-use-a-wallet/index.md
index 80c24a08783..e585e58843b 100644
--- a/public/content/translations/it/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/it/guides/how-to-use-a-wallet/index.md
@@ -63,12 +63,15 @@ Il tuo indirizzo sarà lo stesso in tutti i progetti di Ethereum. Non devi regis
 5. Conferma la richiesta di firma nel tuo portafoglio per stabilire la connessione. **Firmare questo messaggio non dovrebbe richiedere di spendere ETH**.
 6. È tutto! Inizia a usare l'app. Puoi trovare qualche progetto interessante sulla nostra [pagina delle dApp](/dapps/#explore). <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Vuoi scoprire di più?</div>
   <ButtonLink href="/guides/">
     Visualizza le altre guide
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Domande frequenti
 
diff --git a/public/content/translations/it/nft/index.md b/public/content/translations/it/nft/index.md
index 8c4c3571012..99777814a4c 100644
--- a/public/content/translations/it/nft/index.md
+++ b/public/content/translations/it/nft/index.md
@@ -55,12 +55,15 @@ Gli NFT vengono utilizzati per molti scopi, tra cui:
 
 Magari sei un artista che vuole condividere il proprio lavoro utilizzando gli NFT, senza perdere il controllo e sacrificare i tuoi profitti agli intermediari. Puoi creare un nuovo contratto e specificare il numero di NFT, le loro proprietà e un collegamento ad alcune opere d'arte specifiche. In qualità di artista, **puoi programmare nel contratto intelligente le royalty** che ti devono essere pagate (ad es. trasferire il 5% del prezzo di vendita al proprietario del contratto ogni volta che un NFT viene trasferito). Inoltre, puoi sempre dimostrare di aver creato gli NFT perché possiedi il [portafoglio](/glossary/#wallet) che ha distribuito il contratto. I tuoi acquirenti possono facilmente dimostrare di possedere un **NFT autentico** della tua collezione perché l'[indirizzo](/glossary/#address) del loro portafoglio è associato a un token nel tuo contratto intelligente. Possono utilizzarlo in tutto l'ecosistema Ethereum, certi della sua autenticità.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Esplora, acquista o crea opere d'arte/oggetti da collezione NFT...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Esplora l'arte NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Oppure, prendiamo ad esempio un biglietto per un evento sportivo. Proprio come **l'organizzatore di un evento può scegliere quanti biglietti vendere**, il creatore di un NFT può decidere quante repliche esistono. A volte queste sono repliche esatte, come 5000 biglietti di ingresso generici. A volte ne vengono coniati diversi molto simili, ma ognuno leggermente diverso, come nel caso dei biglietti con i posti assegnati. Questi possono essere acquistati e venduti tra pari senza pagare i gestori dei biglietti e l'acquirente ha sempre la certezza dell'autenticità del biglietto controllando l'indirizzo del contratto.
 
diff --git a/public/content/translations/it/roadmap/beacon-chain/index.md b/public/content/translations/it/roadmap/beacon-chain/index.md
index 6ba26cba695..2ca60ace77b 100644
--- a/public/content/translations/it/roadmap/beacon-chain/index.md
+++ b/public/content/translations/it/roadmap/beacon-chain/index.md
@@ -34,9 +34,14 @@ La transizione al proof of stake ha reso Ethereum significativamente più sicura
 
 E l'utilizzo del proof of stake come meccanismo di consenso è un componente fondamentale per [l'Ethereum sicuro, ecosostenibile e scalabile che conosciamo ora](/roadmap/vision/).
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Se sei interessato a diventare un validatore e contribuire a proteggere Ethereum, <a href="/staking/">scopri di più sullo staking</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Prepararsi allo sharding {#setting-up-for-sharding}
 
diff --git a/public/content/translations/it/roadmap/danksharding/index.md b/public/content/translations/it/roadmap/danksharding/index.md
index 9c600f0d1da..59099359eac 100644
--- a/public/content/translations/it/roadmap/danksharding/index.md
+++ b/public/content/translations/it/roadmap/danksharding/index.md
@@ -57,9 +57,9 @@ Se qualcuno conoscesse le posizioni casuali utilizzate per l'impegno, sarebbe fa
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
   Né il Danksharding né il Proto-Danksharding seguono il tradizionale modello di “frammentazione” (sharding) che mira a dividere la blockchain in più parti. Le catene di frammenti non fanno più parte della tabella di marcia. Invece, il Danksharding utilizza il campionamento dei dati distribuiti tra blob, per ridimensionare Ethereum. Ciò è molto più semplice da implementare. Questo modello, talvolta, è stato indicato come "frammentazione dei dati".
-</InfoBanner>
+</Alert>
 
 ## Cos'è il Danksharding? {#what-is-danksharding}
 
diff --git a/public/content/translations/it/roadmap/index.md b/public/content/translations/it/roadmap/index.md
deleted file mode 100644
index 5e88baafc85..00000000000
--- a/public/content/translations/it/roadmap/index.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: Roadmap di Ethereum
-description: Il percorso verso una maggiore scalabilità, sicurezza e sostenibilità per Ethereum.
-lang: it
-template: roadmap
-image: /images/heroes/roadmap-hub-hero.jpg
-alt: "Roadmap di Ethereum"
-summaryPoints:
-buttons:
-  - 
-    content: Ulteriori aggiornamenti
-    toId: what-changes-are-coming
-  - 
-    content: Aggiornamenti precedenti
-    href: /history/
-    variant: delineazione
----
-
-Ethereum è già una potente piattaforma per il coordinamento globale, ma è ancora in fase di miglioramento. Una serie ambiziosa di miglioramenti trasformerà Ethereum dalla sua forma attuale in una piattaforma completamente scalata e al massimo resiliente. Questi aggiornamenti sono previsti nella tabella di marcia di Ethereum.
-
-**Per conoscere gli aggiornamenti precedenti a Ethereum, vi preghiamo di visita la nostra pagina [Cronologia](/history/)**
-
-## Quali cambiamenti stanno arrivando su Ethereum? {#what-changes-are-coming}
-
-La tabella di marcia Ethereum delinea i miglioramenti specifici che saranno apportati al protocollo in futuro. Nel complesso, la tabella di marcia apporterà i seguenti vantaggi agli utenti di Ethereum:
-
-<CardGrid>
-  <RoadmapActionCard
-    href="/roadmap/scaling"
-    title="Transazioni più economiche"
-    image="scaling"
-    description="Rollups are too expensive and rely on centralized components, causing users to place too much trust in their operators. The roadmap includes fixes for both of these problems."
-    buttonText="More on reducing fees"
-  />
-  <RoadmapActionCard
-    href="/roadmap/security"
-    title="Sicurezza maggiore"
-    image="security"
-    description="Ethereum is already very secure but it can be made even stronger, ready to withstand all kinds of attack far into the future."
-    buttonText="More on security"
-  />
-  <RoadmapActionCard
-    href="/roadmap/user-experience"
-    title="Migliore esperienza utente"
-    image="userExperience"
-    description="More support for smart contract wallets and light-weight nodes will make using Ethereum simpler and safer."
-    buttonText="More on user experience"
-  />
-  <RoadmapActionCard
-    href="/roadmap/future-proofing"
-    title="Impermeabilizzazione contro eventuali sfide che porta il futuro"
-    image="futureProofing"
-    description="Ethereum researchers and developers are solving tomorrow's problems today, readying the network for future generations."
-    buttonText="More on future proofing"
-  />
-</CardGrid>
-
-## Perché Ethereum necessita di una tabella di marcia? {#why-does-ethereum-need-a-roadmap}
-
-Ethereum riceve aggiornamenti regolari che migliorano la sua scalabilità, sicurezza o sostenibilità. Uno dei punti di forza di Ethereum è l'adattamento man mano che nuove idee emergono dalla ricerca e sviluppo. L'adattabilità offre a Ethereum la flessibilità per affrontare le sfide emergenti e tenere il passo con le innovazioni tecnologiche più avanzate.
-
-<RoadmapImageContent title="Come viene definita la tabella di marcia">
-
-La tabella di marcia è principalmente il risultato di anni di lavoro da parte di ricercatori e sviluppatori - perché il protocollo è molto tecnico - ma qualsiasi persona motivata può partecipare. Solitamente, le idee nascono come discussioni su un forum come [ethresear.ch](https://ethresear.ch/), [Ethereum Magicians](https://ethereum-magicians.org/) o il server Discord Eth R&D. Potrebbe trattarsi di risposte a nuove vulnerabilità scoperte, suggerimenti dalle organizzazioni che lavorano nel livello d'applicazione (come le [dapp](/glossary/#dapp) e le piattaforme di scambio), o da frizioni note per gli utenti finali (come i costi o la velocità delle transazioni). Quando queste idee maturano, possono essere proposte come [Ethereum Improvement Proposals](https://eips.ethereum.org/). Tutto questo viene fatto in pubblico in modo che chiunque della comunità possa esprimere la propria opinione in qualsiasi momento.
-
-[Ulteriori informazioni sulla governance di Ethereum](/governance/)
-
-</RoadmapImageContent>
-
-<InfoBanner mb={8}>
-  <h4 style={{ marginTop: 0 }}>Cos'è stato l'ETH?</h4>
-
-  <p>Il termine 'Eth2' era utilizzato comunemente per descrivere il futuro di Ethereum prima del passaggio al <a href="/glossary/#pos">proof-of-stake</a>, ma è stato <strong>gradualmente eliminato in favore di una terminologia più precisa.</strong> Era originariamente utilizzato per differenziare la rete di Ethereum prima e dopo il passaggio al proof-of-stake, o talvolta per riferirsi a client di Ethereum differenti (i <a href="/glossary/#execution-client">client d'esecuzione</a> erano talvolta definiti come client ETH1 e i <a href="/glossary/#consensus-client">client di consenso</a> come client ETH2).</p>
-
-</InfoBanner>
-
-## La tabella di marcia di Ethereum cambierà nel tempo? {#will-ethereums-roadmap-change-over-time}
-
-**Sì, quasi sicuramente**. La tabella di marcia è l'attuale piano per l'aggiornamento di Ethereum, che copre sia i piani a breve termine che quelli futuri. Ci aspettiamo che la tabella di marcia cambi man mano che saranno disponibili nuove informazioni e tecnologie.
-
-Pensa alla tabella di marcia di Ethereum come a un insieme d'intenzioni per migliorare Ethereum; è la migliore ipotesi che i principali ricercatori e sviluppatori fanno sul percorso ottimale di Ethereum.
-
-## Quando terminerà la tabella di marcia? {#when-will-the-roadmap-be-finished}
-
-Alcuni aggiornamenti hanno una priorità minore e potrebbero non essere implementati per i prossimi 5-10 anni (es., la resistenza quantistica). **Fornire tempistiche precise per ogni aggiornamento è complicato**, poiché molte voci della tabella di marcia sono in lavorazione in parallelo, e sviluppate a velocità differenti. L'urgenza di un aggiornamento può anche cambiare nel tempo a seconda di fattori esterni (ad es. un salto avanti improvviso nelle prestazioni e nella disponibilità di computer quantistici può rendere più urgente la crittografia a resistenza quantistica).
-
-Un modo in cui pensare allo sviluppo di Ethereum è per analogia all'evoluzione biologica. Una rete in grado di adattarsi alle nuove sfide e di mantenere l'idoneità ha più probabilità di successo rispetto una che oppone resistenza al cambiamento, anche se man mano che la rete diventa sempre più performante, scalabile e sicura, richeiderà meno modifiche al protocollo.
-
-## Devo fare qualcosa quando c'è un aggiornamento? {#do-i-have-to-do-anything-when-there-is-an-upgrade}
-
-Gli aggiornamenti tendono a non influenzare gli utenti finali e forniscono migliori esperienze utente e un protocollo più sicuro e forze più modalità di <i>opzioni</i> interazione con Ethereum. **Agli utenti regolari non è richiesto di partecipare attivamente a un aggiornamento, né di fare nulla** per proteggere le proprie risorse. Gli operatori del [nodo](/glossary/#node) dovranno aggiornare i propri client per prepararsi a un aggiornamento. Alcuni aggiornamenti possono portare a modifiche per gli sviluppatori di applicazioni. Ad esempio, gli aggiornamenti della scadenza della cronologia possono indurre gli sviluppatori di applicazioni a prendere i dati storici da nuove fonti.
-
-## Che cosa sono l'Orlo, lo Spreco, ecc.? {#what-about-the-verge-splurge-etc}
-
-[Vitalik Buterin ha proposto una visione per la tabella di marcia di Ethereum](https://twitter.com/VitalikButerin/status/1741190491578810445) organizzata in diverse categorie legate dai loro effetti sull'architettura di Ethereum. Tale visione comprendeva:
-
-- **La Fusione**: aggiornamenti relativi al passaggio dal [proof-of-work](/glossary/#pow) al [proof-of-stake](/glossary/#pos)
-- **L'Ondata**: aggiornamenti relativi alla scalabilità tramite [rollup](/glossary/#rollups) e frammentazione dei dati
-- **Il Flagello**: aggiornamenti relativi alla resistenza alla censura, alla decentralizzazione e ai rischi del protocollo derivati dal [MEV](/glossary/#mev)
-- **L'Orlo**: aggiornamenti relativi alla più facile verifica dei [blocchi](/glossary/#block)
-- **L'Epurazione**: aggiornamenti relativi alla riduzione dei costi di calcolo di esecuzione dei nodi e alla semplificazione del protocollo
-- **Lo Spreco**: altri aggiornamenti che non si adattano bene alle categorie precedenti.
-
-Abbiamo deciso di non utilizzare questa terminologia perché volevamo utilizzare un modello più semplice e incentrato sull'utente. Sebbene utilizziamo un linguaggio incentrato sugli utenti, la visione resta la stessa proposta da Vitalik.
-
-## Cos'è la frammentazione? {#what-about-sharding}
-
-La frammentazione consiste nel suddividere la blockchain di Ethereum così che dei sottoinsiemi di [validatori](/glossary/#validator) siano responsabili soltanto per una frazione dei dati totali. Questo doveva essere il metodo originariamente inteso per il ridimensionamento di Ethereum. Tuttavia, i rollup di [livello 2](/glossary/#layer-2) si sono sviluppati molto più velocemente del previsto, fornendo già un considerevole ridimensionamento, e ne forniranno molto altro dopo l'implementazione del Proto-Danksharding. Ciò significa che le "catene di frammenti" non sono più necessarie e sono state rimosse dalla tabella di marcia.
-
-## Cerchi aggiornamenti tecnici specifici? {#looking-for-specific-technical-upgrades}
-
-- [Danksharding](/roadmap/danksharding) - Il Danksharding rende i rollup di livello 2 molto più economici, aggiungendo dei "blob" di dati ai blocchi di Ethereum.
-- [Prelievi di Staking](/staking/withdrawals): L'aggiornamento di Shanghai/Capella ha consentito i prelievi di staking su Ethereum, consentendo alle persone di sbloccare i propri ETH in staking.
-- [Finalità dello spazio singolo](/roadmap/single-slot-finality): Invece di attendere quindici minuti, i blocchi potrebbero essere proposti e finalizzati nello stesso spazio. Ciò è più comodo per le app e molto più difficile da attaccare.
-- [Separazione tra propositori e costruttori](/roadmap/pbs): Divisione delle mansioni di costruzione e proposta dei blocchi tra validatori separati, creando un metodo più giusto, resistente alla censura ed efficiente per Ethereum, per arrivare al consenso.
-- [Elezione segreta di un capo](/roadmap/secret-leader-election): Una crittografia intelligente è utilizzabile per assicurarsi che l'identità del propositore di blocchi corrente non sia resa pubblica, proteggendolo da certi tipi di attacchi.
-- [Astrazione del conto](/roadmap/account-abstraction): L'astrazione del conto è una classe di aggiornamenti che supportano nativamente i portafogli di contratti intelligenti su Ethereum, invece di dover utilizzare middleware complessi.
-- [Alberi di Verkle](/roadmap/verkle-trees): Gli alberi di Verkle sono strutture di dati utilizzabili per consentire i client privi di stato su Ethereum. Questi client "privi di stato" richiederanno una minuscola quantità di spazio di archiviazione, ma potranno comunque verificare i nuovi blocchi.
-- [Assenza di stato](/roadmap/statelessness): i client privi di stato potranno verificare i nuovi blocchi senza dover memorizzare grandi quantità di dati. Questo fornirà tutti i benefici dell'operazione di un nodo, con soltanto una minuscola frazione dei costi odierni.
diff --git a/public/content/translations/it/roadmap/merge/index.md b/public/content/translations/it/roadmap/merge/index.md
index 66700f86eb6..59dec93ab08 100644
--- a/public/content/translations/it/roadmap/merge/index.md
+++ b/public/content/translations/it/roadmap/merge/index.md
@@ -37,9 +37,13 @@ La Fusione ha rappresentato il passaggio ufficiale all'uso della Beacon Chain co
 
 Con La Fusione, la cronologia non è andata perduta. Quando la Rete principale si è fusa con la Beacon Chain, ha unito anche l'intera cronologia delle transazioni di Ethereum.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Questa transizione al Proof of stake ha cambiato il metodo di emissione dell'ether. Scopri di più sull'<a href="/roadmap/merge/issuance/">emissione di ether prima e dopo La Fusione</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Utenti e detentori {#users-holders}
 
diff --git a/public/content/translations/it/roadmap/merge/issuance/index.md b/public/content/translations/it/roadmap/merge/issuance/index.md
index 5c102d06e26..5f3087be489 100644
--- a/public/content/translations/it/roadmap/merge/issuance/index.md
+++ b/public/content/translations/it/roadmap/merge/issuance/index.md
@@ -54,11 +54,15 @@ Offerta totale di ETH: **circa 120.520.000 ETH** (al momento della Fusione a set
 - Il risultato è **circa 620.500** ETH emessi in un anno
 - Il risultato è un tasso d'inflazione **approssimativamente dello 0,52%** (620.5K l'anno / 119.3M totali)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 <strong>Tasso di emissione annualizzato totale (pre-Fusione): circa 4,61%</strong> (4,09% + 0,52%)<br/><br/>
 <strong>Circa l'88,7%</strong> dell'emissione andava ai miner sul livello d'esecuzione (4,09 / 4,61 * 100)<br/><br/>
 <strong>Circa l'11,3%</strong> era emesso agli staker sul livello del consenso (0,52 / 4,61 * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Post-Fusione (oggi) {#post-merge}
 
@@ -84,18 +88,26 @@ All'aumentare del numero di validatori che prelevano, il numero massimo di valid
 - Emissione del livello d'esecuzione: **0**
 - Emissione del livello di consenso: come sopra, tasso di emissione annualizzato **approssimativo dello 0,52%** (con 14 milioni di ETH in staking totali)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Tasso di emissione annualizzato totale: <strong>circa 0,52%</strong><br/><br/>
 Riduzione netta nell'emissione annuale di ETH: <strong>circa 88,7%</strong> ((4,61%-0,52%) / 4,61% * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## <Emoji text=":fire:" size="1" />La bruciatura {#the-burn}
 
 La forza opposta all'emissione di ETH è il tasso a cui gli ETH sono bruciati. Per l'esecuzione di una transazione su Ethereum, dev'essere pagata una commissione minima (nota come "commissione di base"), che fluttua continuamente (da blocco a blocco), a seconda dell'attività di rete. La commissione è pagata in ETH ed è _necessaria_ affinché la transazione sia considerata valida. Questa commissione viene _bruciata_ durante il procedimento della transazione, rimuovendola dalla circolazione.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 La bruciatura delle commissioni è divenuta attiva con l'<a href="/history/#london">aggiornamento di Londra</a> ad agosto 2021 e resta immutata da La Fusione.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Oltre alla bruciatura della commissione, implementata dall'aggiornamento di Londra, i validatori, inoltre, possono incorrere in sanzioni per essere online o, peggio, possono ricevere tagli per l'infrazione di regole specifiche che minacciano la sicurezza della rete. Queste, risultano in una riduzione degli ETH dal saldo di quel validatore, che non è ricompensato direttamente a nessun altro conto, bruciandoli/rimuovendoli effettivamente dalla circolazione.
 
diff --git a/public/content/translations/it/roadmap/scaling/index.md b/public/content/translations/it/roadmap/scaling/index.md
index 1378aeb4940..54d6c3f2ac9 100644
--- a/public/content/translations/it/roadmap/scaling/index.md
+++ b/public/content/translations/it/roadmap/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 Ethereum è ridimensionato utilizzando i [livelli 2](/layer-2/#rollups) (anche noti come rollup), che raggruppano le transazioni, inviando il risultato a Ethereum. Sebbene i rollup siano fino a otto volte meno costosi che sulla Rete Principale di Ethereum, è possibile ottimizzare ulteriormente i rollup per ridurre i costi per gli utenti finali. Inoltre, i rollup, si affidano ad alcuni componenti centralizzati che gli sviluppatori possono rimuovere, al maturare dei rollup.
 
-<InfoBanner mb={8} title="Costi di transazione">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  Costi di transazione
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>I rollup odierni sono all'incirca da <strong>5 a 20 volte</strong> più economici del Livello 1 di Ethereum</li>
     <li>I rollup ZK ridurranno presto le commissioni di <strong>circa da 40 a 100 volte</strong></li>
     <li>I cambiamenti in arrivo su Ethereum forniranno un ulteriore ridimensionamento di <strong>circa 100-1000 volte</strong></li>
     <li style={{ marginBottom: 0 }}>Gli utenti dovrebbero beneficiare dalle transazioni <strong>dal costo inferiore a $0,001</strong></li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Rendere più economici i dati {#making-data-cheaper}
 
diff --git a/public/content/translations/it/security/index.md b/public/content/translations/it/security/index.md
index 7b1b3864feb..3cd4e840ddc 100644
--- a/public/content/translations/it/security/index.md
+++ b/public/content/translations/it/security/index.md
@@ -124,11 +124,12 @@ Come regola generale, il personale non comunicherà mai con te attraverso canali
 - Non consentire a nessuno l'accesso remoto al tuo computer
 - Non comunicare mai al di fuori dai canali designati dall'organizzazione
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Attenzione: anche se le truffe di questo tipo avvengono comunemente su Discord, possono anche essere prevalenti su qualsiasi applicazione di chat dove si discute di criptovalute, comprese le e-mail.
   </div>
-</InfoBanner>
+</Alert>
 
 ### Truffa del token "Eth2" {#eth2-token-scam}
 
@@ -215,11 +216,12 @@ Una password forte rivelata in una violazione di dati non è più una password f
 
 ### Usa un gestore di password {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     L'utilizzo di un gestore di password consente di creare password forti e uniche e di ricordarle. <strong>Consigliamo vivamente</strong> di utilizzarne uno, molti di essi sono gratuiti.
   </div>
-</InfoBanner>
+</Alert>
 
 Ricordare password forti e univoche per ogni tuo conto, non è ideale. Un gestore di password offre un deposito sicuro e criptato per tutte le tue password a cui puoi accedere attraverso una password principale forte. Suggeriscono inoltre password forti quando ci si iscrive a un nuovo servizio, in modo da non doverne creare una propria. Molti gestori di password dicono anche se si è subita una violazione dei dati, permettendo di cambiare le password prima di qualsiasi attacco malevolo.
 
@@ -242,11 +244,12 @@ Talvolta, ti potrebbe essere richiesto di autenticare la tua identità tramite p
 
 L'utilizzo dell'**autenticazione a due fattori (A2F)** costituisce un ulteriore *fattore di sicurezza* per i tuoi conti online. La 2FA assicura che non basti semplicemente avere la tua password per accedere a un conto. Più comunemente, il secondo fattore è un codice casuale di 6 cifre, noto come **password monouso a tempo (TOTP)**, a cui si può accedere attraverso un'app di autenticazione come Google Authenticator o Authy. Esse funzionano come fattore "qualcosa che possiedi" perché il seme che genera il codice a tempo è memorizzato sul tuo dispositivo.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Nota: l'utilizzo dell'A2F basata su SMS è soggetta a <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM jacking</a> e non è sicura. Per la massima sicurezza, utilizza un servizio come <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> o <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Chiavi di sicurezza {#security-keys}
 
diff --git a/public/content/translations/it/staking/withdrawals/index.md b/public/content/translations/it/staking/withdrawals/index.md
index bc8c9a2fb28..f875b7946df 100644
--- a/public/content/translations/it/staking/withdrawals/index.md
+++ b/public/content/translations/it/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Prima dell'aggiornamento di Shanghai/Capella, non era possibile utilizzare i pro
 
 Fornire un indirizzo di prelievo è un passaggio necessario per qualsiasi conto del validatore affinché sia idoneo per il prelievo di ETH dal suo saldo.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Ogni account validatore è assegnabile esclusivamente a un singolo indirizzo di prelievo, una sola volta.</strong> Una volta che un indirizzo è scelto e inviato al livello del consenso, ciò non è annullabile o nuovamente modificabile. Ricontrolla la proprietà e l'accuratezza dell'indirizzo fornito prima di inviarlo.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <strong>Nel mentre, non esiste alcuna minaccia ai tuoi fondi</strong> per non averlo fornito, supponendo che la tua frase mnemonica/di seed sia rimasta al sicuro offline e non sia stata compromessa in alcun modo. La mancata aggiunta delle credenziali di prelievo lascerà semplicemente gli ETH bloccati nel conto del validatore finché non sarà fornito un indirizzo di prelievo.
 
@@ -82,11 +87,16 @@ Dai un'occhiata a questa spiegazione dei prelievi di staking di Ethereum, di Fin
 
 Quando è pianificato che un validatore proponga il prossimo blocco, è necessario costruire una coda di prelievo, composta da un massimo di 16 prelievi idonei. Ciò avviene iniziando originariamente dall'indice 0 del validatore, determinando se esista un prelievo idoneo per questo conto secondo le regole del protocollo e, in tal caso, aggiungendolo alla coda. Il validatore impostato per proporre il blocco successivo riprenderà da dove si è fermato il precedente, procedendo indefinitamente in ordine.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Pensa a un orologio analogico. La lancetta dell'orologio indica l'ora, si muove in una direzione, non salta alcuna ora e, infine, torna nuovamente all'inizio, dopo aver raggiunto l'ultimo numero.<br/><br/>
 Ora, invece che da 1 a 12, immagina che l'orologio vada da 0 a N <em>(il numero totale di account validatore registrati sul livello del consenso, oltre 500.000 a gennaio 2023).</em><br/><br/>
 La lancetta dell'orologio punta al validatore successivo, che dev'essere controllato per verificare la presenza di prelievi idonei. Inizia a 0 e procede controllando tutti i conti, senza saltarne nessuno. Quando viene raggiunto l'ultimo validatore, il ciclo continua ricominciando dall'inizio.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Verificare un conto per i prelievi {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/it/web3/index.md b/public/content/translations/it/web3/index.md
index 4ed3f8c9ebf..4c46166a5bf 100644
--- a/public/content/translations/it/web3/index.md
+++ b/public/content/translations/it/web3/index.md
@@ -61,12 +61,15 @@ Il Web3 ti dà la proprietà delle tue risorse digitali in un modo senza precede
 
 Il Web3 consente la proprietà diretta tramite i [token non fungibili (NFT)](/glossary/#nft). Nessuno, nemmeno i creatori del gioco, ha il potere di toglierti la proprietà. E, se smetti di giocare, puoi vendere o scambiare i tuoi oggetti di gioco sui mercati aperti e recuperarne il valore.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Maggiori informazioni sugli NFT</div>
   <ButtonLink href="/nft/">
     Maggiori informazioni sui NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Resistenza alla censura {#censorship-resistance}
 
@@ -86,12 +89,15 @@ Le DAO sono tecnicamente definite come [contratti intelligenti](/glossary/#smart
 
 Tuttavia, le persone definiscono molte community del Web3 come DAO. Queste community hanno tutte diversi livelli di decentralizzazione e automatizzazzione per codice. Correntemente, stiamo esplorando cosa sono le DAO e come potrebbero evolversi in futuro.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Impara di più sulle DAO</div>
   <ButtonLink href="/dao/">
     Di più sulle DAO
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Identità {#identity}
 
diff --git a/public/content/translations/ja/contributing/translation-program/how-to-translate/index.md b/public/content/translations/ja/contributing/translation-program/how-to-translate/index.md
index 032f4f1ab07..e808e6c7634 100644
--- a/public/content/translations/ja/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/ja/contributing/translation-program/how-to-translate/index.md
@@ -76,9 +76,12 @@ Crowdinへログインすると、プロジェクトの説明と翻訳可能な
 
 翻訳が完了(コンテンツバケットの全ファイルが100％と表示)したら、プロの翻訳サービスがコンテンツをレビューします。またレビューの際は、編集する場合もあります。 レビューが完了(レビューの進捗率が100％)したら、ウェブサイトに追加されます。
 
-<InfoBanner shouldCenter emoji=":warning:">
+<Alert variant="update">
+<Emoji text=":warning:" className="text-4xl"/>
+<AlertContent>
   機械翻訳を使った翻訳はご遠慮ください。 翻訳されたものはすべて、ウェブサイトに追加される前に審査されます。 提案された翻訳が機械翻訳であることが判明した場合、その翻訳は却下され、機械翻訳を頻繁に使う貢献者はプロジェクトから排除されます。
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### お問い合わせ {#get-in-touch}
 
diff --git a/public/content/translations/ja/defi/index.md b/public/content/translations/ja/defi/index.md
index 2f843c32aeb..cdc2ccd807f 100644
--- a/public/content/translations/ja/defi/index.md
+++ b/public/content/translations/ja/defi/index.md
@@ -63,12 +63,15 @@ summaryPoint3: オープンソース技術に基づき、誰でもプログラ
 
 これは一見奇妙なことのように聞こえます。「なぜ自分のお金をプログラムする必要があるのでしょうか?」 しかし、これはむしろイーサリアムのトークンのデフォルト機能に過ぎません。 誰でも支払いに論理をプログラムすることができます。 プログラミングにより、金融機関が提供するサービスに、ビットコインのコントロールとセキュリティを混在させることができます。 貸し借りや支払いのスケジューリング、インデックスファンドへの投資など、ビットコインではできないことを暗号通貨で行うことができます。
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>イーサリアムを初めて使う方にお勧めの分散型金融(DeFi)アプリケーション</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     分散型金融(DeFi)アプリを探す
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## 分散型金融(DeFi)でできること {#defi-use-cases}
 
diff --git a/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/index.md
index 8a39cef1292..289ded4f1d9 100644
--- a/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/index.md
@@ -6,9 +6,14 @@ lang: ja
 
 イーサリアムのネットワークは、**[プルーフ・オブ・ワーク(PoW)](/developers/docs/consensus-mechanisms/pow)**という合意メカニズムを使用して始まりました。 このメカニズムにより、イーサリアムネットワークのノードは、ブロックチェーンに記録されたすべての情報に関してネットワーク全体で合意を取り、特定の種類の経済的な攻撃を防ぎました。 しかしながら、イーサリアムは2022年にプルーフ・オブ・ワーク(PoW)を停止し、これに代わる[プルーフ・オブ・ステーク(PoS)](/developers/docs/consensus-mechanisms/pos)の使用を開始しました。
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
     現在、プルーフ・オブ・ワークは廃止されています。 イーサリアムの合意メカニズムにはプルーフ・オブ・ワークではなく、 現在はプルーフ・オブ・ステークが採用されています。 詳細については、<a href="/developers/docs/consensus-mechanisms/pos/">プルーフ・オブ・ステーク</a>と<a href="/staking/">ステーキング</a>を参照してください。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## 前提条件 {#prerequisites}
 
diff --git a/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/index.md
index 692969b10b4..948d3abab06 100644
--- a/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -4,9 +4,14 @@ description: マイニングがイーサリアムでどのように機能して
 lang: ja
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 プルーフ・オブ・ワークは、イーサリアムの合意メカニズムの基盤ではなくなり、すでにマイニングは廃止されています。 マイニングに代わって、イーサリアムはETHをステーキングするバリデータにより保護されています。 今日からETHのステーキングを始めることができます。 詳細については<a href='/roadmap/merge/'>マージ</a>、<a href='/developers/docs/consensus-mechanisms/pos/'>プルーフ・オブ・ステーク</a>および<a href='/staking/'>ステーキング</a>を参照してください。 このページについては、これまでのイーサリアムの歩みを学ぶための参考としてお読みください。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## 前提知識 {#prerequisites}
 
diff --git a/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index 853ed6c9fdc..c4ea082dcba 100644
--- a/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -4,9 +4,14 @@ description: Ethashアルゴリズムの詳細
 lang: ja
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
    Ethashは、イーサリアムのプルーフ・オブ・ワークのマイニングアルゴリズムでした。 プルーフ・オブ・ワークは、今『完全に廃止』されており、イーサリアムは現在<a href="/developers/docs/consensus-mechanisms/pos/">プルーフ・オブ・ステーク</a>により安全が確保されています。 詳細については、<a href="/roadmap/merge/">マージ</a>、<a href="/developers/docs/consensus-mechanisms/pos/">プルーフ・オブ・ステーク</a>および<a href="/staking/">ステーキング</a>を参照してください。 このページについては、これまでのイーサリアムの歩みを学ぶための参考としてお読みください。  
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 [Ethash](https://github.com/ethereum/wiki/wiki/Ethash)は、[ダガーハシモト](/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/dagger-hashimoto)アルゴリズムを部分的に修正したバージョンです。 Ethashプルーフ・オブ・ワークは、[メモリハード](https://wikipedia.org/wiki/Memory-hard_function)になっており、アルゴリズムでASIC耐性が高まると考えられました。 最終的には、Ethash ASICが開発されましたが、GPUマイニングは、プルーフ・オブ・ワークが停止されるまでが実行可能なオプションでした。 Ethashは現在でも、イーサリアム以外のプルール・オブ・ワーク・ネットワークで他のコインのマイニングに使われています。
 
diff --git a/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index 2109235a801..067788d8458 100644
--- a/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -4,9 +4,14 @@ description: イーサリアムのマイニングで使われたアルゴリズ
 lang: ja
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 プルーフ・オブ・ワークは、イーサリアムの合意メカニズムの基盤ではなくなり、すでにマイニングは廃止されています。 マイニングに代わって、イーサリアムはETHをステーキングするバリデータにより保護されています。 今日からETHのステーキングを始めることができます。 詳細については<a href='/roadmap/merge/'>マージ</a>、<a href='/developers/docs/consensus-mechanisms/pos/'>プルーフ・オブ・ステーク</a>および<a href='/staking/'>ステーキング</a>を参照してください。 このページについては、これまでのイーサリアムの歩みを学ぶための参考としてお読みください。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 イーサリアムのマイニングでは、Ethashと呼ばれるアルゴリズムを使っていました。 このアルゴリズムの基本的なアイデアは、マイナーがしらみつぶしに計算を行い、ノンス (nonce)の入力を探し、その結果のハッシュ値が、計算された難易度によって決められたしきい値より小さくなるように試みるというものです。 この難易度は動的に調整することが可能で、一定間隔でブロック生成を行うことができます。
 
diff --git a/public/content/translations/ja/developers/tutorials/hello-world-smart-contract/index.md b/public/content/translations/ja/developers/tutorials/hello-world-smart-contract/index.md
index 9ea7d2fbeec..d2cf62ceb06 100644
--- a/public/content/translations/ja/developers/tutorials/hello-world-smart-contract/index.md
+++ b/public/content/translations/ja/developers/tutorials/hello-world-smart-contract/index.md
@@ -238,9 +238,13 @@ PRIVATE_KEY = "your-metamask-private-key"
 
 これらの変数を実際にコードに接続するために、ステップ13でこれらの変数を`hardhat.config.js`ファイル内で参照します。
 
-<InfoBanner isWarning>
+<Alert variant="warning">
+<AlertContent>
+<AlertDescription>
 <code>.env</code>ファイルをコミットしないでください! <code>.env</code>ファイルを誰かと共有したり公開したりしないようにしてください。秘密が漏洩する可能性があります。 バージョン管理ツールを使用している場合は、<code>.env</code>を<a href="https://git-scm.com/docs/gitignore">gitignore</a>ファイルに追加します。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## ステップ12: Ethers.jsをインストールする {#step-12-install-ethersjs}
 
diff --git a/public/content/translations/ja/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md b/public/content/translations/ja/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
index f80ad15e626..f57edef9a45 100644
--- a/public/content/translations/ja/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
+++ b/public/content/translations/ja/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
@@ -118,9 +118,13 @@ API_URL = "your-api-url"
 PRIVATE_KEY = "your-private-key"
 ```
 
-<InfoBanner isWarning>
+<Alert variant="warning">
+<AlertContent>
+<AlertDescription>
 <code>.env</code>はコミットしないでください！ <code>.env</code>は決して他人と共有したり、公開したりしないように注意してください。共有することで、あなたのアカウント情報が漏洩する可能性があります。 バージョンを管理する場合は、<code>.env</code>を<a href="https://git-scm.com/docs/gitignore">gitignore</a>ファイルに追加してください。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### 7. `sendTx.js` ファイルを作成する {#create-sendtx-js}
 
diff --git a/public/content/translations/ja/energy-consumption/index.md b/public/content/translations/ja/energy-consumption/index.md
index 13aa023cd0e..ccca2c72e5a 100644
--- a/public/content/translations/ja/energy-consumption/index.md
+++ b/public/content/translations/ja/energy-consumption/index.md
@@ -61,9 +61,14 @@ CCRIによる推定では、マージによってイーサリアムの年間電
 
 [Gitcoin](https://gitcoin.co)のようなWeb3ネイティブの公共財資金調達プラットフォームは、イーサリアムのアプリケーションレイヤー上で環境に配慮した構築を促進するために気候ラウンドを実行します。 これらの開発(例:[DeSci](/desci/)など)を通じて、イーサリアムは環境的にも社会的にもネットポジティブな技術になりつつあります。
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   このページの精度の向上に貢献できるとお考えの方は、問題またはPRを提起してください。 このページの統計は、公開されているデータに基づく推定値であり、ethereum.orgチームやイーサリアム・ファウンデーションの公式声明や約束を示すものではありません。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## 参考文献 {#further-reading}
 
diff --git a/public/content/translations/ja/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/ja/guides/how-to-create-an-ethereum-account/index.md
index cd4a9d2dbbf..32f0767f530 100644
--- a/public/content/translations/ja/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/ja/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ lang: ja
 **このフレーズを知っている人は、全ての資金を管理することができます。**絶対に他人と共有しないでください。 このフレーズには、ランダムに生成された12~24個の単語を含めるべきです(単語の並び順も重要です)。
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>ウォレットをインストールしましたか？</b><br/>その使い方を学びましょう。</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     ウォレットの使用方法
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 </div>
 
 他のガイドに興味がありますか？ ぜひ、[ステップバイステップのガイド](/guides/)をご覧ください。
diff --git a/public/content/translations/ja/guides/how-to-revoke-token-access/index.md b/public/content/translations/ja/guides/how-to-revoke-token-access/index.md
index 2f8eb1a773d..48240220501 100644
--- a/public/content/translations/ja/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/ja/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ lang: ja
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>さらに詳しく知りたいですか？</div>
   <ButtonLink href="/guides/">
     他のガイドを参照する
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## よくある質問
 
diff --git a/public/content/translations/ja/guides/how-to-swap-tokens/index.md b/public/content/translations/ja/guides/how-to-swap-tokens/index.md
index e08947c9a6e..13512df9a4f 100644
--- a/public/content/translations/ja/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/ja/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ lang: ja
 一度トランザクションが成功すると、スワップしたトークンはウォレットに自動で受け取ることができます。
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>詳細をご希望の場合は、</div>
   <ButtonLink href="/guides/">
     他のガイドを参照する
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## よくある質問
 
diff --git a/public/content/translations/ja/guides/how-to-use-a-bridge/index.md b/public/content/translations/ja/guides/how-to-use-a-bridge/index.md
index 0680d1c71a5..ae134fd8cff 100644
--- a/public/content/translations/ja/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/ja/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ lang: ja
 [chainlist.org](http://chainlist.org)で、ネットワークのRPCの詳細について確認できます。 ネットワークの追加およびトランザクションの完了により、トークンがウォレットに表示されるはずです。
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>詳細をご希望の場合は、</div>
   <ButtonLink href="/guides/">
     他のガイドを参照する
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## よくある質問
 
diff --git a/public/content/translations/ja/guides/how-to-use-a-wallet/index.md b/public/content/translations/ja/guides/how-to-use-a-wallet/index.md
index 5a6fac20eab..eb7220ab16c 100644
--- a/public/content/translations/ja/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/ja/guides/how-to-use-a-wallet/index.md
@@ -62,12 +62,15 @@ lang: ja
 5. ウォレットで署名リクエストを確認し、接続を確立します。 **この署名を行う際、ETHの送金は必要ありません。**
 6. これで完了です！ アプリを使い始めましょう [dAppsページ](/dapps/#explore)にて、興味深いプロジェクトを見つけることができます。 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>詳細をご希望の場合は、</div>
   <ButtonLink href="/guides/">
     他のガイドを参照する
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## よくある質問
 
diff --git a/public/content/translations/ja/nft/index.md b/public/content/translations/ja/nft/index.md
index 9d4c671e75f..23fc4b8e149 100644
--- a/public/content/translations/ja/nft/index.md
+++ b/public/content/translations/ja/nft/index.md
@@ -54,12 +54,15 @@ NFTは以下のような多数の用途に使用されます。
 
 例えばあなたが、NFTを使用して、権利を失ったり、仲介業者に利益を支払ったりすることなく、自分の作品を共有したいと考えているアーティストだとします。 新しいコントラクトを作成し、NFTの数、その特性、特定のアートワークへのリンクを指定することができます。 さらに、**スマートコントラクトに、自分に支払われるべきロイヤリティをプログラムすることができます**（例えば、NFTが譲渡されるたびに、販売価格の5％をコントラクト所有者に譲渡する）。 また、コントラクトをデプロイした[ウォレット](/glossary/#wallet)を所有しているため、NFTを作成したことをいつでも証明することができます。 購入者のウォレット[アドレス](/glossary/#address)は、スマートコントラクト内のトークンと関連付けられているため、購入者はあなたのコレクションから**本物のNFT**を所有していることを簡単に証明することができます。 つまり、イーサリアムのエコシステム全体で、その信頼性を確信した上で使用できるということです。
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>非代替性トークン(NFT)アート/コレクティブルを探す、買う、作る</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     非代替性トークン(NFT)アートを探す
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 あるいは、スポーツイベントのチケットを例に考えてみましょう。 **イベントの主催者がチケットの販売枚数を決めるように**、NFTの作成者はレプリカの数を決めることができます。 時には、5,000枚の一般入場券のようなまったく同じレプリカも存在します。 例えば、座席指定のチケットのように、よく似ていてもそれぞれに微妙な違いがあるものが複数枚ミントされることもあります。 チケットの売買はピアツーピアで行われ、購入者はコントラクトアドレスを確認することで、常にチケットの正当性を確認することができます。
 
diff --git a/public/content/translations/ja/roadmap/beacon-chain/index.md b/public/content/translations/ja/roadmap/beacon-chain/index.md
index a16614eaf9b..a94a1e032cd 100644
--- a/public/content/translations/ja/roadmap/beacon-chain/index.md
+++ b/public/content/translations/ja/roadmap/beacon-chain/index.md
@@ -34,9 +34,14 @@ summaryPoint3: ビーコンチェーンは、コンセンサスロジックと
 
 また、コンセンサスメカニズムとしてプルーフ・オブ・ステークを使用することが、[安全で環境にやさしく、スケーラブルな現在のイーサリアム](/roadmap/vision/)を支える基盤となっています。
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   バリデータになり、イーサリアムの安全性の確保にご興味がある場合は、<a href="/staking/">ステーキングの詳細</a>をご覧ください。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### シャーディングの設定 {#setting-up-for-sharding}
 
diff --git a/public/content/translations/ja/roadmap/danksharding/index.md b/public/content/translations/ja/roadmap/danksharding/index.md
index c389d37adac..c9e63462264 100644
--- a/public/content/translations/ja/roadmap/danksharding/index.md
+++ b/public/content/translations/ja/roadmap/danksharding/index.md
@@ -57,9 +57,9 @@ EIP-4844 KZGセレモニーは公開されており、数万人の人々が参
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
   ダンクシャーディングもプロトダンクシャーディングも、ブロックチェーンを複数の部分に分割することを目的とした従来の「シャーディング」モデルには従っていません。 シェアードチェーンは、すでにロードマップから削除されています。 代わりに、ダンクシャーディングが採用されており、ブロブ横断する分散データサンプリングを使うことで、イーサリアムをスケーリングします。 この方法ははるかに実装が容易であり、 「データシャーディング」と呼ばれることもあります。
-</InfoBanner>
+</Alert>
 
 ## ダンクシャーディングとは {#what-is-danksharding}
 
diff --git a/public/content/translations/ja/roadmap/index.md b/public/content/translations/ja/roadmap/index.md
deleted file mode 100644
index 2cf3ff2a80f..00000000000
--- a/public/content/translations/ja/roadmap/index.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: イーサリアムロードマップ
-description: イーサリアムのスケーラビリティ、セキュリティ、サステナビリティを改善する工程
-lang: ja
-template: roadmap
-image: /images/heroes/roadmap-hub-hero.jpg
-alt: "イーサリアムロードマップ"
-summaryPoints:
-buttons:
-  - 
-    content: 今後のアップグレード
-    toId: 予定されている変更
-  - 
-    content: 過去のアップグレード
-    href: /history/
-    variant: 概要
----
-
-イーサリアムは、すでにグローバルで協調して稼働している強力なプラットフォームですが、さらなる改善が進められています。 大胆な改善案が提案されており、イーサリアムは現在の形から、フルスケールで最大の復元力を備えたプラットフォームへとアップグレードされる予定です。 これらの一連のアップグレードは、イーサリアムのロードマップに記載されています。
-
-**イーサリアムの過去のアップグレードについては、[履歴](/history/)のページをご覧ください。**
-
-## イーサリアムで予定されている変更点は何ですか？ {#what-changes-are-coming}
-
-将来のプロトコルの具体的な改善案については、イーサリアムのロードマップに概要が描かれています。 このロードマップは、イーサリアムのユーザーに次のメリットをもたらします。
-
-<CardGrid>
-  <RoadmapActionCard
-    href="/roadmap/scaling"
-    title="より安価なトランザクション"
-    image="scaling"
-    description="Rollups are too expensive and rely on centralized components, causing users to place too much trust in their operators. The roadmap includes fixes for both of these problems."
-    buttonText="More on reducing fees"
-  />
-  <RoadmapActionCard
-    href="/roadmap/security"
-    title="追加のセキュリティ"
-    image="security"
-    description="Ethereum is already very secure but it can be made even stronger, ready to withstand all kinds of attack far into the future."
-    buttonText="More on security"
-  />
-  <RoadmapActionCard
-    href="/roadmap/user-experience"
-    title="ユーザーエクスペリエンスの向上"
-    image="userExperience"
-    description="More support for smart contract wallets and light-weight nodes will make using Ethereum simpler and safer."
-    buttonText="More on user experience"
-  />
-  <RoadmapActionCard
-    href="/roadmap/future-proofing"
-    title="将来の証明技術"
-    image="futureProofing"
-    description="Ethereum researchers and developers are solving tomorrow's problems today, readying the network for future generations."
-    buttonText="More on future proofing"
-  />
-</CardGrid>
-
-## イーサリアムにロードマップが必要な理由は何ですか？ {#why-does-ethereum-need-a-roadmap}
-
-イーサリアムは定期的にアップグレードされており、その結果、スケーラビリティ、セキュリティ、サステナビリティが向上しています。 イーサリアムの中核的な強みの1つとして、研究開発から生まれた新しいアイデアに適応できることです。 この適応性によって、イーサリアムは新たな課題に取り組んでおり、最先端の技術的ブレークスルーにも対応できる柔軟性を備えています。
-
-<RoadmapImageContent title="ロードマップの決定方法">
-
-イーサリアムのロードマップは、研究者と開発者たちが長年かけて築き上げてきたものです。このプロトコルは非常に技術的な内容ではあるものの、やる気があれば誰でも参加することができます。 新しいアイデアは、通常、[ethresear.ch](https://ethresear.ch/)、[イーサリアム・マジシャンズ](https://ethereum-magicians.org) 、イーサリアム研究開発のDiscordサーバーなどのフォーラムで議論されます。 議論の内容は、新たに見つかった脆弱性への対応、アプリケーションレイヤーで活動する組織( [dApp](/glossary/#dapp)や取引所など)からの提案、エンドユーザーにとっての既知の摩擦(コストやトランザクション速度など)への対応だったりします。 新しいアイデアが成熟すると、[イーサリアム改善提案](https://eips.ethereum.org/)として提案できます。 このアイデアの創出は、誰でも参加できるオープンなプロセスです。コミュニティのメンバーであれば、いつでも議論に参加できます。
-
-[イーサリアムにおけるガバナンスの詳細](/governance/)
-
-</RoadmapImageContent>
-
-<InfoBanner mb={8}>
-  <h4 style={{ marginTop: 0 }}>ETH2とは何ですか？</h4>
-
-  <p>「Eth2」という用語は、<a href="/glossary/#pos">プルーフ・オブ・ステーク</a>へ移行する前、イーサリアムの今後を説明するために広く使用されていましたが、<strong>より正確な用語の方が好ましいということで段階的に廃止されました</strong>。元々は、プルーフ・オブ・ステークへの移行前のネットワークと移行後のネットワークを区別するために使われていました。また、異なるイーサリアムクライアントを指す場合もありました。具体的には、<a href="/glossary/#execution-client">実行クライアント</a>をETH1クライアント、<a href="/glossary/#consensus-client">コンセンサスクライアント</a>をETH2クライアントと呼んでいました。</p>
-
-</InfoBanner>
-
-## イーサリアムのロードマップは時間とともに変化しますか？ {#will-ethereums-roadmap-change-over-time}
-
-**はい、ほぼ間違いなく変化します。** ロードマップは、現在のイーサリアムをアップグレードするための計画です。短期的および将来にわたる長期的な計画の両方をカバーしています。 新しい情報技術が使えるようになると、ロードマップも変更される可能性があります。
-
-イーサリアムのロードマップは、イーサリアムを改善するための意思の集合と考えてください。これは、コア研究者や開発者が考える、イーサリアムにとって最適な進化の道筋に関する最良の仮説です。
-
-## ロードマップに終わりはありますか？ {#when-will-the-roadmap-be-finished}
-
-一部のアップグレードについては、優先順位が低く、5～10年間は実装されない可能性があります(例: 量子耐性)。 イーサリアムは、多数のロードマップアイテムを同時に進めており、それぞれ異なる速度で開発されています。そのため、**各アップグレードの正確なタイミングを予測するのは難しくなっています**。 アップグレードの緊急性は、時間の経過とともに外部要因によって変化する可能性があります。例えば、量子コンピューターの性能と普及が急速に進むにつれて、耐量子暗号の緊急性がますます高まっていくかもしれません。
-
-イーサリアムの発展を考えるには、生物学的進化を参考にするのも1つの方法です。 新しい課題に適応し、適応度を維持できるネットワークは、より成功する可能性が高くなります。そのため、ネットワークのパフォーマンスが上がるにつれて、スケーラブルで安全なプロトコルが必要になります。またプロトコルの変更を最小限に抑え、変化に対して耐性を持つことも重要です。
-
-## アップグレードをするには、何が必要ですか？ {#do-i-have-to-do-anything-when-there-is-an-upgrade}
-
-アップグレードは、基本的にエンドユーザーに影響しません。しかし、より良いユーザーエクスペリエンス、より安全なプロトコル、イーサリアムとのやり取りにおいてより多くの<i>選択肢</i>などを提供することについては、影響が考えられます。 **通常のユーザーは、アップグレードについて何もする必要はありません**。資産を保護するためにも、特別なことをする必要はありません。 ただし、[ノード](/glossary/#node)オペレーターは、アップグレードの準備のためにクライアントを更新する必要があります。 一部のアップグレードは、アプリケーションデベロッパーにとって変更となる可能性があります。 例えば、履歴の有効期限におけるアップグレードでは、アプリケーションデベロッパーは、新しい情報源から履歴データを取得することになります。
-
-## バージやスプラージなどは何を指していますか？ {#what-about-the-verge-splurge-etc}
-
-[ヴィタリック・ブテリンは、イーサリアムのロードマップの構想を提案しました](https://twitter.com/VitalikButerin/status/1741190491578810445)が、その内容は、イーサリアムのアーキテクチャへの影響別に、いくつかのカテゴリに分類されていました。 提案内容は、以下のとおりです。
-
-- **マージ**: [プルーフ・オブ・ワーク](/glossary/#pow)から[プルーフ・オブ・ステーク](/glossary/#pos)への移行に関連するアップグレード
-- **サージ**: [ロールアップ](/glossary/#rollups)とデータシャーディングによるスケーラビリティ向上に関連するアップグレード
-- **スカージ**: [MEV](/glossary/#mev)がもたらす検閲耐性、分散化、プロトコルのリスクに関連するアップグレード
-- **バージ**: [ブロック](/glossary/#block)の検証をより簡単にするアップグレード
-- **パージ**: ノード実行における計算コストの削減とプロトコルの簡素化に関連するアップグレード
-- **スプラージ**: これまでのカテゴリに分類できないその他のアップグレード
-
-よりシンプルでよりユーザーに寄り添ったモデルを目指すため、この用語は使用しないことにしました。 ヴィタリックが提案した構想はそのままですが、用語をよりユーザーにわかりやすいものに変更します。
-
-## シャーディングとは何ですか？ {#what-about-sharding}
-
-シャーディングは、イーサリアムのブロックチェーンを分割する技術です。[バリデータ](/glossary/#validator)のサブセットは、それぞれのチェーンでデータを検証する役割を担います。 これは、もともとイーサリアムをスケーリングする方法として開発されました。 しかし、[レイヤー2](/glossary/#layer-2)ロールアップの開発が予想以上に進み、すでにさまざまなスケーリング機能を提供できるようになりました。また、プロトダンクシャーディングの実装後には、さらに多くの機能を提供する予定となっているため、 「シャードチェーン」は不要になり、ロードマップから削除されました。
-
-## 特定の技術アップグレードについての情報 {#looking-for-specific-technical-upgrades}
-
-- [ダンクシャーディング](/roadmap/danksharding) - ダンクシャーディングは、イーサリアムのブロックに「ブロブ」と呼ばれるデータを追加することで、ユーザーのレイヤー2ロールアップ使用料を大幅に削減します。
-- [ステーキングの引き出し](/staking/withdrawals) - 上海/カペラのアップグレードにより、イーサリアム上のステーキングしたETHを引き出せるようになりました。また、ステーキングしたETHのロックを解除できるようになりました。
-- [シングルスロット・ファイナリティ](/roadmap/single-slot-finality) - 15分待たずに、同一のスロット内でブロックが提案され、ファイナライズが可能になります。 これにより、アプリにとっては利便性が向上し、攻撃がはるかに困難になります。
-- [プロポーザー/ビルダーセパレーション](/roadmap/pbs) - ブロックを構築するタスクとブロックを提案するタスクを別々のバリデータに分割することで、イーサリアムにおけるコンセンサス合意プロセスを、より効率的で公平にし、検閲耐性のあるものにします。
-- [シークレットリーダー選出](/roadmap/secret-leader-election) - 高度な暗号化を使い、現在のブロック提案者のアイデンティティが公開されないようにします。これにより、特定の攻撃タイプから保護できます。
-- [アカウント抽象化](/roadmap/account-abstraction) - アカウント抽象化はイーサリアムのアップグレードの一種です。複雑なミドルウェアを使用することなく、イーサリアム上でスマートコントラクトウォレットをネイティブにサポートします。
-- [バークルツリー](/roadmap/verkle-trees) - バークルツリーは、イーサリアム上でステートレスクライアントを可能にするために使用されるデータ構造です。 「ステートレス」クライアントは、ストレージ容量をあまり必要とせず、新しいブロックの検証が可能です。
-- [ステートレス](/roadmap/statelessness) - ステートレスクライアントは、大量のデータを保存しなくても新しいブロックを検証できます。 これにより、現在必要とされているコストが大幅に下がりますが、ノードを実行するメリットはそのまま得られます。
diff --git a/public/content/translations/ja/roadmap/merge/index.md b/public/content/translations/ja/roadmap/merge/index.md
index efa8ed27240..47df449c4d6 100644
--- a/public/content/translations/ja/roadmap/merge/index.md
+++ b/public/content/translations/ja/roadmap/merge/index.md
@@ -37,9 +37,13 @@ summaryPoint4: マージによりイーサリアムのエネルギー消費が99
 
 マージにより、履歴は失われていません。 メインネットがビーコンチェーンにマージされ、イーサリアムのすべてのトランザクション履歴もマージされました。
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 このプルーフ・オブ・ステークへの移行により、イーサ(ETH)の発行方法も変わりました。 マージ前後におけるイーサ(ETH)発行の詳細については、<a href="/roadmap/merge/issuance/">こちら</a>をご覧ください。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### ユーザーと所有者 {#users-holders}
 
diff --git a/public/content/translations/ja/roadmap/merge/issuance/index.md b/public/content/translations/ja/roadmap/merge/issuance/index.md
index fb07218b074..64d671450ce 100644
--- a/public/content/translations/ja/roadmap/merge/issuance/index.md
+++ b/public/content/translations/ja/roadmap/merge/issuance/index.md
@@ -54,11 +54,15 @@ title="ETHの発行についての概要">
 - 年間で**約620,500**ETHが発行される計算になります。
 - 結果、**約0.52%**のインフレ率(年間62万500/合計1憶1930万)。
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 <strong>合計年発行率(マージ前): 約4.61%</strong> (4.09% + 0.52%)<br/><br/>
 発行額の<strong>約 88.7%</strong>が実行レイヤー (4.09 / 4.61 * 100) のマイナーへ帰属しました。<br/><br/>
 <strong>約11.3%</strong>がコンセンサスレイヤーのステーカーへ発行されました (0.52 / 4.61 * 100) 。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## マージ以降(現在)  {#post-merge}
 
@@ -84,18 +88,26 @@ title="ETHの発行についての概要">
 - 実行レイヤーでの発行: **0**(なし)
 - コンセンサスレイヤーでの発行: 上記(マージ以前)と同じで、年間発行率**約0.52%**(合計1,400万ETH がステーキングされている場合)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 合計年間発行率: <strong>約0.52%</strong><br/><br/>
 年間ETH発行の純削減率: <strong>約88.7%</strong> ((4.61% - 0.52%) / 4.61% * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## <Emoji text=":fire:" size="1" />バーン(焼却)  {#the-burn}
 
 ETHの発行とは逆に、イーサリアムではETHがバーンされるレートがあります。 イーサリアムでトランザクションを実行するには、最低手数料(「ベースフィー」)を支払う必要があります。ベースフィーは、ネットワークの混雑状況によって(ブロックごとに)常に変動し、 ETHで支払われます。ベースフィーは、トランザクションが有効に成立するために_必要_となり、 トランザクション処理中に_バーン_され、流通から消滅します。
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 フィーのバーンは、2021年8月の<a href="/history/#london">ロンドンアップグレード</a>から始まり、マージ以降も継続されます。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ロンドンのアップグレードで実装されたフィーのバーンに加えて、バリデータがオフラインになるとペナルティを課されます。さらに深刻なことに、ネットワークのセキュリティを脅かす特定のルールに違反した場合にはスラッシュされることがあります。 これらのペナルティにより、バリデータの残高からETHが減少し、他のどのアカウントにも直接報酬として支払われず、事実上は流通から消滅することになります。
 
diff --git a/public/content/translations/ja/roadmap/scaling/index.md b/public/content/translations/ja/roadmap/scaling/index.md
index 8d4eaf88e23..c9767373bdc 100644
--- a/public/content/translations/ja/roadmap/scaling/index.md
+++ b/public/content/translations/ja/roadmap/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 イーサリアムは、[レイヤー2](/layer-2/#rollups)(ロールアップとも呼ばれます)と呼ばれるスケーリング技術で、トランザクションをまとめて処理し、出力をイーサリアムに送信します。 ロールアップでは、イーサリアムメインネットよりも最大8倍安価に取引を行うことができますが、ロールアップのさらなる最適化によって、さらにコストを削減できる可能性があります。 ただし、ロールアップには一部の集中化されたコンポーネントも含まれており、これはロールアップが成熟するにつれてデベロッパーによって取り除かれる予定です。
 
-<InfoBanner mb={8} title="トランザクションコスト">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  トランザクションコスト
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>今日のロールアップはイーサリアムレイヤー1よりも<strong>約5～20倍</strong>安価</li>
     <li>ゼロ知識ロールアップはまもなく、<strong>約40～100倍</strong>安くなる予定</li>
     <li>イーサリアムの今後の仕様変更により、さらに<strong>約100～1000倍</strong>のスケーリングが実現</li>
     <li style={{ marginBottom: 0 }}>ユーザーは、トランザクションのコストが<strong>0.001ドル未満</strong>というメリットを享受</li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## データ費用の削減 {#making-data-cheaper}
 
diff --git a/public/content/translations/ja/security/index.md b/public/content/translations/ja/security/index.md
index cc9a259a842..046937867a1 100644
--- a/public/content/translations/ja/security/index.md
+++ b/public/content/translations/ja/security/index.md
@@ -122,11 +122,12 @@ Twitter (Xとも知られています) のリンクプレビュー機能 (アン
 - あなたのコンピュータへのリモートアクセスを許可しない
 - 組織の指定されたチャネル外では連絡しない
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     注: サポート詐欺はよくディスコードで起きていますが、暗号通貨に関する議論が行われているチャットアプリケーションや電子メールなどでも起きる可能性があります。
   </div>
-</InfoBanner>
+</Alert>
 
 ### 「ETH2」トークン詐欺 {#eth2-token-scam}
 
@@ -213,11 +214,12 @@ _注: ステークされたETHを表す、Rocket PoolのrETH、LidoのstETH、Co
 
 ### パスワードマネージャーの使用 {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     パスワードマネージャーを利用すると、強力で一意のパスワードを作成し、それらを覚えておくことができます! パスワードマネージャーの利用を<strong>強く推奨します</strong>(多くは無料で利用可能)。
   </div>
-</InfoBanner>
+</Alert>
 
 すべてのアカウントで固有の強力なパスワードを覚えておくことは理想的とはいえません。 パスワードマネージャーは、すべてのパスワードを安全に暗号化して保存し、強力なマスターパスワードを利用してそれらにアクセスすることができます。 また、新しいサービスに登録する際、強力なパスワードを提案するため、自分自身でパスワードを作成する必要がなくなります。 また、情報漏洩が起こった場合は、多くのパスワードマネージャーには通知機能があるため、悪意のある攻撃の前にパスワードを変更することができます。
 
@@ -240,11 +242,12 @@ _注: ステークされたETHを表す、Rocket PoolのrETH、LidoのstETH、Co
 
 **二要素認証(2FA)**を使用することで、追加の*セキュリティ要素*をあなたのオンラインアカウントに提供できます。 2FAにより、パスワードだけではアカウントへアクセスできないことが保証されます。 最も一般的には、二つ目の要素は**時間ベースのワンタイムパスワード (TOTP)**として知られる、ランダム化された6桁のコードを使用します。このコードはGoogle AuthenticatorやAuthyなどの認証アプリからアクセスします。 時間制限のあるコードを生成するシードがあなたのデバイスに保存されているため、この要素は「所有しているもの」です。
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     注意: SMSベースの二要素認証は、<a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud"> SIMジャッキング</a> のリスクがあり、安全ではありません。 最高のセキュリティを確保するために、<a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> や<a href="https://authy.com/">Authy</a>のようなサービスを使用することをお勧めします。
   </div>
-</InfoBanner>
+</Alert>
 
 #### セキュリティキー {#security-keys}
 
diff --git a/public/content/translations/ja/staking/withdrawals/index.md b/public/content/translations/ja/staking/withdrawals/index.md
index 19d4674700e..ee14d6803af 100644
--- a/public/content/translations/ja/staking/withdrawals/index.md
+++ b/public/content/translations/ja/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ summaryPoints:
 
 引き出しアドレスの設定は、残高からETHを引き出させるようするために全てのバリデータアカウントに必要なステップです。
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>各バリデータアカウントには一度に一つの引き出しアドレスしか割り当てることはできません。</strong>一度アドレスが選択され、コンセンサスレイヤーに提出されると、取り消しや再変更はできません。 提出前に、指定したアドレスの所有権があることと正しいかを再確認してください。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ニーモニック/シードフレーズが安全なオフラインのままであり、いかなる方法でも侵害されていないと仮定すると、引き出しアドレスを指定しない間も<strong>資金に対する脅威はありません</strong>。 引き出し認証情報の追加に失敗すると、ETHは引き出しアドレスが指定されるまでの間、単にバリデーターアカウントにロックされたままになります。
 
@@ -82,11 +87,16 @@ Finematicsによるイーサリアムステーキングの引き出しについ
 
 バリデーターが次のブロックを提案する予定である場合、最大16件の適格な引き出しからなる引き出しキューを構築する必要があります。 これは、最初はバリデーターインデックス 0 から始まり、 プロトコルの規則に従ってこのアカウントが引き出し対象かどうかを判断し、対象である場合はキューに追加することで行われます。 次のブロックを提案するように設定されたバリデーターは、最後のブロックが中断したところから再開し、無限に順番に進めます。
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 アナログ時計について考えてみてください。 時計の針は時刻を指し、一方向に進み、どの時刻も跳ばすことはなく、最終的には最後の数字に達し、一周して再び先頭に戻ります。<br/><br/>
 では、1から12ではなく0からN<em>(コンセンサスレイヤーに登録されたことのあるバリデータアカウントの総数は、2023年1月時点で500,000を超えています)</em><br/><br/>まである時計を考えて下さい。
 時計の針は引き出し対象の確認を受ける必要がある次のバリデータを指し示します。 それは0から始まり、どのアカウントもスキップすることなく最後まで進みます。 最後のバリデーターに達すると、最初に戻ってサイクルは続きます。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### 引き出しのためのアカウントの確認 {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/ja/web3/index.md b/public/content/translations/ja/web3/index.md
index 6553629e16e..7b3e34e6e5a 100644
--- a/public/content/translations/ja/web3/index.md
+++ b/public/content/translations/ja/web3/index.md
@@ -61,12 +61,15 @@ Web3は、前例のない方法でデジタル資産の所有権を提供しま
 
 Web3では、 [ 非代替性トークン(NFT)](/glossary/#nft) を通じて直接所有することができます。 所有権は、誰からも、ゲームのクリエイターからも奪い取られることはありません。 また、ゲームをするのをやめても、ゲーム内のアイテムをオープンマーケットで売却・取引することで、その価値を回収することができます。
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>非代替性トークン(NFT)について学ぶ</div>
   <ButtonLink href="/nft/">
     非代替性トークン(NFT)の詳細
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### 検閲耐性 {#censorship-resistance}
 
@@ -86,12 +89,15 @@ Web3では、自分のデータを所有するだけでなく、企業の株式
 
 しかし、多くのWeb3コミュニティが分散型自律組織(DAO)として定義されています。 これらのコミュニティはすべて、コードによる分散化と自動化のレベルが異なります。 現在、分散型自律組織(DAO)とは何か、今後どのような進化を遂げるかを模索が行われているところです。
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>分散型自律組織(DAO)についてもっと知る</div>
   <ButtonLink href="/dao/">
     分散型自律組織(DAO)の詳細
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### アイデンティティ {#identity}
 
diff --git a/public/content/translations/kn/defi/index.md b/public/content/translations/kn/defi/index.md
index 34cb39b70e1..6e1d5c37b44 100644
--- a/public/content/translations/kn/defi/index.md
+++ b/public/content/translations/kn/defi/index.md
@@ -63,12 +63,15 @@ DeFi ನ ಸಾಮರ್ಥ್ಯವನ್ನು ನೋಡುವ ಅತ್ಯು
 
 ಇದು ವಿಚಿತ್ರವಾಗಿ ತೋರುತ್ತದೆ... "ನಾನು ನನ್ನ ಹಣವನ್ನು ಏಕೆ ಪ್ರೋಗ್ರಾಂ ಮಾಡಲು ಬಯಸುತ್ತೇನೆ"? ಆದಾಗ್ಯೂ, ಇದು ಇಥಿರಿಯಮ್‍ನಲ್ಲಿ ಟೋಕನ್‍ಗಳ ಡೀಫಾಲ್ಟ್ ವೈಶಿಷ್ಟ್ಯವಾಗಿದೆ. ಪಾವತಿಗಳಲ್ಲಿ ಯಾರು ಬೇಕಾದರೂ ತರ್ಕವನ್ನು ಪ್ರೋಗ್ರಾಂ ಮಾಡಬಹುದು. ಆದ್ದರಿಂದ ನೀವು ಹಣಕಾಸು ಸಂಸ್ಥೆಗಳು ಒದಗಿಸುವ ಸೇವೆಗಳೊಂದಿಗೆ ಬೆರೆತ ಬಿಟ್‍ಕಾಯಿನ್ ನ ನಿಯಂತ್ರಣ ಮತ್ತು ಭದ್ರತೆಯನ್ನು ಪಡೆಯಬಹುದು. ಸಾಲ ನೀಡುವುದು ಮತ್ತು ಸಾಲ ಪಡೆಯುವುದು, ಪಾವತಿಗಳನ್ನು ನಿಗದಿಪಡಿಸುವುದು, ಸೂಚ್ಯಂಕ ನಿಧಿಗಳಲ್ಲಿ ಹೂಡಿಕೆ ಮಾಡುವುದು ಮತ್ತು ಹೆಚ್ಚಿನವುಗಳಂತಹ ಬಿಟ್‍ಕಾಯಿನ್ ನೊಂದಿಗೆ ನೀವು ಮಾಡಲು ಸಾಧ್ಯವಾಗದ ಕ್ರಿಪ್ಟೋಕರೆನ್ಸಿಗಳೊಂದಿಗೆ ಕೆಲಸಗಳನ್ನು ಮಾಡಲು ಇದು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>ನೀವು ಇಥಿರಿಯಮ್‍ಗೆ ಹೊಸಬರಾಗಿದ್ದೀರಾ ಎಂದು ಪ್ರಯತ್ನಿಸಲು DeFi ಅಪ್ಲಿಕೇಶನ್‍ಗಳಿಗಾಗಿ ನಮ್ಮ ಸಲಹೆಗಳನ್ನು ಅನ್ವೇಷಿಸಿ.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     DeFi ಅಪ್ಲಿಕೇಶನ್‍ಗಳನ್ನು ಅನ್ವೇಷಿಸಿ
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## DeFi ನೊಂದಿಗೆ ನೀವು ಏನು ಮಾಡಬಹುದು? {#defi-use-cases}
 
diff --git a/public/content/translations/ko/defi/index.md b/public/content/translations/ko/defi/index.md
index dd80b320d21..b1733752881 100644
--- a/public/content/translations/ko/defi/index.md
+++ b/public/content/translations/ko/defi/index.md
@@ -63,12 +63,15 @@ summaryPoint3: 누구나 프로그래밍할 수 있는 오픈 소스 기술을 
 
 이건 이상하게 들립니다. "왜 제가 돈을 프로그래밍하고 싶겠어요?" 그러나 이것은 이더리움 토큰의 기본 기능일 뿐입니다. 누구나 로직을 지불금으로 프로그래밍할 수 있습니다. 그래서 당신은 금융기관이 제공하는 서비스와 함께 비트코인의 통제권과 보안을 얻을 수 있습니다. 이것을 통해 비트코인으로 할 수 없는 대부와 대출, 결제 일정 수립, 인덱스 펀드에 투자하기 등과 같은 것들을 암호화폐로 할 수 있습니다.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>이더리움이 처음이시면 디파이 애플리케이션에 대한 제안을 살펴보세요.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     디파이 앱 둘러보기
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## 디파이로 무엇을 할 수 있나요? {#defi-use-cases}
 
diff --git a/public/content/translations/ko/energy-consumption/index.md b/public/content/translations/ko/energy-consumption/index.md
index cc965f1305b..d2c57eb10e0 100644
--- a/public/content/translations/ko/energy-consumption/index.md
+++ b/public/content/translations/ko/energy-consumption/index.md
@@ -48,9 +48,14 @@ lang: ko
 
 [이더리움이 지분 증명을 구현하는 방법](/developers/docs/consensus-mechanisms/pos)과 작업 증명과 지분 증명의 차이점에 대해서 자세히 알아보세요.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   이러한 통계가 잘못되었거나 더 정확하게 만들 수 있다고 생각하는 경우 문제 제기 또는 풀 리퀘스트(Pull Request)를 하십시오. 이 추정치는 공개적으로 액세스할 수 있는 정보와 현재 이더리움 로드맵을 사용하여 나온 것입니다. 이 발언들은 이더리움 재단의 공식적 약속으로 한 것이 아닙니다. 
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## 더 읽을 거리 {#further-reading}
 
diff --git a/public/content/translations/ko/security/index.md b/public/content/translations/ko/security/index.md
index 3c8460f38ab..cb67d2aaaa4 100644
--- a/public/content/translations/ko/security/index.md
+++ b/public/content/translations/ko/security/index.md
@@ -41,11 +41,12 @@ lang: ko
 
 ### 비밀번호 관리 프로그램 사용하기 {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     비밀번호 관리 프로그램은 자동으로 강력하고 고유한 비밀번호를 생성하고 저장합니다. 해당하는 프로그램을 사용할 것을 <strong>강력하게</strong> 권하며, 대부분은 무료입니다!
   </div>
-</InfoBanner>
+</Alert>
 
 모든 계정마다 강력하고 유일한 비밀번호를 만들고 기억하는 것은 거의 불가능합니다. 비밀번호 관리 프로그램은 모든 비밀번호에 대해 하나의 강력한 마스터 비밀번호를 통해 액세스할 수 있는 안전하고 암호화된 저장소를 제공합니다. 해당 프로그램은 새로운 서비스에 가입할 때 강력한 비밀번호를 제안하므로, 직접 고민하여 만들지 않아도 됩니다. 다수의 비밀번호 관리 프로그램은 비밀번호가 유출되었을 경우에 알림을 보내며, 악의적인 공격이 발생하기 전에 비밀번호를 변경할 수 있게 합니다.
 
@@ -68,11 +69,12 @@ lang: ko
 
 **2개 요소 인증(2FA)** 또는 2단계 인증이란 온라인 계정에 추가 *보안 요소*를 제공함으로써 로그인 시 비밀번호를 아는 것(지식 기반) 이외에도 1가지를 더 증명하도록 한 것을 일컫습니다. 가장 흔한 두 번째 요소는 6자리의 무작위 숫자 코드인 **시간 기반 일회성 비밀번호(TOTP)**를 사용하는 것으로, Google Authenticator 또는 Authy과 같은 인증 앱을 통해 액세스할 수 있습니다. 시간 기반 코드를 생성하는 시드는 스마트폰에 저장되기 때문에 "소유 기반" 요소로 작동합니다.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     참고: 문자(SMS) 기반 2FA는 <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM 탈취</a> 공격에 노출되므로 보안에 취약합니다. 가장 안전한 방법은 <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> 또는 <a href="https://authy.com/">Authy</a>와 같은 서비스를 사용하는 것입니다.
   </div>
-</InfoBanner>
+</Alert>
 
 #### 보안 키 {#security-keys}
 
@@ -196,11 +198,12 @@ Chrome 확장 프로그램 또는 Firefox 애드온과 같은 브라우저 확
 - 절대로 타인을 당신의 컴퓨터에 원격 접속시키지 마세요.
 - 절대로 기관의 정해진 채널 외에 다른 곳에서 소통하지 마세요.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     명심하세요: 대부분의 후원 사기는 디스코드에서 발생하지만, 이외에 이메일 등 암호화폐 관련 논의가 오가는 채팅 애플리케이션에서도 일어날 수 있습니다.
   </div>
-</InfoBanner>
+</Alert>
 
 ### 'Eth2' 토큰 사기 {#eth2-token-scam}
 
diff --git a/public/content/translations/ko/staking/withdrawals/index.md b/public/content/translations/ko/staking/withdrawals/index.md
index b0868e64337..a05d96d0ef7 100644
--- a/public/content/translations/ko/staking/withdrawals/index.md
+++ b/public/content/translations/ko/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ summaryPoints:
 
 잔액에서 ETH를 인출할 수 있으려면 검증자 계정에 대한 출금 주소를 제공해야 합니다.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>각 검증자 계정은 단 한 번, 한 개의 출금 주소만 할당받을 수 있습니다.</strong> 주소를 선택하고 합의 계층에 제출하면 취소하거나 다시 변경할 수 없습니다. 제출하기 전에 제공된 주소의 소유권과 정확성을 다시 확인하십시오.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 니모닉/시드 문구가 오프라인에서 안전하게 유지되고 어떤 식으로든 손상되지 않았다고 가정할 때 이 정보를 제공하지 않아도 <strong>그동안 자금에 대한 위협은 없습니다</strong>. 단, 출금 자격 증명을 추가하지 않으면 출금 주소가 제공될 때까지 검증자 계정에 ETH가 묶여 있게 됩니다.
 
@@ -82,11 +87,16 @@ Finematics 제공 이더리움 스테이킹 출금에 대한 다음 설명을 
 
 검증자가 다음 블록을 제안할 예정이면 최대 16개의 적합한 출금으로 구성된 출금 대기열을 구축해야 합니다. 이 작업은 원래 검증자 인덱스 0부터 시작하여 프로토콜 규칙에 따라 이 계정에 대한 적합한 출금이 있는지 확인한 후 대기열에 추가합니다. 다음 블록을 제안하도록 설정된 검증자는 마지막 블록이 중단된 부분부터 무기한 순서대로 진행합니다.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 이는 아날로그 시계와 유사합니다. 시계의 시침은 시간을 가리키고, 한 방향으로 진행하며, 어떤 시간도 거르지 않고, 마지막 시간에 도달하면 다시 처음으로 돌아갑니다.<br/><br/>
 이제 1에서 12까지가 아니라 시계가 0에서 N 까지라고 상상해 보세요<em>(합의 계층에 등록된 검증자 계정의 총합. 2023년 1월 기준 500,000개 이상).</em><br/><br/>
 시계에 있는 시침이 다음 검증자를 가리키고 다음 검증자가 적합한 인출 여부를 확인합니다. 이는 0에서 시작하며, 어떤 계정도 건너뛰지 않고 계속 진행됩니다. 마지막 검증자에 도달하면 주기는 처음부터 다시 계속됩니다.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### 출금 계좌 확인하기 {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/ko/web3/index.md b/public/content/translations/ko/web3/index.md
index 32597f875fd..e60deadf08b 100644
--- a/public/content/translations/ko/web3/index.md
+++ b/public/content/translations/ko/web3/index.md
@@ -61,12 +61,15 @@ lang: ko
 
 웹3는 [대체 불가 토큰(NFT)](/glossary/#nft)을 통해 직접적인 소유가 가능하게 합니다. 아무도, 설령 게임 창작자일지라도, 귀하의 소유권을 가져갈 수 없습니다. 또한 게임을 더 이상 안 하더라도 게임 상의 아이템들을 오픈마켓에서 판매하거나 교환함으로써 가치를 활용할 수 있습니다.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>NFT에 대해 자세히 알아보기</div>
   <ButtonLink href="/nft/">
     NFT 이해하기
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### 검열 저항력 {#censorship-resistance}
 
@@ -86,12 +89,15 @@ DAO는 기술적으로 리소스 풀(토큰)을 통해 탈중앙화된 의사 
 
 하지만 사람들은 많은 웹3 커뮤니티를 DAO라고 정의합니다. 이러한 커뮤니티의 탈중앙화 및 코드 자동화가 이루어지는 정도는 서로 다릅니다. 현재 우리는 DAO가 무엇이며 미래에 어떻게 진화해 나갈지 논의하고 있습니다.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>DAO에 대해 자세히 알아보기</div>
   <ButtonLink href="/dao/">
     DAO 이해하기
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### 신원 증명 {#identity}
 
diff --git a/public/content/translations/ml/nft/index.md b/public/content/translations/ml/nft/index.md
index 8187ad31c9a..578468da85e 100644
--- a/public/content/translations/ml/nft/index.md
+++ b/public/content/translations/ml/nft/index.md
@@ -54,12 +54,15 @@ NFT-കൾ താഴെപറയുന്നവ ഉൾപ്പെടെ നി
 
 നിങ്ങൾ ഒരു കലാകാരനായിരിക്കാം - നിങ്ങളുടെ ലാഭം ഇടനിലക്കാർക്ക് ത്യജിക്കാതെയും, നിങ്ങളുടെ നിയന്ത്രണം നഷ്‌ടപ്പെടാതെയും NFT-കൾ ഉപയോഗിച്ച് നിങ്ങളുടെ സൃഷ്ടികൾ മറ്റുള്ളവരുമായി പങ്കുവെക്കുവാൻ ആഗ്രഹിക്കുന്ന ഒരു വ്യക്തി. നിങ്ങൾക്ക് ഒരു പുതിയ കോൺട്രാക്ട് സൃഷ്ടിക്കാനും NFT-കളുടെ എണ്ണം, അവയുടെ സ്വഭാവഗുണങ്ങൾ, ചില പ്രത്യേക കലാസൃഷ്ടികളിലേക്കുള്ള ലിങ്ക് എന്നിവ ചൂണ്ടികാണിക്കുവാനും കഴിയും. ആർട്ടിസ്റ്റ് എന്ന നിലയിൽ, **നിങ്ങൾക്ക് നൽകേണ്ട റോയൽറ്റികൾ സ്മാർട്ട് കരാറിൽ പ്രോഗ്രാം ചെയ്യാം** (ഉദാ. ഓരോ തവണയും NFT കൈമാറുമ്പോൾ കരാർ ഉടമയ്ക്ക് വിൽപ്പന വിലയുടെ 5% കൈമാറുക). സ്മാർട്ട് കോൺട്രാക്ട് വിന്യസിച്ച [വാലറ്റ്](/glossary/#wallet) നിങ്ങളുടെ ഉടമസ്ഥതയിലുള്ളതിനാൽ നിങ്ങളാണ് ആ NFT-കളുടെ സൃഷ്ടാവെന്നു നിങ്ങൾക്ക് എല്ലായ്പ്പോഴും തെളിയിക്കാനാകും. ഉപഭോക്താകൾക്ക് നിങ്ങളുടെ ശേഖരത്തിൽ നിന്ന് അവർ സ്വന്തമാക്കുന്നത് ഒരു **ആധികാരിക NFT** ആണെന്ന് എളുപ്പത്തിൽ തെളിയിക്കാനാകും, കാരണം അവരുടെ വാലറ്റ് [വിലാസം](/glossary/#address) നിങ്ങളുടെ സ്മാർട്ട് കരാറിലെ ഒരു ടോക്കണുമായി ബന്ധപ്പെട്ടിരിക്കുന്നു. Ethereum-ലെ ആവാസവ്യവസ്ഥയിലുടനീളം, അതിൻ്റെ ആധികാരികതയിലുള്ള ആത്മവിശ്വാസത്തോടുകൂടി അവർക്ക് അത് ഉപയോഗിക്കാൻ കഴിയും.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>NFT കലാസൃഷ്ടികൾ /ശേഖരണങ്ങൾ പര്യവേക്ഷണം ചെയ്യുക, വാങ്ങുക അല്ലെങ്കിൽ നിങ്ങളുടേതായ ഒന്ന് സൃഷ്‌ടിക്കുക...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     NFT കലാസൃഷ്ടികൾ പര്യവേക്ഷണം ചെയ്യുക
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 അല്ലെങ്കിൽ ഒരു കായിക മത്സരത്തിനുള്ള ടിക്കറ്റ് കണക്കാക്കുക. ഒരു **ഒരു പരിപാടിയുടെ സംഘാടകൻ എത്ര ടിക്കറ്റുകൾ വിൽക്കണമെന്ന് തീരുമാനിക്കുന്നതുപോലെ **, ഒരു NFT-യുടെ എത്ര പകർപ്പുകൾ നിലവിൽവേണമെന്നു സ്രഷ്‌ടാവിന് തീരുമാനിക്കാനാകും. ചിലപ്പോൾ അവ 5000 പൊതു പ്രവേശന ടിക്കറ്റുകൾ പോലെയുള്ള കൃത്യമായ പകർപ്പുകളാകാം. ചിലപ്പോൾ സൃഷ്ടിക്കുന്ന പലതും വളരെ സാമ്യമുള്ളവയാകാം, എന്നാൽ മുൻകൂട്ടി നിശ്ചയിച്ച സീറ്റ് ഉള്ള ടിക്കറ്റ്'പോലെ, ഓരോന്നും ഒരല്പം വ്യത്യസ്തമായിരിക്കും. ടിക്കറ്റ് കൈകാര്യം ചെയുന്ന ഇടനിലക്കാർക്കു പണം നൽകാതെ ഈ ടിക്കറ്റുകൾ നേരിട്ട് (പിയർ-ടു-പിയർ) വാങ്ങുവാനും വിൽക്കുവാനും സാധിക്കും. വാങ്ങുന്നയാൾക്കു കോൺട്രാക്ട് വിലാസം പരിശോധിച്ച് ടിക്കറ്റിന്റെ ആധികാരികത ഉറപ്പുവരുത്തുവാനും കഴിയും.
 
diff --git a/public/content/translations/ml/roadmap/beacon-chain/index.md b/public/content/translations/ml/roadmap/beacon-chain/index.md
index fe6bdb02e79..1658695e21f 100644
--- a/public/content/translations/ml/roadmap/beacon-chain/index.md
+++ b/public/content/translations/ml/roadmap/beacon-chain/index.md
@@ -36,9 +36,14 @@ summaryPoint3: ബീക്കൺ ചെയിൻ പൊതു യുക്ത
 
 പ്രൂഫ് ഓഫ് സ്റ്റേക്കിലേക്കുള്ള മാറ്റം Ethereum-ത്തെ പ്രൂഫ് ഓഫ് വർക്കുമായി താരതമ്യപ്പെടുത്തുമ്പോൾ കൂടുതൽ സുരക്ഷിതവും വികേന്ദ്രീകൃതവുമാക്കി. നെറ്റ്‌വർക്കിൽ കൂടുതൽ ആളുകൾ പങ്കെടുക്കുമ്പോൾ, അത് കൂടുതൽ വികേന്ദ്രീകൃതവും ആക്രമണങ്ങളിൽ നിന്ന് സുരക്ഷിതവുമാകും.
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   ഒരു വാലിഡേറ്ററാകാനും Ethereum സുരക്ഷിതമാക്കാൻ സഹായിക്കാനും നിങ്ങൾക്ക് താൽപ്പര്യമുണ്ടെങ്കിൽ, <a href="/staking/">സ്റ്റെയ്ക്കിങ് എന്നതിനെക്കുറിച്ച് കൂടുതലറിയുക</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### ഷാർഡിംഗിനായി സജ്ജമാക്കുന്നു {#setting-up-for-sharding}
 
diff --git a/public/content/translations/ml/roadmap/merge/index.md b/public/content/translations/ml/roadmap/merge/index.md
index f73cb4a726b..6993029763e 100644
--- a/public/content/translations/ml/roadmap/merge/index.md
+++ b/public/content/translations/ml/roadmap/merge/index.md
@@ -37,9 +37,13 @@ Ethereum-ന്റെ ചരിത്രത്തിൽ ഉടനീളം, പ
 
 ലയനത്തിൽ ചരിത്രപരമായത് ഒന്നും നഷ്ടപ്പെട്ടില്ല. ബീക്കൺ ചെയിനുമായി മെയിൻനെറ്റ് ലയിച്ചതിനാൽ, Ethereum-ന്റെ മുഴുവൻ ഇടപാട് ചരിത്രവും ലയിപ്പിക്കപ്പെട്ടു.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 പ്രൂഫ് ഓഫ് സ്റ്റേക്കിലേക്കുള്ള ഈ മാറ്റം ഈതർ ഇഷ്യൂ ചെയ്യുന്ന രീതി മാറ്റി. <a href="/roadmap/merge/issuance/">ലയനത്തിന് മുമ്പും ശേഷവുമുള്ള ഈതർ ഇഷ്യു ചെയ്യൽ</a> സംബന്ധിച്ച് കൂടുതലറിയുക.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### ഉപയോക്താക്കളും ഹോൾഡർമാരും {#users-holders}
 
diff --git a/public/content/translations/mr/defi/index.md b/public/content/translations/mr/defi/index.md
index b23ec2cac4c..dbfd04554dc 100644
--- a/public/content/translations/mr/defi/index.md
+++ b/public/content/translations/mr/defi/index.md
@@ -63,12 +63,15 @@ Bitcoin हे अनेक प्रकारे पहिले DeFi ऍप्
 
 हे विचित्र वाटते... "मला माझे पैसे का प्रोग्राम करायचे आहेत"? तथापि, Ethereum वरील टोकनचे हे फक्त एक डीफॉल्ट वैशिष्ट्य आहे. कोणीही पेमेंटमध्ये लॉजिक प्रोग्राम करू शकतो. त्यामुळे तुम्हाला Bitcoin चे नियंत्रण आणि सुरक्षा वित्तीय संस्थांद्वारे पुरवल्या जाणाऱ्या सेवांमध्ये मिसळून मिळू शकते. हे तुम्हाला क्रिप्टोकरन्सीसह अशा गोष्टी करू देते जे तुम्ही Bitcoin सह करू शकत नाही जसे की कर्ज देणे आणि कर्ज घेणे, पेमेंट शेड्यूल करणे, इंडेक्स फंडांमध्ये गुंतवणूक करणे आणि बरेच काही.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>तुम्ही Ethereum वर नवीन असाल तर वापरून पाहण्यासाठी DeFi ऍप्लिकेशन्ससाठी आमच्या सूचना एक्सप्लोर करा.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     DeFi अॅप्स एक्सप्लोर करा
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## आपण DeFi सह काय करू शकता? {#defi-use-cases}
 
diff --git a/public/content/translations/ms/defi/index.md b/public/content/translations/ms/defi/index.md
index 91b4a3938a5..f56f45c9574 100644
--- a/public/content/translations/ms/defi/index.md
+++ b/public/content/translations/ms/defi/index.md
@@ -63,12 +63,15 @@ Ethereum terbina atas perkara ini. Seperti Bitcoin, peraturan tidak boleh beruba
 
 Ini kedengaran aneh... "mengapa saya mahu memprogramkan wang saya"? Walau bagaimanapun, ini lebih sekadar ciri lalai token pada Ethereum. Sesiapa sahaja boleh memprogramkan logik ke dalam pembayaran. Jadi anda boleh mendapatkan kawalan dan keselamatan Bitcoin dicampur dengan perkhidmatan yang disediakan oleh institusi kewangan. Ini membolehkan anda melakukan perkara dengan mata wang kripto yang anda tidak boleh lakukan dengan Bitcoin seperti meminjamkan dan meminjami, menjadualkan pembayaran, melabur dalam dana indeks dan banyak lagi.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Terokai cadangan kami untuk aplikasi DeFi untuk dicuba jika anda baru menggunakan Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Teroka apl DeFi
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Apa yang boleh anda lakukan dengan DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/ms/energy-consumption/index.md b/public/content/translations/ms/energy-consumption/index.md
index d5d84d79550..f4512e3c2ed 100644
--- a/public/content/translations/ms/energy-consumption/index.md
+++ b/public/content/translations/ms/energy-consumption/index.md
@@ -61,9 +61,14 @@ Walaupun penggunaan tenaga Ethereum sangat rendah, terdapat juga bangunan komuni
 
 Platform pembiayaan barangan awam asli Web3 seperti [Gitcoin](https://gitcoin.co) menjalankan pusingan iklim untuk merangsang pembangunan yang berorientasikan alam sekitar di lapisan aplikasi Ethereum. Melalui pembangunan inisiatif ini (dan yang lain, contohnya [DeSci](/desci/)), Ethereum menjadi teknologi bersih positif alam sekitar dan sosial.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Jika anda fikir halaman ini boleh dibuat lebih tepat, sila kemukakan isu atau PR. Statistik pada halaman ini adalah anggaran berdasarkan data yang tersedia secara umum - ia tidak mewakili kenyataan rasmi atau janji daripada pasukan ethereum.org, atau Yayasan Ethereum.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Bacaan lanjut {#further-reading}
 
diff --git a/public/content/translations/ms/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/ms/guides/how-to-create-an-ethereum-account/index.md
index 93d1a2af4b2..d08372be261 100644
--- a/public/content/translations/ms/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/ms/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ Setelah anda menyimpan frasa benih anda, anda sepatutnya melihat papan pemuka do
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div>Mahu belajar lebih lanjut?</div>
   <ButtonLink href="/guides/">
     Lihat panduan-panduan lain kami
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 
 ## Soalan yang kerap ditanya
 
diff --git a/public/content/translations/ms/guides/how-to-revoke-token-access/index.md b/public/content/translations/ms/guides/how-to-revoke-token-access/index.md
index 4e79b644ebe..a8d9f4fc7cb 100644
--- a/public/content/translations/ms/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/ms/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ Kami menasihatkan anda supaya menyegarkan semula alat pembatalan selepas beberap
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Mahu belajar lebih lanjut?</div>
   <ButtonLink href="/guides/">
     Lihat panduan-panduan lain kami
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Soalan yang kerap ditanya
 
diff --git a/public/content/translations/ms/guides/how-to-swap-tokens/index.md b/public/content/translations/ms/guides/how-to-swap-tokens/index.md
index de244bfa6ea..c51a8cfa988 100644
--- a/public/content/translations/ms/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/ms/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ Anda boleh melihat perkembangan transaksi tersebut pada mana-mana peneroka blok
 Anda akan secara automatik menerima token yang ditukar dalam dompet anda sebaik sahaja transaksi diproses.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Mahu belajar lebih lanjut?</div>
   <ButtonLink href="/guides/">
     Lihat panduan-panduan lain kami
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Soalan yang kerap ditanya
 
diff --git a/public/content/translations/ms/guides/how-to-use-a-bridge/index.md b/public/content/translations/ms/guides/how-to-use-a-bridge/index.md
index 8b4f1dfa322..8408400b1d3 100644
--- a/public/content/translations/ms/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/ms/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ Proses ini sepatutnya tidak mengambil masa lebih daripada 10 minit.
 Anda boleh menggunakan [chainlist.org](http://chainlist.org) untuk mencari butiran RPC rangkaian tersebut. Setelah rangkaian ditambah dan transaksi selesai, anda sepatutnya dapat melihat token dalam dompet anda.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Mahu belajar lebih lanjut?</div>
   <ButtonLink href="/guides/">
     Lihat panduan-panduan lain kami
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Soalan yang kerap ditanya
 
diff --git a/public/content/translations/ms/guides/how-to-use-a-wallet/index.md b/public/content/translations/ms/guides/how-to-use-a-wallet/index.md
index dfdc0c9c860..e56916a9c6b 100644
--- a/public/content/translations/ms/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/ms/guides/how-to-use-a-wallet/index.md
@@ -62,12 +62,15 @@ Alamat anda akan sama dalam semua projek Ethereum. Anda tidak perlu mendaftar se
 5. Sahkan permintaan tandatangan dalam dompet anda untuk mewujudkan sambungan. **Menandatangani mesej ini sepatutnya tidak memerlukan penggunaan mana-mana ETH**.
 6. Itu sahaja! Mula menggunakan aplikasi. Anda boleh menjumpai beberapa projek menarik di [halaman dApp](/dapps/#explore) kami. <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Mahu belajar lebih lanjut?</div>
   <ButtonLink href="/guides/">
     Lihat panduan-panduan lain kami
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Soalan yang kerap ditanya
 
diff --git a/public/content/translations/ms/nft/index.md b/public/content/translations/ms/nft/index.md
index 5cdaecdc8c6..ecd10791c83 100644
--- a/public/content/translations/ms/nft/index.md
+++ b/public/content/translations/ms/nft/index.md
@@ -54,12 +54,15 @@ NFT digunakan untuk banyak perkara, termasuk:
 
 Mungkin anda seorang artis yang ingin berkongsi hasil kerja menggunakan NFT, tanpa hilang kawalan atau mengorbankan keuntungan kepada orang tengah. Anda boleh mencipta kontrak baharu dan menentukan bilangan NFT, sifat NFT itu dan pautan kepada karya seni tertentu. Sebagai artis, **anda boleh memprogramkan ke dalam kontrak pintar royalti** anda patut diterima (cth. pindahkan 5% daripada harga jualan kepada pemilik kontrak setiap kali NFT dipindahkan). Anda juga boleh sentiasa membuktikan bahawa anda mencipta NFT kerana anda memiliki [dompet](/glossary/#wallet) yang menggunakan kontrak. Pembeli anda boleh membuktikan dengan mudah bahawa mereka memiliki **NFT sahih** daripada koleksi anda kerana [alamat](/glossary/#address) dompet mereka dikaitkan dengan token pada kontrak pintar anda. Mereka boleh menggunakannya dalam ekosistem Ethereum, yakin dengan keasliannya.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Teroka, beli atau cipta seni/koleksi NFT anda sendiri...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Terokai seni NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Atau bayangkan tiket ke acara sukan. Sama seperti **penganjur acara boleh memilih bilangan tiket untuk dijual**, pencipta NFT boleh menentukan bilangan replika yang wujud. Kadangkala ini merupakan replika yang tepat, seperti 5000 tiket Kemasukan Am. Kadangkala beberapa akan ditempa kelihatan serupa, tetapi setiap satu berbeza sedikit, seperti tiket dengan tempat duduk yang ditetapkan. Ia boleh dibeli dan dijual antara rakan setara tanpa membayar pengendali tiket dan pembeli juga sentiasa mempunyai jaminan keaslian tiket dengan menyemak alamat kontrak.
 
diff --git a/public/content/translations/ms/security/index.md b/public/content/translations/ms/security/index.md
index f0a7c12c605..ca3e95e6c1f 100644
--- a/public/content/translations/ms/security/index.md
+++ b/public/content/translations/ms/security/index.md
@@ -124,11 +124,12 @@ Sebagai peraturan umum, kakitangan tidak akan berkomunikasi dengan anda melalui
 - Jangan sekali-kali membenarkan sesiapa sahaja akses jauh kepada komputer anda
 - Jangan sesekali berkomunikasi di luar saluran yang telah ditetapkan organisasi
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Berhati-hati: walaupun penipuan gaya sokongan biasanya berlaku pada Discord, mereka juga berleluasa di mana-mana aplikasi sembang di mana perbincangan kripto berlaku, termasuk e-mel.
   </div>
-</InfoBanner>
+</Alert>
 
 ### Penipuan token 'Eth2' {#eth2-token-scam}
 
@@ -215,11 +216,12 @@ Kata laluan yang kuat yang telah didedahkan dalam pelanggaran data bukan lagi ka
 
 ### Gunakan pengurus kata laluan {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     Menggunakan pengurus kata laluan memastikan ciptaan kata laluan yang kuat, unik dan diingati! Kami <strong>menggesa</strong> anda menggunakannya, dan kebanyakan daripadanya adalah percuma!
   </div>
-</InfoBanner>
+</Alert>
 
 Mengingati kata laluan yang kuat dan unik untuk setiap akaun yang anda miliki bukanlah sesuatu yang ideal. Pengurus kata laluan menawarkan penyimpanan yang selamat dan disulitkan untuk semua kata laluan anda, yang boleh anda akses melalui satu kata laluan utama yang kukuh. Ia juga mencadangkan kata laluan yang kukuh apabila mendaftar untuk perkhidmatan baru, jadi anda tidak perlu mencipta kata laluan sendiri. Banyak pengurus kata laluan juga akan memberitahu anda jika anda telah terlibat dalam pelanggaran data, membolehkan anda menukar kata laluan sebelum sebarang serangan berniat jahat.
 
@@ -242,11 +244,12 @@ Kadangkala anda mungkin diminta untuk mengesahkan identiti anda melalui bukti un
 
 Menggunakan **Pengesahan Dua Faktor (2FA)** menyediakan *faktor keselamatan tambahan* untuk akaun dalam talian anda. 2FA memastikan dengan hanya mempunyai kata laluan tidak mencukupi untuk mengakses akaun. Yang paling lazim, faktor kedua ialah kod 6 digit rawak, dikenali sebagai **kata laluan sekali pakai berasaskan masa (TOTP)**, yang boleh anda akses melalui aplikasi pengesahan seperti Google Authenticator atau Authy. Ia berfungsi sebagai faktor "sesuatu yang anda miliki" kerana benih yang menjana kod masa disimpan pada peranti anda.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Nota: Menggunakan 2FA berasaskan SMS terdedah kepada <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">pencurian SIM</a> dan tidak selamat. Untuk keselamatan terbaik, gunakan perkhidmatan seperti <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> atau <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Kunci keselamatan {#security-keys}
 
diff --git a/public/content/translations/ms/staking/withdrawals/index.md b/public/content/translations/ms/staking/withdrawals/index.md
index 9b16849ed4b..2a33c7d7348 100644
--- a/public/content/translations/ms/staking/withdrawals/index.md
+++ b/public/content/translations/ms/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Sebelum naik taraf Shanghai/Capella, anda tidak boleh menggunakan atau mengakses
 
 Menyediakan alamat pengeluaran adalah langkah yang diperlukan untuk mana-mana akaun pengesah sebelum ia layak untuk mengeluarkan ETH daripada bakinya.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Setiap akaun pengesah hanya boleh diberikan satu alamat pengeluaran, sekali sahaja.</strong> Setelah alamat dipilih dan diserahkan ke lapisan persetujuan, ini tidak boleh dibuat asal atau ditukar lagi. Periksa semula pemilikan dan ketepatan alamat yang diberikan sebelum menyerahkan.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 <strong>Tiada ancaman kepada dana anda buat sementara waktu</strong> kerana tidak menyediakannya, dengan mengandaikan frasa mnemonik/benih anda kekal selamat di luar talian dan tidak terjejas dalam apa jua cara. Kegagalan untuk menambah bukti kelayakan pengeluaran hanya akan membiarkan ETH terkunci dalam akaun pengesah seperti yang berlaku sehingga alamat pengeluaran diberikan.
 
@@ -82,10 +87,15 @@ Lihat penjelasan ini mengenai pengeluaran pertaruhan Ethereum oleh Finematics:
 
 Apabila pengesah dijadualkan untuk mencadangkan blok seterusnya, ia dikehendaki membina baris gilir pengeluaran, sehingga 16 pengeluaran yang layak. Ini dilakukan dengan asalnya bermula dengan indeks pengesah 0, menentukan sama ada terdapat pengeluaran yang layak untuk akaun ini mengikut peraturan protokol dan menambahkannya pada baris giliran, jika ada. Pengesah yang ditetapkan untuk mencadangkan blok berikut akan bersambung di tempat terakhir berhenti, maju mengikut urutan secara kekal.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Fikirkan tentang jam analog. Jarum pada jam menunjukkan jam, bergerak ke satu arah, tidak melangkau sebarang jam dan akhirnya berputar ke permulaan semula selepas nombor terakhir dicapai.<br/><br/> Sekarang bukannya 1 hingga 12, bayangkan jam mempunyai 0 hingga N <em>(jumlah bilangan akaun pengesah yang pernah didaftarkan pada lapisan persetujuan, lebih 500,000 pada Januari 2023).</em><br/><br/>
 Tangan pada jam menunjukkan kepada pengesah seterusnya yang perlu disemak untuk pengeluaran yang layak. Ia bermula pada 0, dan terus maju tanpa melangkau sebarang akaun. Apabila pengesah terakhir dicapai, kitaran diteruskan kembali pada permulaan.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Menyemak akaun untuk pengeluaran {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/ms/web3/index.md b/public/content/translations/ms/web3/index.md
index a0371b4fb0c..4356146cd46 100644
--- a/public/content/translations/ms/web3/index.md
+++ b/public/content/translations/ms/web3/index.md
@@ -61,12 +61,15 @@ Web3 memberi anda pemilikan aset digital anda dengan cara yang tidak pernah berl
 
 Web3 membenarkan pemilikan langsung melalui [token tidak boleh diganti (NFT).](/glossary/#nft). Tiada sesiapa, malah pencipta permainan, mempunyai kuasa untuk mengambil alih pemilikan anda. Dan, jika anda berhenti bermain, anda boleh menjual atau memperdagangkan item dalam permainan anda di pasaran terbuka dan mendapatkan semula nilainya.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Ketahui lebih lanjut tentang NFT</div>
   <ButtonLink href="/nft/">
     Lebih lanjut tentang NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Rintangan penapisan {#censorship-resistance}
 
@@ -86,12 +89,15 @@ DAO ditakrifkan secara teknikal sebagai [kontrak pintar](/glossary/#smart-contra
 
 Walau bagaimanapun, orang mentakrifkan banyak komuniti Web3 sebagai DAO. Komuniti ini semuanya mempunyai tahap keteragihan dan automasi yang berbeza mengikut kod. Pada masa ini, kami sedang meneroka apa itu DAO dan cara ia mungkin berkembang pada masa hadapan.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Ketahui lebih lanjut mengenai DAO</div>
   <ButtonLink href="/dao/">
     Lebih kepada DAOs
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Identiti {#identity}
 
diff --git a/public/content/translations/nl/defi/index.md b/public/content/translations/nl/defi/index.md
index c3d0412da34..d7deee7217c 100644
--- a/public/content/translations/nl/defi/index.md
+++ b/public/content/translations/nl/defi/index.md
@@ -63,12 +63,15 @@ Ethereum bouwt hierop voort. Net als Bitcoin, kunnen de regels niet veranderen e
 
 Dit klinkt vreemd... "Waarom zou ik mijn geld willen programmeren"? Dit is echter meer dan een standaardkenmerk van tokens op Ethereum. Iedereen kan logica programmeren in betalingen. Zodat u de controle en veiligheid van Bitcoin kunt krijgen gemengd met de diensten die door financiële instellingen worden aangeboden. Dit laat u dingen doen met cryptocurrencies die u niet kunt doen met Bitcoin, zoals leningen geven en nemen, betalingen plannen, investeren in indexfondsen en veel meer.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Verken onze suggesties voor DeFi-applicaties om uit te proberen als u nieuw bent bij Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Verken DeFi-apps
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Wat kunt u doen met DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/nl/energy-consumption/index.md b/public/content/translations/nl/energy-consumption/index.md
index a60d8651f3f..1521737074a 100644
--- a/public/content/translations/nl/energy-consumption/index.md
+++ b/public/content/translations/nl/energy-consumption/index.md
@@ -61,9 +61,14 @@ Terwijl het energieverbruik van Ethereum zeer laag is, is er ook een substantië
 
 Web3-financieringsplatforms voor eigen publieke goederen zoals [Gitcoin](https://gitcoin.co) voeren klimaatrondes uit om milieubewust bouwen op de toepassingslaag van Ethereum te stimuleren. Door de ontwikkeling van deze initiatieven (en andere, bijv. [DeSci](/desci/)) wordt Ethereum een ecologisch en sociaal netto positieve technologie.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Als je denkt dat deze pagina nauwkeuriger kan worden gemaakt, meld dan een probleem of open een PR. De statistieken op deze pagina zijn schattingen gebaseerd op openbaar beschikbare gegevens - ze vertegenwoordigen geen officiële verklaringen of beloftes van het ethereum.org team of de Ethereum Foundation.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Verder lezen {#further-reading}
 
diff --git a/public/content/translations/nl/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/nl/guides/how-to-create-an-ethereum-account/index.md
index adf20dd164e..ec792b58bfc 100644
--- a/public/content/translations/nl/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/nl/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ Sommige apps vragen je om een geheime "herstelzin" op te slaan (soms een "zaadzi
 **Iedere persoon die de zin kent, heeft ook toegang tot alle fondsen.** Deel hem nooit met iemand. Deze zin moet 12 tot 24 willekeurig gegenereerde woorden bevatten (de volgorde van de woorden is belangrijk).
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>Portemonnee geïnstalleerd? </b><br/>Leer hoe je deze moet gebruiken.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     Hoe een wallet gebruiken
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 </div>
 
 Geïnteresseerd in andere gidsen? Bekijk onze: [Stap-voor-stap gidsen](/guides/)
diff --git a/public/content/translations/nl/guides/how-to-revoke-token-access/index.md b/public/content/translations/nl/guides/how-to-revoke-token-access/index.md
index d1d7006fb75..6deed40a912 100644
--- a/public/content/translations/nl/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/nl/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ We raden je aan om de intrek-tool na een paar minuten te vernieuwen en opnieuw v
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Wil je meer informatie?</div>
   <ButtonLink href="/guides/">
     Bekijk onze andere gidsen
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Veelgestelde vragen
 
diff --git a/public/content/translations/nl/guides/how-to-swap-tokens/index.md b/public/content/translations/nl/guides/how-to-swap-tokens/index.md
index 895f8ff2cd8..a622b898ed0 100644
--- a/public/content/translations/nl/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/nl/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ Je kunt de voortgang van de transactie bekijken op elke blockchain-verkenner. Di
 Je ontvangt automatisch de geruilde tokens in je portemonnee zodra de transactie is verwerkt.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Wilt u hier meer over leren?</div>
   <ButtonLink href="/guides/">
     Bekijk onze andere gidsen
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Veelgestelde vragen
 
diff --git a/public/content/translations/nl/guides/how-to-use-a-bridge/index.md b/public/content/translations/nl/guides/how-to-use-a-bridge/index.md
index b08b9ba913a..764d5a2f996 100644
--- a/public/content/translations/nl/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/nl/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ Dit proces zou niet langer dan 10 minuten moeten duren.
 Je kunt [chainlist.org](http://chainlist.org) gebruiken om de RPC-gegevens van het netwerk op te vragen. Zodra het netwerk is toegevoegd en de transactie is voltooid, zou je de tokens in je portemonnee moeten zien.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Wilt u hier meer over leren?</div>
   <ButtonLink href="/guides/">
     Bekijk onze andere gidsen
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Veelgestelde vragen
 
diff --git a/public/content/translations/nl/guides/how-to-use-a-wallet/index.md b/public/content/translations/nl/guides/how-to-use-a-wallet/index.md
index cf8af1c07e8..58b97663a0b 100644
--- a/public/content/translations/nl/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/nl/guides/how-to-use-a-wallet/index.md
@@ -62,12 +62,15 @@ Je adres zal hetzelfde zijn in alle Ethereum-projecten. Je hoeft je voor geen en
 5. Bevestig het handtekeningverzoek in je portemonnee om de verbinding tot stand te brengen. **Het ondertekenen van dit bericht zou geen ETH mogen kosten**.
 6. Dat is alles! Begin met het gebruiken van de app. Je kunt een aantal interessante projecten vinden op onze [dApps-pagina](/dapps/#explore). <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Wilt u hier meer over leren?</div>
   <ButtonLink href="/guides/">
     Bekijk onze andere gidsen
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Veelgestelde vragen
 
diff --git a/public/content/translations/nl/nft/index.md b/public/content/translations/nl/nft/index.md
index ca00970f497..bd1ef2069d5 100644
--- a/public/content/translations/nl/nft/index.md
+++ b/public/content/translations/nl/nft/index.md
@@ -54,12 +54,15 @@ NFT's worden voor veel dingen gebruikt, waaronder:
 
 Misschien ben je een artiest die zijn werk wil delen via NFT's, zonder de controle te verliezen en inkomsten op te offeren aan tussenpersonen. Je kunt een nieuw contract aanmaken en het aantal NFT's, hun eigenschappen en een koppeling naar een uniek kunstwerk specificeren. Als artiest kun je de **royalty's waar je recht op hebt programmeren in het slimme contract** (bijv. 5% van de verkoopprijs naar het contract van de eigenaar overmaken elke keer dat een NFT wordt overgedragen). Je kunt ook altijd bewijzen dat je de NFT's hebt gemaakt, want je bent in het bezit van de [portemonnee](/glossary/#wallet) via welke het contract is ingezet. Je kopers kunnen eenvoudig bewijzen dat ze een **authentieke NFT** uit jouw collectie bezitten, omdat het [adres](/glossary/#address) van hun portemonnee geassocieerd is met een token in jouw slimme contract. Ze kunnen het gebruiken in het hele Ethereum-ecosysteem en vertrouwen hebben in de authenticiteit ervan.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Verken, koop of maak je eigen NFT-kunst/-verzamelobjecten...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Verken NFT-kunst
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Of neem bijvoorbeeld een kaartje voor een sportevenement. Net zoals een **organisator van een evenement kan kiezen hoeveel tickets hij wil verkopen**, kan de maker van een NFT beslissen hoeveel replica's er mogen bestaan. Soms gaat het om exacte replica's, zoals 5000 algemene toelatingskaartjes. Soms worden er replica's gemaakt die zeer vergelijkbaar zijn, maar elk lichtjes verschillend, zoals een ticket met een toegewezen zitplaats. Deze kunnen peer-to-peer worden gekocht en verkocht zonder ticketbeheerders te betalen, en de koper kan altijd de authenticiteit van het ticket garanderen door het controleren van het contractadres.
 
diff --git a/public/content/translations/nl/roadmap/beacon-chain/index.md b/public/content/translations/nl/roadmap/beacon-chain/index.md
index 69032b4082c..f478891a306 100644
--- a/public/content/translations/nl/roadmap/beacon-chain/index.md
+++ b/public/content/translations/nl/roadmap/beacon-chain/index.md
@@ -34,9 +34,14 @@ De overgang naar proof-of-stake maakte Ethereum aanzienlijk veiliger en gedecent
 
 Bovendien is proof-of-stake gebruiken als consensusmechanisme een fundamenteel onderdeel voor het [veilige, milieuvriendelijke en schaalbare Ethereum van nu](/roadmap/vision/).
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Wilt u een validator worden en de Beacon Chain beveiligen? <a href="/staking/">Ontdek dan hier meer over staking</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Voorbereiden van sharding {#setting-up-for-sharding}
 
diff --git a/public/content/translations/nl/roadmap/danksharding/index.md b/public/content/translations/nl/roadmap/danksharding/index.md
index 54250d7e6ed..e0b89e6cf20 100644
--- a/public/content/translations/nl/roadmap/danksharding/index.md
+++ b/public/content/translations/nl/roadmap/danksharding/index.md
@@ -57,9 +57,9 @@ Als iemand de willekeurige locaties kent die gebruikt zijn voor de verbintenis,
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
   Danksharding noch Proto-Danksharding volgen het traditionele “sharding”-model dat erop gericht is om de blockchain in meerdere delen op te splitsen. Shard chains maken niet langer deel uit van de routekaart. In plaats daarvan gebruikt Danksharding een gespreide steekproef van gegevens over blobs om Ethereum op te schalen. Dit is veel eenvoudiger te implementeren. Dit model wordt ook wel "data-sharding" genoemd.
-</InfoBanner>
+</Alert>
 
 ## Wat is Danksharding? {#what-is-danksharding}
 
diff --git a/public/content/translations/nl/roadmap/index.md b/public/content/translations/nl/roadmap/index.md
deleted file mode 100644
index ec40491420f..00000000000
--- a/public/content/translations/nl/roadmap/index.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: Ethereum-roadmap
-description: Het traject naar meer schaalbaarheid, veiligheid en duurzaamheid voor Ethereum.
-lang: nl
-template: roadmap
-image: /images/heroes/roadmap-hub-hero.jpg
-alt: "Ethereum-roadmap"
-summaryPoints:
-buttons:
-  - 
-    content: Verdere upgrades
-    toId: welke-veranderingen-zijn-op-komst
-  - 
-    content: Eerdere upgrades
-    href: /history/
-    variant: outline
----
-
-Ethereum is nu al een krachtig platform voor een wereldwijde coördinatie, maar er wordt nog steeds aan gewerkt om het te verbeteren. Een ambitieuze reeks verbeteringen zorgt ervoor dat Ethereum van zijn huidige vorm wordt opgewaardeerd tot een volledig geschaald, maximaal veerkrachtig platform. Deze upgrades staan beschreven in de routekaart van Ethereum.
-
-**Om meer ontdekken over eerdere Ethereum-upgrades, kunt u onze [Geschiedenispagina](/history/) bezoeken**
-
-## Welke veranderingen staan Ethereum te wachten? {#what-changes-are-coming}
-
-De routekaart van Ethereum beschrijft de specifieke verbeteringen die in de toekomst zullen worden aangebracht in het protocol. Over het algemeen zal de routekaart de volgende voordelen opleveren voor Ethereum-gebruikers:
-
-<CardGrid>
-  <RoadmapActionCard
-    href="/roadmap/scaling"
-    title="Goedkopere transacties"
-    image="scaling"
-    description="Rollups are too expensive and rely on centralized components, causing users to place too much trust in their operators. The roadmap includes fixes for both of these problems."
-    buttonText="More on reducing fees"
-  />
-  <RoadmapActionCard
-    href="/roadmap/security"
-    title="Extra veiligheid"
-    image="security"
-    description="Ethereum is already very secure but it can be made even stronger, ready to withstand all kinds of attack far into the future."
-    buttonText="More on security"
-  />
-  <RoadmapActionCard
-    href="/roadmap/user-experience"
-    title="Betere gebruikerservaring"
-    image="userExperience"
-    description="More support for smart contract wallets and light-weight nodes will make using Ethereum simpler and safer."
-    buttonText="More on user experience"
-  />
-  <RoadmapActionCard
-    href="/roadmap/future-proofing"
-    title="Toekomstbestendig maken"
-    image="futureProofing"
-    description="Ethereum researchers and developers are solving tomorrow's problems today, readying the network for future generations."
-    buttonText="More on future proofing"
-  />
-</CardGrid>
-
-## Waarom heeft Ethereum een routekaart nodig? {#why-does-ethereum-need-a-roadmap}
-
-Ethereum krijgt regelmatig upgrades die de schaalbaarheid, veiligheid of duurzaamheid ervan verbeteren. Een van de sterke punten van Ethereum is dat het zich kan aanpassen wanneer nieuwe ideeën uit onderzoek en ontwikkeling voortkomen. Dankzij het aanpassingsvermogen is Ethereum flexibel genoeg om nieuwe uitdagingen aan te gaan en bij te blijven met de meest geavanceerde technologische doorbraken.
-
-<RoadmapImageContent title="Hoe de routekaart is gedefinieerd">
-
-De roadmap is vooral het resultaat van jarenlang werk door onderzoekers en ontwikkelaars. Het protocol is namelijk erg technisch, maar iedereen die gemotiveerd is, kan eraan deelnemen. Ideeën beginnen meestal als discussies op een forum zoals [ethresear.ch](https://ethresear.ch/), [Ethereum Magicians](https://ethereum-magicians.org/) of de Eth R&D discordserver. Het kunnen reacties zijn op nieuwe kwetsbaarheden die ontdekt worden, suggesties van organisaties die in de applicatielaag werken (zoals [dapps](/glossary/#dapp) en crypto-uitwisselingen) of van bekende problemen voor eindgebruikers (zoals kosten of transactiesnelheden). Als deze ideeën tot wasdom komen, kunnen ze worden voorgesteld als [Ethereum-verbeteringsvoorstellen] (https://eips.ethereum.org/). Dit gebeurt allemaal in het openbaar, zodat iedereen uit de gemeenschap op elk moment kan meebeslissen.
-
-[Meer over Ethereum-bestuur](/bestuur/)
-
-</RoadmapImageContent>
-
-<InfoBanner mb={8}>
-  <h4 style={{ marginTop: 0 }}>Wat was ETH2?</h4>
-
-  <p>De term 'Eth2' werd vaak gebruikt om de toekomst van Ethereum te beschrijven vóór de overgang naar <a href="/glossary/#pos">proof-of-stake</a>, maar het werd <strong>uitgefaseerd ten gunste van een preciezere terminologie.</strong> Het werd oorspronkelijk gebruikt om een onderscheid te maken tussen het Ethereum-netwerk vóór de overgang naar proof-of-stake en het netwerk erna, of soms om te verwijzen naar de verschillende Ethereum-clients, (<a href="/glossary/#execution-client">uitvoeringsclients</a> werden soms aangeduid als ETH1-clients en <a href="/glossary/#consensus-client">consensusclients</a> werden soms aangeduid als ETH2-clients).</p>
-
-</InfoBanner>
-
-## Zal de routekaart van Ethereum na verloop van tijd veranderen? {#will-ethereums-roadmap-change-over-time}
-
-**Ja. Vrijwel zeker**. De routekaart is het huidige plan voor het upgraden van Ethereum en omvat zowel plannen voor de nabije toekomst als voor de verdere toekomst. We verwachten dat de routekaart zal veranderen naarmate nieuwe informatie en technologie beschikbaar worden.
-
-Zie de routekaart van Ethereum als een verzameling intenties voor het verbeteren van Ethereum. Het is de beste hypothese van de kernonderzoekers en -ontwikkelaars over het meest optimale traject voor Ethereum.
-
-## Wanneer is de routekaart klaar? {#when-will-the-roadmap-be-finished}
-
-Sommige upgrades hebben een lagere prioriteit en zullen waarschijnlijk de komende 5-10 jaar niet worden uitgevoerd (bijv. kwantumresistentie). **Het is moeilijk om de precieze timing van elke upgrade te voorspellen** omdat er aan veel zaken op de routekaart parallel wordt gewerkt en ze met verschillende snelheden worden ontwikkeld. De urgentie van een upgrade kan ook veranderen in de loop van de tijd, afhankelijk van externe factoren (bijvoorbeeld een plotselinge sprong in de prestaties en beschikbaarheid van kwantumcomputers kan kwantumbestendige cryptografie urgenter maken).
-
-Eén manier om over de ontwikkeling van Ethereum na te denken, is door een analogie te maken met biologische evolutie. Een netwerk dat zich kan aanpassen aan nieuwe uitdagingen en gezond blijft, heeft meer kans op slagen dan een netwerk dat bestand is tegen verandering, hoewel er minder veranderingen aan het protocol nodig zullen zijn naarmate het netwerk performanter, schaalbaarder en veiliger wordt.
-
-## Moet ik iets doen als er een upgrade wordt uitgerold? {#do-i-have-to-do-anything-when-there-is-an-upgrade}
-
-Upgrades hebben meestal geen impact op eindgebruikers, behalve door betere gebruikerservaringen en een veiliger protocol, en misschien meer <i>opties</i> voor de manier van interactie met Ethereum. **Reguliere gebruikers hoeven niet actief deel te nemen aan een upgrade en hoeven ook niets te doen** om hun activa te beveiligen. [Node](/glossary/#node)-operators moeten hun clients bijwerken om zich voor te bereiden op een upgrade. Sommige upgrades kunnen leiden tot wijzigingen voor applicatieontwikkelaars. Upgrades voor vervallen geschiedenis kunnen er bijvoorbeeld toe leiden dat applicatieontwikkelaars historische gegevens uit nieuwe bronnen gaan halen.
-
-## Wat met The Verge, The Splurge, enzovoort? {#what-about-the-verge-splurge-etc}
-
-[Vitalik Buterin stelde een visie voor de routekaart van Ethereum](https://twitter.com/VitalikButerin/status/1741190491578810445) voor die georganiseerd werd in verschillende categorieën die verbonden waren door hun effecten op de architectuur van Ethereum. Hierin bevond zich het volgende:
-
-- **De samenvoeging**: upgrades met betrekking tot de overgang van [proof-of-work](/glossary/#pow) naar [proof-of-stake](/glossary/#pos)
-- **The Surge**: upgrades met betrekking tot schaalbaarheid door [rollups](/glossary/#rollups) en data sharding
-- **The Scourge**: upgrades met betrekking tot weerstand tegen censuur, decentralisatie en protocolrisico's van [MEV](/glossary/#mev)
-- **The Verge**: upgrades met betrekking tot het gemakkelijker verifiëren van [blocks](/glossary/#block)
-- **The Purge**: upgrades met betrekking tot het verminderen van de rekenkosten van het uitvoeren van nodes en het vereenvoudigen van het protocol
-- **The Splurge**: andere upgrades die niet goed in de vorige categorieën passen.
-
-We hebben besloten om deze terminologie niet te gebruiken omdat we een eenvoudiger en meer gebruikersgericht model wilden. Hoewel we gebruikersgerichte taal hanteren, blijft de visie dezelfde als die van Vitalik.
-
-## Wat met sharding? {#what-about-sharding}
-
-Sharding is het opsplitsen van de Ethereum-blockchain zodat subsets van [validators](/glossary/#validator) slechts verantwoordelijk zijn voor een fractie van het totale aantal gegevens. Dit was oorspronkelijk bedoeld als de manier voor Ethereum om op te schalen. [Laag 2](/glossary/#layer-2)-rollups hebben zich echter veel sneller ontwikkeld dan verwacht en hebben al voor veel schaalbaarheid gezorgd, en zullen voor nog veel meer schaalbaarheid zorgen nadat Proto-Danksharding is geïmplementeerd. Dit betekent dat "shard chains" niet langer nodig zijn en van de routekaart zijn gehaald.
-
-## Op zoek naar specifieke technische upgrades? {#looking-for-specific-technical-upgrades}
-
-- [Danksharding](/roadmap/danksharding) - Danksharding maakt laag 2-rollups veel goedkoper voor gebruikers door “blobs” met gegevens toe te voegen aan Ethereum-blocks.
-- [Staking-opnames](/staking/withdrawals) - De Shanghai/Capella-upgrade maakte staking-opnames op Ethereum mogelijk, waardoor mensen hun gestakete ETH konden deblokkeren.
-- [Single slot-finaliteit](/roadmap/single-slot-finality) - In plaats van vijftien minuten te wachten, konden blocks in hetzelfde tijdsbestek worden voorgesteld en gefinaliseerd. Dit is handiger voor apps en veel moeilijker aan te vallen.
-- [Scheiding tussen voorstellers en bouwers](/roadmap/pbs) - Het verdelen van de blockbouw- en blockvoorsteltaken over aparte validators creëert een eerlijkere, meer censuurbestendige en efficiëntere manier voor Ethereum om tot een consensus te komen.
-- [Geheime leidersselectie](/roadmap/secret-leader-election) - Slimme cryptografie kan worden gebruikt om ervoor te zorgen dat de identiteit van de huidige blockvoorsteller niet openbaar wordt gemaakt, waardoor deze wordt beschermd tegen bepaalde soorten aanvallen.
-- [Accountabstractie](/roadmap/account-abstraction) - Accountabstractie is een klasse van upgrades die smart contract-wallets direct ondersteunen op Ethereum, in plaats van complexe middleware te moeten gebruiken.
-- [Verkle Trees](/roadmap/verkle-trees) - Verkle Trees zijn een gegevensstructuur die gebruikt kan worden om te zorgen voor statusloze clients op Ethereum. Deze “statusloze” clients hebben maar een kleine hoeveelheid opslagruimte nodig, maar kunnen nog steeds nieuwe blocks verifiëren.
-- [Statusloosheid](/roadmap/statelessness) - Statusloze clients kunnen nieuwe blocks verifiëren zonder grote hoeveelheden gegevens op te slaan. Dit biedt alle voordelen van een node met slechts een fractie van de huidige kosten.
diff --git a/public/content/translations/nl/roadmap/merge/index.md b/public/content/translations/nl/roadmap/merge/index.md
index 43c38353766..fe87ace7e15 100644
--- a/public/content/translations/nl/roadmap/merge/index.md
+++ b/public/content/translations/nl/roadmap/merge/index.md
@@ -37,9 +37,13 @@ De samenvoeging betekende de officiële overstap naar het gebruik van de Beacon
 
 Geen enkele geschiedenis ging verloren tijdens de samenvoeging. Toen het hoofdnet fuseerde met de Beacon Chain, werd ook de hele transactiegeschiedenis van Ethereum samengevoegd.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Deze overgang naar proof-of-stake veranderde de manier waarop ether wordt uitgegeven. Ontdek meer over de <a href="/roadmap/merge/issuance/">ether-uitgifte voor en na de samenvoeging</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Gebruikers en houders {#users-holders}
 
diff --git a/public/content/translations/nl/roadmap/merge/issuance/index.md b/public/content/translations/nl/roadmap/merge/issuance/index.md
index 52d33a68f7b..3a5360e944c 100644
--- a/public/content/translations/nl/roadmap/merge/issuance/index.md
+++ b/public/content/translations/nl/roadmap/merge/issuance/index.md
@@ -54,11 +54,15 @@ Totale ETH-aanvoer: **~120.520.000 ETH** (ten tijde van de samenvoeging in septe
 - Resulteert in **~620.500** uitgegeven ETH in één jaar
 - Resulteerde in een inflatiepercentage van **bijna 0,52%** (620.500 per jaar / 119,3M in totaal)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 <strong>Totaal uitgiftepercentage op jaarbasis (voorafgaand aan de samenvoeging): ~4.61%</strong> (4.09% + 0.52%)<br/><br/>
 <strong>~88,7%</strong> van die uitgifte ging naar miners op de uitvoeringslaag (4,09 / 4,61 * 100)<br/><br/>
 <strong>~11,3%</strong> werd uitgegeven aan stakers op de consensuslaag (0,52 / 4,61 * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Na de samenvoeging (vandaag de dag) {#post-merge}
 
@@ -84,18 +88,26 @@ Naarmate meer validators vertrekken, zal het maximale aantal vertrekkende valida
 - Uitgifte uitvoeringslaag: **0**
 - Uitgifte consensuslaag: hetzelfde als hierboven, **~0,52%** jaarlijkse uitgiftepercentage (met 14 miljoen totaal gestakete ETH)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Totaal uitgiftepercentage op jaarbasis: <strong>~0.52%</strong><br/><br/>
 Nettovermindering in jaarlijkse ETH-uitgifte: <strong>~88.7%</strong> ((4.61% - 0.52%) / 4.61% * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## <Emoji text=":fire:" size="1" />De verbranding {#the-burn}
 
 De tegengestelde kracht van ETH-uitgifte is de snelheid waarmee ETH wordt verbrand. Om een transactie op Ethereum uit te voeren, moet een minimale kost (bekend als een "basiskost") worden betaald, die continu fluctueert (van block tot block) afhankelijk van de netwerkactiviteit. Deze kost wordt betaald in ETH en is _vereist_ om de transactie als geldig te beschouwen. Deze kost wordt _verbrand_ tijdens het transactieproces, waardoor het uit circulatie wordt gehaald.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Kosten verbranden ging live met <a href="/history/#london">de London-upgrade</a> in augustus 2021, en bleef ongewijzigd sinds de samenvoeging.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Bovenop de verbranding van de kosten die door de London-upgrade zijn geïmplementeerd, kunnen validators ook sancties krijgen als ze offline zijn, of erger nog, ze kunnen worden geslasht voor het overtreden van specifieke regels die de veiligheid van het netwerk in gevaar brengen. Deze sancties leiden tot een vermindering van ETH van het saldo van deze validator, wat niet direct beloond wordt op een ander account, waardoor het effectief wordt verbrand/verwijderd uit de circulatie.
 
diff --git a/public/content/translations/nl/roadmap/scaling/index.md b/public/content/translations/nl/roadmap/scaling/index.md
index 9a257f05193..2283fb1d50d 100644
--- a/public/content/translations/nl/roadmap/scaling/index.md
+++ b/public/content/translations/nl/roadmap/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 Ethereum wordt opgeschaald met [laag 2's](/layer-2/#rollups) (ook bekend als rollups), die transacties samenvoegen en de uitvoer naar Ethereum sturen. Hoewel rollups tot acht keer goedkoper zijn dan het hoofdnet van Ethereum, is het mogelijk om rollups verder te optimaliseren om de kosten voor eindgebruikers te verlagen. Rollups vertrouwen ook op een aantal gecentraliseerde componenten die ontwikkelaars kunnen verwijderen als de rollups zich ontwikkelen.
 
-<InfoBanner mb={8} title="Transactiekosten">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  Transactiekosten
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>De rollups van vandaag zijn <strong>~5-20x</strong> goedkoper dan Ethereum laag 1</li>
     <li>ZK-rollups zullen de kosten binnenkort verlagen met <strong>~40-100x</strong></li>
     <li>Aankomende veranderingen aan Ethereum zullen Ethereum nog eens <strong>~100-1000x</strong> doen opschalen</li>
     <li style={{ marginBottom: 0 }}>Gebruikers zullen wellicht profiteren van transacties <strong>die minder dan $ 0,001 kosten</strong></li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Gegevens goedkoper maken {#making-data-cheaper}
 
diff --git a/public/content/translations/nl/security/index.md b/public/content/translations/nl/security/index.md
index 85f1d76508e..ef8d7b7e49e 100644
--- a/public/content/translations/nl/security/index.md
+++ b/public/content/translations/nl/security/index.md
@@ -122,11 +122,12 @@ Als algemene regel zal het personeel nooit met u communiceren via privé- en nie
 - Sta nooit iemand op afstand toegang toe tot uw computer
 - Communiceer nooit buiten de aangewezen kanalen van een organisatie
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Pas op: hoewel support scams vaak gebeuren op Discord, kunnen ze ook voorkomen in chatprogramma's waar discussie over crypto plaatsvindt, inclusief e-mail.
   </div>
-</InfoBanner>
+</Alert>
 
 ### 'Eth2'-tokenscam {#eth2-token-scam}
 
@@ -213,11 +214,12 @@ Een sterk wachtwoord dat openbaar is gemaakt bij een datalek, is niet langer een
 
 ### Gebruik een wachtwoordbeheerder {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     Het gebruik van een wachtwoordbeheerder zorgt voor het maken van sterke, unieke wachtwoorden en het onthouden van deze wachtwoorden! Wij raden <strong>sterk</strong> aan om er een te gebruiken, de meeste zijn gratis!
   </div>
-</InfoBanner>
+</Alert>
 
 Het onthouden van sterke, unieke wachtwoorden voor elk account dat u heeft is niet ideaal. Een wachtwoordbeheerder biedt een veilige en versleutelde opslag voor al uw wachtwoorden waartoe u via één sterk hoofdwachtwoord toegang kunt verkrijgen. Ze suggereren ook sterke wachtwoorden bij het aanmelden voor een nieuwe service, zodat u uw eigen wachtwoord niet hoeft te maken. Veel wachtwoordbeheerders zullen u ook vertellen of u betrokken bent geweest bij een gegevenslek, waarna ze u uw wachtwoord laten wijzigen voordat er kwaadwillige aanvallen kunnen plaatsvinden.
 
@@ -240,11 +242,12 @@ Soms word je gevraagd je identiteit te verifiëren met unieke bewijzen. Deze sta
 
 Met behulp van **twee-factor-authenticatie (2FA)** zorg je voor een extra *beveiligingsfactor* voor je online accounts. Met 2FA zorg je ervoor dat je met alleen je wachtwoord niet meer toegang krijgt tot een account. Meest gebruikelijk is de tweede factor een willekeurige 6-cijferige code, bekend als een **tijdsgebaseerd eenmalig wachtwoord (TOTP)**, waartoe u toegang heeft via een verificatie-app zoals Google Authenticator of Authy. Deze werken als een "iets dat u bezit"-factor, omdat de seed die de tijdcode genereert op uw apparaat is opgeslagen.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Opmerking: het gebruik van SMS-gebaseerde 2FA is gevoelig voor <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM-jacking</a> en is niet veilig. Voor de beste beveiliging gebruik je een service als <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> of <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Beveiligingssleutels {#security-keys}
 
diff --git a/public/content/translations/nl/staking/withdrawals/index.md b/public/content/translations/nl/staking/withdrawals/index.md
index 92dd57ab10b..5e0d2b488cf 100644
--- a/public/content/translations/nl/staking/withdrawals/index.md
+++ b/public/content/translations/nl/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Vóór de upgrade van Shanghai/Capella kon je je gestakete ETH niet gebruiken of
 
 Het opgeven van een opnameadres is een vereiste stap voor elk validatoraccount voordat er ETH van het saldo kan worden opgenomen.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Aan elk validatoraccount kan slechts één opnameadres worden toegewezen, en wel één keer.</strong> Zodra een adres is gekozen en ingediend bij de consensuslaag, kan dit niet meer ongedaan worden gemaakt of worden gewijzigd. Controleer nogmaals of het opgegeven adres juist is en of het eigendomsrechtelijk is vastgelegd voordat je het indient.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Er bestaat <strong>geen dreiging voor je geld in de tussentijd</strong> als je dit niet doet, ervan uitgaande dat je geheugensteuntje/zaadzin offline veilig offline is gebleven en op geen enkele manier is gecompromitteerd. Als je geen opnamegegevens invoert, blijft de ETH zoals tevoren geblokkeerd in het validatoraccount totdat er een opnameadres wordt opgegeven.
 
@@ -82,11 +87,16 @@ Bekijk deze uitleg van Finematics over Ethereum staking-opnames:
 
 Wanneer een validator het volgende blok moet voorstellen, moet hij een opnamewachtrij samenstellen van maximaal 16 in aanmerking komende opnames. Dit wordt gedaan door te beginnen met de validatorindex 0 en te bepalen of er een opname in aanmerking komt voor dit account volgens de regels van het protocol. Als dit het geval is, wordt het account toegevoegd aan de wachtrij. De validator die is ingesteld om het volgende blok voor te stellen, gaat verder waar het vorige blok is gestopt en gaat oneindig door.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Denk aan een analoge klok. De wijzer op de klok wijst naar het uur, beweegt in één richting, slaat geen uren over en komt uiteindelijk weer terecht bij het begin nadat het laatste nummer is bereikt.<br/><br/>
 Stel je nu voor dat de klok in plaats van 1 tot en met 12 0 tot en met N heeft <em>(het totale aantal validatoraccounts dat ooit is geregistreerd op de consensuslaag, meer dan 500.000 in januari 2023).</em><br/><br/>
 De wijzer op de klok wijst naar de volgende validator die moet worden gecontroleerd op in aanmerking komende opnames. Hij begint bij 0 en gaat door tot het einde, zonder dat er accounts worden overgeslagen. Wanneer de laatste validator bereikt is, begint de cyclus weer opnieuw vanaf het begin.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Een account controleren op opnames {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/nl/web3/index.md b/public/content/translations/nl/web3/index.md
index 8e71249b0c0..0866f8d160d 100644
--- a/public/content/translations/nl/web3/index.md
+++ b/public/content/translations/nl/web3/index.md
@@ -67,12 +67,15 @@ Web3 geeft je op ongekende manier eigendom van je digitale activa. Bijvoorbeeld,
 
 Web3 staat directe eigendom toe via [niet-fungibele tokens (NFT's)](/glossary/#nft). Niemand, zelfs niet de makers van het spel, heeft de macht om je je eigendom af te nemen. En als je stopt met spelen, kun je je in-game items verkopen of verhandelen op open markten en hun waarde terugverdienen.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Lees meer over NFT's</div>
   <ButtonLink href="/nft/">
     Meer over NFT's
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Censuurbestendig {#censorship-resistance}
 
@@ -94,12 +97,15 @@ DAO's worden technisch gedefinieerd als overeengekomen [slimme contracten](/glos
 
 Veel Web3-gemeenschappen worden echter gedefinieerd als DAO's. Deze gemeenschappen hebben allemaal verschillende niveaus van decentralisatie en automatisering per code. Momenteel onderzoeken we wat DAO's zijn en hoe ze in de toekomst kunnen evolueren.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Leer meer over DAO's</div>
   <ButtonLink href="/dao/">
     Meer over DAO's
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Identiteit {#identity}
 
diff --git a/public/content/translations/pcm/defi/index.md b/public/content/translations/pcm/defi/index.md
index f90f947a412..407af8925c7 100644
--- a/public/content/translations/pcm/defi/index.md
+++ b/public/content/translations/pcm/defi/index.md
@@ -63,12 +63,15 @@ Ethereum dey build on dis. Laik Bitcoin, di rules nor fit shanj on yu and efrion
 
 E dey sound odd... "why i go wan program mai monie"? As e dey, dis pass just one default feature of tokens on Ethereum. Anyone fit program logik into payments. So yu fit get di kontrol and sekurity of Bitcoin wey dem mix wit di savis dem provide by finanshia institushons. Dis dey allow yu do tins wit cryptocurrencies wey yu nor fit do wit Bitcoin laik to dey lend and borrow, dey prosess payments, dey invest in index funds and more.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Make yu eksplore awa suggeshons for DeFi aplikashons to try out if yu dey new to Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Make yu eksplore Defi apps
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Wetin yu fit do wit DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/pcm/energy-consumption/index.md b/public/content/translations/pcm/energy-consumption/index.md
index 099eaca393e..01f16bc802a 100644
--- a/public/content/translations/pcm/energy-consumption/index.md
+++ b/public/content/translations/pcm/energy-consumption/index.md
@@ -61,9 +61,14 @@ As Ethereum energy konsumpshon dey very low, im still get big, growin, and aktiv
 
 Web3 native publik goods wey dey fund platfoms laik [Gitcoin](https://gitcoin.co) dey run klimate rounds so dem go fit promote building on aplikashon layer of Ethereum wey go konsida di environment. Thru di divelopment of dis initiatives ( and odas, laik [DeSci](/desci/)), Ethereum dey turn teknology wey dey good environmentally and socially.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   If yu feel sey dis page fit dey more akurate, abeg try raise issue abi PR. Dem estimate di stats on dis page base on publik data wey dey afailabol - dem nor reprisent offishial statement abi promise from di ethereum.org team, abi di Ethereum Foundashon.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Further reading {#further-reading}
 
diff --git a/public/content/translations/pcm/nft/index.md b/public/content/translations/pcm/nft/index.md
index 250845ad354..2b5736a4741 100644
--- a/public/content/translations/pcm/nft/index.md
+++ b/public/content/translations/pcm/nft/index.md
@@ -54,12 +54,15 @@ Dem dey yus NFTs for many tins, wey inklude:
 
 E fit bi say yu bi artist wey wont shia dem work wey dey yus NFTs, witout luzin kontrol and sakrifisin yor profits to intamediaris. Yu fit kreate new kontrat and spesify di nomba of NFTs, dem propatis, and one link to some spesifik artwork. As di artist, ** yu fit program am inside di smart kontract di royaltis** wey dem suppose pay yu (e.g. transfa 5% of hau much dem sell NFT to di pesin wey get di kontract efri taim wey dem sell yor NFT). Yu fit also always pruf say yu don kreate di NFT bikos yu go own di [wallet](/glossary/#wallet) wey deploy di kontract. Pipol wey dey buy fit pruf sey dem own one **orijina NFT** from yor koleshon bikos dem wallet [address](/glossary/#address) dey konet wit one token inside yor smart kontract. Dem fit yus am akross di Ethereum ekosystem, konfidnet in im authentisity.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Eksplore, buy abi kreate yor own NFT art/kolectibols...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Make yu eksplore NFT art
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Abi konsida one ticket for one sport event. Just like pesin wey dey **organise one event fit shuse many tickets to sell**, pesin wey kreate NFT fit deside hau many replikate dey. Somtaims dis dey resembol am, like 5000 General Admishon tikets. Somtaims dem dey mint plenti wey bi di same, but ish one difren smoll, like one ticket wit one seat wey dem assign. Pipol fit buy and sell dem peer-to-peer witout paying ticket handlas and di pesin wey buy go always get asurans for di ticket authentisity as dem dey shek di kontract address.
 
diff --git a/public/content/translations/pcm/security/index.md b/public/content/translations/pcm/security/index.md
index 8c07699a67e..aad2f2d524a 100644
--- a/public/content/translations/pcm/security/index.md
+++ b/public/content/translations/pcm/security/index.md
@@ -124,11 +124,12 @@ As one general rule, staff go neva komunikate wit yu thru private, shanels wey n
 - Neva allow anyone remote access into yor komputa
 - Neva komunikate one organisashon shanels for outside
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Dey kiaful: aldoh suppot-style skam dey always hapun on Discord, dem fit also plenti on any chat aplikashons wia crypto diskushon dey hapun, inkludin email.
   </div>
-</InfoBanner>
+</Alert>
 
 ### 'Eth2' token skam {#eth2-token-scam}
 
@@ -215,11 +216,12 @@ One strong passwods wey don show di data breach nor bi strong passwod again. Di
 
 ### Make yu yus one passwod manaja {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     To dey yus passwod manaja dey take kia of kreatin strong, unik passwods and dey rimemba dem! We rekomend <strong>strongly</strong> to dey yus one, and plenti of dem dey free!
   </div>
-</InfoBanner>
+</Alert>
 
 Make yu dey rimember strong, unik passwods for efri akant yu get nor gud. Passwod manaja dey offa sekure, enkrypted atore for all yor passwods wey yu fit access thru one strong masta passwod. Dem also sujest strong passwods wen yu dey sign up for new savis, so yu nor nid to kreate yor own. Plenti passwod manajas go also tell yu if yu don enta data breach, to allow yu shanj di passwods bifor any bad attak.
 
@@ -242,11 +244,12 @@ Dem fit somtaims ask make yu autentikate yor identity thru unik prufs. Dem sabi
 
 To dey yus **Two-Faktor Autentikashon (2FA)** dey provide one *sekurity faktor* join for yor online akants. 2FA dey make sure sey to get yor passwod nor dey enuf to access one akant. As im komon, di sekond faktor na randomaiz 6-digit kode, wey dem sabi as one **taim-base one-taim passwod (TOTP)**, wey yu fit access thru one autentikator app laik Google Autentikator abi Authy. Dis dey wok as one "somtin yu get" faktor bikos dem store di seed wey dey generate di taim kode on yor device.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Note: To dey yus 2FA dipend on <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM jacking</a> and im nor dey sekure. For di sekurity wey betta pass, yus one savis laik <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Autentikator</a> abi <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Sekurity keys {#security-keys}
 
diff --git a/public/content/translations/pcm/staking/withdrawals/index.md b/public/content/translations/pcm/staking/withdrawals/index.md
index 6dda1dd003b..bb7ea281ec0 100644
--- a/public/content/translations/pcm/staking/withdrawals/index.md
+++ b/public/content/translations/pcm/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Bifor di Shenghai/Capella upgrade, yu nor fit yus abi access yor ETH wey yu stak
 
 To dey provide witdrawal address na step wi nid for any validator akant bifor im go dey eligibol to witdraw ETH from im balans.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong> Ish validator akant fit only get one singol witdrawal address, one taim.</strong> Wons dem don shuse one address and don submit to di konsensus layer, wi nor fit undo abi shanj am again. Make yu doubol-sheck ownaship and akurasy of di address wey dem provide bifor yu submit.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Nor threat <strong>dey to dey fund in di meantaim</strong> as yu nor dey provide dis, assuming yor mnemonic/seed fraiz don rimain safe offline, and dem neva spoil in any way. Failure to add witdrawal kredenshials go simply leave di ETH wey dem lock in di validator akant as im don bi ontil dem provide witdrawal address.
 
@@ -82,11 +87,16 @@ Make yu shek dis explanashon of Ethereum staking withdrawals by Finematiks:
 
 Wen dem schedule one validator to propose di next block, dem nid am to build one witdrawal queue, of up to 16 eligibol witdrawals. Dem dey do dis by orijinaly starting wit validator index 0, wey dey ditamin if dia is one eligibol witdrawal for dis akant par di rules of di protokol, and dey add am to di queue if im dey. Di validator wan propose di folowing block go pick up wia di last one wey rimain, dey progress in order indefinitely.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Tink abou one analogue clock. Di hand on di clock dey point to di hawa, dey progress on one direkshon, nor dey skip any hawas, and wraps around las las to di start again afta di last numba don rish.<br/><br/>
 Nua insted of 1 thru 12, imajin sey di clock get 0 thru N <em>(di komplete numba of validator akounts wey dem don eva regista on di konsensus layer, ova 500,000 as of Jan 2023).</em><br/><br/>
 Di hand on di clock points to di next validator wey nid to dey shek for eligibol witdrawals. Im start for 0, and kontinu all di way around witout skipping any akants. Wen di last validator don rish, di cykol kontinu back at di start.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### To dey shek one akant for witdrawals {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/pcm/web3/index.md b/public/content/translations/pcm/web3/index.md
index a5962b6e053..b5cd805f3f5 100644
--- a/public/content/translations/pcm/web3/index.md
+++ b/public/content/translations/pcm/web3/index.md
@@ -61,12 +61,15 @@ Web3 dey give yu ownaship of yor dijital assets in stranj way. For eksampol, sey
 
 Web3 go give yu diret ownaship thru [non-fungibol tokens (NFTs)](/glossary/#nft). Nor one, not even di pipol wey kretae di game, get di pawa to komot yor ownaship. And, if yu stop to dey play, yu fit sell abi trade yor in-game items on open markets and bring dem value back.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Make yu learn more abou NFTs</div>
   <ButtonLink href="/nft/">
     More abou NFTs
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Sensorship resistans {#censorship-resistance}
 
@@ -86,12 +89,15 @@ Dem difine DAOs as dem agree [smart kontracts](/glossary/#smart-contract) wey au
 
 Haueva, pipol difine many Web3 komunitis as DAOs. All dis komunitis dem get difren levels of disentralizashon and automashon by kode. Currently, we dey explore wetin DAOs be and how dem fit evolve in the future. Nau-nau, wi dey eksplore wetin DAOs bi and hau dem fit shanj in di fushure.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Una fit learn plenty about DAOs</div>
   <ButtonLink href="/dao/">
     More on DAOs
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Identity {#identity}
 
diff --git a/public/content/translations/pl/defi/index.md b/public/content/translations/pl/defi/index.md
index 914a5c02bb3..0a7de11dc79 100644
--- a/public/content/translations/pl/defi/index.md
+++ b/public/content/translations/pl/defi/index.md
@@ -63,12 +63,15 @@ Ethereum opiera się na tych zasadach. Podobnie jak w przypadku Bitcoin, są one
 
 To brzmi dziwnie... „Dlaczego mam programować moje pieniądze?” W ekosystemie Ethereum jest to jednak domyślna cecha wszystkich tokenów. Każdy może wprowadzić do systemu płatności dowolną logikę. Takie rozwiązanie nie tylko zapewnia bezpieczeństwo środków i ich kontrolę, jak w przypadku Bitcoin, ale także dostęp do usług finansowych. Umożliwia również używanie kryptowalut do działań niemożliwych w przypadku Bitcoin: pożyczania i bycia pożyczkodawcą, planowania płatności w czasie, inwestowania w fundusze i znacznie więcej.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Zobacz nasze sugerowane aplikacje DeFi i przetestuj je, jeśli nie znasz jeszcze ekosystemu Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Eksploruj aplikacje DeFi
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Co mogę robić w DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/pl/energy-consumption/index.md b/public/content/translations/pl/energy-consumption/index.md
index 658f2ef908e..296f20dad80 100644
--- a/public/content/translations/pl/energy-consumption/index.md
+++ b/public/content/translations/pl/energy-consumption/index.md
@@ -61,9 +61,14 @@ Obecnie zużycie energii przez Ethereum jest bardzo niskie, a ponadto istnieje r
 
 Natywne platformy Web3 do finansowania dóbr publicznych, takie jak [Gitcoin](https://gitcoin.co), przeprowadzają rundy klimatyczne w celu stymulowania świadomego i ekologicznego budowania w warstwie aplikacji Ethereum. Dzięki rozwojowi tych inicjatyw (i innych, takich jak [DeSci](/desci/)) Ethereum staje się technologią o pozytywnym wpływie środowiskowym i społecznym.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Jeśli uważasz, że ta strona może być dokładniejsza, zgłoś problem lub PR. Statystyki na tej stronie są szacunkami opartymi na danych, które są dostępne publicznie — nie stanowią one oficjalnego oświadczenia ani obietnicy ze strony zespołu ethereum.org lub Fundacji Ethereum.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Dalsza lektura {#further-reading}
 
diff --git a/public/content/translations/pl/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/pl/guides/how-to-create-an-ethereum-account/index.md
index cc98aa63b15..9aeb5a1b4c3 100644
--- a/public/content/translations/pl/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/pl/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ Niektóre aplikacje poproszą o zapisanie tajnej „frazy odzyskiwania” (czasa
 **Każda osoba, która zna tę frazę, może przejąć kontrolę nad wszystkimi funduszami.** Nigdy nikomu nie ujawniaj tej frazy. Ta fraza powinna zawierać od 12 do 24 losowo wygenerowanych słów (kolejność słów ma znaczenie).
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>Portfel już zainstalowany?</b><br/>Naucz się z niego korzystać.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     Jak używać portfela
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 </div>
 
 Interesują Cię inne przewodniki? Sprawdź nasze: [Poradniki krok po kroku](/guides/)
diff --git a/public/content/translations/pl/guides/how-to-revoke-token-access/index.md b/public/content/translations/pl/guides/how-to-revoke-token-access/index.md
index f00f45dc9bc..37e0f5176dc 100644
--- a/public/content/translations/pl/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/pl/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ Zalecamy odświeżenie narzędzia do unieważniania po kilku minutach i ponowne
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Chcesz dowiedzieć się więcej?</div>
   <ButtonLink href="/guides/">
     Zobacz nasze inne przewodniki
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Często zadawane pytania
 
diff --git a/public/content/translations/pl/guides/how-to-swap-tokens/index.md b/public/content/translations/pl/guides/how-to-swap-tokens/index.md
index 6a1d8bff279..293326114d8 100644
--- a/public/content/translations/pl/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/pl/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ Możesz zobaczyć postęp transakcji w dowolnym eksploratorze blockchain. Proces
 Po przetworzeniu transakcji automatycznie otrzymasz wymienione tokeny do swojego portfela.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Chcesz dowiedzieć się więcej?</div>
   <ButtonLink href="/guides/">
     Zobacz nasze inne przewodniki
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Często zadawane pytania
 
diff --git a/public/content/translations/pl/guides/how-to-use-a-bridge/index.md b/public/content/translations/pl/guides/how-to-use-a-bridge/index.md
index cf832ae228c..1cbf771be42 100644
--- a/public/content/translations/pl/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/pl/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ Proces ten nie powinien zająć więcej niż 10 minut.
 Możesz użyć [chainlist.org](http://chainlist.org), aby znaleźć szczegóły RPC sieci. Po dodaniu sieci i zakończeniu transakcji powinieneś zobaczyć tokeny w swoim portfelu.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Chcesz dowiedzieć się więcej?</div>
   <ButtonLink href="/guides/">
     Zobacz nasze inne przewodniki
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Często zadawane pytania
 
diff --git a/public/content/translations/pl/guides/how-to-use-a-wallet/index.md b/public/content/translations/pl/guides/how-to-use-a-wallet/index.md
index 2a0d784fe79..9eab5e7471b 100644
--- a/public/content/translations/pl/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/pl/guides/how-to-use-a-wallet/index.md
@@ -62,12 +62,15 @@ Twój adres będzie taki sam we wszystkich projektach Ethereum. Nie musisz rejes
 5. Potwierdź prośbę o podpis w portfelu, aby ustanowić połączenie. **Podpisywanie tej wiadomości nie powinno wymagać wydawania żadnych ETH**.
 6. Gotowe! Zacznij używać aplikacji. Możesz znaleźć kilka interesujących projektów na naszej [stronie zdecentralizowanych aplikacji](/dapps/#explore). <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Chcesz dowiedzieć się więcej?</div>
   <ButtonLink href="/guides/">
     Zobacz nasze inne przewodniki
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Często zadawane pytania
 
diff --git a/public/content/translations/pl/nft/index.md b/public/content/translations/pl/nft/index.md
index df557428b9c..b7b4871da57 100644
--- a/public/content/translations/pl/nft/index.md
+++ b/public/content/translations/pl/nft/index.md
@@ -54,12 +54,15 @@ NFT są używane do wielu rzeczy, w tym:
 
 Być może jesteś artystą, który chce udostępniać swoje prace za pomocą NFT, bez utraty kontroli i poświęcania zysków na rzecz pośredników. Możesz utworzyć nowy kontrakt i określić liczbę NFT, ich właściwości oraz link do określonego dzieła sztuki. Jako artysta **możesz zaprogramować w inteligentnym kontrakcie tantiemy**, które powinny zostać Ci zapłacone (np. przekazywać 5% ceny sprzedaży właścicielowi kontraktu za każdym razem, gdy NFT zostanie przeniesione). Zawsze możesz również udowodnić, że NFT został stworzony przez Ciebie, ponieważ jesteś właścicielem [portfela](/glossary/#wallet), który wdrożył kontrakt. Kupujący mogą łatwo udowodnić, że posiadają **autentyczny NFT** z Twojej kolekcji, ponieważ ich [adres](/glossary/#address) portfela jest powiązany z tokenem w Twoim inteligentnym kontrakcie. Mogą go używać w całym ekosystemie Ethereum, mając pewność co do jego autentyczności.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Odkrywaj, kupuj lub twórz swoje własne dzieła sztuki/kolekcje NFT...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Odkryj sztukę NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Pomyśl o tym tak jak o bilecie na wydarzenie sportowe. Podobnie jak **organizator wydarzenia może wybrać, ile biletów chce sprzedać**, twórca NFT może zdecydować, ile istnieje replik. Czasami są to dokładne repliki, takie jak 5000 takich samych biletów wstępu. Czasami wybijanych jest kilka bardzo podobnych biletów, ale nieco różniących się od siebie, np. bilet z przypisanym miejscem. Można je kupować i sprzedawać peer-to-peer bez płacenia osobie obsługującej bilety, a kupujący zawsze ma pewność co do autentyczności biletu, sprawdzając adres kontraktu.
 
diff --git a/public/content/translations/pl/roadmap/beacon-chain/index.md b/public/content/translations/pl/roadmap/beacon-chain/index.md
index 86418cec6a8..e91d7923cb5 100644
--- a/public/content/translations/pl/roadmap/beacon-chain/index.md
+++ b/public/content/translations/pl/roadmap/beacon-chain/index.md
@@ -34,9 +34,14 @@ Przejście na proof-of-stake sprawiło, że sieć Ethereum stała się znacznie
 
 Stosowanie proof-of-stake jako mechanizmu konsensusu jest fundamentalnym elementem [bezpiecznego, przyjaznego dla środowiska i skalowalnego Ethereum, które mamy teraz](/roadmap/vision/).
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Jeśli chcesz zostać walidatorem i pomóc w zabezpieczaniu Ethereum, <a href="/staking/">dowiedz się więcej o stakingu</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Przygotowanie do shardingu {#setting-up-for-sharding}
 
diff --git a/public/content/translations/pl/roadmap/danksharding/index.md b/public/content/translations/pl/roadmap/danksharding/index.md
index 3526edfeae1..c90e797ee6c 100644
--- a/public/content/translations/pl/roadmap/danksharding/index.md
+++ b/public/content/translations/pl/roadmap/danksharding/index.md
@@ -57,9 +57,9 @@ Jeśli ktoś zna losowe lokalizacje użyte do zobowiązania, może łatwo wygene
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
   Ani Danksharding, ani Proto-Danksharding nie są zgodne z tradycyjnym modelem „shardingu”, który ma na celu podzielenie blockchainu na wiele części. Łańcuchy odłamkowe nie są już częścią planu działania. W zamian Danksharding wykorzystuje rozproszone próbkowanie danych w blobach do skalowania Ethereum. Jest to znacznie prostsze do wdrożenia. Model ten był czasami określany jako „odłamkowanie danych”.
-</InfoBanner>
+</Alert>
 
 ## Czym jest Danksharding? {#what-is-danksharding}
 
diff --git a/public/content/translations/pl/roadmap/index.md b/public/content/translations/pl/roadmap/index.md
deleted file mode 100644
index 6133c893481..00000000000
--- a/public/content/translations/pl/roadmap/index.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: Plan działania Ethereum
-description: Droga do zwiększenia skalowalności, bezpieczeństwa i stabilności Ethereum.
-lang: pl
-template: roadmap
-image: /images/heroes/roadmap-hub-hero.jpg
-alt: "Plan działania Ethereum"
-summaryPoints:
-buttons:
-  - 
-    content: Kolejne ulepszenia
-    toId: what-changes-are-coming
-  - 
-    content: Poprzednie ulepszenia
-    href: /history/
-    variant: outline
----
-
-Chociaż Ethereum jest już potężną platformą do globalnej koordynacji, wciąż jest ulepszane. Ambitny zestaw ulepszeń spowoduje, że Ethereum stanie się w pełni skalowalną, maksymalnie odporną platformą. Ulepszenia te zostały określone w planie działania Ethereum.
-
-**Aby dowiedzieć się więcej o poprzednich ulepszeniach Ethereum, odwiedź stronę naszej [historii](/history/)**
-
-## Jakie zmiany nadchodzą w Ethereum? {#what-changes-are-coming}
-
-Plan działania Ethereum określa konkretne ulepszenia, które zostaną wprowadzone do protokołu w przyszłości. Ogólnie rzecz biorąc, plan działania przyniesie następujące korzyści użytkownikom Ethereum:
-
-<CardGrid>
-  <RoadmapActionCard
-    href="/roadmap/scaling"
-    title="Tańsze transakcje"
-    image="scaling"
-    description="Rollups are too expensive and rely on centralized components, causing users to place too much trust in their operators. The roadmap includes fixes for both of these problems."
-    buttonText="More on reducing fees"
-  />
-  <RoadmapActionCard
-    href="/roadmap/security"
-    title="Dodatkowe zabezpieczenia"
-    image="security"
-    description="Ethereum is already very secure but it can be made even stronger, ready to withstand all kinds of attack far into the future."
-    buttonText="More on security"
-  />
-  <RoadmapActionCard
-    href="/roadmap/user-experience"
-    title="Lepsze doświadczenie użytkownika"
-    image="userExperience"
-    description="More support for smart contract wallets and light-weight nodes will make using Ethereum simpler and safer."
-    buttonText="More on user experience"
-  />
-  <RoadmapActionCard
-    href="/roadmap/future-proofing"
-    title="Zabezpieczenie na przyszłość"
-    image="futureProofing"
-    description="Ethereum researchers and developers are solving tomorrow's problems today, readying the network for future generations."
-    buttonText="More on future proofing"
-  />
-</CardGrid>
-
-## Dlaczego Ethereum potrzebuje planu działania? {#why-does-ethereum-need-a-roadmap}
-
-Ethereum otrzymuje regularne ulepszenia, które zwiększają jego skalowalność, bezpieczeństwo lub zrównoważony rozwój. Jedną z głównych zalet Ethereum jest adaptacja w miarę pojawiania się nowych pomysłów w ramach badań i rozwoju. Zdolność do adaptacji zapewnia Ethereum elastyczność w radzeniu sobie z nowymi wyzwaniami i nadążaniu za najbardziej zaawansowanymi przełomami technologicznymi.
-
-<RoadmapImageContent title="Jak zdefiniowany jest plan działania">
-
-Plan działania jest głównie wynikiem wielu lat pracy badaczy i programistów — protokół jest bowiem bardzo techniczny — ale każda zmotywowana osoba może w nim uczestniczyć. Pomysły zwykle zaczynają się od dyskusji na forum, np. [ethresear.ch](https://ethresear.ch/), [Ethereum Magicians](https://ethereum-magicians.org/) lub na serwerze Discord Eth R&D. Mogą one być odpowiedzią na nowo odkryte luki w zabezpieczeniach, sugestią organizacji pracujących w warstwie aplikacji (jak np. [zdecentralizowane aplikacje](/glossary/#dapp) i giełdy) lub znanym utrudnieniem dla użytkowników (jak np. koszty lub szybkość transakcji). Gdy pomysły te zostaną dopracowane, mogą zostać zaproponowane jako [Propozycje Ulepszeń Ethereum](https://eips.ethereum.org/). Wszystko to odbywa się publicznie, dzięki czemu każdy członek społeczności może w każdej chwili wyrazić swoją opinię.
-
-[Więcej o zarządzaniu Ethereum](/governance/)
-
-</RoadmapImageContent>
-
-<InfoBanner mb={8}>
-  <h4 style={{ marginTop: 0 }}>Czym było ETH2?</h4>
-
-  <p>Termin „Eth2” był powszechnie używany do opisywania przyszłości Ethereum przed przejściem na <a href="/glossary/#pos">proof-of-stake</a>, ale został <strong>wycofany na rzecz precyzyjniejszej terminologii.</strong> Pierwotnie był używany w celu rozróżnienia sieci Ethereum przed przejściem na proof-of-stake i po, lub czasami w odniesieniu do różnych klientów Ethereum (<a href="/glossary/#execution-client">klienci wykonawczy</a> byli czasami określani jako klienci ETH1, a <a href="/glossary/#consensus-client">klienci konsensusu</a> byli czasami określani jako klienci ETH2).</p>
-
-</InfoBanner>
-
-## Czy plan działania Ethereum zmieni się z czasem? {#will-ethereums-roadmap-change-over-time}
-
-**Tak — prawie na pewno**. Plan działania to aktualny plan aktualizacji Ethereum, obejmujący zarówno plany krótkoterminowe, jak i przyszłe. Oczekujemy, że plan działania będzie się zmieniać w miarę udostępniania nowych informacji i technologii.
-
-Pomyśl o planie działania Ethereum jak o zestawie intencji dotyczących ulepszania Ethereum; jest to najlepsza hipoteza głównych badaczy i programistów na temat optymalnej ścieżki rozwoju Ethereum.
-
-## Kiedy plan działania zostanie ukończony? {#when-will-the-roadmap-be-finished}
-
-Niektóre ulepszenia mają mniejszy priorytet i prawdopodobnie nie zostaną wdrożone przez następne 5-10 lat (np. odporność kwantowa). **Podanie dokładnego czasu każdego ulepszenia jest trudne do przewidzenia**, ponieważ wiele elementów planu działania jest opracowywanych równolegle i rozwijanych w różnym tempie. Pilność ulepszenia może również zmieniać się w czasie w zależności od zewnętrznych czynników (np. w razie gwałtownego wzrostu wydajności i dostępności komputerów kwantowych kryptografia odporna na kwanty może stać się pilniejszą sprawą).
-
-Jednym z możliwych podejść do rozwoju Ethereum jest porównanie do ewolucji biologicznej. Sieć, która jest w stanie dostosować się do nowych wyzwań i utrzymać sprawność, ma większe szanse na sukces niż ta, która jest oporna na zmiany, chociaż w miarę jak sieć staje się coraz bardziej wydajna, skalowalna i bezpieczna, wymaganych będzie mniej zmian w protokole.
-
-## Czy muszę coś zrobić w razie ulepszenia? {#do-i-have-to-do-anything-when-there-is-an-upgrade}
-
-Ulepszenia zwykle nie mają wpływu na użytkowników końcowych, z wyjątkiem zapewnienia lepszego doświadczenia użytkownika i bezpieczniejszego protokołu oraz być może większej liczby <i>opcji</i> interakcji z Ethereum. **Zwykli użytkownicy nie muszą aktywnie uczestniczyć w ulepszeniu ani w podejmowaniu jakichkolwiek działań** w celu zabezpieczenia swoich aktywów. Operatorzy [węzłów](/glossary/#node) będą musieli zaktualizować swoich klientów, aby przygotować się do uaktualnienia. Niektóre ulepszenia mogą powodować zmiany dla twórców aplikacji. Na przykład ulepszenia wygaśnięcia historii mogą skłonić twórców aplikacji do pobierania historycznych danych z nowych źródeł.
-
-## Co z The Verge, The Splurge itp.? {#what-about-the-verge-splurge-etc}
-
-[Vitalik Buterin zaproponował wizję planu działania Ethereum](https://twitter.com/VitalikButerin/status/1741190491578810445), który został podzielony na kilka kategorii powiązanych ich wpływem na architekturę Ethereum. Obejmował on:
-
-- **The Merge** (Połączenie): ulepszenia związane z przejściem z [proof-of-work](/glossary/#pow) na [proof-of-stake](/glossary/#pos)
-- **The Surge**: aktualizacje związane ze skalowalnością przez [pakiety zbiorcze](/glossary/#rollups) i shardingiem danych
-- **The Scourge**: ulepszenia związane z odpornością na cenzurę, decentralizacją i zagrożeniami dotyczącymi protokołów od [MEV](/glossary/#mev)
-- **The Verge**: ulepszenia związane z łatwiejszą weryfikacją [bloków](/glossary/#block)
-- **The Purge**: ulepszenia związanie ze zmniejszeniem kosztów obliczeniowych uruchomionych węzłów i uproszczeniem protokołu
-- **The Splurge**: inne ulepszenia, które nie pasowały do poprzednich kategorii.
-
-Zdecydowaliśmy się nie używać tej terminologii, ponieważ chcieliśmy zastosować prostszy i bardziej skoncentrowany na użytkowniku model. Chociaż używamy języka skoncentrowanego na użytkowniku, wizja pozostaje taka sama jak ta zaproponowana przez Vitalika.
-
-## Co z shardingiem? {#what-about-sharding}
-
-Sharding dzieli blockchain Ethereum w taki sposób, że podzbiory[ walidatorów](/glossary/#validator) są odpowiedzialne tylko za część wszystkich danych. Pierwotnie miał to być sposób na skalowanie Ethereum. Jednak pakiety zbiorcze [warstwy 2](/glossary/#layer-2) rozwinęły się znacznie szybciej niż oczekiwano i zapewniły już sporą skalowalność, a po wdrożeniu Proto-Dankshardingu zapewnią znacznie więcej. Oznacza to, że „łańcuchy odłamkowe” nie są już potrzebne i zostały usunięte z planu działania.
-
-## Szukasz określonych ulepszeń technicznych? {#looking-for-specific-technical-upgrades}
-
-- [Danksharding](/roadmap/danksharding) — danksharding sprawia, że pakiety zbiorcze warstwy 2 są znacznie tańsze dla użytkowników poprzez dodawanie „blobów” danych do bloków Ethereum.
-- [Wypłaty ze stakingu](/staking/withdrawals) — ulepszenie Shanghai/Capella umożliwiło wypłaty ze stakingu na Ethereum, pozwalając ludziom odblokować ich zestakowane ETH.
-- [Finalizacja pojedynczego slotu](/roadmap/single-slot-finality) — zamiast czekania przez piętnaście minut bloki można by zaproponować i sfinalizować w tym samym slocie. Jest to wygodniejsze dla aplikacji i znacznie trudniejsze do zaatakowania.
-- [Podział proponent-twórca](/roadmap/pbs) — podzielenie zadań tworzenia bloków i proponowania bloków na oddzielne walidatory stwarza uczciwszy, bardziej odporny na cenzurę i skuteczny sposób na osiągnięcie konsensusu przez Ethereum.
-- [Tajny wybór lidera](/roadmap/secret-leader-election) — sprytna kryptografia może zostać wykorzystana do zapewnienia, że tożsamość bieżącego proponenta bloku nie zostanie upubliczniona, co ochroni go przed niektórymi rodzajami ataków.
-- [Abstrakcja kont](/roadmap/account-abstraction) — abstrakcja kont to rodzaj ulepszenia, który obsługuje portfele inteligentnych kontraktów natywnie na Ethereum, zamiast konieczności korzystania ze złożonego oprogramowania pośredniczącego.
-- [Drzewa Verkle](/roadmap/verkle-trees) — drzewa Verkle to struktura danych, którą można wykorzystywać do włączania klientów bezstanowych na Ethereum. Ci „bezstanowi” klienci będą wymagać niewielkiej ilości przestrzeni dyskowej, ale nadal będą w stanie weryfikować nowe bloki.
-- [Bezstanowość](/roadmap/statelessness) — bezstanowi klienci będą mogli weryfikować nowe bloki bez konieczności przechowywania dużych ilości danych. Zapewni to wszystkie korzyści płynące z uruchomienia węzła przy niewielkim ułamku obecnych kosztów.
diff --git a/public/content/translations/pl/roadmap/merge/index.md b/public/content/translations/pl/roadmap/merge/index.md
index 1f9015d3330..83d170b58b9 100644
--- a/public/content/translations/pl/roadmap/merge/index.md
+++ b/public/content/translations/pl/roadmap/merge/index.md
@@ -37,9 +37,13 @@ Połączenie oznaczało oficjalne przejście na używanie łańcucha śledząceg
 
 Podczas Połączenia nie została utracona żadna historia. Gdy sieć główna połączyła się z łańcuchem śledzącym, połączona została również cała historia transakcyjna Ethereum.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Przejście na proof-of-stake zmieniło sposób emisji etheru. Dowiedz się więcej o <a href="/roadmap/merge/issuance/">emisji etheru przed i po Połączeniu</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Użytkownicy i posiadacze {#users-holders}
 
diff --git a/public/content/translations/pl/roadmap/merge/issuance/index.md b/public/content/translations/pl/roadmap/merge/issuance/index.md
index 1564b80b368..f7b355c0b09 100644
--- a/public/content/translations/pl/roadmap/merge/issuance/index.md
+++ b/public/content/translations/pl/roadmap/merge/issuance/index.md
@@ -54,11 +54,15 @@ Całkowita podaż ETH: **około 120.520.000 ETH** (w momencie Połączenia we wr
 - Skutkuje emisją **około 620 500** ETH rocznie
 - Skutkowała stopą inflacji wynoszącą **około 0,52%** (620,5 tys. rocznie / 119,3 mln łącznie)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 <strong>Łączna roczna stopa emisji (przed Połączeniem): około 4,61%</strong> (4,09% + 0,52%)<br/><br/>
 <strong>około 88,7%</strong> emisji trafiło do górników w warstwie wykonawczej (4,09 / 4,61 * 100)<br/><br/>
 <strong>około 11,3%</strong> emisji trafiło do stakerów w warstwie konsensusu (0,52 / 4,61 * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Po Połączeniu (dzień dzisiejszy) {#post-merge}
 
@@ -84,18 +88,26 @@ W miarę wychodzenia większej liczby walidatorów maksymalna liczba wychodzący
 - Emisja warstwy wykonawczej: **0**
 - Emisja warstwy konsensusu: Taka jak powyżej, **około 0,52%** rocznej stopy emisji (przy 14 mln zestakowanego ETH)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Całkowita roczna stopa emisji: <strong>około 0,52%</strong><br/><br/>
 Redukcja netto w rocznej emisji ETH: <strong>około 88,7%</strong> ((4,61% - 0,52%) / 4,61% * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## <Emoji text=":fire:" size="1" /> Spalanie {#the-burn}
 
 Siłą przeciwną do emisji ETH jest tempo, w jakim ETH jest spalane. Aby transakcja została wykonana na Ethereum, należy uiścić minimalną opłatę (zwaną „opłatą bazową”), która ciągle się zmienia (blok po bloku) w zależności od aktywności sieci. Opłata jest uiszczana w ETH i jest _wymagana_, aby transakcja została uznana za poprawną. Opłata ta jest _spalana_ podczas procesu transakcji, co skutkuje usunięciem jej z obiegu.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Spalanie opłat weszło w życie wraz z <a href="/history/#london">aktualizacją London</a> w sierpniu 2021 i pozostaje niezmienione od czasu Połączenia.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Oprócz spalania opłat wprowadzonych przez aktualizację London, walidatory mogą również ponosić kary za bycie offline lub, co gorsza, mogą zostać odcięte za złamanie określonych zasad, które zagrażają bezpieczeństwu sieci. Kary te skutkują potrąceniem ETH z salda danego walidatora, które nie jest bezpośrednio przekazywane jako nagroda na żadne inne konto, skutecznie spalając/usuwając je z obiegu.
 
diff --git a/public/content/translations/pl/roadmap/scaling/index.md b/public/content/translations/pl/roadmap/scaling/index.md
index 712f6b66898..57e8a09c78c 100644
--- a/public/content/translations/pl/roadmap/scaling/index.md
+++ b/public/content/translations/pl/roadmap/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 Ethereum jest skalowane przy użyciu [warstwy 2](/layer-2/#rollups) (znanej również jako pakiety zbiorcze), która łączy transakcje i wysyła dane do Ethereum. Mimo że pakiety zbiorcze są do ośmiu razy tańsze niż sieć główna Ethereum, możliwa jest dalsza optymalizacja pakietów zbiorczych w celu dalszego obniżenia kosztów dla użytkowników końcowych. Pakiety zbiorcze opierają się również na niektórych scentralizowanych elementach, które deweloperzy mogą usuwać w miarę rozwoju pakietów zbiorczych.
 
-<InfoBanner mb={8} title="Koszty transakcji">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  Koszty transakcji
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>Obecne pakiety zbiorcze są <strong>około 5-20 razy</strong> tańsze niż warstwa 1 Ethereum</li>
     <li>Pakiety zbiorcze o wiedzy zerowej (ZK-rollups) wkrótce obniżą opłaty o <strong>około 40-100 razy</strong></li>
     <li>Nadchodzące zmiany w Ethereum zapewnią kolejne <strong>około 100-1000 razy</strong> skalowania</li>
     <li style={{ marginBottom: 0 }}>Użytkownicy powinni skorzystać z transakcji <strong>kosztujących mniej niż 0,001 USD</strong></li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Tańsze dane {#making-data-cheaper}
 
diff --git a/public/content/translations/pl/security/index.md b/public/content/translations/pl/security/index.md
index 8a153a6e6a8..b0ba0e092a4 100644
--- a/public/content/translations/pl/security/index.md
+++ b/public/content/translations/pl/security/index.md
@@ -122,11 +122,12 @@ Zasadniczo pracownicy nigdy nie będą komunikować się z użytkownikiem za po
 - Nigdy nie zezwalaj nikomu na zdalny dostęp do Twojego komputera
 - Nigdy nie komunikuj się poza określonymi kanałami organizacji
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Uwaga: chociaż oszustwa w stylu wsparcia technicznego często zdarzają się na Discordzie, mogą one również występować w innych aplikacjach komunikacyjnych, w których odbywają się dyskusje na temat kryptowalut, w tym w wiadomościach e-mail.
   </div>
-</InfoBanner>
+</Alert>
 
 ### Oszustwo na token „Eth2” {#eth2-token-scam}
 
@@ -213,11 +214,12 @@ Silne hasło, które zostało ujawnione w wycieku danych nie jest już silnym ha
 
 ### Używaj menedżera haseł {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     Korzystanie z menedżera haseł umożliwia tworzenie silnych, unikalnych haseł i ich zapamiętywanie! <strong>Zdecydowanie zalecamy</strong> korzystać z jednego z nich, a większość z nich jest bezpłatna!
   </div>
-</InfoBanner>
+</Alert>
 
 Zapamiętywanie silnych, unikalnych haseł do każdego posiadanego konta nie jest idealnym rozwiązaniem. Menedżer haseł oferuje bezpieczny, zaszyfrowany magazyn dla wszystkich Twoich haseł, do którego można uzyskać dostęp za pomocą jednego silnego hasła głównego. Sugerują również silne hasła podczas rejestracji w nowym serwisie, aby nie trzeba było tworzyć własnych. Wiele menedżerów haseł poinformuje cię również, gdy Twoje dane znajdą się w wycieku danych, umożliwiając zmianę haseł, zanim dojdzie do jakichkolwiek złośliwych ataków.
 
@@ -240,11 +242,12 @@ Czasami możemy zostać poproszeni o uwierzytelnienie swojej tożsamości za pom
 
 Stosowanie **uwierzytelnienia dwuskładnikowego (2FA)** wprowadza dodatkowy *czynnik bezpieczeństwa*  dla Twoich kont online. 2FA gwarantuje, że samo posiadanie hasła nie wystarczy, aby uzyskać dostęp do konta. Najczęściej drugim czynnikiem jest losowy 6-cyfrowy kod, znany jako **jednorazowe hasło czasowe (TOTP)**, do którego można uzyskać dostęp za pośrednictwem aplikacji uwierzytelniającej, takiej jak Google Authenticator lub Authy. Działają one jako „coś, co posiadasz”, ponieważ ziarno, które generuje kod czasowy, jest przechowywane na twoim urządzeniu.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Uwaga: korzystanie z 2FA opartego na wiadomościach SMS jest podatne na tzw. <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM jacking</a> i nie jest bezpieczne. Dla najlepszej ochrony korzystaj z takich usług, jak <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> lub <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Klucze bezpieczeństwa {#security-keys}
 
diff --git a/public/content/translations/pl/staking/withdrawals/index.md b/public/content/translations/pl/staking/withdrawals/index.md
index 5734c8a6a9e..439c8cdf0be 100644
--- a/public/content/translations/pl/staking/withdrawals/index.md
+++ b/public/content/translations/pl/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Przed aktualizacją Shanghai/Capella nie można było używać ani uzyskiwać do
 
 Podanie adresu wypłaty jest wymaganym krokiem dla każdego konta walidatora, zanim będzie ono uprawnione do wypłaty ETH ze swojego salda.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Każde konto walidatora może mieć przypisany tylko jeden adres wypłaty, jeden raz.</strong> Po wybraniu adresu i przesłaniu go do warstwy konsensusu nie można tego cofnąć ani zmienić ponownie. Przed wysłaniem sprawdź dwukrotnie własność i poprawność podanego adresu.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Nie ma <strong>żadnego zagrożenia dla twoich funduszy w międzyczasie</strong> za niedostarczenie tego, zakładając, że twoja fraza mnemoniczna/odzyskiwania pozostała bezpieczna offline i nie została w żaden sposób naruszona. Brak dodania danych uwierzytelniających do wypłaty spowoduje po prostu zablokowanie ETH na koncie walidatora do czasu podania adresu do wypłaty.
 
@@ -82,11 +87,16 @@ Sprawdź to wyjaśnienie dotyczące wypłat ze stakingu Ethereum przez Finematic
 
 Gdy walidator ma zaproponować następny blok, musi utworzyć kolejkę wypłat, składającą się z maksymalnie 16 kwalifikujących się wypłat. Odbywa się to poprzez pierwotne rozpoczęcie od indeksu walidatora 0, określając, czy istnieje kwalifikująca się wypłata dla tego konta zgodnie z zasadami protokołu i dodanie jej do kolejki, jeśli tak. Walidator ustawiony na proponowanie następnego bloku będzie kontynuował w miejscu, w którym poprzedni został pozostawiony, postępując w kolejności w nieskończoność.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Pomyśl o zegarku analogowym. Wskazówka na zegarze wskazuje godzinę, przesuwa się w jednym kierunku, nie pomija żadnych godzin i ostatecznie zawija się do początku po osiągnięciu ostatniej liczby.<br/><br/>
 Teraz zamiast od 1 do 12, wyobraź sobie, że zegar ma od 0 do N <em>(całkowita liczba kont walidatorów, które kiedykolwiek zostały zarejestrowane w warstwie konsensusu, ponad 500 000 — stan na styczeń 2023 r.).</em><br/><br/>
 Wskazówka na zegarze wskazuje następny walidator, który należy sprawdzić pod kątem kwalifikujących się wypłat. Zaczyna od 0 i postępuje dookoła, nie pomijając żadnego konta. Po osiągnięciu ostatniego walidatora cykl jest kontynuowany od początku.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Sprawdzanie konta pod kątem wypłat {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/pl/web3/index.md b/public/content/translations/pl/web3/index.md
index 664c1ae7552..60c9664134d 100644
--- a/public/content/translations/pl/web3/index.md
+++ b/public/content/translations/pl/web3/index.md
@@ -61,12 +61,15 @@ Web3 daje Ci prawo własności do Twoich zasobów cyfrowych w bezprecedensowy sp
 
 Web3 pozwala na bezpośrednią własność poprzez [niewymienialne tokeny (NFT)](/glossary/#nft). Nikt, nawet twórcy gry, nie ma prawa odebrać ci Twoich własności. A jeśli przestaniesz grać, możesz sprzedać lub wymienić swoje przedmioty w grze na otwartych rynkach i odzyskać ich wartość.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Dowiedz się więcej o NFT</div>
   <ButtonLink href="/nft/">
     Więcej o NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Odporność na cenzurę {#censorship-resistance}
 
@@ -86,12 +89,15 @@ DAO są technicznie definiowane jako z góry uzgodnione [inteligentne kontrakty]
 
 Ludzie jednak definiują wiele społeczności Web3 jako DAO. Wszystkie te społeczności mają różne poziomy decentralizacji i automatyzacji za pomocą kodu. Obecnie badamy, czym są DAO i jak mogą ewoluować w przyszłości.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Dowiedz się więcej o DAO</div>
   <ButtonLink href="/dao/">
     Więcej informacji o: DAO
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Tożsamość {#identity}
 
diff --git a/public/content/translations/pt-br/contributing/translation-program/how-to-translate/index.md b/public/content/translations/pt-br/contributing/translation-program/how-to-translate/index.md
index 3f1a8b3b7e5..5ff1e03b695 100644
--- a/public/content/translations/pt-br/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/pt-br/contributing/translation-program/how-to-translate/index.md
@@ -76,9 +76,12 @@ Quer saber mais? Confira a [documentação sobre como usar o editor online do Cr
 
 Quando tiver concluído a tradução (ou seja, todos os arquivos de um grupo de conteúdo que exibem 100%), nosso serviço de tradução profissional revisará (e possivelmente editará) o conteúdo. Assim que a revisão estiver completa (ou seja, o progresso de revisão atingir 100%), o adicionaremos ao site.
 
-<InfoBanner shouldCenter emoji=":warning:">
+<Alert variant="update">
+<Emoji text=":warning:" className="text-4xl"/>
+<AlertContent>
   Não utilize tradução automatizada para traduzir o projeto. Todas as traduções serão revisadas antes de serem adicionadas ao site. Caso suas sugestões de tradução sejam traduções automatizadas, elas serão desconsideradas e colaboradores que usam tradução automatizada serão periodicamente removidos do projeto.
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Entre em contato conosco {#get-in-touch}
 
diff --git a/public/content/translations/pt-br/defi/index.md b/public/content/translations/pt-br/defi/index.md
index 254eb18ba3c..c9b87913b40 100644
--- a/public/content/translations/pt-br/defi/index.md
+++ b/public/content/translations/pt-br/defi/index.md
@@ -63,12 +63,15 @@ Ethereum baseia-se nisso. Como o Bitcoin, as regras não mudam por você, e todo
 
 Isso soa estranho... "Por que eu gostaria de programar meu dinheiro"? No entanto, esta é mais uma característica padrão dos tokens no Ethereum. Qualquer um pode programar a lógica em pagamentos. Assim, você pode ter o controle e a segurança do Bitcoin somados aos serviços fornecidos por instituições financeiras. Isso permite fazer coisas com criptomoedas que você não poderia fazer com o Bitcoin, tais como emprestar e tomar empréstimos, agendar pagamentos, investir em fundos de índices e mais.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Explore nossas sugestões de aplicativos DeFi para iniciar se você é novo no Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Ver aplicativos DeFi
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## O que você pode fazer com DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/index.md
index 746a5036b45..0b45bd20970 100644
--- a/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/index.md
@@ -6,9 +6,14 @@ lang: pt-br
 
 A rede Ethereum começou usando um mecanismo de consenso que envolvia **[Prova de trabalho (PoW)](/developers/docs/consensus-mechanisms/pow)**. Isso permitiu que os nós da rede Ethereum concordassem com o estado de todas as informações registradas na cadeia de blocos Ethereum e impediu certos tipos de ataques econômicos. No entanto, o Ethereum desativou a prova de trabalho em 2022 e começou a usar a [prova de participação](/developers/docs/consensus-mechanisms/pos).
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
     A prova de trabalho agora está obsoleta. O Ethereum não usa mais a prova de trabalho como parte de seu mecanismo de consenso. Em vez disso, ele usa a prova de participação. Leia mais sobre <a href="/developers/docs/consensus-mechanisms/pos/">prova de participação</a> e <a href="/staking/">participação</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Pré-requisitos {#prerequisites}
 
diff --git a/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/index.md
index 25491c2f58b..a7d34d35f62 100644
--- a/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -4,9 +4,14 @@ description: Uma explicação de como a mineração funcionava no Ethereum.
 lang: pt-br
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 A prova de trabalho não está mais subjacente ao mecanismo de consenso do Ethereum, o que significa que a mineração foi desativada. Em vez disso, o Ethereum é garantido por validadores que apostam em ETH. Você pode começar a participar com o seu ETH hoje. Leia mais sobre <a href='/roadmap/merge/'>A Fusão</a> (The MErge), <a href='/developers/docs/consensus-mechanisms/pos/'>prova de participação</a> e <a href='/staking/'>participação (stake)</a>. Esta página é apenas para interesse histórico.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Pré-requisitos {#prerequisites}
 
diff --git a/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index 20bc33435ee..3df60398a5b 100644
--- a/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -4,9 +4,14 @@ description: O algoritmo de mineração Ethash em detalhes
 lang: pt-br
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
    Ethash foi o algoritmo de mineração da prova de trabalho do Ethereum. A prova de trabalho foi agora **totalmente desativada** e o Ethereum agora está protegido usando a <a href="/developers/docs/consensus-mechanisms/pos/">prova de participação</a>. Leia mais sobre <a href="/roadmap/merge/">A Fusão</a> (The Merge), <a href="/developers/docs/consensus-mechanisms/pos/">prova de participação</a> e <a href="/staking/">participação (stake)</a>. Esta página é de interesse histórico!  
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 [Ethash](https://github.com/ethereum/wiki/wiki/Ethash) é uma versão modificada do algoritmo [Dagger-Hashimoto](/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/dagger-hashimoto). A prova de trabalho Ethash faz uso de [muita memória](https://wikipedia.org/wiki/Memory-hard_function), o que foi pensado para tornar o algoritmo ASIC resistente. Os ASICs Ethash foram eventualmente desenvolvidos, mas a mineração de GPU ainda era uma opção viável até que a prova de trabalho fosse desativada. Ethash ainda é usado para minerar outras moedas em outras redes de prova de trabalho não Ethereum.
 
diff --git a/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index d1bb24d246a..bce7a554c1a 100644
--- a/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -4,9 +4,14 @@ description: Os algoritmos usados para mineração Ethereum
 lang: pt-br
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 A prova de trabalho não está mais subjacente ao mecanismo de consenso do Ethereum, o que significa que a mineração foi desativada. Em vez disso, o Ethereum é garantido por validadores que apostam em ETH. Você pode começar a fazer o staking do seu ETH hoje. Leia mais sobre <a href='/roadmap/merge/'>A Fusão</a> (The MErge), <a href='/developers/docs/consensus-mechanisms/pos/'>prova de participação</a> e <a href='/staking/'>participação (stake)</a>. Esta página é apenas de interesse histórico.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 A mineração Ethereum usou um algoritmo conhecido como Ethash. A ideia fundamental do algoritmo é que um minerador tente encontrar uma entrada de nonce usando a computação de força bruta, para que o hash resultante seja menor que um limite determinado pela dificuldade calculada. Esse nível de dificuldade pode ser ajustado dinamicamente, permitindo que a produção de blocos ocorra em intervalos regulares.
 
diff --git a/public/content/translations/pt-br/developers/tutorials/hello-world-smart-contract/index.md b/public/content/translations/pt-br/developers/tutorials/hello-world-smart-contract/index.md
index 2db6baca805..764bf4580ae 100644
--- a/public/content/translations/pt-br/developers/tutorials/hello-world-smart-contract/index.md
+++ b/public/content/translations/pt-br/developers/tutorials/hello-world-smart-contract/index.md
@@ -238,9 +238,13 @@ PRIVATE_KEY = "your-metamask-private-key"
 
 Para realmente vinculá-los a nosso código, vamos fazer referência a essas variáveis em nosso arquivo `hardhat.config.js` no passo 13.
 
-<InfoBanner isWarning>
+<Alert variant="warning">
+<AlertContent>
+<AlertDescription>
 No faça commit do <code>.env</code>! Por favor, tenha certeza de nunca compartilhar ou expor seu arquivo <code>.env</code> com ninguém, pois estará comprometendo suas partes secretas ao fazê-lo. Se estiver usando um controle de versão, adicione seu <code>.env</code> ao arquivo <a href="https://git-scm.com/docs/gitignore">gitignore</a>
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Passo 12: Instale o Ethers.js {#step-12-install-ethersjs}
 
diff --git a/public/content/translations/pt-br/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md b/public/content/translations/pt-br/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
index 3d1a34fc2fd..5f6790796c2 100644
--- a/public/content/translations/pt-br/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
+++ b/public/content/translations/pt-br/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
@@ -118,9 +118,13 @@ API_URL = "your-api-url"
 PRIVATE_KEY = "your-private-key"
 ```
 
-<InfoBanner isWarning>
+<Alert variant="warning">
+<AlertContent>
+<AlertDescription>
 No faça commit do <code>.env</code>! Por favor, tenha certeza de nunca compartilhar ou expor seu arquivo <code>.env</code> com ninguém, pois estará comprometendo suas partes secretas ao fazê-lo. Se estiver usando um controle de versão, adicione seu <code>.env</code> ao arquivo <a href="https://git-scm.com/docs/gitignore">gitignore</a>
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### 7\. Crie um arquivo `iframe.ts` {#create-sendtx-js}
 
diff --git a/public/content/translations/pt-br/energy-consumption/index.md b/public/content/translations/pt-br/energy-consumption/index.md
index e70fbba0c8d..d2117334ee9 100644
--- a/public/content/translations/pt-br/energy-consumption/index.md
+++ b/public/content/translations/pt-br/energy-consumption/index.md
@@ -61,9 +61,14 @@ Embora o consumo de energia do Ethereum seja muito baixo, também há uma comuni
 
 As plataformas nativas de financiamento de bens públicos da Web3, como [Gitcoin](https://gitcoin.co), executam rodadas climáticas para estimular a criação ambientalmente consciente na camada de aplicativos do Ethereum. Através do desenvolvimento dessas iniciativas (e outras, por exemplo, [DeSci](/desci/)), o Ethereum está se tornando uma tecnologia ambiental e socialmente positiva.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Se você acha que esta página pode ser mais precisa, comunique o problema ou PR. As estatísticas nesta página são estimativas baseadas em dados disponíveis publicamente – elas não representam uma declaração oficial ou promessa da equipe ethereum.org ou da Ethereum Foundation.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Leitura adicional {#further-reading}
 
diff --git a/public/content/translations/pt-br/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/pt-br/guides/how-to-create-an-ethereum-account/index.md
index 0b20bc2cb9d..bc90c088cc4 100644
--- a/public/content/translations/pt-br/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/pt-br/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ Após salvar a frase semente, você verá o painel da carteira com o saldo. Conf
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div>Quer saber mais?</div>
   <ButtonLink href="/guides/">
     Veja nossos outros guias
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 
 ## Perguntas frequentes
 
diff --git a/public/content/translations/pt-br/guides/how-to-register-an-ethereum-account/index.md b/public/content/translations/pt-br/guides/how-to-register-an-ethereum-account/index.md
index 0a79260055c..c1d06b30deb 100644
--- a/public/content/translations/pt-br/guides/how-to-register-an-ethereum-account/index.md
+++ b/public/content/translations/pt-br/guides/how-to-register-an-ethereum-account/index.md
@@ -38,12 +38,15 @@ Depois de salvar sua frase de recuperação, você verá o painel da sua carteir
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div>Quer saber mais?</div>
   <ButtonLink href="/guides/">
     Veja nossos outros guias
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Perguntas frequentes
 
diff --git a/public/content/translations/pt-br/guides/how-to-revoke-token-access/index.md b/public/content/translations/pt-br/guides/how-to-revoke-token-access/index.md
index ff511bdb697..9524c68d853 100644
--- a/public/content/translations/pt-br/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/pt-br/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ Aconselhamos que você atualize a ferramenta de revogação após alguns minutos
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Quer saber mais?</div>
   <ButtonLink href="/guides/">
     Veja nossos outros guias
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Perguntas frequentes
 
diff --git a/public/content/translations/pt-br/guides/how-to-swap-tokens/index.md b/public/content/translations/pt-br/guides/how-to-swap-tokens/index.md
index 8838e08e33c..5d6e0d2ef2d 100644
--- a/public/content/translations/pt-br/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/pt-br/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ Você pode ver o progresso da transação em qualquer explorador de blockchain.
 Você receberá automaticamente os tokens trocados em sua carteira assim que a transação for processada.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Quer saber mais?</div>
   <ButtonLink href="/guides/">
     Veja nossos outros guias
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Perguntas frequentes
 
diff --git a/public/content/translations/pt-br/guides/how-to-use-a-bridge/index.md b/public/content/translations/pt-br/guides/how-to-use-a-bridge/index.md
index 0f2ff7fce05..ae79c32c44b 100644
--- a/public/content/translations/pt-br/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/pt-br/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ Esse processo não deve demorar mais do que 10 minutos.
 Você pode usar [chainlist.org](http://chainlist.org) para encontrar os detalhes do RPC da rede. Quando a rede for adicionada e a transação terminada, você deverá ver os tokens na sua carteira.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Quer saber mais?</div>
   <ButtonLink href="/guides/">
     Veja nossos outros guias
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Perguntas frequentes
 
diff --git a/public/content/translations/pt-br/guides/how-to-use-a-wallet/index.md b/public/content/translations/pt-br/guides/how-to-use-a-wallet/index.md
index c8b8ad2b2e4..4728ad2a484 100644
--- a/public/content/translations/pt-br/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/pt-br/guides/how-to-use-a-wallet/index.md
@@ -62,12 +62,15 @@ Seu endereço será o mesmo em todos os projetos do Ethereum. Você não precisa
 5. Confirme o pedido de assinatura na sua carteira para estabelecer a conexão. **A assinatura desta mensagem não dever exigir o gasto de nenhum ETH**.
 6. É isso! Comece a usar o app. Você pode encontrar alguns projetos interessantes em nossa [página de dApps](/dapps/#explore). <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Quer saber mais?</div>
   <ButtonLink href="/guides/">
     Veja nossos outros guias
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Perguntas frequentes
 
diff --git a/public/content/translations/pt-br/nft/index.md b/public/content/translations/pt-br/nft/index.md
index 7e2104df9ed..ce295e428da 100644
--- a/public/content/translations/pt-br/nft/index.md
+++ b/public/content/translations/pt-br/nft/index.md
@@ -54,12 +54,15 @@ NFTs são utilizados para diversos fins, incluindo:
 
 Você talvez seja um artista que deseja compartilhar seu trabalho usando NFTs, sem perder o controle e sacrificar seus lucros para intermediários. Você pode criar um novo contrato e especificar o número de NFTs, as propriedades e um link para um trabalho artístico específico. Como artista, ** você pode programar em um contrato inteligente** os "royalties" que você deve receber (por exemplo, 5% do valor da venda estipulado pelo proprietário sempre que um NFT for transferido). Você também pode provar que criou de fato o NFT, porque você é quem detém a [carteira](/glossary/#wallet) que implantou o contrato. Os compradores podem facilmente provar que eles são donos de um ** NFT autêntico** da sua coleção porque os [endereços](/glossary/#address) da carteira deles está associado com o token do seu contrato inteligente. Eles podem usá-lo em todo o ecossistema Ethereum, com certeza da autenticidade.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Conheça, compre ou crie seus próprios colecionáveis/arte de NFT...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Conheça a arte NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Ou, por exemplo, considere um ingresso para um evento esportivo. Assim como o **organizador de um evento pode escolher quantos ingressos vai vender**, o criador de um NFT pode decidir quantas cópias existem. Às vezes, são réplicas exatas, como 5 mil ingressos de acesso geral. Por vezes, são mintados diversos ingressos muito semelhantes, mas cada um ligeiramente diferente, como um ingresso com um assento designado. Esses podem ser comprados e vendidos de pessoa para pessoa sem pagar intermediários de ingressos, e o comprador sempre tem a garantia da autenticidade do ingresso ao verificar o endereço do contrato.
 
diff --git a/public/content/translations/pt-br/roadmap/beacon-chain/index.md b/public/content/translations/pt-br/roadmap/beacon-chain/index.md
index 35ac892bc0c..91f6f38c79d 100644
--- a/public/content/translations/pt-br/roadmap/beacon-chain/index.md
+++ b/public/content/translations/pt-br/roadmap/beacon-chain/index.md
@@ -34,9 +34,14 @@ A transição para a prova de participação tornou o Ethereum consideravelmente
 
 E utilizar a prova de participação como mecanismo de consenso é um componente fundamental para [o Ethereum seguro, ecológico e dimensionável que temos agora](/roadmap/vision/).
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Se você estiver interessado em se tornar um validador e ajudar a manter o Ethereum seguro, <a href="/staking/">saiba mais sobre o conceito de participação</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Preparação para a fragmentação {#setting-up-for-sharding}
 
diff --git a/public/content/translations/pt-br/roadmap/danksharding/index.md b/public/content/translations/pt-br/roadmap/danksharding/index.md
index d5d8879d898..6349f192925 100644
--- a/public/content/translations/pt-br/roadmap/danksharding/index.md
+++ b/public/content/translations/pt-br/roadmap/danksharding/index.md
@@ -57,9 +57,9 @@ Se alguém souber os locais aleatórios utilizados no compromisso, será fácil
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
   Nem o Danksharding, nem o Proto-Danksharding seguem o modelo tradicional de "sharding", que visa dividir a blockchain em várias partes. As cadeias de fragmentos não fazem mais parte do planejamento. Em vez disso, o Danksharding utiliza amostragem de dados distribuídos em blobs para dimensionar o Ethereum. Isso é muito mais simples de implementar. Às vezes, esse modelo é chamado de "fragmentação de dados".
-</InfoBanner>
+</Alert>
 
 ## O que é Danksharding? {#what-is-danksharding}
 
diff --git a/public/content/translations/pt-br/roadmap/index.md b/public/content/translations/pt-br/roadmap/index.md
deleted file mode 100644
index 8f07ffe422a..00000000000
--- a/public/content/translations/pt-br/roadmap/index.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: Planejamento Ethereum
-description: O caminho para mais escalabilidade, segurança e sustentabilidade no Ethereum.
-lang: pt-br
-template: roadmap
-image: /images/heroes/roadmap-hub-hero.jpg
-alt: "Planejamento Ethereum"
-summaryPoints:
-buttons:
-  - 
-    content: Melhorias adicionais
-    toId: próximas-alterações
-  - 
-    content: Melhorias anteriores
-    href: /history/
-    variant: descrição
----
-
-O Ethereum já é uma plataforma poderosa para a coordenação global, mas ainda está sendo aprimorado. Um conjunto ambicioso de melhorias atualizará o Ethereum da forma atual em uma plataforma totalmente dimensionada e com a máxima resiliência. Essas melhorias estão definidas no planejamento do Ethereum.
-
-**Para saber mais sobre as melhorias anteriores do Ethereum, acesse a nossa página [Histórico](/history/)**
-
-## Quais serão as próximas alterações no Ethereum? {#what-changes-are-coming}
-
-O planejamento do Ethereum descreve as melhorias específicas que serão feitas no protocolo no futuro. Em geral, o planejamento oferecerá os benefícios descritos a seguir aos usuários do Ethereum:
-
-<CardGrid>
-  <RoadmapActionCard
-    href="/roadmap/scaling"
-    title="Transações mais baratas"
-    image="scaling"
-    description="Rollups are too expensive and rely on centralized components, causing users to place too much trust in their operators. The roadmap includes fixes for both of these problems."
-    buttonText="More on reducing fees"
-  />
-  <RoadmapActionCard
-    href="/roadmap/security"
-    title="Segurança extra"
-    image="security"
-    description="Ethereum is already very secure but it can be made even stronger, ready to withstand all kinds of attack far into the future."
-    buttonText="More on security"
-  />
-  <RoadmapActionCard
-    href="/roadmap/user-experience"
-    title="Melhor experiência do usuário"
-    image="userExperience"
-    description="More support for smart contract wallets and light-weight nodes will make using Ethereum simpler and safer."
-    buttonText="More on user experience"
-  />
-  <RoadmapActionCard
-    href="/roadmap/future-proofing"
-    title="Preparado para o futuro"
-    image="futureProofing"
-    description="Ethereum researchers and developers are solving tomorrow's problems today, readying the network for future generations."
-    buttonText="More on future proofing"
-  />
-</CardGrid>
-
-## Por que o Ethereum precisa de um planejamento? {#why-does-ethereum-need-a-roadmap}
-
-O Ethereum recebe melhorias regulares que aprimoram a escalabilidade, a segurança ou a sustentabilidade. Um dos principais pontos fortes do Ethereum é a adaptação à medida que novas ideias surgem a partir de pesquisa e desenvolvimento. A adaptabilidade confere ao Ethereum a flexibilidade para enfrentar os desafios emergentes e acompanhar os avanços tecnológicos mais revolucionários.
-
-<RoadmapImageContent title="Como o planejamento é definido">
-
-O planejamento é, em grande parte, o resultado de anos de trabalho de pesquisadores e desenvolvedores, pois o protocolo é muito técnico, mas qualquer pessoa motivada pode participar. As ideias geralmente começam como discussões em um fórum, como [ethresear.ch](https://ethresear.ch/), [Ethereum Magicians](https://ethereum-magicians.org/) ou no servidor Eth R&D no Discord. Elas podem ser respostas a novas vulnerabilidades descobertas, sugestões de organizações que trabalham na camada de aplicativos (como [dapps](/glossary/#dapp) e exchanges) ou temas polêmicos conhecidos pelos usuários finais (como custos ou velocidades de transação). Quando essas ideias amadurecem, elas podem ser apresentadas como [Propostas de melhorias do Ethereum] (https://eips.ethereum.org/). Tudo isso é feito abertamente, e qualquer pessoa da comunidade pode dar sua opinião, a qualquer momento.
-
-[Mais sobre a governança do Ethereum](/governance/)
-
-</RoadmapImageContent>
-
-<InfoBanner mb={8}>
-  <h4 style={{ marginTop: 0 }}>O que era ETH2?</h4>
-
-  <p>O termo 'Eth2' era comumente usado para descrever o futuro do Ethereum antes da mudança para <a href="/glossary/#pos">prova de participação</a>, mas foi <strong>eliminado em favor de uma terminologia mais precisa.</strong> Originalmente, era usado para diferenciar a rede Ethereum antes da mudança para prova de participação e a rede depois, ou às vezes para se referir aos diferentes clientes Ethereum (os <a href="/glossary/#execution-client">clientes de execução</a> e os <a href="/glossary/#consensus-client">clientes de consenso</a> eram respectivamente chamados de clientes ETH1 e ETH2).</p>
-
-</InfoBanner>
-
-## O planejamento do Ethereum mudará ao longo do tempo? {#will-ethereums-roadmap-change-over-time}
-
-**Sim, quase sem dúvida**. O planejamento é o plano atual de atualização do Ethereum, abrangendo planos futuros e de curto prazo. Esperamos que o planejamento mude à medida que novas informações e tecnologias sejam disponibilizadas.
-
-Pense no roadmap do Ethereum como um conjunto de intenções para aprimorar o Ethereum; é a melhor hipótese dos pesquisadores e desenvolvedores do núcleo sobre o melhor caminho a seguir no Ethereum.
-
-## Quando o planejamento será finalizado? {#when-will-the-roadmap-be-finished}
-
-Algumas melhorias são de prioridade mais baixa e provavelmente não serão implementadas nos próximos 5 a 10 anos (por exemplo, resistência quântica). **É difícil prever o momento exato de cada melhoria**, pois muitos itens do roadmap são trabalhados em paralelo e desenvolvidos em velocidades diferentes. A urgência de uma melhoria também pode mudar ao longo do tempo, dependendo de fatores externos (por exemplo, um avanço repentino no desempenho e na disponibilidade de computadores quânticos pode tornar a criptografia resistente a quânticos mais urgente).
-
-Uma maneira de pensar sobre o desenvolvimento do Ethereum é por analogia à evolução biológica. É mais provável que uma rede capaz de se adaptar a novos desafios e manter a adequação seja bem-sucedida do que uma resistente a mudanças, embora, à medida que a rede se torne cada vez mais eficiente, dimensionável e segura, sejam necessárias menos alterações no protocolo.
-
-## Preciso fazer algo quando uma melhoria é implementada? {#do-i-have-to-do-anything-when-there-is-an-upgrade}
-
-As melhorias normalmente não afetam os usuários finais, exceto ao proporcionar melhores experiências de usuário e um protocolo mais seguro e talvez mais <i>opções</i> de como interagir com o Ethereum. **Os usuários comuns não precisam participar ativamente de uma melhoria, nem precisam fazer nada** para proteger seus ativos. Os operadores de [nós](/glossary/#node) precisarão atualizar seus clientes para se prepararem para uma melhoria. Algumas melhorias podem gerar mudanças para os desenvolvedores de aplicativos. Por exemplo, as melhorias de expiração do histórico podem fazer com que os desenvolvedores de aplicativos obtenham dados históricos de novas fontes.
-
-## E quanto ao Verge, Splurge etc? {#what-about-the-verge-splurge-etc}
-
-[Vitalik Buterin propôs uma visão para o planejamento do Ethereum](https://twitter.com/VitalikButerin/status/1741190491578810445) que foi organizada em diversas categorias vinculadas pelos efeitos na arquitetura do Ethereum. Ela inclui:
-
-- **A Fusão**: melhorias relacionadas à mudança de [prova de trabalho](/glossary/#pow) para [prova de participação](/glossary/#pos)
-- **The Surge**: melhorias relacionadas ao dimensionamento por meio de [rollups](/glossary/#rollups) e fragmentação de dados
-- **The Scourge**: melhorias relacionadas à resistência à censura, à descentralização e a riscos de protocolo do [MEV](/glossary/#mev)
-- **The Verge**: melhorias relacionadas à verificação de [blocos](/glossary/#block) com mais facilidade
-- **The Purge**: melhorias relacionadas à redução dos custos computacionais dos nós em execução e à simplificação do protocolo
-- **The Splurge**: outras melhorias que não se encaixam bem nas categorias anteriores.
-
-Decidimos não usar essa terminologia porque queríamos usar um modelo mais simples e mais centrado no usuário. Embora usemos uma linguagem centrada no usuário, a visão permanece idêntica à proposta por Vitalik.
-
-## E quanto à fragmentação? {#what-about-sharding}
-
-A fragmentação divide a blockchain do Ethereum de modo que subconjuntos de [validadores](/glossary/#validator) sejam responsáveis apenas por uma fração do total de dados. Originalmente, essa era a forma de escalabilidade do Ethereum. No entanto, os rollups da [camada 2](/glossary/#layer-2) se desenvolveram muito mais rápido do que o esperado e já proporcionaram um grande aumento de escala, e proporcionarão muito mais depois que o Proto-Danksharding for implementado. Isso significa que as "cadeias de fragmentos" não são mais necessárias e foram retiradas do planejamento.
-
-## Procurando por melhorias técnicas específicas? {#looking-for-specific-technical-upgrades}
-
-- [Danksharding](/roadmap/danksharding) - o Danksharding torna os rollups da camada 2 muito mais baratos para os usuários ao adicionar "blobs" de dados aos blocos Ethereum.
-- [Saques de participação](/staking/withdrawals) - a melhoria Shanghai/Capella habilitou saques de participação no Ethereum, permitindo que as pessoas desbloqueassem seus ETHs participados.
-- [Finalidade de um único espaço](/roadmap/single-slot-finality) - em vez de esperar quinze minutos, os blocos poderiam ser propostos e finalizados no mesmo espaço. Isso é mais conveniente para os aplicativos e muito mais difícil de atacar.
-- [Separação entre proponente e construtor](/roadmap/pbs) - a divisão das tarefas de construção e proposta de blocos em validadores separados cria uma maneira mais justa, mais resistente à censura e mais eficiente para que o Ethereum chegue a um consenso.
-- [Eleição de líder secreto](/roadmap/secret-leader-election) - a criptografia inteligente pode ser utilizada para garantir que a identidade do proponente do bloco atual não seja tornada pública, protegendo-o de determinados tipos de ataque.
-- [Abstração da conta](/roadmap/account-abstraction) - a abstração da conta é uma classe de melhorias que oferece suporte a carteiras de contratos inteligentes nativamente no Ethereum, em vez de precisar usar um middleware complexo.
-- [Verkle Trees](/roadmap/verkle-trees) - As Verkle Trees são uma estrutura de dados que pode ser utilizada para habilitar clientes sem estado no Ethereum. Esses clientes "sem estado" exigirão uma quantidade mínima de espaço de armazenamento, mas ainda poderão verificar novos blocos.
-- [Sem estado](/roadmap/statelessness) - os clientes sem estado poderão verificar novos blocos sem precisar armazenar grandes quantidades de dados. Isso proporcionará todos os benefícios da execução de um nó a apenas uma pequena fração dos custos atuais.
diff --git a/public/content/translations/pt-br/roadmap/merge/index.md b/public/content/translations/pt-br/roadmap/merge/index.md
index a8abeaad360..cabaa6ad1dd 100644
--- a/public/content/translations/pt-br/roadmap/merge/index.md
+++ b/public/content/translations/pt-br/roadmap/merge/index.md
@@ -37,9 +37,13 @@ A integração representou a mudança oficial para o uso da Beacon Chain como o
 
 Nenhuma história foi perdida na Fusão. À medida que a Rede principal se uniu com a Beacon Chain, ela também integrou todo o histórico transacional do Ethereum.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Essa transição para a prova de participação mudou o modo como o ether é emitido. Saiba mais sobre <a href="/roadmap/merge/issuance/">Emissão de ether antes de depois do The Merge</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Usuários e titulares {#users-holders}
 
diff --git a/public/content/translations/pt-br/roadmap/merge/issuance/index.md b/public/content/translations/pt-br/roadmap/merge/issuance/index.md
index 35ba71d46ac..87b47b6afdf 100644
--- a/public/content/translations/pt-br/roadmap/merge/issuance/index.md
+++ b/public/content/translations/pt-br/roadmap/merge/issuance/index.md
@@ -54,11 +54,15 @@ Fornecimento total de ETH: **~120.520.000 ETH** (até o momento do The Merge, em
 - Resultados em **~620.500** ETH emitidos em um ano
 - Resultou em uma taxa de inflação de **aproximadamente 0,52%** (620,5 mil por ano / 119,3 milhões no total)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 <strong>Taxa total de emissão anual (pré-fusão): ~4,61%</strong> (4,09% + 0,52%)<br/><br/>
 <strong>~88,7%</strong> da emissão estava indo para mineradores na camada de execução (4,09 / 4,61 * 100)<br/><br/>
 <strong>~11,3%</strong> estava sendo emitido para participantes na camada de consenso (0,52 / 4,61 * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Pós-fusão (atualmente) {#post-merge}
 
@@ -84,18 +88,26 @@ Aproximadamente 0,33% da contagem total de validadores pode sair em um dia espec
 - Emissão da camada de execução: **0**
 - Emissão da camada de consenso: o mesmo que acima, **~0.52%** taxa de emissão anualizada (com 14 milhões de ETH totais em stake)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Taxa total de emissão anualizada: <strong>~0.52%</strong><br/><br/>
 Redução líquida na emissão anual de ETH: <strong>~88,7%</strong> (4,61% - 0,52%) / 4,61% * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## <Emoji text=":fire:" size="1" />A queima {#the-burn}
 
 A força oposta à emissão de ETH é a taxa em que o ETH é queimado. Para uma transação executar no Ethereum, a taxa mínima (conhecida como “taxa base”) deve ser paga, a qual flutua continuamente (bloco a bloco) dependendo da atividade da rede. A taxa é paga no ETH e é _necessária_ para que a transação seja considerada válida. Essa taxa é _queimada_ durante o processo de transação, removendo-a de circulação.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 A queima de taxas foi lançada com <a href="/history/#london">a atualização London</a> em agosto de 2021 e permanece inalterada desde o The Merge.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Além da queima de taxas implementada pela atualização London, os validadores também podem incorrer em penalidades por estarem offline ou, pior ainda, eles podem ser removidos por quebrar regras específicas que ameaçam a segurança da rede. Essas penalidades resultam na redução de ETH do saldo do validador, que não é recompensado diretamente para nenhuma outra conta, efetivamente queimando/retirando-o de circulação.
 
diff --git a/public/content/translations/pt-br/roadmap/scaling/index.md b/public/content/translations/pt-br/roadmap/scaling/index.md
index 2b1bd543fc1..147586e8911 100644
--- a/public/content/translations/pt-br/roadmap/scaling/index.md
+++ b/public/content/translations/pt-br/roadmap/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 A escalabilidade do Ethereum é feita por meio de [camadas 2s](/layer-2/#rollups) (também conhecidas como rollups), que agrupam transações em lote e enviam o resultado para o Ethereum. Embora os rollups sejam até oito vezes mais baratos do que a rede principal do Ethereum, é possível otimizar ainda mais os rollups de forma a reduzir os custos para os usuários finais. Os rollups também dependem de alguns componentes centralizados que os desenvolvedores podem remover à medida que os rollups se desenvolvem.
 
-<InfoBanner mb={8} title="Custos de transação">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  Custos de transação
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>Os rollups de hoje são cerca de<strong>5 a 20 vezes</strong> mais baratos do que a camada 1 do Ethereum</li>
     <li>ZK-rollups em breve reduzirão as taxas em <strong>~40-100x</strong></li>
     <li>As próximas alterações no Ethereum oferecerão <strong>~100-1000x</strong> a mais de escalabilidade</li>
     <li style={{ marginBottom: 0 }}>Os usuários devem se beneficiar com transações <strong>que custam menos do que $0,001</strong></li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Tornar os dados mais baratos {#making-data-cheaper}
 
diff --git a/public/content/translations/pt-br/security/index.md b/public/content/translations/pt-br/security/index.md
index 9fff347d180..410ef251248 100644
--- a/public/content/translations/pt-br/security/index.md
+++ b/public/content/translations/pt-br/security/index.md
@@ -124,11 +124,12 @@ Como regra geral, o pessoal de suporte nunca se comunicará com você por meio d
 - Nunca permita que alguém acesse remotamente o seu computador
 - Nunca comunicar fora dos canais designados por uma organização
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Cuidado: embora fraudes ao estilo de suporte ocorram normalmente no Discord, elas também podem acontecer em qualquer aplicativo de bate-papo onde ocorram discussões sobre criptomoedas, incluindo e-mail.
   </div>
-</InfoBanner>
+</Alert>
 
 ### Golpe com o token 'Eth2' {#eth2-token-scam}
 
@@ -215,11 +216,12 @@ Uma senha forte que foi revelada em uma violação de dados não é mais uma sen
 
 ### Use um gerenciador de senhas {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     Usar um gerenciador de senhas faz com que ele crie senhas fortes, únicas e que sejam lembradas! Nós <strong>fortemente</strong> recomendamos usar um, e a maioria deles é gratuita!
   </div>
-</InfoBanner>
+</Alert>
 
 Lembrar de senhas fortes e exclusivas para cada conta que você possui não é o ideal. Um gerenciador de senhas oferece um cofre seguro e criptografado para todas as suas senhas que você pode acessar por meio de uma senha mestra forte. Eles também sugerem senhas fortes quando você se inscreve em um novo serviço, para que você não precise criar as suas próprias. Muitos gerenciadores de senhas também irão informar se você esteve envolvido em uma violação de dados, permitindo que você altere as senhas antes de qualquer ataque malicioso.
 
@@ -242,11 +244,12 @@ Lembrar de senhas fortes e exclusivas para cada conta que você possui não é o
 
 Usar a **Autenticação de dois fatores (2FA)** fornece um *fator de segurança* adicional para suas contas online. A 2FA garante que o fato de ter somente a senha não é suficiente para acessar uma conta. Mais comumente, o segundo fator é um código de 6 dígitos aleatórios, conhecido como **uma senha de uso único (TOTP, na sigla em inglês)**, que você pode acessar através de um aplicativo de autenticação, como o Google Authenticator ou Authy. Estes funcionam como um fator de "algo que você possui" porque a seed que gera o código temporizado é armazenado em seu dispositivo.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Observação: usar 2FA baseada em SMS é suscetível a <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">sequestro de SIM</a> e não é seguro. Para melhor segurança, use um serviço como o <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> ou o <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Chaves de segurança {#security-keys}
 
diff --git a/public/content/translations/pt-br/staking/withdrawals/index.md b/public/content/translations/pt-br/staking/withdrawals/index.md
index 0285ba67113..fbb64f4990e 100644
--- a/public/content/translations/pt-br/staking/withdrawals/index.md
+++ b/public/content/translations/pt-br/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Antes da atualização Shanghai/Capella, não era possível usar ou acessar seu
 
 Fornecer um endereço de saque é uma etapa necessária para qualquer conta de validador, antes que ele seja elegível para sacar ETH de seu saldo.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Cada conta de validador pode ser atribuída a um único endereço de saque, uma única vez.</strong> Após a seleção e envio do endereço à camada de consenso, isso não pode ser desfeito ou alterado novamente. Verifique a propriedade e a precisão do endereço fornecido antes de enviar.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Não há <strong>nenhuma ameaça aos seus fundos</strong> enquanto não fornecer essa conta, contanto que sua frase mnemônica/de recuperação tenha permanecido segura offline e não tenha sido comprometida de nenhuma forma. A falha em adicionar credenciais de saque simplesmente deixará o ETH bloqueado na conta do validador como tem estado até que um endereço de saque seja fornecido.
 
@@ -82,11 +87,16 @@ Confira esta explicação sobre saques de staking do Ethereum pela Finematics:
 
 Quando um validador está agendado para propor o próximo bloco, ele é necessário para construir uma fila de saque de até 16 saques elegíveis. Isso é feito originalmente começando com o validador de índice 0, determinando se há um saque elegível para essa conta, conforme as regras do protocolo, e adicionando-o à fila, se houver. O validador definido para propor o bloco seguinte continuará de onde o último parou, progredindo em ordem indefinidamente.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Pense em um relógio analógico. O ponteiro no relógio aponta para a hora, avança em uma direção, não pula nenhuma hora e, por fim, volta ao início após alcançar o último número.<br/><br/>
 Agora, em vez de 1 a 12, imagine que o relógio é de 0 a N <em>(o total de números de contas de validador que foram registradas na camada de consenso, mais de 500 mil em janeiro de 2023).</em><br/><br/>
 O ponteiro do relógio aponta para o próximo validador que precisa ser verificado quanto a saques elegíveis. Começa em 0 e avança ao longo de todo o caminho sem pular nenhuma conta. Quando o último validador é alcançado, o ciclo continua de volta ao início.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Verificando os saques de uma conta {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/pt-br/web3/index.md b/public/content/translations/pt-br/web3/index.md
index 0ffc6c44361..3ad001ec1a7 100644
--- a/public/content/translations/pt-br/web3/index.md
+++ b/public/content/translations/pt-br/web3/index.md
@@ -61,12 +61,15 @@ a Web3 dá-lhe posse dos seus ativos digitais de uma forma sem precedentes. Por
 
 A Web3 permite a propriedade direta por meio de [tokens não fungíveis (NFTs)](/glossary/#nft). Ninguém, nem mesmo os criadores do jogo, consegue tirar sua propriedade. E, se você parar de jogar, pode vender ou trocar seus itens no jogo em mercados abertos e recuperar o seu valor.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Saiba mais sobre NFTs</div>
   <ButtonLink href="/nft/">
     Mais sobre NFTs
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Resistência à censura {#censorship-resistance}
 
@@ -86,12 +89,15 @@ DAOs são definidos tecnicamente como [contratos inteligentes](/glossary/#smart-
 
 No entanto, as pessoas definem muitas comunidades Web3 como DAOs. Todas essas comunidades têm diferentes níveis de descentralização e automação por código. Atualmente, estamos explorando o que são DAOs e como elas podem evoluir no futuro.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Saiba mais sobre DAOs</div>
   <ButtonLink href="/dao/">
     Mais sobre DAOs
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Identidade {#identity}
 
diff --git a/public/content/translations/pt/defi/index.md b/public/content/translations/pt/defi/index.md
index 7fbae1c5762..8cdeaf85403 100644
--- a/public/content/translations/pt/defi/index.md
+++ b/public/content/translations/pt/defi/index.md
@@ -63,12 +63,15 @@ A Ethereum baseia-se neste princípio. À semelhança da Bitcoin, as regras não
 
 Isto parece estranho... "por que razão quereria eu programar o meu dinheiro"? No entanto, trata-se apenas de uma caraterística padrão dos tokens na Ethereum. Qualquer pessoa pode programar uma lógica nos pagamentos. Assim, é possível obter o controlo e a segurança da Bitcoin em combinação com os serviços prestados pelas instituições financeiras. Isso permite-lhe fazer coisas com criptomoedas que não pode fazer com a Bitcoin, como emprestar e pedir emprestado, agendar pagamentos, investir em fundos indexados e muito mais.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Explore as nossas sugestões de aplicações DeFi para experimentar se é novo na Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Explore as aplicações DeFi
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## O que pode fazer com as DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/pt/nft/index.md b/public/content/translations/pt/nft/index.md
index ab0322d0657..88440ebb689 100644
--- a/public/content/translations/pt/nft/index.md
+++ b/public/content/translations/pt/nft/index.md
@@ -54,12 +54,15 @@ Os NFT são utilizados para muitas coisas, incluindo:
 
 Talvez seja um artista que queira partilhar o seu trabalho usando NFT, sem perder o controlo nem dividir os lucros com intermediários. Pode criar um novo contrato e especificar o número de NFT, as suas propriedades e uma associação a um trabalho artístico específico. Como artista, **pode programar no contrato inteligente, os royalties** que devem ser pagos (por exemplo, transferir 5% do preço de venda para o proprietário do contrato cada vez que um NFT é transferido). Você também pode sempre provar que criou os NFT porque possui o [wallet](/glossary/#wallet) que implantou o contrato. Os seus compradores podem facilmente provar que possuem um NFT **autêntico** de sua coleção porque sua carteira [endereço](/glossary/#address) está associada a um token em seu contrato inteligente. Podem utilizá-lo em todo o ecossistema Ethereum, confiantes na sua autenticidade.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Explore, compre ou crie a sua própria arte/colecionáveis NFT...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Explore arte NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Ou considere um bilhete para um evento desportivo. Assim como um organizador de ** de um evento pode escolher quantos ingressos vender**, o criador de um NFT pode decidir quantas réplicas existem. Por vezes, tratam-se de réplicas exatas, tal como 5000 bilhetes de acesso geral ao evento. Outras vezes, vários bilhetes cunhados são muito semelhantes, mas com ligeiras diferenças, tal como um bilhete com lugar marcado. Estes bilhetes podem ser comprados e vendidos entre pares sem pagar a quem os distribui e o comprador tem sempre a garantia da autenticidade do bilhete, verificando o endereço do contrato.
 
diff --git a/public/content/translations/pt/staking/withdrawals/index.md b/public/content/translations/pt/staking/withdrawals/index.md
index db78fbc423e..6ab6a00eab0 100644
--- a/public/content/translations/pt/staking/withdrawals/index.md
+++ b/public/content/translations/pt/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Antes da atualização de Xangai/Capella, não podia utilizar ou aceder ao seu E
 
 Fornecer um endereço de levantamento é um passo necessário para qualquer conta de validador antes de ser elegível para ter ETH retirado do seu saldo.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>A cada conta de validador só pode ser atribuído um único endereço de levantamento e uma única vez.</strong> Uma vez escolhido e submetido à camada de consenso, o endereço não pode ser revogado ou alterado novamente. Verifique novamente a titularidade e a exatidão do endereço fornecido antes de o enviar.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Não há <strong>qualquer ameaça aos seus fundos entretanto</strong> por não fornecer isto, assumindo que a sua frase mnemónica/semente permaneceu segura offline e não foi comprometida de forma alguma. Se as credenciais de levantamento não forem adicionadas, o ETH ficará simplesmente bloqueado na conta do validador até que um endereço de levantamento seja fornecido.
 
@@ -82,11 +87,16 @@ Consulte esta explicação de levantamento de staking na Ethereum da Finematics:
 
 Se um validador estiver agendado para propor o próximo bloco, é necessário construir uma fila de levantamento composta por um máximo de 16 levantamentos elegíveis. Isto consegue-se começando com um validador de índice 0, determinando se existe um levantamento elegível para esta conta de acordo com as regras do protocolo e adicionando à lista, se existir. O validador definido para propor o bloco seguinte retoma o trabalho no ponto em que foi deixado, fazendo a ordem avançar indefinidamente.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Imagine um relógio analógico. O ponteiro do relógio que aponta para as horas avança numa direção, não salta horas e, eventualmente, volta ao início depois de alcançar o último número.<br/><br/>
 Em vez de 1 a 12, imagine que o relógio tem 0 a N <em>(o número total de contas do validador que foram registadas na camada de consenso, mais de 500 mil em janeiro de 2023).</em><br/><br/>
 O pnteiro do relógio aponta para o próxima validador que tem de ser verificado para levantamentos elegíveis. Começa no 0 e percorre todo o caminho sem saltar quaisquer contas. Ao chegar ao último validador, o ciclo continua desde o início.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Verificar uma conta para levantamentos {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/ro/defi/index.md b/public/content/translations/ro/defi/index.md
index 45e15daabec..bb192ea7864 100644
--- a/public/content/translations/ro/defi/index.md
+++ b/public/content/translations/ro/defi/index.md
@@ -63,12 +63,15 @@ Ethereum construieşte pe aceste baze. La fel ca în cazul Bitcoin, regulile nu
 
 Asta sună ciudat... „De ce aș vrea să-mi programez banii”? Cu toate acestea, este mai degrabă o funcţionalitate implicită a tokenurilor de pe Ethereum. Oricine poate programa logica în plăți. Așa că puteți obține controlul și securitatea Bitcoin îmbinate cu serviciile oferite de instituțiile financiare. Aceasta vă permite să faceți cu criptomonedele lucruri pe care nu le puteți face cu Bitcoin, cum ar fi a lua şi a da cu împrumut, a planifica plăţile, a investi în fonduri de indexare și multe altele.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Explorați sugestiile noastre de aplicațiile DeFi pe care să le testaţi dacă nu aţi mai folosit Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Explorați aplicațiile DeFi
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Ce puteți face cu DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/ro/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/ro/developers/docs/consensus-mechanisms/pow/mining/index.md
index d11c8c67a9a..eba78620ca7 100644
--- a/public/content/translations/ro/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/ro/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -15,9 +15,14 @@ Minarea este procesul de creare a unui bloc de tranzacții care trebuie adăugat
 
 Ethereum, la fel ca Bitcoin, utilizează în prezent un mecanism de consens prin [dovada-muncii (PoW)](/developers/docs/consensus-mechanisms/pow/). Minarea este forța vie a dovezii-muncii. Miner-ii Ethereum - computere care rulează software - își folosesc timpul și puterea de calcul pentru a procesa tranzacții și a produce blocuri.
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
    Dovada-mizei va înlocui minarea și dovada-muncii în cursul anului viitor. Puteți începe de astăzi să vă mizați ETH-ul. <a href="/staking/">Aflați mai multe despre mizare</a>    
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## De ce există miner-i? {#why-do-miners-exist}
 
diff --git a/public/content/translations/ro/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md b/public/content/translations/ro/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
index eee633af3c9..31f570237e5 100644
--- a/public/content/translations/ro/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
+++ b/public/content/translations/ro/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
@@ -111,9 +111,13 @@ API_URL = "your-api-url"
 PRIVATE_KEY = "your-private-key"
 ```
 
-<InfoBanner isWarning>
+<Alert variant="warning">
+<AlertContent>
+<AlertDescription>
 Don't commit <code>.env</code>! Please make sure never to share or expose your <code>.env</code> file with anyone, as you are compromising your secrets in doing so. If you are using version control, add your <code>.env</code> to a <a href="https://git-scm.com/docs/gitignore">gitignore</a> file.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### 7\. Creați fișierul `sendTx.js` {#create-sendtx-js}
 
diff --git a/public/content/translations/ro/energy-consumption/index.md b/public/content/translations/ro/energy-consumption/index.md
index a2c334991e6..06650a65ccf 100644
--- a/public/content/translations/ro/energy-consumption/index.md
+++ b/public/content/translations/ro/energy-consumption/index.md
@@ -61,9 +61,14 @@ _Totodată, trebuie să luăm în considerare că Ethereum nu se limitează la s
 
 În timp ce consumul de energie al lui Ethereum a fost întotdeauna considerabil, dezvoltatorii au investit mult timp și inteligență în procesul de tranziție de la un proces de validare a blocurilor cu un consum mare de energie la unul eficient energetic. Pentru a cita [Bankless](http://podcast.banklesshq.com/), modalitatea cea mai eficientă de a reduce energia consumată de dovada-muncii este pur și simplu de a o „dezactiva”, abordare pe care Ethereum s-a angajat să o urmeze.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   În cazul în care considerați că aceste statistici sunt incorecte sau precizia lor poate fi ameliorată, vă rugăm să ne semnalați o problemă sau creați un PR. Acestea sunt estimări făcute de echipa ethereum.org, folosind informații accesibile publicului precum și foaia de parcurs actuală a lui Ethereum. Aceste declarații nu reprezintă o promisiune oficială din partea Fundației Ethereum.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Referințe suplimentare {#further-reading}
 
diff --git a/public/content/translations/ro/nft/index.md b/public/content/translations/ro/nft/index.md
index cf2ad9c03bf..541ec7a0133 100644
--- a/public/content/translations/ro/nft/index.md
+++ b/public/content/translations/ro/nft/index.md
@@ -160,12 +160,15 @@ NFT-urile acționează o nouă economie, în care creatorii nu cedează propriet
 
 Odată ce conținutul este vândut, fondurile le revin în mod direct. Și chiar atunci când noul proprietar ar revinde NFT-urile, creatorul original poate primi în mod automat redevențe. Garanția acestui lucru este asigurată prin faptul că, la orice vânzare a sa, adresa creatorului este integrată în metadatele tokenului – iar metadatele nu pot fi modificate.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Explorați, cumpărați sau creați-vă propriile NFT-uri de artă/de colecție...</div>
   <ButtonLink href="/dapps/?category=collectibles">
     Explorați arta NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Problema copierii/inserării {#nfts-copy-paste}
 
@@ -193,12 +196,15 @@ Acest lucru mai înseamnă că atunci când un joc nu mai este întreținut de d
 
 Jocul de realitate virtuală Decentraland vă oferă chiar posibilitatea să cumpărați NFT-uri care reprezintă parcele virtuale de teren pe care le puteți folosi după bunul plac.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Aruncați o privire asupra jocurilor Ethereum, alimentate de NFT-uri...</div>
   <ButtonLink href="/dapps/?category=gaming">
     Explorați jocurile NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 <Divider />
 
@@ -428,6 +434,7 @@ Cu alte cuvinte, dacă Visa procesează 140.839.000.000 de tranzacții ce costă
 
 Într-un singur an, Ethereum va consuma 5.256.000 kWh. Cu un potențial de 788.940.000.000.000 - 3.153.600.000.000.000 de tranzacții procesate în această perioadă.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
   În cazul în care considerați că aceste statistici sunt incorecte sau se poate crește precizia lor, vă rugăm să semnalați o problemă sau să creați un PR. Acestea sunt estimări făcute de echipa ethereum.org utilizând informații accesibile publicului și ce este în faza de proiect pentru Ethereum. Aceasta nu reprezintă o promisiune oficială din partea Fundației Ethereum.
-</InfoBanner>
+</Alert>
diff --git a/public/content/translations/ro/roadmap/beacon-chain/index.md b/public/content/translations/ro/roadmap/beacon-chain/index.md
index 0bbd766020e..739f97dd4d8 100644
--- a/public/content/translations/ro/roadmap/beacon-chain/index.md
+++ b/public/content/translations/ro/roadmap/beacon-chain/index.md
@@ -36,9 +36,14 @@ Mizarea joacă același rol avut înainte de [minare](/developers/docs/consensus
 
 Tranziția la dovada mizei a făcut ca Ethereum să fie mult mai sigur și mai descentralizat în comparație cu dovada muncii. Cu cât numărul de oameni din rețea este mai mare, cu atât mai descentralizată și mai sigură în caz de atacuri devine aceasta.
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Dacă dorești să devii un validator și să contribui la securitatea Ethereum, <a href="/staking/">află mai multe despre mizare</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Configurarea pentru fragmentare {#setting-up-for-sharding}
 
diff --git a/public/content/translations/ro/roadmap/merge/index.md b/public/content/translations/ro/roadmap/merge/index.md
index f81e3778842..8a59a475873 100644
--- a/public/content/translations/ro/roadmap/merge/index.md
+++ b/public/content/translations/ro/roadmap/merge/index.md
@@ -37,9 +37,13 @@ Fuziunea a reprezentat trecerea oficială la folosirea Lanțului Beacon drept mo
 
 Niciun istoric nu a fost pierdut în Fuziune. Când Rețeaua principală a fuzionat cu Lanțul Beacon, a fuzionat cu întregul istoric al tranzacțiilor Ethereum.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Această tranziție la dovada mizei a schimbat felul în care este emis eterul. Aflați mai multe despre <a href="/roadmap/merge/issuance/">emiterea de eter înainte și după Fuziune</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Utilizatori și deținători {#users-holders}
 
diff --git a/public/content/translations/ro/security/index.md b/public/content/translations/ro/security/index.md
index 7ff7f03fd2e..47156795550 100644
--- a/public/content/translations/ro/security/index.md
+++ b/public/content/translations/ro/security/index.md
@@ -41,11 +41,12 @@ O parolă puternică nu oferă la fel de multă protecție dacă parola este dez
 
 ### Folosiți un gestionar de parole {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     Folosirea unui gestionar de parole vă asigură că acesta se va ocupa de crearea de parole puternice, unice și de memorarea acestora! Vă recomandăm <strong>insistent</strong> să folosiți unul, iar majoritatea acestora sunt gratuite!
   </div>
-</InfoBanner>
+</Alert>
 
 Memorarea parolelor puternice și unice pentru fiecare cont nu este o situație ideală. Un gestionar de parole, oferă o stocare sigură și criptată pentru toate parolele dvs., pe care le puteți accesa printr-o singură parolă principală unică. De asemenea, acestea sugerează parole puternice atunci când vă înscrieți la un nou serviciu, deci nu trebuie să vă creați propriile parole. Mulți gestionari de parole vă vor spune și dacă ați fost implicat într-o breșă de securitate a datelor, permițându-vă să vă schimbați parolele înainte de orice atac rău intenționat.
 
@@ -68,7 +69,8 @@ Pentru a dovedi că sunteți cu adevărat dvs., există diferite dovezi unice ca
 
 Utilizarea **Autentificării cu doi factori (2FA)**  oferă un *factor de securitate* suplimentar pentru conturile dvs. online, în așa fel încât numai cunoașterea parolei (ceva ce știți) nu este suficientă pentru a accesa un cont. Cel mai frecvent, al doilea factor este un cod de cifre aleatoriu, cunoscut sub numele de **parolă unică temporară (TOTP)**, care poate fi accesat cu ajutorul unei aplicații de autentificare cum ar fi Google Authenticator sau Authy. Acesta funcționează ca un factor de tipul „ceva ce dețineți”, deoarece fraza de securitate („seed”) care generează codul temporar este stocată pe dispozitivul dvs.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Observaţie: Utilizarea 2FA bazată pe SMS este vulnerabilă la 
     <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">
@@ -80,7 +82,7 @@ Utilizarea **Autentificării cu doi factori (2FA)**  oferă un *factor de sec
     </a>
      sau <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Cheile de securitate {#security-keys}
 
@@ -204,11 +206,12 @@ Ca regulă generală, personalul nu va comunica niciodată cu dvs. prin canale p
 - nu permiteți niciodată nimănui accesul de la distanță la computerul dvs.
 - nu comunicați niciodată cu nimeni din afara canalelor oficiale autorizate de organizație
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Atenție: deși escrocheriile prin pretinsă asistență au loc pe Discord, acestea pot predomina şi pe orice aplicație de chat pe care au loc discuții despre cripto, inclusiv pe e-mail.
   </div>
-</InfoBanner>
+</Alert>
 
 ### Înșelătorii prin phishing {#phishing-scams}
 
diff --git a/public/content/translations/ru/defi/index.md b/public/content/translations/ru/defi/index.md
index 533e9bb5480..b81ae0bda85 100644
--- a/public/content/translations/ru/defi/index.md
+++ b/public/content/translations/ru/defi/index.md
@@ -63,12 +63,15 @@ Ethereum построен на этом. Как и в Bitcoin, правила н
 
 Это звучит странно... «Зачем мне программировать свои деньги?» Однако это скорее функция по умолчанию для токенов на Ethereum. Каждый может закодировать логику в платежи. Поэтому вы можете получить контроль и безопасность Bitcoin в сочетании с услугами, предоставляемыми финансовыми учреждениями. Это позволит вам совершать операции с криптовалютами, которыми вы не можете заниматься с Bitcoin, такими как кредитование и заимствование, планирование платежей, инвестирование в индексные фонды и многое другое.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Изучите наши предложения по приложениям DeFi, если вы только осваиваетесь в Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Взглянуть на приложения DeFi
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Что можно делать с помощью DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/ru/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/ru/developers/docs/consensus-mechanisms/pow/mining/index.md
index d63ebdccfde..5470c6dbde4 100644
--- a/public/content/translations/ru/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/ru/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -15,9 +15,14 @@ incomplete: true
 
 Сейчас Ethereum, как и Bitcoin, использует механизм консенсуса [«Доказательство работы» (proof-of-work, PoW)](/developers/docs/consensus-mechanisms/pow/). Майнинг — это ключевая составляющая в системе доказательства работы. Майнеры Ethereum (компьютеры с работающим программным обеспечением) используют свою вычислительную мощность для обработки транзакций и создания блоков.
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
    Доказательство владения заменит майнинг и доказательство работы в течение следующего года. Вы можете начать ставить свои ETH уже сегодня. <a href="/staking/">Подробнее о стейкинге</a>    
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Зачем нужны майнеры? {#why-do-miners-exist}
 
diff --git a/public/content/translations/ru/energy-consumption/index.md b/public/content/translations/ru/energy-consumption/index.md
index 93711591e42..f94cf9184d5 100644
--- a/public/content/translations/ru/energy-consumption/index.md
+++ b/public/content/translations/ru/energy-consumption/index.md
@@ -61,9 +61,14 @@ Ethereum — экологичный блокчейн. Механизм конс
 
 Платформы финансирования общественных благ в Web3, такие как [Gitcoin](https://gitcoin.co), проводят климатические раунды, чтобы стимулировать экологически осознанную разработку на уровне приложений Ethereum. Благодаря разработке таких инициатив (и других, например [DeSci](/desci/)) Ethereum становится технологией с положительным экологическим и социальным балансом.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Если вы считаете, что точность информации на этой странице можно увеличить, поднимите вопрос или сообщите об этом. Статистика на этой странице является оценочной, основанной на общедоступных данных. Она не представляет собой официальное заявление или обещание команды Ethereum.org или Ethereum Foundation.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Дополнительная литература {#further-reading}
 
diff --git a/public/content/translations/ru/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/ru/guides/how-to-create-an-ethereum-account/index.md
index 9404c134855..7f1d03c012f 100644
--- a/public/content/translations/ru/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/ru/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ lang: ru
 **Любой человек, знающий эту фразу, может получить контроль над всеми средствами.** Никогда не делитесь ею ни с кем. Эта фраза должна содержать от 12 до 24 случайно сгенерированных слов (их порядок важен).
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>Кошелек установлен?</b><br/>Научитесь им пользоваться.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     Как использовать кошелек
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 </div>
 
 Заинтересованы в других руководствах? Ознакомьтесь с нашими [пошаговыми руководствами](/guides/)
diff --git a/public/content/translations/ru/guides/how-to-revoke-token-access/index.md b/public/content/translations/ru/guides/how-to-revoke-token-access/index.md
index fec4e3acc61..55805ead52b 100644
--- a/public/content/translations/ru/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/ru/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ lang: ru
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Хотите узнать больше?</div>
   <ButtonLink href="/guides/">
     Посмотрите другие наши руководства
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Часто задаваемые вопросы
 
diff --git a/public/content/translations/ru/guides/how-to-swap-tokens/index.md b/public/content/translations/ru/guides/how-to-swap-tokens/index.md
index ad2f4900538..9f7d1446d80 100644
--- a/public/content/translations/ru/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/ru/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ lang: ru
 Как только транзакция будет обработана, вы автоматически получите в свой кошелек обменянные токены.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Хотите узнать больше?</div>
   <ButtonLink href="/guides/">
     Посмотрите другие наши руководства
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Часто задаваемые вопросы
 
diff --git a/public/content/translations/ru/guides/how-to-use-a-bridge/index.md b/public/content/translations/ru/guides/how-to-use-a-bridge/index.md
index 2bd41fbb68b..cf963103759 100644
--- a/public/content/translations/ru/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/ru/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ lang: ru
 Можно использовать [chainlist.org](http://chainlist.org) для получения информации об удаленном вызове процедур (Remote Procedure Call, RPC) сети. После добавления сети и завершения транзакции вы увидите токены в своем кошельке.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Хотите узнать больше?</div>
   <ButtonLink href="/guides/">
     Посмотрите другие наши руководства
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Часто задаваемые вопросы
 
diff --git a/public/content/translations/ru/guides/how-to-use-a-wallet/index.md b/public/content/translations/ru/guides/how-to-use-a-wallet/index.md
index 4d42807966c..b085b4c7a26 100644
--- a/public/content/translations/ru/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/ru/guides/how-to-use-a-wallet/index.md
@@ -62,12 +62,15 @@ lang: ru
 5. Подтвердите запрос на подпись в вашем кошельке, чтобы установить соединение. **Подписание этого сообщения не должно требовать траты ЕТН**.
 6. Вот и все! Начните пользоваться приложением. Вы найдете некоторые интересные проекты на нашей [странице децентрализованных приложений (dApp)](/dapps/#explore). <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Хотите узнать больше?</div>
   <ButtonLink href="/guides/">
     Посмотрите другие наши руководства
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Часто задаваемые вопросы
 
diff --git a/public/content/translations/ru/nft/index.md b/public/content/translations/ru/nft/index.md
index 566833a580b..afd9822ae46 100644
--- a/public/content/translations/ru/nft/index.md
+++ b/public/content/translations/ru/nft/index.md
@@ -54,12 +54,15 @@ NFT используются для различных целей:
 
 Предположим, вы художник, который хочет поделиться своей работой с помощью NFT, не теряя права распоряжаться ей и не жертвуя прибылью из-за посредников. Вы можете создать контракт и указать количество NFT, их характеристики и ссылку на конкретное произведение. Как художник **вы можете запрограммировать в умном контракте роялти**, которые будете получать (например, перевод 5 % от цены продажи владельцу контракта при каждой передаче NFT). Кроме того, владея [кошельком](/glossary/#wallet), с которого был развернут контракт, вы всегда сможете доказать, что создали определенные NFT. Покупатели смогут легко доказать, что владеют **подлинным NFT** из вашей коллекции, так как [адрес](/glossary/#address) их кошелька связан с токеном в вашем умном контракте. Они смогут использовать его по всей экосистеме Ethereum и быть уверенными в его подлинности.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Ищите и покупайте произведения искусства и коллекционные предметы NFT или создавайте собственные…</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Узнать о произведениях NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Или рассмотрим билет на спортивное мероприятие. Как **организатор мероприятия может выбрать, сколько билетов продать**, так же и создатель NFT может решить, сколько будет копий. Иногда это точные копии, например 5000 обычных входных билетов. Иногда создают несколько очень похожих, но немного отличающихся друг от друга билетов, например с назначенным местом. Они могут быть куплены и проданы напрямую без платы продавцам билетов, а покупатель всегда будет иметь подтверждение подлинности билета, так как сможет проверить адрес контракта.
 
diff --git a/public/content/translations/ru/roadmap/beacon-chain/index.md b/public/content/translations/ru/roadmap/beacon-chain/index.md
index c68169f8761..06e031789e9 100644
--- a/public/content/translations/ru/roadmap/beacon-chain/index.md
+++ b/public/content/translations/ru/roadmap/beacon-chain/index.md
@@ -34,9 +34,14 @@ summaryPoint3: С Beacon Chain в системе появился протоко
 
 Использование доказательства владения как механизма консенсуса — это базовый компонент для [безопасного, экологически чистого и масштабируемого Ethereum, который мы сейчас имеем](/roadmap/vision/).
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Если вы хотите стать валидатором и принять участие в защите Ethereum, <a href="/staking/">узнайте больше о стейкинге</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Настройка шардинга {#setting-up-for-sharding}
 
diff --git a/public/content/translations/ru/roadmap/danksharding/index.md b/public/content/translations/ru/roadmap/danksharding/index.md
index 88468938922..3158d87cb5a 100644
--- a/public/content/translations/ru/roadmap/danksharding/index.md
+++ b/public/content/translations/ru/roadmap/danksharding/index.md
@@ -57,9 +57,9 @@ KZG (Kate-Zaverucha-Goldberg) — это первые буквы имен тре
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
   Ни данкшардинг, ни протоданкшардинг не следуют традиционной модели шардинга, целью которой является разделение блокчейна на несколько частей. Цепочки осколков больше не являются частью дорожной карты. Вместо этого данкшардинг использует распределенную выборку данных по BLOB-объектам для масштабирования Ethereum. Это гораздо проще реализовать. Иногда эту модель называют «шардингом данных».
-</InfoBanner>
+</Alert>
 
 ## Что такое данкшардинг? {#what-is-danksharding}
 
diff --git a/public/content/translations/ru/roadmap/index.md b/public/content/translations/ru/roadmap/index.md
deleted file mode 100644
index 30b1a01fb01..00000000000
--- a/public/content/translations/ru/roadmap/index.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: Дорожная карта Ethereum
-description: Путь к большей масштабируемости, безопасности и экологичности Ethereum.
-lang: ru
-template: roadmap
-image: /images/heroes/roadmap-hub-hero.jpg
-alt: "Дорожная карта Ethereum"
-summaryPoints:
-buttons:
-  - 
-    content: Будущие обновления
-    toId: what-changes-are-coming
-  - 
-    content: Прошлые обновления
-    href: /history/
-    variant: план
----
-
-Ethereum — это мощная платформа для глобальной координации, и она продолжает совершенствоваться. Благодаря амбициозному набору обновлений Ethereum сможет улучшиться до полностью масштабируемой и максимально устойчивой платформы. Все эти обновления являются частью Дорожной карты Ethereum.
-
-**Чтобы узнать об уже реализованных улучшениях Ethereum, посетите раздел [История](/history/)**
-
-## Что меняется для Ethereum? {#what-changes-are-coming}
-
-Дорожная карта Ethereum описывает конкретные улучшения, которые будут внесены в протокол в будущем. В целом реализация Дорожной карты создаст для пользователей Ethereum такие преимущества:
-
-<CardGrid>
-  <RoadmapActionCard
-    href="/roadmap/scaling"
-    title="Более дешевые транзакции"
-    image="scaling"
-    description="Rollups are too expensive and rely on centralized components, causing users to place too much trust in their operators. The roadmap includes fixes for both of these problems."
-    buttonText="More on reducing fees"
-  />
-  <RoadmapActionCard
-    href="/roadmap/security"
-    title="Усиленная безопасность"
-    image="security"
-    description="Ethereum is already very secure but it can be made even stronger, ready to withstand all kinds of attack far into the future."
-    buttonText="More on security"
-  />
-  <RoadmapActionCard
-    href="/roadmap/user-experience"
-    title="Повышение удобства"
-    image="userExperience"
-    description="More support for smart contract wallets and light-weight nodes will make using Ethereum simpler and safer."
-    buttonText="More on user experience"
-  />
-  <RoadmapActionCard
-    href="/roadmap/future-proofing"
-    title="Обеспечение будущего"
-    image="futureProofing"
-    description="Ethereum researchers and developers are solving tomorrow's problems today, readying the network for future generations."
-    buttonText="More on future proofing"
-  />
-</CardGrid>
-
-## Для чего нужна Дорожная карта Ethereum? {#why-does-ethereum-need-a-roadmap}
-
-Ethereum обновляется регулярно, что приводит к улучшению масштабируемости, безопасности или устойчивости. Адаптация идей, возникающих в результате исследований и разработок, — это одно из основных достоинств Ethereum. Адаптивность дает Ethereum возможность гибко справляться с возникающими сложностями, а также идти в ногу с самыми современными техническими разработками.
-
-<RoadmapImageContent title="Как составляют дорожную карту">
-
-В большинстве своем, дорожная карта является результатом многолетней работы исследователей и разработчиков, поскольку этот протокол очень зависит от технических моментов, но в целом, внести свой вклад может любой мотивированный человек. Идеи обычно начинаются с обсуждения на форумах, таких как [ethresear.ch](https://ethresear.ch/), [Ethereum Magicians](https://ethereum-magicians.org/) или на дискорд-сервере Eth R&D. Они могут быть реакцией на обнаружение новых уязвимостей, предложения организаций, работающих на уровне приложений (таких как [dapps](/glossary/#dapp) и биржи), или на известные ограничения для конечных пользователей (например, стоимость или скорость транзакций). Когда идеи готовы, они могут быть формализованы в виде [Предложений по улучшению Ethereum (EIP)](https://eips.ethereum.org/). Все это происходит публично, чтобы каждый представитель сообщества мог в любой момент высказать свое мнение.
-
-[Подробнее об управлении Ethereum](/governance/)
-
-</RoadmapImageContent>
-
-<InfoBanner mb={8}>
-  <h4 style={{ marginTop: 0 }}>Что такое ETH2?</h4>
-
-  <p>Термин Eth2 обычно использовался для описания будущего Ethereum до перехода на <a href="/glossary/#pos">доказательство доли владения</a>, но был заменен <strong>более точным термином.</strong> Первоначально он использовался для обозначения сети Ethereum после перехода на доказательство доли владения или иногда для обозначения различных клиентов Ethereum (<a href="/glossary/#execution-client">клиенты-исполнители</a> иногда назывались клиентами ETH1, а <a href="/glossary/#consensus-client">консенсус-клиенты </a> иногда назывались клиентами ETH2).</p>
-
-</InfoBanner>
-
-## Будет ли дорожная карта Ethereum меняться со временем? {#will-ethereums-roadmap-change-over-time}
-
-**Безусловно**. Дорожная карта — это текущий план улучшения Ethereum, покрывающий как ближайшие, так и далекие перспективы. Мы предполагаем, что дорожная карта будет меняться с появлением новой информации и доступных технологий.
-
-Думайте о дорожной карте Ethereum как о наборе намерений по улучшению Ethereum; это наиболее целесообразная теория основных исследователей и разработчиков о самом оптимальном пути развития Ethereum.
-
-## Когда будет завершена работа над Дорожной картой? {#when-will-the-roadmap-be-finished}
-
-Некоторые обновления имеют низкий приоритет и, вероятно, не будут реализованы в течение следующих 5–10 лет (например, квантовое сопротивление). **Сложно предсказать точные сроки выхода каждого обновления,** так как многие пункты дорожной карты разрабатываются параллельно и с разной скоростью. Срочность внедрения изменений также может меняться со временем в зависимости от внешних факторов (например, резкий скачок в производительности и доступности квантовых компьютеров может сделать квантово-устойчивую криптографию более актуальной).
-
-Один из способов понять развитие Ethereum — это проведение аналогии с биологической эволюцией. Сеть, способная адаптироваться к новым вызовам и поддерживать свою работоспособность, имеет больше шансов на успех, чем та, которая сопротивляется изменениям, хотя по мере роста производительности, масштабируемости и безопасности сети ей потребуется все меньше изменений в протоколе.
-
-## Нужно ли мне что-нибудь делать после выхода обновления? {#do-i-have-to-do-anything-when-there-is-an-upgrade}
-
-Обновления зачастую не затрагивают конечных пользователей, а лишь предоставляют им больше возможностей и повышают безопасность протокола, иногда добавляя новые <i>способы</i> взаимодействия с Ethereum. **Обычным пользователям не требуется активно участвовать в обновлении, а также не требуется предпринимать какие-либо действия** для защиты своих активов. Операторам [узлов](/glossary/#node) нужно обновить свои клиенты, чтобы подготовиться к обновлению. Некоторые обновления могут затронуть разработчиков приложений. Например, обновления, касающиеся срока хранения истории, требуют от разработчиков приложений получать данные об истории с новых источников.
-
-## Что насчёт Verge, Splurge и так далее? {#what-about-the-verge-splurge-etc}
-
-[Виталик Бутерин предложил дорожную карту Ethereum](https://twitter.com/VitalikButerin/status/1741190491578810445), в которой обновления делятся на категории, связанные влиянием на архитектуру Ethereum. Список этих категорий:
-
-- **Слияние**: обновления, связанные с переходом с [доказательства выполнения работы](/glossary/#pow) на [доказательство доли владения](/glossary/#pos)
-- **Всплеск**: обновления, связанные с обеспечением масштабируемости за счет [свертков](/glossary/#rollups) и шардинга данных.
-- **Бич**: обновления, связанные с устойчивостью к цензуре, децентрализацией и рисками для протокола, исходящими от [MEV](/glossary/#mev)
-- **Грань**: обновления, связанные с упрощением проверки [блоков](/glossary/#block)
-- **Чистка**: обновления, связанные со снижением вычислительных затрат на запуск узлов и упрощением протокола
-- **Сплав**: остальные обновления, которые не входят в вышеописанные категории.
-
-Мы приняли решение не использовать сложную терминологию, потому что мы хотим создать простую модель ориентированную на пользователей. Поскольку мы используем язык, понятный пользователям, мы и далее поддерживаем версию названий, предложенную Виталиком.
-
-## Что насчет шардинга? {#what-about-sharding}
-
-Шардинг — это разделение блокчейна Ethereum таким образом, чтобы подгруппы [валидаторов](/glossary/#validator) отвечали только за часть всех данных. Это изначальное предложение по масштабированию Ethereum. Однако свертки [2-го уровня](/glossary/#layer-2) были разработаны гораздо быстрее, чем ожидалось, и уже обеспечили значительную масштабируемость, а после внедрения протоданкшардинга обеспечат еще больше. То есть, «шард чейны» больше не понадобятся и будут исключены из дорожной карты.
-
-## Ищете определенные технические обновления? {#looking-for-specific-technical-upgrades}
-
-- Благодаря [данкшардингу](/roadmap/danksharding) свертки второго уровня становятся намного дешевле для пользователей посредством добавления BLOB-объектов данных в блоки Ethereum.
-- [Вывод из стейкинга](/staking/withdrawals). Обновление Shanghai/Capella позволило делать вывод из стейкинга на Ethereum, что дало пользователям возможность разблокировать свои ETH в стейкинге.
-- [Финализация в одном слоте](/roadmap/single-slot-finality). Вместо ожидания 15 минут, блоки могут быть предложены и финализированы в одном слоте. Этот вариант удобнее для приложений, и его сложнее атаковать.
-- [Разделение на предлагающего-строящего](/roadmap/pbs). Благодаря разделению валидаторов на строителей блоков и предлагающих блоки создается более честный, устойчивый к цензуре и эффективный способ достижения консенсуса в Ethereum.
-- [Выборы секретного лидера](/roadmap/secret-leader-election). Умная криптография может быть использована для обеспечения того, чтобы личность текущего предлагающего блока не была публичной, защищая его от определенных видов атак.
-- [Абстракция аккаунта](/roadmap/account-abstraction). Абстракция аккаунта это класс обновлений, поддерживающий смарт-контрактные кошельки изначально на Ethereum, вместо использования сложного промежуточного программного обеспечения.
-- [Деревья Веркла](/roadmap/verkle-trees) — это структура данных, которая может использоваться для клиентов без состояния на Ethereum. Эти клиенты без присутствия потребуют крошечного пространства для хранения, но все еще смогут проверять новые блоки.
-- [Клиенты без состояния](/roadmap/statelessness) смогут проверять новые блоки без необходимости хранения больших объемов данных. Это обеспечит все преимущества работы узла всего с небольшой долей от сегодняшних затрат.
diff --git a/public/content/translations/ru/roadmap/merge/index.md b/public/content/translations/ru/roadmap/merge/index.md
index 6a3545f5ca5..ba6f1ff40b7 100644
--- a/public/content/translations/ru/roadmap/merge/index.md
+++ b/public/content/translations/ru/roadmap/merge/index.md
@@ -37,9 +37,13 @@ summaryPoint4: Слияние уменьшило потребление энер
 
 Старые данные при слиянии не пострадали. Когда основная сеть слилась с сетью Beacon, также произошло слияние всей истории транзакций Ethereum.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Этот переход к доказательству владения изменил подход к выпуску эфира. Подробнее о <a href="/roadmap/merge/issuance/">выпуске эфира до и после слияния</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Пользователи и держатели {#users-holders}
 
diff --git a/public/content/translations/ru/roadmap/merge/issuance/index.md b/public/content/translations/ru/roadmap/merge/issuance/index.md
index ca7644d0d17..5aeab41464d 100644
--- a/public/content/translations/ru/roadmap/merge/issuance/index.md
+++ b/public/content/translations/ru/roadmap/merge/issuance/index.md
@@ -54,11 +54,15 @@ title="Коротко о выпуске ETH">
 - Результат: **~620 500** выпущенных ETH в год.
 - Итоговый уровень инфляции: **около 0,52 %** (620,5 тыс. в год, 119,3 млн всего).
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 <strong>Общая годовая скорость выпуска (до слияния): ~4,61 %</strong> (4,09 % + 0,52 %)<br/><br/>
 <strong>~88,7 %</strong> из выпуска шло майнерам на уровне исполнения (4,09 / 4,61 * 100)<br/><br/>
 <strong>~11,3 %</strong> из выпуска шло дольщикам на уровне консенсуса (0,52 / 4,61 * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## После слияния (сейчас) {#post-merge}
 
@@ -84,18 +88,26 @@ title="Коротко о выпуске ETH">
 - Выпуск на уровне исполнения: **0**
 - Выпуск на консенсусном уровне: как и выше, **~0,52 %** в год (при 14 млн ETH всего в стейкинге)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Общий годовой показатель выпуска: <strong>~0,52 %</strong><br/><br/>
 Чистое сокращение годового выпуска ЕТН: <strong>~88,7 %</strong> ((4,61 % – 0,52 %) / 4,61 % * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## <Emoji text=":fire:" size="1" /> Сжигание {#the-burn}
 
 Сила, противоположная выпуску ETH, — это скорость, с которой ЕТН сжигается. Чтобы транзакция была выполнена в Ethereum, необходимо заплатить минимальную (базовую) комиссию, которая постоянно колеблется (от блока к блоку) в зависимости от активности сети. Эта комиссия платится в ETH, и является _обязательной_, чтобы транзакция считалась действительной. Эта комиссия _сгорает_ в процессе транзакции, удаляя средства из обращения.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Сжигание комиссии появилось с обновлением <a href="/history/#london">London</a> в августе 2021 года и остается неизменным после слияния.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 В дополнение к сжиганию комиссии, которое внесло обновление London, валидаторы могут также понести наказание за то, что они отключаются от сети. А за нарушение определенных правил, угрожающее безопасности сети, они даже могут быть подвергнуты сокращению. Такие наказания приводят к уменьшению количества ЕТН на балансе валидатора. Изъятые средства непосредственно не используются для вознаграждения любого другого аккаунта и, по сути, сжигаются и удаляются из обращения.
 
diff --git a/public/content/translations/ru/roadmap/scaling/index.md b/public/content/translations/ru/roadmap/scaling/index.md
index b868aaac7d8..de03b4ba0a3 100644
--- a/public/content/translations/ru/roadmap/scaling/index.md
+++ b/public/content/translations/ru/roadmap/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 Ethereum масштабируется с помощью сетей [уровня 2](/layer-2/#rollups) (также известными как свертки), которые собирают транзакции вместе и отправляют результат на Ethereum. Свертки до 8 раз дешевле основной сети Ethereum, но их можно оптимизировать еще лучше, чтобы снизить расходы для конечных пользователей. Они также полагаются на некоторые централизованные компоненты, которые разработчики могут удалять по мере развития свертков.
 
-<InfoBanner mb={8} title="Расходы на транзакции">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  Расходы на транзакции
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>Сейчас свертки в <strong>5–20 раз</strong> дешевле уровня 1 Ethereum.</li>
     <li>ZK-свертки в скором времени снизят комиссию в <strong>~40–100 раз</strong>.</li>
     <li>Предстоящие изменения в Ethereum увеличат масштабирование еще в <strong>~100–1000 раз</strong>.</li>
     <li style={{ marginBottom: 0 }}>Преимуществом для пользователей должны стать транзакции <strong>стоимостью менее 0,001 $</strong>.</li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Удешевление данных {#making-data-cheaper}
 
diff --git a/public/content/translations/ru/security/index.md b/public/content/translations/ru/security/index.md
index cc86fc54b14..f92590b20cd 100644
--- a/public/content/translations/ru/security/index.md
+++ b/public/content/translations/ru/security/index.md
@@ -122,11 +122,12 @@ lang: ru
 - Никогда не предоставляйте никому удаленный доступ к вашему компьютеру.
 - Никогда не общайтесь вне официальных каналов организации.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Будьте осторожны: хотя мошенничество под видом поддержки обычно происходит в Discord, оно также может быть в любых чатах приложений, где обсуждаются криптовалюты, а так же по электронной почте.
   </div>
-</InfoBanner>
+</Alert>
 
 ### Мошенничество с токенами Eth2 {#eth2-token-scam}
 
@@ -213,11 +214,12 @@ _Примечание. Существуют производные токены
 
 ### Используйте менеджер паролей {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     Используя менеджер паролей, вы сможете избавиться от хлопот с созданием надежных и уникальных паролей и их запоминанием! Мы <strong>настоятельно</strong> рекомендуем использовать один из них, и большинство из них бесплатны!
   </div>
-</InfoBanner>
+</Alert>
 
 Запоминание надежных уникальных паролей для каждой учетной записи — не лучшее решение. Менеджер паролей предлагает безопасное зашифрованное хранилище для всех ваших паролей, к которым вы можете получить доступ с помощью одного, но надежного мастер-пароля. Он также предлагает надежные пароли при регистрации в новом сервисе, поэтому вам не нужно будет придумывать их самостоятельно. Многие менеджеры паролей также сообщат вам, если ваши данные будут скомпрометированы, что даст вам возможность изменить пароли до вредоносных атак.
 
@@ -240,11 +242,12 @@ _Примечание. Существуют производные токены
 
 Использование **двухфакторной аутентификации (2FA)** обеспечивает дополнительный *фактор безопасности* ваших онлайн-аккаунтов. 2FA гарантирует, что одного только пароля будет недостаточно для доступа к аккаунту. Чаще всего второй фактор представляет собой рандомизированный 6-значный код, известный как **одноразовый временный пароль (TOTP)**, к которому вы можете получить доступ через приложение для аутентификации, такое как Google Authenticator или Authy. Они работают как фактор «что-то, что у вас есть», потому что начальное число, генерирующее временный код, хранится на вашем устройстве.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Примечание. Двухфакторная аутентификация на основе SMS уязвима к <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">переносу номера телефона на SIM-карту злоумышленника</a> и небезопасна. Для обеспечения максимальной безопасности используйте такой сервис, как <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> или <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Ключи безопасности {#security-keys}
 
diff --git a/public/content/translations/ru/staking/withdrawals/index.md b/public/content/translations/ru/staking/withdrawals/index.md
index 5ef10d4f116..fded191f3f8 100644
--- a/public/content/translations/ru/staking/withdrawals/index.md
+++ b/public/content/translations/ru/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ summaryPoints:
 
 Предоставление адреса вывода является необходимым шагом для любой учетной записи валидатора, прежде чем она получит право на вывод ЕТН со своего баланса.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Каждой учетной записи валидатора можно назначить только один адрес вывода, один раз.</strong> Как только адрес выбран и передан на уровень консенсуса, его нельзя отменить или изменить. Дважды проверьте принадлежность и точность указанного адреса, прежде чем его отправлять.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Неуказание адреса <strong>не создает угрозы для ваших средств</strong> при условии, что ваша мнемоническая/кодовая фраза остается в безопасности офлайн и не раскрывается каким-либо образом. Если не указывать учетные данные для вывода средств, ЕТН просто останутся заблокированными в учетной записи валидатора, как это было до предоставления адреса вывода средств.
 
@@ -82,11 +87,16 @@ summaryPoints:
 
 Когда для валидатор запланировано предложение следующего блока, он должен построить очередь вывода до 16 правомочных снятий. При этом все начинается с индекса валидатора 0, определяется наличие возможных выводов для данной учетной записи по правилам протокола, а при таком наличии запись добавляется в очередь. Валидатор, предлагающий следующий блок, будет продолжать работу там, где остановился предыдущий, и продвижение по порядку происходит бесконечно.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Представьте себе аналоговые часы. Срелка на часах указывает на час, движется в одном направлении, не пропускает ни одного часа, а в конце концов снова поворачивается к началу после того, как достигнут последний номер.<br/><br/>
 Теперь вместо 1 до 12 представьте, что часы имеют от 0 до N <em>(общее число счетов валидаторов, которые когда-либо были зарегистрированы на консенсусном уровне, более 500 000 по состоянию на январь 2023 г.). </em><br/><br/>
 Стрелка на часах указывает на следующего валидатора, который должен быть проверен на подходящий вывод средств. Это все начинается с 0 и продвигается до конца, не пропуская ни одной учетной записи. Когда достигается последний валидатор, цикл продолжается с начала.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Проверка учетной записи для снятия средств {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/ru/web3/index.md b/public/content/translations/ru/web3/index.md
index a7f9ce33046..b12b79760d1 100644
--- a/public/content/translations/ru/web3/index.md
+++ b/public/content/translations/ru/web3/index.md
@@ -61,12 +61,15 @@ Web3 дает вам беспрецедентное владение вашим
 
 Web3 позволяет непосредственно владеть активами благодаря [невзаимозаменяемым токенам (NFT)](/glossary/#nft). Никто, даже создатели игры, не могут забрать у вас вашу собственность. Если вы прекратите играть, то сможете продать ваши предметы на открытых рынках и окупить их стоимость.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Подробнее об NFT</div>
   <ButtonLink href="/nft/">
     Подробнее об NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Устойчивость к цензуре {#censorship-resistance}
 
@@ -86,12 +89,15 @@ Web 2.0 требует от создателей контента верить 
 
 Однако многие сообщества Web3 считаются организациями DAO. Все эти сообщества имеют разные уровни децентрализации и автоматизации по коду. В настоящее время мы изучаем, что такое DAO и как они могут развиваться в будущем.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Подробнее о DAO</div>
   <ButtonLink href="/dao/">
     Больше о DAO
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Идентичность {#identity}
 
diff --git a/public/content/translations/se/nft/index.md b/public/content/translations/se/nft/index.md
index b23692a5b11..dbb3e3e96e9 100644
--- a/public/content/translations/se/nft/index.md
+++ b/public/content/translations/se/nft/index.md
@@ -167,12 +167,15 @@ NFT: s driver en ny skaparekonomi där kreatörer inte lämnar över ägandet av
 
 När de säljer sitt innehåll går pengarna direkt till dem. Om den nya ägaren sedan säljer NFT, kan den ursprungliga skaparen till och med automatiskt få royalties. Detta garanteras varje gång den säljs eftersom skaparens adress är en del av pollettens metadata – metadata som inte kan ändras.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Utforska, köp eller skapa din egen NFT-konst/dina egna NFT-samlarföremål ...</div>
   <ButtonLink href="/dapps/?category=collectibles">
     Utforska NFT-konst
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Problemet med att kopiera/klistra in {#nfts-copy-paste}
 
@@ -200,12 +203,15 @@ I slutändan kan de föremål som du svettas för i spelet alltid finnas kvar, 
 
 Decentraland, ett virtuell verklighetsspel, låter dig till och med köpa NFT:er som representerar virtuella tomter som du kan använda hur du vill.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Kolla in Ethereum-spel, som drivs med hjälp av NFT:er ...</div>
   <ButtonLink href="/dapps/?category=gaming">
     Utforska NFT-spel
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 <Divider />
 
diff --git a/public/content/translations/sk/defi/index.md b/public/content/translations/sk/defi/index.md
index c35fbdc645a..52adec51655 100644
--- a/public/content/translations/sk/defi/index.md
+++ b/public/content/translations/sk/defi/index.md
@@ -63,12 +63,15 @@ Na tom Ethereum stavia. Rovnako ako pri Bitcoine sa pravidlá nemôžu zmeniť a
 
 Znie to zvláštne… „Prečo by som chcel programovať svoje peniaze“? Je to však skôr len predvolená vlastnosť tokenov na Ethereu. Každý môže naprogramovať logiku do platieb. Takže môžete získať kontrolu a bezpečnosť Bitcoinu v kombinácii so službami poskytovanými finančnými inštitúciami. Vďaka tomu môžete s kryptomenami robiť veci, ktoré s Bitcoinom robiť nemôžete, ako je požičiavanie a vypožičiavanie, plánovanie platieb, investovanie do indexových fondov a ďalšie.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Preskúmajte naše návrhy pre DeFi aplikácie a vyskúšajte ich, ak ste v Ethereu nováčik.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Objavte DeFi aplikácie
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Čo môžete robiť s DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/sk/energy-consumption/index.md b/public/content/translations/sk/energy-consumption/index.md
index 7491ff7d657..e010bc5b170 100644
--- a/public/content/translations/sk/energy-consumption/index.md
+++ b/public/content/translations/sk/energy-consumption/index.md
@@ -61,9 +61,14 @@ Zatiaľ čo spotreba energie Etherea je veľmi nízka, na Ethereu sa buduje aj z
 
 Natívne platformy pre financovanie verejných statkov fungujúcich na princípoch Web3, ako je [Gitcoin](https://gitcoin.co) majú aj okruhy zamerané na ochranu klímy, vďaka čomu stimulujú ekologicky uvedomelý rozvoj na aplikačnej vrstve Etherea. Prostredníctvom rozvoja týchto iniciatív (a ďalších, napr. [DeSci](/desci/)), sa Ethereum stáva environmentálne a sociálne pozitívnou technológiou.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Pokiaľ si myslíte, že by táto stránka mohla byť presnejšia, upozornite nás na to alebo použite PR. Štatistiky na tejto stránke sú odhady založené na verejne dostupných dátach – nepredstavujú oficiálne vyhlásenie alebo prísľub tímu ethereum.org alebo nadácie Ethereum.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Ďalšie zdroje informácií {#further-reading}
 
diff --git a/public/content/translations/sk/nft/index.md b/public/content/translations/sk/nft/index.md
index eb22b239961..9da8fa08ed6 100644
--- a/public/content/translations/sk/nft/index.md
+++ b/public/content/translations/sk/nft/index.md
@@ -54,12 +54,15 @@ NFT sa používajú na mnohé účely vrátane:
 
 Možno ste umelec, ktorý chce zverejniť svoju prácu pomocou NFT bez toho, aby stratil kontrolu a prišiel o svoje zisky kvôli prostredníkom. Môžete vytvoriť nový kontrakt a zadať počet NFT, ich vlastnosti a pridať odkaz na konkrétne umelecké dielo. Ako umelec **môžete do smart kontraktu naprogramovať licenčné poplatky**, ktoré by vám mali byť vyplatené (napr. 5 % z predajnej ceny, čo je vlastníkovi kontraktu vyplatené zakaždým, keď je NFT prevedené na novú adresu). Vždy tiež môžete preukázať, že ste vytvorili NFT, pretože vlastníte [peňaženku](/glossary/#wallet), ktorá kontrakt vytvorila. Vaši kupujúci môžu ľahko preukázať, že vlastnia **autentické NFT** z vašej zbierky, pretože [adresa](/glossary/#address) ich peňaženky je spojená s tokenom vo vašom smart kontrakte. Môžu ho používať v celom ekosystéme Etherea a sú si istí jeho pravosťou.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Preskúmajte, kúpte alebo si vytvorte vlastné NFT umenie/zberateľské predmety…</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Preskúmať NFT umenie
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Alebo si predstavte vstupenku na športové podujatie. Rovnako ako **organizátor podujatia si môže vybrať, koľko vstupeniek bude predávať**, môže tvorca NFT rozhodnúť, koľko kópií existuje. Niekedy sa jedná o presné kópie, ako je 5 000 všeobecných vstupeniek. Niekedy je vytvorených niekoľko NFT, ktoré sú veľmi podobné, ale každé mierne odlišné, ako napríklad vstupenka s prideleným sedadlom. Tie je možné kupovať a predávať medzi používateľmi bez platenia predajcom vstupeniek a kupujúci sa vždy môže uistiť o pravosti vstupenky pomocou kontroly adresy kontraktu.
 
diff --git a/public/content/translations/sk/security/index.md b/public/content/translations/sk/security/index.md
index e3e5901f204..2cfaeb05126 100644
--- a/public/content/translations/sk/security/index.md
+++ b/public/content/translations/sk/security/index.md
@@ -122,11 +122,12 @@ Vo všeobecnosti, personál s vami nikdy nebude komunikovať prostredníctvom s
 - nikdy nikomu neumožnite vzdialený prístup k vášmu počítaču,
 - nikdy nekomunikujte mimo kanály určené organizáciou.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Dávajte si pozor: aj keď sa na Discorde bežne vyskytujú podvody v štýle zákazníckej podpory, môžu sa vyskytovať aj v akýchkoľvek chatovacích aplikáciách, kde prebieha kryptografická diskusia, vrátane e-mailu.
   </div>
-</InfoBanner>
+</Alert>
 
 ### Podvod s tokenom „Eth2“ {#eth2-token-scam}
 
@@ -213,11 +214,12 @@ Silné heslo, ktoré bolo odhalené pri úniku dát, už nie je silným heslom.
 
 ### Používajte správcu hesiel {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     Správca hesiel sa postará o vytvorenie silných a jedinečných hesiel a ich zapamätanie! <strong>Vrelo</strong> odporúčame nejaký používať, väčšina z nich je zadarmo!
   </div>
-</InfoBanner>
+</Alert>
 
 Pamätať si silné a jedinečné heslá pre každý účet nie je ideálne. Správca hesiel ponúka bezpečné šifrované úložisko všetkých vašich hesiel, ku ktorým máte prístup prostredníctvom jedného silného hlavného hesla. Pri registrácii do novej služby tiež odporúčajú silné heslá, aby ste si nemuseli vytvárať vlastné. Mnoho správcov hesiel vám tiež oznámi, či ste boli súčasťou úniku dát, a umožní vám zmeniť heslá skôr, než dôjde k škodlivým útokom.
 
@@ -240,11 +242,12 @@ Niekedy môžete byť požiadaní o overenie svojej identity prostredníctvom un
 
 Používanie **dvojfaktorového overenia (2FA) **je ďalším* bezpečnostným faktorom* pre vaše online účty. Funkcia 2FA zabezpečuje, že na prístup k účtu nestačí mať len vaše heslo. Druhým faktorom je najčastejšie náhodný šesťmiestny kód, známy ako **jednorazové časovo obmedzené heslo (TOTP)**, ku ktorému získate prístup prostredníctvom autentizačnej aplikácie, ako je Google Authenticator alebo Authy. Fungujú, ako „niečo, čo vlastníte“, pretože seed, ktorý generuje časovaný kód, je uložený vo vašom zariadení.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Poznámka: Používanie 2FA pomocou SMS je náchylné na <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">odcudzenie SIM</a> a nie je bezpečné. Pre najlepšiu ochranu používajte službu ako <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> alebo <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Bezpečnostné kľúče {#security-keys}
 
diff --git a/public/content/translations/sk/staking/withdrawals/index.md b/public/content/translations/sk/staking/withdrawals/index.md
index 972032e4fe4..742ea7ea430 100644
--- a/public/content/translations/sk/staking/withdrawals/index.md
+++ b/public/content/translations/sk/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Pred upgradom Shanghai/Capella ste nemohli používať svoj vsadený ETH ani k n
 
 Poskytnutie adresy pre výber je povinným krokom pre akýkoľvek účet validátora, než bude mať nárok na výber ETH zo svojho zostatku.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Každému účtu validátora je možné priradiť iba jednu adresu pre výber, a to raz.</strong> Akonáhle je adresa vybraná a odoslaná do konsenzuálnej vrstvy, nemožno to vrátiť späť ani znovu zmeniť. Pred odoslaním znova skontrolujte vlastníctvo a správnosť poskytnutej adresy.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Pokiaľ adresu medzitým neposkytnete, <strong>nehrozí vašim finančným prostriedkom žiadne ohrozenie</strong>, za predpokladu, že vaša mnemotechnická/seed fráza zostala v bezpečí offline a nebola žiadnym spôsobom kompromitovaná. Nepridanie prihlasovacích údajov pre výber jednoducho ponechá ETH uzamknuté v účte validátora tak, ako bolo, kým nebola poskytnutá adresa pre výber.
 
@@ -82,11 +87,16 @@ Pozrite sa na toto vysvetlenie výberov zo stakovania Ethereum od Finematics:
 
 Keď je naplánované, že validátor navrhne ďalší blok, je nutné zostaviť front pre výber až 16 oprávnených výberov. To sa robí tak, že sa pôvodne začne s indexom validátora 0, určí sa, či pre tento účet existuje oprávnený výber podľa pravidiel protokolu, a ak áno, pridá sa do frontu. Validátor nastavený tak, aby navrhoval nasledujúci blok, bude pokračovať tam, kde skončil posledný, pričom postupuje v poradí neobmedzene dlho.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Predstavte si analógové hodiny. Ručička na hodinách ukazuje na hodinu, postupuje jedným smerom, nepreškoči žiadnu hodinu a nakoniec sa po dosiahnutí posledného čísla opäť pretočí na začiatok.<br/><br/>
 Teraz si namiesto 1 až 12 predstavte, že hodiny majú 0 až N<em>(celkový počet účtov validátorov, ktoré kedy boli zaregistrované na vrstve konsenzu – k januáru 2023 ich je cez 500 000).</em><br/><br/>
 Ručička na hodinách ukazuje na ďalší validátor, pri ktorom je potrebné skontrolovať oprávnené výbery. Začína na 0 a postupuje stále dookola bez toho, aby preskočila akýkoľvek účet. Keď je dosiahnutý posledný validátor, cyklus pokračuje od začiatku.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Kontrola účtu pre výbery {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/sk/web3/index.md b/public/content/translations/sk/web3/index.md
index 40307f0b954..eddaf459b47 100644
--- a/public/content/translations/sk/web3/index.md
+++ b/public/content/translations/sk/web3/index.md
@@ -61,12 +61,15 @@ Web3 vám umožňuje vlastniť vaše digitálne aktíva doposiaľ nevídaným sp
 
 Web3 umožňuje priame vlastníctvo prostredníctvom [nezameniteľných tokenov (NFT)](/glossary/#nft). Nikto, ani tvorcovia hry, nemajú moc vás vlastníctva zbaviť. A ak prestanete hrať, môžete svoje herné predmety predať alebo vymeniť na verejne prístupných trhoviskách a získať tak späť prostriedky, ktoré ste minuli na ich kúpu.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Viac informácií o NFT</div>
   <ButtonLink href="/nft/">
     Viac o NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Odolnosť voči cenzúre {#censorship-resistance}
 
@@ -86,12 +89,15 @@ DAO sú technicky definované ako [smart kontrakty](/glossary/#smart-contract),
 
 Ľudia definujú veľa Web3 komunít ako DAO. Všetky tieto komunity majú rôzne úrovne decentralizácie a automatizácie v závislosti od kódu. V súčasnosti skúmame, čo DAO sú a ako by sa mohli v budúcnosti vyvíjať.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
   <ButtonLink href="/dao/">
     Viac o DAO
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Identita {#identity}
 
diff --git a/public/content/translations/sl/contributing/translation-program/index.md b/public/content/translations/sl/contributing/translation-program/index.md
index fc393ea3781..ba4c5388dc8 100644
--- a/public/content/translations/sl/contributing/translation-program/index.md
+++ b/public/content/translations/sl/contributing/translation-program/index.md
@@ -16,9 +16,14 @@ Naš napredek do zdaj:
 
 Če se želite pridružiti in nam pomagati povečati globalno Ethereum skupnost s prevajanjem spletne strani v vaš jezik, sledite spodnjim korakom!
 
-<InfoBanner shouldCenter emoji=":tada:">
+<Alert variant="update">
+<Emoji text=":tada:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Prevzemite svoj POAP žeton! Če ste prevajali ethereum.org v letu 2021, vas čaka edinstven POAP. <a href="/contributing/#poap">Več o POAP-ih</a>
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Misija in vizija {#mission-and-vision}
 
@@ -94,10 +99,15 @@ Prav tako nas lahko kontaktirate prek translations@ethereum.org
 
 Hvala za vaše sodelovanje pri ethereum.org prevajalskem programu!
 
-<InfoBanner shouldCenter emoji=":information_source:">
+<Alert variant="update">
+<Emoji text=":information_source:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Če nam pomagate pri prevajanju, boste morda našli uporabne informacije v naši prevajalski FAQ sekciji. 
   <a href="/contributing/translation-program/faq/">Prevajanje ethereum.org FAQ</a>
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Viri {#resources}
 
diff --git a/public/content/translations/sl/defi/index.md b/public/content/translations/sl/defi/index.md
index 5b39281f5b1..cb411b4eacb 100644
--- a/public/content/translations/sl/defi/index.md
+++ b/public/content/translations/sl/defi/index.md
@@ -61,10 +61,13 @@ Ethereum gradi na tem. Kot pri Bitcoinu se pravila ne morejo spremeniti in prav
 
 To zveni čudno... "zakaj bi želel programirati svoj denar"? Kakorkoli, to je več kot le privzeta funkcija žetonov na Ethereumu. Kdorkoli lahko v plačila sprogramira logiko. Tako da lahko dobite kontrolo in varnost Bitcoina, zmešano z storitvami, ki jih ponujajo finančne institucije. To vam omogoča, da s kriptovalutami počnete stvari, ki jih z Bitcoinom ne morete. Kot so na primer posojanje in sposojanje, načrtovanje plačil, investiranje v indeksne sklade in še več.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Raziščite naše predloge za DeFi aplikacije, ki jih lahko preizkusite, če ste novi v Ethereumu.</div>
   <ButtonLink href="/dapps/?category=finance#explore">Raziščite DeFi Aplikacije</ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Kaj lahko počnete z DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/sl/roadmap/beacon-chain/index.md b/public/content/translations/sl/roadmap/beacon-chain/index.md
index 04f7522b5bb..40f7eace7f5 100644
--- a/public/content/translations/sl/roadmap/beacon-chain/index.md
+++ b/public/content/translations/sl/roadmap/beacon-chain/index.md
@@ -36,9 +36,14 @@ Zastavljanje deluje podobno, kot je prej [rudarjenje](/developers/docs/consensus
 
 S prehodom na mehanizem dokaza o deležu je Ethereum postal občutno varnejši in bolj decentraliziran v primerjavi z mehanizmom dokaza o delu. Več ljudi kot sodeluje v omrežju, bolj decentralizirano in varno pred napadi postane.
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Če želite postati validator in pomagati pri zaščiti Ethereuma, <a href="/staking/">preberite več o zastavljanju</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Priprava na razdrobitev {#setting-up-for-sharding}
 
diff --git a/public/content/translations/sl/roadmap/merge/index.md b/public/content/translations/sl/roadmap/merge/index.md
index e477ef01770..711b0ad9918 100644
--- a/public/content/translations/sl/roadmap/merge/index.md
+++ b/public/content/translations/sl/roadmap/merge/index.md
@@ -37,9 +37,13 @@ Spojitev je predstavljala uradni premik, kjer se je oddajniška veriga začela u
 
 V spojitvi ni bil izgubljen noben del zgodovine. Ko se je glavno omrežje spojilo z oddajniško verigo, je spojilo tudi celotno Ethereumovo zgodovino transakcij.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Ta prehod na mehanizem dokaza o deležu je spremenil način izdajanja etra. Preberite več o <a href="/roadmap/merge/issuance/">izdajanju etra pred spojitvijo in po njej</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Uporabniki in imetniki {#users-holders}
 
diff --git a/public/content/translations/sr/defi/index.md b/public/content/translations/sr/defi/index.md
index 0fb7875773d..48851ba2ad9 100644
--- a/public/content/translations/sr/defi/index.md
+++ b/public/content/translations/sr/defi/index.md
@@ -63,12 +63,15 @@ Ethereum počiva na tome. Kao i Bitcoin, pravila se ne mogu promeniti za vas i s
 
 Ovo zvuči čudno… „Zašto bih želeo/la da programiram svoj novac?” Međutim, to je samo osnovna karakteristika tokena u mreži Ethereum. Svako može da programira logiku u plaćanja. Tako da vi možete dobijete kontrolu i sigurnost koju ima Bitcoin, zajedno sa uslugama koje pružaju finansijske institucije. To omogućava da radite stvari sa kriptovalutama koje ne možete da radite sa valutom Bitcoin, npr. da dajete pozajmice ili pozajmljujete, zakazujete plaćanja, investirate u indeksne fondove i još mnogo toga.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Istražite i isprobajte naše predloge za aplikacije decentralizovanih finansija ako ste novi u mreži Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Istražite aplikacije decentralizovanih finansija
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Šta možete da uradite sa decentralizovanim finansijama? {#defi-use-cases}
 
diff --git a/public/content/translations/sr/nft/index.md b/public/content/translations/sr/nft/index.md
index 4c650e44202..5a63aa7cd16 100644
--- a/public/content/translations/sr/nft/index.md
+++ b/public/content/translations/sr/nft/index.md
@@ -54,12 +54,15 @@ NFT-ovi se koriste u mnoge svrhe, uključujući:
 
 Možda ste umetnik koji želi da podeli svoj rad koristeći NFT-ove, bez gubljenja kontrole i žrtvovanja profita u korist posrednika. Možete kreirati novi ugovor i tačno odrediti broj NFT-ova, njihove karakteristike i link ka određenom umetničkom delu. Kao umetnik, **u pametni ugovor možete da programirate autorske naknade ** koje treba da vam se isplate (na primer, preneti 5% od prodajne cene vlasniku ugovora svaki put kada se NFT prenese). Takođe, uvek možete dokazati da ste vi kreirali NFT jer posedujete [novčanik](/glossary/#wallet) koji je sproveo ugovor. Kupci mogu jednostavno da dokažu vlasništvo nad **jedinstvenim NFT-om** iz vaše kolekcije zato što je njihova [adresa](/glossary/#address) novčanika povezana sa tokenom u pametnom ugovoru. Mogu da koriste taj NFT u Ethereum ekosistemu sa uverenjem u njegovu autentičnost.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Istražite, kupite ili kreirajte vlastitu NFT umetninu/kolikcionarske predmete...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Istražite umetnite u obliku NFT-ova
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Ili zamislite ulaznicu za neki sportski događaj. Kao što **organizator nekog događaja može da izabere koliko karata će prodati**, isto tako i tvorac NFT-ova može da odluči koliko kopija će postojati. Ponekad su to identične kopije, kao što je na primer 5000 karata za slobodan ulaz. Ponekad je izrađeno nekoliko vrlo sličnih, ali ipak malo različitih, na primer karte koje imaju određen broj stolice za sedenje. One mogu biti kupljene i prodate direktno bez plaćanja posredniku za ulaznice, a kupac uvek može biti siguran u autentičnost ulaznice proverom adrese ugovora.
 
diff --git a/public/content/translations/sr/web3/index.md b/public/content/translations/sr/web3/index.md
index 8d4721fdbca..1a497922fbe 100644
--- a/public/content/translations/sr/web3/index.md
+++ b/public/content/translations/sr/web3/index.md
@@ -61,12 +61,15 @@ Web3 vam daje vlasništvo nad vašom digitalnom imovinom na do sada neviđen na
 
 Web3 omogućava direktno vlasništvo putem [nezamenjivih tokena (NFT-ova)](/glossary/#nft). Niko, čak ni tvorci igre, nema moć da vam oduzme vlasništvo. A ako prestanete da igrate, možete prodati ili zameniti predmete iz igre na otvorenim tržištima i povratiti njihovu vrednost.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Saznajte više o NFT-ovima</div>
   <ButtonLink href="/nft/">
     Više o NFT-ovima
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Otpornost na cenzuru {#censorship-resistance}
 
@@ -86,12 +89,15 @@ DAO-ovi se tehnički definišu kao unapred dogovoreni [pametni ugovori](/glossar
 
 Međutim, mnoge Web3 zajednice se definišu kao DAO-i. Ove zajednice imaju različite nivoe decentralizacije i automatizacije putem koda. Trenutno istražujemo koncept DAO-a i razmatramo kako bi se oni mogli razvijati u budućnosti.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Saznajte više o DAO-ima</div>
   <ButtonLink href="/dao/">
     More on DAOs
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Identitet {#identity}
 
diff --git a/public/content/translations/sw/nft/index.md b/public/content/translations/sw/nft/index.md
index 54a0514aa1e..5d63fd550f1 100644
--- a/public/content/translations/sw/nft/index.md
+++ b/public/content/translations/sw/nft/index.md
@@ -54,12 +54,15 @@ NFT hutumika kwa mambo mengi, ikiwa ni pamoja na:
 
 Labda wewe ni msanii amabaye angependa kushiriki kazi yake kupitia NFT bila wewe kupoteza udhibiti ama kuwapa waamuzi faida zako. Wewe unaweza kutengeneza mkataba mpya na kuweka bayana hesabu ya NFT, vipengele vyao na kiungo chao kwa kazi mahususi ya sanaa. Kama msanii, **unaweza kuprogramu ndani ya mkataba-erevu mrabaha** unaofaa kulipwa (kwa mfano hamisha 5% ya bei ya mauzo kwa mwenye mkataba kila wakati tokeni inapohamishwa). Vile vile unaweza kuthibitisha kwamba wewe ndiwe umetengeneza NFT kwa sababu wewe ndiwe mmiliki wa [mkoba](/glossary/#wallet) iliyotuma mkataba huo. Wanunuzi wako wanaweza kuthibitisha kwa urahisi kwamba wao ndio wamiliki wa **NFT halisi** kutoka kwenye mkusanyiko wako kwa sababu pochi yao ya[anwani](/glossary/#address) ya mkoba zao inashirikishwa na tokeni kutoka kwenye mkataba wako. Wanaweza kuitumia katika mfumo wa ikologia ya Ethereum, inayoaminika kwa uhalisi wake.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Chunguza, nunu au tengeneza sanaa ya NFT...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Chunguza sanaa ya NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Ama zingatia tiketi ya tukio ya mechi ijayo. Kama **mratibu wa matukio anavyoweza kuamua idadi ya tiketi za kuuza**, muundaji wa NFT anaweza kuamua idadi ya kuwepo kwa nakala za kazi yake. Wakati mwingine huwa na nakala za ziada, kama vile Tiketi 5000 za Kiingilio cha Jumla. Wakati mwingine nyingine zinachapishwa zinazofanana, ila kila moja ina tofauti ndogo na yenzake, kama vile tiketi yeneye nambari ya kiti. Hizi zinaweza kununuliwa na kuuzwa kutoka kwa mshirika mmoja mpaka kwa mwingine kusipokuwepo na ulipaji wa washikaji tiketi na wanunuzi watakuwa na uhakika wa tiketi halisi kwa kuangalia anwani ya mkataba huo.
 
diff --git a/public/content/translations/sw/roadmap/beacon-chain/index.md b/public/content/translations/sw/roadmap/beacon-chain/index.md
index e934864ec32..719db31b2da 100644
--- a/public/content/translations/sw/roadmap/beacon-chain/index.md
+++ b/public/content/translations/sw/roadmap/beacon-chain/index.md
@@ -29,9 +29,14 @@ Mnyororo wa Kioleza utaingiza [uthibitisho-wa-hisa](/developers/docs/consensus-m
 
 Kuweka hisa na kua mt hibitishaji ni rahisi kuliko [kuchimba](/developers/docs/consensus-mechanisms/pow/mining/)(jinsi ambavyo mtandao ni saklama kwa sasa). Mwishowe hii inamatumaini itasaidia Ethereum kua salama zaidi. Jinsi watu wengi wanavyoshiriki katika mtandao, ndivyo unavyozodi kujitegemea na salama kutoka kwa shambulio litakalokuja.
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Kama ungependa kua mthibitishaji na kusaidia kulinda mnyororo wa Kioleza, <a href="/staking/">jifunze zaidi jinsi ya kuweka hisa</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Hili pia ni badiliko muhumu kwa ajili ya uboreshaji wa Eth2:[minyororo ya vigae](/roadmap/danksharding/).
 
diff --git a/public/content/translations/te/defi/index.md b/public/content/translations/te/defi/index.md
index 65e4637c9d7..047ca481e32 100644
--- a/public/content/translations/te/defi/index.md
+++ b/public/content/translations/te/defi/index.md
@@ -64,12 +64,15 @@ DeFi యొక్క సామర్థ్యాన్ని చూడటాన
 
 ఇది విచిత్రంగా అనిపిస్తుంది... "నేను నా డబ్బును ఎందుకు ప్రోగ్రామ్ చేయాలనుకుంటున్నాను"? ఏదేమైనా, ఇది ఎథేరియంలో టోకెన్ల యొక్క డిఫాల్ట్ లక్షణం మాత్రమే. ఎవరైనా లాజిక్ ను చెల్లింపుల్లో ప్రోగ్రామ్ చేయవచ్చు. తద్వారా ఆర్థిక సంస్థలు అందించే సేవలతో కలిపి బిట్ కాయిన్ నియంత్రణ, భద్రతను పొందవచ్చు. ఇది బిట్ కాయిన్తో మీరు చేయలేని క్రిప్టోకరెన్సీలతో రుణాలు మరియు రుణాలు, చెల్లింపులను షెడ్యూల్ చేయడం, ఇండెక్స్ ఫండ్లలో పెట్టుబడి పెట్టడం మరియు మరెన్నో చేయడానికి మిమ్మల్ని అనుమతిస్తుంది.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>మీరు ఎథేరియంకు కొత్తగా ఉంటే ప్రయత్నించడానికి డీఫై అనువర్తనాల కోసం మా సూచనలను అన్వేషించండి.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     DeFi యాప్‌లను అన్వేషించండి
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## డీఫైతో మీరు ఏమి చేయగలరు? {#defi-use-cases}
 
diff --git a/public/content/translations/te/roadmap/danksharding/index.md b/public/content/translations/te/roadmap/danksharding/index.md
index 353ce99c9a4..aa5fbe60e57 100644
--- a/public/content/translations/te/roadmap/danksharding/index.md
+++ b/public/content/translations/te/roadmap/danksharding/index.md
@@ -57,9 +57,9 @@ EIP-4844 KZG వేడుక ప్రజలకు తెరిచి ఉంద
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
   బ్లాక్‌చెయిన్‌ను బహుళ భాగాలుగా విభజించడానికి ఉద్దేశించిన సాంప్రదాయ "షార్డింగ్" మోడల్‌ను డాన్‌షార్డింగ్ లేదా ప్రోటో-డాన్‌క్షర్డింగ్‌ అనుసరించలేదు. షార్డ్ చైన్‌లు ఇకపై రోడ్‌మ్యాప్‌లో భాగం కావు. బదులుగా, డాన్‌షార్డింగ్ Ethereumను స్కేల్ చేయడానికి బ్లాబ్‌లలో పంపిణీ చేయబడిన డేటా నమూనాను ఉపయోగిస్తుంది. ఇది అమలు చేయడానికి సరళంగా ఉంటుంది. ఈ మోడల్ కొన్నిసార్లు "డేటా-షార్డింగ్"గా సూచించబడుతుంది.
-</InfoBanner>
+</Alert>
 
 ## డాన్‌షార్డింగ్ అంటే ఏమిటి? {#what-is-danksharding}
 
diff --git a/public/content/translations/te/web3/index.md b/public/content/translations/te/web3/index.md
index 31329f3757b..6e49da6a7af 100644
--- a/public/content/translations/te/web3/index.md
+++ b/public/content/translations/te/web3/index.md
@@ -61,12 +61,15 @@ Web3 అపూర్వమైన రీతిలో మీ డిజిటల్
 
 Web3 [నాన్-ఫంగబుల్ టోకెన్ల (NFTs)](/glossary/#nft) ద్వారా ప్రత్యక్ష యాజమాన్యాన్ని అనుమతిస్తుంది. మీ యాజమాన్యాన్ని తీసివేయడానికి ఎవరికీ, గేమ్ సృష్టికర్తలకు కూడా అధికారం లేదు. మరియు, మీరు ఆడటం ఆపివేస్తే, మీరు మీ గేమ్‌లోని వస్తువులను బహిరంగ మార్కెట్‌లలో విక్రయించవచ్చు లేదా వ్యాపారం చేయవచ్చు మరియు వాటి విలువను తిరిగి పొందవచ్చు.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>NFTల గురించి మరింత తెలుసుకోండి</div>
   <ButtonLink href="/nft/">
     NFTలపై మరింత సమాచారము
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### సెన్సార్షిప్ రెసిస్టెంట్ {#censorship-resistance}
 
@@ -86,12 +89,15 @@ DAOలు సాంకేతికంగా అంగీకరించబడి
 
 అయినప్పటికీ, ప్రజలు అనేక Web3 కమ్యూనిటీలను DAOలుగా నిర్వచించారు. ఈ కమ్యూనిటీలన్నీ కోడ్ ద్వారా వివిధ స్థాయిల వికేంద్రీకరణ మరియు ఆటోమేషన్‌ను కలిగి ఉంటాయి. ప్రస్తుతం, మేము DAOలు అంటే ఏమిటి మరియు భవిష్యత్తులో అవి ఎలా అభివృద్ధి చెందవచ్చో అన్వేషిస్తున్నాము.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
   <ButtonLink href="/dao/">
     More on DAOs
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### గుర్తింపు {#identity}
 
diff --git a/public/content/translations/tl/defi/index.md b/public/content/translations/tl/defi/index.md
index c344c694a82..06f27767aa1 100644
--- a/public/content/translations/tl/defi/index.md
+++ b/public/content/translations/tl/defi/index.md
@@ -63,12 +63,15 @@ Kaya nabuo ang Ethereum dahil dito. Tulad ng Bitcoin, hindi maaaring magbago ang
 
 Medyo kakaiba itong pakinggan... "bakit ko gugustuhing i-program ang pera ko"? Gayunpaman, isa itong default na feature ng mga token sa Ethereum. Kahit sino ay maaaring mag-program ng logic sa mga pagbabayad. Kaya makukuha mo ang kontrol at seguridad ng Bitcoin pati ang mga serbisyong ibinibigay ng mga pinansyal na institusyon. Dahil dito, magagawa mo sa mga cryptocurrency ang mga bagay na hindi mo magagawa sa Bitcoin, tulad ng pagpapautang at panghihiram, pag-i-schedule ng mga pagbabayad, pag-invest sa mga index fund at iba pa.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Siyasatin ang aming mga rekomendasyon para sa mga DeFi application na dapat subukan kung bago ka sa Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Siyasatin ang mga DeFi app
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Ano ang magagawa mo sa DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/tl/energy-consumption/index.md b/public/content/translations/tl/energy-consumption/index.md
index e675bf0deeb..aaeb301a550 100644
--- a/public/content/translations/tl/energy-consumption/index.md
+++ b/public/content/translations/tl/energy-consumption/index.md
@@ -61,9 +61,14 @@ Bagama't napakaliit ng kinokonsumong enerhiya ng Ethereum, mayroon ding mahalaga
 
 Ang mga public goods funding platform na native sa Web3 tulad ng [Gitcoin](https://gitcoin.co) ay nagsasagawa ng mga climate round upang isulong ang makakalikasan na paggawa sa application layer ng Ethereum. Sa pamamagitan ng paggawa ng mga inisyatibang ito (at iba pa, hal. [DeSci](/desci/)), ang Ethereum ay nagiging isang teknolohiyang may positibong epekto sa kapaligiran at lipunan.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Kung sa tingin mo ay mas mapapatumpak pa ang page na ito, maghain ng isyu o pull request (PR). Ang stats sa page na ito ay mga pagtatantya batay sa data na available sa publiko - hindi kumakatawan ang mga ito sa isang opisyal na pahayag o pangako mula sa ethereum.org team, o sa Ethereum Foundation.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Karagdagang pagbabasa {#further-reading}
 
diff --git a/public/content/translations/tl/security/index.md b/public/content/translations/tl/security/index.md
index 80226672df6..cae7ae37790 100644
--- a/public/content/translations/tl/security/index.md
+++ b/public/content/translations/tl/security/index.md
@@ -124,11 +124,12 @@ Bilang pangkalahatang panuntunan, hinding-hindi makikipag-usap sa iyo ang staff
 - Huwag hayaang magkaroon ng remote access ang kahit sino sa iyong computer
 - Huwag makipag-ugnayan sa labas ng mga itinakdang channel ng organisasyon
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Babala: bagama't madalas mangyari sa Discord ang mga support-style na scam, maaari din itong mangyari sa anumang chat application kung saan nagaganap ang diskusyon tungkol sa crypto, kasama na ang email.
   </div>
-</InfoBanner>
+</Alert>
 
 ### 'Eth2' token scam {#eth2-token-scam}
 
@@ -215,11 +216,12 @@ Ang isang mahirap hulaan na password na nalantad sa isang data breach ay hindi n
 
 ### Gumamit ng password manager {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     Kapag gumamit ng password manager, ito ang bahalang gumawa ng mga password na mahirap hulaan at walang katulad, at tatandaan nito ang mga ito para sa iyo! <strong>Lubos</strong> naming inirerekomendang gumamit nito, at libre ang karamihan sa mga ito!
   </div>
-</InfoBanner>
+</Alert>
 
 Hindi mainam na tandaan ang mga password na mahirap hulaan at walang katulad para sa bawat account mo. Ang password manager ay nag-aalok ng secure at naka-encrypt na storage para sa lahat ng iyong password na maa-access mo gamit ang isang mahirap hulaang master password. Nagmumungkahi rin ito ng mga password na mahirap hulaan kapag nagsa-sign up para sa bagong serbisyo, kaya hindi mo kailangang gumawa ng sarili mong password. Aabisuhan ka rin ng maraming password manager kung nabiktima ka sa isang data breach, para mapalitan mo ang mga password bago ang anumang mapaminsalang atake.
 
@@ -242,11 +244,12 @@ Minsan maaaring hingin sa iyo na patunayan ang iyong pagkakakilanlan sa pamamagi
 
 Ang paggamit ng **Two-Factor Authentication (2FA)** ay nagbibigay ng karagdagang *security factor* para sa iyong mga online account. Tinitiyak ng 2FA na ang pagkakaroon lamang ng iyong password ay hindi sapat upang ma-access ang isang account. Pinakakaraniwan, ang pangalawang factor ay isang randomized na 6-digit code, na kilala bilang **time-based one-time password (TOTP)**, na maa-access mo sa pamamagitan ng isang authenticator app tulad ng Google Authenticator o Authy. Ito ay gumagana bilang isang factor na "isang bagay na pagmamay-ari mo" dahil ang seed na gumagawa ng timed code ay naka-store sa iyong device.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Tandaan: Ang paggamit ng SMS-based na 2FA ay madaling mabiktima ng <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud"> SIM jacking </a> at hindi ito secure. Para sa pinakamaigting na seguridad, gumamit ng serbisyo tulad ng <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> o <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Mga security key {#security-keys}
 
diff --git a/public/content/translations/tl/staking/withdrawals/index.md b/public/content/translations/tl/staking/withdrawals/index.md
index 79d11b95e82..703beb74d2f 100644
--- a/public/content/translations/tl/staking/withdrawals/index.md
+++ b/public/content/translations/tl/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Bago ang Shanghai/Capella upgrade, hindi mo magamit o ma-access ang iyong na-sta
 
 Ang pagbibigay ng withdrawal address ay isang kinakailangang hakbang para sa anumang validator account bago ito maging eligible na mag-withdraw ng ETH mula sa balanse nito.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Ang bawat validator account ay maaari lang magkaroon ng isang withdrawal address, nang isang beses lang.</strong> Kapag nakapili na ng address at naisumite na ito sa consensus layer, hindi na ito maaaring bawiin o baguhin ulit. I-double check ang pagmamay-ari at katumpakan ng address na ibinigay bago ito isumite.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Sa ngayon, <strong>walang banta sa pondo mo</strong> kung hindi mo ito ibibigay, basta't nananatiling ligtas offline ang iyong mnemonic/seed phrase, at hindi ito nakompromiso sa anumang paraan. Kung hindi maipapakita ang mga kredensyal sa pag-withdraw, hindi makukuha ang ETH sa validator account hangga't hindi nagbibigay ng withdrawal address.
 
@@ -82,11 +87,16 @@ Tingnan ang paliwanag ng Finematics tungkol sa mga pag-withdraw sa staking ng Et
 
 Kapag nakaiskedyul ang isang validator na magmungkahi ng susunod na block, kailangan nitong gumawa ng withdrawal queue ng hanggang 16 na karapat-dapat na withdrawal. Ito ay ginagawa sa pamamagitan ng pagsisimula sa validator index 0, pagtukoy kung may karapat-dapat na withdrawal para sa account na ito batay sa mga panuntunan ng protokol, at pagdadagdag nito sa queue kung mayroon man. Ang validator na nakatakda na mag-propose ng susunod na bloke ay magpapatuloy kung saan iniwan ng huling bloke, at magpapatuloy ito nang sunod-sunod ng walang katapusan.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Para lang itong analog na orasan. Itinuturo ng kamay sa orasan ang oras, umuusad ito sa isang direksyon, wala itong nilalaktawang anumang oras, at sa huli ay bumabalik ito sa simula kapag naabot na nito ang huling numero.<br/><br/>
 Ngayon, sa halip na 1 hanggang 12, isipin na may 0 hanggang N <em>(ang kabuuang bilang ng mga validator account na nairehistro sa consensus layer, na mahigit 500,000 mula noong Enero 2023).</em><br/><br/>
 Ituturo ng kamay sa orasan ang susunod na validator na kailangang tingnan kung may mga karapat-dapat na withdrawal. Nagsisimula ito sa 0, at umuusad paikot nang hindi nilalaktawan ang anumang account. Kapag naabot na ang huling validator, babalik ang sa simula ang cycle.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Suriin kung may mga withdrawal ang account {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/tl/web3/index.md b/public/content/translations/tl/web3/index.md
index 274802820d2..19f98f54138 100644
--- a/public/content/translations/tl/web3/index.md
+++ b/public/content/translations/tl/web3/index.md
@@ -61,12 +61,15 @@ Ibinibigay ng Web3 sa iyo ang pagmamay-ari ng ng iyong mga digital asset sa kaka
 
 Pinapayagan ng Web3 ang pagmamay-ari sa pamamagitan ng [mga non-fungible token (NFT)](/glossary/#nft). Walang sinuman, kahit ang mga game creator, ang may kapangyarihang bawiin ang iyong pagmamay-ari. At, kung hihinto ka sa paglalaro, maaari mong ibenta o i-trade ang iyong mga in-game item sa mga open market at mabawi ang iyong ipinuhunan.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Magbasa pa tungkol sa NFT</div>
   <ButtonLink href="/nft/">
     Iba pang detalye tungkol sa NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Paglaban sa censorship {#censorship-resistance}
 
@@ -86,12 +89,15 @@ Ang DAO ay teknikal na tinutukoy bilang mga napagkasunduang [mga smart contract]
 
 Gayunpaman, tinukoy ng mga tao ang maraming komunidad sa Web3 bilang mga DAO. May iba't ibang antas ng decentralization at pag-awtomatiko ayon sa code ang mga komunidad na ito. Kasalukuyan naming sinisuri kung ano ang DAO at kung paano maaaring magbago ang mga ito sa hinaharap.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
   <ButtonLink href="/dao/">
     Iba pang detalye tungkol sa mga DAO
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Identity {#identity}
 
diff --git a/public/content/translations/tr/contributing/translation-program/how-to-translate/index.md b/public/content/translations/tr/contributing/translation-program/how-to-translate/index.md
index 3dec8a74267..78b5f41b8e3 100644
--- a/public/content/translations/tr/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/tr/contributing/translation-program/how-to-translate/index.md
@@ -76,9 +76,12 @@ Daha fazlasını mı öğrenmek istiyorsunuz? [Crowdin çevrimiçi düzenleyiciy
 
 Çeviriyi tamamladığınızda (yani, içerik grubundaki tüm dosyalar 100% olarak göründüğünde) profesyonel çeviri hizmeti aldığımız kurum içeriği gözden geçirecektir (ve potansiyel olarak düzeltecektir). Gözden geçirme tamamlandıktan sonra (yani gözden geçirmenin ilerleme durumu %100 olduğunda) çevirileri web sitesine ekleriz.
 
-<InfoBanner shouldCenter emoji=":warning:">
+<Alert variant="update">
+<Emoji text=":warning:" className="text-4xl"/>
+<AlertContent>
   Lütfen projeyi makine çevirisi kullanarak çevirmeyin. Tüm çeviriler web sitesine eklenmeden önce gözden geçirilecektir. Önerdiğiniz çevirilerin makine çevirisi olduğu tespit edilirse, çeviriler reddedilir ve makine çevirisini kullanarak katkıda bulunanlar sıklıkla projeden çıkarılır.
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### İletişime geçin {#get-in-touch}
 
diff --git a/public/content/translations/tr/defi/index.md b/public/content/translations/tr/defi/index.md
index f88cbb322a2..1d48e350155 100644
--- a/public/content/translations/tr/defi/index.md
+++ b/public/content/translations/tr/defi/index.md
@@ -63,12 +63,15 @@ Ethereum bunun üzerine kurulu. Bitcoin gibi, kurallar sizin aleyhinize değişe
 
 Bu kulağa tuhaf geliyor... "Neden paramı programlamak isteyeyim ki"? Bununla birlikte, bu daha çok Ethereum'daki token'ların varsayılan bir özelliğidir. Herkes ödemelerin içine mantık programlayabilir. Böylece Bitcoin'in kontrolünü ve güvenliğini finans kurumlarının sunduğu hizmetler ile karıştırarak elde edebilirsiniz. Bu, borç verme ve borç alma, ödemeleri planlama, endeks fonlarına yatırım yapma ve daha fazlası gibi Bitcoin ile yapamayacağınız şeyleri kripto para birimleriyle yapmanızı sağlar.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Ethereum'da yeniyseniz denemek için DeFi uygulamalarına yönelik önerilerimizi keşfedin.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     DeFi uygulamalarını keşfet
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## DeFi ile ne yapabilirsiniz? {#defi-use-cases}
 
diff --git a/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/index.md
index ca41519b410..28170db98fa 100644
--- a/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/index.md
@@ -6,9 +6,14 @@ lang: tr
 
 Ethereum ağı, **[İş İspatı (PoW)](/developers/docs/consensus-mechanisms/pow)** kullanan bir uzlaşma mekanizmasıyla başladı. Bu durum, Ethereum ağının düğümler sisteminin Ethereum blok zincirine kaydedilen bütün bilgilerin ortak durumda anlaşmasına olanak tanıdı ve belirli ekonomik saldırı türlerini önledi. Ancak, Ethereum 2022'de iş ispatı mekanizmasını devre dışı bırakarak sonlandırdı ve bunun yerine [hisse ispatını](/developers/docs/consensus-mechanisms/pos) kullanmaya başladı.
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
     İş ispatı artık kullanımdan kaldırılmıştır. Ethereum artık mutabakat mekanizmasının bir parçası olan iş ispatını kullanmamaktadır. Bunun yerine hisse ispatı kullanılmaktadır. <a href="/developers/docs/consensus-mechanisms/pos/">Hisse ispatı</a> ve <a href="/staking/">hisseleme</a> hakkında daha fazla bilgi edinin.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Ön Koşullar {#prerequisites}
 
diff --git a/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/index.md
index 1a270ad06cb..e83e98747e0 100644
--- a/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -4,9 +4,14 @@ description: Ethereum'da madenciliğin nasıl çalıştığına dair bir açıkl
 lang: tr
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 İş ispatı artık Ethereum'un mutabakat mekanizmasının bir parçası değil, yani madencilik kapatıldı. Bunun yerine Ethereum, ETH hisseleyen doğrulayıcılar tarafından güvence altına alınır. ETH'nizi hisselemeye bugün başlayabilirsiniz. <a href='/roadmap/merge/'>Birleşim</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>hisse ispatı </a> ve <a href='/staking/'>hisseleme</a> hakkında daha fazla bilgi edinin. Bu sayfa sadece tarihsel ilgi içindir.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Ön Koşullar {#prerequisites}
 
diff --git a/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index 1d4037e032e..529dad2fbb8 100644
--- a/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -4,9 +4,14 @@ description: Ethash algoritmasına ayrıntılı bir bakış.
 lang: tr
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
    Ethash, Ethereum'un iş ispatı madencilik algoritmasıydı. İş ispatı tamamen durdurulmuş ve Ethereum, <a href="/developers/docs/consensus-mechanisms/pos/">hisse ispatı</a> ile güvence altına alınmıştır. <a href="/roadmap/merge/">Birleşim</a>, <a href="/developers/docs/consensus-mechanisms/pos/">hisse ispatı</a>ve <a href="/staking/">hisseleme</a> hakkında daha fazla bilgi edinin. Bu sayfa sadece tarihsel ilgi içindir!  
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 [Ethash](https://github.com/ethereum/wiki/wiki/Ethash), [Dagger-Hashimoto](/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/dagger-hashimoto) algoritmasının değiştirilmiş bir versiyonudur. Ethash iş ispatı[bellek zor](https://wikipedia.org/wiki/Memory-hard_function) bir işlemdir, bunun algoritmayı ASIC dirençli hale getirdiği düşünülür. Sonunda Ethash ASICleri geliştirildi fakat GPU madenciliği iş ispatı durdurulana kadar hâlâ geçerli bir seçenekti. Ethash, Ethereum olmayan iş ispatı ağlarında hâlâ diğer paraların madenciliğini yapmak için kullanılmaktadır.
 
diff --git a/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index a78bfffe494..4656593aa68 100644
--- a/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -4,9 +4,14 @@ description: Ethereum madenciliği için kullanılan algoritmalara ayrıntılı
 lang: tr
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 İş ispatı artık Ethereum'un mutabakat mekanizmasının bir parçası değil, yani madencilik kapatıldı. Bunun yerine Ethereum, ETH hisseleyen doğrulayıcılar tarafından güvence altına alınır. ETH'nizi stake etmeye bugün başlayabilirsiniz. <a href='/roadmap/merge/'>Birleşim</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>hisse ispatı </a> ve <a href='/staking/'>hisseleme</a> hakkında daha fazla bilgi edinin. Bu sayfa sadece tarihsel ilgi içindir.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Ethereum madencilik dönemi Ethereum 1.0 için bir iş ispatı algoritması olan Ethash'i kullanmıştır. Algoritmanın temel tasarımı, bir madencinin kaba kuvvet hesaplaması kullanarak belirli bir nonce değeri bulmasıdır. Bu bulunan değer sayesinde, oluşturulan karma değeri belli bir zorluk seviyesinin altında kalacaktır. Böylece madenci, bu nonce değeriyle iş ispatını oluşturarak yeni bir blok ekler. Bu zorluk seviyesi dinamik olarak ayarlanabilir, böylece blok üretiminin düzenli bir aralıkta gerçekleşmesine olanak tanınır.
 
diff --git a/public/content/translations/tr/developers/tutorials/hello-world-smart-contract/index.md b/public/content/translations/tr/developers/tutorials/hello-world-smart-contract/index.md
index 6932fb31e8a..6a10aca7f27 100644
--- a/public/content/translations/tr/developers/tutorials/hello-world-smart-contract/index.md
+++ b/public/content/translations/tr/developers/tutorials/hello-world-smart-contract/index.md
@@ -238,9 +238,13 @@ PRIVATE_KEY = "your-metamask-private-key"
 
 Bunları kodumuza gerçekten bağlamak için, adım 13'te `hardhat.config.js` dosyamızda bu değişkenlere başvuracağız.
 
-<InfoBanner isWarning>
+<Alert variant="warning">
+<AlertContent>
+<AlertDescription>
 <code>.env</code> doyasını taahhüt etmeyin! Lütfen <code>.env</code> dosyanızı asla kimseyle paylaşmadığınızdan veya ifşa etmediğinizden emin olun, çünkü bunu yaparken sırlarınızı tehlikeye atıyorsunuz. Sürüm kontrolü kullanıyorsanız, <code>.env</code> dosyanızı bir <a href="https://git-scm.com/docs/gitignore">gitignore</a> dosyasına ekleyin.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Adım 12: Ethers.js'yi kurun {#step-12-install-ethersjs}
 
diff --git a/public/content/translations/tr/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md b/public/content/translations/tr/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
index 9520e4510da..548a940e84f 100644
--- a/public/content/translations/tr/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
+++ b/public/content/translations/tr/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
@@ -118,9 +118,13 @@ API_URL = "your-api-url"
 PRIVATE_KEY = "your-private-key"
 ```
 
-<InfoBanner isWarning>
+<Alert variant="warning">
+<AlertContent>
+<AlertDescription>
 <code>.env</code> taahhüt etmeyin! Lütfen <code>.env</code> dosyanızı asla kimseyle paylaşmadığınızdan veya ifşa etmediğinizden emin olun, çünkü bunu yaparken sırlarınızı tehlikeye atıyorsunuz. Sürüm kontrolü kullanıyorsanız, <code>.env</code> dosyanızı bir <a href="https://git-scm.com/docs/gitignore">gitignore</a> dosyasına ekleyin.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### 7\. `sendTx.js` dosyası oluşturun {#create-sendtx-js}
 
diff --git a/public/content/translations/tr/energy-consumption/index.md b/public/content/translations/tr/energy-consumption/index.md
index b26a2965e81..444c3998896 100644
--- a/public/content/translations/tr/energy-consumption/index.md
+++ b/public/content/translations/tr/energy-consumption/index.md
@@ -61,9 +61,14 @@ Ethereum'un enerji tüketiminin aşırı düşük olduğu esnada, aynı zamanda
 
 [Gitcoin](https://gitcoin.co) gibi Web3'ye ait kamu malı fonlama platformları Ethereum'un uygulama katmanı üzerinde çevresel olarak bilinçli inşayı teşvik etmek için iklim rauntları oluştururlar. Bu inisiyatiflerin gelişimi aracılığıyla (ve [DeSci](/desci/) gibi diğerleri) Ethereum, çevresel ve sosyal bir net pozitif teknoloji haline geliyor.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Eğer bu sayfanın daha isabetli olabileceğini düşünüyorsanız, lütfen bir konu veya PR açın. Bu sayfadaki istatistikler herkese açık veriye dayalı tahminlerdir - ethereum.org takımından veya Ethereum Foundation'dan resmi bir açıklama veya sözü temsil etmezler.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Daha fazla bilgi {#further-reading}
 
diff --git a/public/content/translations/tr/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/tr/guides/how-to-create-an-ethereum-account/index.md
index 99710d7b764..0f6072204d5 100644
--- a/public/content/translations/tr/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/tr/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ Bazı uygulamalar sizden gizli bir "kurtarma ifadesi" (bazen "güvenlik kelimele
 **Bu ifadeyi bilen bir kişi, tüm fonlarınızı kontrol edebilir.** Bu ifadeyi asla kimseyle paylaşmayın. Bu ifade, rastgele üretilmiş 12 ila 24 kelimeyi (kelimelerin sırası önemlidir) içermelidir.
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>Cüzdan yüklendi mi?</b><br/>Nasıl kullanacağınızı öğrenin.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     Cüzdan nasıl kullanılır?
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 </div>
 
 İlgilendiğiniz başka rehberler de mi var? Şuraya göz atın: [Adım adım kılavuzlarımız](/guides/)
diff --git a/public/content/translations/tr/guides/how-to-revoke-token-access/index.md b/public/content/translations/tr/guides/how-to-revoke-token-access/index.md
index e79eadc2d32..dbfab3a4e47 100644
--- a/public/content/translations/tr/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/tr/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ Kaldırılmış sözleşmenin listeden gidip gitmediğini kontrol etmek için bi
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Daha fazlasını mı öğrenmek istiyorsunuz?</div>
   <ButtonLink href="/guides/">
     Diğer rehberlerimizi inceleyin
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Sıkça sorulan sorular
 
diff --git a/public/content/translations/tr/guides/how-to-swap-tokens/index.md b/public/content/translations/tr/guides/how-to-swap-tokens/index.md
index e569202d60d..5e68d07ce41 100644
--- a/public/content/translations/tr/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/tr/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ Herhangi bir blok zincir tarayıcısında işlemin ilerlemesini görebilirsiniz.
 İşlem yapıldığında otomatik olarak takas edilmiş token'ları cüzdanınıza alacaksınız.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Daha fazlasını mı öğrenmek istiyorsunuz?</div>
   <ButtonLink href="/guides/">
     Diğer rehberlerimizi inceleyin
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Sıkça sorulan sorular
 
diff --git a/public/content/translations/tr/guides/how-to-use-a-bridge/index.md b/public/content/translations/tr/guides/how-to-use-a-bridge/index.md
index a00954bf153..03d76202205 100644
--- a/public/content/translations/tr/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/tr/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ Süreç 10 dakikadan fazla sürmemelidir.
 Ağın RPC detaylarını bulmak için [chainlist.org](http://chainlist.org) sitesini kullanabilirsiniz. Ağ eklendiğinde ve işlem sonlandığında, token'ları cüzdanınızda görmelisiniz.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Daha fazlasını mı öğrenmek istiyorsunuz?</div>
   <ButtonLink href="/guides/">
     Diğer rehberlerimizi inceleyin
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Sıkça sorulan sorular
 
diff --git a/public/content/translations/tr/guides/how-to-use-a-wallet/index.md b/public/content/translations/tr/guides/how-to-use-a-wallet/index.md
index ea689fc71f1..cd82437a3bf 100644
--- a/public/content/translations/tr/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/tr/guides/how-to-use-a-wallet/index.md
@@ -62,12 +62,15 @@ Adresiniz tüm Ethereum projelerinde aynı olacaktır. Hiçbir projeye tek tek k
 5. Bağlantıyı kurmak için cüzdanınızdaki imza isteğini kabul edin. **Bu mesajı imzalamak ETH harcamayı gerektirmez**.
 6. Bu kadar! Uygulamayı kullanmaya başlayın. [Merkeziyetsiz uygulamalar sayfamızda](/dapps/#explore) bazı ilgi çekici projeleri bulabilirsiniz. <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Daha fazlasını mı öğrenmek istiyorsunuz?</div>
   <ButtonLink href="/guides/">
     Diğer rehberlerimizi inceleyin
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Sıkça sorulan sorular
 
diff --git a/public/content/translations/tr/nft/index.md b/public/content/translations/tr/nft/index.md
index 2f9c2ca94e0..76044722c67 100644
--- a/public/content/translations/tr/nft/index.md
+++ b/public/content/translations/tr/nft/index.md
@@ -54,12 +54,15 @@ NFT'ler, şunlar dahil olmak üzere pek çok şey için kullanılabilir:
 
 Belki de eserlerinizi NFT'leri kullanarak paylaşmak isteyen, eserlerinizin kontrolünü kaybetmeden ve kazançlarınızı aracılara feda etmeden çalışmak isteyen bir sanatçısınızdır. NFT'lerin sayısını, özelliklerini ve belirli bir sanat eserine olan bağlantısını belirleyebildiğiniz yeni bir sözleşme oluşturabilirsiniz. Sanatçı olarak, bir NFT transfer edilirken almanız gereken **telif hakkı bedelini akıllı sözleşmeye gömebilirsiniz** (yani NFT her transfer edildiğinde satış bedelinin %5'inin sözleşme sahibine geri transferi gibi). Ayrıca, sözleşmeyi dağıtan [cüzdan](/glossary/#wallet) size ait olduğu için NFT'lerin yaratıcısı olduğunuzu her zaman kanıtlayabilirsiniz. Alıcılarınız, cüzdan [adreslerinin](/glossary/#address) akıllı sözleşmenizde yer alan bir jeton ile ilişkilendirilmiş olmasından dolayı sizin koleksiyonunuzdan **özgün bir NFT**'ye sahip olduklarını kolayca kanıtlayabilir. Alıcılar, özgünlüğünden ve kontrolünden emin olarak bunu Ethereum ekosistemi içerisinde kullanabilirler.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>NFT eserlerini/koleksiyon parçalarını keşfedin, satın alın veya kendinizinkileri yaratın...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     NFT eserlerini keşfedin
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Yahut bir spor etkinliğine ait bileti düşünün. Bir etkinlik **organizatörü kaç bilet satılacağına kendi karar verdiği gibi**, bir NFT'nin yaratıcısı da kaç kopyasının bulunacağına kendi karar verebilir. Bazen bunlar, 5000 Genel Giriş bileti gibi birebir kopyalardır. Bazen birbirine çok benzer ama her biri biraz farklı olan kopyalar basılır, örneğin sıralı ve sınırlı atanmış koltuk numarası olan bir bilet gibi. Bu biletler, bilet işletmecilerine ödeme yapmadan eşten eşe alınıp satılabilir ve alıcı, sözleşme adresini kontrol ederek biletin özgünlüğünden her zaman emin olabilir.
 
diff --git a/public/content/translations/tr/roadmap/beacon-chain/index.md b/public/content/translations/tr/roadmap/beacon-chain/index.md
index 2efaaae7e90..e40a98a7c45 100644
--- a/public/content/translations/tr/roadmap/beacon-chain/index.md
+++ b/public/content/translations/tr/roadmap/beacon-chain/index.md
@@ -34,9 +34,14 @@ Hisse ispatına geçiş Ethereum'u, iş ispatına kıyasla, çok daha güvenli v
 
 Ve hisse ispatını mutabakat mekanizması olarak kullanmak, [ şuan sahip olduğumuz güvenli, çevre dostu ve ölçeklenebillir Ethereum](/roadmap/vision/) için temel bir bileşendir.
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Eğer doğrulayıcı olmakla ve Ethereum'un güvenliğini sağlamaya yardımcı olmakla ilgileniyorsanız, <a href="/staking/">hisseleme ile ilgili daha fazla şey öğrenin</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Parçalama için ayarlamalar {#setting-up-for-sharding}
 
diff --git a/public/content/translations/tr/roadmap/danksharding/index.md b/public/content/translations/tr/roadmap/danksharding/index.md
index 8c80278b1df..c8f6872fd1f 100644
--- a/public/content/translations/tr/roadmap/danksharding/index.md
+++ b/public/content/translations/tr/roadmap/danksharding/index.md
@@ -57,9 +57,9 @@ Eğer biri bu taahhüt için kullanılan rastgele lokasyonları biliyorsa, söz
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
   Ne Danksharding ne de Proto-Danksharding, blokzinciri birden fazla parçaya ayırmayı hedefleyen geleneksel "parçalama" modelini uygulamaz. Parça zincirleri artık yol haritasının bir parçası değildir. Bunun yerine, "Danksharding", Ethereum'u ölçeklendirmek için damlalar etrafında dağıtılmış veri örneklendirmesini kullanır. Bu, uygulanması çok daha kolay bir yöntemdir. Bu modele bazen "veri parçalama" da denir.
-</InfoBanner>
+</Alert>
 
 ## DankSharding nedir? {#what-is-danksharding}
 
diff --git a/public/content/translations/tr/roadmap/index.md b/public/content/translations/tr/roadmap/index.md
deleted file mode 100644
index 1ea5602707c..00000000000
--- a/public/content/translations/tr/roadmap/index.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: Ethereum yol haritası
-description: Ethereum için daha ölçeklenebilir, güvenli ve sürdürülebilir olmanın yolu.
-lang: tr
-template: roadmap
-image: /images/heroes/roadmap-hub-hero.jpg
-alt: "Ethereum yol haritası"
-summaryPoints:
-buttons:
-  - 
-    content: Sonraki yükseltmeler
-    toId: hangi-degişiklikler-geliyor
-  - 
-    content: Geçmiş yükseltmeler
-    href: /history/
-    variant: ana hat
----
-
-Ethereum halihazırda küresel koordinasyon için güçlü bir platform, ancak yine de iyileştiriliyor. İddialı bir geliştirme takımı Ethereum'u mevcut formundan tam anlamıyla ölçeklendirilmiş, azami esnek platforma yükseltecektir. Bu yükseltmeler Ethereum yol haritasında tasarlanmıştır.
-
-**Ethereum'daki daha önceki yükseltmeler hakkında öğrenmek için lütfen [Geçmiş](/history/) sayfamızı ziyaret edin**
-
-## Ethereum'a hangi değişiklikler geliyor? {#what-changes-are-coming}
-
-Ethereum yol haritası, gelecekte protokole yapılacak özgün geliştirmelerin ana hatlarını oluşturur. Genel anlamda yol haritası, Ethereum kullanıcılarına aşağıdaki faydaları sağlayacaktır:
-
-<CardGrid>
-  <RoadmapActionCard
-    href="/roadmap/scaling"
-    title="Daha ucuz işlemler"
-    image="scaling"
-    description="Rollups are too expensive and rely on centralized components, causing users to place too much trust in their operators. The roadmap includes fixes for both of these problems."
-    buttonText="More on reducing fees"
-  />
-  <RoadmapActionCard
-    href="/roadmap/security"
-    title="Daha fazla güvenlik"
-    image="security"
-    description="Ethereum is already very secure but it can be made even stronger, ready to withstand all kinds of attack far into the future."
-    buttonText="More on security"
-  />
-  <RoadmapActionCard
-    href="/roadmap/user-experience"
-    title="Daha iyi kullanıcı deneyimi"
-    image="userExperience"
-    description="More support for smart contract wallets and light-weight nodes will make using Ethereum simpler and safer."
-    buttonText="More on user experience"
-  />
-  <RoadmapActionCard
-    href="/roadmap/future-proofing"
-    title="Gelecek garantisi"
-    image="futureProofing"
-    description="Ethereum researchers and developers are solving tomorrow's problems today, readying the network for future generations."
-    buttonText="More on future proofing"
-  />
-</CardGrid>
-
-## Neden Ethereum bir yol haritasına ihtiyaç duyar? {#why-does-ethereum-need-a-roadmap}
-
-Ethereum; ölçeklenebilirliğini, güvenliğini ya da sürdürülebilirliğini kuvvetlendirecek düzenli yükseltmeler alır. Ethereum'un temel güçlerinden biri, araştırma ve geliştirmeden ortaya çıkan yeni fikirlere uyumlu olmasıdır. Uyumluluk, Ethereum'a ortaya çıkan engelleri aşma ve en gelişmiş teknolojik atılımlara yetişme esnekliğini verir.
-
-<RoadmapImageContent title="Yol haritası nasıl tanımlandı">
-
-Yol haritası çoğunlukla, araştırmacı ve geliştirmecilerin yıllar süren çalışmasının ürünüdür çünkü protokol oldukça tekniktir, ancak motive olmuş kişiler katılabilir. Fikirler genellikle [ethresear.ch](https://ethresear.ch/), [Ethereum Magicians](https://ethereum-magicians.org/) veya Eth R&D Discord sunucusu gibi forumlarda tartışmalar olarak başlar. Keşfedilen yeni zayıf noktalara karşı, uygulama katmanında (örneğin [merkeziyetsiz uygulamalar](/glossary/#dapp) ve borsalar) çalışan organizasyonlardan gelen tavsiyeler ya da son kullanıcıların karşılaştığı problemlere (örneğin maliyetler ya da işlem hızları) karşı cevaplar oluşabilir. Bu fikirler olgunlaştığında [Ethereum İyileştirme Önerileri](https://eips.ethereum.org/) olarak önerilebilirler. Herhangi bir zamanda topluluk içinden fikir sunulması için bu, tümüyle halka açık biçimde yapılır.
-
-[Ethereum yönetişimi hakkında daha fazlası](/governance/)
-
-</RoadmapImageContent>
-
-<InfoBanner mb={8}>
-  <h4 style={{ marginTop: 0 }}>ETH2 neydi?</h4>
-
-  <p>"Eth2" terimi, Ethereum <a href="/glossary/#pos">hisse ispatı</a>na geçmeden önce gelecekteki Ethereum'u tanımlamak için yaygın olarak kullanılırdı ancak bu terim <strong>kaldırılarak yerine daha kesin bir terminoloji getirildi</strong>. Başlangıçta Ethereum ağı hisse ispatına geçmeden önce ve sonrasındaki ağı ayırt etmek için veya bazen farklı Ethereum istemcilerine atıfta bulunmak için kullanıldı (<a href="/glossary/#execution-client">yürütüm istemcileri</a> bazen ETH1 istemcileri olarak adlandırıldı ve <a href="/glossary/#consensus-client">fikir birliği istemcileri</a> bazen ETH2 istemcileri olarak adlandırıldı).</p>
-
-</InfoBanner>
-
-## Ethereum'un yol haritası zaman içinde değişecek mi? {#will-ethereums-roadmap-change-over-time}
-
-**Evet, neredeyse kesinlikle**. Yol haritası, hem yakın dönemi hem gelecek planlarını kapsayan, Ethereum'u yükseltmenin şu anlık planıdır. Yeni bilgi ve teknolojiler kullanılabilir oldukça yol haritasının değişmesini umuyoruz.
-
-Ethereum'un yol haritasını, Ethereum'u iyileştirmeye yönelik bir amaçlar kümesi olarak düşünün; bu, çekirdek araştırmacıların ve geliştiricilerin Ethereum'un geleceğine ilişkin en iyi hipotezidir.
-
-## Yol haritası ne zaman sonlanacak? {#when-will-the-roadmap-be-finished}
-
-Bazı yükseltmeler daha düşük önceliğe sahiptir ve önümüzdeki 5-10 sene içinde uygulanmaya alınması düşünülmemektedir (ör. kuantum direnci). **Her bir yükseltmenin kesin zamanlamasını tahmin etmek zordur** çünkü birçok yol haritası öğesinin üzerinde paralel olarak çalışılmakta ve bunlar, farklı hızlarda geliştirilmektedir. Bir yükseltmenin ivediliği zaman içinde dış etmenlere (ör. kuantum bilgisayarlarının performansı ve kullanılabilirliğindeki ani sıçrama, kuantum dirençli kriptografiyi daha ivedi hale getirir) bağlı olarak değişebilir.
-
-Ethereum gelişmesini düşünmenin bir yolu da onu biyolojik evrimle kıyaslamaktır. Her ne kadar ağ giderek daha etkin, ölçeklenebilir ve güvenli hale gelip protokol daha az değişime ihtiyaç duysa dahi yeni zorluklara uyum sağlama ve uyumunu sürdürme becerisine sahip bir ağın değişime direnen bir ağa kıyasla başarılı olması daha olasıdır.
-
-## Bir yükseltme varken herhangi bir şey yapmak zorunda mıyım? {#do-i-have-to-do-anything-when-there-is-an-upgrade}
-
-Yükseltmeler; Ethereum ile nasıl etkileşileceği konusunda daha iyi kullanıcı deneyimi sağlayarak ve belki daha fazla <i>seçenek</i> sunarak son kullanıcıları etkilememe eğilimindedir. **Sıradan kullanıcıların yükseltmelere aktif olarak katılmasına ya da varlıklarını korumak için herhangi bir şey yapmasına gerek yoktur**. [Düğüm](/glossary/#node) operatörlerinin, yükseltmeye hazırlanmak için istemcilerini yükseltmesi gerekecektir. Bazı yükseltmeler, uygulama geliştiricileri için değişikliklere yol açabilir. Örneğin, tarih sonlanma yükseltmesi, uygulamala geliştiriclerinin geçmiş veriyi farklı kaynaklardan elde etmelerine yol açabilir.
-
-## Peki ya Verge, Splurge ve diğerleri? {#what-about-the-verge-splurge-etc}
-
-[Vitalik Buterin, Ethereum mimarisi üzerindeki etkilerine göre bağlantı verilen çeşitli kategorilere ayrılmış bir Ethereum yol haritası vizyonu önerdi](https://twitter.com/VitalikButerin/status/1741190491578810445). Şunları içeriyordu:
-
-- **Birleşim**: [İş ispatı](/glossary/#pow)ndan [hisse ispatı](/glossary/#pos)na geçişle ilgili yükseltmeler
-- **Patlama**: [Toplamalar](/glossary/#rollups) ve veri parçalama yoluyla ölçeklenebilirlik ile ilgili yükseltmeler
-- **C>eza**: [MEV](/glossary/#mev)'den sansür direnci, merkeziyetsizlik ve protokol riskleri ile ilgili yükseltmeler
-- **Sınır**: [Blokların](/glossary/#block) daha kolay doğrulanması ile ilgili yükseltmeler
-- **Arınma**: Düğüm çalıştırmanın işlem maliyetlerini azaltma ve protokolü basitleştirme ile ilgili yükseltmeler
-- **Savunma**: Önceki kategorilere uymayan diğer yükseltmeler.
-
-Bu terminolojiyi kullanmamaya karar verdik çünkü daha temel ve kullanıcı odaklı model kullanmak istiyoruz. Kullanıcı odaklı dil kullansak dahi vizyon, Vitalik'in önerdiği gibi aynı kalıyor.
-
-## Peki ya parçalama? {#what-about-sharding}
-
-Parçalama, Ethereum blokzincirini parçalara ayırarak [doğrulayıcı](/glossary/#validator) gruplarının verilerin sadece belirli parçalarından sorumlu olması anlamına gelir. Bu aslen, Ethereum'un ölçeklendirilmesi için bir yol olarak tasarlanmıştı. Ancak [katman 2](/glossary/#layer-2) toplamaları beklenenden çok daha hızlı gelişip şu ana kadar çok fazla ölçeklendirme sağladı ve Proto-Danksharding uygulandıktan sonra çok daha fazlasını sağlayacak. Bunun anlamı artık ''parça zincirlerine'' gerek kalmayacak ve yol haritasından düşülecekler.
-
-## Özgün teknik yükseltmeler mi arıyorsunuz? {#looking-for-specific-technical-upgrades}
-
-- [Danksharding](/roadmap/danksharding)-Dankharding katman 2 toplamalarını Ethereum Bloklarına veri "damlaları" ekleyerek çok daha ucuz hale getirir.
-- [Hisseleme çekimleri](/staking/withdrawals) - Shanghai/Capella yükseltmesi; insanların hisselenmiş ETH'lerini açmalarına olanak tanıyarak hisseleme çekimlerini mümkün kıldı.
-- [Tekli Yuva Kesinliği](/roadmap/single-slot-finality) 15 dakika beklemek yerine, bloklar tek bir yuvada önerilip kesinleştirilebilir. Bu, uygulamalar için daha kullanışlı ve saldırmak için zor.
-- [Önerici-inşa edici ayrımı](/roadmap/pbs) - Blok inşa ve blok öneri görevlerini ayrı doğrulayıcılar arasında paylaştırmak; Ethereum'un mutabakata ulaşması için daha adil, daha sansür dirençli ve daha etkin bir yol yaratır.
-- [Gizli lider seçimi](/roadmap/secret-leader-election) - Akıllı kriptografi; o andaki blok önerenini açık etmeden, onları belli başlı saldırı çeşitlerinden koruyarak kimliklerini güvence altına almada kullanılabilir.
-- [Hesap soyutlaması](/roadmap/account-abstraction) - Hesap soyutlaması; akıllı sözleşme cüzdanlarını karmaşık ara katman yazılımı kullanmak zorunda olmadan doğası gereği Ethereum üzerinde destekleyen bir yükseltme sınıfıdır.
-- [Verkle ağaçları](/roadmap/verkle-trees) - Verkle ağaçları, Ethereum üzerinde durumsuz müşterileri mümkün kılmak için kullanılabilecek bir veri yapısıdır. Bu 'durumsuz'' müşterilerin yalnızca çok az miktarda depo hacmi gereksinimi olacak, ancak onlar yine de yeni blokları doğrulamaya devam edebilecekler.
-- [Durumsuzluk](/roadmap/statelessness) - Durumsuz müşteriler, çok fazla veriyi depolamak zorunda kalmadan yeni blokları doğrulayabilecekler. Bu sayede, düğüm yürütmenin tüm faydaları yalnızca bugünün masraflarının küçük bir kısmıyla karşılanabilecek.
diff --git a/public/content/translations/tr/roadmap/merge/index.md b/public/content/translations/tr/roadmap/merge/index.md
index 9bd6faf8373..ddaabf2a159 100644
--- a/public/content/translations/tr/roadmap/merge/index.md
+++ b/public/content/translations/tr/roadmap/merge/index.md
@@ -37,9 +37,13 @@ Birleşim blok üretim motoru olarak İşaret Zinciri'ne resmi geçişi temsil e
 
 Birleşim'de herhangi bir geçmiş kaybedilmedi. Ana Ağ İşaret Zinciri ile birleşti, ayrıca Ethereum'un tüm işlemsel geçmişini de birleştirdi.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Hisse ispatına geçiş ether basım şeklini değiştirdi. <a href="/roadmap/merge/issuance/">Birleşim'den önce ve sonra ether verilmesi</a> hakkında daha fazla bilgi edinin.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Kullanıcılar ve sahipler {#users-holders}
 
diff --git a/public/content/translations/tr/roadmap/merge/issuance/index.md b/public/content/translations/tr/roadmap/merge/issuance/index.md
index 178dc6a8e43..cdbe12bc48b 100644
--- a/public/content/translations/tr/roadmap/merge/issuance/index.md
+++ b/public/content/translations/tr/roadmap/merge/issuance/index.md
@@ -54,11 +54,15 @@ Toplam ETH arzı: **~120.520.000 ETH** (Birleşim gerçekleştiğinde Eylül 202
 - Yıllık **~620.500** dağıtımı ile sonuçlanır
 - **Yaklaşık %0.52** enflasyon oranı ile sonuçlanır (yıllık 620,5K/toplam 119,3M)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 <strong>Toplam yıllık dağıtım oranı (Birleşim öncesi): \~%4,61</strong> (%4,09 + %0,52)<br/><br/>
 Dağıtımın <strong>\~%88,7'i</strong> yürütüm katmanındaki madencilere gidiyordu (4,09/4,61 * 100)<br/><br/>
 <strong>\~%11,3'i</strong> fikir birliği katmanındaki paydaşlara dağıtılıyordu (0,52/4,61 * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Birleşim sonrası (günümüz) {#post-merge}
 
@@ -84,18 +88,26 @@ Daha fazla doğrulayıcı parasını çektikçe, hisselenmiş yüksek miktarda E
 - Yürütüm katmanı dağıtımı: **0**
 - Fikir birliği katmanı dağıtımı: Yukardakiyle aynı şekilde %**~0,52** yıllıklaştırılmış dağıtım oranı (toplam 14 millyon hisselenmiş ETH)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Toplam yıllıklaştırılmış dağıtım oranı: <strong>\~%0,52</strong><br/><br/>
 ETH dağıtımındaki net azalma: <strong>\~%88,7</strong> ((%4,61 - %0,52)/%4,61 * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## <Emoji text=":fire:" size="1" />Yakma {#the-burn}
 
 ETH dağıtımının karşısındaki güç ETH yakma oranıdır. Ethereum üzerinde bir işlemin gerçekleştirilebilmesi için, bir minimum ücret (ana ücret) ödenmelidir ve bu fiyat ağ aktivitesine bağlı olarak sürekli olarak dalgalanır (bloktan bloka). Bu ücret ETH olarak ödenir ve işlemin geçerli olarak kabul edilmesi için _zorunludur_. Bu ücret, işlem sırasında _yakılır_ ve dolaşımdan kaldırılır.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Ücret yakımı Ağustos 2021'de <a href="/history/#london">London yükseltmesi</a> ile yürürlüğe girmiştir ve Birleşim'den bu yana değişmemiştir.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 London yükseltmesinde uygulanan ücret yakımına ek olarak doğrulayıcılar çevrimdışı olmaları sebebiyle ceza alabilir, hatta daha kötüsü, belirli kurallara uymayarak ağın güvenliğini tehdit ettikleri için paralarının bir kısmını kaybedebilir ve atılabilirler. Bu cezalar doğrulayıcı bakiyelerinde azaltma ile sonuçlanabilir ve bu bakiyeler başka hesaplara ödül olarak verilmeden yakılır/dolaşımdan kaldırılır.
 
diff --git a/public/content/translations/tr/roadmap/scaling/index.md b/public/content/translations/tr/roadmap/scaling/index.md
index 3407c96863c..fc83d971d09 100644
--- a/public/content/translations/tr/roadmap/scaling/index.md
+++ b/public/content/translations/tr/roadmap/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 Ethereum, birlikte toplu işlemler yapan ve çıktıyı Ethereum'a gönderen [katman 2'ler](/layer-2/#rollups) (toplamalar olarak da bilinir) kullanılarak ölçeklendirilir. Toplamalar Ethereum Ana Ağı'ndan 8 kat daha ucuz olsa da, onları son kullanıcıların masraflarını azaltmak için optimize etmek mümkün. Toplamalar aynı zamanda, geliştiricilerin toplamalar olgunlaştıkça kaldırabilecekleri bazı merkezi bileşenlere dayanır.
 
-<InfoBanner mb={8} title="İşlem maliyetleri">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  İşlem maliyetleri
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>Günümüzde toplamalar, Ethereum katman 1'den <strong>~5-20 kat</strong> daha ucuz</li>
     <li>ZK toplamaları yakında ücretleri <strong>~40-100x</strong> düşürecek</li>
     <li>Ethereum'da yapılacak değişiklikler <strong>~100-1000x</strong> daha fazla ölçeklendirme sağlayacak</li>
     <li style={{ marginBottom: 0 }}>Kullanıcılar <strong> 0,001 dolardan daha az maliyetli</strong> işlemlerden yararlanmalıdır</li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Veriyi ucuzlatmak {#making-data-cheaper}
 
diff --git a/public/content/translations/tr/security/index.md b/public/content/translations/tr/security/index.md
index 9f886987bae..b030ecf2414 100644
--- a/public/content/translations/tr/security/index.md
+++ b/public/content/translations/tr/security/index.md
@@ -122,11 +122,12 @@ Genel bir kural olarak, ekip sizinle asla özel ve resmi olmayan kanallar aracı
 - Asla kimsenin bilgisayarınıza uzaktan erişmesine izin vermeyin
 - Asla bir kuruluşun belirlenmiş kanalları dışında iletişim kurmayın
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Dikkat: Destek tarzı dolandırıcılıklar genellikle Discord'da gerçekleşse de, e-posta da dahil olmak üzere kripto tartışmalarının gerçekleştiği herhangi bir sohbet uygulamasında da yaygın olabilir.
   </div>
-</InfoBanner>
+</Alert>
 
 ### "Eth2" token dolandırıcılığı {#eth2-token-scam}
 
@@ -213,11 +214,12 @@ Bir veri sızıntısında açığa çıkmış olan güçlü bir parola, artık g
 
 ### Bir şifre yöneticisi kullanın {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     Bir şifre yöneticisi kullanmak; güçlü, benzersiz şifreler oluşturmak ve bunları hatırlama işini sizin için çözer! Bunlardan birini kullanmanızı <strong>şiddetle</strong> öneririz ve çoğu ücretsizdir!
   </div>
-</InfoBanner>
+</Alert>
 
 Sahip olduğunuz her hesap için güçlü, benzersiz şifreleri ezberlemeye çalışmak pek kolay değildir. Bir şifre yöneticisi, tek bir güçlü ana şifre aracılığıyla erişebileceğiniz tüm şifreleriniz için güvenli, şifrelenmiş bir depo sunar. Ayrıca, yeni bir hizmete kaydolurken güçlü şifreler önerirler, böylece kendinizinkini oluşturmak zorunda kalmazsınız. Birçok şifre yöneticisi, herhangi bir kötü niyetli saldırıdan önce şifreleri değiştirmenize izin vererek, bir veri ihlaline karışıp karışmadığınızı da size söyler.
 
@@ -240,11 +242,12 @@ Bazen sizden kimliğinizi benzersiz kanıtlarla doğrulamanız istenebilir. Bunl
 
 **İki Faktörlü Doğrulama (2FA)** kullanmak, çevrimiçi hesaplarınıza ekstra bir *güvenlik faktörü* eklemenizi sağlar. 2FA, sadece bir parolaya sahip olmanın bir hesaba girmek için yeterli olmamasını sağlar. En yaygın olarak, ikinci faktör **zaman esaslı tek seferlik şifre (TOTP)** olarak bilinen, Google Authenticator veya Authy gibi bir doğrulayıcı uygulamadan ulaşabileceğiniz rastgele seçilmiş 6 haneli bir koddur. Bunlar "senin sahip olduğun bir şey" faktörü ile çalışırlar çünkü zamanlı kodu oluşturan tohum, sizin aygıtınızda depolanır.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Not: SMS tabanlı 2FA kullanımı, <a href="https://www.vice.com/tr/makale/3kx4ej/sim-jacking-mobile-phone-fraud">SIM hırsızlığı</a> tehlikesine karşı açıktır ve güvenli değildir. En iyi güvenlik için <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> ya da <a href="https://authy.com/">Authy</a> gibi bir hizmet kullanın.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Güvenlik anahtarları {#security-keys}
 
diff --git a/public/content/translations/tr/staking/withdrawals/index.md b/public/content/translations/tr/staking/withdrawals/index.md
index 660a376111b..2f409e5d22a 100644
--- a/public/content/translations/tr/staking/withdrawals/index.md
+++ b/public/content/translations/tr/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Shanghai/Capella yükseltmesinden önce hisselenmiş ETH'lerinizi kullanamaz vey
 
 Herhangi bir doğrulayıcı hesabının kendi bakiyesinden ETH çekebilir durumuna erişmesi için bir çekim adresi belirtmesi, gerekli adımdır.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Her bir doğrulayıcı hesabı bir seferde yalnızca bir para çekme adresi atayabilir.</strong> Bir adres seçilip fikir birliği katmanına kaydedildiğinde bu, geri alınamaz veya tekrardan değiştirilemez. Kaydetmeden önce sahipliği ve bildirilen adresin doğruluğunu iki defa kontrol edin.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Aksini belirtmediğiniz için güvenlik kelimelerinizin çevrimdışı ortamda güvende kaldığı ve herhangi bir yolla ele geçirilemeyeceği varsayıldığından <strong>aynı zamanda bakiyelerinize herhangi bir tehdit de bulunmamaktadır</strong>. Para çekme kimliği ekleme başarısızlığı, çekim adresi belirtilene kadar ETH'nizi basit bir biçimde doğrulayıcı hesabında kilitli halde bırakacaktır.
 
@@ -82,11 +87,16 @@ Finematics tarafından sağlanmış Ethereum hisseleme çekim işlemleri açıkl
 
 Doğrulayıcının bir sonraki bloku önerebilmesi için 16 adede kadar uygun para çekme işleminden oluşan bir para çekme kuyruğu oluşturması gerekir. Bu başlangıçta doğrulayıcı indeksinin 0 ile başlayarak, bu hesabın protokolün kuralları gereğince para çekmeye uygun olup olmadığını belirleyerek ve uygunsa kuyruğa ekleyerek yapılır. Aşağıdaki bloku önermek için ayarlanan doğrulayıcı son blokun kaldığı yerden devam edecek ve sonsuza kadar bu sırayla ilerleyecek.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Analog bir saat düşünün. Saatteki akrep saate işaret eder, bir yönde ilerler, herhangi bir saati atlamaz ve eninde sonunda son sayıya ulaşıldıktan sonra tekrardan başa sarar.<br/><br/>
 Şimdi 1 ile 12 arası yerine, saatin 0 ile N <em>(fikir birliği katmanına şimdiye kadar kayıt olmuş tüm doğrulayıcı hesaplarının sayısı, Ocak 2023 itibariyle 500.000) arasına sahip olduğunu düşünün.</em><br/><br/>
 Saatin akrebi para çekme uygunluğu için kontrol edilmesi gereken sıradaki doğrulayıcıya işaret edecektir. 0 ile başlar ve hiçbir sayıyı atlamadan tüm yol boyunca devam eder. Son doğrulayıcıya ulaşıldığında döngü baştan başlayarak devam eder.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Para çekme işlemleri için hesabı kontrol etme {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/tr/web3/index.md b/public/content/translations/tr/web3/index.md
index 6319f4e0d45..05ef65c0a0d 100644
--- a/public/content/translations/tr/web3/index.md
+++ b/public/content/translations/tr/web3/index.md
@@ -61,12 +61,15 @@ Web3, dijital varlıklarınızın mülkiyet hakkını benzeri görülmemiş bir
 
 Web3, [eşsiz jetonlar (NFT'ler)](/glossary/#nft) aracılığıyla doğrudan mülkiyete olanak tanır. Hiç kimse, hatta oyunun yaratıcıları bile, mülkiyetinizi elinizden alma gücüne sahip değildir. Oyunu oynamayı bırakırsanız da oyun içi öğelerinizi açık pazarlarda satabilir veya takas edebilir ve değerini geri alabilirsiniz.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>NFT’ler hakkında daha fazlasını öğrenin</div>
   <ButtonLink href="/nft/">
     NFT'ler hakkında daha fazlası
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Sansüre dayanıklılık {#censorship-resistance}
 
@@ -86,12 +89,15 @@ DAO'lar teknik olarak, bir kaynak havuzu (jetonlar) üzerinde merkeziyetsiz kara
 
 Ancak, insanlar birçok Web3 topluluğunu DAO olarak tanımlar. Bu toplulukların tümü, koda göre farklı merkeziyetsizlik ve otomasyon seviyelerine sahiptir. Şu anda DAO'ların neler olduğunu ve gelecekte nasıl gelişebileceklerini araştırıyoruz.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>DAO’lar hakkında daha fazlasını öğrenin</div>
   <ButtonLink href="/dao/">
     DAO'lar hakkında daha fazlası
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Kimlik {#identity}
 
diff --git a/public/content/translations/uk/defi/index.md b/public/content/translations/uk/defi/index.md
index 16e6e643a02..95401772ddc 100644
--- a/public/content/translations/uk/defi/index.md
+++ b/public/content/translations/uk/defi/index.md
@@ -63,12 +63,15 @@ Bitcoin була першою програмою DeFi з усіх боків. Bi
 
 Звучить дивно, чи не так? Для чого програмувати гроші? Однак це радше стандартна функція для токенів на Ethereum. Будь-хто може запрограмувати логіку в платежі. Так ви отримуєте контроль і надійність Bitcoin у поєднанні з послугами, які надають фінансові установи. Це дасть вам змогу виконувати операції з криптовалютою, недоступні в Bitcoin, як-от надання й отримання позик, планування платежів, інвестування в індексні фонди тощо.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Ознайомтеся з програмами DeFi, якщо ви лише починаєте працювати з Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Ознайомитися з програмами DeFi
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Які можливості надає DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/uk/energy-consumption/index.md b/public/content/translations/uk/energy-consumption/index.md
index 94dc2836870..f8e2f2ad275 100644
--- a/public/content/translations/uk/energy-consumption/index.md
+++ b/public/content/translations/uk/energy-consumption/index.md
@@ -59,9 +59,14 @@ Ethereum — це зелений блокчейн. Механізм консен
 
 Платформи фінансування суспільних благ Web3, як-от [Gitcoin](https://gitcoin.co), проводять кліматичні раунди, щоб стимулювати екологічно свідому розробку на прикладному рівні Ethereum. Завдяки розвитку цих ініціатив (та інших, наприклад [DeSci](/desci/)), Ethereum стає екологічно та соціально позитивною мережевою технологією.
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Якщо ви вважаєте, що ця сторінка може бути точнішою, поставте питання або повідомте про це. Статистичні дані на цій сторінці являють собою оцінки, засновані на загальнодоступних даних; вони не є офіційною заявою чи обіцянкою команди ethereum.org або Ethereum Foundation.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Довідкові джерела {#further-reading}
 
diff --git a/public/content/translations/uk/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/uk/guides/how-to-create-an-ethereum-account/index.md
index dba098ea7e3..b59eed5e968 100644
--- a/public/content/translations/uk/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/uk/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ lang: uk
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div>Потрібно більше інформації?</div>
   <ButtonLink href="/guides/">
     Перегляньте наші інші посібники
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 
 ## Поширені запитання
 
diff --git a/public/content/translations/uk/guides/how-to-revoke-token-access/index.md b/public/content/translations/uk/guides/how-to-revoke-token-access/index.md
index 970376f53eb..f6f30d26e7b 100644
--- a/public/content/translations/uk/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/uk/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ lang: uk
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Хочете дізнатися більше?</div>
   <ButtonLink href="/guides/">
     Перегляньте наші інші посібники
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Поширені запитання
 
diff --git a/public/content/translations/uk/guides/how-to-swap-tokens/index.md b/public/content/translations/uk/guides/how-to-swap-tokens/index.md
index 55d0ce0f8df..3f228428c06 100644
--- a/public/content/translations/uk/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/uk/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ lang: uk
 Щойно транзакцію буде оброблено, ви автоматично отримаєте на свій гаманець обміняні токени.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Хочете дізнатися більше?</div>
   <ButtonLink href="/guides/">
     Перегляньте наші інші посібники
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Поширені запитання
 
diff --git a/public/content/translations/uk/guides/how-to-use-a-bridge/index.md b/public/content/translations/uk/guides/how-to-use-a-bridge/index.md
index c9803c7e06a..0c741bd5a89 100644
--- a/public/content/translations/uk/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/uk/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ lang: uk
 Можна використовувати [chainlist.org](http://chainlist.org), щоб отримати інформацію про віддалений виклик процедур (Remote Procedure Call, RPC) мережі. Після додавання мережі та завершення транзакції ви побачите токени у своєму гаманці.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Хочете дізнатися більше?</div>
   <ButtonLink href="/guides/">
     Перегляньте наші інші посібники
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Поширені запитання
 
diff --git a/public/content/translations/uk/guides/how-to-use-a-wallet/index.md b/public/content/translations/uk/guides/how-to-use-a-wallet/index.md
index d78e979cbab..1187a318358 100644
--- a/public/content/translations/uk/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/uk/guides/how-to-use-a-wallet/index.md
@@ -62,12 +62,15 @@ lang: uk
 5. Підтвердьте запит на підпис у вашому гаманці, щоб установити з’єднання. **Підписання цього повідомлення не має вимагати витрати ЕТН**.
 6. Готово! Почніть користуватися додатком. Ви можете знайти деякі цікаві проєкти на нашій [сторінці децентралізованих додатків (dApp)](/dapps/#explore). <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Хочете дізнатися більше?</div>
   <ButtonLink href="/guides/">
     Перегляньте наші інші посібники
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Поширені запитання
 
diff --git a/public/content/translations/uk/nft/index.md b/public/content/translations/uk/nft/index.md
index c47af570868..58640267c0f 100644
--- a/public/content/translations/uk/nft/index.md
+++ b/public/content/translations/uk/nft/index.md
@@ -54,12 +54,15 @@ NFT використовується для багатьох речей, зок
 
 Можливо, ви художник, що хоче поділитися своїми роботами за допомогою NFT, не втрачаючи контролю і не жертвуючи своїми прибутками через посередників. Ви можете створити новий контракт і вказати кількість NFT, їхні властивості й посилання на певний витвір мистецтва. Як виконавець, ви можете запрограмувати в смарт-контракт роялті (наприклад, перераховувати 5% від ціни продажу власнику контракту кожного разу, коли передається NFT). Крім того, ви завжди можете довести, що ви створили NFT, оскільки ви є власником [гаманця](/glossary/#wallet), який розгорнув контракт. Ваші покупці можуть легко довести, що вони володіють **автентичними NFT** з вашої колекції, оскільки їх гаманець [адреса](/glossary/#address) пов’язаний з токеном у вашому смарт-контракті. Вони можуть використовувати його в екосистемі Ethereum і бути впевненими в його автентичності.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Досліджуйте, купуйте й створюйте власні токени NFT на твори мистецтва та колекційні предмети.</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Ознайомитися з мистецтвом NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Або уявімо квиток на спортивний захід. Подібно до того, як **організатор заходу може вибрати, скільки квитків продати**, творець NFT може вирішити, скільки реплік існує. Іноді це точні примірники, як-от 5000 звичайних квитків для входу. Іноді карбуються декілька схожих, але дещо відмінних, як-от квитки з призначеним місцем. Їх можна купити й продати однорангово без оплати за послуги продавцям квитків, і покупець завжди має гарантію справжності квитка, оскільки може перевірити адресу контракту.
 
diff --git a/public/content/translations/uk/roadmap/beacon-chain/index.md b/public/content/translations/uk/roadmap/beacon-chain/index.md
index 607abe325f7..8d476c2107f 100644
--- a/public/content/translations/uk/roadmap/beacon-chain/index.md
+++ b/public/content/translations/uk/roadmap/beacon-chain/index.md
@@ -34,9 +34,14 @@ Beacon Chain — це назва реєстру облікових записі
 
 А використання доказу частки володіння як механізму консенсусу лежить в основі [безпечного, екологічного й масштабованого Ethereum, який ми маємо сьогодні](/roadmap/vision/).
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Якщо ви хочете стати валідатором і допомагати захистити Ethereum, <a href="/staking/">дізнайтеся більше про стейкінг</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Налаштування для сегментування {#setting-up-for-sharding}
 
diff --git a/public/content/translations/uk/roadmap/index.md b/public/content/translations/uk/roadmap/index.md
deleted file mode 100644
index a86ff52741d..00000000000
--- a/public/content/translations/uk/roadmap/index.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: План розвитку Ethereum
-description: Шлях до максимальної масштабованості, безпеки та екологічності Ethereum.
-lang: uk
-template: roadmap
-image: /images/heroes/roadmap-hub-hero.jpg
-alt: "План розвитку Ethereum"
-summaryPoints:
-buttons:
-  - 
-    label: Подальші оновлення
-    toId: what-changes-are-coming
-  - 
-    label: Минулі оновлення
-    href: /history/
-    variant: начерк
----
-
-Ethereum вже є потужною платформою для глобальної координації, але вона досі вдосконалюється. Амбітна низка покращень перетворить Ethereum на повністю масштабовану, максимально стійку платформу. Ці оновлення окреслено в плані розвитку Ethereum.
-
-**Щоб дізнатися про попередні оновлення Ethereum, відвідайте сторінку [Історія](/history/)**
-
-## Які зміни чекають на Ethereum? {#what-changes-are-coming}
-
-План розвитку Ethereum описує заплановані покращення протоколу. Загалом план розвитку Ethereum має такі переваги:
-
-<CardGrid>
-  <RoadmapActionCard
-    href="/roadmap/scaling"
-    title="Дешевші транзакції"
-    image="scaling"
-    description="Rollups are too expensive and rely on centralized components, causing users to place too much trust in their operators. The roadmap includes fixes for both of these problems."
-    buttonText="More on reducing fees"
-  />
-  <RoadmapActionCard
-    href="/roadmap/security"
-    title="Додаткова безпека"
-    image="security"
-    description="Ethereum is already very secure but it can be made even stronger, ready to withstand all kinds of attack far into the future."
-    buttonText="More on security"
-  />
-  <RoadmapActionCard
-    href="/roadmap/user-experience"
-    title="Покращення взаємодії з користувачами"
-    image="userExperience"
-    description="More support for smart contract wallets and light-weight nodes will make using Ethereum simpler and safer."
-    buttonText="More on user experience"
-  />
-  <RoadmapActionCard
-    href="/roadmap/future-proofing"
-    title="Підготовка до використання в майбутньому"
-    image="futureProofing"
-    description="Ethereum researchers and developers are solving tomorrow's problems today, readying the network for future generations."
-    buttonText="More on future proofing"
-  />
-</CardGrid>
-
-## Навіщо Ethereum потрібен план розвитку? {#why-does-ethereum-need-a-roadmap}
-
-Ethereum регулярно отримує оновлення, які підвищують масштабованість, безпеку або екологічність. Однією з основних сильних сторін Ethereum є адаптація до нових ідей, що з’являються в результаті досліджень і розробок. Адаптивність дає Ethereum змогу долати нові виклики та йти в ногу з найсучаснішими технологічними досягненнями.
-
-<RoadmapImageContent title="Як розробляється план розвитку">
-
-План розвитку здебільшого є результатом багаторічної роботи дослідників і розробників, оскільки протокол є дуже технічним, але будь-яка вмотивована людина може взяти у цьому участь. Формування ідей зазвичай починаються з обговорення на форумах, як-от [ethresearch.ch] (https://ethresear.ch/), [Ethereum Magicians] (https://ethereum-magicians.org/) або на сервері Eth R&D на платформі Discord. Це можуть бути відповіді на виявлені вразливості, пропозиції від організацій, що працюють на прикладному рівні (наприклад, [dapps](/glossary/#dapp) і біржі), або на відомі проблеми для кінцевих користувачів (наприклад, вартість або швидкість транзакцій). Добре обмірковані ідеї можна запропонувати як [Пропозиції покращення Ethereum] (https://eips.ethereum.org/). Усе це робиться публічно, щоб будь-хто зі спільноти міг висловити свою думку в будь-який час.
-
-[Докладніше про управління Ethereum] (/управління/)
-
-</RoadmapImageContent>
-
-<InfoBanner mb={8}>
-  <h4 style={{ marginTop: 0 }}>Що таке ETH2?</h4>
-
-  <p>Термін Eth2 зазвичай використовувався для опису майбутнього Ethereum до переходу на <a href="/glossary/#pos">доказ частки володіння</a>, але від нього <strong>поступово відмовилися на користь точнішої термінології.</strong> Спочатку він використовувався для того, щоб розрізняти мережу Ethereum до та після переходу на доказ частки володіння, а іноді для позначення різних клієнтів Ethereum (<a href="/glossary/#execution-client">клієнти виконання</a> іноді називалися клієнтами ETH1, а <a href="/glossary/#consensus-client">клієнти консенсусу</a> — клієнтами ETH2).</p>
-
-</InfoBanner>
-
-## Чи змінюватиметься план розвитку Ethereum із часом? {#will-ethereums-roadmap-change-over-time}
-
-**Так, безумовно**. План розвитку — це поточний план модернізації Ethereum, що охоплює як короткострокові, так і довгострокові плани. Ми очікуємо, що план розвитку змінюватиметься з появою нової інформації та технологій.
-
-Думайте про план розвитку Ethereum як про низку намірів щодо покращення Ethereum; це найкраще припущення основних дослідників і розробників щодо оптимального шляху розвитку Ethereum.
-
-## Коли план розвитку буде завершено? {#when-will-the-roadmap-be-finished}
-
-Деякі оновлення є менш пріоритетними й, імовірно, не будуть реалізовані протягом наступних 5-10 років (наприклад, квантова стійкість). **Точні терміни кожного оновлення важко передбачити**, оскільки багато пунктів плану розвитку розробляються паралельно та з різною швидкістю. Нагальність оновлення також може змінюватися з часом залежно від зовнішніх факторів (наприклад, раптовий стрибок продуктивності та доступності квантових комп’ютерів може зробити квантово-стійку криптографію нагальнішою).
-
-Розвиток Ethereum можна краще зрозуміти, якщо провести аналогію з біологічною еволюцією. Мережа, яка здатна адаптуватися до нових викликів і підтримувати працездатність, має більше шансів на успіх, ніж мережа, яка є стійкою до змін, хоча що з підвищенням продуктивності, масштабованості та безпеки мережі протокол потребуватиме дедалі менше змін.
-
-## Чи потрібно мені щось робити, коли відбувається оновлення? {#do-i-have-to-do-anything-when-there-is-an-upgrade}
-
-Наслідками оновлення для кінцевих користувачів можуть бути лише покращення <i>взаємодії</i> з Ethereum і підвищення безпеки протоколу. **Звичайним користувачам не потрібно брати активну участь в оновленні, а також робити будь-що** для захисту своїх активів. Операторам [вузлів](/glossary/#node) потрібно буде оновити свої клієнти, щоб підготуватися до оновлення. Деякі оновлення можуть призвести до змін для розробників додатків. Наприклад, оновлення терміну дії історії може змусити розробників додатків використовувати історичні дані з нових джерел.
-
-## Як щодо The Verge, The Splurge тощо? {#what-about-the-verge-splurge-etc}
-
-[Віталік Бутерін запропонував бачення плану розвитку Ethereum](https://twitter.com/VitalikButerin/status/1741190491578810445), де оновлення поділено на категорії залежно від впливу на архітектуру Ethereum. Ось ці категорії:
-
-- **The Merge**: оновлення, пов’язані з переходом від [доказу виконання роботи](/glossary/#pow) до [доказу частки володіння](/glossary/#pos)
-- **The Surge**: оновлення, пов’язані з підвищенням масштабованості за допомогою [зведень](/glossary/#rollups) і сегментування даних
-- **The Scourge**: оновлення, пов’язані зі стійкістю до цензури, децентралізацією і ризиками протоколу від [MEV](/glossary/#mev)
-- **The Verge**: оновлення, пов’язані з полегшенням перевірки [блоків](/glossary/#block)
-- **The Purge**: оновлення, пов’язані зі зменшенням обчислювальних витрат на запуск вузлів і спрощенням протоколу
-- **The Splurge**: інші оновлення, які не вписуються в попередні категорії.
-
-Ми вирішили відмовитися від цієї термінології та використовувати простішу й більш орієнтовану на користувача мову. Але бачення залишається тим самим, що запропонував Віталік.
-
-## Як щодо сегментування? {#what-about-sharding}
-
-Сегментування — це поділ блокчейну Ethereum у такий спосіб, щоб підмножини [валідаторів](/glossary/#validator) відповідали лише за частину загального обсягу даних. Спочатку планувалося, що це буде спосіб масштабування Ethereum. Однак, розробка зведень [layer 2](/glossary/#layer-2) відбулася набагато швидше, ніж очікувалося, і вони вже забезпечили значне масштабування, а після впровадження прото-данкшардингу забезпечать ще більше. Це означає, що "шардчейни" більше не потрібні, і їх було вилучено з плану розвитку.
-
-## Шукаєте конкретні технічні оновлення? {#looking-for-specific-technical-upgrades}
-
-- [Данкшардінг](/roadmap/danksharding). Данкшардінг робить зведення layer 2 набагато дешевшими для користувачів, додаючи BLOB-об’єкти даних до блоків Ethereum.
-- [Виведення зі стейкінгу](/staking/withdrawals). Оновлення Shanghai/Capella дозволило користувача виводити ETH зі стейкінгу.
-- [Single slot finality](/roadmap/single-slot-finality) Блоки можна пропонувати й затверджувати в одному слоті, не чекаючи п’ятнадцять хвилин. Це рішення зручніше для додатків і захищеніше від атак.
-- [Proposer-builder separation](/roadmap/pbs). Розподіл завдань зі створення і пропозиції блоків між окремими валідаторами створює справедливіший, стійкіший до цензури та ефективний спосіб досягнення консенсусу в Ethereum.
-- [Secret leader election](/roadmap/secret-leader-election). Розумна криптографія може використовуватися, щоб приховати особу поточного валідатора, який пропонує блоки й захистити його від певних типів атак.
-- [Абстрагування облікових записів](/roadmap/account-abstraction). Це клас оновлень, які підтримують гаманці зі смартконтрактами в Ethereum і дають змогу не використовувати складне проміжне ПЗ.
-- [Дерева Веркла](/roadmap/verkle-trees). Це структура даних, яку можна використовувати для запуску клієнтів без фіксації стану в Ethereum. Ці клієнти "без фіксації стану" займатимуть трохи місця на диску, але все одно зможуть перевіряти нові блоки.
-- [Відсутність фіксації стану](/roadmap/statelessness). Клієнти без фіксації стану зможуть перевіряти нові блоки, не зберігаючи великі обсяги даних. Тобто ви отримуватимете всі переваги запуску вузла, витрачаючи значно менше коштів.
diff --git a/public/content/translations/uk/roadmap/merge/index.md b/public/content/translations/uk/roadmap/merge/index.md
index 3662c10117e..a40927e91f6 100644
--- a/public/content/translations/uk/roadmap/merge/index.md
+++ b/public/content/translations/uk/roadmap/merge/index.md
@@ -37,9 +37,13 @@ summaryPoint4: Злиття знизило енергоспоживання Ethe
 
 Під час The Merge не було втрачено жодної частини історії. Під час об’єднання головної мережі та Beacon Chain відбулося також об’єднання всієї історії транзакцій Ethereum.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Перехід до proof-of-stake змінив спосіб випуску ether. Дізнайтеся більше про <a href="/roadmap/merge/issuance/">випуск ефіру до та після злиття</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Користувачі та власники {#users-holders}
 
diff --git a/public/content/translations/uk/roadmap/merge/issuance/index.md b/public/content/translations/uk/roadmap/merge/issuance/index.md
index 769b29dee44..6954b33bb9b 100644
--- a/public/content/translations/uk/roadmap/merge/issuance/index.md
+++ b/public/content/translations/uk/roadmap/merge/issuance/index.md
@@ -52,13 +52,17 @@ title="Випуск ETH tldr">
 - Призводить до випуску **приблизно 620 500 ETH** на рік
 - Призводить до інфляції в **приблизно 0,52%** (620,5 тис. на рік / 119,3 млн загалом)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 <strong>Загальний річний обсяг випуску (до злиття): ~4,61%</strong> (4,09% + 0,52%)
 <br/><br/>
 <strong>Приблизно 88,7%</strong> випуску отримували майнери на рівні виконання (4,09 / 4,61 * 100)
 <br/><br/>
 <strong>Приблизно 11,3%</strong> отримували стейкери на рівні консенсусу (0,52 / 4,61 * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Після злиття (на сьогодні) {#post-merge}
 
@@ -84,18 +88,26 @@ title="Випуск ETH tldr">
 - Випуск на рівні виконання: **0**
 - Випуск на рівні консенсусу: указано вище, річний приріст пропозиції **~0,52%** (за розміщення в стейкінгу 14 мільйонів ETH)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Загальний річний приріст пропозиції: <strong>~0.52%</strong><br/><br/>
 Чисте скорочення річного випуску ЕТН: <strong>~88.7%</strong> ((4.61% - 0.52%) / 4.61% * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## <Emoji text=":fire:" size="1" />Спалення {#the-burn}
 
 Протилежною випуску ETH силою є швидкість спалення ETH. Для виконання транзакції в Ethereum необхідно сплатити мінімальну комісію ("базову комісію"), яка постійно змінюється (від блока до блока) залежно від активності мережі. Комісія сплачується в ETH і є _обов’язковою_ для того, щоб транзакція вважалась дійсною. Ця комісія _спалюється_ в процесі транзакції та вилучається з обігу.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Спалення комісій почалося з <a href="/history/#london">оновлення London</a> у серпні 2021 року й залишається без змін після злиття.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Крім спалення комісій, оновлення London також передбачає штрафи за відсутність валідаторів у мережі, або, що ще гірше, слешинг за порушення певних правил, які загрожують безпеці мережі. Ці штрафи призводять до списання ETH з балансу валідатора, ці кошти не потрапляють на будь-який інший рахунок, а фактично спалюються або вилучаються з обігу.
 
diff --git a/public/content/translations/uk/roadmap/scaling/index.md b/public/content/translations/uk/roadmap/scaling/index.md
index 3e5dafcf95b..fc2651697c5 100644
--- a/public/content/translations/uk/roadmap/scaling/index.md
+++ b/public/content/translations/uk/roadmap/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 Ethereum масштабується за допомогою рішень [другого рівня](/layer-2/#rollups) (зведень), які об’єднують транзакції та надсилають результати в Ethereum. Дарма що зведення є до восьми разів менш витратними, ніж головна мережа Ethereum, їх можна додатково оптимізувати, щоб знизити витрати для кінцевих користувачів. Зведення також використовують деякі централізовані компоненти, які розробники можуть видаляти з часом.
 
-<InfoBanner mb={8} title="Вартість транзакцій">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  Вартість транзакцій
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>Сьогоднішні зведення в <strong>5–20</strong> разів дешевші за рівень 1 Ethereum</li>
     <li>ZK-зведення незабаром знизять комісію у <strong>40–100 разів</strong></li>
     <li>Майбутні зміни в Ethereum забезпечать масштабування ще в <strong>100–1000 разів</strong></li>
     <li style={{ marginBottom: 0 }}>Користувачі мають виграти від транзакцій <strong>вартістю менш ніж $0,001</strong></li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Здешевлення даних {#making-data-cheaper}
 
diff --git a/public/content/translations/uk/security/index.md b/public/content/translations/uk/security/index.md
index 5d9e41e30c2..a5a472ce0c1 100644
--- a/public/content/translations/uk/security/index.md
+++ b/public/content/translations/uk/security/index.md
@@ -41,11 +41,12 @@ lang: uk
 
 ### Використовуйте менеджер паролів {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     Завдяки менеджеру паролів ви зможете з легкістю створювати надійні унікальні паролі без необхідності їх запам’ятовування. Ми <strong>настійно</strong> рекомендуємо використовувати такий менеджер. Більшість із них є безкоштовними!
   </div>
-</InfoBanner>
+</Alert>
 
 Запам’ятовування надійних унікальних паролів для кожного облікового запису — не найкраще рішення. Менеджер паролів пропонує безпечне зашифроване сховище для всіх ваших паролів, до яких можна отримати доступ за допомогою одного надійного головного пароля. Він також пропонує надійні паролі під час реєстрації в новому сервісі, тому вам не доведеться створювати їх самостійно. Багато менеджерів паролів також повідомлять, якщо ваші паролі зачепили витоки даних, що дасть вам змогу замінити їх до потенційної атаки.
 
@@ -68,7 +69,8 @@ lang: uk
 
 Використання **двофакторної автентифікації (2FA)** забезпечує додатковий *фактор безпеки* для ваших облікових записів в Інтернеті, тож лише пароля (щось, що ви знаєте) буде недостатньо для доступу до облікового запису. Найчастіше другий фактор — це рандомізований 6-значний код, відомий як **одноразовий тимчасовий пароль (TOTP)**, до якого можна отримати доступ через програму автентифікації, як-от Google Authenticator або Authy. Вони працюють як фактор «щось, чим ви володієте», оскільки початкове число, яке генерує тимчасовий код, зберігається на вашому пристрої.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Примітка. Використовувати двофакторну автентифікацію на основі 
     <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">
@@ -80,7 +82,7 @@ lang: uk
     </a>
      або <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</Alert>
 
 #### Ключі безпеки {#security-keys}
 
@@ -206,11 +208,12 @@ lang: uk
 - Не надавайте нікому віддалений доступ до вашого комп’ютера.
 - Ніколи не спілкуйтеся за межами встановлених організацією каналів.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     Будьте обережні! Хоча шахрайство, пов’язане зі службою підтримки, зазвичай відбувається в Discord, такі схеми також можуть бути поширені в будь-яких програмах для спілкування, де обговорюється криптовалюта, включно з електронною поштою.
   </div>
-</InfoBanner>
+</Alert>
 
 ### Шахрайство, пов’язане з токенами Eth2 {#eth2-token-scam}
 
diff --git a/public/content/translations/uk/staking/withdrawals/index.md b/public/content/translations/uk/staking/withdrawals/index.md
index b96f3cbba30..d781b4c0803 100644
--- a/public/content/translations/uk/staking/withdrawals/index.md
+++ b/public/content/translations/uk/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ summaryPoints:
 
 Надання адреси для виведення коштів є обов’язковим кроком для будь-якого облікового запису валідатора, перш ніж він буде здатний вивести ETH зі свого балансу.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Кожному обліковому запису валідатора можна призначити лише одну адресу виведення коштів, один раз.</strong> Щойно адресу вибрано й надіслано на рівень консенсусу, її не можна скасувати або змінити знову. Перевірте двічі приналежність і точність наданої адреси, перш ніж надсилати її.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Ненадання цієї адреси <strong> не становить загрози для ваших коштів</strong>, якщо ваша мнемонічна/кодова фраза залишається в безпеці офлайн і не піддавалася жодним вторгненням або компрометації. Збій додавання облікових даних для виведення коштів просто призведе до того, що ETH залишаться заблокованими на рахунку валідатора доти, доки не буде надано адресу для виведення коштів.
 
@@ -82,10 +87,15 @@ summaryPoints:
 
 Коли валідатору заплановано запропонувати наступний блок, він зобов'язаний створити чергу виведення, до 16 можливих виведень. Це робиться так: індекси валідаторів перебираються починаючи з 0, і для кожного визначається, чи є можливе виведення для облікового запису відповідно до правил протоколу. Якщо виведення можливе, обліковий запис додається до черги. Валідатор, налаштований на те, щоб пропонувати наступний блок, продовжить роботу з місця, де зупинився попередній, просуваючись впорядковано нескінченно.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Уявіть аналоговий годинник. Стрілка на годиннику вказує на годину та рухається в одному напрямку, не пропускаючи жодної години, і зрештою повертається до початку після досягнення останнього числа.<br/><br/>.
 Тепер замість чисел від 1 до 12 уявіть, що на годиннику від 0 до N <em> (загальна кількість облікових записів валідаторів, які коли-небудь були зареєстровані на рівні консенсусу, понад 500 000 станом на січень 2023 року).</em><br/><br/>Стрілка на годиннику вказує на наступний валідатор, який потрібно перевірити на наявність коштів, що підлягають виведенню. Стрілка починає з 0 і просувається повним колом, не пропускаючи жодного облікового запису. Коли буде досягнуто останній валідатор, цикл розпочнеться з початку.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Перевірка облікового запису на виведення коштів {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/uk/web3/index.md b/public/content/translations/uk/web3/index.md
index 540dd754687..8f561e6431c 100644
--- a/public/content/translations/uk/web3/index.md
+++ b/public/content/translations/uk/web3/index.md
@@ -61,12 +61,15 @@ Web3 дає вам право власності на ваші цифрові а
 
 Web3 дає змогу безпосередньо володіти активами завдяки [невзаємозамінним токенам (NFT)](/glossary/#nft). Ніхто не зможе відібрати у вас право власності — навіть творці гри. А якщо ви припините грати, то зможете продати або обміняти свої ігрові предмети на відкритих ринках і окупити їх вартість.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Дізнайтеся більше про NFT</div>
   <ButtonLink href="/nft/">
     Докладніше про NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Опір цензурі {#censorship-resistance}
 
@@ -86,12 +89,15 @@ Web 2.0 вимагає від творців контенту довіряти 
 
 Однак багато спільнот Web3 вважаються організаціями DAO. Усі ці спільноти мають різні рівні децентралізації й автоматизації за допомогою коду. Зараз ми досліджуємо, що таке DAO і як вони можуть розвиватися в майбутньому.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Дізнайтеся більше про DAO</div>
   <ButtonLink href="/dao/">
     Докладніше про DAO
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Ідентифікація {#identity}
 
diff --git a/public/content/translations/uz/defi/index.md b/public/content/translations/uz/defi/index.md
index fb4aabc8d41..6f15e61b078 100644
--- a/public/content/translations/uz/defi/index.md
+++ b/public/content/translations/uz/defi/index.md
@@ -63,12 +63,15 @@ Ethereum bunga asoslanadi. Xuddi bitcoin singari, qoidalar sizda o‘zgarmaydi v
 
 Bu g‘alati eshitiladi... “nima uchun men o‘z pulimni dasturlashni xohlayman?” Biroq, bu Ethereum tokenlarining birlamchi xususiyatidir. Har kim mantiqni to‘lovlarga dasturlashi mumkin. Shunday qilib, siz bitcoin nazorati va xavfsizligini moliyaviy institutlar tomonidan taqdim etiladigan xizmatlar bilan aralashtirib olishingiz mumkin. Bu sizga kriptovalyutalar bilan bitcoin bilan qila olmaydigan narsalarni, masalan, kredit va qarz olish, to‘lovlarni rejalashtirish, indeks fondlariga sarmoya kiritish va boshqalarni amalga oshirish imkonini beradi.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Agar Ethereumʼda yangi boʻlsangiz, DeFi ilovalari uchun tavsiyalarimiz bilan tanishing.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     DeFi ilovalari bilan tanishing
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## DeFi bilan nima qilish mumkin? {#defi-use-cases}
 
diff --git a/public/content/translations/uz/nft/index.md b/public/content/translations/uz/nft/index.md
index e38fc5000fa..807fcfa7a5d 100644
--- a/public/content/translations/uz/nft/index.md
+++ b/public/content/translations/uz/nft/index.md
@@ -54,12 +54,15 @@ NFT ko‘p narsalar uchun ishlatiladi, jumladan:
 
 Ehtimol, siz o‘z ijodingizda nazoratni yo‘qotmasdan va daromadingizni vositachilarga berib yubormasdan, NFTʼlar orqali ulashishni istaydigan san’atkordirsiz. Siz yangi shartnoma yaratib, NFTlar miqdorini, ularning xususiyatlarini va muayyan san’at asariga bo‘lgan havolani belgilashingiz mumkin. Sanʼatkor sifatida **siz aqlli shartnomaga o‘zingizga to‘lanishi kerak bo‘lgan royaltilarni dasturlashtirishingiz mumkin** (masalan, har safar NFT boshqa shaxsga o‘tkazilganda, sotuv narxining 5 foizini shartnoma egasiga o‘tkazish). Siz har doim NFTʼlarni yaratganingizni isbotlay olasiz, chunki shartnomani joylashtirgan [hamyon](/glossary/#wallet) sizning ixtiyoringizda. Xaridorlaringiz kolleksiyangizdan **haqiqiy NFTʼga** egalik qilishlarini osongina isbotlay olishlari mumkin, chunki ularning hamyon [manzili](/glossary/#address) aqlli shartnomaningizdagi token bilan bog‘langan. Ular Ethereum ekotizimi bo‘ylab uning haqiqiyligiga to‘la ishonch bilan foydalana oladi.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>NFT san’at asarlari va kolleksiyalarini o‘rganing, sotib oling yoki o‘zingiznikini yarating...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     NFT san’atini o‘rganing
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Yoki sport tadbiriga chipta olishni ko‘rib chiqing. Xuddi **tadbir tashkilotchisi qancha chipta sotishni tanlashi mumkin bo‘lganidek**, NFT yaratuvchisi ham nechta nusxa mavjud bo‘lishini belgilay oladi. Ba’zan bular 5000 ta umumiy kirish chiptasi kabi aynan o‘xshash nusxalar bo‘ladi. Ba’zida bir-biriga juda o‘xshash, ammo har biri biroz farqli bo‘lgan bir nechta nusxa yaratiladi, masalan, belgilangan o‘rindiqli chipta kabi. Bularni vositachilarga pul to‘lamasdan tengma-teng sotib olish va sotish mumkin. Xaridor esa shartnoma manzilini tekshirish orqali chiptaning haqiqiyligiga doim ishonch hosil qiladi.
 
diff --git a/public/content/translations/uz/staking/withdrawals/index.md b/public/content/translations/uz/staking/withdrawals/index.md
index 4d7ec6d3f32..1c9a7da2e5d 100644
--- a/public/content/translations/uz/staking/withdrawals/index.md
+++ b/public/content/translations/uz/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Shanghai/Capella yangilanishidan oldin siz garovga qo‘yilgan ETHingizdan foyda
 
 Har qanday validator hisobi uchun pul yechib olish manzilini taqdim etish - bu hisob balansidan ETH yechib olishga huquq qozonishidan oldingi majburiy qadamdir.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Har bir validator hisobi uchun faqat bitta yechib olish manzili, bir martalik tayinlanishi mumkin.</strong> Manzil tanlanib, konsensus qatlamiga yuborilgandan so‘ng, uni bekor qilish yoki qayta o‘zgartirish mutlaqo imkonsiz bo‘ladi. Yuborishdan avval taqdim etilgan manzilning to‘g‘riligini va uning egasini ikki marta sinchiklab tekshirib chiqing.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Agar sizning mnemonik/urug‘ iborangiz oflaynda xavfsiz saqlangan va hech qanday tarzda buzilmagan bo‘lsa, <strong>bu ma’lumotni taqdim etmasligingiz hozircha mablag‘laringizga hech qanday xavf tug‘dirmaydi</strong>. Yechib olish uchun kerakli ma’lumotlarni qo‘shmaslik natijasida, yechib olish manzili ko‘rsatilmaguncha, ETH validator hisobida shunchaki qulflangan holda qolaveradi.
 
@@ -82,11 +87,16 @@ Finematics tomonidan taqdim etilgan Ethereum steykingi yechib olish jarayoni haq
 
 Validator keyingi blokni taklif etish uchun rejalashtirilganda, u 16 tagacha muvofiq yechib olishlardan iborat yechib olish navbatini tuzishi shart bo‘ladi. Bu jarayon dastlab validator indeksi 0 dan boshlanib, protokol qoidalariga ko‘ra ushbu hisob uchun mablag‘ yechib olishga huquq bor-yo‘qligi aniqlanadi va agar bunday huquq mavjud bo‘lsa, u navbatga qo‘shiladi. Keyingi blokni taklif etish uchun tanlangan tekshiruvchilar to‘plami, oldingi blok yakunlangan joydan boshlab, belgilangan tartibda cheksiz davom etadi.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Analog soat haqida o‘ylab ko‘ring. Soat mili vaqtni ko‘rsatadi, faqat bir yo‘nalishda aylanadi, hech qanday soatni o‘tkazib yubormaydi va oxirgi raqamga yetgandan so‘ng yana boshiga qaytadi.<br/><br/>
 Endi 1 dan 12 gacha emas, balki soatda 0 dan N gacha raqamlar bor deb tasavvur qiling <em>(konsensus qatlamida hozirga qadar ro‘yxatdan o‘tgan validator hisoblarining umumiy soni, 2023-yil yanvar holatiga ko‘ra 500 000 dan ortiq)</em>.<br/><br/>
 Soat mili chiqarib olishga huquqi bor-yo‘qligini tekshirish kerak bo‘lgan keyingi validatorni ko‘rsatadi. U noldan boshlanib, hech qanday hisobni o‘tkazib yubormasdan to‘liq aylanib chiqadi. Oxirgi tasdiqlovchiga yetib borgandan so‘ng, jarayon yana boshidan qaytadan boshlanadi.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Akkauntdan pul yechish uchun tekshiruv {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/uz/web3/index.md b/public/content/translations/uz/web3/index.md
index a641b5055c9..82f953b0ff8 100644
--- a/public/content/translations/uz/web3/index.md
+++ b/public/content/translations/uz/web3/index.md
@@ -61,12 +61,15 @@ Web3 sizga raqamli aktivlaringizga misli koʻrilmagan tarzda egalik qilish imkon
 
 Web3 [o‘zgarmas tokenlar (NFTlar)](/glossary/#nft) orqali to‘g‘ridan-to‘g‘ri egalik qilish imkonini beradi. Hech kim, hatto o‘yin yaratuvchilari ham sizning mulkingizni tortib olish huquqiga ega emas. Agar o‘ynashni to‘xtatsangiz, o‘yin ichidagi buyumlarni ochiq bozorlarda sotish yoki ayirboshlashingiz va ularning qiymatini to‘ldirishingiz mumkin.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>NFTlar haqida batafsil</div>
   <ButtonLink href="/nft/">
     NFT haqida koʻproq
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Senzuraga qarshilik {#censorship-resistance}
 
@@ -86,12 +89,15 @@ DAOlar texnik jihatdan resurslar fondi (tokenlar) bo‘yicha markazlashmagan qar
 
 Biroq, odamlar ko‘plab Web3 hamjamiyatlarini DAO deb ta’riflaydilar. Ushbu jamoalarning barchasi kod bo‘yicha markazlashtirishni cheklash va avtomatlashtirishning turli darajalariga ega. Hozirda biz DAO nima ekanligi va ular kelajakda qanday rivojlanishi mumkinligini o‘rganmoqdamiz.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
   <ButtonLink href="/dao/">
     DAO haqida ko'proq
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Identifikatsiya {#identity}
 
diff --git a/public/content/translations/vi/defi/index.md b/public/content/translations/vi/defi/index.md
index 662f6f06ee8..64ba889601f 100644
--- a/public/content/translations/vi/defi/index.md
+++ b/public/content/translations/vi/defi/index.md
@@ -63,12 +63,15 @@ Ethereum kế thừa và tiếp tục phát triển từ triết lý của Bitco
 
 Khái niệm này nghe khá kì lạ... "tại sao mà tôi lại muốn lập trình tiền của mình cơ chứ?" Tuy nhiên, điều này có ý nghĩa hơn chỉ đơn thuần là một tính năng mặc định của tokens trên Ethereum. Bất cứ ai cũng có thể lập trình logic vào trong các khoản thanh toán. Nhờ đó, bạn có thể có được khả năng kiểm soát và sự an toàn của Bitcoin cộng với những dịch vụ được cung cấp bởi các định chế tài chính. Điều này cho phép bạn làm những điều với các đồng tiền mã hóa mà bạn không thể làm với Bitcoin như là cho vay và mượn, lên lịch thanh toán, đầu tư vào các quỹ phái sinh và hơn thế nữa.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Khám phá những ứng dụng tài chính phi tập trung mà chúng tôi gợi ý nếu bạn là một người dùng mới của Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Khám phá các ứng dụng tài chính phi tập trung
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Bạn có thể làm gì với DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/vi/nft/index.md b/public/content/translations/vi/nft/index.md
index c7f21e26ce4..3f29f61637e 100644
--- a/public/content/translations/vi/nft/index.md
+++ b/public/content/translations/vi/nft/index.md
@@ -54,12 +54,15 @@ NFT được dùng cho nhiều thứ, bao gồm:
 
 Có thể bạn là một nghệ sĩ muốn chia sẻ tác phẩm của mình bằng NFT mà không bị mất quyền kiểm soát chúng hoặc hy sinh lợi nhuận của mình cho các bên trung gian. Bạn có thể tạo một hợp đồng mới và định sẵn số lượng NFT, thuộc tính của chúng và một liên kết tới một tác phẩm nghệ thuật cụ thể nào đó. Là nghệ sĩ, **bạn có thể lập trình vào hợp đồng thông minh phí bản quyền** sẽ được trả cho bạn (ví dụ như giữ lại 5% giá chuyển nhượng tới người tạo ra NFT mỗi lần NFT này được chuyển đi). Bạn có thể chứng minh rằng bạn đã tạo ra những NFT đó bởi vì bạn sở hữu [địa chỉ ví](/glossary/#wallet) dùng để triển khai hợp đồng đó. Người mua NFT của bạn có thể dễ dàng chứng minh rằng họ sở hữu **NFT xác thực** từ bộ sưu tập của bạn bởi vì [địa chỉ](/glossary/#address) ví của họ được liên kết với một token trong hợp đồng thông minh của bạn. Họ có thể dùng nó trong hệ sinh thái Ethereum và yên tâm về tính xác thực của nó.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Khám phá, mua hay tạo ra các tác phẩm nghệ thuật/bộ sưu tập NFT của riêng bạn...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Khám phá nghệ thuật NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Hoặc xem nó như một vé tham gia một sự kiện thể thao. Tương tự như việc một **quản lý tổ chức sự kiện có thể lựa chọn số lượng vé sẽ bán ra **, tác giả của một NFT có thể quyết định số lượng phiên bản NFT tồn tại. Đôi khi chúng là những phiên bản y hệt nhau, ví dụ như 5000 vé tham gia chung. Đôi khi một số khác thì được đúc rất tương đồng nhưng mỗi phiên bản sẽ hơi khác nhau, ví dụ như mỗi tấm vé với một số ghế riêng. Những thứ này có thể được bán và mua giữa người dùng mà không phải trả tiền cho các nhà quản lí vé, và người mua luôn đảm bảo được tính xác thực của vé đó bằng cách kiểm tra địa chỉ của hợp đồng đó.
 
diff --git a/public/content/translations/vi/staking/withdrawals/index.md b/public/content/translations/vi/staking/withdrawals/index.md
index 066a854227b..4b47acd1574 100644
--- a/public/content/translations/vi/staking/withdrawals/index.md
+++ b/public/content/translations/vi/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Trước bản nâng cấp Shanghai/Capella, bạn không thể sử dụng ho
 
 Cung cấp địa chỉ rút tiền là bước bắt buộc đối với tất cả tài khoản nút xác thực trước khi có thể rút ETH từ số dư của tài khoản đó.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Mỗi tài khoản nút xác thực chỉ có một địa chỉ rút tiền duy nhất, vào một thời điểm.</strong> Sau khi chọn và gửi địa chỉ lên lớp đồng thuận, bạn sẽ không thể hoàn tác hoặc thay đổi lại. Hãy kiểm tra thật kỹ quyền sở hữu và độ chính xác của địa chỉ được cung cấp trước khi nộp.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Trong thời gian chờ đợi, việc chưa cung cấp địa chỉ rút tiền sẽ <strong>không gây rủi ro cho tiền của bạn</strong> nếu cụm từ khởi tạo/mnemonic của bạn được giữ an toàn ngoại tuyến và không bị xâm phạm theo bất kỳ cách nào. Không thêm thông tin xác thực rút tiền sẽ khiến ETH bị khóa trong tài khoản nút xác thực cho đến khi bạn cung cấp địa chỉ rút tiền.
 
@@ -82,11 +87,16 @@ Hãy xem qua giải thích này của Finematics về rút cổ phần Ethereum:
 
 Khi một nút xác thực được chọn để đề xuất khối tiếp theo, cần xây dựng một hàng đợi rút tiền, tối đa 16 lệnh rút tiền hợp lệ. Quá trình này được thực hiện bằng cách bắt đầu với nút xác thực có chỉ số 0, kiểm tra xem theo quy tắc của giao thức, tài khoản này có lệnh rút tiền hợp lệ không và thêm nó vào danh sách nếu có. Nút xác thực được chọn để đề xuất khối tiếp theo sẽ bắt đầu từ vị trí nút xác thực trước đó dừng lại và tiếp tục theo thứ tự vô hạn.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Hãy tưởng tượng một chiếc đồng hồ kim. Kim đồng hồ chỉ giờ, di chuyển theo một hướng, không bỏ qua giờ nào và cuối cùng quay trở lại vị trí ban đầu sau khi đến số cuối cùng.<br/><br/>
 Bây giờ, thay vì từ 1 đến 12, hãy tưởng tượng chiếc đồng hồ có các số từ 0 đến N <em>(tổng số tài khoản nút xác thực từng được đăng ký trên lớp đồng thuận, tính đến tháng 1 năm 2023 là hơn 500.000).</em><br/><br/>
 Kim đồng hồ sẽ di chuyển đến nút xác thực tiếp theo cần được kiểm tra xem có lệnh rút tiền hợp lệ không. Kim bắt đầu từ 0 và di chuyển theo vòng tròn mà không bỏ qua bất kỳ tài khoản nào. Khi đến nút xác thực cuối cùng, chu kỳ sẽ tiếp tục trở lại từ đầu.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Kiểm tra tài khoản để tìm các lệnh rút tiền {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/vi/web3/index.md b/public/content/translations/vi/web3/index.md
index 0fffe2ddfd4..9a39f43a844 100644
--- a/public/content/translations/vi/web3/index.md
+++ b/public/content/translations/vi/web3/index.md
@@ -61,12 +61,15 @@ Web3 cung cấp cho bạn sở hữu các tài sản kỹ thuật số. Giả s
 
 Web3 cho phép quyền sở hữu trực tiếp thông qua các [NFT (token không thể thay thế)](/glossary/#nft). Kể cả nhà phát hành trò chơi cũng không thể tước đi quyền sở hữu của bạn. Và nếu bạn ngừng chơi, bạn có thể bán hoặc trao đổi các vật phẩm được Nft hoá để thu lại giá trị.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Tìm hiểu thêm về NFT</div>
   <ButtonLink href="/nft/">
     Tìm hiểu thêm về NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Không bên thứ ba kiểm duyệt {#censorship-resistance}
 
@@ -86,12 +89,15 @@ Về mặt kỹ thuật, DAO được định nghĩa là các hợp đồng thô
 
 Tuy nhiên, mọi người định nghĩa nhiều cộng đồng Web3 là DAO. Các cộng đồng này đều có các mức độ phân quyền và tự động hóa khác nhau theo mã. Hiện tại, chúng tôi đang khám phá các DAO là gì và chúng có thể phát triển như thế nào trong tương lai.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Tìm hiểu thêm về DAOs</div>
   <ButtonLink href="/dao/">
     Đọc thêm về DAOs
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Xác minh {#identity}
 
diff --git a/public/content/translations/yo/defi/index.md b/public/content/translations/yo/defi/index.md
index 4e083c78f71..3d6f640f661 100644
--- a/public/content/translations/yo/defi/index.md
+++ b/public/content/translations/yo/defi/index.md
@@ -63,12 +63,15 @@ Ethereum kọ́ lórí èyí. Bíi Bitcoin, àwọn òfin kò lè yipada lórí
 
 Eyi dabi ohun àjẹ́jì... "Kilódé tí ma fẹ́ fi ṣètò owó mi"? Sibẹsibẹ, èyí jẹ́ díẹ̀ síi ju ẹ̀yà àiyipada ti àwọn token lórí Ethereum. Ẹnikẹ́ni lè ṣe ètò ọgbọ́n sínú àwọn sisanwo. Nítorí náà, o lè gba iṣakoso àti aabo Bitcoin pẹ̀lú àwọn ìsẹ̀ tí àwọn ilé-iṣẹ inawo n pese. Èyí jẹ́ kí o ṣe àwọn nkan pẹ̀lú àwọn owó crypto tí o kò lè ṣe pẹ̀lú Bitcoin, bíi yíyà àti rírà, ṣètò àwọn sisanwo, ìdoko-owo nínú àwọn owó atọka, àti diẹ̀ síi.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Ṣàwárí àwọn ìmọ̀ràn wa fún àwọn ohun elo DeFi lati gbìyanju e tí o bá jẹ́ tuntun sí Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     Ṣàwárí àwọn ohun èlò DeFi
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Kini o lè ṣe pẹ̀lú DeFi? {#defi-use-cases}
 
diff --git a/public/content/translations/yo/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/yo/guides/how-to-create-an-ethereum-account/index.md
index 810ad1d2d9a..cd6b23dbf5e 100644
--- a/public/content/translations/yo/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/yo/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ Díẹ̀ nínú àwọn ohun èlò yóò bèèrè fún ọ láti kọ àṣírí
 **Ẹnikẹ́ni tó bá mọ gbólóhùn náà lè wà ní àkóso gbogbo owó rẹ.** Má ṣe sọ èyí fún ẹnikẹ́ni. Ọ̀rọ̀ yìí gbọ́dọ̀ ní ọ̀rọ̀ méjìlá sí mẹ́rìnlélógún tí wọ́n dá sílẹ̀ lóòrèkóòrè (ọ̀nà tí wọ́n gbà tòó ọ̀rọ̀ náà ṣe pàtàkì).
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>Ṣé àpamọ́wọ́ ti wà ní orí ẹ̀rọ àgbéká rẹ?</b><br/> Kọ́ bí o ṣe le lòó.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     Bí o ṣe lè lo wọ́lẹ́ẹ́tì kan
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 </div>
 
 Ṣé o fẹ́ mọ àwọn ìtọ́sọ́nà míì? Ṣàyẹ̀wò àwọn: [ìtọ́nisọ́nà ìgbésẹ̀ lọ́kọ̀ọ̀kan](/guides/) wa
diff --git a/public/content/translations/yo/guides/how-to-revoke-token-access/index.md b/public/content/translations/yo/guides/how-to-revoke-token-access/index.md
index 008c3f9fbf0..91ce682b6d3 100644
--- a/public/content/translations/yo/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/yo/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ A gbà ọ níyànjú láti ṣe àtúnṣe sí ẹ̀rọ ìfagilé rẹ lẹ́y
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Ṣe o f mọ̀ síi?</div>
   <ButtonLink href="/guides/">
     Wo àwọn ìtọ́sọ́nà wa mìíràn
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Awon ibere gbogbo ìgbà
 
diff --git a/public/content/translations/yo/guides/how-to-swap-tokens/index.md b/public/content/translations/yo/guides/how-to-swap-tokens/index.md
index 5bbaf0f00dd..5d76c2bb17f 100644
--- a/public/content/translations/yo/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/yo/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ O lè wo ìlọsíwájú ti ìdúnàádúrà lórí èyíkéyìí aṣàwárí b
 Ìwọ yóò gba àwọn tọ́kẹ̀n tí a ṣe pàṣípààrọ̀ wọn láìfọwọ́yí nínú wọ́lẹ́ẹ́tì rẹ ní kété tí a bá ṣe ìlànà ìdúnàádúrà náà.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Ṣe o f mọ̀ síi?</div>
   <ButtonLink href="/guides/">
     Wo àwọn ìtọ́sọ́nà wa mìíràn
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Awon ibere gbogbo ìgbà
 
diff --git a/public/content/translations/yo/guides/how-to-use-a-bridge/index.md b/public/content/translations/yo/guides/how-to-use-a-bridge/index.md
index 11f1cdbb2bc..3e12b1c9090 100644
--- a/public/content/translations/yo/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/yo/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ Ríi dájú pé wọ́lẹ́ẹ́tì rẹ ní ìsopò mó nẹ́tíwọọkí Ma
 O le lò [chainlist.org](http://chainlist.org) látí wa alaye nẹtiwọọki RPC. Lọ́gán tí nẹtiwọọki na bati wa ni afimọ ti idunadura si ti parí, wàá ri àwọn token naa ninu wọlẹẹti rẹ.
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Ṣe o f mọ̀ síi?</div>
   <ButtonLink href="/guides/">
     Wo àwọn ìtọ́sọ́nà wa mìíràn
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Awon ibere gbogbo ìgbà
 
diff --git a/public/content/translations/yo/guides/how-to-use-a-wallet/index.md b/public/content/translations/yo/guides/how-to-use-a-wallet/index.md
index 85ffb8c4b05..84b101ac109 100644
--- a/public/content/translations/yo/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/yo/guides/how-to-use-a-wallet/index.md
@@ -62,12 +62,15 @@ O ní láti fún ẹnikẹ́ni tó bá fẹ́ fi owó ránṣẹ́ sí ọ ní àd
 5. Buwọ́lu ìbéèrè ifọwọ́sí tó wà nínú wọ́lẹ́ẹ́tì rẹ láti ṣètò ìsopọ̀ náà. **Buwọ́lu ìsọfúnni yìí kò ní nílò ìnáwó ETH kankan**.
 6. Òhun nìyẹn! Bẹ̀rẹ̀ sí ní lo ohun èlò náà. O le rí díẹ̀ nínú àwọn iṣẹ́ àkànṣe tó wúni lórí[ojú-ewè Dapps wa](/dapps/#explore). <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Ṣe o f mọ̀ síi?</div>
   <ButtonLink href="/guides/">
     Wo àwọn ìtọ́sọ́nà wa mìíràn
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Awon ibere gbogbo ìgbà
 
diff --git a/public/content/translations/yo/nft/index.md b/public/content/translations/yo/nft/index.md
index 31715f84735..70bf06256b3 100644
--- a/public/content/translations/yo/nft/index.md
+++ b/public/content/translations/yo/nft/index.md
@@ -54,12 +54,15 @@ NFTs ni a ń lò fún ọ̀pọ̀lọpọ̀ àwọn nǹkan, tó pẹ̀lú:
 
 Bóyá o jẹ́ oníṣẹ́ ọnà tó fẹ́ pín iṣẹ́ rẹ̀ nípa lílo NFTs, láì pàdánù àkóso àti fífi èrè rẹ rúbọ fún àwọn alárinà. O lè ṣẹ̀dá àdéhùn tuntun àti pàtó nọ́mbà àwọn NFT, àwọn àbùdá wọn àti ọ̀nà àsopọ̀ sí díẹ̀ nínú àwọn iṣẹ́ ọ̀nà pàtó. Gẹ́gẹ́ bíi oníṣẹ́ ọnà, **o lè ṣètò sínú àdéhùn ọlọ́gbọ́n àwọn owó-orí** tó yẹ kí o san (fún àpẹẹrẹ gbígbé 5% ti owó títà fún oní àdéhùn ní gbogbo ìgbà tí a bá gbé NFT kan). O tún lè fìdí rẹ múlẹ̀ pé o sẹ̀dá NFTs náà nítorí pé o ni [wọ́lẹ́ẹ́tì](/glossary/#wallet) tó mú àdéhùn náà ṣiṣẹ́. Àwọn oníbàárà rẹ lè fi hàn pé àwọn ní **ojúlówó NFT** kan láti inú àkójọpọ̀ rẹ nítorí pé [àdírẹ́sì](/glossary/#address) wọ́lẹ́ẹ́tì wọn ní nǹkan ṣe pẹ̀lú àmì kan nínú àdéhùn ọlọ́gbọ́n rẹ. Wọ́n lè lò ó káàkiri àyíká Ethereum, ní ìdánilójú nínú ojúlówó rẹ̀.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>Ṣàwárí, rà tàbí ṣẹ̀dá iṣẹ́ ọnà NFT tìrẹ / àwọn ìkójọpọ̀...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     Ṣàwárí iṣẹ́ ọnà NFT
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 Tàbí dábàá tíkẹ́ẹ́tì kan sí ìṣẹ̀lẹ̀ eré ìdárayá kan. Gẹ́gẹ́ bíi tí **olùṣètò ìṣẹ̀lẹ̀ kan ṣe lè yan iye tíkẹ́ẹ́tì tí yóò ta**, ẹlẹ́dàá NFT lè pinnu iye ẹ̀dà rẹ̀ tó wà. Nígbà mìíràn, ẹ̀dà rẹ̀ gan-an ni, irú bíi tíkẹ́ètì Gbígbàwọlé Gbogbogbò 5000. Nígbà mìíràn, wọ́n máa ń tẹ ọ̀pọ̀lọpọ̀ tí wọ́n jọra gan-an, ṣùgbọ́n tí wọ́n yàtọ̀ díẹ̀ síra, irú bí tíkẹ́ètì pẹ̀lú ìjókòó tí a yàn. A lè rà wọ́n kí a sì tà wọ́n ní ẹlẹ́gbẹ́-sí-ẹgbẹ́ láì san owó fún àwọn alákóso tíkẹ́ẹ́tì àti oníbàárà nígbà gbogbo pẹ̀lú ìdánilójú ti ojúlówó tíkẹ́ẹ́tì náà nípa ṣíṣe àyẹ̀wò àdírẹ́sì àdéhùn náà.
 
diff --git a/public/content/translations/yo/staking/withdrawals/index.md b/public/content/translations/yo/staking/withdrawals/index.md
index 6f741a62976..76c0cdd63d7 100644
--- a/public/content/translations/yo/staking/withdrawals/index.md
+++ b/public/content/translations/yo/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ Lati ifilọlẹ ti adehun ifowonipamo dokowo ni Oṣu kọkanla ọdun 2020, di
 
 Pipese adirẹsi yiyọ kuro jẹ igbesẹ ti o nilo fun eyikeyi akanti olufọwọsi ṣaaju ki o le yẹ lati yọ ETH re kuro lati iinu iyoku owo rẹ.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Akanti olufọwọsi kọọkan le ṣe iyasọtọ fun adirẹsi yiyọ kuro kan nikan, ni akoko kan</strong>. Ni kete ti o ba yan adirẹsi kan ti o fi silẹ si ipele ipohunpo, eyi ko le ṣe tunṣe tabi yipada lẹẹkansi. Ṣayẹwo nini ati deede lẹẹmeji ti adirẹsi ti o pese ṣaaju fifiranṣẹ.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Ko si <strong>ewu fun owo rẹ ni akoko yii</strong> fun kiko lati pese eyi, ka ba gba pe ọrọ iranileti / irugbin rẹ ti wa ni aabo ni nibiti kise ori ayelujara, ati pe ko ti ni ipalara ni eyikeyi ọna. Ikuna lati ṣafikun awọn iwe-ẹri yiyọ kuro yoo fi ETH silẹ ni titipa ninu akanti olufọwọsi bi o ti wa titi ti wa fi pese adirẹsi yiyọ kuro.
 
@@ -82,11 +87,16 @@ Boya olufọwọsi kan ni ẹtọ fun yiyọ kuro tabi rara jẹ ipinnu nipasẹ
 
 Nigbati a ba ṣeto olufọwọsi kan lati gbero bulọọku atẹle, o nilo lati kọ itotelera yiyọ kuro, ti o to awọn yiyọkuro to yẹ 16. Eyi ni a ṣe nipasẹ ibẹrẹ ti o bẹrẹ pẹlu itọka olufọwọsi 0, ipinnu boya yiyọkuro ti o yẹ fun akanti yii ni ibamu si awọn ofin ti ilana naa, ati ṣafikun rẹ si itotelera to ba wa. Ofọwọsi naa to ṣeto lati daba awọn bulooku wọnyi yoo gbe nibi ti eyi to kẹhin ti duro, lilọsiwaju ninu eto titilai.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Ronu nipa aago alafọwọyi. Ọwọ ti o wa lori aago tọka si wakati naa, nlọsiwaju ni itọsọna kan, ko fo awọn wakati eyikeyi, ati nikẹhin yoo yika si ibẹrẹ lẹẹkansi lẹhin to de nọmba ti o kẹhin.<br/><br/>
 Bayi dipo 1 si 12, fojuinu wo pe aago naa ni 0 si N <em>(apapọ nọmba awọn akanti olufọwọsi ti o ti forukọsilẹ tẹlẹ lori ipele ipohunpo, ju 500,000 ni Jan 2023).</em><br/><br/> 
 Ọwọ lori aago tọka si olufọwọsi atẹle ti o nilo lati ṣayẹwo fun awọn yiyọ kuro to yẹ. O bẹrẹ ni 0, o si tẹsiwaju ni gbogbo ọna yika laisi fifo eyikeyi awọn akanti. Nigbati ti o de olufọwọsi to kẹhin, iyipo naa tẹsiwaju pada lati ibẹrẹ.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Ṣiṣayẹwo akanti kan fun awọn yiyọ kuro {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/yo/web3/index.md b/public/content/translations/yo/web3/index.md
index 201a399e009..3d7d8bc4717 100644
--- a/public/content/translations/yo/web3/index.md
+++ b/public/content/translations/yo/web3/index.md
@@ -61,12 +61,15 @@ Wẹẹbù kẹta fún o ní anfaani lati ní àwọn dukia digitali fúnra rẹ
 
 Wẹ́ẹ̀bù kẹta fún o ni àáye lati ni ohún-ini taara nipasẹ [àwọn token ohun-ini alailegbe (NFTs)](/glossary/#nft). Kò sí enikankan, koda kò jẹ awon oluṣẹda ere idaraya, to ní agbara lati gba ini rẹ. Atipe, ti o kò ba gba ere idaraya mọ, o le ta tabi paarọ ohún ini rẹ lori ọja gbangba lati gba deede iye owo rẹ pada.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Ko sí nipa NFTs</div>
   <ButtonLink href="/nft/">
     Díẹ̀ si nípa NFTs
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Ìtako ìfofindè {#censorship-resistance}
 
@@ -86,12 +89,15 @@ Pẹ̀lú bí o ti ní àwọn data tirẹ ní Wẹẹbu kẹta, otún le ní oj
 
 Àmọ àwọn eniyan túnmọ̀ ọpọlọpọ awujo wẹẹbù kẹta sí DAOs. Àwọn awujo yii ni ipele orisirisi alailakoso ati koodu ti o ń siṣe fúnra rẹ. Lọwọlọwọ, a ń ṣe iṣawari àwọn nkan tí DAOs jẹ, ati idagbasoke wọn ni ojo iwaju.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
   <ButtonLink href="/dao/">
     Díẹ̀ si lórí àwọn DAO
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Idanimọ {#identity}
 
diff --git a/public/content/translations/zh-tw/contributing/translation-program/how-to-translate/index.md b/public/content/translations/zh-tw/contributing/translation-program/how-to-translate/index.md
index 310e778da34..75a7bda03fc 100644
--- a/public/content/translations/zh-tw/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/zh-tw/contributing/translation-program/how-to-translate/index.md
@@ -76,9 +76,12 @@ description: 使用 Crowdin 翻譯 ethereum.org 的說明
 
 一旦你已經完成了翻譯（即內容門類中的所有檔案都顯示為 100%），我們的專業翻譯服務將會審核（並可能會編輯）這些內容。 一旦審核完成（如：審核進度為 100%），我們將把內容新增到網站上。
 
-<InfoBanner shouldCenter emoji=":warning:">
+<Alert variant="update">
+<Emoji text=":warning:" className="text-4xl"/>
+<AlertContent>
   請不要使用機器翻譯來翻譯這個專案。 所有翻譯將會在新增到網站之前進行審核。 如果你建議的翻譯被發現是機器翻譯的，它們將不被考慮採用，而經常使用機器翻譯的貢獻者將從專案中被移除。
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### 聯絡我們 {#get-in-touch}
 
diff --git a/public/content/translations/zh-tw/defi/index.md b/public/content/translations/zh-tw/defi/index.md
index 53e13bd1fca..71682e3e6cc 100644
--- a/public/content/translations/zh-tw/defi/index.md
+++ b/public/content/translations/zh-tw/defi/index.md
@@ -64,12 +64,15 @@ summaryPoint3: 基於所有人都可以編寫的開放原始碼技術。
 
 這聽起來很奇怪……「我幹嘛把我的錢程式化？」 不過，這只是以太坊代幣的預設功能之一。 所有人都可以在付款時加入程式邏輯。 因此，你可以結合比特幣的控制權和安全性，以及金融機構提供的各種金融服務， 用加密貨幣來做一些比特幣辦不到的事，例如借貸、安排付款、投資指數型基金等等。
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>如果你是剛開始使用以太坊，請嘗試我們推薦的去中心化金融應用程式。</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     探索去中心化金融應用程式
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## 你可以用去中心化金融來做什麼？ {#defi-use-cases}
 
diff --git a/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/index.md
index 45905ed8629..7e18339cadb 100644
--- a/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/index.md
@@ -6,9 +6,14 @@ lang: zh-tw
 
 在以太坊網路的初期，我們使用一種涉及**[工作量證明 (PoW)](/developers/docs/consensus-mechanisms/pow)** 的共識機制。 這個機制讓以太坊網路的節點對所有在以太坊區塊鏈上紀錄的資訊的狀態達成共識，並可防範某些種類的經濟攻擊。 但是，以太坊於 2022 年停止使用工作量證明，並轉為使用[權益證明](/developers/docs/consensus-mechanisms/pos)。
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
     現在，業界普遍都已棄用工作量證明。 以太坊亦不在其共識機制內使用工作量證明。 取而代之的，是權益證明。 閱讀更多關於<a href="/developers/docs/consensus-mechanisms/pos/">權益證明</a>和<a href="/staking/">質押</a>的資訊。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## 基本資訊 {#prerequisites}
 
diff --git a/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/index.md
index c4618c7ef59..b8f250ed562 100644
--- a/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -4,9 +4,14 @@ description: 解釋以太坊挖礦的運作方式。
 lang: zh-tw
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 工作量證明不再是以太坊共識機制的基礎，這意味著挖礦已完結。 取而代之的是，以太坊由抵押以太幣的驗證者來保障安全。 你能從現在開始質押以太幣。 閱讀更多關於<a href='/roadmap/merge/'>合併</a>、<a href='/developers/docs/consensus-mechanisms/pos/'>權益證明</a>和<a href='/staking/'>質押</a>的資訊。 此頁面僅為滿足對歷史的興趣。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## 基本資訊 {#prerequisites}
 
diff --git a/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index c9f90a011ff..8d570ea6c07 100644
--- a/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -4,9 +4,14 @@ description: Ethash 演算法詳細介紹。
 lang: zh-tw
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
    Ethash 是以太坊的工作量證明挖礦演算法。 工作量證明現在已經被**完全關閉**，取而代之的是，以太坊現在使用<a href="/developers/docs/consensus-mechanisms/pos/">權益證明</a>來確保安全。 閱讀更多關於<a href="/roadmap/merge/">合併 </a>、<a href="/developers/docs/consensus-mechanisms/pos/">權益證明</a>和<a href="/staking/">質押</a>的資訊。 此頁面僅為滿足對歷史的興趣！  
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 [Ethash](https://github.com/ethereum/wiki/wiki/Ethash) 是 [Dagger-Hashimoto](/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/dagger-hashimoto) 演算法的修改版。 Ethash 工作量證明是[記憶體密集型](https://wikipedia.org/wiki/Memory-hard_function)演算法，這被認為使演算法具有專用積體電路抗性。 Ethash 專用積體電路最終被開發出來，但圖形處理單元挖礦仍然是一個可行的選擇，直至工作量證明被關閉。 Ethash 仍在其他非以太坊工作量證明網路上用於挖掘其他代幣。
 
diff --git a/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index 144f55538ff..74b8f78c21c 100644
--- a/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -4,9 +4,14 @@ description: 以太坊挖礦演算法的詳細介紹。
 lang: zh-tw
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 工作量證明不再是以太坊共識機制的基礎，這意味著挖礦已完結。 取而代之的是，以太坊由抵押以太幣的驗證者來保障安全。 你能從現在開始質押ETH. 閱讀更多關於<a href='/roadmap/merge/'>合併</a>、<a href='/developers/docs/consensus-mechanisms/pos/'>權益證明</a>和<a href='/staking/'>質押</a>的資訊。 此頁面僅為滿足對歷史的興趣。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 以太坊挖礦使用過一種稱為 Ethash 的演算法。 這個演算法的基本思路是，礦工嘗試使用蠻力計算找到一個隨機數輸入，使得產生的雜湊值小於一個取決於計算難度的閾值。 此難度等級可以動態調整，從而允許定期產生區塊。
 
diff --git a/public/content/translations/zh-tw/energy-consumption/index.md b/public/content/translations/zh-tw/energy-consumption/index.md
index d487b73f5ac..f3e99560af9 100644
--- a/public/content/translations/zh-tw/energy-consumption/index.md
+++ b/public/content/translations/zh-tw/energy-consumption/index.md
@@ -61,9 +61,14 @@ lang: zh-tw
 
 [Gitcoin](https://gitcoin.co) 等 Web 3 原生公共財募資平台，舉辦氣候募資輪，以促進以太坊應用程式層開展具環保意識的構建。 透過開發這些倡議 (以及[去中心化科研](/desci/)等等)，以太坊正成為一項對環境及社會具有淨正效益的科技。
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   如果你認為此頁內容能更加準確，請提出議題或提取請求 (PR)。 呈現在此頁面上的統計數據皆是基於公開數據的估計值 - 它們不代表 ethereum.org 團隊或以太坊基金會的官方聲明或承諾。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## 了解更多 {#further-reading}
 
diff --git a/public/content/translations/zh-tw/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/zh-tw/guides/how-to-create-an-ethereum-account/index.md
index 0b30e32ff0c..9fce47d80b9 100644
--- a/public/content/translations/zh-tw/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/zh-tw/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ lang: zh-tw
 **任何知道這組助記詞的人都可以掌管所有資金。**切勿與任何人分享此資訊。 這組助記詞應包含 12 到 24 個隨機產生的單字（這些單字的順序很重要）。
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>錢包安裝了嗎？</b><br/>瞭解如何使用它。</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     如何使用錢包
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 </div>
 
 對其他指南有興趣嗎？ 查看我們的[逐步指南](/guides/)
diff --git a/public/content/translations/zh-tw/guides/how-to-revoke-token-access/index.md b/public/content/translations/zh-tw/guides/how-to-revoke-token-access/index.md
index 22ca709d420..6a6f98f5ce3 100644
--- a/public/content/translations/zh-tw/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/zh-tw/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ lang: zh-tw
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>想瞭解更多嗎？</div>
   <ButtonLink href="/guides/">
     查看我們的其他指南
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## 常見問題
 
diff --git a/public/content/translations/zh-tw/guides/how-to-swap-tokens/index.md b/public/content/translations/zh-tw/guides/how-to-swap-tokens/index.md
index 23b6e6144ed..dfe974e82bc 100644
--- a/public/content/translations/zh-tw/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/zh-tw/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ lang: zh-tw
 交易處理完成後，你的錢包中將自動收到所兌換的代幣。
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>想要學習更多功能嗎？</div>
   <ButtonLink href="/guides/">
     查看我們的其他指南
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## 常見問題
 
diff --git a/public/content/translations/zh-tw/guides/how-to-use-a-bridge/index.md b/public/content/translations/zh-tw/guides/how-to-use-a-bridge/index.md
index 418b1d9db71..2bc70b67c6a 100644
--- a/public/content/translations/zh-tw/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/zh-tw/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ lang: zh-tw
 可以使用 [chainlist.org](http://chainlist.org) 找到該網路遠端程式呼叫協定的詳細資訊。 添加網路並完成交易後，你會看到代幣出現在你的錢包中。
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>想要學習更多功能嗎？</div>
   <ButtonLink href="/guides/">
     查看我們的其他指南
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## 常見問題
 
diff --git a/public/content/translations/zh-tw/guides/how-to-use-a-wallet/index.md b/public/content/translations/zh-tw/guides/how-to-use-a-wallet/index.md
index 673ace2aea7..0c9e72538d4 100644
--- a/public/content/translations/zh-tw/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/zh-tw/guides/how-to-use-a-wallet/index.md
@@ -63,12 +63,15 @@ lang: zh-tw
 5. 在你的錢包中確認並簽名以建立連接。 **簽署此訊息應不會花費任何以太幣**。
 6. 大功告成！ 開始使用應用程式。 你可在我們的[去中心化應用程式頁面](/dapps/#explore)找到許多有趣的專案。 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>想要學習更多功能嗎？</div>
   <ButtonLink href="/guides/">
     查看我們的其他指南
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## 常見問題
 
diff --git a/public/content/translations/zh-tw/nft/index.md b/public/content/translations/zh-tw/nft/index.md
index 6461048a8a8..da1444efb56 100644
--- a/public/content/translations/zh-tw/nft/index.md
+++ b/public/content/translations/zh-tw/nft/index.md
@@ -55,12 +55,15 @@ summaryPoint3: 由建置於以太坊區塊鏈上的智慧型合約提供支援
 
 或許你是位藝術家，想透過非同質化代幣分享你的作品，同時不失去對藝術品的控制權，並且不會因中介而損失收益。 你可以建立一份新合約，並明訂非同質化代幣的數量、屬性，以及連到某些特定藝術品的連結。 作為藝術家，**你可以將您應得的版稅寫入智能合約**（如：每當非同質化代幣被轉移時，支付銷售價格的 5% 給合約擁有者）。 你可以隨時證明該非同質化代幣由您建立，因為您擁有部署該合約的[錢包](/glossary/#wallet)。 你的買家可輕易證明他們擁有賣家收藏品的**正版非同質化代幣**，因為他們的錢包[地址](/glossary/#address)與賣家智能合約中的代幣相關聯。 他們可以在以太坊生態系統中使用非同質化代幣，並可信任代幣的真實性。
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>探索、購買或建立你個人的非同質化代幣藝術品/收藏品……</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     探索非同質化代幣藝術品
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 又或者以體育賽事的門票為例， 如同**賽事主辦者可以決定要販售幾張門票**，非同質化代幣的創作者也可以決定要發行幾份複製品。 有時可能是完全相同的複製品，例如 5000 張普通門票； 有時可能會製作好幾種極為類似，但各自略有不同的複製品，例如指定席的票券。 此類票券可以在不需要給票務員付款的情況下進行點對點買賣，買家可以隨時檢查合約地址，以確保票券的真實性。
 
diff --git a/public/content/translations/zh-tw/roadmap/beacon-chain/index.md b/public/content/translations/zh-tw/roadmap/beacon-chain/index.md
index 33935f930d1..1259bb5b25f 100644
--- a/public/content/translations/zh-tw/roadmap/beacon-chain/index.md
+++ b/public/content/translations/zh-tw/roadmap/beacon-chain/index.md
@@ -34,9 +34,14 @@ summaryPoint3: 信標鏈引入共識邏輯和區塊廣播協定，現在可保
 
 使用權益證明作為共識機制是[我們現在擁有的安全、環保、可擴容的以太坊](/roadmap/vision/)的基石。
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   若有興趣成為驗證者或幫助保障以太坊安全，請<a href="/staking/">瞭解有關質押的更多資訊</a>。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### 針對分片進行設定 {#setting-up-for-sharding}
 
diff --git a/public/content/translations/zh-tw/roadmap/danksharding/index.md b/public/content/translations/zh-tw/roadmap/danksharding/index.md
index 7fb7c6b3888..9fe25af8abe 100644
--- a/public/content/translations/zh-tw/roadmap/danksharding/index.md
+++ b/public/content/translations/zh-tw/roadmap/danksharding/index.md
@@ -57,9 +57,9 @@ EIP-4844 KZG 儀式已向公眾開放，有數萬人參與並新增自己的隨
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
   Danksharding 和 Proto-Danksharding 都不遵循傳統的「分片」模型，此模型旨在將區塊鏈分成多個部分。 分片鏈不再是以太坊開發藍圖的一部分。 相反，Danksharding 使用跨二進位大型物件的分散式資料採樣來實現以太坊擴容。 這在實作上容易很多。 此模型有時又稱「資料分片」。
-</InfoBanner>
+</Alert>
 
 ## Danksharding 是什麼？ {#what-is-danksharding}
 
diff --git a/public/content/translations/zh-tw/roadmap/index.md b/public/content/translations/zh-tw/roadmap/index.md
deleted file mode 100644
index dc4cf83cf7d..00000000000
--- a/public/content/translations/zh-tw/roadmap/index.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: 以太坊開發藍圖
-description: 以太坊實現更高可擴容性、安全性和永續性的路徑。
-lang: zh-tw
-template: roadmap
-image: /images/heroes/roadmap-hub-hero.jpg
-alt: "以太坊開發藍圖"
-summaryPoints:
-buttons:
-  - 
-    content: 更多升級
-    toId: 即將發生的變化
-  - 
-    content: 過往的升級
-    href: /history/
-    variant: 概述
----
-
-雖然以太坊已經是強大的全球協調平台，但仍在不斷改進當中。 一系列雄心勃勃的改進將把以太坊從本來的型態升級為一個全面擴容、韌性最大的平台。 這些升級已在以太坊開發藍圖中列出。
-
-**若要進一步瞭解過往的以太坊升級，請造訪我們的[歷史](/history/)頁面**
-
-## 以太坊將發生哪些變化？ {#what-changes-are-coming}
-
-以太坊開發藍圖概述了未來將對協定進行的具體改進。 整體而言，開發藍圖會給以太坊使用者帶來以下好處：
-
-<CardGrid>
-  <RoadmapActionCard
-    href="/roadmap/scaling"
-    title="更便宜的交易"
-    image="scaling"
-    description="Rollups are too expensive and rely on centralized components, causing users to place too much trust in their operators. The roadmap includes fixes for both of these problems."
-    buttonText="More on reducing fees"
-  />
-  <RoadmapActionCard
-    href="/roadmap/security"
-    title="額外的安全性"
-    image="security"
-    description="Ethereum is already very secure but it can be made even stronger, ready to withstand all kinds of attack far into the future."
-    buttonText="More on security"
-  />
-  <RoadmapActionCard
-    href="/roadmap/user-experience"
-    title="更好的使用者體驗"
-    image="userExperience"
-    description="More support for smart contract wallets and light-weight nodes will make using Ethereum simpler and safer."
-    buttonText="More on user experience"
-  />
-  <RoadmapActionCard
-    href="/roadmap/future-proofing"
-    title="面向未來"
-    image="futureProofing"
-    description="Ethereum researchers and developers are solving tomorrow's problems today, readying the network for future generations."
-    buttonText="More on future proofing"
-  />
-</CardGrid>
-
-## 以太坊為何需要開發藍圖？ {#why-does-ethereum-need-a-roadmap}
-
-以太坊會定期升級，以提高其可擴容性、安全性或永續性。 以太坊的核心優勢之一是適應研發中出現的新想法。 以太坊具備出色的適應力，能夠靈活地應對新出現的挑戰並跟上最先進的技術突破。
-
-<RoadmapImageContent title="開發藍圖的定義方式">
-
-以太坊的開發藍圖主要是研發人員多年努力的成果，因為協定的技術性非常強，不過任何有想法與動力的人皆可參與。 創意通常始於論壇上的討論，比如 [ethresear.ch](https://ethresear.ch/)、[Ethereum magicians](https://ethereum-magicians.org/) 或以太坊研發 Discord 伺服器。 它們可能是對新發現的漏洞的回應、在應用程式層工作的組織（比如 [去中心化應用程式](/glossary/#dapp) 和交易所）提出的意見，或是對終端使用者已知問題（比如成本或交易速度）的解決辦法。 當這些理念成熟之後，可以作為 [以太坊改進提案] 提出 (https://eips.ethereum.org/)。 這一切都是公開進行的，因此社群中的每個人都可以隨時發表意見。
-
-[有關以太坊管理體系的更多資訊]（/管理體系/）
-
-</RoadmapImageContent>
-
-<InfoBanner mb={8}>
-  <h4 style={{ marginTop: 0 }}>什麼是以太坊 2？</h4>
-
-  <p>在過渡到<a href="/glossary/#pos">權益證明</a>之前，「以太坊 2.0」一詞通常用於描述以太坊的未來，但現在<strong>已被逐步淘汰，取而代之的是更精確的術語</strong>。它最初用來區分過渡到權益證明之前和之後的以太坊網路，有時也指不同的以太坊用戶端（<a href="/glossary/#execution-client">執行用戶端</a>有時稱為以太坊 1.0 用戶端，<a href="/glossary/#consensus-client">共識用戶端</a>有時稱為以太坊 2.0 用戶端）。</p>
-
-</InfoBanner>
-
-## 以太坊的開發藍圖會隨時間而變更嗎？ {#will-ethereums-roadmap-change-over-time}
-
-**是的，幾乎一定會**。 開發藍圖是最新的以太坊升級計劃，涵蓋近期和未來的計劃。 我們預計隨著新資訊和技術的出現，開發藍圖也會變更。
-
-將以太坊的路線圖視為改進以太坊的一系列意圖；這是核心研究者和開發者對以太坊最優前進路徑的最佳假設。
-
-## 開發藍圖將於何時完成？ {#when-will-the-roadmap-be-finished}
-
-有些升級是較低優先级的，可能在未來 5 到 10 年內不會實作（例如抗量子性）。 **預測每次升級的確切時間非常複雜**，因為許多開發藍圖項目是並行進行的，並且開發速度各不相同。 升級的緊迫性也會隨著時間的推移而變化，這取決於外部因素（例如，量子電腦的效能和可用性突然提升可能導致抗量子密碼學的實作更加緊急）。
-
-可以將以太坊的發展類比為生物進化。 相較於抗拒改變的網路，能夠適應新挑戰及維持健康的網路更有可能成功，不過隨著網路的效能、可擴容性和安全性越來越高，需要對協定進行的變更也會減少。
-
-## 升級時我需要做什麼嗎？ {#do-i-have-to-do-anything-when-there-is-an-upgrade}
-
-升級往往不會影響終端使用者，除了提供更好的使用者體驗和更安全的協定，或許還提供更多與以太坊互動的<i>選項</i>。 **普通使用者無需積極參與升級，也不需要做任何事情**來保護他們的資產。 [節點](/glossary/#node)營運商需要更新他們的用戶端以做好升級準備。 有些升級可能帶來適用於應用程式開發者的變更。 舉例來說，完成歷史記錄到期升級之後，應用程式開發者可從新來源取得歷史資料。
-
-## 邊際 (The Verge)、誇耀 (The Splurge) 等等將如何？ {#what-about-the-verge-splurge-etc}
-
-[Vitalik Buterin 提出了以太坊開發藍圖的願景](https://twitter.com/VitalikButerin/status/1741190491578810445)，開發藍圖中的事項被整理為多個類別，根據各自對以太坊架構的影響相互關聯。 其中包括：
-
-- **合併 (The Merge)**：涉及從[工作量證明](/glossary/#pow)過渡到[權益證明](/glossary/#pos)的升級
-- **激增 (The Surge)**：透過[卷軸](/glossary/#rollups)和資料分片進行與可擴容性相關的升級
-- **災厄 (The Scourge)**：與[最大可提取價值](/glossary/#mev)的抗審查性、去中心化和協定風險相關的升級
-- **邊際 (The Verge)**：使得驗證[區塊](/glossary/#block)更容易的升級
-- **淨化 (The Purge)**：有助降低運行節點的計算成本和簡化協定的升級
-- **誇耀 (The Splurge)**：不屬於上述類別的其他升級。
-
-我們決定不使用這些術語，因為想使用更簡單、更以使用者為中心的模型。 雖然我們使用以使用者為中心的語言，但願景仍然與 Vitalik 提出的願景相同。
-
-## 分片會如何？ {#what-about-sharding}
-
-分片是指對以太坊區塊鏈進行分割，使一部分[驗證者](/glossary/#validator)只需負責所有資料中的一小部分。 這原本是以太坊的擴容方式。 然而，[二層網路](/glossary/#layer-2)卷軸的發展速度比預期快得多，不僅已經提供大量擴容，並且在 Proto-Danksharding 實作後還會提供更多功能。 這意味著已不再需要「分片鏈」，並且已將其從開發藍圖中刪除。
-
-## 在尋找特定的技術升級嗎？ {#looking-for-specific-technical-upgrades}
-
-- [Danksharding](/roadmap/danksharding) - Danksharding 透過新增資料的二進位大型物件到以太坊區塊中，使二層網路卷軸的成本大大降低。
-- [質押提款](/staking/withdrawals) - 上海/卡佩拉升級在以太坊上啟用了質押提款，允許人們解鎖質押的以太幣。
-- [單一時隙最終確定性](/roadmap/single-slot-finality) - 無需等待十五分鐘，就可以在同一時隙內提出並最終確定區塊。 這對於應用程式來說更方便，也更難被攻擊。
-- [提交者-建置者分離](/roadmap/pbs) - 讓不同的驗證者承擔區塊建置和區塊提交任務，為以太坊達成共識建立了一種更公平、更抗審查且更有效的方式。
-- [秘密領導者選舉](/roadmap/secret-leader-election) - 可以使用巧妙的密碼學來確保目前區塊提交者的身分不被公開，從而保護他們免遭某些類型的攻擊。
-- [帳戶抽象](/roadmap/account-abstraction) - 帳戶抽像是一類升級，支援以太坊上原生的智慧型合約錢包，而不必使用複雜的中間件。
-- [沃克爾樹](/roadmap/verkle-trees) - 沃克爾樹是一種資料結構，可用於在以太坊上啟用無狀態用戶端。 這些「無狀態」用戶端只需少量的儲存空間，但仍然能夠驗證新區塊。
-- [無狀態](/roadmap/statelessness) - 無狀態用戶端不需要大量資料，即可驗證新區塊。 這將提供運行節點的所有好處，而成本僅為目前的一小部分。
diff --git a/public/content/translations/zh-tw/roadmap/merge/index.md b/public/content/translations/zh-tw/roadmap/merge/index.md
index 563a1069ea7..9a8e564955c 100644
--- a/public/content/translations/zh-tw/roadmap/merge/index.md
+++ b/public/content/translations/zh-tw/roadmap/merge/index.md
@@ -37,9 +37,13 @@ summaryPoint4: 合併將以太坊的能源消耗降低了約 99.95%。
 
 合併中，歷史記錄不會丟失。 隨著主網與信標鏈合併，以太坊的所有交易記錄也已一併整合。
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 這種向權益證明的過渡改變了以太幣的發行方式。 瞭解<a href="/roadmap/merge/issuance/">合併前後的以太幣發行</a>的更多相關資訊。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### 使用者及持有者 {#users-holders}
 
diff --git a/public/content/translations/zh-tw/roadmap/merge/issuance/index.md b/public/content/translations/zh-tw/roadmap/merge/issuance/index.md
index 3b6161007b2..a519c7cc188 100644
--- a/public/content/translations/zh-tw/roadmap/merge/issuance/index.md
+++ b/public/content/translations/zh-tw/roadmap/merge/issuance/index.md
@@ -54,11 +54,15 @@ title="以太幣發行量總覽">
 - 導致每年的以太幣發行量達到**大約 620,500 個**
 - 導致通膨率達到**大約 0.52%**（每年 62.05 萬 / 總計 1.193 億）
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 <strong>總年化發行率（合併前）：約 4.61%</strong> (4.09% + 0.52%)<br/><br/>
 <strong>約 88.7%</strong> 發行的以太幣給了執行層上的礦工 (4.09 / 4.61 * 100)<br/><br/>
 <strong>約 11.3%</strong> 發行的以太幣給了共識層上的質押者 (0.52 / 4.61 * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## 合併後（現狀） {#post-merge}
 
@@ -84,18 +88,26 @@ title="以太幣發行量總覽">
 - 執行層發行量：**0**
 - 共識層發行量：同上，年化發行率**約為 0.52%**（質押總量為 1,400 萬個以太幣）
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 總年化發行率：<strong>約 0.52%</strong><br/><br/>
 年度以太幣發行量淨減少值：<strong>約 88.7%</strong> ((4.61% - 0.52%) / 4.61% * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## <Emoji text=":fire:" size="1" />銷毀 {#the-burn}
 
 與以太幣發行相反的力量是以太幣被銷毀的速度。 對於在以太坊上執行的交易，必須支付最低費用（稱為「基本費用」），具體費用根據網路活動不斷波動（逐區塊）。 此費用使用以太幣支付，且_必須_支付這筆費用，交易才被視為有效。 這筆費用會在交易過程中_銷毀_，從流通中移除。
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 費用銷毀機制在 2021 年 8 月<a href="/history/#london">倫敦升級</a>後上線，自合併以來一直維持不變。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 除了倫敦升級時實作的費用銷毀機制外，驗證者也可能因離線而受到懲處；更糟糕的是，他們可能因為違反威脅網路安全的特定規定而遭罰沒。 這些處罰會導致驗證者餘額中的以太幣減少，減少的金額不會直接獎勵給任何其他帳戶，而是會有效地從流通中銷毀/移除。
 
diff --git a/public/content/translations/zh-tw/roadmap/scaling/index.md b/public/content/translations/zh-tw/roadmap/scaling/index.md
index 5549d4cc684..c6a16d69b38 100644
--- a/public/content/translations/zh-tw/roadmap/scaling/index.md
+++ b/public/content/translations/zh-tw/roadmap/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 以太坊利用[二層網路](/layer-2/#rollups)（也稱「卷軸」）實現擴容，可批次處理交易並將輸出傳送至以太坊。 儘管成本已比以太坊主網低八倍，卷軸還有進一步最佳化的空間，進而幫助降低終端使用者的成本。 此外，卷軸還仰賴於一些中心化組件，隨著其不斷發展成熟，開發者可以移除這些組件。
 
-<InfoBanner mb={8} title="交易成本">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  交易成本
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>現今卷軸的成本比以太坊一層網路便宜<strong>大約 5 - 20 倍</strong></li>
     <li>零知識卷軸很快會讓費用降低<strong>大約 40-100 倍</strong></li>
     <li>以太坊即將變更，會帶來<strong>大約 100-1000 倍</strong>的擴容</li>
     <li style={{ marginBottom: 0 }}>使用者應該能夠從<strong>成本低於 $0.001</strong> 的交易中受益</li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## 降低資料使用費用 {#making-data-cheaper}
 
diff --git a/public/content/translations/zh-tw/security/index.md b/public/content/translations/zh-tw/security/index.md
index 46b2395218a..ff374ea7d87 100644
--- a/public/content/translations/zh-tw/security/index.md
+++ b/public/content/translations/zh-tw/security/index.md
@@ -124,11 +124,12 @@ lang: zh-tw
 - 絕不允許任何人遠端存取你的電腦
 - 切勿以非官方指定管道來交流
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     請注意：支援服務型騙局常發生在 Discord 平台上，但在任何討論加密貨幣的聊天應用程式上也可能很盛行，包括電子郵件。
   </div>
-</InfoBanner>
+</Alert>
 
 ### 「以太坊 2」代幣騙局 {#eth2-token-scam}
 
@@ -215,11 +216,12 @@ _注意：有些衍生的代幣/行情指示器可能代表被質押的以太幣
 
 ### 使用密碼管理器 {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     使用密碼管理器能幫你建立獨特的強式密碼，並且記住密碼！ 我們<strong>非常</strong>建議使用密碼管理器，而且大多數免費！
   </div>
-</InfoBanner>
+</Alert>
 
 記住每個帳戶獨一的強式密碼，並不是最理想的方式。 密碼管理員為你所有的密碼提供一個安全的加密儲存位置，只要透過一個強效的主密碼就能取用。 註冊新的服務時，密碼管理器也會自行建議強式密碼，無需自己建立。 許多密碼管理器也會告知你是否涉入資料外洩事件，方便提早更換密碼，以免遭受惡意攻擊。
 
@@ -242,11 +244,12 @@ _注意：有些衍生的代幣/行情指示器可能代表被質押的以太幣
 
 使用**雙因素驗證 (2FA)** 時，可以為你的線上帳戶提供一層額外的*安全因素*。 雙因素驗證保障了即使取得你的密碼，仍不足以存取你的帳戶。 最常見的是，第二組因素是一個隨機的 6 位數代碼，稱為**基於時間的一次性密碼 (TOTP)**，可透過 Google authenticator 或 Authy 等驗證工具應用程式來取得。 這些因素取材自「你擁有之物」，因為產生定時碼的種子，儲存在你的裝置上。
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     注意：使用基於簡訊的雙因素驗證容易受到 <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM 卡交換攻擊</a>，因此並不安全。 為了獲得最佳安全性，請使用 <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> 或 <a href="https://authy.com/">Authy</a> 等服務。
   </div>
-</InfoBanner>
+</Alert>
 
 #### 安全金鑰 {#security-keys}
 
diff --git a/public/content/translations/zh-tw/staking/withdrawals/index.md b/public/content/translations/zh-tw/staking/withdrawals/index.md
index 9ce93763822..4dd71251479 100644
--- a/public/content/translations/zh-tw/staking/withdrawals/index.md
+++ b/public/content/translations/zh-tw/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ summaryPoints:
 
 對於任何驗證者帳戶來說，提供提款地址是必要的步驟，然後才有資格從其餘額中提取以太幣。
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>每個驗證者帳戶一次只能分配一個提款地址。</strong>一旦選好地址並提交到共識層，就無法撤消或再次更改。 提交前請再次檢查所提供地址的所有權和正確性。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 假設你的助記詞/種子助記詞在離線狀態下保持安全，沒有受到任何損害，那麼即使沒有提供提款地址，<strong>也不會對你的資金造成威脅</strong>。 如果未能添加提款憑證，以太幣只會被鎖定在驗證者帳戶中，直到提供提款地址為止。
 
@@ -82,11 +87,16 @@ summaryPoints:
 
 當驗證者準備提交下一個區塊時，需要建立一個提款隊列，其中最多包含 16 項符合資格的提款。 最初從驗證者索引 0 開始，根據協議規則，確定此帳戶是否有符合條件的提款，如果有，則將其添加到隊列中。 提交下一個區塊的驗證者們將從上一個區塊停止的地方開始，按順序依次進行。
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 想像一下指針式時鐘。 時鐘上的指針指向小時，朝一個方向前進，不會跳過任何小時，並最終在到達最後一個數字後再次回到起點。<br/><br/>
 現在，假設時鐘不是 1 到 12，而是 0 到 N <em>（共識層上註冊的驗證者帳戶總數，截至 2023 年 1 月超過 500,000 個）。</em><br/><br/>
 時鐘上的指針指向下一個驗證者，需要檢查其是否具備提款資格。 它從 0 開始，一路前進，不跳過任何帳戶。 到達最後一個驗證者後，從頭開始繼續循環。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### 檢查帳戶提款情況 {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/zh-tw/web3/index.md b/public/content/translations/zh-tw/web3/index.md
index bf32d584853..c8f49158163 100644
--- a/public/content/translations/zh-tw/web3/index.md
+++ b/public/content/translations/zh-tw/web3/index.md
@@ -61,12 +61,15 @@ Web3 以前所未有的方式讓你擁有數位資產的所有權。 例如，
 
 Web3 允許透過[非同質化代幣 (NFT) ](/glossary/#nft)實現直接所有權。 沒有人有權剝奪你的所有權，即使是遊戲的創作者亦然。 而且，如果不再玩遊戲，你可以在公開市場上出售或交易遊戲內的物品，並收回其價值。
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>深入了解非同質化代幣</div>
   <ButtonLink href="/nft/">
     更多非同質化代幣相關資訊
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### 抗審查性 {#censorship-resistance}
 
@@ -86,12 +89,15 @@ Web 2.0 要求內容製作者相信平台不會更改規則，但抗審查是 We
 
 然而，許多 Web3 社群都被定義為去中心化自治組織。 這些社群都透過程式碼實現了不同程度的去中心化和自動化。 目前，我們仍在探索去中心化自治組織是什麼，以及其未來可能如何發展。
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>了解更多關於去中心化自治組織</div>
   <ButtonLink href="/dao/">
     更多關於DAOs
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### 身份 {#identity}
 
diff --git a/public/content/translations/zh/contributing/translation-program/how-to-translate/index.md b/public/content/translations/zh/contributing/translation-program/how-to-translate/index.md
index 9e153a666b1..cc752157407 100644
--- a/public/content/translations/zh/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/zh/contributing/translation-program/how-to-translate/index.md
@@ -76,9 +76,12 @@ description: 使用 Crowdin 翻译 ethereum.org 的操作指南
 
 一旦你完成翻译（即内容存储桶的所有文件均显示 100%），我们的专业翻译服务机构将审核（并可能编辑）你完成的内容。 一旦审核完成（即审核进度为 100%），我们会将内容添加到网站上。
 
-<InfoBanner shouldCenter emoji=":warning:">
+<Alert variant="update">
+<Emoji text=":warning:" className="text-4xl"/>
+<AlertContent>
   请不要使用机器翻译来翻译项目。 所有译文在添加到网站之前均会进行审核。 如果发现你提供的译文是机器翻译的，你的译文将不会被应用，经常使用机器翻译的贡献者将被从项目中移除。
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### 联系我们 {#get-in-touch}
 
diff --git a/public/content/translations/zh/defi/index.md b/public/content/translations/zh/defi/index.md
index 4e647320918..3befa95b436 100644
--- a/public/content/translations/zh/defi/index.md
+++ b/public/content/translations/zh/defi/index.md
@@ -64,12 +64,15 @@ summaryPoint3: 基于开源技术，任何人都可以来编程。
 
 这听起来很奇怪……“我为什么会想对钱进行编程”？ 然而，这只是以太坊代币的一个默认功能。 任何人都可以对逻辑编程，以生成支付。 这样，你就可以将比特币的控制权和安全性与传统金融机构提供的服务相结合。 然后，你就可以用加密货币做一些比特币做不到的事情，比如借贷、预约付款、投资指数基金等等。
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>如果你不熟悉以太坊，请尝试我们推荐的去中心化金融应用程序。</div>
   <ButtonLink href="/dapps/?category=finance#explore">
     探索去中心化金融应用程序
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## 你可以用去中心化金融做什么？ {#defi-use-cases}
 
diff --git a/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/index.md
index 89781d11ee7..7e32a2a91b7 100644
--- a/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/index.md
@@ -6,9 +6,14 @@ lang: zh
 
 以太坊网络最初采用一种称为**[工作量证明 (PoW)](/developers/docs/consensus-mechanisms/pow)** 的共识机制。 这种机制允许以太坊网络的节点就以太坊区块链上记录的所有信息的状态达成共识，并防止某些产生经济影响的攻击。 然而，以太坊在 2022 年终结了工作量证明并开始采用[权益证明](/developers/docs/consensus-mechanisms/pos)。
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
     工作量证明现已弃用。 以太坊不再使用工作量证明作为其部分共识机制。 它改用权益证明。 阅读有关<a href="/developers/docs/consensus-mechanisms/pos/">权益证明</a>和<a href="/staking/">质押</a>的更多信息。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## 前提条件 {#prerequisites}
 
diff --git a/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/index.md
index 1942eef4da8..16624d9ca8d 100644
--- a/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -4,9 +4,14 @@ description: 解释以太坊上挖矿的工作原理。
 lang: zh
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 工作量证明不再是以太坊共识机制的基础，这意味着挖矿已终结。 取而代之的是，以太坊将由质押了以太币的验证者保护。 你可以立即开始质押以太币。 阅读更多关于<a href='/roadmap/merge/'>合并</a>、<a href='/developers/docs/consensus-mechanisms/pos/'>权益证明</a>和<a href='/staking/'>质押</a>的信息。 此页面仅展示历史内容。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## 前提条件 {#prerequisites}
 
diff --git a/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index caca3fb051b..c411ff95c72 100644
--- a/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -4,9 +4,14 @@ description: Ethash 算法详细介绍。
 lang: zh
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
    Ethash 是以太坊的工作量证明挖矿算法。 工作量证明现在已经被**完全关闭**，取而代之，以太坊现在使用<a href="/developers/docs/consensus-mechanisms/pos/">权益证明</a>来保证安全。 阅读更多关于<a href="/roadmap/merge/">合并</a>、<a href="/developers/docs/consensus-mechanisms/pos/">权益证明</a>和<a href="/staking/">质押</a>的信息。 此页面是为了满足对历史的兴趣！  
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 [Ethash](https://github.com/ethereum/wiki/wiki/Ethash) 是 [Dagger-Hashimoto](/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/dagger-hashimoto) 算法的修改版本。 Ethash 工作量证明是[内存密集型](https://wikipedia.org/wiki/Memory-hard_function)算法，这被认为使算法可抵御专用集成电路。 Ethash 专用集成电路最终被开发出来，但在工作量证明被关闭之前，图形处理单元挖矿仍然是一个可行的选择。 Ethash 仍然用于在其他非以太坊工作量证明网络上挖掘其他币。
 
diff --git a/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index e7ad74eda7a..4a20bf67c0f 100644
--- a/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -4,9 +4,14 @@ description: 以太坊挖矿所用的算法的详细介绍
 lang: zh
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<Emoji text=":wave:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 工作量证明不再是以太坊共识机制的基础，这意味着挖矿已终结。 取而代之的是，以太坊将由质押了以太币的验证者保护。 你可以立即开始质押以太币。 阅读更多关于<a href='/roadmap/merge/'>合并</a>、<a href='/developers/docs/consensus-mechanisms/pos/'>权益证明</a>和<a href='/staking/'>质押</a>的信息。 此页面仅为满足对历史的兴趣。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 以太坊挖矿使用过一种称为 Ethash 的算法。 该算法的基本思想是，矿工尝试使用蛮力计算找到一个随机数输入，使得生成的哈希小于一个取决于计算难度的阈值。 此难度级别可以动态调整，从而允许定期进行区块生产。
 
diff --git a/public/content/translations/zh/developers/tutorials/hello-world-smart-contract/index.md b/public/content/translations/zh/developers/tutorials/hello-world-smart-contract/index.md
index 843258e9e9d..511ba1dd876 100644
--- a/public/content/translations/zh/developers/tutorials/hello-world-smart-contract/index.md
+++ b/public/content/translations/zh/developers/tutorials/hello-world-smart-contract/index.md
@@ -231,9 +231,13 @@ PRIVATE_KEY = "your-metamask-private-key"
 
 为了将这些变量和代码连接，我们将在步骤 13 中调用 `hardhat.config.js` 文件中的这些变量。
 
-<InfoBanner isWarning>
+<Alert variant="warning">
+<AlertContent>
+<AlertDescription>
 不要提交 <code>.env</code>！ 请确保永远不要与任何人共享或公开您的 <code>.env</code> 文件，因为这样做会泄露您的私钥。 如果您使用版本控制，请将您的 <code>.env</code> 添加到 <a href="https://git-scm.com/docs/gitignore">gitignore</a> 文件中。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## 步骤 12：安装 Ethers.js {#step-12-install-ethersjs}
 
diff --git a/public/content/translations/zh/developers/tutorials/run-node-raspberry-pi/index.md b/public/content/translations/zh/developers/tutorials/run-node-raspberry-pi/index.md
index 0635812add3..b2b89fdfd40 100644
--- a/public/content/translations/zh/developers/tutorials/run-node-raspberry-pi/index.md
+++ b/public/content/translations/zh/developers/tutorials/run-node-raspberry-pi/index.md
@@ -43,9 +43,9 @@ ARM 单板机是一种便宜、灵活的小型计算机。 它们价格低廉、
 
 Ethereum on Arm 相关文档解释了如何设置执行客户端*或*共识客户端，两个以太坊测试网（Kiln 和 Ropsten）除外。 这种可选性只有在以太坊从工作量证明过渡到权益证明（称为[合并](/roadmap/merge)）之前才有可能。
 
-<InfoBanner>
+<Alert variant="update">
 合并后，将无法单独运行执行客户端和共识客户端 — 它们必须成对运行。 因此，在本教程中，我们将在以太坊测试网 (Kiln) 上运行一对执行客户端和共识客户端。
-</InfoBanner>
+</Alert>
 
 ## Kiln 树莓派 4 映像 {#the-kiln-raspberry-pi-4-image}
 
diff --git a/public/content/translations/zh/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md b/public/content/translations/zh/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
index f0aa304ee84..a0a4b0b99da 100644
--- a/public/content/translations/zh/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
+++ b/public/content/translations/zh/developers/tutorials/sending-transactions-using-web3-and-alchemy/index.md
@@ -118,9 +118,13 @@ API_URL = "your-api-url"
 PRIVATE_KEY = "your-private-key"
 ```
 
-<InfoBanner isWarning>
+<Alert variant="warning">
+<AlertContent>
+<AlertDescription>
 不要提交 <code>.env</code>！ 请确保永远不要与任何人共享或公开你的 <code>.env</code> 文件，因为这样做会泄露你的私钥。 如果你使用版本控制，请将你的 <code>.env</code> 添加到 <a href="https://git-scm.com/docs/gitignore">gitignore</a> 文件中。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### 7. 创建 `sendTx.js` 文件 {#create-sendtx-js}
 
diff --git a/public/content/translations/zh/energy-consumption/index.md b/public/content/translations/zh/energy-consumption/index.md
index c7a264b3678..78390ffd7a9 100644
--- a/public/content/translations/zh/energy-consumption/index.md
+++ b/public/content/translations/zh/energy-consumption/index.md
@@ -61,9 +61,14 @@ CCRI 估计，以太坊的年化耗电量会因合并减少 **99.988%** 以上
 
 Web3 原生公共物品融资平台，如 [Gitcoin](https://gitcoin.co) 举行气候回合，推动在以太坊应用程序层上形成环境意识。 通过制定这些计划（以及其他，例如[去中心化科学](/desci/)），以太坊正在成为一项对环境和社会有益的技术。
 
-<InfoBanner emoji=":evergreen_tree:">
+<Alert variant="update">
+<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   如果你认为本页尚有可改进之处，请提出问题或拉取请求。 本页面上的统计数据是基于公开数据的估算值 - 它们不代表 ethereum.org 团队或以太坊基金会的官方声明或承诺。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## 延伸阅读 {#further-reading}
 
diff --git a/public/content/translations/zh/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/zh/guides/how-to-create-an-ethereum-account/index.md
index ce94f684d3a..444eda83a97 100644
--- a/public/content/translations/zh/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/zh/guides/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ lang: zh
 **任何知道助记词的人都能控制所有资金。**切勿与任何人分享。 此助记词应包含 12 至 24 个随机生成的单词（单词的顺序很重要）。
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>已安装钱包？</b><br/>了解如何使用它。</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     如何使用钱包
   </ButtonLink>
-</InfoBanner>
+ </AlertContent>
+</Alert>
 </div>
 
 对其他指南感兴趣吗？ 查看我们的：[分步指南](/guides/)
diff --git a/public/content/translations/zh/guides/how-to-register-an-ethereum-account/index.md b/public/content/translations/zh/guides/how-to-register-an-ethereum-account/index.md
index e0a827d87b5..7499f23ff53 100644
--- a/public/content/translations/zh/guides/how-to-register-an-ethereum-account/index.md
+++ b/public/content/translations/zh/guides/how-to-register-an-ethereum-account/index.md
@@ -38,12 +38,15 @@ lang: zh
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>想了解更多信息？</div>
   <ButtonLink href="/guides/">
     查看我们其他的指南
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## 常见问题
 
diff --git a/public/content/translations/zh/guides/how-to-revoke-token-access/index.md b/public/content/translations/zh/guides/how-to-revoke-token-access/index.md
index 142d5aeea2a..8134b6c0554 100644
--- a/public/content/translations/zh/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/zh/guides/how-to-revoke-token-access/index.md
@@ -47,12 +47,15 @@ lang: zh
 
  <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>想了解更多信息？</div>
   <ButtonLink href="/guides/">
     查看我们其他的指南
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## 常见问题
 
diff --git a/public/content/translations/zh/guides/how-to-swap-tokens/index.md b/public/content/translations/zh/guides/how-to-swap-tokens/index.md
index 68e057da61b..74966c6d1ec 100644
--- a/public/content/translations/zh/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/zh/guides/how-to-swap-tokens/index.md
@@ -49,12 +49,15 @@ lang: zh
 一旦交易处理完毕，你的钱包将自动收到你兑换到的代币。
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>想了解更多信息？</div>
   <ButtonLink href="/guides/">
     查看我们其他的指南
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## 常见问题
 
diff --git a/public/content/translations/zh/guides/how-to-use-a-bridge/index.md b/public/content/translations/zh/guides/how-to-use-a-bridge/index.md
index d8d6ac53e06..14a2ae8c258 100644
--- a/public/content/translations/zh/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/zh/guides/how-to-use-a-bridge/index.md
@@ -52,12 +52,15 @@ lang: zh
 你可以使用 [chainlist.org](http://chainlist.org) 找到这个网络的远程程序调用的详细信息。 一旦你把这个网络添加到你的钱包，并且交易完成，你应该就可看到代币出现在你的钱包中了。
 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>想了解更多信息？</div>
   <ButtonLink href="/guides/">
     查看我们其他的指南
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## 常见问题
 
diff --git a/public/content/translations/zh/guides/how-to-use-a-wallet/index.md b/public/content/translations/zh/guides/how-to-use-a-wallet/index.md
index 632118dcad5..23479ebf75d 100644
--- a/public/content/translations/zh/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/zh/guides/how-to-use-a-wallet/index.md
@@ -63,12 +63,15 @@ lang: zh
 5. 请在钱包中，确认签名请求以建立连接。 **签署此信息不应花费任何以太币**。
 6. 这样就完成了！ 开始使用这个应用程序吧。 你可以在我们的[去中心化应用程序页面](/dapps/#explore)找到一些有趣的项目。 <br />
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>想了解更多信息？</div>
   <ButtonLink href="/guides/">
     查看我们其他的指南
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## 常见问题
 
diff --git a/public/content/translations/zh/nft/index.md b/public/content/translations/zh/nft/index.md
index 49a2ba0073d..4bd3aec89d7 100644
--- a/public/content/translations/zh/nft/index.md
+++ b/public/content/translations/zh/nft/index.md
@@ -55,12 +55,15 @@ summaryPoint3: 由以太坊区块链上的智能合约提供支持
 
 假设你是一位艺术家，希望使用非同质化代币分享自己的作品，同时不想失去对作品的控制，也不想中间商分走利润。 你可以创建一个新合约，指定非同质化代币的数量、属性和特定艺术品的链接。 作为艺术家，**你可以在智能合约中设置你应该收取的版税**（例如，每次转让非同质化代币时，将销售价格的 5% 转给合约所有人）。 因为你拥有部署合约的[钱包](/glossary/#wallet)，所以你始终可以证明是你是非同质化代币的创建者。 你的买家也可以轻松地证明他们拥有代表你的系列艺术品的**真正的非同质化代币**，因为他们的钱包[地址](/glossary/#address)与你的智能合约中的一个代币相关联。 他们可以在整个以太坊生态系统中使用该非同质化代币，因为其真实性能得到保证。
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:" mt="8">
+<Alert variant="update" className="mt-8">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="justify-between flex-row items-center">
   <div>探索、购买或创建自己的非同质化代币艺术品/收藏品...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
     探索非同质化代币艺术品
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 再以体育赛事的门票为例。 就像**赛事组织方可以选择出售多少门票一样**，非同质化代币的创建者可以决定创建多少份复制品。 有时候，它们是完全相同的复制品，如 5000 张普通门票。 有时候，会制作一些非常相似但略有不同的门票，如指定座位的门票。 这些门票可以在用户之间点对点买卖，而无需支付票务处理费用，买家始终可以通过检查合约地址来确保门票的真实性。
 
diff --git a/public/content/translations/zh/roadmap/beacon-chain/index.md b/public/content/translations/zh/roadmap/beacon-chain/index.md
index f0a0e1619bb..bffb5a9c966 100644
--- a/public/content/translations/zh/roadmap/beacon-chain/index.md
+++ b/public/content/translations/zh/roadmap/beacon-chain/index.md
@@ -34,9 +34,14 @@ summaryPoint3: 信标链引入了共识逻辑和区块广播协议，为当前
 
 采用权益证明共识机制为[我们现在拥有的安全、环保和可扩展的以太坊](/roadmap/vision/)奠定了基础。
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   如果你有兴趣成为验证者并帮助保护以太坊，请点击此处<a href="/staking/">了解更多关于质押的信息</a>。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### 设置分片 {#setting-up-for-sharding}
 
diff --git a/public/content/translations/zh/roadmap/danksharding/index.md b/public/content/translations/zh/roadmap/danksharding/index.md
index 2e16c7c8002..f70879679b9 100644
--- a/public/content/translations/zh/roadmap/danksharding/index.md
+++ b/public/content/translations/zh/roadmap/danksharding/index.md
@@ -57,9 +57,9 @@ EIP-4844 KZG 仪式曾经公开过，成千上万的人参与其中，并添加
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
   Danksharding 和 Proto-Danksharding 都没有采用传统的旨在将区块链分成多个部分的“分片”模式。 分片链不再是路线图的一部分。 相反，Danksharding 使用跨数据块的分布式数据采样来扩展以太坊。 这实施起来要简单得多。 这种模式有时被称为“数据分片”。
-</InfoBanner>
+</Alert>
 
 ## 什么是 Danksharding？ {#what-is-danksharding}
 
diff --git a/public/content/translations/zh/roadmap/index.md b/public/content/translations/zh/roadmap/index.md
deleted file mode 100644
index ef2ea84d698..00000000000
--- a/public/content/translations/zh/roadmap/index.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: 以太坊路线图
-description: 提高以太坊可扩展性、安全性和可持续性的途径。
-lang: zh
-template: roadmap
-image: /images/heroes/roadmap-hub-hero.jpg
-alt: "以太坊路线图"
-summaryPoints:
-buttons:
-  - 
-    content: 进一步升级
-    toId: 即将发生什么变化
-  - 
-    content: 以往升级
-    href: /history/
-    variant: 简要
----
-
-以太坊已经是一个强大的全球协调平台，但它仍在不断改进。 我们制定的一套雄心勃勃的改进措施，将使现有以太坊升级为一个可以完全扩展、具有最大弹性的平台。 以太坊路线图呈现了这些升级。
-
-**若要了解以太坊之前的升级，请访问我们的[历史记录](/history/)页面**
-
-## 以太坊将发生什么变化？ {#what-changes-are-coming}
-
-以太坊路线图概述了以太坊未来将对协议作出的具体改进。 总的来说，该路线图将给以太坊用户带来以下好处：
-
-<CardGrid>
-  <RoadmapActionCard
-    href="/roadmap/scaling"
-    title="交易费用更低"
-    image="scaling"
-    description="Rollups are too expensive and rely on centralized components, causing users to place too much trust in their operators. The roadmap includes fixes for both of these problems."
-    buttonText="More on reducing fees"
-  />
-  <RoadmapActionCard
-    href="/roadmap/security"
-    title="更安全"
-    image="security"
-    description="Ethereum is already very secure but it can be made even stronger, ready to withstand all kinds of attack far into the future."
-    buttonText="More on security"
-  />
-  <RoadmapActionCard
-    href="/roadmap/user-experience"
-    title="改善用户体验"
-    image="userExperience"
-    description="More support for smart contract wallets and light-weight nodes will make using Ethereum simpler and safer."
-    buttonText="More on user experience"
-  />
-  <RoadmapActionCard
-    href="/roadmap/future-proofing"
-    title="面向未来"
-    image="futureProofing"
-    description="Ethereum researchers and developers are solving tomorrow's problems today, readying the network for future generations."
-    buttonText="More on future proofing"
-  />
-</CardGrid>
-
-## 为什么以太坊需要一份路线图？ {#why-does-ethereum-need-a-roadmap}
-
-以太坊定期升级，以提高可扩展性、安全性或可持续性。 以太坊的核心优势之一是随着研发产生的新颖想法不断进化。 这种适应性使以太坊得以灵活应对新出现的挑战，紧跟最先进的技术突破。
-
-<RoadmapImageContent title="路线图是如何制定的？">
-
-因为协议的技术性很强，所以路线图主要是研究人员和开发者多年来工作的结果，但任何有意向的人都可以参与进来。 想法通常都始于论坛上的讨论，比如[ethresear.ch] (https://ethresear.ch/)、[以太坊魔术师] (https://ethereum-magicians.org/) 或者以太坊研发 discord 服务器。 它们可能是对新发现的漏洞的响应、来自从事于应用程序层的组织（例如[去中心化应用程序] (/glossary/#dapp) 和交易所）的建议或终端用户面临的已知问题（例如费用或交易速度）。 这些想法一旦成熟，就可以作为 [以太坊改进建议](https://eips.ethereum.org/) 提出。 整个过程都是公开进行的，社区的任何人可以随时发表意见。
-
-[更多关于以太坊治理的信息](/governance/)
-
-</RoadmapImageContent>
-
-<InfoBanner mb={8}>
-  <h4 style={{ marginTop: 0 }}>ETH2 是什么？</h4>
-
-  <p>在以太坊过渡到<a href="/glossary/#pos">权益证明</a>之前，“Eth2”（以太坊 2）一词通常用于描述以太坊的未来，但它已<strong>被逐步淘汰，取而代之的是更准确的术语</strong>。该术语最初被用于区分过渡到权益证明之前和之后的以太坊网络，有时也用于指代不同的以太坊客户端（<a href="/glossary/#execution-client">执行客户端</a>有时称为以太坊 1 客户端，而<a href="/glossary/#consensus-client">共识客户端</a>有时称为以太坊 2 客户端）。</p>
-
-</InfoBanner>
-
-## 以太坊路线图是否会随着时间的推移而改变？ {#will-ethereums-roadmap-change-over-time}
-
-**是的，几乎肯定会**。 路线图是目前的以太坊升级计划，涵盖近期计划和未来计划。 我们预计路线图会随着新的信息和技术的出现而改变。
-
-将以太坊路线图视为改进以太坊的一整套计划；这是研究人员和开发人员针对以太坊最优发展道路做出的最佳假设。
-
-## 路线图将何时完成？ {#when-will-the-roadmap-be-finished}
-
-一些升级的优先级较低，因此在接下来的 5-10 年内可能不会实施（例如量子抗性）。 由于许多路线图项目是以不同速度并行开发的，我们**很难准确预测每次升级的时间**。 随着时间的推移，升级的紧迫性也可能由于外部因素而发生变化（例如，量子计算机的性能和可用性突飞猛进可能会使抗量子计算加密技术的紧迫性提高）。
-
-思考以太坊发展的一种方法是类比生物进化。 虽然随着网络的性能、可扩展性和安全性越来越强，需要对协议进行的更改越来越少，但一个能够适应新挑战和保持健康的网络仍然比抗拒变化的网络更有可能成功。
-
-## 升级时我要做什么吗？ {#do-i-have-to-do-anything-when-there-is-an-upgrade}
-
-升级往往不会对最终用户产生影响，除非提供更好的用户体验、更安全的协议以及更多与以太坊互动的<i>选项</i>。 **普通用户既不需要积极参与升级，也不需要采取任何行动**来保护他们的资产。 [节点](/glossary/#node)运营者需要更新他们的客户端来为升级做准备。 某些升级可能导致应用程序开发者作出更改。 例如，历史数据到期升级可能需要应用开发者从新的来源获取历史数据。
-
-## Verge、Splurge 等升级是什么？ {#what-about-the-verge-splurge-etc}
-
-[Vitalik Buterin 提出了以太坊线路图](https://twitter.com/VitalikButerin/status/1741190491578810445)的愿景，根据对以太坊架构的影响，该路线图分为几个类别。 其中包括：
-
-- **Merge**：涉及从[工作量证明](/glossary/#pow)过渡到[权益证明](/glossary/#pos)的升级
-- **Surge**：涉及通过[卷叠](/glossary/#rollups)和数据分片进行扩展的升级
-- **Scourge**：涉及与抗审查、去中心化和[最大可提取价值](/glossary/#mev)的协议风险相关的升级
-- **Verge**：涉及更轻松地验证[区块](/glossary/#block)的升级
-- **Purge**：涉及降低运行节点的计算成本和简化协议的升级
-- **Splurge**：不属于上述类别的其他升级。
-
-我们决定不使用这些术语，因为我们希望使用更简单、更以用户为中心的模型。 虽然我们使用是以用户为中心的语言，但我们的愿景仍与 Vitalik 提出的愿景相同。
-
-## 什么是分片？ {#what-about-sharding}
-
-分片是指将以太坊区块链分割开来，让一部分[验证者](/glossary/#validator)只负责所有数据的一小部分。 这最初是用于扩展以太坊的一种方式。 然而，[二层网络](/glossary/#layer-2)卷叠的发展速度远远快于预期，已经实现了大量扩容，并且在 Proto-Danksharding 实施后还将提供更多扩容。 这意味着不再需要"分片链"，因此已将其从路线图中删除。
-
-## 正在寻求特定技术升级？ {#looking-for-specific-technical-upgrades}
-
-- [Danksharding](/roadmap/danksharding) - Danksharding 通过向以太坊区块添加二进制大对象数据，为用户大大降低二层网络卷叠成本。
-- [质押提款](/staking/withdrawals) - 上海/卡佩拉升级启用了以太坊质押提款，允许用户解锁质押的以太币。
-- [单时隙最终确定性](/roadmap/single-slot-finality) - 让区块可以在同一时隙内提出和最终确定，无需等待 15 分钟。 这提高了应用程序的便利性，大大增加了攻击难度。
-- [提议者-构建者分离方案](/roadmap/pbs) - 将区块构建和区块提出工作分给不同验证者，为以太坊达成共识提供了一种更公平、更抗审查和更高效的方式。
-- [秘密领袖选举](/roadmap/secret-leader-election) - 采用巧妙的加密技术可以确保当前区块提议者的身份不被公开，从而保护他们免受某些类型的攻击。
-- [帐户抽象](/roadmap/account-abstraction) - 帐户抽象是一种在以太坊上为智能合约钱包提供本地支持而不必使用复杂中间件的升级。
-- [沃克尔树](/roadmap/verkle-trees) - 沃克尔树是一种数据结构，可用于在以太坊上启用无状态客户端。 这些“无状态”客户端只需要很小的存储空间，但仍然能够验证新的区块。
-- [无状态性](/roadmap/statelessness) - 无状态性客户端将能验证新区块，并且无需存储大量数据。 这可以为运营节点带来很多好处，而成本仅为目前成本的一小部分。
diff --git a/public/content/translations/zh/roadmap/merge/index.md b/public/content/translations/zh/roadmap/merge/index.md
index 69d942972a1..4be105c5c3b 100644
--- a/public/content/translations/zh/roadmap/merge/index.md
+++ b/public/content/translations/zh/roadmap/merge/index.md
@@ -37,9 +37,13 @@ summaryPoint4: 合并将使以太坊的能源消耗减少大约 99.95%。
 
 历史记录不会在合并中丢失。 随着主网与信标链合并，它还合并以太坊的整个交易历史记录。
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 这种向权益证明的过渡改变了以太币的发行方式。 了解有关<a href="/roadmap/merge/issuance/">合并前后以太币发行的更多信息</a>。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### 用户与持有者 {#users-holders}
 
diff --git a/public/content/translations/zh/roadmap/merge/issuance/index.md b/public/content/translations/zh/roadmap/merge/issuance/index.md
index 2a80fb9bd10..18ec02855e8 100644
--- a/public/content/translations/zh/roadmap/merge/issuance/index.md
+++ b/public/content/translations/zh/roadmap/merge/issuance/index.md
@@ -54,11 +54,15 @@ title="以太币发行内容提要">
 - 因此一年发行**大约 620,500** 个以太币
 - 因此通胀率**大约是 0.52%**（每年 62.06 万个/总共 1.193 亿个）
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 <strong>总计年化发行率（合并前）：大约 4.61%</strong> (4.09% + 0.52%)<br/><br/>
 <strong>大约 88.7%</strong> 的发行量会给执行层上的矿工 (4.09 / 4.61 * 100)<br/><br/>
 <strong>大约 11.3%</strong> 的发行量会给共识层上的质押人 (0.52 / 4.61 * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## 合并后（现状） {#post-merge}
 
@@ -84,18 +88,26 @@ title="以太币发行内容提要">
 - 执行层发行量：**0**
 - 共识层发行量：同上，年化发行率**大约 0.52%**（质押总量为 1400 万个以太币）
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 总计年化发行率：<strong>大约 0.52%</strong><br/><br/>
 每年以太币发行量净减少：<strong>大约 88.7%</strong> ((4.61% - 0.52%) / 4.61% * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## <Emoji text=":fire:" size="1" />销毁 {#the-burn}
 
 针对以太币发行的反制因素是以太币销毁率。 为了在以太坊上执行交易，必须支付最低费用（称为“基础费”），基础费随网络活动持续波动（区块到区块）。 该费用使用以太币支付，为了让交易有效_必须_支付。 基础费在交易过程中_销毁_并退出流通。
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 费用销毁在 2021 年 8 月的<a href="/history/#london">伦敦升级</a>后上线，在合并后保持不变。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 除了伦敦升级实现的费用销毁外，验证者也会因为离线受到惩罚，更糟糕的情况是，他们可能会因为违反某些规则致使网络安全受到威胁而被罚没。 这些惩罚导致验证者的以太币余额减少，罚没金额不会直接奖励给任何其他帐户，而是真正地销毁/退出流通。
 
diff --git a/public/content/translations/zh/roadmap/scaling/index.md b/public/content/translations/zh/roadmap/scaling/index.md
index 7488ee43ed2..d9661c7489f 100644
--- a/public/content/translations/zh/roadmap/scaling/index.md
+++ b/public/content/translations/zh/roadmap/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 以太坊使用[二层](/layer-2/#rollups)网络（也称为“卷叠”）进行扩展，卷叠批量处理交易并将结果发送到以太坊上。 尽管卷叠比以太坊主网便宜多达八倍，但还可以进一步优化，以降低最终用户的成本。 卷叠还依赖于一些中心化的组件，随着卷叠的成熟，开发者可以逐步移除这些组件。
 
-<InfoBanner mb={8} title="交易费">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  交易费
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>目前，卷叠比以太坊一层网络便宜大约 <strong>5-20 倍</strong></li>
     <li>零知识卷叠将很快把费用降低约 <strong>40-100 倍</strong></li>
     <li>即将进行的以太坊变更会再次扩容 <strong>100-1000 倍</strong></li>
     <li style={{ marginBottom: 0 }}>用户将从中受益，<strong>交易成本降至不足 0.001 美元</strong></li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## 让数据更实惠 {#making-data-cheaper}
 
diff --git a/public/content/translations/zh/security/index.md b/public/content/translations/zh/security/index.md
index 301a1a50c6b..db1f93ba935 100644
--- a/public/content/translations/zh/security/index.md
+++ b/public/content/translations/zh/security/index.md
@@ -124,11 +124,12 @@ lang: zh
 - 绝不允许任何人远程访问你的电脑
 - 切勿通过官方指定以外的渠道沟通
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     请注意：尽管支持类型的骗局通常发生在 Discord 上，但它们也在任何讨论加密货币聊天应用程序（包括电子邮件）上普遍存在。
   </div>
-</InfoBanner>
+</Alert>
 
 ### “以太坊 2”代币骗局 {#eth2-token-scam}
 
@@ -215,11 +216,12 @@ _注意：有一些衍生的代币/票据可能代表了被质押的以太币（
 
 ### 使用密码管理器 {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<Emoji text=":bulb:" className="text-4xl"/>
   <div>
     使用密码管理器可以创建唯一的强密码并记住它们！ 我们<strong>强烈</strong>推荐使用它，而且它们大部分是免费的。
   </div>
-</InfoBanner>
+</Alert>
 
 记住为每个帐户设置的唯一强密码并不现实。 密码管理器为你的所有密码提供了一个安全、加密的存储空间，你可以通过一个强主密码进行访问。 他们还在注册新服务时生成建议使用的强密码，这样你就不必自行创建密码了。 许多密码管理器也会告诉你是否涉及数据泄露，让你在任何恶意攻击之前更改密码。
 
@@ -242,11 +244,12 @@ _注意：有一些衍生的代币/票据可能代表了被质押的以太币（
 
 使用**双重身份验证 (2FA) **将为你的在线帐户提供一个额外的*安全因素*。 双重身份验证确保仅仅有你的密码还不足以访问你的帐户。 最常见的是，双重验证是一个随机的6位数代码，被称为**基于时间的一次性密码（TOTP）**，你可以通过身份验证程序应用程序（如Google authenticator或Authy）生成。 这是一种“你私有的”，因为生成随机时间密码的种子文件存储在你的设备上。
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<Emoji text=":lock:" className="text-4xl"/>
   <div>
     注意：使用基于短信的双重身份验证很容易遭受 <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM 卡盗用</a>，并不安全。 为了获得最佳安全性，请使用诸如 <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google 身份验证器</a> 或 <a href="https://authy.com/">Authy</a> 之类的服务。
   </div>
-</InfoBanner>
+</Alert>
 
 #### 安全密钥 {#security-keys}
 
diff --git a/public/content/translations/zh/staking/withdrawals/index.md b/public/content/translations/zh/staking/withdrawals/index.md
index 0eba63521cd..72e3596c7b3 100644
--- a/public/content/translations/zh/staking/withdrawals/index.md
+++ b/public/content/translations/zh/staking/withdrawals/index.md
@@ -43,9 +43,14 @@ summaryPoints:
 
 为任何验证器帐户提供提款地址是一个必需的步骤，否则无法从其余额中提取以太币。
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>每个验证者帐户一次只能分配一个提款地址。</strong>一旦选择地址并提交到共识层，就无法撤消或再次更改。 在提交前，请仔细检查所提供地址的所有权和准确性。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 同时，如果你的助记符/助记词在离线时一直保持安全，没有受到任何损害。不提供提款地址<strong>不会给你的资金带来任何威胁</strong>。 未添加提款凭据只会将以太币保持锁定在验证者帐户中，直到提供提款地址为止。
 
@@ -82,11 +87,16 @@ summaryPoints:
 
 当验证者被安排提议下一个区块时，需要构建一个最多包含 16 个合格提款的提款队列。 首先从验证者索引 0 开始，根据协议规则判断该帐户是否有合格的提款，如果有，则将其添加到队列中。 被安排提议下一个区块的验证者将从上一个验证者离开的地方继续，无限期地按顺序进行。
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 想象一个模拟时钟。 时钟的指针指向小时，朝一个方向前进，不跳过任何小时，最后在达到最后一个数字后再次回到开始。<br/><br/>
 现在，想象这个时钟不再是 1 至 12，而是从 0 到 N<em>（在共识层上注册的验证者帐户的总数，截至 2023 年 1 月已超过 500,000 个）。</em><br/><br/>
 时钟的指针指向需要检查是否符合提款条件的下一个验证者。 它从 0 开始，不跳过任何帐户，一直前进。 当达到最后一个验证者时，循环从头开始继续。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### 检查帐户的提款 {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/zh/web3/index.md b/public/content/translations/zh/web3/index.md
index 7ec2828b794..517e1865194 100644
--- a/public/content/translations/zh/web3/index.md
+++ b/public/content/translations/zh/web3/index.md
@@ -61,12 +61,15 @@ Web3 以前所未有的方式赋予你数字资产的所有权。 例如，假
 
 Web3 允许通过[非同质化代币 (NFT)](/glossary/#nft) 直接拥有所有权。 任何人甚至是游戏创作者，都没有权力剥夺你的所有权。 而且，如果你停止玩这个游戏，你可以在公开市场上出售或交易你的游戏内物品并收回它们的价值。
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>了解更多有关非同质化代币的更多信息</div>
   <ButtonLink href="/nft/">
     关于非同质化代币的更多信息
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### 抗审查 {#censorship-resistance}
 
@@ -86,12 +89,15 @@ Web 2.0 需要内容创作者信任平台不会更改规则，但抗审查则是
 
 然而，许多 Web3 社区都被定义为去中心化自治组织。 这些社区都通过代码实现了不同程度的去中心化和自动化。 目前，我们仍在探索去中心化自治组织是什么以及它们在未来会如何发展。
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>了解更多有关去中心化自治组织的信息</div>
   <ButtonLink href="/dao/">
     关于去中心化自治组织的更多信息
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### 身份 {#identity}
 
diff --git a/public/content/web3/index.md b/public/content/web3/index.md
index 40ca1f9fc4b..bdea4bec98d 100644
--- a/public/content/web3/index.md
+++ b/public/content/web3/index.md
@@ -66,12 +66,15 @@ Web3 gives you ownership of your digital assets in an unprecedented way. For exa
 
 Web3 allows for direct ownership through [non-fungible tokens (NFTs)](/glossary/#nft). No one, not even the game's creators, has the power to take away your ownership. And, if you stop playing, you can sell or trade your in-game items on open markets and recoup their value.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Learn more about NFTs</div>
   <ButtonLink href="/nft/">
     More on NFTs
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### Censorship resistance {#censorship-resistance}
 
@@ -91,12 +94,15 @@ DAOs are defined technically as agreed-upon [smart contracts](/glossary/#smart-c
 
 However, people define many Web3 communities as DAOs. These communities all have different levels of decentralization and automation by code. Currently, we are exploring what DAOs are and how they might evolve in the future.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
   <ButtonLink href="/dao/">
     More on DAOs
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### Identity {#identity}
 
diff --git a/src/components/InfoBanner.tsx b/src/components/InfoBanner.tsx
deleted file mode 100644
index 0c48db5f98d..00000000000
--- a/src/components/InfoBanner.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import type { ReactNode } from "react"
-
-import Emoji from "@/components/Emoji"
-
-import { cn } from "@/lib/utils/cn"
-
-import { Flex, VStack } from "./ui/flex"
-
-type InfoBannerProps = {
-  children?: ReactNode
-  emoji?: string
-  isWarning?: boolean
-  shouldCenter?: boolean
-  shouldSpaceBetween?: boolean
-  title?: string
-  id?: string
-  className?: string
-}
-
-const InfoBanner = ({
-  children,
-  emoji,
-  isWarning,
-  shouldCenter,
-  shouldSpaceBetween,
-  title,
-  className,
-  ...props
-}: InfoBannerProps) => {
-  const banner = (
-    <VStack
-      className={cn(
-        "rounded-sm p-6 sm:flex-row",
-        shouldCenter ? "max-w-[55rem]" : "max-w-full",
-        isWarning
-          ? "bg-warning-light dark:text-body-inverse"
-          : "bg-primary-low-contrast",
-        className
-      )}
-      {...props}
-    >
-      {emoji && (
-        <Emoji
-          className="mb-2 me-0 flex-shrink-0 flex-grow-0 self-start text-4xl sm:mb-0 sm:me-6 sm:self-auto"
-          text={emoji}
-        />
-      )}
-      <Flex
-        className={cn(
-          "block",
-          shouldSpaceBetween
-            ? "w-full items-center justify-between sm:flex"
-            : "w-auto sm:block"
-        )}
-      >
-        {title && <p className="mb-6 text-lg font-bold">{title}</p>}
-        {children}
-      </Flex>
-    </VStack>
-  )
-  return shouldCenter ? (
-    <Flex className="justify-center">{banner}</Flex>
-  ) : (
-    banner
-  )
-}
-
-export default InfoBanner
diff --git a/src/components/MdComponents/index.tsx b/src/components/MdComponents/index.tsx
index 8f5cc3e031e..e35c60b4b20 100644
--- a/src/components/MdComponents/index.tsx
+++ b/src/components/MdComponents/index.tsx
@@ -17,7 +17,6 @@ import ExpandableCard from "../ExpandableCard"
 import FeaturedText from "../FeaturedText"
 import GlossaryTooltip from "../Glossary/GlossaryTooltip"
 import IdAnchor from "../IdAnchor"
-import InfoBanner from "../InfoBanner"
 import IssuesList from "../IssuesList"
 import LocaleDateTime from "../LocaleDateTime"
 import MainArticle from "../MainArticle"
@@ -166,7 +165,6 @@ export const reactComponents = {
   ExpandableCard,
   FeaturedText,
   GlossaryTooltip,
-  InfoBanner,
   Page,
   QuizWidget: StandaloneQuizWidget,
   IssuesList,
diff --git a/src/layouts/Docs.tsx b/src/layouts/Docs.tsx
index 88d8609556e..33b6d9e3e20 100644
--- a/src/layouts/Docs.tsx
+++ b/src/layouts/Docs.tsx
@@ -13,7 +13,6 @@ import Emoji from "@/components/Emoji"
 import FeedbackCard from "@/components/FeedbackCard"
 import FileContributors from "@/components/FileContributors"
 import GlossaryTooltip from "@/components/Glossary/GlossaryTooltip"
-import InfoBanner from "@/components/InfoBanner"
 import MainArticle from "@/components/MainArticle"
 import {
   Heading1 as MdHeading1,
@@ -86,7 +85,6 @@ export const docsComponents = {
   Divider,
   Emoji,
   GlossaryTooltip,
-  InfoBanner,
   YouTube,
 }
 
diff --git a/src/layouts/Tutorial.tsx b/src/layouts/Tutorial.tsx
index 69dde183913..f57c94c8c92 100644
--- a/src/layouts/Tutorial.tsx
+++ b/src/layouts/Tutorial.tsx
@@ -10,7 +10,6 @@ import Emoji from "@/components/Emoji"
 import EnvWarningBanner from "@/components/EnvWarningBanner"
 import FeedbackCard from "@/components/FeedbackCard"
 import FileContributors from "@/components/FileContributors"
-import InfoBanner from "@/components/InfoBanner"
 import MainArticle from "@/components/MainArticle"
 import {
   Heading1 as MdHeading1,
@@ -81,7 +80,6 @@ export const tutorialsComponents = {
   Card,
   Emoji,
   EnvWarningBanner,
-  InfoBanner,
   YouTube,
 }
 type TutorialLayoutProps = ChildOnlyProp &

From c6af1f96c697478a35d880e1c5983fe7f649106b Mon Sep 17 00:00:00 2001
From: JoeChenJ <jiajuncjoe@gmail.com>
Date: Wed, 14 May 2025 23:47:24 +0800
Subject: [PATCH 05/13] refactor(md pages): migrate usage of InfoBanner to
 ui/alert

---
 .../translations/cs/beacon-chain/index.md     |  9 +++++--
 .../translations/cs/danksharding/index.md     |  4 ++--
 .../translations/cs/roadmap/merge/index.md    |  8 +++++--
 .../cs/roadmap/merge/issuance/index.md        | 24 ++++++++++++++-----
 .../content/translations/cs/scaling/index.md  |  9 +++++--
 .../translations/cs/withdrawals/index.md      | 18 ++++++++++----
 .../translations/el/beacon-chain/index.md     |  9 +++++--
 .../how-to-translate/index.md                 |  5 ++--
 .../translations/el/danksharding/index.md     |  4 ++--
 .../index.md                                  |  7 ++++--
 .../content/translations/el/payments/index.md | 14 +++++++----
 .../content/translations/el/scaling/index.md  |  9 +++++--
 .../translations/el/withdrawals/index.md      | 18 ++++++++++----
 .../index.md                                  |  7 ++++--
 .../index.md                                  |  7 ++++--
 .../index.md                                  |  7 ++++--
 .../translations/ga/withdrawals/index.md      | 18 ++++++++++----
 .../index.md                                  |  7 ++++--
 .../index.md                                  |  7 ++++--
 .../translations/hu/withdrawals/index.md      | 18 ++++++++++----
 .../translations/id/beacon-chain/index.md     |  9 +++++--
 .../index.md                                  |  7 ++++--
 .../content/translations/id/scaling/index.md  |  9 +++++--
 .../index.md                                  |  7 ++++--
 .../index.md                                  |  7 ++++--
 public/content/translations/kn/web3/index.md  | 14 +++++++----
 .../index.md                                  |  7 ++++--
 .../index.md                                  |  7 ++++--
 .../translations/zh/beacon-chain/index.md     |  9 +++++--
 .../translations/zh/danksharding/index.md     |  4 ++--
 .../index.md                                  |  7 ++++--
 .../content/translations/zh/scaling/index.md  |  9 +++++--
 32 files changed, 225 insertions(+), 80 deletions(-)

diff --git a/public/content/translations/cs/beacon-chain/index.md b/public/content/translations/cs/beacon-chain/index.md
index 9dca8bb12c1..c5d5e179ccb 100644
--- a/public/content/translations/cs/beacon-chain/index.md
+++ b/public/content/translations/cs/beacon-chain/index.md
@@ -34,9 +34,14 @@ Přechod na Ethereum založené na důkazu podílem významně zabezpečil a dec
 
 Použití Důkazu podílem jako mechanismu konsenzu je navíc základním stavebním kamenem [bezpečného, ekologického a škálovatelného Etherea, které máme v současné době](/roadmap/vision/).
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Pokud se chcete stát validátorem a pomoci zabezpečit Ethereum, <a href="/staking/">zjistěte více o uzamčení</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Nastavení pro tříštění {#setting-up-for-sharding}
 
diff --git a/public/content/translations/cs/danksharding/index.md b/public/content/translations/cs/danksharding/index.md
index 60d3345c5e9..f7cff956fec 100644
--- a/public/content/translations/cs/danksharding/index.md
+++ b/public/content/translations/cs/danksharding/index.md
@@ -57,9 +57,9 @@ Pokud někdo zná náhodné body použité pro vytvoření závazku, je pro něj
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
   Ani Danksharding, ani Proto-Danksharding nesledují tradiční model „tříštění“, který má za cíl rozdělit blockchain do více částí. Shard chainy již nejsou součástí plánu. Místo toho Danksharding využívá ke škálování Etherea distribuované vzorkování dat napříč bloby. To je mnohem jednodušší na implementaci. Tento model je někdy označován jako „tříštění dat“.
-</InfoBanner>
+</Alert>
 
 ## Co je Danksharding? {#what-is-danksharding}
 
diff --git a/public/content/translations/cs/roadmap/merge/index.md b/public/content/translations/cs/roadmap/merge/index.md
index 95b038447bf..952a7e6512b 100644
--- a/public/content/translations/cs/roadmap/merge/index.md
+++ b/public/content/translations/cs/roadmap/merge/index.md
@@ -37,9 +37,13 @@ Sloučení představovalo oficiální přechod na používání Řetězové vazb
 
 Historie nebyla během Sloučení vymazána. Jak se hlavní síť sloučila s Řetězovou vazbou, sloučila se také celá transakční historie Etherea.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Tento přechod na důkaz podílem změnil způsob, jakým je ether vydáván. Přečtěte si další informace na téma <a href="/roadmap/merge/issuance/">vydávání etheru před Sloučením a po něm</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Uživatelé a držitelé {#users-holders}
 
diff --git a/public/content/translations/cs/roadmap/merge/issuance/index.md b/public/content/translations/cs/roadmap/merge/issuance/index.md
index 6e97c1bd963..6aa8de6714b 100644
--- a/public/content/translations/cs/roadmap/merge/issuance/index.md
+++ b/public/content/translations/cs/roadmap/merge/issuance/index.md
@@ -54,11 +54,15 @@ Celková nabídka ETH: **~120 520 000 ETH** (v době Sloučení v září 2022)
 - Výsledkem je **~620 500** ETH vydaných za rok
 - To vedlo k inflaci **přibližně 0,52 %** (620,5 tis. za rok / 119,3 mil. celkem)
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 <strong>Celková anualizovaná míra vydávání (před Sloučením): ~4,61 %</strong> (4,09 % + 0,52 %)<br/><br/>
 <strong>~88,7 %</strong> vydávaných ETH směřovalo k těžařům v exekuční vrstvě (4,09 / 4,61 * 100)<br/><br/>
 <strong>~11,3 %</strong> bylo vydáváno uzamykatelům ve vrstvě konsenzu (0,52 / 4,61 * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Po Sloučení (současnost) {#post-merge}
 
@@ -84,18 +88,26 @@ Přibližně 0,33 % z celkového počtu validátorů může odejít během jedno
 - Vydávání v exekuční vrstvě: **0**
 - Vydávání ve vrstvě konsenzu: Stejné jako výše, roční míra vydávání (při celkovém uzamčení 14 milionů ETH) je **~0,52 %**
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Celková roční míra vydávání: <strong>~0,52 %</strong><br/><br/>
 Čisté snížení ročního vydávání ETH: <strong>~88,7 %</strong> ((4,61 % - 0,52 %) / 4,61 % * 100)
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## <Emoji text=":fire:" size="1" />Pálení {#the-burn}
 
 Opakem vydávání ETH je stupeň, při které je ETH pálen. Aby byla transakce na Ethereu provedena, musí být zaplacen minimální poplatek (známý jako „základní poplatek“), který se neustále mění (blok od bloku) v závislosti na aktivitě sítě. Poplatek je placen v ETH a je _nezbytný_ pro to, aby byla transakce považována za platnou. Tento poplatek je během transakčního procesu _pálen_, čímž se odstraňuje z oběhu.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 Pálení poplatků bylo spuštěno s <a href="/history/#london">vylepšením London</a> v srpnu 2021 a od Sloučení zůstává beze změn.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Kromě pálení poplatků zavedeného s vylepšením London mohou validátoři také dostávat pokuty za to, že jsou offline, nebo hůře, mohou být „potrestáni“ za porušení specifických pravidel, které ohrožuje bezpečnost sítě. Tyto pokuty vedou k odečtení ETH od zůstatku validátora, aniž by byly převedeny jako odměna jinému účtu, čímž se efektivně pálí/odstraňují z oběhu.
 
diff --git a/public/content/translations/cs/scaling/index.md b/public/content/translations/cs/scaling/index.md
index 716562e1ad2..047b95578d2 100644
--- a/public/content/translations/cs/scaling/index.md
+++ b/public/content/translations/cs/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 Ethereum je škálováno pomocí [druhé vrstvy](/layer-2/#rollups) (řešení též známého pod pojmem „rollupy“), která sdružuje transakce a výstup odesílá do Etherea. Přestože jsou rollupy až osmkrát levnější než hlavní síť Ethereum, je možné je dále optimalizovat a snížit tak náklady pro koncové uživatele. Rollupy spoléhají na některé centralizované komponenty, které mohou vývojáři v budoucnu odstranit.
 
-<InfoBanner mb={8} title="Transakční náklady">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  Transakční náklady
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>Dnešní rollupy jsou přibližně <strong>5x až 20x</strong> levnější než 1. vrstva Etherea</li>
     <li>ZK-rollupy brzy sníží poplatky <strong>asi 40x až 100x</strong></li>
     <li>ZK-rollupy brzy sníží poplatky <strong>asi 40x až 100x</strong></li>
     <li style={{ marginBottom: 0 }}>Pro uživatele to bude znamenat, že se cena za provedení transakce ustálí na hodnotě, která odpovídá přibližně <strong>0,001 USD</strong></li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Zlevnění dat {#making-data-cheaper}
 
diff --git a/public/content/translations/cs/withdrawals/index.md b/public/content/translations/cs/withdrawals/index.md
index 7ab2d1549c2..aaa5793889a 100644
--- a/public/content/translations/cs/withdrawals/index.md
+++ b/public/content/translations/cs/withdrawals/index.md
@@ -43,9 +43,14 @@ Před upgradem Shanghai/Capella jste nemohli používat svůj vsazený ETH ani k
 
 Poskytnutí adresy pro výběr je povinným krokem pro jakýkoli účet validátoru, než bude mít nárok na výběr ETH ze svého zůstatku.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Každému účtu validátoru lze přiřadit pouze jednu adresu pro výběr, a to jednou.</strong> Jakmile je adresa vybrána a odeslána do konsensuální vrstvy, nelze to vrátit zpět ani znovu změnit. Před odesláním znovu zkontrolujte vlastnictví a správnost poskytnuté adresy.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Pokud adresu mezitím neposkytnete, <strong>nehrozí vašim finančním prostředkům žádné ohrožení</strong>, za předpokladu, že vaše mnemotechnická pomůcka nebo fráze zůstala v bezpečí offline a nebyla žádným způsobem kompromitována. Nepřidání přihlašovacích údajů pro výběr jednoduše ponechá ETH uzamčené v účtu validátoru tak, jak bylo, dokud nebyla poskytnuta adresa pro výběr.
 
@@ -82,11 +87,16 @@ Podívejte se na toto vysvětlení výběrů z vkladů Ethereum od Finematics:
 
 Když je naplánováno, že validátor navrhne další blok, je nutné sestavit frontu pro výběr až 16 způsobilých výběrů. To se provádí tak, že se původně začne s indexem validátoru 0, určí se, zda pro tento účet existuje způsobilý výběr podle pravidel protokolu, a pokud ano, přidá se do fronty. Validátor nastavený tak, aby navrhoval následující blok, bude pokračovat tam, kde skončil poslední, přičemž postupuje v pořadí neomezeně dlouho.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Představte si analogové hodiny. Ručička na hodinách ukazuje na hodinu, postupuje jedním směrem, nepřeskakuje žádné hodiny a nakonec se po dosažení posledního čísla opět přetočí na začátek.<br/><br/>
 Nyní si místo 1 až 12 představte, že hodiny mají 0 až N <em>(celkový počet účtů validátorů, které kdy byly zaregistrovány na vrstvě konsensu, přes 500 000 k lednu 2023).</em><br/> <br/>
 Ručička na hodinách ukazuje na další validátor, u kterého je třeba zkontrolovat oprávněné výběry. Začíná na 0 a postupuje stále dokola, aniž by přeskakovala jakýkoli účet. Když je dosaženo posledního validátoru, cyklus pokračuje zpět na začátek.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Kontrola účtu pro výběry {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/el/beacon-chain/index.md b/public/content/translations/el/beacon-chain/index.md
index ce75b19bfc0..fea74e21b97 100644
--- a/public/content/translations/el/beacon-chain/index.md
+++ b/public/content/translations/el/beacon-chain/index.md
@@ -34,9 +34,14 @@ summaryPoint3: Η Κύρια Αλυσίδα εισήγαγε τη λογική 
 
 Η χρήση της απόδειξης συμμετοχής ως συναινετικός μηχανισμός είναι ένα θεμελιώδες στοιχείο για [το ασφαλές, φιλικό προς το περιβάλλον και επεκτάσιμο Ethereum που έχουμε τώρα](/roadmap/vision/).
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Αν ενδιαφέρεστε να γίνετε επικυρωτής και να συμβάλετε στην ενίσχυση της ασφάλειας του Ethereum, <a href="/staking/">μάθετε περισσότερα για την αποθήκευση (staking)</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Ρυθμίζοντας την τμηματοποίηση (sharding) {#setting-up-for-sharding}
 
diff --git a/public/content/translations/el/contributing/translation-program/how-to-translate/index.md b/public/content/translations/el/contributing/translation-program/how-to-translate/index.md
index 4be6f1a8485..b2dadffa24a 100644
--- a/public/content/translations/el/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/el/contributing/translation-program/how-to-translate/index.md
@@ -76,9 +76,10 @@ description: Οδηγίες χρήσης του Crowdin για μετάφρασ
 
 Μόλις ολοκληρώσετε τη μετάφραση (δηλ. όλα τα αρχεία σε ένα τμήμα περιεχομένου στο 100%), μια υπηρεσία με επαγγελματίες μεταφραστές θα εξετάσει (και ενδεχομένως να επεξεργαστεί) το περιεχόμενο. Μόλις ολοκληρωθεί η αναθεώρηση (δηλ. η πρόοδος αναθεώρησης είναι στο 100%), θα προστεθεί στον ιστότοπο.
 
-<InfoBanner shouldCenter emoji=":warning:">
+<Alert variant="update">
+<Emoji text=":warning:" className="text-4xl"/>
   Παρακαλούμε μη χρησιμοποιείτε την αυτόματη μετάφραση για να μεταφράσετε το έργο. Όλες οι μεταφράσεις θα επανεξεταστούν πριν προστεθούν στον ιστότοπο. Αν οι μεταφράσεις που προτείνετε βρεθούν να είναι από αυτόματη μετάφραση, θα απορριφθούν και οι συνεισφέροντες που τη χρησιμοποιούν συχνά θα αφαιρεθούν από το έργο.
-</InfoBanner>
+</Alert>
 
 ### Επικοινωνήστε μαζί μας {#get-in-touch}
 
diff --git a/public/content/translations/el/danksharding/index.md b/public/content/translations/el/danksharding/index.md
index 05dd6ca4153..702501535eb 100644
--- a/public/content/translations/el/danksharding/index.md
+++ b/public/content/translations/el/danksharding/index.md
@@ -57,9 +57,9 @@ summaryPoints:
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
   Ούτε το Danksharding ούτε το Proto-Danksharding ακολουθούν το παραδοσιακό μοντέλο «τμηματοποίησης» που στοχεύει στον διαχωρισμό της κρυπτοαλυσίδας σε πολλαπλά μέρη. Οι αλυσίδες shard δεν αποτελούν πλέον μέρος του οδικού χάρτη. Αντίθετα, το Danksharding χρησιμοποιεί δειγματοληψία κατανεμημένων δεδομένων σε blobs για την κλιμάκωση του Ethereum. Αυτό είναι πολύ απλούστερο στην εφαρμογή. Αυτό το μοντέλο έχει μερικές φορές αναφερθεί ως «data-sharding».
-</InfoBanner>
+</Alert>
 
 ## Τι είναι το Danksharding; {#what-is-danksharding}
 
diff --git a/public/content/translations/el/how-to-create-an-ethereum-account/index.md b/public/content/translations/el/how-to-create-an-ethereum-account/index.md
index dc3db507fb0..c7dac6a1e20 100644
--- a/public/content/translations/el/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/el/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ lang: el
 **Οποιοσδήποτε γνωρίζει τη μυστική φράση μπορεί να αναλάβει τον έλεγχο όλων των κεφαλαίων.** Μην την κοινοποιείτε σε άλλους. Αυτή η φράση πρέπει να περιέχει από 12 έως 24 λέξεις που δημιουργούνται τυχαία (η σειρά των λέξεων είναι σημαντική).
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl">
+<AlertContent className="flex-row items-center justify-between">
   <div><b>Εγκαταστήσατε εφαρμογή πορτοφολιού;</b><br/> Μάθετε πώς να τη χρησιμοποιείτε.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     Πώς να χρησιμοποιήσετε ένα πορτοφόλι
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 </div>
 
 Ενδιαφέρεστε και για άλλους οδηγούς; Δείτε το: [Αναλυτικοί οδηγοί](/guides/)
diff --git a/public/content/translations/el/payments/index.md b/public/content/translations/el/payments/index.md
index a6a1f2de40f..4065fd84ee4 100644
--- a/public/content/translations/el/payments/index.md
+++ b/public/content/translations/el/payments/index.md
@@ -58,12 +58,15 @@ summaryPoint3: Πληρωμές που λήφθηκαν μέσα σ' ένα λε
 
 Σε χώρες όπου τα μέσα πληρωμής έχουν αποκοπεί από τον υπόλοιπο κόσμο, οι λύσεις πληρωμών που ενσωματώνουν κρυπτονομίσματα παρείχαν μεγάλη ανακούφιση. Οι πληρωμές συνδρομών για πλατφόρμες όπως το Netflix, το Spotify και εκπαιδευτικά μαθήματα έχουν πλέον διευκολυνθεί μέσω πλατφορμών πληρωμών κρυπτονομισμάτων όπως οι Gnosis Pay και Paypal.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl">
+<AlertContent className="flex-row items-center justify-between">
   <div>Δημιουργήστε τον λογαριασμό σας Ethereum με μια εφαρμογή πορτοφολιού σήμερα.</div>
   <ButtonLink href="/wallets/find-wallet">
     Ξεκινήστε
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Πληρωμές Μισθών {#salary-payments}
 
@@ -147,9 +150,12 @@ summaryPoint3: Πληρωμές που λήφθηκαν μέσα σ' ένα λε
 
 Από τη διευκόλυνση της ταχείας ανακούφισης καταστροφών έως την ενδυνάμωση των εργαζομένων παγκοσμίως, οι πληρωμές Ethereum γράφουν ένα νέο κεφάλαιο στη μακρά ιστορία του χρήματος. Ενώ παραμένουν προκλήσεις, τα μοναδικά πλεονεκτήματα που προσφέρει αυτή η τεχνολογία την καθιστούν μια ελκυστική επιλογή για ένα ευρύ φάσμα περιπτώσεων χρήσης.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl">
+<AlertContent className="flex-row items-center justify-between">
   <div>Ώρα να αποκτήσετε τον δικό σας λογαριασμό Ethereum.</div>
   <ButtonLink href="/wallets/find-wallet">
     Ξεκινήστε
   </ButtonLink>
-</InfoBanner>
\ No newline at end of file
+</AlertContent>
+</Alert>
\ No newline at end of file
diff --git a/public/content/translations/el/scaling/index.md b/public/content/translations/el/scaling/index.md
index 48cbab5fc16..1825735533e 100644
--- a/public/content/translations/el/scaling/index.md
+++ b/public/content/translations/el/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 Το Ethereum κλιμακώνεται χρησιμοποιώντας το [επίπεδο 2](/layer-2/#rollups) (επίσης γνωστό ως πακέτο συναλλαγών «rollups»), τα οποία συγκεντρώνουν μαζί τις συναλλαγές και στέλνουν το αποτέλεσμα στο Ethereum. Παρόλο που τα rollups είναι έως και οκτώ φορές φθηνότερα από το κύριο δίκτυο Ethereum, είναι δυνατή η περαιτέρω βελτιστοποίηση των rollups για να μειωθεί το κόστος για τους τελικούς χρήστες. Τα rollups βασίζονται επίσης σε ορισμένα συγκεντρωτικά στοιχεία τα οποία οι προγραμματιστές μπορούν να αφαιρέσουν καθώς ωριμάζουν.
 
-<InfoBanner mb={8} title="Κόστος συναλλαγής">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  Κόστος συναλλαγής
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>Σήμερα τα πακέτα συναλλαγών είναι <strong>~5-20x</strong> φορές φθηνότερα από το επίπεδο 1 του Ethereum.</li>
     <li>Τα πακέτα συναλλαγών ZK θα μειώσουν σύντομα τις κρατήσεις σε <strong>~40-100x</strong>.</li>
     <li>Οι επερχόμενες αλλαγές στο Ethereum θα παρέχουν μια άλλη κλιμάκωση περίπου <strong>~100-1000</strong> φορές.</li>
     <li style={{ marginBottom: 0 }}>Οι χρήστες θα πρέπει να επωφεληθούν από συναλλαγές που <strong>κοστίζουν λιγότερο από $0.001</strong>.</li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Δημιουργία φθηνότερων δεδομένων {#making-data-cheaper}
 
diff --git a/public/content/translations/el/withdrawals/index.md b/public/content/translations/el/withdrawals/index.md
index d7b048c66ca..324262b4bbb 100644
--- a/public/content/translations/el/withdrawals/index.md
+++ b/public/content/translations/el/withdrawals/index.md
@@ -43,9 +43,14 @@ summaryPoints:
 
 Η παροχή μιας διεύθυνσης ανάληψης είναι ένα απαραίτητο βήμα οποιουδήποτε λογαριασμού επικύρωσης, για να πληροί τις προϋποθέσεις ανάληψης ETH από το υπόλοιπο.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Σε κάθε λογαριασμό λογισμικού επικύρωσης μπορεί να καταχωρηθεί μόνο μία διεύθυνση ανάληψης, για μία φορά.</strong> Μόλις επιλεγεί μια διεύθυνση και υποβληθεί στο επίπεδο συναίνεσης, αυτό δεν μπορεί να αναιρεθεί ή να αλλάξει. Ελέγξτε ξανά την κατοχή και την ακρίβεια της διεύθυνσης που παρέχετε πριν την υποβολή.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Δεν υπάρχει <strong>καμία απειλή για τα χρήματά σας</strong> λόγω μη παροχής αυτής, με την προϋπόθεση ότι η φράση ασφαλείας σας έχει παραμείνει ασφαλής εκτός σύνδεσης και δεν έχει παραβιαστεί με κανέναν τρόπο. Η αποτυχία προσθήκης των διαπιστευτηρίων για ανάληψη, απλώς θα αφήσει το ETH κλειδωμένο στον λογαριασμό επικύρωσης όπως ήταν μέχρι να δοθεί μια διεύθυνση ανάληψης.
 
@@ -82,11 +87,16 @@ summaryPoints:
 
 Όταν ένας επικυρωτής έχει προγραμματιστεί να προτείνει το επόμενο μπλοκ, απαιτείται να δημιουργήσει μια σειρά ανάληψης έως και 16 διαθέσιμων αναλήψεων. Αυτό γίνεται ξεκινώντας αρχικά με το δείκτη επικύρωσης 0, προσδιορίζοντας εάν υπάρχει κατάλληλη ανάληψη για αυτόν τον λογαριασμό σύμφωνα με τους κανόνες του πρωτοκόλλου και προσθέτοντάς τη στη σειρά εφαρμογής, εάν υπάρχει. Το πρόγραμμα επικύρωσης που έχει οριστεί να προτείνει το ακόλουθο μπλοκ θα συνεχίσει από εκεί που σταμάτησε το τελευταίο, προχωρώντας με τη σειρά επ' αόριστον.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Σκεφτείτε ένα αναλογικό ρολόι. Ο δείκτης στο ρολόι δείχνει την ώρα, προχωρά προς μία κατεύθυνση, δεν παραλείπει καμία ώρα και τελικά επιστρέφει στην αρχή μετά τον τελευταίο αριθμό.<br/><br/>
 Τώρα αντί για το 1 έως το 12, φανταστείτε ότι το ρολόι έχει 0 έως N <em>(συνολικούς αριθμούς λογαριασμών επικύρωσης που έχουν καταχωρηθεί στο επίπεδο συναίνεσης, πάνω από 500.000 από τον Ιανουάριο του 2023).</em><br/> <br/>
 Ο δείκτης στο ρολόι δείχνει τον επόμενο επικυρωτή που πρέπει να ελεγχθεί για διαθέσιμες αναλήψεις. Ξεκινά από το 0 και προχωρά σε όλη τη διαδρομή χωρίς να παραλείπει κανέναν λογαριασμό. Όταν επιτευχθεί η τελευταία επικύρωση, ο κύκλος συνεχίζει πάλι από την αρχή.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Έλεγχος λογαριασμού για αναλήψεις {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/es/how-to-create-an-ethereum-account/index.md b/public/content/translations/es/how-to-create-an-ethereum-account/index.md
index a518e5bd293..007af71ca16 100644
--- a/public/content/translations/es/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/es/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ Algunas aplicaciones le pedirán que guarde una "frase de recuperación" secreta
 **Cualquier persona que conozca la frase puede tomar el control de todos los fondos.** Nunca la comparta con nadie. Esta frase debe contener entre 12 a 24 palabras generadas al azar (el orden de las palabras importa).
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>¿Billetera instalada?</b><br/> Aprenda a usarla.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     Cómo utilizar una cartera
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 </div>
 
 ¿Interesado en otras guías? Eche un vistazo a nuestras [Guías paso a paso](/guides/).
diff --git a/public/content/translations/fa/how-to-create-an-ethereum-account/index.md b/public/content/translations/fa/how-to-create-an-ethereum-account/index.md
index 4b23e889a86..01d95cb1bdb 100644
--- a/public/content/translations/fa/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/fa/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ lang: fa
 **هر فرد که از این عبارات آگاه است می‌تواند کنترل همه سرمایه‌ها را در دست بگیرد.** هرگز آن را با کسی به اشتراک نگذارید. این عبارت باید شامل 12 تا 24 کلمه باشد که به‌طور تصادفی تولید شده باشند (ترتیب کلمات مهم است).
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>کیف‌پول نصب شد؟</b><br/>نحوه استفاده اینجاست.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     چگونگی استفاده از کیف‌پول
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 </div>
 
 به راهنماهای دیگر علاقه‌مندید؟ [راهنماهای گام‌به‌گام](/guides/) ما را بررسی کنید
diff --git a/public/content/translations/ga/how-to-create-an-ethereum-account/index.md b/public/content/translations/ga/how-to-create-an-ethereum-account/index.md
index 69b569835a9..e99c72e8e64 100644
--- a/public/content/translations/ga/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/ga/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ Iarrfaidh roinnt aipeanna ort "frása athshlánaithe" rúnda a shábháil (ar a
 **Is féidir le duine ar bith a bhfuil an frása ar eolas aige smacht a fháil ar na cistí go léir.** Ná roinn é seo le haon duine choíche. Ba chóir go mbeadh idir 12 agus 24 focal a gineadh go randamach san abairt seo (tá ord na bhfocal tábhachtach).
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>Sparán suiteáilte?</b><br/>Foghlaim conas é a úsáid.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     Conas sparán a úsáid
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 </div>
 
 Spéis agat i dtreoracha eile? Breathnaigh ar ár: [dtreoracha céim ar chéim](/guides/)
diff --git a/public/content/translations/ga/withdrawals/index.md b/public/content/translations/ga/withdrawals/index.md
index fbd50874c90..9198d787dc0 100644
--- a/public/content/translations/ga/withdrawals/index.md
+++ b/public/content/translations/ga/withdrawals/index.md
@@ -43,9 +43,14 @@ Roimh uasghrádú Shanghai/Capella, ní raibh tú in ann do ETH geallta a úsái
 
 Is céim riachtanach é seoladh aistarraingthe a sholáthar d’aon chuntas bailíochtóra sula mbeidh sé incháilithe ETH a aistarraingt óna iarmhéid.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Ní féidir ach seoladh aistarraingthe amháin a shannadh do gach cuntas bailíochtóra, uair amháin.</strong> Nuair a roghnaítear seoladh agus a chuirtear isteach sa tsraith chomhthola é, ní féidir é seo a chealú nó a athrú arís. Déan seiceáil faoi dhó ar úinéireacht agus ar chruinneas an tseolta a cuireadh ar fáil sula gcuirtear isteach é.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Níl <strong>bagairt ar do chistí idir an dá linn</strong> mura soláthraitear é seo, ag glacadh leis go bhfuil d'fhrása cuimhneacháin/síolta fós slán as líne, agus nach bhfuil sé curtha i mbaol ar bhealach ar bith. Mura gcuirtear dintiúir aistarraingthe leis, fágfar an ETH faoi ghlas sa chuntas bailíochtóra mar a bhí sé go dtí go gcuirtear seoladh aistarraingthe ar fáil.
 
@@ -82,11 +87,16 @@ Breathnaigh ar an míniú seo ar aistarraingtí geallchuir Ethereum ag Finematic
 
 Nuair atá bailíochtóir sceidealta chun an chéad bhloc eile a mholadh, ní mór dó scuaine aistarraingthe a thógáil, de suas le 16 aistarraingt incháilithe. Déantar é seo trí thosú ar dtús le hinnéacs bailíochtóra 0, ag cinneadh an bhfuil aistarraingt incháilithe don chuntas seo de réir rialacha an phrótacail, agus é a chur leis an scuaine má tá. Tógfaidh an bailíochtóir atá socraithe chun an bloc seo a leanas a mholadh an áit atá fágtha ag an gceann deireanach, ag dul ar aghaidh in ord ar feadh tréimhse éiginnte.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Smaoinigh ar chlog analógach. Díríonn an lámh ar an gclog go dtí an uair, téann sí ar aghaidh i dtreo amháin, ní scipeann sí uaireanta ar bith, agus sa deireadh filleann sí ar ais go dtí an tús arís tar éis an uimhir dheireanach a shroicheadh.<br/><br/>
 Anois in ionad 1 go 12, samhlaigh go bhfuil 0 trí N <em> ag an gclog (líon iomlán na gcuntas bailíochtóra a cláraíodh riamh ar an tsraith chomhthola, níos mó ná 500,000 ó Eanáir 2023).</em><br/> <br/>
 Díríonn an lámh ar an gclog chuig an gcéad bhailíochtóir eile nach mór a sheiceáil le haghaidh aistarraingtí incháilithe. Tosaíonn sé ag 0, agus téann sé chun cinn an bealach ar fad gan aon chuntais a scipeáil. Nuair a shroichtear an bailíochtóir deiridh, leanann an timthriall ar ais ag an tús.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Cuntas á sheiceáil le haghaidh aistarraingtí {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/hi/how-to-create-an-ethereum-account/index.md b/public/content/translations/hi/how-to-create-an-ethereum-account/index.md
index 37605c7bed3..ab79a64af73 100644
--- a/public/content/translations/hi/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/hi/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ lang: hi
 **कोई भी व्यक्ति जो वाक्यांश जानता है, वह सारे फंड का नियंत्रण ले सकता है।** इसे कभी भी किसी के साथ साझा न करें। इस वाक्यांश में 12 से 24 रैंडम तरीके से जनरेट किए गए शब्द होने चाहिए (शब्दों का क्रम मायने रखता है)।
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>इंस्टॉल किया गया वॉलेट?</b><br/>इसका उपयोग करने का तरीका सीखें।</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     वॉलेट का उपयोग कैसे करें
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 </div>
 
 अन्य गाइड में रुचि रखते हैं? हमारी [चरण-दर-चरण मार्गदर्शिकाओं](/guides/) की जांच करें
diff --git a/public/content/translations/hu/how-to-create-an-ethereum-account/index.md b/public/content/translations/hu/how-to-create-an-ethereum-account/index.md
index de9e1a61daf..301e27beb72 100644
--- a/public/content/translations/hu/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/hu/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ Néhány alkalmazás arra kéri Önt, hogy tároljon el egy titkos kulcsmondatot
 **Aki a kulcsmondatot birtokolja, az rendelkezik kontrollal a pénzeszközei felett.** Soha ne ossza meg senkivel! A kulcsmondat 12–24 véletlenszerűen kiválasztott szót tartalmaz (melyek sorrendje fontos).
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>A tárca elkészült?</b><br/>Tanulja meg használni azt.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     Hogyan használja a tárcát
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 </div>
 
 Érdeklik további útmutatók? Tekintse meg a [Részletes útmutatókat](/guides/)
diff --git a/public/content/translations/hu/withdrawals/index.md b/public/content/translations/hu/withdrawals/index.md
index 85c19d15b1d..f09ea81d6ac 100644
--- a/public/content/translations/hu/withdrawals/index.md
+++ b/public/content/translations/hu/withdrawals/index.md
@@ -43,9 +43,14 @@ A Shanghai/Capella frissítés előtt nem lehetett használni vagy elérni ezt a
 
 A visszavonási cím megadása szükséges ahhoz, hogy a validátorszámla egyenlegéből ETH visszavonás történjen.
 
-<InfoBanner emoji="⚠️" isWarning>
+<Alert variant="warning">
+<Emoji text="⚠️" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <strong>Minden validátorszámlához egyszer, egyetlen visszavonási cím adható meg.</strong> Amint ezt a címet kiválasztották és elküldték a konszenzus rétegnek, nem lehet visszahívni vagy megváltoztatni. Ellenőrizze le a cím tulajdonosát és pontosságát, mielőtt elküldi azt.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Eközben <strong>a pénzeszközöket nem fenyegeti veszély</strong>, ha nem adja meg a címet, feltéve, hogy a mnemonikus/kulcsmondat biztonságban van offline, és nincs kitéve veszélynek. Amíg nem tudja megadni a visszavonási adatokat, addig az ETH egyszerűen a validátorszámlán marad.
 
@@ -82,11 +87,16 @@ Nézze meg az Ethereum letétvisszavonásról szóló magyarázatát a Finematic
 
 Amikor egy adott validátor be van ütemezve, hogy a következő blokkot ő fogja javasolni, akkor készítenie kell egy 16 tételből álló visszavonási listát. Kezdve a 0 validátorindexel, meghatározza, hogy az adott számla a protokoll szabályai szerint visszavonásra jogosult-e, és ha igen, akkor beteszi a listába. A validátorcsoport ott száll be, ahol az előző abbahagyta és a végtelenségig folytatja.
 
-<InfoBanner emoji="🕛">
+<Alert variant="update">
+<Emoji text="🕛" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
 Képzeljen el egy analóg módon működő órát. Az óramutató egy irányba halad és sorban végigmegy minden számon, majd miután elérte az utolsó számot, visszaér a kezdőpontra. <br/><br/>
 Tegyük fel 1–12 helyett 0-n található <em>(ahol n a validátor számlák teljes száma, amelyek a konszenzus rétegen regisztrálva lettek; több mint 500 000 2023. januárjában).</em><br/><br/>
 Az óramutató a következő validátorra mutat, hogy leellenőrizze azt visszavonás szempontjából. A 0-nál kezdi és végigmegy az összes számlán. Amikor eléri az utolsó validátort, akkor a ciklus újra elindul.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### A számlák ellenőrzése visszavonási szempontból {#checking-an-account-for-withdrawals}
 
diff --git a/public/content/translations/id/beacon-chain/index.md b/public/content/translations/id/beacon-chain/index.md
index 520bf51849a..5fd27b5beb4 100644
--- a/public/content/translations/id/beacon-chain/index.md
+++ b/public/content/translations/id/beacon-chain/index.md
@@ -34,9 +34,14 @@ Transisi ke bukti taruhan membuat Ethereum secara signifikan lebih aman dan terd
 
 Dan menggunakan bukti taruhan sebagai mekanisme konsensus adalah komponen dasar untuk [Ethereum yang aman, ramah lingkungan, dan dapat diskalakan yang kita miliki saat ini](/roadmap/vision/).
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   Jika Anda tertarik untuk menjadi validator dan membantu mengamankan Ethereum, <a href="/staking/">pelajari lebih lanjut tentang penaruhan</a>.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### Menyiapkan untuk pecahan {#setting-up-for-sharding}
 
diff --git a/public/content/translations/id/how-to-create-an-ethereum-account/index.md b/public/content/translations/id/how-to-create-an-ethereum-account/index.md
index 35d2c36210a..5aee0f65707 100644
--- a/public/content/translations/id/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/id/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ Beberapa aplikasi akan meminta Anda untuk menyimpan frasa pemulihan rahasia "fra
 **Siapa pun yang mengetahui frasa tersebut dapat mengendalikan semua dana.**Jangan pernah membagikannya kepada siapa pun. Kata kunci ini memuat 12 sampai 24 kata-kata acak (urutan kata-kata ini sangat penting).
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>Dompet sudah terinstal??</b><br/>Pelajari cara menggunakannya.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     Cara menggunakan dompet
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 </div>
 
 Tertarik dengan panduan lainnya? Lihatlah dokumen kami: [Panduan langkah demi langkah](/guides/)
diff --git a/public/content/translations/id/scaling/index.md b/public/content/translations/id/scaling/index.md
index 6996c40fc82..639badff8c9 100644
--- a/public/content/translations/id/scaling/index.md
+++ b/public/content/translations/id/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 Ethereum diskalakan menggunakan [lapisan ke-2](/layer-2/#rollups) (juga dikenal sebagai rollup), yang mengumpulkan transaksi secara bersamaan dan mengirimkan hasilnya ke Ethereum. Meskipun rollup hingga delapan kali lebih murah daripada Jaringan Utama Ethereum, Anda dapat mengoptimalkan rollup lebih lanjut untuk mengurangi biaya bagi pengguna akhir. Rollup juga bergantung pada beberapa komponen terpusat yang dapat dihapus oleh pengembang saat rollup sudah matang.
 
-<InfoBanner mb={8} title="Biaya transaksi">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  Biaya transaksi
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>Rollup hari ini <strong>~5-20x</strong> lebih murah dari lapisan 1 Ethereum</li>
     <li>Rollup ZK akan segera menurunkan biaya sebesar <strong>~40-100x</strong></li>
     <li>Perubahan yang akan datang pada Ethereum akan memberikan penskalaan <strong>~100-1000x</strong> lainnya</li>
     <li style={{ marginBottom: 0 }}>Pengguna harus mendapatkan keuntungan dari transaksi <strong>berharga kurang dari $0,001</strong></li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Membuat data lebih murah {#making-data-cheaper}
 
diff --git a/public/content/translations/ja/how-to-create-an-ethereum-account/index.md b/public/content/translations/ja/how-to-create-an-ethereum-account/index.md
index cd4a9d2dbbf..008a00b6da2 100644
--- a/public/content/translations/ja/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/ja/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ lang: ja
 **このフレーズを知っている人は、全ての資金を管理することができます。**絶対に他人と共有しないでください。 このフレーズには、ランダムに生成された12~24個の単語を含めるべきです(単語の並び順も重要です)。
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>ウォレットをインストールしましたか？</b><br/>その使い方を学びましょう。</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     ウォレットの使用方法
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 </div>
 
 他のガイドに興味がありますか？ ぜひ、[ステップバイステップのガイド](/guides/)をご覧ください。
diff --git a/public/content/translations/kn/how-to-create-an-ethereum-account/index.md b/public/content/translations/kn/how-to-create-an-ethereum-account/index.md
index 29f15adbae9..9a13c2141c6 100644
--- a/public/content/translations/kn/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/kn/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ lang: ಎನ್
 **ಪದಗುಚ್ಛವನ್ನು ತಿಳಿದಿರುವ ಯಾವುದೇ ವ್ಯಕ್ತಿಯು ಎಲ್ಲಾ ನಿಧಿಗಳ ನಿಯಂತ್ರಣವನ್ನು ತೆಗೆದುಕೊಳ್ಳಬಹುದು.** ಇದನ್ನು ಯಾರೊಂದಿಗೂ ಹಂಚಿಕೊಳ್ಳಬೇಡಿ. ಈ ನುಡಿಗಟ್ಟು ಯಾದೃಚ್ಛಿಕವಾಗಿ ಉತ್ಪತ್ತಿಯಾದ 12 ರಿಂದ 24 ಪದಗಳನ್ನು ಹೊಂದಿರಬೇಕು (ಪದಗಳ ಕ್ರಮವು ಮುಖ್ಯವಾಗಿದೆ).
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>ವ್ಯಾಲೆಟ್ ಸ್ಥಾಪಿಸಲಾಗಿದೆಯೇ?</b><br/>ಅದನ್ನು ಹೇಗೆ ಬಳಸಬೇಕೆಂದು ಕಲಿಯಿರಿ.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     ವ್ಯಾಲೆಟ್ ಬಳಸುವುದು ಹೇಗೆ
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 </div>
 
 ಇತರ ಮಾರ್ಗದರ್ಶಿಗಳಲ್ಲಿ ಆಸಕ್ತಿ ಇದೆಯೇ? ನಮ್ಮದನ್ನು ಪರಿಶೀಲಿಸಿ: [ಹಂತ ಹಂತದ ಮಾರ್ಗದರ್ಶಿಗಳು](/guides/)
diff --git a/public/content/translations/kn/web3/index.md b/public/content/translations/kn/web3/index.md
index cd5882b6e77..0949a5f6393 100644
--- a/public/content/translations/kn/web3/index.md
+++ b/public/content/translations/kn/web3/index.md
@@ -65,12 +65,15 @@ Web3 ನಿಮ್ಮ ಡಿಜಿಟಲ್ ಸ್ವತ್ತುಗಳ ಮಾಲ
 
 ವೆಬ್3 ಹಂತದಲ್ಲಿ ಕಡಿಮೆ ಬದಲಾವಣೆ ಯಾದವರೆಗೆ ಹೊರಗೆಲ್ಲ ಸ್ವಾಮಿತ್ವವನ್ನು ಮೂಡಿಸುತ್ತದೆ ([ಎನ್‌ಎಫ್‌ಟಿಗಳ ಮೂಲಕ](/glossary/#nft)). ಯಾರೂ ಹೌದು, ಆಟದ ರಚನಾಕರ್ತೆಗಳು ಸೇರಿದವರೂ, ನಿಮ್ಮ ಸ್ವಾಮಿತ್ವವನ್ನು ತೆಗೆದುಹಾಕಲು ಅವರಿಗೆ ಶಕ್ತಿ ಇಲ್ಲ. ಮತ್ತು, ಆಟವನ್ನು ಆಡುವುದನ್ನು ನಿಲ್ಲಿಸಿದರೆ, ನೀವು ಖುದ್ದಾಗಿ ಮಾರುಕಟ್ಟಲು ಅಥವಾ ವಿಪರೀತ ಬಣವನ್ನು ಖೊಂಡುವುದು ಸಾಧ್ಯವಾಗುತ್ತದೆ ಅಥವಾ ಮಾರಾಟ ಮಾಡಲು ನೀವು ಖುದ್ದಾಗಿ ಸಾಗಬಹುದು.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>NFT ಗಳ ಬಗ್ಗೆ ಇನ್ನಷ್ಟು ತಿಳಿಯಿರಿ</div>
   <ButtonLink href="/nft/">
     NFT ಗಳಲ್ಲಿ ಇನ್ನಷ್ಟು
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 #### ಸೆನ್ಸಾರ್ಶಿಪ್ ಪ್ರತಿರೋಧ {#censorship-resistance}
 
@@ -90,12 +93,15 @@ DAO ಗಳನ್ನು ತಾಂತ್ರಿಕವಾಗಿ ಒಪ್ಪಿಗ
 
 ಆದಾಗ್ಯೂ, ಜನರು ಅನೇಕ Web3 ಸಮುದಾಯಗಳನ್ನು ಡಿಎಒಗಳಾಗಿ ವ್ಯಾಖ್ಯಾನಿಸುತ್ತಾರೆ. ಈ ಸಮುದಾಯಗಳೆಲ್ಲವೂ ಕೋಡ್ ಮೂಲಕ ವಿಭಿನ್ನ ಮಟ್ಟದ ಡೀಸೆಂಟ್ರಲೈಸೇಶನ್ ಮತ್ತು ಸ್ವಯಂಚಾಲಿತತೆಯನ್ನು ಹೊಂದಿವೆ. ಪ್ರಸ್ತುತ, ನಾವು ಡಿಎಒಗಳು ಏನೆಂದು ಮತ್ತು ಅವು ಹೇಗೆ ರೂಪುಗೊಳ್ಳಬಹುದು ಎಂಬುದನ್ನು ಅನ್ವೇಷಿಸುತ್ತಿದ್ದೇವೆ.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert>
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
   <ButtonLink href="/dao/">
     DAO ಗಳ ಕುರಿತು ಇನ್ನಷ್ಟು
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ### ಗುರುತು {#identity}
 
diff --git a/public/content/translations/pt-br/how-to-create-an-ethereum-account/index.md b/public/content/translations/pt-br/how-to-create-an-ethereum-account/index.md
index ba33dc0a5b3..e17c0a91c71 100644
--- a/public/content/translations/pt-br/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/pt-br/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ Alguns aplicativos vão te pedir para salvar uma "chave de recuperação" secret
 **Qualquer pessoa que conheça essa frase pode tomar o controle de todos os seus fundos.** Nunca compartilhe ela com ninguém. Essa frase deve conter entre 12 e 24 palavras geradas aleatoriamente (a ordem das palavras importa).
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>Carteira instalada?</b><br/> Aprenda como usá-la.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     Como usar uma carteira
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 </div>
 
 Tem interesse em outros guias? Verifique os nossos: [Guias passo a passo](/guides/)
diff --git a/public/content/translations/tr/how-to-create-an-ethereum-account/index.md b/public/content/translations/tr/how-to-create-an-ethereum-account/index.md
index 99710d7b764..6b59c62105f 100644
--- a/public/content/translations/tr/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/tr/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ Bazı uygulamalar sizden gizli bir "kurtarma ifadesi" (bazen "güvenlik kelimele
 **Bu ifadeyi bilen bir kişi, tüm fonlarınızı kontrol edebilir.** Bu ifadeyi asla kimseyle paylaşmayın. Bu ifade, rastgele üretilmiş 12 ila 24 kelimeyi (kelimelerin sırası önemlidir) içermelidir.
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>Cüzdan yüklendi mi?</b><br/>Nasıl kullanacağınızı öğrenin.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     Cüzdan nasıl kullanılır?
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 </div>
 
 İlgilendiğiniz başka rehberler de mi var? Şuraya göz atın: [Adım adım kılavuzlarımız](/guides/)
diff --git a/public/content/translations/zh/beacon-chain/index.md b/public/content/translations/zh/beacon-chain/index.md
index f0a0e1619bb..bffb5a9c966 100644
--- a/public/content/translations/zh/beacon-chain/index.md
+++ b/public/content/translations/zh/beacon-chain/index.md
@@ -34,9 +34,14 @@ summaryPoint3: 信标链引入了共识逻辑和区块广播协议，为当前
 
 采用权益证明共识机制为[我们现在拥有的安全、环保和可扩展的以太坊](/roadmap/vision/)奠定了基础。
 
-<InfoBanner emoji=":money_bag:">
+<Alert variant="update">
+<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   如果你有兴趣成为验证者并帮助保护以太坊，请点击此处<a href="/staking/">了解更多关于质押的信息</a>。
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### 设置分片 {#setting-up-for-sharding}
 
diff --git a/public/content/translations/zh/danksharding/index.md b/public/content/translations/zh/danksharding/index.md
index 0d8f6102aa9..812042a2457 100644
--- a/public/content/translations/zh/danksharding/index.md
+++ b/public/content/translations/zh/danksharding/index.md
@@ -57,9 +57,9 @@ EIP-4844 KZG 仪式曾经公开过，成千上万的人参与其中，并添加
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
   Danksharding 和 Proto-Danksharding 都没有采用传统的旨在将区块链分成多个部分的“分片”模式。 分片链不再是路线图的一部分。 相反，Danksharding 使用跨数据块的分布式数据采样来扩展以太坊。 这实施起来要简单得多。 这种模式有时被称为“数据分片”。
-</InfoBanner>
+</Alert>
 
 ## 什么是 Danksharding？ {#what-is-danksharding}
 
diff --git a/public/content/translations/zh/how-to-create-an-ethereum-account/index.md b/public/content/translations/zh/how-to-create-an-ethereum-account/index.md
index ce94f684d3a..2a63fa390ed 100644
--- a/public/content/translations/zh/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/zh/how-to-create-an-ethereum-account/index.md
@@ -40,12 +40,15 @@ lang: zh
 **任何知道助记词的人都能控制所有资金。**切勿与任何人分享。 此助记词应包含 12 至 24 个随机生成的单词（单词的顺序很重要）。
 
 <div>
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<Emoji text=":eyes:" className="text-4xl"/>
+<AlertContent className="flex-row justify-between items-center">
   <div><b>已安装钱包？</b><br/>了解如何使用它。</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
     如何使用钱包
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 </div>
 
 对其他指南感兴趣吗？ 查看我们的：[分步指南](/guides/)
diff --git a/public/content/translations/zh/scaling/index.md b/public/content/translations/zh/scaling/index.md
index 7488ee43ed2..d9661c7489f 100644
--- a/public/content/translations/zh/scaling/index.md
+++ b/public/content/translations/zh/scaling/index.md
@@ -9,14 +9,19 @@ template: roadmap
 
 以太坊使用[二层](/layer-2/#rollups)网络（也称为“卷叠”）进行扩展，卷叠批量处理交易并将结果发送到以太坊上。 尽管卷叠比以太坊主网便宜多达八倍，但还可以进一步优化，以降低最终用户的成本。 卷叠还依赖于一些中心化的组件，随着卷叠的成熟，开发者可以逐步移除这些组件。
 
-<InfoBanner mb={8} title="交易费">
+<Alert variant="update" className="mb-8">
+<AlertContent>
+<AlertTitle className="mb-4">
+  交易费
+</AlertTitle>
   <ul style={{ marginBottom: 0 }}>
     <li>目前，卷叠比以太坊一层网络便宜大约 <strong>5-20 倍</strong></li>
     <li>零知识卷叠将很快把费用降低约 <strong>40-100 倍</strong></li>
     <li>即将进行的以太坊变更会再次扩容 <strong>100-1000 倍</strong></li>
     <li style={{ marginBottom: 0 }}>用户将从中受益，<strong>交易成本降至不足 0.001 美元</strong></li>
   </ul>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## 让数据更实惠 {#making-data-cheaper}
 

From 9ce9fff327d63e34b6090f4b6e910751743d7d86 Mon Sep 17 00:00:00 2001
From: JoeChenJ <jiajuncjoe@gmail.com>
Date: Thu, 15 May 2025 01:03:35 +0800
Subject: [PATCH 06/13] fix: missing closing tags

---
 .../el/how-to-create-an-ethereum-account/index.md             | 2 +-
 public/content/translations/el/payments/index.md              | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/public/content/translations/el/how-to-create-an-ethereum-account/index.md b/public/content/translations/el/how-to-create-an-ethereum-account/index.md
index c7dac6a1e20..cb5d35c922a 100644
--- a/public/content/translations/el/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/el/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ lang: el
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl">
+<Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div><b>Εγκαταστήσατε εφαρμογή πορτοφολιού;</b><br/> Μάθετε πώς να τη χρησιμοποιείτε.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/el/payments/index.md b/public/content/translations/el/payments/index.md
index 4065fd84ee4..058ddbce239 100644
--- a/public/content/translations/el/payments/index.md
+++ b/public/content/translations/el/payments/index.md
@@ -59,7 +59,7 @@ summaryPoint3: Πληρωμές που λήφθηκαν μέσα σ' ένα λε
 Σε χώρες όπου τα μέσα πληρωμής έχουν αποκοπεί από τον υπόλοιπο κόσμο, οι λύσεις πληρωμών που ενσωματώνουν κρυπτονομίσματα παρείχαν μεγάλη ανακούφιση. Οι πληρωμές συνδρομών για πλατφόρμες όπως το Netflix, το Spotify και εκπαιδευτικά μαθήματα έχουν πλέον διευκολυνθεί μέσω πλατφορμών πληρωμών κρυπτονομισμάτων όπως οι Gnosis Pay και Paypal.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl">
+<Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Δημιουργήστε τον λογαριασμό σας Ethereum με μια εφαρμογή πορτοφολιού σήμερα.</div>
   <ButtonLink href="/wallets/find-wallet">
@@ -151,7 +151,7 @@ summaryPoint3: Πληρωμές που λήφθηκαν μέσα σ' ένα λε
 Από τη διευκόλυνση της ταχείας ανακούφισης καταστροφών έως την ενδυνάμωση των εργαζομένων παγκοσμίως, οι πληρωμές Ethereum γράφουν ένα νέο κεφάλαιο στη μακρά ιστορία του χρήματος. Ενώ παραμένουν προκλήσεις, τα μοναδικά πλεονεκτήματα που προσφέρει αυτή η τεχνολογία την καθιστούν μια ελκυστική επιλογή για ένα ευρύ φάσμα περιπτώσεων χρήσης.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl">
+<Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Ώρα να αποκτήσετε τον δικό σας λογαριασμό Ethereum.</div>
   <ButtonLink href="/wallets/find-wallet">

From 80221abe6bec1ceb83c8fbcbf8d53acb43001079 Mon Sep 17 00:00:00 2001
From: Joe Chen <jiajuncjoe@gmail.com>
Date: Thu, 15 May 2025 09:58:56 +0800
Subject: [PATCH 07/13] refactor(prediction markets): migrate usage of
 InfoBanner to ui/alert

---
 public/content/prediction-markets/index.md | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/public/content/prediction-markets/index.md b/public/content/prediction-markets/index.md
index d1d0d79c49d..3e4a5850da3 100644
--- a/public/content/prediction-markets/index.md
+++ b/public/content/prediction-markets/index.md
@@ -50,10 +50,15 @@ There are several Ethereum-based prediction markets available. These are some of
 
 <PredictionMarketLists />
 
-<InfoBanner isWarning emoji="💡">
+<Alert variant="warning">
+<Emoji text="💡" className="text-4xl"/>
+<AlertContent>
+<AlertDescription>
   <p className="mt-0"><strong>Stay mindful of the risks</strong></p>
   <p className="mt-2">Only bet what you can afford, and be aware of potential addictive behaviors.</p>
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Challenges & Risks {#challenges-and-risks}
 

From 22b18b218dbc9fc4547a977c49f54e5b07b95036 Mon Sep 17 00:00:00 2001
From: Joe Chen <jiajuncjoe@gmail.com>
Date: Thu, 15 May 2025 12:00:23 +0800
Subject: [PATCH 08/13] fix: alert variant, emoji size

---
 .../_components/deposit-contract.tsx          | 24 ++++++++++---------
 public/content/security/index.md              | 18 +++++++++-----
 public/content/translations/ar/web3/index.md  |  4 ++--
 public/content/translations/be/web3/index.md  |  4 ++--
 .../content/translations/ca/security/index.md | 18 +++++++++-----
 public/content/translations/cs/web3/index.md  |  4 ++--
 .../translations/de/contributing/index.md     |  2 +-
 .../content/translations/de/security/index.md | 18 +++++++++-----
 public/content/translations/de/web3/index.md  |  4 ++--
 public/content/translations/el/web3/index.md  |  4 ++--
 .../content/translations/es/security/index.md | 18 +++++++++-----
 public/content/translations/es/web3/index.md  |  4 ++--
 .../content/translations/fa/security/index.md | 18 +++++++++-----
 public/content/translations/fa/web3/index.md  |  4 ++--
 .../translations/fil/security/index.md        | 18 +++++++++-----
 public/content/translations/fil/web3/index.md |  4 ++--
 .../content/translations/fr/security/index.md | 18 +++++++++-----
 public/content/translations/fr/web3/index.md  |  4 ++--
 .../content/translations/ga/security/index.md | 18 +++++++++-----
 public/content/translations/ga/web3/index.md  |  4 ++--
 public/content/translations/ha/web3/index.md  |  4 ++--
 .../content/translations/hi/security/index.md | 18 +++++++++-----
 public/content/translations/hi/web3/index.md  |  4 ++--
 .../content/translations/hu/security/index.md | 18 +++++++++-----
 public/content/translations/hu/web3/index.md  |  4 ++--
 public/content/translations/id/web3/index.md  |  4 ++--
 .../content/translations/it/security/index.md | 18 +++++++++-----
 public/content/translations/it/web3/index.md  |  4 ++--
 .../content/translations/ja/security/index.md | 18 +++++++++-----
 public/content/translations/ja/web3/index.md  |  4 ++--
 public/content/translations/kn/web3/index.md  |  4 ++--
 .../content/translations/ko/security/index.md | 18 +++++++++-----
 public/content/translations/ko/web3/index.md  |  4 ++--
 .../content/translations/ms/security/index.md | 18 +++++++++-----
 public/content/translations/ms/web3/index.md  |  4 ++--
 .../content/translations/nl/security/index.md | 18 +++++++++-----
 public/content/translations/nl/web3/index.md  |  4 ++--
 .../translations/pcm/security/index.md        | 18 +++++++++-----
 public/content/translations/pcm/web3/index.md |  4 ++--
 .../content/translations/pl/security/index.md | 18 +++++++++-----
 public/content/translations/pl/web3/index.md  |  4 ++--
 .../translations/pt-br/security/index.md      | 18 +++++++++-----
 .../content/translations/pt-br/web3/index.md  |  4 ++--
 .../content/translations/ro/security/index.md | 18 +++++++++-----
 .../content/translations/ru/security/index.md | 18 +++++++++-----
 public/content/translations/ru/web3/index.md  |  4 ++--
 .../content/translations/sk/security/index.md | 18 +++++++++-----
 public/content/translations/sk/web3/index.md  |  4 ++--
 public/content/translations/sr/web3/index.md  |  4 ++--
 public/content/translations/te/web3/index.md  |  4 ++--
 .../content/translations/tl/security/index.md | 18 +++++++++-----
 public/content/translations/tl/web3/index.md  |  4 ++--
 .../content/translations/tr/security/index.md | 18 +++++++++-----
 public/content/translations/tr/web3/index.md  |  4 ++--
 .../content/translations/uk/security/index.md | 18 +++++++++-----
 public/content/translations/uk/web3/index.md  |  4 ++--
 public/content/translations/uz/web3/index.md  |  4 ++--
 public/content/translations/vi/web3/index.md  |  4 ++--
 public/content/translations/yo/web3/index.md  |  4 ++--
 .../translations/zh-tw/security/index.md      | 18 +++++++++-----
 .../content/translations/zh-tw/web3/index.md  |  4 ++--
 public/content/translations/zh/web3/index.md  |  4 ++--
 public/content/web3/index.md                  |  4 ++--
 63 files changed, 386 insertions(+), 234 deletions(-)

diff --git a/app/[locale]/staking/deposit-contract/_components/deposit-contract.tsx b/app/[locale]/staking/deposit-contract/_components/deposit-contract.tsx
index 33c8e8d47aa..822e31f6117 100644
--- a/app/[locale]/staking/deposit-contract/_components/deposit-contract.tsx
+++ b/app/[locale]/staking/deposit-contract/_components/deposit-contract.tsx
@@ -14,7 +14,7 @@ import { Image } from "@/components/Image"
 import MainArticle from "@/components/MainArticle"
 import Tooltip from "@/components/Tooltip"
 import Translation from "@/components/Translation"
-import { Alert } from "@/components/ui/alert"
+import { Alert, AlertContent, AlertDescription } from "@/components/ui/alert"
 import {
   Button,
   ButtonLink,
@@ -399,16 +399,18 @@ const DepositContractPage = () => {
                 </>
               )}
               <Alert variant="warning">
-                <Emoji text=":warning:" className="text-8xl" />
-                <div>
-                  {t("page-staking-deposit-contract-warning-2")}{" "}
-                  <InlineLink
-                    className="text-primary"
-                    href="https://launchpad.ethereum.org"
-                  >
-                    {t("page-staking-deposit-contract-launchpad-2")}
-                  </InlineLink>
-                </div>
+                <Emoji text=":warning:" className="text-4xl" />
+                <AlertContent>
+                  <AlertDescription>
+                    {t("page-staking-deposit-contract-warning-2")}{" "}
+                    <InlineLink
+                      className="text-primary"
+                      href="https://launchpad.ethereum.org"
+                    >
+                      {t("page-staking-deposit-contract-launchpad-2")}
+                    </InlineLink>
+                  </AlertDescription>
+                </AlertContent>
               </Alert>
             </div>
           </AddressCard>
diff --git a/public/content/security/index.md b/public/content/security/index.md
index 30d1062840a..045ac5b8815 100644
--- a/public/content/security/index.md
+++ b/public/content/security/index.md
@@ -127,9 +127,11 @@ As a general rule, staff will never communicate with you through private, unoffi
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Beware: although support-style scams commonly happen on Discord, they can also be prevalent on any chat applications where crypto discussion happens, including email.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### 'Eth2' token scam {#eth2-token-scam}
@@ -219,9 +221,11 @@ A strong password that has been revealed in a data breach is no longer a strong
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Using a password manager takes care of creating strong, unique passwords and remembering them! We <strong>strongly</strong> recommend using one, and most of them are free!
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 Remembering strong, unique passwords for every account you have isn't ideal. A password manager offers a secure, encrypted store for all your passwords that you can access through one strong master password. They also suggest strong passwords when signing up for a new service, so you don't have to create your own. Many password managers will also tell you if you have been involved in a data breach, allowing you to change the passwords before any malicious attacks.
@@ -247,9 +251,11 @@ Using **Two-Factor Authentication (2FA)** provides an additional *security fa
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Note: Using SMS-based 2FA is susceptible to <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM jacking</a> and is not secure. For the best security, use a service like <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> or <a href="https://authy.com/">Authy</a>.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### Security keys {#security-keys}
diff --git a/public/content/translations/ar/web3/index.md b/public/content/translations/ar/web3/index.md
index 27e11ee393d..0c4003de714 100644
--- a/public/content/translations/ar/web3/index.md
+++ b/public/content/translations/ar/web3/index.md
@@ -61,7 +61,7 @@ lang: ar
 
 يسمح الإصدار الثالث من الويب Web3 بالملكية المباشرة من خلال [الرموز المميزة غير القابلة للاستبدال (NFTs)](/glossary/#nft). فلا أحد، ولا حتى منشئو اللعبة، لديه القدرة على نزع ملكيتك. وإذا توقفت عن اللعب، يمكنك بيع أو تداول العناصر داخل اللعبة في الأسواق المفتوحة واسترداد قيمتها.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>تعرّف على المزيد عن NFTs</div>
@@ -89,7 +89,7 @@ OnlyFans هو موقع محتوى للبالغين تم إنشاؤه بواسط
 
 ومع ذلك، يُعرّف الناس العديد من مجتمعات الإصدار الثالث من الويب Web3 على أنها منظمات لامركزية مستقلة (DAOs). كل هذه المجتمعات لديها مستويات مختلفة من اللامركزية والأتمتة عن طريق النص البرمجي. حاليًا، نحن نستكشف ماهية المنظمات اللامركزية المستقلة (DAOs) وكيف يمكن أن تتطور في المستقبل.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
diff --git a/public/content/translations/be/web3/index.md b/public/content/translations/be/web3/index.md
index 77a80150972..829040f5d62 100644
--- a/public/content/translations/be/web3/index.md
+++ b/public/content/translations/be/web3/index.md
@@ -61,7 +61,7 @@ Web3 дае вам магчымасць валодання вашымі лічб
 
 Web3 дазваляе прамое валоданне праз [нятоесныя токены (NFT)](/glossary/#nft). Ніхто, нават стваральнікі гульні, не маюць улады забраць у вас права валодання. І, калі вы спыніце гульню, вы можаце прадаць або абмяняць свае прадметы ў гульні на адкрытых рынках і вярнуць іх каштоўнасць.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Даведайцеся больш пра NFT</div>
@@ -89,7 +89,7 @@ DAOs тэхнічна вызначаюцца як дамоўленасці [ра
 
 Тым не менш, многія Web3 супольнасці вызначаюцца як DAOs. Гэтыя супольнасці маюць розныя ўзроўні дэцэнтралізацыі і аўтаматызацыі праз код. У дадзены момант мы даследуем, што такое DAOs, і як яны могуць развівацца ў будучыні.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
diff --git a/public/content/translations/ca/security/index.md b/public/content/translations/ca/security/index.md
index fb1554a62ff..aa4e0b9059b 100644
--- a/public/content/translations/ca/security/index.md
+++ b/public/content/translations/ca/security/index.md
@@ -43,9 +43,11 @@ Una contrasenya forta no aporta molta més protecció si la contrasenya es revel
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Un gestor de contrasenyes s'encarrega de crear contrasenyes úniques i fortes i se'n recordar d'elles! <strong>Recomanem</strong> encaridament utilitzar-ne un i la majoria són gratuïts!
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 Recordar contrasenyes úniques i fortes per a cada compte que tingueu no és ideal. Un gestor de contrasenyes ofereix un emmagatzematge segur i encriptat per a totes les contrasenyes, a les quals podeu accedir amb una contrasenya mestra. També suggereixen una contrasenya forta quan us inscriviu a un nou servei, per tal que no hàgiu de crear-ne una. Molts gestors de contrasenyes també us diran si heu patit alguna violació de dades, la qual cosa us permetrà canviar les vostres contrasenyes abans de qualsevol atac maliciós.
@@ -71,7 +73,8 @@ La utilització de l'**autenticació de dos factors (2FA, per les seves sigles e
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Nota: L'ús d'un 2FA basat en SMS és susceptible de
 <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">
 pirateig de la tarjeta SIM
@@ -81,7 +84,8 @@ i no és segur. Per una millor seguretat, utilitzeu un servei com ara{" "}
       Google Authenticator
     </a>
      o <a href="https://authy.com/">Authy</a>.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### Claus de seguretat {#security-keys}
@@ -208,9 +212,11 @@ Com a norma general, el personal no es comunicarà mai a través de canals priva
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Atenció: encara que les estafes del tipus suport tinguin lloc generalment al Discord, també es poden donar en qualsevol aplicació de xat on hi hagi discussions sobre criptomonedes, incloent-hi el correu electrònic.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### Estafes de pesca de credencials {#phishing-scams}
diff --git a/public/content/translations/cs/web3/index.md b/public/content/translations/cs/web3/index.md
index 97eed32d103..4ebd89ed558 100644
--- a/public/content/translations/cs/web3/index.md
+++ b/public/content/translations/cs/web3/index.md
@@ -61,7 +61,7 @@ Web3 vám umožňuje vlastnit vaše digitální aktiva dosud nevídaným způsob
 
 Web3 umožňuje přímé vlastnictví prostřednictvím [nezaměnitelných tokenů (NFT)](/glossary/#nft). Nikdo, ani tvůrci hry, nemají moc vás vlastnictví zbavit. A pokud přestanete hrát, můžete své herní předměty prodat nebo vyměnit na veřejně přístupných tržištíích a získat tak zpět prostředky, které jste vynaložili na jejich pořízení.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Další informace o NFT</div>
@@ -89,7 +89,7 @@ DAO jsou technicky definovány jako [chytré kontrakty](/glossary/#smart-contrac
 
 Lidé definují spoustu Web3 komunit jako DAO. Všechny tyto komunity mají různé úrovně decentralizace a automatizace v závislosti na kódu. V současné době jsme ve fázi výzkumu, co DAO jsou a jak by se mohly v budoucnu vyvíjet.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Více o DAO</div>
diff --git a/public/content/translations/de/contributing/index.md b/public/content/translations/de/contributing/index.md
index 012e6204711..496042f941f 100644
--- a/public/content/translations/de/contributing/index.md
+++ b/public/content/translations/de/contributing/index.md
@@ -8,7 +8,7 @@ lang: de
 
 Die ethereum.org-Website, wie Ethereum im Großen und Ganzen, ist ein Open-Source-Projekt. Möchten Sie helfen, [den Zugang zu Ethereum zu verbessern](/about/), dann finden Sie hier Informationen, was Sie tun können.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":tada:" className="text-4xl"/>
 <AlertContent>
 <AlertDescription>
diff --git a/public/content/translations/de/security/index.md b/public/content/translations/de/security/index.md
index 01e64dd1124..a071cca7c27 100644
--- a/public/content/translations/de/security/index.md
+++ b/public/content/translations/de/security/index.md
@@ -124,9 +124,11 @@ Allgemein gilt: Mitarbeiter kommunizieren mit Ihnen nie über private, inoffizie
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Achtung: Obwohl Unterstützungsbetrug oft auf Discord erfolgt, ist es auch möglich, dass diese und auch andere Arten von Betrug auf anderen Chat-Plattformen, einschließlich per E-Mail, vorkommen können.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### „Eth2“-Token-Betrug {#eth2-token-scam}
@@ -216,9 +218,11 @@ Ein starkes Passwort, das im Rahmen einer Datenpanne offenbart wurde, ist kein s
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Ein Kennwortmanager ist hilfreich bei der Erstellung starker, einzigartiger Kennwörter und dabei sich diese zu merken! Wir empfehlen <strong>dringend</strong> die Verwendung eines Kennwortmanagers! Es gibt viele gute, kostenlose Angebote.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 Es ist nicht möglich, sich starke, einzigartige Kennwörter für jedes Konto zu merken, das Sie eingerichtet haben. Ein Kennwortmanager bietet Ihnen einen sicheren, verschlüsselten Speicher für all Ihre Kennwörter, auf den Sie über ein starkes Master-Kennwort zugreifen können. Ein solches Tool schlägt Ihnen auch starke Kennwörter vor, wenn Sie sich für einen neuen Dienst anmelden, sodass Sie keine eigenen erstellen müssen. Viele Kennwortmanager informieren Sie auch, wenn Sie von einem Datenleck betroffen sind, sodass Sie Ihre Kennwörter vor böswilligen Angriffen ändern können.
@@ -244,9 +248,11 @@ Die Nutzung der **Zwei-Faktor-Authentifizierung (2FA)** bietet einen zusätzlich
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Hinweis: SMS-basierte 2FA ist anfällig für <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM Jacking</a> und daher nicht sicher. Für das höchste Maß an Sicherheit nutzen Sie am besten einen Dienst wie <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> oder <a href="https://authy.com/">Authy</a>.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### Sicherheitsschlüssel {#security-keys}
diff --git a/public/content/translations/de/web3/index.md b/public/content/translations/de/web3/index.md
index eff4f78e928..f04a3390445 100644
--- a/public/content/translations/de/web3/index.md
+++ b/public/content/translations/de/web3/index.md
@@ -61,7 +61,7 @@ Web3 verschafft Ihnen auf eine beispiellose Weise das Eigentum an Ihren digitale
 
 Web3 ermöglicht direktes Eigentum durch [nicht-austauschbare Token (NFTs)](/glossary/#nft). Niemand, nicht einmal die Macher des Spiels, hat die Macht, Ihnen Ihr Eigentum wegzunehmen. Und sollten Sie mit dem Spielen aufhören, können Sie Ihre Spielgegenstände auf offenen Märkten verkaufen oder tauschen und so ihren Wert zurückerlangen.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Mehr über NFTs erfahren</div>
@@ -89,7 +89,7 @@ DAOs werden technisch definiert als vereinbarte [Smart Contracts](/glossary/#sma
 
 Allerdings definieren Menschen viele Web3-Communities als DAOs. Diese Gemeinschaften haben alle unterschiedliche Ebenen der Dezentralisierung und Automatisierung per Code. Derzeit untersuchen wir, was DAOs sind und wie sie sich in Zukunft entwickeln könnten.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Erfahren Sie mehr über DAOs</div>
diff --git a/public/content/translations/el/web3/index.md b/public/content/translations/el/web3/index.md
index 968f70151b5..12b8a346fb4 100644
--- a/public/content/translations/el/web3/index.md
+++ b/public/content/translations/el/web3/index.md
@@ -65,7 +65,7 @@ H πρώτη σύλληψη της ιδέας του Berners-Lee, γνωστή 
 
 Το Web3 επιτρέπει την άμεση κυριότητα μέσω των [μη εναλλάξιμων κρυπτοπαραστατικών (NFT)](/glossary/#nft). Κανείς, ούτε καν οι δημιουργοί του παιχνιδιού, έχουν τη δυνατότητα να πάρουν αυτά που σας ανήκουν. Αν σταματήσετε να παίζετε, μπορείτε να πουλήσετε ή να ανταλλάξετε τα αντικείμενα εντός του παιχνιδιού, στην ελεύθερη αγορά και να ανακτήσετε την αξία τους.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Μάθετε περισσότερα για τα NFT</div>
@@ -93,7 +93,7 @@ H πρώτη σύλληψη της ιδέας του Berners-Lee, γνωστή 
 
 Ωστόσο, αρκετοί ορίζουν πολλές κοινότητες Web3 ως DAO. Όλες αυτές οι κοινότητες έχουν διαφορετικά επίπεδα αποκέντρωσης και αυτοματοποίησης με κώδικα. Επί τους παρόντος, διερευνούμε τι είναι οι DAO και πως μπορούν να εξελιχθούν στο μέλλον.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Μάθετε περισσότερα για τους DAO</div>
diff --git a/public/content/translations/es/security/index.md b/public/content/translations/es/security/index.md
index cc3851cca6e..7b646709a21 100644
--- a/public/content/translations/es/security/index.md
+++ b/public/content/translations/es/security/index.md
@@ -126,9 +126,11 @@ Como norma general, el personal nunca se comunicará con usted a través de cana
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Atención: aunque las estafas del estilo del soporte técnico suelen ocurrir en Discord, también pueden prevalecer en cualquier aplicación de chat en la que se hable de criptomonedas, incluido el correo electrónico.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### Estafa del token Eth2 {#eth2-token-scam}
@@ -218,9 +220,11 @@ Una contraseña segura que ha sido revelada en una violación de datos deja de s
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Un gestor de contraseñas se encarga de crear contraseñas seguras, únicas y recordarlas. Le <strong>aconsejamos vivamente</strong> que utilice uno, ¡y la mayoría de ellos son gratis!
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 Recordar contraseñas seguras y únicas para cada cuenta que tenga no es la solución perfecta. Un gestor de contraseñas ofrece un espacio seguro y cifrado para todas sus contraseñas, a las que puede acceder a través de una contraseña maestra segura. También le sugiere contraseñas seguras al registrarse en un nuevo servicio, por lo que no tiene que crear sus propias contraseñas. Muchos administradores de contraseñas también le dirán si sus datos han sido filtrados, permitiéndole cambiar las contraseñas antes de cualquier ataque malicioso.
@@ -246,9 +250,11 @@ Usar un **Factor de Doble Autenticación (2FA)** provee un *factor de segurid
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Nota: El uso de 2FA basado en SMS es susceptible a <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM jacking</a> y no es seguro. Para lograr mayor seguridad, utilice un servicio como <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> o <a href="https://authy.com/">Authy</a>.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### Herramientas de seguridad {#security-keys}
diff --git a/public/content/translations/es/web3/index.md b/public/content/translations/es/web3/index.md
index 93c942fb023..7810a9da08b 100644
--- a/public/content/translations/es/web3/index.md
+++ b/public/content/translations/es/web3/index.md
@@ -65,7 +65,7 @@ La Web3 le otorga la propiedad de sus activos digitales de una manera sin preced
 
 Web3 permite la propiedad directa a través de [tokens no fungibles (NFT)](/glossary/#nft). Nadie, ni siquiera los creadores del juego, tienen el poder de quitarle la propiedad. Y, si deja de jugar, puede vender o intercambiar sus objetos del juego en mercados abiertos y recuperar su valor.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Saber más sobre NFT</div>
@@ -93,7 +93,7 @@ La definición técnica de DAO consiste en [contratos inteligentes](/glossary/#s
 
 Sin embargo, las personas definen muchas comunidades Web3 como si fueran DAO. Todas estas comunidades tienen diferentes niveles de descentralización y automatización mediante código. En la actualidad, estamos explorando qué son las DAO y cómo podrían evolucionar en el futuro.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Más información sobre las DAO</div>
diff --git a/public/content/translations/fa/security/index.md b/public/content/translations/fa/security/index.md
index 167259bda8d..503b55e2a26 100644
--- a/public/content/translations/fa/security/index.md
+++ b/public/content/translations/fa/security/index.md
@@ -124,9 +124,11 @@ lang: fa
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     آگاه باشید: درست است که کلاهبرداری‌های پشتیبانی عموماً در Discord رخ می‌دهند، اما امکان رخ دادن آن‌ها در هر برنامه‌ پیام‌رسان که در آن بحث و گفتگو با محوریت ارزهای رمزنگاری‌شده انجام می‌شود نیز وجود دارد؛ از جمله ایمیل.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### کلاهبرداری توکن 'Eth2' {#eth2-token-scam}
@@ -216,9 +218,11 @@ _توجه: توکن‌ها/تیکرهای مشتقی وجود دارند که م
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     استفاده از برنامه‌های مدیریت رمز می‌تواند خیال شما را از حیث ساخت رمزهای قوی و منحصربه‌فرد و به‌خاطرسپاری آن‌ها راحت کند! ما <strong>قویاً</strong> توصیه می‌کنیم از یک برنامه‌ مدیریت رمز استفاده کنید. بیشتر این برنامه‌ها رایگان هستند!
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 به‌خاطرسپاری رمزهای قوی و منحصربه‌فرد برای هر حساب راهکار ایده‌آلی نیست. یک برنامه‌ مدیریت رمز، محلی امن و رمزنگاری‌شده برای تمام رمزها در اختیارتان قرار می‌دهد که می‌توانید از طریق یک رمز مادر به آن دسترسی داشته باشید. به‌علاوه، این برنامه‌ها هنگام ثبت‌نام در یک سرویس جدید به شما رمزهای قوی پیشنهاد می‌دهند تا لازم نباشد خودتان رمز بسازید. بسیاری از برنامه‌های مدیریت رمز همچنین به شما خواهند گفت که اطلاعاتتان در نشت داده ها درز کرده‌ است یا خیر. در این صورت می‌توانید پیش از هرگونه حمله‌ خرابکارانه رمزهایتان را عوض کنید.
@@ -244,9 +248,11 @@ _توجه: توکن‌ها/تیکرهای مشتقی وجود دارند که م
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     توجه: استفاده از 2FA پیامکی، در معرض <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">استراق سمع سیم کارت</a> است و ایمن نیست. برای بهترین امنیت، از سرویسی مانند <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> یا <a href="https://authy.com/">Authy</a> استفاده کنید.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### کلید امنیتی {#security-keys}
diff --git a/public/content/translations/fa/web3/index.md b/public/content/translations/fa/web3/index.md
index ff0220845b8..bc71fd5707d 100644
--- a/public/content/translations/fa/web3/index.md
+++ b/public/content/translations/fa/web3/index.md
@@ -65,7 +65,7 @@ lang: fa
 
 Web3 امکان مالکیت مستقیم را از طریق [توکن‌های غیرقابل معاوضه (NFTها)](/glossary/#nft) فراهم می کند. هیچ‌کس، حتی سازندگان بازی، قدرت سلب مالکیت شما را ندارند. و اگر بازی را متوقف کنید، می‌توانید آیتم‌های درون بازی خود را در بازارهای آزاد بفروشید یا معامله کنید و ارزش آن‌ها را بازپس بگیرید.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>درباره‌ی NFTها بیشتر بدانید</div>
@@ -93,7 +93,7 @@ DAOها از نظر فنی با عنوان [قراردادهای هوشمند](/
 
 با این حال، مردم، بسیاری از جوامع Web3 را به عنوان DAO تعریف می کنند. همه این جوامع، سطوح مختلفی از تمرکززدایی و اتوماسیون با کد دارند. در حال حاضر، ما در حال بررسی این هستیم که DAO چیست و چگونه ممکن است در آینده تکامل یابد.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>درباره DAO ها بیشتر بیاموزید</div>
diff --git a/public/content/translations/fil/security/index.md b/public/content/translations/fil/security/index.md
index 62a3e5d1417..78d1a736f6a 100644
--- a/public/content/translations/fil/security/index.md
+++ b/public/content/translations/fil/security/index.md
@@ -43,9 +43,11 @@ Ang password na mahirap hulaan ay hindi nagbibigay ng sapat na proteksyon kung i
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Kapag gumamit ng password manager, ito ang bahalang gumawa ng mga password na mahirap hulaan at walang katulad, at tatandaan nito ang mga ito para sa iyo! <strong>Lubos</strong> naming inirerekomendang gumamit nito, at libre ang karamihan sa mga ito!
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 Hindi mainam na tandaan ang mga password na mahirap hulaan at walang katulad para sa bawat account mo. Ang password manager ay nag-aalok ng secure at naka-encrypt na storage para sa lahat ng iyong password na maa-access mo gamit ang isang mahirap hulaang master password. Nagmumungkahi rin ito ng mga password na mahirap hulaan kapag nagsa-sign up para sa bagong serbisyo, kaya hindi mo kailangang gumawa ng sarili mong password. Aabisuhan ka rin ng maraming password manager kung nabiktima ka sa isang data breach, para mapalitan mo ang mga password bago ang anumang mapaminsalang atake.
@@ -71,7 +73,8 @@ Ang paggamit ng **Two-Factor Authentication (2FA)** ay nagbibigay ng karagdaga
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Tandaan: Ang paggamit ng SMS-based na 2FA ay madaling mabiktima ng 
     <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">
       SIM jacking
@@ -81,7 +84,8 @@ Ang paggamit ng **Two-Factor Authentication (2FA)** ay nagbibigay ng karagdaga
       Google Authenticator
     </a>
      o <a href="https://authy.com/">Authy</a>.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### Mga security key {#security-keys}
@@ -210,9 +214,11 @@ Bilang pangkalahatang panuntunan, hinding-hindi makikipag-usap sa iyo ang staff
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Babala: bagama't madalas mangyari sa Discord ang mga support-style na scam, maaari din itong mangyari sa anumang chat application kung saan nagaganap ang diskusyon tungkol sa crypto, kasama na ang email.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### 'Eth2' token scam {#eth2-token-scam}
diff --git a/public/content/translations/fil/web3/index.md b/public/content/translations/fil/web3/index.md
index a3e4a081312..2208e5f2ea2 100644
--- a/public/content/translations/fil/web3/index.md
+++ b/public/content/translations/fil/web3/index.md
@@ -61,7 +61,7 @@ Ibinibigay ng Web3 sa iyo ang pagmamay-ari ng ng iyong mga digital asset sa kaka
 
 Pinapahintulutan ng Web3 ang pagmamay-ari sa pamamagitan ng [mga non-fungible token (NFTs)](/glossary/#nft). Walang sinuman, kahit ang mga game creator, ang may kapangyarihang bawiin ang iyong pagmamay-ari. At, kung hihinto ka sa paglalaro, maaari mong ibenta o i-trade ang iyong mga in-game item sa mga open market at mabawi ang iyong ipinuhunan.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Magbasa pa tungkol sa NFTs</div>
@@ -89,7 +89,7 @@ Ang mga DAO ay teknikal na tinukoy bilang napagkasunduan na [mga smart contract]
 
 Gayunpaman, itinuturing na DAOs ng mga tao ang maraming komunidad sa Web3. May iba't ibang antas ng decentralization at automation ayon sa code ang mga komunidad na ito. Kasalukuyan naming tinitingnan kung ano ang DAOs at kung paano maaaring magbago ang mga ito sa hinaharap.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Magkaroon ng higit pang kaalaman tungkol sa DAOs</div>
diff --git a/public/content/translations/fr/security/index.md b/public/content/translations/fr/security/index.md
index 6b9992394b0..4f3a0100fe6 100644
--- a/public/content/translations/fr/security/index.md
+++ b/public/content/translations/fr/security/index.md
@@ -126,9 +126,11 @@ En principe, l'équipe d'Ethereum ne communiquera jamais avec vous par le biais
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Attention : bien que les arnaques à l'assistance se produisent généralement sur Discord, elles peuvent aussi vous arriver sur toutes les plateformes où des discussions autour de la cryptomonnaie ont lieu, y compris par e-mail.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### Arnaque au jeton « Eth2 » {#eth2-token-scam}
@@ -218,9 +220,11 @@ Un mot de passe qui a été révélé par une faille de sécurité n'est plus un
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Un gestionnaire de mots de passe prend soin de créer des mots de passe forts et uniques et de les retenir ! Nous <strong>recommandons fortement</strong> d'en utiliser un, et la plupart d'entre eux sont gratuits !
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 Se souvenir de mots de passe forts et uniques pour chaque compte que vous avez n'est pas idéal. Un gestionnaire de mots de passe offre un stockage sécurisé et chiffré pour tous vos mots de passe auxquels vous pouvez accéder par un seul mot de passe maître fort. Ils suggèrent également des mots de passe forts lors de l'inscription à un nouveau service, de sorte que vous n'ayez pas à créer le vôtre. De nombreux gestionnaires de mots de passe vous diront également si vous avez été impliqué dans une violation de données, vous permettant de modifier les mots de passe avant toute attaque malveillante.
@@ -246,9 +250,11 @@ Utilisez **l'authentification à deux facteurs (2FA)** fournit un *facteur de s
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Note : Utiliser l'envoi d'un code SMS comme 2FA n'est pas une méthode sûre à cause des possibilités de <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">piratage de la SIM </a>. Pour une sécurité maximale, utilisez un service comme <a href="https://mashable.com/article/how-to-set-up-google-authenticator"> Google Authenticator</a> ou <a href="https://authy.com/">Authy</a>.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### Clés de sécurité {#security-keys}
diff --git a/public/content/translations/fr/web3/index.md b/public/content/translations/fr/web3/index.md
index 9a09a9c2756..a8140d50c9e 100644
--- a/public/content/translations/fr/web3/index.md
+++ b/public/content/translations/fr/web3/index.md
@@ -61,7 +61,7 @@ Le Web3 vous donne la propriété de vos actifs numériques de façon inégalée
 
 Le Web3 permet la propriété directe via les [jetons non-fongibles (NFT)](/glossary/#nft). Personne, pas même les créateurs du jeu, n'a le pouvoir de vous retirer votre propriété. En outre, si vous vous arrêtez de jouer, vous pouvez vendre ou échanger vos objets en jeu sur des marchés ouverts et récupérer leur valeur.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>En savoir plus sur les NFT</div>
@@ -89,7 +89,7 @@ Les DAO sont définies techniquement comme des [contrats intelligents](/glossary
 
 Le fait est toutefois que les gens définissent de nombreuses communautés Web3 comme étant des DAO. Ces communautés ont toutes des niveaux différents de décentralisation et d'automatisation par code. Actuellement, nous explorons ce que sont les DAO et comment elles pourraient évoluer à l'avenir.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>En savoir plus sur les DAO</div>
diff --git a/public/content/translations/ga/security/index.md b/public/content/translations/ga/security/index.md
index d2feddbd1a0..aeec42b14cc 100644
--- a/public/content/translations/ga/security/index.md
+++ b/public/content/translations/ga/security/index.md
@@ -126,9 +126,11 @@ Mar riail ghinearálta, ní bheidh an fhoireann i dteagmháil leat trí bhealaí
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Tabhair faoi deara: cé go dtarlaíonn camscéimeanna ar stíl tacaíochta go coitianta ar Discord, is féidir leo a bheith coitianta freisin ar aon fheidhmchláir chomhrá ina dtarlaíonn plé crypto, lena n-áirítear ríomhphost.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### Scam chomhartha 'Eth2' {#eth2-token-scam}
@@ -218,9 +220,11 @@ Ní focal faire láidir a thuilleadh é pasfhocal láidir a nochtaíodh i sárú
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Trí úsáid a bhaint as bainisteoir phasfhocail déantar cúram de phasfhocail láidre, uathúla a chruthú agus de chuimhneamh orthu! Molaimid go <strong>láidir</strong> ceann a úsáid, agus tá an chuid is mó acu saor in aisce!
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 Ní rud iontach é pasfhocail láidre uathúla a mheabhrú do gach cuntas atá agat. Tairgeann bainisteoir pasfhocail stór slán, criptithe do gach pasfhocal ar féidir leat rochtain a fháil air trí mháistirfhocal láidir amháin. Molann siad freisin pasfhocail láidre agus tú ag clárú le haghaidh seirbhís nua, mar sin ní gá duit do chuid féin a chruthú. Inseoidh go leor bainisteoirí pasfhocal duit freisin má bhí baint agat le sárú sonraí, rud a ligeann duit na pasfhocail a athrú roimh aon ionsaithe mailíseach.
@@ -246,9 +250,11 @@ Má úsáidtear **Fíordheimhniú Dhá Fhachtóir (2FA)** soláthraítear *fac
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Nóta: Trí 2FA atá SMS-bhunaithe a úsáid beidh tú leochailleach roimh ionsaithe <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">Jacking SIM</a> agus níl sé slán. Ar mhaithe leis an tslándáil is fearr, úsáid seirbhís amhail <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> nó <a href="https://authy.com/">Authy</a>.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### Eochracha slándála {#security-keys}
diff --git a/public/content/translations/ga/web3/index.md b/public/content/translations/ga/web3/index.md
index fd242bfec25..45d28bc3452 100644
--- a/public/content/translations/ga/web3/index.md
+++ b/public/content/translations/ga/web3/index.md
@@ -65,7 +65,7 @@ Tugann Web3 úinéireacht duit ar do shócmhainní digiteacha ar bhealach nach b
 
 Ligeann Web3 d’úinéireacht dhíreach trí [chomharthaí neamh‑idirmhalartacha (NFTanna)](/glossary/#nft). Níl an cumhacht ag aon duine, ní fiú ag cruthaitheoirí an chluiche, d'úinéireacht a bhaint. Agus, má stopann tú an imirt, is féidir leat do chuid earraí ion-chluiche a dhíol nó a thrádáil ar mhargaí oscailte agus a luach a fháil ar ais.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Foghlaim tuilleadh faoi NFTanna</div>
@@ -93,7 +93,7 @@ Sainmhínítear DAOnna go teicniúil mar [chonarthaí cliste](/glossary/#smart-c
 
 Mar sin féin, sainíonn daoine go leor pobail Web3 mar DAOnna. Tá leibhéil dhifriúla díláraithe agus uathoibrithe de réir cód ag na pobail seo go léir. Faoi láthair, táimid ag fiosrú cad is DAOnna ann agus conas a d’fhéadfaidís éabhlóid a dhéanamh amach anseo.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Foghlaim tuilleadh faoi DAOanna</div>
diff --git a/public/content/translations/ha/web3/index.md b/public/content/translations/ha/web3/index.md
index 1921696c02e..db9cab32374 100644
--- a/public/content/translations/ha/web3/index.md
+++ b/public/content/translations/ha/web3/index.md
@@ -61,7 +61,7 @@ Web3 ya bada mallaki wajen kirga kaddarori ta hanyar da ba'a taɓa ganiba. Alal
 
 Web3 yana bada damar yin mallaka kai saye ta hanyar [ non fungible tokens (NFTs)](/glossary/#nft). Ba ɗaya, bama wanda ya kirkiri wasan ninba, keda ikon ɗauke maka mallakin ka. Kuma, in ka dena yin wasanni, zaka iya saidawa ko kayi kasuwancin abubuwan da ke cikin games in a buɗaɗɗiyar kasuwa da kuma dawowa da darajarsu.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Ƙarin koyo game da NFTs</div>
@@ -89,7 +89,7 @@ DAOs a ta'arifi shi ne fasaha da aka yarda akan [zafafa yarjejeniya](/glossary/#
 
 Koma dai yaya, mutane suna ta'arifin dayawa akan muhallin Web3 a masayin DAOs. Wannan muhallin gaba daya sunada bambancin masayi akan wargazawa da kuma dokoki kai saye. A halin yanzu haka, muna kan niman menene DAOs da kuma ya za'ayi a shigar dasu a abu na gaba.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Karin Koyo akan  DAOs</div>
diff --git a/public/content/translations/hi/security/index.md b/public/content/translations/hi/security/index.md
index a2c3b0c446b..f136f764006 100644
--- a/public/content/translations/hi/security/index.md
+++ b/public/content/translations/hi/security/index.md
@@ -124,9 +124,11 @@ Twitter (जिसे X के रूप में भी जाना जात
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     सावधान रहें: हालाँकि समर्थन-शैली के घोटाले आम तौर पर Discord पर होते हैं, वे ईमेल सहित किसी भी चैट एप्लीकेशन पर भी प्रचलित हो सकते हैं जहां क्रिप्टो चर्चा होती है।
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### 'Eth2' टोकन घोटाला {#eth2-token-scam}
@@ -216,9 +218,11 @@ _नोट: ऐसे व्युत्पन्न टोकन/टिकर 
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     पासवर्ड मैनेजर मजबूत, अनोखा पासवर्ड बनाने और उन्हें याद रखने का ध्यान रखता है! हम एक का उपयोग करने की <strong>सिफारिश</strong> करते हैं और उनमें से अधिकांश निःशुल्क हैं!
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 आपके पास मौजूद हर खाते के लिए मजबूत, अनोखा पासवर्ड याद रखना आसान नहीं है। एक पासवर्ड मैनेजर आपके सभी पासवर्डों के लिए एक सुरक्षित, एन्क्रिप्टेड स्टोर प्रदान करता है जिसे आप एक मजबूत मास्टर पासवर्ड के माध्यम से एक्सेस कर सकते हैं। किसी नई सेवा के लिए साइन अप करते समय वे मजबूत पासवर्ड का भी सुझाव देते हैं, ताकि आपको अपना पासवर्ड न बनाना पड़े। कई पासवर्ड मैनेजर आपको यह भी बताएंगे कि क्या आप डेटा उल्लंघन में शामिल हैं, जिससे आप किसी भी हमले से पहले पासवर्ड बदल सकते हैं।
@@ -244,9 +248,11 @@ _नोट: ऐसे व्युत्पन्न टोकन/टिकर 
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     नोट: SMS-आधारित 2FA का उपयोग करना <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM जैकिंग</a> के लिए अतिसंवेदनशील है और सुरक्षित नहीं है। सबसे अच्छी सुरक्षा के लिए, <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> या <a href="https://authy.com/">Authy</a> जैसी सेवा का उपयोग करें।
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### सुरक्षा कुंजियाँ {#security-keys}
diff --git a/public/content/translations/hi/web3/index.md b/public/content/translations/hi/web3/index.md
index 57f23390c19..a2383539019 100644
--- a/public/content/translations/hi/web3/index.md
+++ b/public/content/translations/hi/web3/index.md
@@ -65,7 +65,7 @@ Web3 आपको अद्वितीय तरीके से अपनी 
 
 Web3 [अपूरणीय टोकन (NFT)](/glossary/#nft) के माध्यम से सीधे स्वामित्व की अनुमति देता है। गेम के निर्माता या कोई भी, आपके स्वामित्व को हटाने के शक्ति नहीं रखते है। और, अगर आप गेम खेलना छोड़ दे तो आप खुले बाजार में अपनी इन गेम वस्तुओं को बेच या ट्रेड कर सकते है और अपना मूल्य वापस हासिल कर सकते है।
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>NFT के बारे में अधिक जानें</div>
@@ -93,7 +93,7 @@ Web3 में अपने डेटा के मालिक बनने क
 
 हालांकि, लोग Web3 समुदायों को भी बहुत से DAO के रूप में परिभाषित करते हैं। इन सभी समुदायों में कोड द्वारा विकेंद्रीकरण और स्वचालन के विभिन्न स्तर हैं। वर्तमान में, हम यह पता लगा रहे हैं कि DAO क्या हैं और वे भविष्य में कैसे विकसित हो सकते हैं।
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>डीएओ के बारे में अधिक जानें</div>
diff --git a/public/content/translations/hu/security/index.md b/public/content/translations/hu/security/index.md
index 5d0eeb068b9..37e23db6776 100644
--- a/public/content/translations/hu/security/index.md
+++ b/public/content/translations/hu/security/index.md
@@ -126,9 +126,11 @@ Az interakciók többsége Discordon történik. A támogatást színlelő csal
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Legyen tudatában: hogy a támogatást ajánló csalók gyakran a Discordon jelennek meg, de bármilyen kommunikációs formában ott lehetnek, legyen az chat vagy email.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### „ETH2” hamis token {#eth2-token-scam}
@@ -218,9 +220,11 @@ Egy erős jelszó, amely egy adatvédelmi incidens során nyilvánossá vált, m
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     A jelszókezelő erős, egyedi jelszavakat hoz létre és meg is jegyzi azokat! <strong>Erősen</strong> ajánljuk, hogy használjon ilyet, és a legtöbb ingyen van!
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 Az erős, egyedi jelszavakat nem túl ideális megjegyezni az összes számlához. A jelszókezelő egy biztonságos, titkosított tárhelyet biztosít az összes jelszónak, amit egy erős mesterjelszóval tud elérni. Az új szolgáltatásokra való bejelentkezéseknél is erős jelszavakat ajánl, így Önnek nem kell kitalálnia azt. Számos jelszókezelő azt is megmondja, hogy Ön érintett-e adatszivárgásban, így lecserélheti a jelszavait, mielőtt támadás érné.
@@ -246,9 +250,11 @@ A **kétfaktoros hitelesítés (2FA)** használata további *biztonsági tén
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Megjegyzés: az SMS-alapú 2FA azonosítás ki van téve a <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM jacking</a> támadásnak, ezért nem biztonságos. A legmagasabb fokú biztonság érdekében használjon olyan szolgáltatást, mint a <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator </a>vagy az <a href="https://authy.com/">Authy</a>.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### Biztonsági kulcsok {#security-keys}
diff --git a/public/content/translations/hu/web3/index.md b/public/content/translations/hu/web3/index.md
index 6890416e455..126e7d57bcf 100644
--- a/public/content/translations/hu/web3/index.md
+++ b/public/content/translations/hu/web3/index.md
@@ -65,7 +65,7 @@ A Web3 sosem látott módon ad a felhasználóknak képességet arra, hogy digit
 
 A Web3 közvetlen tulajdonjogot ad [nem helyettesíthető tokenek (NFT)](/glossary/#nft) révén. Senki, még a játék készítői sem tudják elvenni ezt a jogot. Ha abbahagyja a játékot, akkor el tudja adni, kereskedni tud azokkal a nyitott piacokon és visszaszerezni az értékét.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Tudjon meg többet az NFT-kről</div>
@@ -93,7 +93,7 @@ A DAO-kat technikailag úgy határozzák meg, mint megállapodás szerinti [inte
 
 Ugyanakkor számos Web3-közösséget is DAO-ként definiálnak. Ezek a közösségek más-más szintű decentralizációval és automatizációval rendelkeznek. Jelenleg még vizsgáljuk, hogy mi is az a DAO és hova fejlődik a jövőben.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Tudjon meg többet a DAO-król</div>
diff --git a/public/content/translations/id/web3/index.md b/public/content/translations/id/web3/index.md
index 5f0d735c571..1b2150e3399 100644
--- a/public/content/translations/id/web3/index.md
+++ b/public/content/translations/id/web3/index.md
@@ -65,7 +65,7 @@ Web3 memberikan Anda kepemilikan atas aset digital dengan cara yang belum pernah
 
 Web3 memperbolehkan kepemilikan langsung melalui [Token yang tidak dapat dipertukarkan (NFTs)](/glossary/#nft). Tidak ada satu pun, bahkan pembuat game, mempunyai kekuatan untuk mengambil kepemilikan Anda. Dan, jika Anda berhenti bermain, Anda dapat menjual atau memperdagangkan barang in-game di pasar terbuka dan menurunkan nilainya.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Pelajari lebih lanjut tentang NFT</div>
@@ -93,7 +93,7 @@ DAO didefinisikan secara teknis sebagai [kontrak pintar](/glossary/#smart-contra
 
 Namun, orang-orang mendefinisikan banyak komunitas Web3 sebagai DAO. Semua komunitas-komunitas ini memiliki tingkat desentralisasi dan otomatisasi yang berbeda berdasarkan kode. Saat ini, kami sedang mengeksplorasi apa itu DAO dan bagaimana mereka dapat berkembang di masa depan.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Pelajari lebih lanjut tentang DAO</div>
diff --git a/public/content/translations/it/security/index.md b/public/content/translations/it/security/index.md
index 3cd4e840ddc..9aa64d96b89 100644
--- a/public/content/translations/it/security/index.md
+++ b/public/content/translations/it/security/index.md
@@ -126,9 +126,11 @@ Come regola generale, il personale non comunicherà mai con te attraverso canali
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Attenzione: anche se le truffe di questo tipo avvengono comunemente su Discord, possono anche essere prevalenti su qualsiasi applicazione di chat dove si discute di criptovalute, comprese le e-mail.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### Truffa del token "Eth2" {#eth2-token-scam}
@@ -218,9 +220,11 @@ Una password forte rivelata in una violazione di dati non è più una password f
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     L'utilizzo di un gestore di password consente di creare password forti e uniche e di ricordarle. <strong>Consigliamo vivamente</strong> di utilizzarne uno, molti di essi sono gratuiti.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 Ricordare password forti e univoche per ogni tuo conto, non è ideale. Un gestore di password offre un deposito sicuro e criptato per tutte le tue password a cui puoi accedere attraverso una password principale forte. Suggeriscono inoltre password forti quando ci si iscrive a un nuovo servizio, in modo da non doverne creare una propria. Molti gestori di password dicono anche se si è subita una violazione dei dati, permettendo di cambiare le password prima di qualsiasi attacco malevolo.
@@ -246,9 +250,11 @@ L'utilizzo dell'**autenticazione a due fattori (A2F)** costituisce un ulteriore
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Nota: l'utilizzo dell'A2F basata su SMS è soggetta a <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM jacking</a> e non è sicura. Per la massima sicurezza, utilizza un servizio come <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> o <a href="https://authy.com/">Authy</a>.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### Chiavi di sicurezza {#security-keys}
diff --git a/public/content/translations/it/web3/index.md b/public/content/translations/it/web3/index.md
index 4c46166a5bf..7740c5c897c 100644
--- a/public/content/translations/it/web3/index.md
+++ b/public/content/translations/it/web3/index.md
@@ -61,7 +61,7 @@ Il Web3 ti dà la proprietà delle tue risorse digitali in un modo senza precede
 
 Il Web3 consente la proprietà diretta tramite i [token non fungibili (NFT)](/glossary/#nft). Nessuno, nemmeno i creatori del gioco, ha il potere di toglierti la proprietà. E, se smetti di giocare, puoi vendere o scambiare i tuoi oggetti di gioco sui mercati aperti e recuperarne il valore.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Maggiori informazioni sugli NFT</div>
@@ -89,7 +89,7 @@ Le DAO sono tecnicamente definite come [contratti intelligenti](/glossary/#smart
 
 Tuttavia, le persone definiscono molte community del Web3 come DAO. Queste community hanno tutte diversi livelli di decentralizzazione e automatizzazzione per codice. Correntemente, stiamo esplorando cosa sono le DAO e come potrebbero evolversi in futuro.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Impara di più sulle DAO</div>
diff --git a/public/content/translations/ja/security/index.md b/public/content/translations/ja/security/index.md
index 046937867a1..d3d706624dc 100644
--- a/public/content/translations/ja/security/index.md
+++ b/public/content/translations/ja/security/index.md
@@ -124,9 +124,11 @@ Twitter (Xとも知られています) のリンクプレビュー機能 (アン
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     注: サポート詐欺はよくディスコードで起きていますが、暗号通貨に関する議論が行われているチャットアプリケーションや電子メールなどでも起きる可能性があります。
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### 「ETH2」トークン詐欺 {#eth2-token-scam}
@@ -216,9 +218,11 @@ _注: ステークされたETHを表す、Rocket PoolのrETH、LidoのstETH、Co
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     パスワードマネージャーを利用すると、強力で一意のパスワードを作成し、それらを覚えておくことができます! パスワードマネージャーの利用を<strong>強く推奨します</strong>(多くは無料で利用可能)。
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 すべてのアカウントで固有の強力なパスワードを覚えておくことは理想的とはいえません。 パスワードマネージャーは、すべてのパスワードを安全に暗号化して保存し、強力なマスターパスワードを利用してそれらにアクセスすることができます。 また、新しいサービスに登録する際、強力なパスワードを提案するため、自分自身でパスワードを作成する必要がなくなります。 また、情報漏洩が起こった場合は、多くのパスワードマネージャーには通知機能があるため、悪意のある攻撃の前にパスワードを変更することができます。
@@ -244,9 +248,11 @@ _注: ステークされたETHを表す、Rocket PoolのrETH、LidoのstETH、Co
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     注意: SMSベースの二要素認証は、<a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud"> SIMジャッキング</a> のリスクがあり、安全ではありません。 最高のセキュリティを確保するために、<a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> や<a href="https://authy.com/">Authy</a>のようなサービスを使用することをお勧めします。
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### セキュリティキー {#security-keys}
diff --git a/public/content/translations/ja/web3/index.md b/public/content/translations/ja/web3/index.md
index 4cb9d7e5a1c..ec7ce259c75 100644
--- a/public/content/translations/ja/web3/index.md
+++ b/public/content/translations/ja/web3/index.md
@@ -65,7 +65,7 @@ Web3は、前例のない方法でデジタル資産の所有権を提供しま
 
 Web3では、 [ 非代替性トークン(NFT)](/glossary/#nft) を通じて直接所有することができます。 所有権は、誰からも、ゲームのクリエイターからも奪い取られることはありません。 また、ゲームをするのをやめても、ゲーム内のアイテムをオープンマーケットで売却・取引することで、その価値を回収することができます。
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>非代替性トークン(NFT)について学ぶ</div>
@@ -93,7 +93,7 @@ Web3では、自分のデータを所有するだけでなく、企業の株式
 
 しかし、多くのWeb3コミュニティが分散型自律組織(DAO)として定義されています。 これらのコミュニティはすべて、コードによる分散化と自動化のレベルが異なります。 現在、分散型自律組織(DAO)とは何か、今後どのような進化を遂げるかを模索が行われているところです。
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>分散型自律組織(DAO)についてもっと知る</div>
diff --git a/public/content/translations/kn/web3/index.md b/public/content/translations/kn/web3/index.md
index 0949a5f6393..83866e72b45 100644
--- a/public/content/translations/kn/web3/index.md
+++ b/public/content/translations/kn/web3/index.md
@@ -65,7 +65,7 @@ Web3 ನಿಮ್ಮ ಡಿಜಿಟಲ್ ಸ್ವತ್ತುಗಳ ಮಾಲ
 
 ವೆಬ್3 ಹಂತದಲ್ಲಿ ಕಡಿಮೆ ಬದಲಾವಣೆ ಯಾದವರೆಗೆ ಹೊರಗೆಲ್ಲ ಸ್ವಾಮಿತ್ವವನ್ನು ಮೂಡಿಸುತ್ತದೆ ([ಎನ್‌ಎಫ್‌ಟಿಗಳ ಮೂಲಕ](/glossary/#nft)). ಯಾರೂ ಹೌದು, ಆಟದ ರಚನಾಕರ್ತೆಗಳು ಸೇರಿದವರೂ, ನಿಮ್ಮ ಸ್ವಾಮಿತ್ವವನ್ನು ತೆಗೆದುಹಾಕಲು ಅವರಿಗೆ ಶಕ್ತಿ ಇಲ್ಲ. ಮತ್ತು, ಆಟವನ್ನು ಆಡುವುದನ್ನು ನಿಲ್ಲಿಸಿದರೆ, ನೀವು ಖುದ್ದಾಗಿ ಮಾರುಕಟ್ಟಲು ಅಥವಾ ವಿಪರೀತ ಬಣವನ್ನು ಖೊಂಡುವುದು ಸಾಧ್ಯವಾಗುತ್ತದೆ ಅಥವಾ ಮಾರಾಟ ಮಾಡಲು ನೀವು ಖುದ್ದಾಗಿ ಸಾಗಬಹುದು.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>NFT ಗಳ ಬಗ್ಗೆ ಇನ್ನಷ್ಟು ತಿಳಿಯಿರಿ</div>
@@ -93,7 +93,7 @@ DAO ಗಳನ್ನು ತಾಂತ್ರಿಕವಾಗಿ ಒಪ್ಪಿಗ
 
 ಆದಾಗ್ಯೂ, ಜನರು ಅನೇಕ Web3 ಸಮುದಾಯಗಳನ್ನು ಡಿಎಒಗಳಾಗಿ ವ್ಯಾಖ್ಯಾನಿಸುತ್ತಾರೆ. ಈ ಸಮುದಾಯಗಳೆಲ್ಲವೂ ಕೋಡ್ ಮೂಲಕ ವಿಭಿನ್ನ ಮಟ್ಟದ ಡೀಸೆಂಟ್ರಲೈಸೇಶನ್ ಮತ್ತು ಸ್ವಯಂಚಾಲಿತತೆಯನ್ನು ಹೊಂದಿವೆ. ಪ್ರಸ್ತುತ, ನಾವು ಡಿಎಒಗಳು ಏನೆಂದು ಮತ್ತು ಅವು ಹೇಗೆ ರೂಪುಗೊಳ್ಳಬಹುದು ಎಂಬುದನ್ನು ಅನ್ವೇಷಿಸುತ್ತಿದ್ದೇವೆ.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
diff --git a/public/content/translations/ko/security/index.md b/public/content/translations/ko/security/index.md
index cb67d2aaaa4..173c33197d5 100644
--- a/public/content/translations/ko/security/index.md
+++ b/public/content/translations/ko/security/index.md
@@ -43,9 +43,11 @@ lang: ko
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     비밀번호 관리 프로그램은 자동으로 강력하고 고유한 비밀번호를 생성하고 저장합니다. 해당하는 프로그램을 사용할 것을 <strong>강력하게</strong> 권하며, 대부분은 무료입니다!
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 모든 계정마다 강력하고 유일한 비밀번호를 만들고 기억하는 것은 거의 불가능합니다. 비밀번호 관리 프로그램은 모든 비밀번호에 대해 하나의 강력한 마스터 비밀번호를 통해 액세스할 수 있는 안전하고 암호화된 저장소를 제공합니다. 해당 프로그램은 새로운 서비스에 가입할 때 강력한 비밀번호를 제안하므로, 직접 고민하여 만들지 않아도 됩니다. 다수의 비밀번호 관리 프로그램은 비밀번호가 유출되었을 경우에 알림을 보내며, 악의적인 공격이 발생하기 전에 비밀번호를 변경할 수 있게 합니다.
@@ -71,9 +73,11 @@ lang: ko
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     참고: 문자(SMS) 기반 2FA는 <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM 탈취</a> 공격에 노출되므로 보안에 취약합니다. 가장 안전한 방법은 <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> 또는 <a href="https://authy.com/">Authy</a>와 같은 서비스를 사용하는 것입니다.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### 보안 키 {#security-keys}
@@ -200,9 +204,11 @@ Chrome 확장 프로그램 또는 Firefox 애드온과 같은 브라우저 확
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     명심하세요: 대부분의 후원 사기는 디스코드에서 발생하지만, 이외에 이메일 등 암호화폐 관련 논의가 오가는 채팅 애플리케이션에서도 일어날 수 있습니다.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### 'Eth2' 토큰 사기 {#eth2-token-scam}
diff --git a/public/content/translations/ko/web3/index.md b/public/content/translations/ko/web3/index.md
index e60deadf08b..1ee4d4e05f4 100644
--- a/public/content/translations/ko/web3/index.md
+++ b/public/content/translations/ko/web3/index.md
@@ -61,7 +61,7 @@ lang: ko
 
 웹3는 [대체 불가 토큰(NFT)](/glossary/#nft)을 통해 직접적인 소유가 가능하게 합니다. 아무도, 설령 게임 창작자일지라도, 귀하의 소유권을 가져갈 수 없습니다. 또한 게임을 더 이상 안 하더라도 게임 상의 아이템들을 오픈마켓에서 판매하거나 교환함으로써 가치를 활용할 수 있습니다.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>NFT에 대해 자세히 알아보기</div>
@@ -89,7 +89,7 @@ DAO는 기술적으로 리소스 풀(토큰)을 통해 탈중앙화된 의사 
 
 하지만 사람들은 많은 웹3 커뮤니티를 DAO라고 정의합니다. 이러한 커뮤니티의 탈중앙화 및 코드 자동화가 이루어지는 정도는 서로 다릅니다. 현재 우리는 DAO가 무엇이며 미래에 어떻게 진화해 나갈지 논의하고 있습니다.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>DAO에 대해 자세히 알아보기</div>
diff --git a/public/content/translations/ms/security/index.md b/public/content/translations/ms/security/index.md
index ca3e95e6c1f..bf0c18b6f00 100644
--- a/public/content/translations/ms/security/index.md
+++ b/public/content/translations/ms/security/index.md
@@ -126,9 +126,11 @@ Sebagai peraturan umum, kakitangan tidak akan berkomunikasi dengan anda melalui
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Berhati-hati: walaupun penipuan gaya sokongan biasanya berlaku pada Discord, mereka juga berleluasa di mana-mana aplikasi sembang di mana perbincangan kripto berlaku, termasuk e-mel.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### Penipuan token 'Eth2' {#eth2-token-scam}
@@ -218,9 +220,11 @@ Kata laluan yang kuat yang telah didedahkan dalam pelanggaran data bukan lagi ka
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Menggunakan pengurus kata laluan memastikan ciptaan kata laluan yang kuat, unik dan diingati! Kami <strong>menggesa</strong> anda menggunakannya, dan kebanyakan daripadanya adalah percuma!
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 Mengingati kata laluan yang kuat dan unik untuk setiap akaun yang anda miliki bukanlah sesuatu yang ideal. Pengurus kata laluan menawarkan penyimpanan yang selamat dan disulitkan untuk semua kata laluan anda, yang boleh anda akses melalui satu kata laluan utama yang kukuh. Ia juga mencadangkan kata laluan yang kukuh apabila mendaftar untuk perkhidmatan baru, jadi anda tidak perlu mencipta kata laluan sendiri. Banyak pengurus kata laluan juga akan memberitahu anda jika anda telah terlibat dalam pelanggaran data, membolehkan anda menukar kata laluan sebelum sebarang serangan berniat jahat.
@@ -246,9 +250,11 @@ Menggunakan **Pengesahan Dua Faktor (2FA)** menyediakan *faktor keselamatan tamb
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Nota: Menggunakan 2FA berasaskan SMS terdedah kepada <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">pencurian SIM</a> dan tidak selamat. Untuk keselamatan terbaik, gunakan perkhidmatan seperti <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> atau <a href="https://authy.com/">Authy</a>.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### Kunci keselamatan {#security-keys}
diff --git a/public/content/translations/ms/web3/index.md b/public/content/translations/ms/web3/index.md
index 4356146cd46..8036116d03a 100644
--- a/public/content/translations/ms/web3/index.md
+++ b/public/content/translations/ms/web3/index.md
@@ -61,7 +61,7 @@ Web3 memberi anda pemilikan aset digital anda dengan cara yang tidak pernah berl
 
 Web3 membenarkan pemilikan langsung melalui [token tidak boleh diganti (NFT).](/glossary/#nft). Tiada sesiapa, malah pencipta permainan, mempunyai kuasa untuk mengambil alih pemilikan anda. Dan, jika anda berhenti bermain, anda boleh menjual atau memperdagangkan item dalam permainan anda di pasaran terbuka dan mendapatkan semula nilainya.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Ketahui lebih lanjut tentang NFT</div>
@@ -89,7 +89,7 @@ DAO ditakrifkan secara teknikal sebagai [kontrak pintar](/glossary/#smart-contra
 
 Walau bagaimanapun, orang mentakrifkan banyak komuniti Web3 sebagai DAO. Komuniti ini semuanya mempunyai tahap keteragihan dan automasi yang berbeza mengikut kod. Pada masa ini, kami sedang meneroka apa itu DAO dan cara ia mungkin berkembang pada masa hadapan.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Ketahui lebih lanjut mengenai DAO</div>
diff --git a/public/content/translations/nl/security/index.md b/public/content/translations/nl/security/index.md
index ef8d7b7e49e..bd796dc052a 100644
--- a/public/content/translations/nl/security/index.md
+++ b/public/content/translations/nl/security/index.md
@@ -124,9 +124,11 @@ Als algemene regel zal het personeel nooit met u communiceren via privé- en nie
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Pas op: hoewel support scams vaak gebeuren op Discord, kunnen ze ook voorkomen in chatprogramma's waar discussie over crypto plaatsvindt, inclusief e-mail.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### 'Eth2'-tokenscam {#eth2-token-scam}
@@ -216,9 +218,11 @@ Een sterk wachtwoord dat openbaar is gemaakt bij een datalek, is niet langer een
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Het gebruik van een wachtwoordbeheerder zorgt voor het maken van sterke, unieke wachtwoorden en het onthouden van deze wachtwoorden! Wij raden <strong>sterk</strong> aan om er een te gebruiken, de meeste zijn gratis!
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 Het onthouden van sterke, unieke wachtwoorden voor elk account dat u heeft is niet ideaal. Een wachtwoordbeheerder biedt een veilige en versleutelde opslag voor al uw wachtwoorden waartoe u via één sterk hoofdwachtwoord toegang kunt verkrijgen. Ze suggereren ook sterke wachtwoorden bij het aanmelden voor een nieuwe service, zodat u uw eigen wachtwoord niet hoeft te maken. Veel wachtwoordbeheerders zullen u ook vertellen of u betrokken bent geweest bij een gegevenslek, waarna ze u uw wachtwoord laten wijzigen voordat er kwaadwillige aanvallen kunnen plaatsvinden.
@@ -244,9 +248,11 @@ Met behulp van **twee-factor-authenticatie (2FA)** zorg je voor een extra *bevei
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Opmerking: het gebruik van SMS-gebaseerde 2FA is gevoelig voor <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM-jacking</a> en is niet veilig. Voor de beste beveiliging gebruik je een service als <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> of <a href="https://authy.com/">Authy</a>.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### Beveiligingssleutels {#security-keys}
diff --git a/public/content/translations/nl/web3/index.md b/public/content/translations/nl/web3/index.md
index 0866f8d160d..75eb95174b4 100644
--- a/public/content/translations/nl/web3/index.md
+++ b/public/content/translations/nl/web3/index.md
@@ -67,7 +67,7 @@ Web3 geeft je op ongekende manier eigendom van je digitale activa. Bijvoorbeeld,
 
 Web3 staat directe eigendom toe via [niet-fungibele tokens (NFT's)](/glossary/#nft). Niemand, zelfs niet de makers van het spel, heeft de macht om je je eigendom af te nemen. En als je stopt met spelen, kun je je in-game items verkopen of verhandelen op open markten en hun waarde terugverdienen.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Lees meer over NFT's</div>
@@ -97,7 +97,7 @@ DAO's worden technisch gedefinieerd als overeengekomen [slimme contracten](/glos
 
 Veel Web3-gemeenschappen worden echter gedefinieerd als DAO's. Deze gemeenschappen hebben allemaal verschillende niveaus van decentralisatie en automatisering per code. Momenteel onderzoeken we wat DAO's zijn en hoe ze in de toekomst kunnen evolueren.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Leer meer over DAO's</div>
diff --git a/public/content/translations/pcm/security/index.md b/public/content/translations/pcm/security/index.md
index aad2f2d524a..f19fe956847 100644
--- a/public/content/translations/pcm/security/index.md
+++ b/public/content/translations/pcm/security/index.md
@@ -126,9 +126,11 @@ As one general rule, staff go neva komunikate wit yu thru private, shanels wey n
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Dey kiaful: aldoh suppot-style skam dey always hapun on Discord, dem fit also plenti on any chat aplikashons wia crypto diskushon dey hapun, inkludin email.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### 'Eth2' token skam {#eth2-token-scam}
@@ -218,9 +220,11 @@ One strong passwods wey don show di data breach nor bi strong passwod again. Di
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     To dey yus passwod manaja dey take kia of kreatin strong, unik passwods and dey rimemba dem! We rekomend <strong>strongly</strong> to dey yus one, and plenti of dem dey free!
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 Make yu dey rimember strong, unik passwods for efri akant yu get nor gud. Passwod manaja dey offa sekure, enkrypted atore for all yor passwods wey yu fit access thru one strong masta passwod. Dem also sujest strong passwods wen yu dey sign up for new savis, so yu nor nid to kreate yor own. Plenti passwod manajas go also tell yu if yu don enta data breach, to allow yu shanj di passwods bifor any bad attak.
@@ -246,9 +250,11 @@ To dey yus **Two-Faktor Autentikashon (2FA)** dey provide one *sekurity faktor*
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Note: To dey yus 2FA dipend on <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM jacking</a> and im nor dey sekure. For di sekurity wey betta pass, yus one savis laik <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Autentikator</a> abi <a href="https://authy.com/">Authy</a>.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### Sekurity keys {#security-keys}
diff --git a/public/content/translations/pcm/web3/index.md b/public/content/translations/pcm/web3/index.md
index b5cd805f3f5..803081f2bbd 100644
--- a/public/content/translations/pcm/web3/index.md
+++ b/public/content/translations/pcm/web3/index.md
@@ -61,7 +61,7 @@ Web3 dey give yu ownaship of yor dijital assets in stranj way. For eksampol, sey
 
 Web3 go give yu diret ownaship thru [non-fungibol tokens (NFTs)](/glossary/#nft). Nor one, not even di pipol wey kretae di game, get di pawa to komot yor ownaship. And, if yu stop to dey play, yu fit sell abi trade yor in-game items on open markets and bring dem value back.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Make yu learn more abou NFTs</div>
@@ -89,7 +89,7 @@ Dem difine DAOs as dem agree [smart kontracts](/glossary/#smart-contract) wey au
 
 Haueva, pipol difine many Web3 komunitis as DAOs. All dis komunitis dem get difren levels of disentralizashon and automashon by kode. Currently, we dey explore wetin DAOs be and how dem fit evolve in the future. Nau-nau, wi dey eksplore wetin DAOs bi and hau dem fit shanj in di fushure.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Una fit learn plenty about DAOs</div>
diff --git a/public/content/translations/pl/security/index.md b/public/content/translations/pl/security/index.md
index b0ba0e092a4..3a7b645b188 100644
--- a/public/content/translations/pl/security/index.md
+++ b/public/content/translations/pl/security/index.md
@@ -124,9 +124,11 @@ Zasadniczo pracownicy nigdy nie będą komunikować się z użytkownikiem za po
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Uwaga: chociaż oszustwa w stylu wsparcia technicznego często zdarzają się na Discordzie, mogą one również występować w innych aplikacjach komunikacyjnych, w których odbywają się dyskusje na temat kryptowalut, w tym w wiadomościach e-mail.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### Oszustwo na token „Eth2” {#eth2-token-scam}
@@ -216,9 +218,11 @@ Silne hasło, które zostało ujawnione w wycieku danych nie jest już silnym ha
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Korzystanie z menedżera haseł umożliwia tworzenie silnych, unikalnych haseł i ich zapamiętywanie! <strong>Zdecydowanie zalecamy</strong> korzystać z jednego z nich, a większość z nich jest bezpłatna!
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 Zapamiętywanie silnych, unikalnych haseł do każdego posiadanego konta nie jest idealnym rozwiązaniem. Menedżer haseł oferuje bezpieczny, zaszyfrowany magazyn dla wszystkich Twoich haseł, do którego można uzyskać dostęp za pomocą jednego silnego hasła głównego. Sugerują również silne hasła podczas rejestracji w nowym serwisie, aby nie trzeba było tworzyć własnych. Wiele menedżerów haseł poinformuje cię również, gdy Twoje dane znajdą się w wycieku danych, umożliwiając zmianę haseł, zanim dojdzie do jakichkolwiek złośliwych ataków.
@@ -244,9 +248,11 @@ Stosowanie **uwierzytelnienia dwuskładnikowego (2FA)** wprowadza dodatkowy *
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Uwaga: korzystanie z 2FA opartego na wiadomościach SMS jest podatne na tzw. <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM jacking</a> i nie jest bezpieczne. Dla najlepszej ochrony korzystaj z takich usług, jak <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> lub <a href="https://authy.com/">Authy</a>.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### Klucze bezpieczeństwa {#security-keys}
diff --git a/public/content/translations/pl/web3/index.md b/public/content/translations/pl/web3/index.md
index 60c9664134d..7fcfb22a168 100644
--- a/public/content/translations/pl/web3/index.md
+++ b/public/content/translations/pl/web3/index.md
@@ -61,7 +61,7 @@ Web3 daje Ci prawo własności do Twoich zasobów cyfrowych w bezprecedensowy sp
 
 Web3 pozwala na bezpośrednią własność poprzez [niewymienialne tokeny (NFT)](/glossary/#nft). Nikt, nawet twórcy gry, nie ma prawa odebrać ci Twoich własności. A jeśli przestaniesz grać, możesz sprzedać lub wymienić swoje przedmioty w grze na otwartych rynkach i odzyskać ich wartość.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Dowiedz się więcej o NFT</div>
@@ -89,7 +89,7 @@ DAO są technicznie definiowane jako z góry uzgodnione [inteligentne kontrakty]
 
 Ludzie jednak definiują wiele społeczności Web3 jako DAO. Wszystkie te społeczności mają różne poziomy decentralizacji i automatyzacji za pomocą kodu. Obecnie badamy, czym są DAO i jak mogą ewoluować w przyszłości.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Dowiedz się więcej o DAO</div>
diff --git a/public/content/translations/pt-br/security/index.md b/public/content/translations/pt-br/security/index.md
index 410ef251248..60b1494e0e5 100644
--- a/public/content/translations/pt-br/security/index.md
+++ b/public/content/translations/pt-br/security/index.md
@@ -126,9 +126,11 @@ Como regra geral, o pessoal de suporte nunca se comunicará com você por meio d
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Cuidado: embora fraudes ao estilo de suporte ocorram normalmente no Discord, elas também podem acontecer em qualquer aplicativo de bate-papo onde ocorram discussões sobre criptomoedas, incluindo e-mail.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### Golpe com o token 'Eth2' {#eth2-token-scam}
@@ -218,9 +220,11 @@ Uma senha forte que foi revelada em uma violação de dados não é mais uma sen
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Usar um gerenciador de senhas faz com que ele crie senhas fortes, únicas e que sejam lembradas! Nós <strong>fortemente</strong> recomendamos usar um, e a maioria deles é gratuita!
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 Lembrar de senhas fortes e exclusivas para cada conta que você possui não é o ideal. Um gerenciador de senhas oferece um cofre seguro e criptografado para todas as suas senhas que você pode acessar por meio de uma senha mestra forte. Eles também sugerem senhas fortes quando você se inscreve em um novo serviço, para que você não precise criar as suas próprias. Muitos gerenciadores de senhas também irão informar se você esteve envolvido em uma violação de dados, permitindo que você altere as senhas antes de qualquer ataque malicioso.
@@ -246,9 +250,11 @@ Usar a **Autenticação de dois fatores (2FA)** fornece um *fator de segurança*
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Observação: usar 2FA baseada em SMS é suscetível a <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">sequestro de SIM</a> e não é seguro. Para melhor segurança, use um serviço como o <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> ou o <a href="https://authy.com/">Authy</a>.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### Chaves de segurança {#security-keys}
diff --git a/public/content/translations/pt-br/web3/index.md b/public/content/translations/pt-br/web3/index.md
index c1f4c082f46..00d805ab8cc 100644
--- a/public/content/translations/pt-br/web3/index.md
+++ b/public/content/translations/pt-br/web3/index.md
@@ -65,7 +65,7 @@ a Web3 dá-lhe posse dos seus ativos digitais de uma forma sem precedentes. Por
 
 A Web3 permite a propriedade direta por meio de [tokens não fungíveis (NFTs)](/glossary/#nft). Ninguém, nem mesmo os criadores do jogo, consegue tirar sua propriedade. E, se você parar de jogar, pode vender ou trocar seus itens no jogo em mercados abertos e recuperar o seu valor.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Saiba mais sobre NFTs</div>
@@ -93,7 +93,7 @@ DAOs são definidos tecnicamente como [contratos inteligentes](/glossary/#smart-
 
 No entanto, as pessoas definem muitas comunidades Web3 como DAOs. Todas essas comunidades têm diferentes níveis de descentralização e automação por código. Atualmente, estamos explorando o que são DAOs e como elas podem evoluir no futuro.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Saiba mais sobre DAOs</div>
diff --git a/public/content/translations/ro/security/index.md b/public/content/translations/ro/security/index.md
index 47156795550..1d232587642 100644
--- a/public/content/translations/ro/security/index.md
+++ b/public/content/translations/ro/security/index.md
@@ -43,9 +43,11 @@ O parolă puternică nu oferă la fel de multă protecție dacă parola este dez
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Folosirea unui gestionar de parole vă asigură că acesta se va ocupa de crearea de parole puternice, unice și de memorarea acestora! Vă recomandăm <strong>insistent</strong> să folosiți unul, iar majoritatea acestora sunt gratuite!
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 Memorarea parolelor puternice și unice pentru fiecare cont nu este o situație ideală. Un gestionar de parole, oferă o stocare sigură și criptată pentru toate parolele dvs., pe care le puteți accesa printr-o singură parolă principală unică. De asemenea, acestea sugerează parole puternice atunci când vă înscrieți la un nou serviciu, deci nu trebuie să vă creați propriile parole. Mulți gestionari de parole vă vor spune și dacă ați fost implicat într-o breșă de securitate a datelor, permițându-vă să vă schimbați parolele înainte de orice atac rău intenționat.
@@ -71,7 +73,8 @@ Utilizarea **Autentificării cu doi factori (2FA)**  oferă un *factor de sec
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Observaţie: Utilizarea 2FA bazată pe SMS este vulnerabilă la 
     <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">
      piratarea SIM (SIM jacking)
@@ -81,7 +84,8 @@ Utilizarea **Autentificării cu doi factori (2FA)**  oferă un *factor de sec
       Google Authenticator
     </a>
      sau <a href="https://authy.com/">Authy</a>.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### Cheile de securitate {#security-keys}
@@ -208,9 +212,11 @@ Ca regulă generală, personalul nu va comunica niciodată cu dvs. prin canale p
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Atenție: deși escrocheriile prin pretinsă asistență au loc pe Discord, acestea pot predomina şi pe orice aplicație de chat pe care au loc discuții despre cripto, inclusiv pe e-mail.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### Înșelătorii prin phishing {#phishing-scams}
diff --git a/public/content/translations/ru/security/index.md b/public/content/translations/ru/security/index.md
index f92590b20cd..b4d8ae0d607 100644
--- a/public/content/translations/ru/security/index.md
+++ b/public/content/translations/ru/security/index.md
@@ -124,9 +124,11 @@ lang: ru
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Будьте осторожны: хотя мошенничество под видом поддержки обычно происходит в Discord, оно также может быть в любых чатах приложений, где обсуждаются криптовалюты, а так же по электронной почте.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### Мошенничество с токенами Eth2 {#eth2-token-scam}
@@ -216,9 +218,11 @@ _Примечание. Существуют производные токены
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Используя менеджер паролей, вы сможете избавиться от хлопот с созданием надежных и уникальных паролей и их запоминанием! Мы <strong>настоятельно</strong> рекомендуем использовать один из них, и большинство из них бесплатны!
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 Запоминание надежных уникальных паролей для каждой учетной записи — не лучшее решение. Менеджер паролей предлагает безопасное зашифрованное хранилище для всех ваших паролей, к которым вы можете получить доступ с помощью одного, но надежного мастер-пароля. Он также предлагает надежные пароли при регистрации в новом сервисе, поэтому вам не нужно будет придумывать их самостоятельно. Многие менеджеры паролей также сообщат вам, если ваши данные будут скомпрометированы, что даст вам возможность изменить пароли до вредоносных атак.
@@ -244,9 +248,11 @@ _Примечание. Существуют производные токены
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Примечание. Двухфакторная аутентификация на основе SMS уязвима к <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">переносу номера телефона на SIM-карту злоумышленника</a> и небезопасна. Для обеспечения максимальной безопасности используйте такой сервис, как <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> или <a href="https://authy.com/">Authy</a>.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### Ключи безопасности {#security-keys}
diff --git a/public/content/translations/ru/web3/index.md b/public/content/translations/ru/web3/index.md
index b12b79760d1..acfa35c41f6 100644
--- a/public/content/translations/ru/web3/index.md
+++ b/public/content/translations/ru/web3/index.md
@@ -61,7 +61,7 @@ Web3 дает вам беспрецедентное владение вашим
 
 Web3 позволяет непосредственно владеть активами благодаря [невзаимозаменяемым токенам (NFT)](/glossary/#nft). Никто, даже создатели игры, не могут забрать у вас вашу собственность. Если вы прекратите играть, то сможете продать ваши предметы на открытых рынках и окупить их стоимость.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Подробнее об NFT</div>
@@ -89,7 +89,7 @@ Web 2.0 требует от создателей контента верить 
 
 Однако многие сообщества Web3 считаются организациями DAO. Все эти сообщества имеют разные уровни децентрализации и автоматизации по коду. В настоящее время мы изучаем, что такое DAO и как они могут развиваться в будущем.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Подробнее о DAO</div>
diff --git a/public/content/translations/sk/security/index.md b/public/content/translations/sk/security/index.md
index 2cfaeb05126..40533632348 100644
--- a/public/content/translations/sk/security/index.md
+++ b/public/content/translations/sk/security/index.md
@@ -124,9 +124,11 @@ Vo všeobecnosti, personál s vami nikdy nebude komunikovať prostredníctvom s
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Dávajte si pozor: aj keď sa na Discorde bežne vyskytujú podvody v štýle zákazníckej podpory, môžu sa vyskytovať aj v akýchkoľvek chatovacích aplikáciách, kde prebieha kryptografická diskusia, vrátane e-mailu.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### Podvod s tokenom „Eth2“ {#eth2-token-scam}
@@ -216,9 +218,11 @@ Silné heslo, ktoré bolo odhalené pri úniku dát, už nie je silným heslom.
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Správca hesiel sa postará o vytvorenie silných a jedinečných hesiel a ich zapamätanie! <strong>Vrelo</strong> odporúčame nejaký používať, väčšina z nich je zadarmo!
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 Pamätať si silné a jedinečné heslá pre každý účet nie je ideálne. Správca hesiel ponúka bezpečné šifrované úložisko všetkých vašich hesiel, ku ktorým máte prístup prostredníctvom jedného silného hlavného hesla. Pri registrácii do novej služby tiež odporúčajú silné heslá, aby ste si nemuseli vytvárať vlastné. Mnoho správcov hesiel vám tiež oznámi, či ste boli súčasťou úniku dát, a umožní vám zmeniť heslá skôr, než dôjde k škodlivým útokom.
@@ -244,9 +248,11 @@ Používanie **dvojfaktorového overenia (2FA) **je ďalším* bezpečnostným f
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Poznámka: Používanie 2FA pomocou SMS je náchylné na <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">odcudzenie SIM</a> a nie je bezpečné. Pre najlepšiu ochranu používajte službu ako <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> alebo <a href="https://authy.com/">Authy</a>.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### Bezpečnostné kľúče {#security-keys}
diff --git a/public/content/translations/sk/web3/index.md b/public/content/translations/sk/web3/index.md
index eddaf459b47..a86fe5a3a06 100644
--- a/public/content/translations/sk/web3/index.md
+++ b/public/content/translations/sk/web3/index.md
@@ -61,7 +61,7 @@ Web3 vám umožňuje vlastniť vaše digitálne aktíva doposiaľ nevídaným sp
 
 Web3 umožňuje priame vlastníctvo prostredníctvom [nezameniteľných tokenov (NFT)](/glossary/#nft). Nikto, ani tvorcovia hry, nemajú moc vás vlastníctva zbaviť. A ak prestanete hrať, môžete svoje herné predmety predať alebo vymeniť na verejne prístupných trhoviskách a získať tak späť prostriedky, ktoré ste minuli na ich kúpu.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Viac informácií o NFT</div>
@@ -89,7 +89,7 @@ DAO sú technicky definované ako [smart kontrakty](/glossary/#smart-contract),
 
 Ľudia definujú veľa Web3 komunít ako DAO. Všetky tieto komunity majú rôzne úrovne decentralizácie a automatizácie v závislosti od kódu. V súčasnosti skúmame, čo DAO sú a ako by sa mohli v budúcnosti vyvíjať.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
diff --git a/public/content/translations/sr/web3/index.md b/public/content/translations/sr/web3/index.md
index 1a497922fbe..4e7e2f368b7 100644
--- a/public/content/translations/sr/web3/index.md
+++ b/public/content/translations/sr/web3/index.md
@@ -61,7 +61,7 @@ Web3 vam daje vlasništvo nad vašom digitalnom imovinom na do sada neviđen na
 
 Web3 omogućava direktno vlasništvo putem [nezamenjivih tokena (NFT-ova)](/glossary/#nft). Niko, čak ni tvorci igre, nema moć da vam oduzme vlasništvo. A ako prestanete da igrate, možete prodati ili zameniti predmete iz igre na otvorenim tržištima i povratiti njihovu vrednost.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Saznajte više o NFT-ovima</div>
@@ -89,7 +89,7 @@ DAO-ovi se tehnički definišu kao unapred dogovoreni [pametni ugovori](/glossar
 
 Međutim, mnoge Web3 zajednice se definišu kao DAO-i. Ove zajednice imaju različite nivoe decentralizacije i automatizacije putem koda. Trenutno istražujemo koncept DAO-a i razmatramo kako bi se oni mogli razvijati u budućnosti.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Saznajte više o DAO-ima</div>
diff --git a/public/content/translations/te/web3/index.md b/public/content/translations/te/web3/index.md
index 6e49da6a7af..e6d2c1b318d 100644
--- a/public/content/translations/te/web3/index.md
+++ b/public/content/translations/te/web3/index.md
@@ -61,7 +61,7 @@ Web3 అపూర్వమైన రీతిలో మీ డిజిటల్
 
 Web3 [నాన్-ఫంగబుల్ టోకెన్ల (NFTs)](/glossary/#nft) ద్వారా ప్రత్యక్ష యాజమాన్యాన్ని అనుమతిస్తుంది. మీ యాజమాన్యాన్ని తీసివేయడానికి ఎవరికీ, గేమ్ సృష్టికర్తలకు కూడా అధికారం లేదు. మరియు, మీరు ఆడటం ఆపివేస్తే, మీరు మీ గేమ్‌లోని వస్తువులను బహిరంగ మార్కెట్‌లలో విక్రయించవచ్చు లేదా వ్యాపారం చేయవచ్చు మరియు వాటి విలువను తిరిగి పొందవచ్చు.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>NFTల గురించి మరింత తెలుసుకోండి</div>
@@ -89,7 +89,7 @@ DAOలు సాంకేతికంగా అంగీకరించబడి
 
 అయినప్పటికీ, ప్రజలు అనేక Web3 కమ్యూనిటీలను DAOలుగా నిర్వచించారు. ఈ కమ్యూనిటీలన్నీ కోడ్ ద్వారా వివిధ స్థాయిల వికేంద్రీకరణ మరియు ఆటోమేషన్‌ను కలిగి ఉంటాయి. ప్రస్తుతం, మేము DAOలు అంటే ఏమిటి మరియు భవిష్యత్తులో అవి ఎలా అభివృద్ధి చెందవచ్చో అన్వేషిస్తున్నాము.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
diff --git a/public/content/translations/tl/security/index.md b/public/content/translations/tl/security/index.md
index cae7ae37790..58866615b39 100644
--- a/public/content/translations/tl/security/index.md
+++ b/public/content/translations/tl/security/index.md
@@ -126,9 +126,11 @@ Bilang pangkalahatang panuntunan, hinding-hindi makikipag-usap sa iyo ang staff
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Babala: bagama't madalas mangyari sa Discord ang mga support-style na scam, maaari din itong mangyari sa anumang chat application kung saan nagaganap ang diskusyon tungkol sa crypto, kasama na ang email.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### 'Eth2' token scam {#eth2-token-scam}
@@ -218,9 +220,11 @@ Ang isang mahirap hulaan na password na nalantad sa isang data breach ay hindi n
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Kapag gumamit ng password manager, ito ang bahalang gumawa ng mga password na mahirap hulaan at walang katulad, at tatandaan nito ang mga ito para sa iyo! <strong>Lubos</strong> naming inirerekomendang gumamit nito, at libre ang karamihan sa mga ito!
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 Hindi mainam na tandaan ang mga password na mahirap hulaan at walang katulad para sa bawat account mo. Ang password manager ay nag-aalok ng secure at naka-encrypt na storage para sa lahat ng iyong password na maa-access mo gamit ang isang mahirap hulaang master password. Nagmumungkahi rin ito ng mga password na mahirap hulaan kapag nagsa-sign up para sa bagong serbisyo, kaya hindi mo kailangang gumawa ng sarili mong password. Aabisuhan ka rin ng maraming password manager kung nabiktima ka sa isang data breach, para mapalitan mo ang mga password bago ang anumang mapaminsalang atake.
@@ -246,9 +250,11 @@ Ang paggamit ng **Two-Factor Authentication (2FA)** ay nagbibigay ng karagdagang
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Tandaan: Ang paggamit ng SMS-based na 2FA ay madaling mabiktima ng <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud"> SIM jacking </a> at hindi ito secure. Para sa pinakamaigting na seguridad, gumamit ng serbisyo tulad ng <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> o <a href="https://authy.com/">Authy</a>.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### Mga security key {#security-keys}
diff --git a/public/content/translations/tl/web3/index.md b/public/content/translations/tl/web3/index.md
index 19f98f54138..b77ed9712fa 100644
--- a/public/content/translations/tl/web3/index.md
+++ b/public/content/translations/tl/web3/index.md
@@ -61,7 +61,7 @@ Ibinibigay ng Web3 sa iyo ang pagmamay-ari ng ng iyong mga digital asset sa kaka
 
 Pinapayagan ng Web3 ang pagmamay-ari sa pamamagitan ng [mga non-fungible token (NFT)](/glossary/#nft). Walang sinuman, kahit ang mga game creator, ang may kapangyarihang bawiin ang iyong pagmamay-ari. At, kung hihinto ka sa paglalaro, maaari mong ibenta o i-trade ang iyong mga in-game item sa mga open market at mabawi ang iyong ipinuhunan.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Magbasa pa tungkol sa NFT</div>
@@ -89,7 +89,7 @@ Ang DAO ay teknikal na tinutukoy bilang mga napagkasunduang [mga smart contract]
 
 Gayunpaman, tinukoy ng mga tao ang maraming komunidad sa Web3 bilang mga DAO. May iba't ibang antas ng decentralization at pag-awtomatiko ayon sa code ang mga komunidad na ito. Kasalukuyan naming sinisuri kung ano ang DAO at kung paano maaaring magbago ang mga ito sa hinaharap.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
diff --git a/public/content/translations/tr/security/index.md b/public/content/translations/tr/security/index.md
index b030ecf2414..bd7eb66e25f 100644
--- a/public/content/translations/tr/security/index.md
+++ b/public/content/translations/tr/security/index.md
@@ -124,9 +124,11 @@ Genel bir kural olarak, ekip sizinle asla özel ve resmi olmayan kanallar aracı
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Dikkat: Destek tarzı dolandırıcılıklar genellikle Discord'da gerçekleşse de, e-posta da dahil olmak üzere kripto tartışmalarının gerçekleştiği herhangi bir sohbet uygulamasında da yaygın olabilir.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### "Eth2" token dolandırıcılığı {#eth2-token-scam}
@@ -216,9 +218,11 @@ Bir veri sızıntısında açığa çıkmış olan güçlü bir parola, artık g
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Bir şifre yöneticisi kullanmak; güçlü, benzersiz şifreler oluşturmak ve bunları hatırlama işini sizin için çözer! Bunlardan birini kullanmanızı <strong>şiddetle</strong> öneririz ve çoğu ücretsizdir!
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 Sahip olduğunuz her hesap için güçlü, benzersiz şifreleri ezberlemeye çalışmak pek kolay değildir. Bir şifre yöneticisi, tek bir güçlü ana şifre aracılığıyla erişebileceğiniz tüm şifreleriniz için güvenli, şifrelenmiş bir depo sunar. Ayrıca, yeni bir hizmete kaydolurken güçlü şifreler önerirler, böylece kendinizinkini oluşturmak zorunda kalmazsınız. Birçok şifre yöneticisi, herhangi bir kötü niyetli saldırıdan önce şifreleri değiştirmenize izin vererek, bir veri ihlaline karışıp karışmadığınızı da size söyler.
@@ -244,9 +248,11 @@ Bazen sizden kimliğinizi benzersiz kanıtlarla doğrulamanız istenebilir. Bunl
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Not: SMS tabanlı 2FA kullanımı, <a href="https://www.vice.com/tr/makale/3kx4ej/sim-jacking-mobile-phone-fraud">SIM hırsızlığı</a> tehlikesine karşı açıktır ve güvenli değildir. En iyi güvenlik için <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> ya da <a href="https://authy.com/">Authy</a> gibi bir hizmet kullanın.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### Güvenlik anahtarları {#security-keys}
diff --git a/public/content/translations/tr/web3/index.md b/public/content/translations/tr/web3/index.md
index ecd196c37c6..5538b135171 100644
--- a/public/content/translations/tr/web3/index.md
+++ b/public/content/translations/tr/web3/index.md
@@ -65,7 +65,7 @@ Web3, dijital varlıklarınızın mülkiyet hakkını benzeri görülmemiş bir
 
 Web3, [eşsiz jetonlar (NFT'ler)](/glossary/#nft) aracılığıyla doğrudan mülkiyete olanak tanır. Hiç kimse, hatta oyunun yaratıcıları bile, mülkiyetinizi elinizden alma gücüne sahip değildir. Oyunu oynamayı bırakırsanız da oyun içi öğelerinizi açık pazarlarda satabilir veya takas edebilir ve değerini geri alabilirsiniz.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>NFT’ler hakkında daha fazlasını öğrenin</div>
@@ -93,7 +93,7 @@ DAO'lar teknik olarak, bir kaynak havuzu (jetonlar) üzerinde merkeziyetsiz kara
 
 Ancak, insanlar birçok Web3 topluluğunu DAO olarak tanımlar. Bu toplulukların tümü, koda göre farklı merkeziyetsizlik ve otomasyon seviyelerine sahiptir. Şu anda DAO'ların neler olduğunu ve gelecekte nasıl gelişebileceklerini araştırıyoruz.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>DAO’lar hakkında daha fazlasını öğrenin</div>
diff --git a/public/content/translations/uk/security/index.md b/public/content/translations/uk/security/index.md
index a5a472ce0c1..27ff14f108c 100644
--- a/public/content/translations/uk/security/index.md
+++ b/public/content/translations/uk/security/index.md
@@ -43,9 +43,11 @@ lang: uk
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Завдяки менеджеру паролів ви зможете з легкістю створювати надійні унікальні паролі без необхідності їх запам’ятовування. Ми <strong>настійно</strong> рекомендуємо використовувати такий менеджер. Більшість із них є безкоштовними!
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 Запам’ятовування надійних унікальних паролів для кожного облікового запису — не найкраще рішення. Менеджер паролів пропонує безпечне зашифроване сховище для всіх ваших паролів, до яких можна отримати доступ за допомогою одного надійного головного пароля. Він також пропонує надійні паролі під час реєстрації в новому сервісі, тому вам не доведеться створювати їх самостійно. Багато менеджерів паролів також повідомлять, якщо ваші паролі зачепили витоки даних, що дасть вам змогу замінити їх до потенційної атаки.
@@ -71,7 +73,8 @@ lang: uk
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Примітка. Використовувати двофакторну автентифікацію на основі 
     <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">
       SMS-повідомлень небезпечно,
@@ -81,7 +84,8 @@ lang: uk
       Google Authenticator
     </a>
      або <a href="https://authy.com/">Authy</a>.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### Ключі безпеки {#security-keys}
@@ -210,9 +214,11 @@ lang: uk
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     Будьте обережні! Хоча шахрайство, пов’язане зі службою підтримки, зазвичай відбувається в Discord, такі схеми також можуть бути поширені в будь-яких програмах для спілкування, де обговорюється криптовалюта, включно з електронною поштою.
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### Шахрайство, пов’язане з токенами Eth2 {#eth2-token-scam}
diff --git a/public/content/translations/uk/web3/index.md b/public/content/translations/uk/web3/index.md
index 8f561e6431c..61f143d587e 100644
--- a/public/content/translations/uk/web3/index.md
+++ b/public/content/translations/uk/web3/index.md
@@ -61,7 +61,7 @@ Web3 дає вам право власності на ваші цифрові а
 
 Web3 дає змогу безпосередньо володіти активами завдяки [невзаємозамінним токенам (NFT)](/glossary/#nft). Ніхто не зможе відібрати у вас право власності — навіть творці гри. А якщо ви припините грати, то зможете продати або обміняти свої ігрові предмети на відкритих ринках і окупити їх вартість.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Дізнайтеся більше про NFT</div>
@@ -89,7 +89,7 @@ Web 2.0 вимагає від творців контенту довіряти 
 
 Однак багато спільнот Web3 вважаються організаціями DAO. Усі ці спільноти мають різні рівні децентралізації й автоматизації за допомогою коду. Зараз ми досліджуємо, що таке DAO і як вони можуть розвиватися в майбутньому.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Дізнайтеся більше про DAO</div>
diff --git a/public/content/translations/uz/web3/index.md b/public/content/translations/uz/web3/index.md
index 82f953b0ff8..12d4a77ff08 100644
--- a/public/content/translations/uz/web3/index.md
+++ b/public/content/translations/uz/web3/index.md
@@ -61,7 +61,7 @@ Web3 sizga raqamli aktivlaringizga misli koʻrilmagan tarzda egalik qilish imkon
 
 Web3 [o‘zgarmas tokenlar (NFTlar)](/glossary/#nft) orqali to‘g‘ridan-to‘g‘ri egalik qilish imkonini beradi. Hech kim, hatto o‘yin yaratuvchilari ham sizning mulkingizni tortib olish huquqiga ega emas. Agar o‘ynashni to‘xtatsangiz, o‘yin ichidagi buyumlarni ochiq bozorlarda sotish yoki ayirboshlashingiz va ularning qiymatini to‘ldirishingiz mumkin.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>NFTlar haqida batafsil</div>
@@ -89,7 +89,7 @@ DAOlar texnik jihatdan resurslar fondi (tokenlar) bo‘yicha markazlashmagan qar
 
 Biroq, odamlar ko‘plab Web3 hamjamiyatlarini DAO deb ta’riflaydilar. Ushbu jamoalarning barchasi kod bo‘yicha markazlashtirishni cheklash va avtomatlashtirishning turli darajalariga ega. Hozirda biz DAO nima ekanligi va ular kelajakda qanday rivojlanishi mumkinligini o‘rganmoqdamiz.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
diff --git a/public/content/translations/vi/web3/index.md b/public/content/translations/vi/web3/index.md
index 9a39f43a844..4e9f0b04329 100644
--- a/public/content/translations/vi/web3/index.md
+++ b/public/content/translations/vi/web3/index.md
@@ -61,7 +61,7 @@ Web3 cung cấp cho bạn sở hữu các tài sản kỹ thuật số. Giả s
 
 Web3 cho phép quyền sở hữu trực tiếp thông qua các [NFT (token không thể thay thế)](/glossary/#nft). Kể cả nhà phát hành trò chơi cũng không thể tước đi quyền sở hữu của bạn. Và nếu bạn ngừng chơi, bạn có thể bán hoặc trao đổi các vật phẩm được Nft hoá để thu lại giá trị.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Tìm hiểu thêm về NFT</div>
@@ -89,7 +89,7 @@ Về mặt kỹ thuật, DAO được định nghĩa là các hợp đồng thô
 
 Tuy nhiên, mọi người định nghĩa nhiều cộng đồng Web3 là DAO. Các cộng đồng này đều có các mức độ phân quyền và tự động hóa khác nhau theo mã. Hiện tại, chúng tôi đang khám phá các DAO là gì và chúng có thể phát triển như thế nào trong tương lai.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Tìm hiểu thêm về DAOs</div>
diff --git a/public/content/translations/yo/web3/index.md b/public/content/translations/yo/web3/index.md
index 3d7d8bc4717..77d1231b3de 100644
--- a/public/content/translations/yo/web3/index.md
+++ b/public/content/translations/yo/web3/index.md
@@ -61,7 +61,7 @@ Wẹẹbù kẹta fún o ní anfaani lati ní àwọn dukia digitali fúnra rẹ
 
 Wẹ́ẹ̀bù kẹta fún o ni àáye lati ni ohún-ini taara nipasẹ [àwọn token ohun-ini alailegbe (NFTs)](/glossary/#nft). Kò sí enikankan, koda kò jẹ awon oluṣẹda ere idaraya, to ní agbara lati gba ini rẹ. Atipe, ti o kò ba gba ere idaraya mọ, o le ta tabi paarọ ohún ini rẹ lori ọja gbangba lati gba deede iye owo rẹ pada.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Ko sí nipa NFTs</div>
@@ -89,7 +89,7 @@ Pẹ̀lú bí o ti ní àwọn data tirẹ ní Wẹẹbu kẹta, otún le ní oj
 
 Àmọ àwọn eniyan túnmọ̀ ọpọlọpọ awujo wẹẹbù kẹta sí DAOs. Àwọn awujo yii ni ipele orisirisi alailakoso ati koodu ti o ń siṣe fúnra rẹ. Lọwọlọwọ, a ń ṣe iṣawari àwọn nkan tí DAOs jẹ, ati idagbasoke wọn ni ojo iwaju.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
diff --git a/public/content/translations/zh-tw/security/index.md b/public/content/translations/zh-tw/security/index.md
index ff374ea7d87..a72c4713668 100644
--- a/public/content/translations/zh-tw/security/index.md
+++ b/public/content/translations/zh-tw/security/index.md
@@ -126,9 +126,11 @@ lang: zh-tw
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     請注意：支援服務型騙局常發生在 Discord 平台上，但在任何討論加密貨幣的聊天應用程式上也可能很盛行，包括電子郵件。
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 ### 「以太坊 2」代幣騙局 {#eth2-token-scam}
@@ -218,9 +220,11 @@ _注意：有些衍生的代幣/行情指示器可能代表被質押的以太幣
 
 <Alert variant="update">
 <Emoji text=":bulb:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     使用密碼管理器能幫你建立獨特的強式密碼，並且記住密碼！ 我們<strong>非常</strong>建議使用密碼管理器，而且大多數免費！
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 記住每個帳戶獨一的強式密碼，並不是最理想的方式。 密碼管理員為你所有的密碼提供一個安全的加密儲存位置，只要透過一個強效的主密碼就能取用。 註冊新的服務時，密碼管理器也會自行建議強式密碼，無需自己建立。 許多密碼管理器也會告知你是否涉入資料外洩事件，方便提早更換密碼，以免遭受惡意攻擊。
@@ -246,9 +250,11 @@ _注意：有些衍生的代幣/行情指示器可能代表被質押的以太幣
 
 <Alert variant="update">
 <Emoji text=":lock:" className="text-4xl"/>
-  <div>
+<AlertContent>
+<AlertDescription>
     注意：使用基於簡訊的雙因素驗證容易受到 <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM 卡交換攻擊</a>，因此並不安全。 為了獲得最佳安全性，請使用 <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> 或 <a href="https://authy.com/">Authy</a> 等服務。
-  </div>
+</AlertDescription>
+</AlertContent>
 </Alert>
 
 #### 安全金鑰 {#security-keys}
diff --git a/public/content/translations/zh-tw/web3/index.md b/public/content/translations/zh-tw/web3/index.md
index c8f49158163..87ca76b57fe 100644
--- a/public/content/translations/zh-tw/web3/index.md
+++ b/public/content/translations/zh-tw/web3/index.md
@@ -61,7 +61,7 @@ Web3 以前所未有的方式讓你擁有數位資產的所有權。 例如，
 
 Web3 允許透過[非同質化代幣 (NFT) ](/glossary/#nft)實現直接所有權。 沒有人有權剝奪你的所有權，即使是遊戲的創作者亦然。 而且，如果不再玩遊戲，你可以在公開市場上出售或交易遊戲內的物品，並收回其價值。
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>深入了解非同質化代幣</div>
@@ -89,7 +89,7 @@ Web 2.0 要求內容製作者相信平台不會更改規則，但抗審查是 We
 
 然而，許多 Web3 社群都被定義為去中心化自治組織。 這些社群都透過程式碼實現了不同程度的去中心化和自動化。 目前，我們仍在探索去中心化自治組織是什麼，以及其未來可能如何發展。
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>了解更多關於去中心化自治組織</div>
diff --git a/public/content/translations/zh/web3/index.md b/public/content/translations/zh/web3/index.md
index 1c70de3f39d..621e453fe1e 100644
--- a/public/content/translations/zh/web3/index.md
+++ b/public/content/translations/zh/web3/index.md
@@ -65,7 +65,7 @@ Web3 以前所未有的方式赋予你数字资产的所有权。 例如，假
 
 Web3 允许通过[非同质化代币 (NFT)](/glossary/#nft) 直接拥有所有权。 任何人甚至是游戏创作者，都没有权力剥夺你的所有权。 而且，如果你停止玩这个游戏，你可以在公开市场上出售或交易你的游戏内物品并收回它们的价值。
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>了解更多有关非同质化代币的更多信息</div>
@@ -93,7 +93,7 @@ Web 2.0 需要内容创作者信任平台不会更改规则，但抗审查则是
 
 然而，许多 Web3 社区都被定义为去中心化自治组织。 这些社区都通过代码实现了不同程度的去中心化和自动化。 目前，我们仍在探索去中心化自治组织是什么以及它们在未来会如何发展。
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>了解更多有关去中心化自治组织的信息</div>
diff --git a/public/content/web3/index.md b/public/content/web3/index.md
index bdea4bec98d..f314d8baec5 100644
--- a/public/content/web3/index.md
+++ b/public/content/web3/index.md
@@ -66,7 +66,7 @@ Web3 gives you ownership of your digital assets in an unprecedented way. For exa
 
 Web3 allows for direct ownership through [non-fungible tokens (NFTs)](/glossary/#nft). No one, not even the game's creators, has the power to take away your ownership. And, if you stop playing, you can sell or trade your in-game items on open markets and recoup their value.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Learn more about NFTs</div>
@@ -94,7 +94,7 @@ DAOs are defined technically as agreed-upon [smart contracts](/glossary/#smart-c
 
 However, people define many Web3 communities as DAOs. These communities all have different levels of decentralization and automation by code. Currently, we are exploring what DAOs are and how they might evolve in the future.
 
-<Alert>
+<Alert variant="update">
 <Emoji text=":eyes:" className="text-4xl"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>

From 110a1a16279a94328f3e9e19510332e25af4f0e8 Mon Sep 17 00:00:00 2001
From: JoeChenJ <jiajuncjoe@gmail.com>
Date: Thu, 15 May 2025 23:11:46 +0800
Subject: [PATCH 09/13] feat: AlertEmoji

---
 .../_components/learning-tools.tsx            |  5 ++--
 app/[locale]/eth/_components/eth.tsx          | 28 +++++++++++--------
 app/[locale]/get-eth/_components/get-eth.tsx  |  9 ++++--
 .../stablecoins/_components/stablecoins.tsx   |  6 ++--
 .../_components/deposit-contract.tsx          |  9 ++++--
 public/content/ai-agents/index.md             |  2 +-
 public/content/bridges/index.md               |  2 +-
 .../how-to-translate/index.md                 |  2 +-
 public/content/defi/index.md                  |  2 +-
 .../docs/consensus-mechanisms/pow/index.md    |  2 +-
 .../consensus-mechanisms/pow/mining/index.md  |  2 +-
 .../mining/mining-algorithms/ethash/index.md  |  2 +-
 .../pow/mining/mining-algorithms/index.md     |  2 +-
 public/content/energy-consumption/index.md    |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../guides/how-to-swap-tokens/index.md        |  2 +-
 .../guides/how-to-use-a-bridge/index.md       |  2 +-
 .../guides/how-to-use-a-wallet/index.md       |  2 +-
 public/content/nft/index.md                   |  2 +-
 public/content/payments/index.md              |  4 +--
 public/content/prediction-markets/index.md    |  2 +-
 public/content/roadmap/beacon-chain/index.md  |  2 +-
 public/content/security/index.md              |  6 ++--
 public/content/staking/withdrawals/index.md   |  4 +--
 public/content/translations/ar/defi/index.md  |  2 +-
 .../ar/roadmap/beacon-chain/index.md          |  2 +-
 .../ar/staking/withdrawals/index.md           |  4 +--
 public/content/translations/ar/web3/index.md  |  4 +--
 public/content/translations/az/defi/index.md  |  2 +-
 public/content/translations/be/defi/index.md  |  2 +-
 public/content/translations/be/nft/index.md   |  2 +-
 public/content/translations/be/web3/index.md  |  4 +--
 .../bg/roadmap/beacon-chain/index.md          |  2 +-
 public/content/translations/bn/defi/index.md  |  2 +-
 .../bn/staking/withdrawals/index.md           |  4 +--
 public/content/translations/ca/defi/index.md  |  2 +-
 .../ca/energy-consumption/index.md            |  2 +-
 public/content/translations/ca/nft/index.md   |  2 +-
 .../ca/roadmap/beacon-chain/index.md          |  2 +-
 .../content/translations/ca/security/index.md |  6 ++--
 .../translations/cs/beacon-chain/index.md     |  2 +-
 .../content/translations/cs/bridges/index.md  |  2 +-
 .../how-to-translate/index.md                 |  2 +-
 public/content/translations/cs/defi/index.md  |  2 +-
 .../cs/energy-consumption/index.md            |  2 +-
 public/content/translations/cs/nft/index.md   |  2 +-
 .../cs/staking/withdrawals/index.md           |  4 +--
 public/content/translations/cs/web3/index.md  |  4 +--
 .../translations/cs/withdrawals/index.md      |  4 +--
 .../content/translations/de/bridges/index.md  |  2 +-
 .../translations/de/contributing/index.md     |  2 +-
 .../how-to-translate/index.md                 |  2 +-
 public/content/translations/de/defi/index.md  |  2 +-
 .../docs/consensus-mechanisms/pow/index.md    |  2 +-
 .../consensus-mechanisms/pow/mining/index.md  |  2 +-
 .../mining/mining-algorithms/ethash/index.md  |  2 +-
 .../pow/mining/mining-algorithms/index.md     |  2 +-
 .../de/energy-consumption/index.md            |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../de/guides/how-to-swap-tokens/index.md     |  2 +-
 .../de/guides/how-to-use-a-bridge/index.md    |  2 +-
 .../de/guides/how-to-use-a-wallet/index.md    |  2 +-
 public/content/translations/de/nft/index.md   |  2 +-
 .../de/roadmap/beacon-chain/index.md          |  2 +-
 .../content/translations/de/security/index.md |  6 ++--
 .../de/staking/withdrawals/index.md           |  4 +--
 public/content/translations/de/web3/index.md  |  4 +--
 .../translations/el/beacon-chain/index.md     |  2 +-
 .../content/translations/el/bridges/index.md  |  2 +-
 .../how-to-translate/index.md                 |  2 +-
 public/content/translations/el/defi/index.md  |  2 +-
 .../docs/consensus-mechanisms/pow/index.md    |  2 +-
 .../consensus-mechanisms/pow/mining/index.md  |  2 +-
 .../mining/mining-algorithms/ethash/index.md  |  2 +-
 .../pow/mining/mining-algorithms/index.md     |  2 +-
 .../el/energy-consumption/index.md            |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../el/guides/how-to-swap-tokens/index.md     |  2 +-
 .../el/guides/how-to-use-a-bridge/index.md    |  2 +-
 .../el/guides/how-to-use-a-wallet/index.md    |  2 +-
 .../index.md                                  |  2 +-
 public/content/translations/el/nft/index.md   |  2 +-
 .../content/translations/el/payments/index.md |  4 +--
 .../el/roadmap/beacon-chain/index.md          |  2 +-
 .../el/staking/withdrawals/index.md           |  4 +--
 public/content/translations/el/web3/index.md  |  4 +--
 .../translations/el/withdrawals/index.md      |  4 +--
 .../content/translations/es/bridges/index.md  |  2 +-
 .../how-to-translate/index.md                 |  2 +-
 public/content/translations/es/defi/index.md  |  2 +-
 .../docs/consensus-mechanisms/pow/index.md    |  2 +-
 .../consensus-mechanisms/pow/mining/index.md  |  2 +-
 .../mining/mining-algorithms/ethash/index.md  |  2 +-
 .../pow/mining/mining-algorithms/index.md     |  2 +-
 .../es/energy-consumption/index.md            |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../es/guides/how-to-swap-tokens/index.md     |  2 +-
 .../es/guides/how-to-use-a-bridge/index.md    |  2 +-
 .../es/guides/how-to-use-a-wallet/index.md    |  2 +-
 .../index.md                                  |  2 +-
 public/content/translations/es/nft/index.md   |  2 +-
 .../es/roadmap/beacon-chain/index.md          |  2 +-
 .../content/translations/es/security/index.md |  6 ++--
 .../es/staking/withdrawals/index.md           |  4 +--
 public/content/translations/es/web3/index.md  |  4 +--
 .../content/translations/fa/bridges/index.md  |  2 +-
 .../how-to-translate/index.md                 |  2 +-
 public/content/translations/fa/defi/index.md  |  2 +-
 .../docs/consensus-mechanisms/pow/index.md    |  2 +-
 .../consensus-mechanisms/pow/mining/index.md  |  2 +-
 .../mining/mining-algorithms/ethash/index.md  |  2 +-
 .../pow/mining/mining-algorithms/index.md     |  2 +-
 .../fa/energy-consumption/index.md            |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../fa/guides/how-to-swap-tokens/index.md     |  2 +-
 .../fa/guides/how-to-use-a-bridge/index.md    |  2 +-
 .../fa/guides/how-to-use-a-wallet/index.md    |  2 +-
 .../index.md                                  |  2 +-
 public/content/translations/fa/nft/index.md   |  2 +-
 .../fa/roadmap/beacon-chain/index.md          |  2 +-
 .../content/translations/fa/security/index.md |  6 ++--
 .../fa/staking/withdrawals/index.md           |  4 +--
 public/content/translations/fa/web3/index.md  |  4 +--
 public/content/translations/fi/nft/index.md   |  4 +--
 .../content/translations/fil/bridges/index.md |  2 +-
 public/content/translations/fil/defi/index.md |  2 +-
 .../fil/energy-consumption/index.md           |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../fil/guides/how-to-swap-tokens/index.md    |  2 +-
 .../fil/guides/how-to-use-a-bridge/index.md   |  2 +-
 .../fil/guides/how-to-use-a-wallet/index.md   |  2 +-
 .../translations/fil/security/index.md        |  6 ++--
 .../fil/staking/withdrawals/index.md          |  4 +--
 public/content/translations/fil/web3/index.md |  4 +--
 .../content/translations/fr/bridges/index.md  |  2 +-
 .../how-to-translate/index.md                 |  2 +-
 public/content/translations/fr/defi/index.md  |  2 +-
 .../docs/consensus-mechanisms/pow/index.md    |  2 +-
 .../consensus-mechanisms/pow/mining/index.md  |  2 +-
 .../mining/mining-algorithms/ethash/index.md  |  2 +-
 .../pow/mining/mining-algorithms/index.md     |  2 +-
 .../fr/energy-consumption/index.md            |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../fr/guides/how-to-swap-tokens/index.md     |  2 +-
 .../fr/guides/how-to-use-a-bridge/index.md    |  2 +-
 .../fr/guides/how-to-use-a-wallet/index.md    |  2 +-
 public/content/translations/fr/nft/index.md   |  2 +-
 .../fr/roadmap/beacon-chain/index.md          |  2 +-
 .../content/translations/fr/security/index.md |  6 ++--
 .../fr/staking/withdrawals/index.md           |  4 +--
 public/content/translations/fr/web3/index.md  |  4 +--
 .../content/translations/ga/bridges/index.md  |  2 +-
 public/content/translations/ga/defi/index.md  |  2 +-
 .../ga/energy-consumption/index.md            |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../ga/guides/how-to-swap-tokens/index.md     |  2 +-
 .../ga/guides/how-to-use-a-bridge/index.md    |  2 +-
 .../ga/guides/how-to-use-a-wallet/index.md    |  2 +-
 .../index.md                                  |  2 +-
 public/content/translations/ga/nft/index.md   |  2 +-
 .../content/translations/ga/payments/index.md |  4 +--
 .../ga/roadmap/beacon-chain/index.md          |  2 +-
 .../content/translations/ga/security/index.md |  6 ++--
 .../ga/staking/withdrawals/index.md           |  4 +--
 public/content/translations/ga/web3/index.md  |  4 +--
 .../translations/ga/withdrawals/index.md      |  4 +--
 public/content/translations/ha/defi/index.md  |  2 +-
 public/content/translations/ha/nft/index.md   |  2 +-
 .../ha/staking/withdrawals/index.md           |  4 +--
 public/content/translations/ha/web3/index.md  |  4 +--
 .../content/translations/hi/bridges/index.md  |  2 +-
 public/content/translations/hi/defi/index.md  |  2 +-
 .../docs/consensus-mechanisms/pow/index.md    |  2 +-
 .../consensus-mechanisms/pow/mining/index.md  |  2 +-
 .../mining/mining-algorithms/ethash/index.md  |  2 +-
 .../pow/mining/mining-algorithms/index.md     |  2 +-
 .../hi/energy-consumption/index.md            |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../hi/guides/how-to-swap-tokens/index.md     |  2 +-
 .../hi/guides/how-to-use-a-bridge/index.md    |  2 +-
 .../hi/guides/how-to-use-a-wallet/index.md    |  2 +-
 .../index.md                                  |  2 +-
 public/content/translations/hi/nft/index.md   |  2 +-
 .../hi/roadmap/beacon-chain/index.md          |  2 +-
 .../content/translations/hi/security/index.md |  6 ++--
 .../hi/staking/withdrawals/index.md           |  4 +--
 public/content/translations/hi/web3/index.md  |  4 +--
 public/content/translations/hr/nft/index.md   |  2 +-
 .../hr/roadmap/beacon-chain/index.md          |  2 +-
 .../content/translations/hu/bridges/index.md  |  2 +-
 .../how-to-translate/index.md                 |  2 +-
 public/content/translations/hu/defi/index.md  |  2 +-
 .../docs/consensus-mechanisms/pow/index.md    |  2 +-
 .../consensus-mechanisms/pow/mining/index.md  |  2 +-
 .../mining/mining-algorithms/ethash/index.md  |  2 +-
 .../pow/mining/mining-algorithms/index.md     |  2 +-
 .../hu/energy-consumption/index.md            |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../hu/guides/how-to-swap-tokens/index.md     |  2 +-
 .../hu/guides/how-to-use-a-bridge/index.md    |  2 +-
 .../hu/guides/how-to-use-a-wallet/index.md    |  2 +-
 .../index.md                                  |  2 +-
 public/content/translations/hu/nft/index.md   |  2 +-
 .../hu/roadmap/beacon-chain/index.md          |  2 +-
 .../content/translations/hu/security/index.md |  6 ++--
 .../hu/staking/withdrawals/index.md           |  4 +--
 public/content/translations/hu/web3/index.md  |  4 +--
 .../translations/hu/withdrawals/index.md      |  4 +--
 .../translations/id/beacon-chain/index.md     |  2 +-
 .../content/translations/id/bridges/index.md  |  2 +-
 .../how-to-translate/index.md                 |  2 +-
 public/content/translations/id/defi/index.md  |  2 +-
 .../consensus-mechanisms/pow/mining/index.md  |  2 +-
 .../id/energy-consumption/index.md            |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../id/guides/how-to-swap-tokens/index.md     |  2 +-
 .../id/guides/how-to-use-a-bridge/index.md    |  2 +-
 .../id/guides/how-to-use-a-wallet/index.md    |  2 +-
 .../index.md                                  |  2 +-
 public/content/translations/id/nft/index.md   |  2 +-
 .../id/roadmap/beacon-chain/index.md          |  2 +-
 .../id/staking/withdrawals/index.md           |  4 +--
 public/content/translations/id/web3/index.md  |  4 +--
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../ig/guides/how-to-swap-tokens/index.md     |  2 +-
 .../ig/guides/how-to-use-a-bridge/index.md    |  2 +-
 .../ig/guides/how-to-use-a-wallet/index.md    |  2 +-
 .../content/translations/it/bridges/index.md  |  2 +-
 .../how-to-translate/index.md                 |  2 +-
 public/content/translations/it/defi/index.md  |  2 +-
 .../docs/consensus-mechanisms/pow/index.md    |  2 +-
 .../consensus-mechanisms/pow/mining/index.md  |  2 +-
 .../mining/mining-algorithms/ethash/index.md  |  2 +-
 .../pow/mining/mining-algorithms/index.md     |  2 +-
 .../it/energy-consumption/index.md            |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../it/guides/how-to-swap-tokens/index.md     |  2 +-
 .../it/guides/how-to-use-a-bridge/index.md    |  2 +-
 .../it/guides/how-to-use-a-wallet/index.md    |  2 +-
 public/content/translations/it/nft/index.md   |  2 +-
 .../it/roadmap/beacon-chain/index.md          |  2 +-
 .../content/translations/it/security/index.md |  6 ++--
 .../it/staking/withdrawals/index.md           |  4 +--
 public/content/translations/it/web3/index.md  |  4 +--
 .../content/translations/ja/bridges/index.md  |  2 +-
 .../how-to-translate/index.md                 |  2 +-
 public/content/translations/ja/defi/index.md  |  2 +-
 .../docs/consensus-mechanisms/pow/index.md    |  2 +-
 .../consensus-mechanisms/pow/mining/index.md  |  2 +-
 .../mining/mining-algorithms/ethash/index.md  |  2 +-
 .../pow/mining/mining-algorithms/index.md     |  2 +-
 .../ja/energy-consumption/index.md            |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../ja/guides/how-to-swap-tokens/index.md     |  2 +-
 .../ja/guides/how-to-use-a-bridge/index.md    |  2 +-
 .../ja/guides/how-to-use-a-wallet/index.md    |  2 +-
 .../index.md                                  |  2 +-
 public/content/translations/ja/nft/index.md   |  2 +-
 .../ja/roadmap/beacon-chain/index.md          |  2 +-
 .../content/translations/ja/security/index.md |  6 ++--
 .../ja/staking/withdrawals/index.md           |  4 +--
 public/content/translations/ja/web3/index.md  |  4 +--
 public/content/translations/kn/defi/index.md  |  2 +-
 .../index.md                                  |  2 +-
 public/content/translations/kn/web3/index.md  |  4 +--
 .../content/translations/ko/bridges/index.md  |  2 +-
 public/content/translations/ko/defi/index.md  |  2 +-
 .../ko/energy-consumption/index.md            |  2 +-
 .../content/translations/ko/security/index.md |  6 ++--
 .../ko/staking/withdrawals/index.md           |  4 +--
 public/content/translations/ko/web3/index.md  |  4 +--
 public/content/translations/ml/nft/index.md   |  2 +-
 .../ml/roadmap/beacon-chain/index.md          |  2 +-
 public/content/translations/mr/defi/index.md  |  2 +-
 .../content/translations/ms/bridges/index.md  |  2 +-
 public/content/translations/ms/defi/index.md  |  2 +-
 .../ms/energy-consumption/index.md            |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../ms/guides/how-to-swap-tokens/index.md     |  2 +-
 .../ms/guides/how-to-use-a-bridge/index.md    |  2 +-
 .../ms/guides/how-to-use-a-wallet/index.md    |  2 +-
 public/content/translations/ms/nft/index.md   |  2 +-
 .../content/translations/ms/security/index.md |  6 ++--
 .../ms/staking/withdrawals/index.md           |  4 +--
 public/content/translations/ms/web3/index.md  |  4 +--
 .../content/translations/nl/bridges/index.md  |  2 +-
 public/content/translations/nl/defi/index.md  |  2 +-
 .../nl/energy-consumption/index.md            |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../nl/guides/how-to-swap-tokens/index.md     |  2 +-
 .../nl/guides/how-to-use-a-bridge/index.md    |  2 +-
 .../nl/guides/how-to-use-a-wallet/index.md    |  2 +-
 public/content/translations/nl/nft/index.md   |  2 +-
 .../nl/roadmap/beacon-chain/index.md          |  2 +-
 .../content/translations/nl/security/index.md |  6 ++--
 .../nl/staking/withdrawals/index.md           |  4 +--
 public/content/translations/nl/web3/index.md  |  4 +--
 .../content/translations/pcm/bridges/index.md |  2 +-
 public/content/translations/pcm/defi/index.md |  2 +-
 .../pcm/energy-consumption/index.md           |  2 +-
 public/content/translations/pcm/nft/index.md  |  2 +-
 .../translations/pcm/security/index.md        |  6 ++--
 .../pcm/staking/withdrawals/index.md          |  4 +--
 public/content/translations/pcm/web3/index.md |  4 +--
 .../content/translations/pl/bridges/index.md  |  2 +-
 public/content/translations/pl/defi/index.md  |  2 +-
 .../pl/energy-consumption/index.md            |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../pl/guides/how-to-swap-tokens/index.md     |  2 +-
 .../pl/guides/how-to-use-a-bridge/index.md    |  2 +-
 .../pl/guides/how-to-use-a-wallet/index.md    |  2 +-
 public/content/translations/pl/nft/index.md   |  2 +-
 .../pl/roadmap/beacon-chain/index.md          |  2 +-
 .../content/translations/pl/security/index.md |  6 ++--
 .../pl/staking/withdrawals/index.md           |  4 +--
 public/content/translations/pl/web3/index.md  |  4 +--
 .../translations/pt-br/bridges/index.md       |  2 +-
 .../how-to-translate/index.md                 |  2 +-
 .../content/translations/pt-br/defi/index.md  |  2 +-
 .../docs/consensus-mechanisms/pow/index.md    |  2 +-
 .../consensus-mechanisms/pow/mining/index.md  |  2 +-
 .../mining/mining-algorithms/ethash/index.md  |  2 +-
 .../pow/mining/mining-algorithms/index.md     |  2 +-
 .../pt-br/energy-consumption/index.md         |  2 +-
 .../index.md                                  |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../pt-br/guides/how-to-swap-tokens/index.md  |  2 +-
 .../pt-br/guides/how-to-use-a-bridge/index.md |  2 +-
 .../pt-br/guides/how-to-use-a-wallet/index.md |  2 +-
 .../index.md                                  |  2 +-
 .../content/translations/pt-br/nft/index.md   |  2 +-
 .../pt-br/roadmap/beacon-chain/index.md       |  2 +-
 .../translations/pt-br/security/index.md      |  6 ++--
 .../pt-br/staking/withdrawals/index.md        |  4 +--
 .../content/translations/pt-br/web3/index.md  |  4 +--
 public/content/translations/pt/defi/index.md  |  2 +-
 public/content/translations/pt/nft/index.md   |  2 +-
 .../pt/staking/withdrawals/index.md           |  4 +--
 public/content/translations/ro/defi/index.md  |  2 +-
 .../consensus-mechanisms/pow/mining/index.md  |  2 +-
 .../ro/energy-consumption/index.md            |  2 +-
 public/content/translations/ro/nft/index.md   |  6 ++--
 .../ro/roadmap/beacon-chain/index.md          |  2 +-
 .../content/translations/ro/security/index.md |  6 ++--
 .../content/translations/ru/bridges/index.md  |  2 +-
 public/content/translations/ru/defi/index.md  |  2 +-
 .../consensus-mechanisms/pow/mining/index.md  |  2 +-
 .../ru/energy-consumption/index.md            |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../ru/guides/how-to-swap-tokens/index.md     |  2 +-
 .../ru/guides/how-to-use-a-bridge/index.md    |  2 +-
 .../ru/guides/how-to-use-a-wallet/index.md    |  2 +-
 public/content/translations/ru/nft/index.md   |  2 +-
 .../ru/roadmap/beacon-chain/index.md          |  2 +-
 .../content/translations/ru/security/index.md |  6 ++--
 .../ru/staking/withdrawals/index.md           |  4 +--
 public/content/translations/ru/web3/index.md  |  4 +--
 public/content/translations/se/nft/index.md   |  4 +--
 .../content/translations/sk/bridges/index.md  |  2 +-
 public/content/translations/sk/defi/index.md  |  2 +-
 .../sk/energy-consumption/index.md            |  2 +-
 public/content/translations/sk/nft/index.md   |  2 +-
 .../content/translations/sk/security/index.md |  6 ++--
 .../sk/staking/withdrawals/index.md           |  4 +--
 public/content/translations/sk/web3/index.md  |  4 +--
 .../contributing/translation-program/index.md |  4 +--
 public/content/translations/sl/defi/index.md  |  2 +-
 .../sl/roadmap/beacon-chain/index.md          |  2 +-
 public/content/translations/sr/defi/index.md  |  2 +-
 public/content/translations/sr/nft/index.md   |  2 +-
 public/content/translations/sr/web3/index.md  |  4 +--
 public/content/translations/sw/nft/index.md   |  2 +-
 .../sw/roadmap/beacon-chain/index.md          |  2 +-
 public/content/translations/te/defi/index.md  |  2 +-
 public/content/translations/te/web3/index.md  |  4 +--
 .../content/translations/tl/bridges/index.md  |  2 +-
 public/content/translations/tl/defi/index.md  |  2 +-
 .../tl/energy-consumption/index.md            |  2 +-
 .../content/translations/tl/security/index.md |  6 ++--
 .../tl/staking/withdrawals/index.md           |  4 +--
 public/content/translations/tl/web3/index.md  |  4 +--
 .../content/translations/tr/bridges/index.md  |  2 +-
 .../how-to-translate/index.md                 |  2 +-
 public/content/translations/tr/defi/index.md  |  2 +-
 .../docs/consensus-mechanisms/pow/index.md    |  2 +-
 .../consensus-mechanisms/pow/mining/index.md  |  2 +-
 .../mining/mining-algorithms/ethash/index.md  |  2 +-
 .../pow/mining/mining-algorithms/index.md     |  2 +-
 .../tr/energy-consumption/index.md            |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../tr/guides/how-to-swap-tokens/index.md     |  2 +-
 .../tr/guides/how-to-use-a-bridge/index.md    |  2 +-
 .../tr/guides/how-to-use-a-wallet/index.md    |  2 +-
 .../index.md                                  |  2 +-
 public/content/translations/tr/nft/index.md   |  2 +-
 .../tr/roadmap/beacon-chain/index.md          |  2 +-
 .../content/translations/tr/security/index.md |  6 ++--
 .../tr/staking/withdrawals/index.md           |  4 +--
 public/content/translations/tr/web3/index.md  |  4 +--
 .../content/translations/uk/bridges/index.md  |  2 +-
 public/content/translations/uk/defi/index.md  |  2 +-
 .../uk/energy-consumption/index.md            |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../uk/guides/how-to-swap-tokens/index.md     |  2 +-
 .../uk/guides/how-to-use-a-bridge/index.md    |  2 +-
 .../uk/guides/how-to-use-a-wallet/index.md    |  2 +-
 public/content/translations/uk/nft/index.md   |  2 +-
 .../uk/roadmap/beacon-chain/index.md          |  2 +-
 .../content/translations/uk/security/index.md |  6 ++--
 .../uk/staking/withdrawals/index.md           |  4 +--
 public/content/translations/uk/web3/index.md  |  4 +--
 public/content/translations/uz/defi/index.md  |  2 +-
 public/content/translations/uz/nft/index.md   |  2 +-
 .../uz/staking/withdrawals/index.md           |  4 +--
 public/content/translations/uz/web3/index.md  |  4 +--
 public/content/translations/vi/defi/index.md  |  2 +-
 public/content/translations/vi/nft/index.md   |  2 +-
 .../vi/staking/withdrawals/index.md           |  4 +--
 public/content/translations/vi/web3/index.md  |  4 +--
 public/content/translations/yo/defi/index.md  |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../yo/guides/how-to-swap-tokens/index.md     |  2 +-
 .../yo/guides/how-to-use-a-bridge/index.md    |  2 +-
 .../yo/guides/how-to-use-a-wallet/index.md    |  2 +-
 public/content/translations/yo/nft/index.md   |  2 +-
 .../yo/staking/withdrawals/index.md           |  4 +--
 public/content/translations/yo/web3/index.md  |  4 +--
 .../translations/zh-tw/bridges/index.md       |  2 +-
 .../how-to-translate/index.md                 |  2 +-
 .../content/translations/zh-tw/defi/index.md  |  2 +-
 .../docs/consensus-mechanisms/pow/index.md    |  2 +-
 .../consensus-mechanisms/pow/mining/index.md  |  2 +-
 .../mining/mining-algorithms/ethash/index.md  |  2 +-
 .../pow/mining/mining-algorithms/index.md     |  2 +-
 .../zh-tw/energy-consumption/index.md         |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../zh-tw/guides/how-to-swap-tokens/index.md  |  2 +-
 .../zh-tw/guides/how-to-use-a-bridge/index.md |  2 +-
 .../zh-tw/guides/how-to-use-a-wallet/index.md |  2 +-
 .../content/translations/zh-tw/nft/index.md   |  2 +-
 .../zh-tw/roadmap/beacon-chain/index.md       |  2 +-
 .../translations/zh-tw/security/index.md      |  6 ++--
 .../zh-tw/staking/withdrawals/index.md        |  4 +--
 .../content/translations/zh-tw/web3/index.md  |  4 +--
 .../translations/zh/beacon-chain/index.md     |  2 +-
 .../content/translations/zh/bridges/index.md  |  2 +-
 .../how-to-translate/index.md                 |  2 +-
 public/content/translations/zh/defi/index.md  |  2 +-
 .../docs/consensus-mechanisms/pow/index.md    |  2 +-
 .../consensus-mechanisms/pow/mining/index.md  |  2 +-
 .../mining/mining-algorithms/ethash/index.md  |  2 +-
 .../pow/mining/mining-algorithms/index.md     |  2 +-
 .../zh/energy-consumption/index.md            |  2 +-
 .../index.md                                  |  2 +-
 .../index.md                                  |  2 +-
 .../how-to-revoke-token-access/index.md       |  2 +-
 .../zh/guides/how-to-swap-tokens/index.md     |  2 +-
 .../zh/guides/how-to-use-a-bridge/index.md    |  2 +-
 .../zh/guides/how-to-use-a-wallet/index.md    |  2 +-
 .../index.md                                  |  2 +-
 public/content/translations/zh/nft/index.md   |  2 +-
 .../zh/roadmap/beacon-chain/index.md          |  2 +-
 .../zh/staking/withdrawals/index.md           |  4 +--
 public/content/translations/zh/web3/index.md  |  4 +--
 public/content/web3/index.md                  |  4 +--
 src/components/MeetupList.tsx                 |  4 +--
 src/components/ProductDisclaimer.tsx          |  5 ++--
 src/components/StablecoinAccordion/index.tsx  |  5 ++--
 src/components/UpcomingEventsList.tsx         |  5 ++--
 src/components/ui/alert.tsx                   | 24 +++++++++++++++-
 493 files changed, 682 insertions(+), 648 deletions(-)

diff --git a/app/[locale]/developers/learning-tools/_components/learning-tools.tsx b/app/[locale]/developers/learning-tools/_components/learning-tools.tsx
index 81833faedc4..307524b5b32 100644
--- a/app/[locale]/developers/learning-tools/_components/learning-tools.tsx
+++ b/app/[locale]/developers/learning-tools/_components/learning-tools.tsx
@@ -6,12 +6,11 @@ import shuffle from "lodash/shuffle"
 import { LearningTool } from "@/lib/types"
 
 import CalloutBanner from "@/components/CalloutBanner"
-import Emoji from "@/components/Emoji"
 import FeedbackCard from "@/components/FeedbackCard"
 import LearningToolsCardGrid from "@/components/LearningToolsCardGrid"
 import MainArticle from "@/components/MainArticle"
 import Translation from "@/components/Translation"
-import { Alert } from "@/components/ui/alert"
+import { Alert, AlertEmoji } from "@/components/ui/alert"
 import { ButtonLink } from "@/components/ui/buttons/Button"
 
 import { cn } from "@/lib/utils/cn"
@@ -421,7 +420,7 @@ const LearningToolsPage = () => {
           </p>
           <LearningToolsCardGrid category={randomizedSandboxes} />
           <Alert variant="update" className="mx-auto max-w-[55rem]">
-            <Emoji text=":point_up:" className="text-5xl" />
+            <AlertEmoji text=":point_up:" />
             <Translation id="page-developers-learning-tools:page-learning-tools-remix-description-2" />
           </Alert>
         </StackContainer>
diff --git a/app/[locale]/eth/_components/eth.tsx b/app/[locale]/eth/_components/eth.tsx
index 04d6e8542a9..4693d2f0705 100644
--- a/app/[locale]/eth/_components/eth.tsx
+++ b/app/[locale]/eth/_components/eth.tsx
@@ -8,7 +8,6 @@ import ActionCard from "@/components/ActionCard"
 import CalloutBanner from "@/components/CalloutBanner"
 import Card from "@/components/Card"
 import CardList from "@/components/CardList"
-import Emoji from "@/components/Emoji"
 import EthPriceCard from "@/components/EthPriceCard"
 import EthVideo from "@/components/EthVideo"
 import FeedbackCard from "@/components/FeedbackCard"
@@ -18,7 +17,12 @@ import ListenToPlayer from "@/components/ListenToPlayer"
 import MainArticle from "@/components/MainArticle"
 import { StandaloneQuizWidget } from "@/components/Quiz/QuizWidget"
 import Translation from "@/components/Translation"
-import { Alert } from "@/components/ui/alert"
+import {
+  Alert,
+  AlertContent,
+  AlertDescription,
+  AlertEmoji,
+} from "@/components/ui/alert"
 import { ButtonLink } from "@/components/ui/buttons/Button"
 import { Divider } from "@/components/ui/divider"
 import { Flex, VStack } from "@/components/ui/flex"
@@ -309,15 +313,17 @@ const EthPage = () => {
             ))}
           </CardContainer>
           <Alert variant="update" className="mx-auto max-w-[55rem]">
-            <Emoji text=":wave:" className="text-7xl" />
-            <div>
-              <b>{t("page-eth-buy-some")}</b>{" "}
-              <Translation id="page-eth:page-eth-buy-some-desc" />{" "}
-              <InlineLink href="/what-is-ethereum/">
-                {t("page-eth-more-on-ethereum-link")}
-              </InlineLink>
-              {t("page-eth-period")}
-            </div>
+            <AlertEmoji text=":wave:" />
+            <AlertContent>
+              <AlertDescription>
+                <b>{t("page-eth-buy-some")}</b>{" "}
+                <Translation id="page-eth:page-eth-buy-some-desc" />{" "}
+                <InlineLink href="/what-is-ethereum/">
+                  {t("page-eth-more-on-ethereum-link")}
+                </InlineLink>
+                {t("page-eth-period")}
+              </AlertDescription>
+            </AlertContent>
           </Alert>
         </Content>
       </GrayContainer>
diff --git a/app/[locale]/get-eth/_components/get-eth.tsx b/app/[locale]/get-eth/_components/get-eth.tsx
index 3bc1bc54216..ec9d4b33c56 100644
--- a/app/[locale]/get-eth/_components/get-eth.tsx
+++ b/app/[locale]/get-eth/_components/get-eth.tsx
@@ -15,7 +15,12 @@ import FeedbackCard from "@/components/FeedbackCard"
 import { Image } from "@/components/Image"
 import MainArticle from "@/components/MainArticle"
 import Translation from "@/components/Translation"
-import { Alert, AlertContent, AlertDescription } from "@/components/ui/alert"
+import {
+  Alert,
+  AlertContent,
+  AlertDescription,
+  AlertEmoji,
+} from "@/components/ui/alert"
 import { ButtonLink } from "@/components/ui/buttons/Button"
 import {
   Card,
@@ -207,7 +212,7 @@ const GetEthPage = ({ lastDataUpdateDate }: Props) => {
           </p>
           <Alert className="mx-auto w-fit" variant="update">
             <AlertContent className="flex flex-row items-center gap-4">
-              <Emoji className="text-4xl" text=":wave:" />
+              <AlertEmoji text=":wave:" />
               <AlertDescription>
                 {t("page-get-eth-new-to-eth")}{" "}
                 <InlineLink href="/eth/">
diff --git a/app/[locale]/stablecoins/_components/stablecoins.tsx b/app/[locale]/stablecoins/_components/stablecoins.tsx
index 7e2ffe30331..1cac60805ae 100644
--- a/app/[locale]/stablecoins/_components/stablecoins.tsx
+++ b/app/[locale]/stablecoins/_components/stablecoins.tsx
@@ -19,7 +19,7 @@ import StablecoinBoxGrid from "@/components/StablecoinBoxGrid"
 import StablecoinsTable from "@/components/StablecoinsTable"
 import Tooltip from "@/components/Tooltip"
 import Translation from "@/components/Translation"
-import { Alert } from "@/components/ui/alert"
+import { Alert, AlertEmoji } from "@/components/ui/alert"
 import { ButtonLink } from "@/components/ui/buttons/Button"
 import { Divider } from "@/components/ui/divider"
 import { Flex, FlexProps } from "@/components/ui/flex"
@@ -403,7 +403,7 @@ const StablecoinsPage = ({ markets, marketsHasError }: Props) => {
               </Tooltip>
             </H3>
             <Alert className="mb-4" variant="warning">
-              <Emoji text="⚠️" className="text-4xl" />
+              <AlertEmoji text="⚠️" />
               {t("page-stablecoins-algorithmic-disclaimer")}
             </Alert>
             <p className="mb-6">
@@ -482,7 +482,7 @@ const StablecoinsPage = ({ markets, marketsHasError }: Props) => {
         <Content id="how">
           <H2 className="mt-0">{t("page-stablecoins-types-of-stablecoin")}</H2>
           <Alert variant="warning">
-            <Emoji text="⚠️" className="text-4xl" />
+            <AlertEmoji text="⚠️" />
             <div>
               <H3 className="mb-4 mt-0">
                 {t("page-stablecoins-research-warning-title")}
diff --git a/app/[locale]/staking/deposit-contract/_components/deposit-contract.tsx b/app/[locale]/staking/deposit-contract/_components/deposit-contract.tsx
index 822e31f6117..e7fc343cd7a 100644
--- a/app/[locale]/staking/deposit-contract/_components/deposit-contract.tsx
+++ b/app/[locale]/staking/deposit-contract/_components/deposit-contract.tsx
@@ -14,7 +14,12 @@ import { Image } from "@/components/Image"
 import MainArticle from "@/components/MainArticle"
 import Tooltip from "@/components/Tooltip"
 import Translation from "@/components/Translation"
-import { Alert, AlertContent, AlertDescription } from "@/components/ui/alert"
+import {
+  Alert,
+  AlertContent,
+  AlertDescription,
+  AlertEmoji,
+} from "@/components/ui/alert"
 import {
   Button,
   ButtonLink,
@@ -399,7 +404,7 @@ const DepositContractPage = () => {
                 </>
               )}
               <Alert variant="warning">
-                <Emoji text=":warning:" className="text-4xl" />
+                <AlertEmoji text=":warning:" />
                 <AlertContent>
                   <AlertDescription>
                     {t("page-staking-deposit-contract-warning-2")}{" "}
diff --git a/public/content/ai-agents/index.md b/public/content/ai-agents/index.md
index 45397c087e9..d31b5f2aaab 100644
--- a/public/content/ai-agents/index.md
+++ b/public/content/ai-agents/index.md
@@ -62,7 +62,7 @@ Agents like Luna or AIXBT control their own onchain wallet ([AIXBT's wallet](htt
 During Luna's X social campaign #LunaMuralChallenge, Luna selected and rewarded the winners via her Base wallet — marking <strong>the first instance of an AI hiring humans for crypto reward</strong>.
 
 <Alert variant="warning">
-<Emoji text="💡" className="text-4xl"/>
+<AlertEmoji text="💡"/>
 <AlertContent>
 <p className="mt-0"><strong>Good to know</strong></p>
 <p className="mt-2">AI agents and related tools are still in early development and very experimental—use with caution.</p>
diff --git a/public/content/bridges/index.md b/public/content/bridges/index.md
index 7061b281881..cae057a496c 100644
--- a/public/content/bridges/index.md
+++ b/public/content/bridges/index.md
@@ -60,7 +60,7 @@ If you have ETH on Ethereum Mainnet and you want to explore an alt L1 to try out
 Let’s say you want to own native Bitcoin (BTC), but you only have funds on Ethereum Mainnet. To gain exposure to BTC on Ethereum, you can buy Wrapped Bitcoin (WBTC). However, WBTC is an [ERC-20](/glossary/#erc-20) token native to the Ethereum network, which means it’s an Ethereum version of Bitcoin and not the original asset on the Bitcoin blockchain. To own native BTC, you would have to bridge your assets from Ethereum to Bitcoin using a bridge. This will bridge your WBTC and convert it into native BTC. Alternatively, you might own BTC and want to use it in Ethereum [DeFi](/glossary/#defi) protocols. This would require bridging the other way, from BTC to WBTC which can then be used as an asset on Ethereum.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   You can also do all of the above using a <a href="/get-eth/">centralized exchange</a>. However, unless your funds are already on an exchange, it would involve multiple steps, and you’d likely be better off using a bridge.
diff --git a/public/content/contributing/translation-program/how-to-translate/index.md b/public/content/contributing/translation-program/how-to-translate/index.md
index 6e8a915b641..a38b9adb28e 100644
--- a/public/content/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/contributing/translation-program/how-to-translate/index.md
@@ -79,7 +79,7 @@ Want to learn more? Feel free to check out the [documentation on using the Crowd
 Once you've completed the translation (i.e. all files for a content bucket display 100%), our professional translation service will review (and potentially edit) the content. Once the review is complete (i.e. review progress is 100%), we will add it to the website.
 
 <Alert variant="update">
-<Emoji text=":warning:" className="text-4xl"/>
+<AlertEmoji text=":warning:"/>
 <AlertContent>
   Please do not use machine translation to translate the project. All the translations will be reviewed before being added to the website. If your suggested translations are found to be machine translated, they will be dismissed and contributors who use machine translation often will be removed from the project.
 </AlertContent>
diff --git a/public/content/defi/index.md b/public/content/defi/index.md
index dc2a31a4a76..b17eceaca11 100644
--- a/public/content/defi/index.md
+++ b/public/content/defi/index.md
@@ -65,7 +65,7 @@ Ethereum builds on this. Like Bitcoin, the rules can't change on you and everyon
 This sounds odd... "why would I want to program my money"? However, this is more just a default feature of tokens on Ethereum. Anyone can program logic into payments. So you can get the control and security of Bitcoin mixed with the services provided by financial institutions. This lets you do things with cryptocurrencies that you can't do with Bitcoin like lending and borrowing, scheduling payments, investing in index funds and more.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div>Explore our suggestions for DeFi applications to try out if you're new to Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/developers/docs/consensus-mechanisms/pow/index.md b/public/content/developers/docs/consensus-mechanisms/pow/index.md
index 14ff4e21695..a786d42a973 100644
--- a/public/content/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/developers/docs/consensus-mechanisms/pow/index.md
@@ -7,7 +7,7 @@ lang: en
 The Ethereum network began by using a consensus mechanism that involved **[Proof-of-work (PoW)](/developers/docs/consensus-mechanisms/pow)**. This allowed the nodes of the Ethereum network to agree on the state of all information recorded on the Ethereum blockchain and prevented certain kinds of economic attacks. However, Ethereum switched off proof-of-work in 2022 and started using [proof-of-stake](/developers/docs/consensus-mechanisms/pos) instead.
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
     Proof-of-work has now been deprecated. Ethereum no longer uses proof-of-work as part of its consensus mechanism. Instead, it uses proof-of-stake. Read more on <a href="/developers/docs/consensus-mechanisms/pos/">proof-of-stake</a> and <a href="/staking/">staking</a>.
diff --git a/public/content/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/developers/docs/consensus-mechanisms/pow/mining/index.md
index c049513e469..423aec55da6 100644
--- a/public/content/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -5,7 +5,7 @@ lang: en
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 Proof-of-work is no longer underlying Ethereum's consensus mechanism, meaning mining has been switched off. Instead, Ethereum is secured by validators who stake ETH. You can start staking your ETH today. Read more on <a href='/roadmap/merge/'>The Merge</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>proof-of-stake</a>, and <a href='/staking/'>staking</a>. This page is for historical interest only.
diff --git a/public/content/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index 6fa2436a3ca..5cd018d6ca9 100644
--- a/public/content/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -5,7 +5,7 @@ lang: en
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
    Ethash was Ethereum's proof-of-work mining algorithm. Proof-of-work has now been **switched off entirely** and Ethereum is now secured using <a href="/developers/docs/consensus-mechanisms/pos/">proof-of-stake</a> instead. Read more on <a href="/roadmap/merge/">The Merge</a>, <a href="/developers/docs/consensus-mechanisms/pos/">proof-of-stake</a> and <a href="/staking/">staking</a>. This page is for historical interest!  
diff --git a/public/content/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index d9e130f6d7a..3cdbd2d583c 100644
--- a/public/content/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -5,7 +5,7 @@ lang: en
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 Proof-of-work is no longer underlying Ethereum's consensus mechanism, meaning mining has been switched off. Instead, Ethereum is secured by validators who stake ETH. You can start staking your ETH today. Read more on <a href='/roadmap/merge/'>The Merge</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>proof-of-stake</a>, and <a href='/staking/'>staking</a>. This page is for historical interest only.
diff --git a/public/content/energy-consumption/index.md b/public/content/energy-consumption/index.md
index f5d08d6fd16..59edc7f7b12 100644
--- a/public/content/energy-consumption/index.md
+++ b/public/content/energy-consumption/index.md
@@ -62,7 +62,7 @@ While Ethereum's energy consumption is very low, there is also a substantial, gr
 Web3 native public goods funding platforms such as [Gitcoin](https://gitcoin.co) run climate rounds to stimulate environmentally conscious building on Ethereum's application layer. Through the development of these initiatives (and others, e.g. [DeSci](/desci/)), Ethereum is becoming an environmentally and socially net-positive technology.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   If you think this page can be made more accurate, please raise an issue or PR. The stats on this page are estimates based on publicly available data - they do not represent an official statement or promise from the ethereum.org team, or the Ethereum Foundation.
diff --git a/public/content/guides/how-to-create-an-ethereum-account/index.md b/public/content/guides/how-to-create-an-ethereum-account/index.md
index 03cb0ad0b0c..dfaa2ed2509 100644
--- a/public/content/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ Some apps will request you to save a secret "recovery phrase" (sometimes called
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>Wallet installed?</b><br/>Learn how to use it.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/guides/how-to-revoke-token-access/index.md b/public/content/guides/how-to-revoke-token-access/index.md
index d864ff2d077..91e9df4c6e0 100644
--- a/public/content/guides/how-to-revoke-token-access/index.md
+++ b/public/content/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ We advise you to refresh the revoking tool after a few minutes and connect your
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Want to learn more?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/guides/how-to-swap-tokens/index.md b/public/content/guides/how-to-swap-tokens/index.md
index 4637df812a2..8c4e2b77ac6 100644
--- a/public/content/guides/how-to-swap-tokens/index.md
+++ b/public/content/guides/how-to-swap-tokens/index.md
@@ -51,7 +51,7 @@ You will automatically receive the swapped tokens in your wallet once the transa
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Want to learn more?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/guides/how-to-use-a-bridge/index.md b/public/content/guides/how-to-use-a-bridge/index.md
index 1701d1f1424..7df26d4eccb 100644
--- a/public/content/guides/how-to-use-a-bridge/index.md
+++ b/public/content/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ You can use [chainlist.org](http://chainlist.org) to find the network's RPC deta
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Want to learn more?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/guides/how-to-use-a-wallet/index.md b/public/content/guides/how-to-use-a-wallet/index.md
index 369ae8767ec..14928c0d723 100644
--- a/public/content/guides/how-to-use-a-wallet/index.md
+++ b/public/content/guides/how-to-use-a-wallet/index.md
@@ -65,7 +65,7 @@ Your address will be the same in all Ethereum projects. You do not need to regis
    <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Want to learn more?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/nft/index.md b/public/content/nft/index.md
index 27660fba524..c1309f74a1d 100644
--- a/public/content/nft/index.md
+++ b/public/content/nft/index.md
@@ -56,7 +56,7 @@ NFTs are used for many things, including:
 Maybe you are an artist that wants to share their work using NFTs, without losing control and sacrificing your profits to intermediaries. You can create a new contract and specify the number of NFTs, their properties and a link to some specific artwork. As the artist, **you can program into the smart contract the royalties** you should be paid (e.g. transfer 5% of the sale price to the contract owner each time an NFT is transferred). You can also always prove that you created the NFTs because you own the [wallet](/glossary/#wallet) that deployed the contract. Your buyers can easily prove that they own an **authentic NFT** from your collection because their wallet [address](/glossary/#address) is associated with a token in your smart contract. They can use it across the Ethereum ecosystem, confident in its authenticity.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Explore, buy or create your own NFT art/collectibles...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/payments/index.md b/public/content/payments/index.md
index 282326570cd..028c3689276 100644
--- a/public/content/payments/index.md
+++ b/public/content/payments/index.md
@@ -59,7 +59,7 @@ Countries like El Salvador and the Central African Republic have even adopted cr
 In countries where their means of payment have been disconnected from the rest of the world, crypto-integrated payment solutions have been a huge relief. Payments of subscriptions for platforms like Netflix, Spotify, and educational courses have now been made easy through crypto payment platforms like Gnosis Pay and Paypal.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Create your Ethereum account with a wallet app today.</div>
   <ButtonLink href="/wallets/find-wallet">
@@ -149,7 +149,7 @@ While fiat currencies have the advantage of widespread acceptance and stability,
 From facilitating rapid disaster relief to empowering global workers, Ethereum payments are writing a new chapter in the long history of money. While challenges remain, the unique advantages offered by this technology make it an attractive option for a wide range of use cases.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Time to get your own Ethereum account.</div>
   <ButtonLink href="/wallets/find-wallet">
diff --git a/public/content/prediction-markets/index.md b/public/content/prediction-markets/index.md
index 3e4a5850da3..e88c59f6578 100644
--- a/public/content/prediction-markets/index.md
+++ b/public/content/prediction-markets/index.md
@@ -51,7 +51,7 @@ There are several Ethereum-based prediction markets available. These are some of
 <PredictionMarketLists />
 
 <Alert variant="warning">
-<Emoji text="💡" className="text-4xl"/>
+<AlertEmoji text="💡"/>
 <AlertContent>
 <AlertDescription>
   <p className="mt-0"><strong>Stay mindful of the risks</strong></p>
diff --git a/public/content/roadmap/beacon-chain/index.md b/public/content/roadmap/beacon-chain/index.md
index 50a7dfa564e..f25f14de140 100644
--- a/public/content/roadmap/beacon-chain/index.md
+++ b/public/content/roadmap/beacon-chain/index.md
@@ -37,7 +37,7 @@ The transition to proof-of-stake made Ethereum significantly more secure and dec
 And using proof-of-stake as consensus mechanism is a foundational component for [the secure, environmentally friendly and scalable Ethereum we have now](/roadmap/vision/).
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   If you're interested in becoming a validator and helping secure Ethereum, <a href="/staking/">learn more about staking</a>.
diff --git a/public/content/security/index.md b/public/content/security/index.md
index 045ac5b8815..8c033b8aedc 100644
--- a/public/content/security/index.md
+++ b/public/content/security/index.md
@@ -126,7 +126,7 @@ As a general rule, staff will never communicate with you through private, unoffi
 - Never communicate outside an organization's designated channels
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Beware: although support-style scams commonly happen on Discord, they can also be prevalent on any chat applications where crypto discussion happens, including email.
@@ -220,7 +220,7 @@ A strong password that has been revealed in a data breach is no longer a strong
 ### Use a password manager {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     Using a password manager takes care of creating strong, unique passwords and remembering them! We <strong>strongly</strong> recommend using one, and most of them are free!
@@ -250,7 +250,7 @@ You may sometimes be asked to authenticate your identity through unique proofs.
 Using **Two-Factor Authentication (2FA)** provides an additional *security factor* for your online accounts. 2FA ensures that merely having your password is not enough to access an account. Most commonly, the second factor is a randomized 6-digit code, known as a **time-based one-time password (TOTP)**, that you can access through an authenticator app such as Google Authenticator or Authy. These work as a "something you own" factor because the seed that generates the timed code is stored on your device.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Note: Using SMS-based 2FA is susceptible to <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM jacking</a> and is not secure. For the best security, use a service like <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> or <a href="https://authy.com/">Authy</a>.
diff --git a/public/content/staking/withdrawals/index.md b/public/content/staking/withdrawals/index.md
index 570e3be9e3a..22cd1646e34 100644
--- a/public/content/staking/withdrawals/index.md
+++ b/public/content/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Before the Shanghai/Capella upgrade, you couldn't use or access your staked ETH.
 Providing a withdrawal address is a required step for any validator account before it will be eligible to have ETH withdrawn from its balance.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Each validator account can only be assigned a single withdrawal address, one time.</strong> Once an address is chosen and submitted to the consensus layer, this cannot be undone or changed again. Double-check ownership and accuracy of the address provided before submitting.
@@ -88,7 +88,7 @@ Check out this explanation of Ethereum staking withdrawals by Finematics:
 When a validator is scheduled to propose the next block, it is required to build a withdrawal queue, of up to 16 eligible withdrawals. This is done by originally starting with validator index 0, determining if there is an eligible withdrawal for this account per the rules of the protocol, and adding it to the queue if there is. The validator set to propose the following block will pick up where the last one left off, progressing in order indefinitely.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Think about an analogue clock. The hand on the clock points to the hour, progresses in one direction, doesn’t skip any hours, and eventually wraps around to the beginning again after the last number is reached.<br/><br/>
diff --git a/public/content/translations/ar/defi/index.md b/public/content/translations/ar/defi/index.md
index 72dd3804d03..1e9841b2921 100644
--- a/public/content/translations/ar/defi/index.md
+++ b/public/content/translations/ar/defi/index.md
@@ -64,7 +64,7 @@ summaryPoint3: استنادًا إلى التكنولوجيا مفتوحة ال
 يبدو هذا غريبًا... "لماذا أريد برمجة مالي"؟ ومع ذلك، فهذه مجرد ميزة افتراضية للرموز على إيثريوم. يمكن لأي شخص برمجة المنطق في المدفوعات. لذا يمكنك الحصول على تحكم وأمان عملة بيتكوين فضلاً عن الخدمات التي تقدمها المؤسسات المالية. هذا يتيح لك القيام بأشياء مع العملات الرقمية لا يمكنك القيام بها مع عملة بيتكوين مثل الإقراض والاقتراض، وجدولة المدفوعات، والاستثمار في صناديق المؤشرات والمزيد.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>استكشف اقتراحاتنا لتطبيقات التمويل اللامركزي دي فاي (DeFi) التي يمكن تجربتها إذا كنت جديدًا على إيثريوم.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/ar/roadmap/beacon-chain/index.md b/public/content/translations/ar/roadmap/beacon-chain/index.md
index eaf12539453..12c996d60fb 100644
--- a/public/content/translations/ar/roadmap/beacon-chain/index.md
+++ b/public/content/translations/ar/roadmap/beacon-chain/index.md
@@ -37,7 +37,7 @@ summaryPoint3: قدمت سلسلة المنارة منطق إجماع الآرا
 وقد جعل الانتقال إلى إثبات الحصة إثيريوم أكثر أمنًا ولا مركزية بالمقارنة مع إثبات العمل. وكلما زاد عدد الأشخاص الذين يشاركون في الشبكة، زادت اللامركزية وأصبحت الشبكة أكثر أمانًا ضد الهجمات.
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   إذا كنت مهتمًا بأن تصبح مدققًا وتساعد على تأمين الإثيريوم، <a href="/staking/">فتعلم المزيد عن تجميد العملات</a>.
diff --git a/public/content/translations/ar/staking/withdrawals/index.md b/public/content/translations/ar/staking/withdrawals/index.md
index 293e057ca90..2bfc86a09b2 100644
--- a/public/content/translations/ar/staking/withdrawals/index.md
+++ b/public/content/translations/ar/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ summaryPoints:
 يلزم توفير عنوان للسحب لأي حساب مدقق قبل أن يصبح مؤهلاً لسحب عملة ETH من رصيده.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>يمكن تخصيص عنوان سحب واحد فقط لكل حساب مدقق ولمرة واحدة فقط.</strong> بمجرد اختيار العنوان وإرساله إلى طبقة الإجماع، لا يمكن التراجع عن هذا الإجراء أو التغيير. تحقق جيدًا من ملكية ودقة العنوان الذي تم تقديمه قبل الإرسال.
@@ -88,7 +88,7 @@ summaryPoints:
 عندما يتم جدولة مدقق ما لاقتراح الكتلة المقبلة، يلزم إنشاء قائمة انتظار للسحب، تصل إلى 16 عملية سحب مؤهلة. يتم إجراء ذلك من خلال البدء في الأساس بمؤشر المدقق 0، وتحديد أن هناك سحبًا مؤهلاً لهذا الحساب وفقًا لقواعد البروتوكول أو لا، وإضافته إلى قائمة الانتظار إن وجد. سيتابع المدقق الذي تم تعيينه لاقتراح الكتلة التالية من حيث توقفت الكتلة الأخيرة، ويتقدم بالترتيب إلى أجل غير مسمى.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 فكر في الساعة التناظرية. يشير عقرب الساعة إلى الساعات، يتحرك باتجاهٍ واحد ولا يتخطى أي ساعة، ويعيد دورته مرة أخرى بعد أن يصل إلى الرقم الأخير.<br/><br/>
diff --git a/public/content/translations/ar/web3/index.md b/public/content/translations/ar/web3/index.md
index 0c4003de714..8eb674f5613 100644
--- a/public/content/translations/ar/web3/index.md
+++ b/public/content/translations/ar/web3/index.md
@@ -62,7 +62,7 @@ lang: ar
 يسمح الإصدار الثالث من الويب Web3 بالملكية المباشرة من خلال [الرموز المميزة غير القابلة للاستبدال (NFTs)](/glossary/#nft). فلا أحد، ولا حتى منشئو اللعبة، لديه القدرة على نزع ملكيتك. وإذا توقفت عن اللعب، يمكنك بيع أو تداول العناصر داخل اللعبة في الأسواق المفتوحة واسترداد قيمتها.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>تعرّف على المزيد عن NFTs</div>
   <ButtonLink href="/nft/">
@@ -90,7 +90,7 @@ OnlyFans هو موقع محتوى للبالغين تم إنشاؤه بواسط
 ومع ذلك، يُعرّف الناس العديد من مجتمعات الإصدار الثالث من الويب Web3 على أنها منظمات لامركزية مستقلة (DAOs). كل هذه المجتمعات لديها مستويات مختلفة من اللامركزية والأتمتة عن طريق النص البرمجي. حاليًا، نحن نستكشف ماهية المنظمات اللامركزية المستقلة (DAOs) وكيف يمكن أن تتطور في المستقبل.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/az/defi/index.md b/public/content/translations/az/defi/index.md
index 2d0399a3948..97228e2d2af 100644
--- a/public/content/translations/az/defi/index.md
+++ b/public/content/translations/az/defi/index.md
@@ -64,7 +64,7 @@ Ethereum bunun üzərində qurulur. Bitcoin kimi, qaydalar sizin üzərinizdə d
 Bu qəribə səslənir... "Mən niyə pulumu proqramlaşdırmaq istəyim"? Bununla belə, bu daha çox Ethereum-da tokenlərin standart xüsusiyyətidir. Hər kəs məntiqi ödənişlərə proqramlaşdıra bilər. Beləliklə, Bitcoin-in nəzarətini və təhlükəsizliyini maliyyə institutları tərəfindən göstərilən xidmətlərlə qarışdıra bilərsiniz. Bu, kriptovalyutalarla Bitcoin ilə edə bilməyəcəyiniz işləri yerinə yetirməyə imkan verir, məsələn, borc vermək və borc götürmək, ödənişləri planlaşdırmaq, indeks fondlarına investisiya qoymaq və s.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div>Ethereum-da yenisinizsə, sınamaq məqsədilə DeFi tətbiqləri üçün təkliflərimizi araşdırın.</div>
   <ButtonLink href="/dapps/?category=finance">
diff --git a/public/content/translations/be/defi/index.md b/public/content/translations/be/defi/index.md
index d7957248805..c9d743034ba 100644
--- a/public/content/translations/be/defi/index.md
+++ b/public/content/translations/be/defi/index.md
@@ -64,7 +64,7 @@ Ethereum пабудаваны на гэтым. Як і ў выпадку Біт
 Гучыць дзіўна... «Навошта мне праграмаваць мае грошы»? Аднак гэта хутчэй функцыя па змоўчванню для токенаў на Ethereum. Любы можа запраграмаваць логіку ў плацяжы. Таму вы можаце атрымаць кантроль і бяспеку Біткоіна ў спалучэнні з паслугамі, якія даюць фінансавыя ўстановы. Гэта дазволіць вам здзяйсняць аперацыі з крыптавалютамі, якія вы не можаце здзяйсняць з Біткоінам, такія як крэдытаванне і запазычанне, планаванне плацяжоў, інвеставанне ў індэксныя фонды і многае іншае.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Праглядзіце нашы прапановы па дадаткам DeFi, калі вы толькі асвойваецеся ў Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/be/nft/index.md b/public/content/translations/be/nft/index.md
index ed16e8a717b..5b47651dae5 100644
--- a/public/content/translations/be/nft/index.md
+++ b/public/content/translations/be/nft/index.md
@@ -55,7 +55,7 @@ NFT выкарыстоўваюцца для многіх рэчаў, у тым 
 Магчыма, вы мастак, які хоча дзяліцца сваімі працамі з дапамогай NFT, не губляючы кантролю і прыбыткаў праз аплаты пасрэднікам. Вы можаце стварыць новы кантракт і ўказаць у ім колькасць NFT, іх уласцівасці і спасылку на пэўны твор. Як мастак, **вы можаце запраграмаваць у разумным кантракце ганарар**, які вам павінен выплачвацца (напрыклад, пералічваць 5% ад цаны продажу ўладальніку кантракту кожны раз, калі NFT перадаецца). Вы таксама заўсёды можаце даказаць, што вы стварылі NFT, таму што вы валодаеце [гаманцом](/glossary/#wallet), які разгарнуў кантракт. Вашы пакупнікі могуць лёгка даказаць, што яны валодаюць **сапраўдным NFT** з вашай калекцыі, таму што [адрас](/glossary/#address) іх гаманца звязаны з токенам у вашым разумным кантракце. Яны могуць выкарыстоўваць яго ва ўсёй экасістэме Ethereum, упэўненыя ў яго сапраўднасці.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Шукайце, купляйце або стварайце ўласныя творы мастацтва NFT ці прадметы калекцыяніравання...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/be/web3/index.md b/public/content/translations/be/web3/index.md
index 829040f5d62..2e1c988109d 100644
--- a/public/content/translations/be/web3/index.md
+++ b/public/content/translations/be/web3/index.md
@@ -62,7 +62,7 @@ Web3 дае вам магчымасць валодання вашымі лічб
 Web3 дазваляе прамое валоданне праз [нятоесныя токены (NFT)](/glossary/#nft). Ніхто, нават стваральнікі гульні, не маюць улады забраць у вас права валодання. І, калі вы спыніце гульню, вы можаце прадаць або абмяняць свае прадметы ў гульні на адкрытых рынках і вярнуць іх каштоўнасць.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Даведайцеся больш пра NFT</div>
   <ButtonLink href="/nft/">
@@ -90,7 +90,7 @@ DAOs тэхнічна вызначаюцца як дамоўленасці [ра
 Тым не менш, многія Web3 супольнасці вызначаюцца як DAOs. Гэтыя супольнасці маюць розныя ўзроўні дэцэнтралізацыі і аўтаматызацыі праз код. У дадзены момант мы даследуем, што такое DAOs, і як яны могуць развівацца ў будучыні.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/bg/roadmap/beacon-chain/index.md b/public/content/translations/bg/roadmap/beacon-chain/index.md
index ac8882ab1ed..1709d3c2970 100644
--- a/public/content/translations/bg/roadmap/beacon-chain/index.md
+++ b/public/content/translations/bg/roadmap/beacon-chain/index.md
@@ -37,7 +37,7 @@ summaryPoint3: Бийкън чейн въведе логиката на конс
 След прехода към доказателство-за-залог Eтереум стана значително по-сигурен и децентрализиран в сравнение с механизма за доказателство-за-работа. Колкото повече хора участват в мрежата, толкова по-децентрализирана и защитена от атаки става тя.
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   Ако се интересувате от това да станете валидатор и да помогнете за защитата на Eтереум, <a href="/staking/">научете повече за залагането</a>.
diff --git a/public/content/translations/bn/defi/index.md b/public/content/translations/bn/defi/index.md
index 8b30d2a1281..9b5c4969bcd 100644
--- a/public/content/translations/bn/defi/index.md
+++ b/public/content/translations/bn/defi/index.md
@@ -64,7 +64,7 @@ DeFi এর সম্ভাব্যতা দেখার সর্বোত্
 এটা অদ্ভুত শোনাচ্ছে... "কেন আমি আমার অর্থ প্রোগ্রাম করতে চাইব"? যাইহোক, এটি ইথেরিয়াম-এ টোকেনগুলির একটি ডিফল্ট বৈশিষ্ট্য। যে কেউ অর্থ প্রদানের মধ্যে যুক্তি প্রোগ্রাম করতে পারেন। সুতরাং আপনি আর্থিক প্রতিষ্ঠান প্রদত্ত পরিষেবাগুলোর পাশাপাশি বিটকয়েনের নিয়ন্ত্রণ এবং নিরাপত্তা পেতে পারেন। এটি আপনাকে ক্রিপ্টোকারেন্সিগুলোর সাথে এমন কিছু করতে দেয় যা আপনি বিটকয়েনের সাথে করতে পারবেন না যেমন ধার দেওয়া এবং ধার নেওয়া, অর্থ প্রদানের সময় নির্ধারণ করা, ইন্ডেক্স ফান্ডে বিনিয়োগ করা এবং আরও অনেক কিছু।
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>আপনি যদি ইথেরিয়াম-এ নতুন হন তবে চেষ্টা করতে DeFi অ্যাপ্লিকেশনগুলির জন্য আমাদের পরামর্শগুলি এক্সপ্লোর করুন।</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/bn/staking/withdrawals/index.md b/public/content/translations/bn/staking/withdrawals/index.md
index 711b8614946..d98965fcdfa 100644
--- a/public/content/translations/bn/staking/withdrawals/index.md
+++ b/public/content/translations/bn/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Shanghai/Capella আপগ্রেডের আগে, আপনি আপন
 ETH এর ব্যালেন্স থেকে উত্তোলন করার যোগ্য হওয়ার আগে যেকোন ভ্যালিডেটর অ্যাকাউন্টকে একটি উত্তোলনের ঠিকানা প্রদান করতে হবে।
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>প্রতিটি ভ্যালিডেটর অ্যাকাউন্টে একবার শুধুমাত্র একটি উত্তোলনের ঠিকানা বরাদ্দ করা যাবে।</strong> একবার একটি ঠিকানা বেছে নেওয়া হলে এবং কনসেনসাস লেভেলে জমা দেওয়া হলে, এটি পূর্বাবস্থায় ফেরানো বা পরিবর্তন করা যাবে না। জমা দেওয়ার আগে প্রদত্ত ঠিকানার মালিকানা এবং যথার্থতা দুবার চেক করুন।
@@ -88,7 +88,7 @@ Shanghai/Capella আপগ্রেড পূর্বে স্টেক কর
 যখন একজন ভ্যালিডেটর পরবর্তী ব্লকের প্রস্তাব করার জন্য নির্ধারিত হন, তখন 16টি যোগ্য উত্তোলনের জন্য একটি উত্তোলন সারি তৈরি করতে হবে। এটি মূলত ভ্যালিডেটর ইনডেক্স 0 দিয়ে শুরু করে, প্রোটোকলের নিয়ম অনুসারে এই অ্যাকাউন্টের জন্য একটি যোগ্য উত্তোলন আছে কিনা তা নির্ধারণ করে এবং যদি থাকে তবে এটিকে সারিতে যোগ করে করা হয়। নিম্নোক্ত ব্লকটি প্রস্তাব করার জন্য সেট করা যাচাইকারী শেষটি যেখানে ছেড়ে গেছে সেখানেই উঠবে, অনির্দিষ্টকালের জন্য অগ্রসর হবে।
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 একটি এনালগ ঘড়ি সম্পর্কে চিন্তা করুন। ঘড়ির কাঁটা ঘণ্টার দিকে নির্দেশ করে, এক দিকে অগ্রসর হয়, কোনো ঘন্টা এড়িয়ে যায় না এবং শেষ সংখ্যায় পৌঁছানোর পরে আবার শুরু থেকে শুরু করে।<br/><br/>
diff --git a/public/content/translations/ca/defi/index.md b/public/content/translations/ca/defi/index.md
index c641fc1a0c9..89254126652 100644
--- a/public/content/translations/ca/defi/index.md
+++ b/public/content/translations/ca/defi/index.md
@@ -64,7 +64,7 @@ Ethereum desenvolupa tot això. Com Bitcoin, les regles no es poden canviar i to
 Sona estrany... «per què he de voler programar els meus diners»? En tot cas, aquesta és una característica per defecte dels tókens a Ethereum. Tothom pot programar lògica en els pagaments. Així teniu el control i la seguretat de Bitcoin juntament amb els serveis que proporcionen les institucions financeres. Això permet que feu coses amb criptomonedes que no podeu fer amb Bitcoin, com prestar i endeutar-te, programar pagaments, invertir en índexs, fons i altres.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Exploreu els nostres suggeriments d'aplicacions DeFi per provar-les, si sou novells a Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/ca/energy-consumption/index.md b/public/content/translations/ca/energy-consumption/index.md
index f62e000879b..a43e95b0918 100644
--- a/public/content/translations/ca/energy-consumption/index.md
+++ b/public/content/translations/ca/energy-consumption/index.md
@@ -62,7 +62,7 @@ _També hem de tenir en compte que Ethereum no està limitat a simples transacci
 Mentre que el consum energètic d'Ethereum històricament ha estat substancial, hi ha hagut una gran inversió en temps de desenvolupament i intel·lecte en la transició des d'una validació de bloc més àvida d'energia a una més energèticament eficient. Citant [Bankless](http://podcast.banklesshq.com/), la millor forma de reduir l'energia consumida mitjançant la prova de treball és simplement «desconectant-la», que és l'aproximació que Ethereum s'ha proposat fer.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   Si creieu que aquestes afirmacions són incorrectes o poden ser més exactes, plantegeu un problema o una PR. Són estimacions fetes per l'equip d'ethereum.org utilitzant informació accessible públicament i l'actual mapa d'Ethereum. Aquestes afirmacions no representen una promesa oficial des de la Fundació Ethereum.
diff --git a/public/content/translations/ca/nft/index.md b/public/content/translations/ca/nft/index.md
index cffdcfb20ff..a0d798be2c9 100644
--- a/public/content/translations/ca/nft/index.md
+++ b/public/content/translations/ca/nft/index.md
@@ -55,7 +55,7 @@ Els NFT són útils per a moltes coses, com ara:
 Potser sou un artista i voleu compartir la vostra obra utilitzant els NFT, sense perdre'n el control ni sacrificant els vostres beneficis en favor dels intermediaris. Podeu crear un nou contracte i especificar el número d'NFT, les seves propietats i un enllaç a alguna obra d'art específica. Com a artista, **podeu programar dins el contracte intel·ligent els drets d'autor** que hauríeu de pagar (p. ex. transferir el 5 % del preu de venda al propietari del contracte cada vegada que es transfereix un NFT). També podeu demostrar que heu creat els NFT perquè teniu la [cartera](/glossary/#wallet) que va desplegar el contracte. Els vostres compradors poden demostrar fàcilment que posseeixen un **NFT autèntic** de la vostra col·lecció perquè l'[adreça](/glossary/#address) de la seva cartera està associada amb un testimoni en el vostre contracte intel·ligent. Poden utilitzar-ho en tot l'ecosistema Ethereum, totalment segurs de la seva autenticitat.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Exploreu, compreu o creeu els vostres propis NFT d'art o col·leccionables...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/ca/roadmap/beacon-chain/index.md b/public/content/translations/ca/roadmap/beacon-chain/index.md
index a5f0dd4ba0d..ba9e6354fe7 100644
--- a/public/content/translations/ca/roadmap/beacon-chain/index.md
+++ b/public/content/translations/ca/roadmap/beacon-chain/index.md
@@ -30,7 +30,7 @@ La cadena de balisa introduirà la [prova de participació](/developers/docs/con
 Apostar i convertir-se en validador és més senzill que [minar](/developers/docs/consensus-mechanisms/pow/mining/) (la manera actual de mantenir la xarxa segura). I s'espera que això contribueixi a fer Ethereum més segur a llarg termini. Com més gent participi a la xarxa, més descentralitzada i segura serà davant dels atacs.
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
 Si us interessa ser validador i contribuir a protegir la cadena de balisa, <a href="/staking/">aquí podeu aprendre més sobre les apostes</a>.
diff --git a/public/content/translations/ca/security/index.md b/public/content/translations/ca/security/index.md
index aa4e0b9059b..0cc726e8dfc 100644
--- a/public/content/translations/ca/security/index.md
+++ b/public/content/translations/ca/security/index.md
@@ -42,7 +42,7 @@ Una contrasenya forta no aporta molta més protecció si la contrasenya es revel
 ### Utilitzeu un gestor de contrasenyes {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     Un gestor de contrasenyes s'encarrega de crear contrasenyes úniques i fortes i se'n recordar d'elles! <strong>Recomanem</strong> encaridament utilitzar-ne un i la majoria són gratuïts!
@@ -72,7 +72,7 @@ Per provar que sou vosaltres, hi ha proves úniques que poden utilitzar-se per a
 La utilització de l'**autenticació de dos factors (2FA, per les seves sigles en anglès)** aporta un _factor de seguretat_ adicional per als vostres comptes en línia perquè només conèixer la vostra contrasenya (alguna cosa que només vosaltres sabeu) no sigui suficient per accedir al vostre compte. En la majoria dels casos, el segon factor és un codi de sis dígits aleatori, conegut com a **contrasenya temporal d'un sol ús (TOTP, per les seves sigles en anglès)**, la qual podeu obtenir mitjançant una aplicació d'autentificació com ara Google Authenticator o Authy. Funciona com a factor d'«alguna cosa que només vosaltres coneixeu», ja que la llavor que genera el codi temporal està emmagatzemada en el vostre dispositiu.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Nota: L'ús d'un 2FA basat en SMS és susceptible de
@@ -211,7 +211,7 @@ Com a norma general, el personal no es comunicarà mai a través de canals priva
 - Nos us comuniqueu mai amb cap canal extern que no sigui designat per les organitzacions
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Atenció: encara que les estafes del tipus suport tinguin lloc generalment al Discord, també es poden donar en qualsevol aplicació de xat on hi hagi discussions sobre criptomonedes, incloent-hi el correu electrònic.
diff --git a/public/content/translations/cs/beacon-chain/index.md b/public/content/translations/cs/beacon-chain/index.md
index c5d5e179ccb..7ef0ea3d1ff 100644
--- a/public/content/translations/cs/beacon-chain/index.md
+++ b/public/content/translations/cs/beacon-chain/index.md
@@ -35,7 +35,7 @@ Přechod na Ethereum založené na důkazu podílem významně zabezpečil a dec
 Použití Důkazu podílem jako mechanismu konsenzu je navíc základním stavebním kamenem [bezpečného, ekologického a škálovatelného Etherea, které máme v současné době](/roadmap/vision/).
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   Pokud se chcete stát validátorem a pomoci zabezpečit Ethereum, <a href="/staking/">zjistěte více o uzamčení</a>.
diff --git a/public/content/translations/cs/bridges/index.md b/public/content/translations/cs/bridges/index.md
index cc97902f7a4..9d76e153914 100644
--- a/public/content/translations/cs/bridges/index.md
+++ b/public/content/translations/cs/bridges/index.md
@@ -60,7 +60,7 @@ Máte-li ETH na hlavní síti Ethereum a chcete prozkoumat alternativní L1 bloc
 Představte si, že si chcete koupit Bitcoin (BTC), ale máte peníze pouze na hlavní síti Ethereum. Abyste získali BTC zastoupený na Ethereu, můžete si koupit Wrapped Bitcoin (WBTC). WBTC je ale token [ERC-20](/glossary/#erc-20) nativní pro síť Ethereum, což znamená, že jde o verzi Bitcoinu na Ethereu a nikoli o BTC na blockchainu Bitcoin. Abyste mohli vlastnit původní BTC, musíte svá aktiva převést z Etherea na Bitcoin pomocí přemostění. Tímto způsobem převedete svůj WBTC na BTC. Alternativně můžete vlastnit BTC a chtít jej použít v protokolech [DeFi](/glossary/#defi) na Ethereu. To by vyžadovalo přemostění opačným směrem, tedy z BTC na WBTC, který lze pak použít jako aktivum na Ethereu.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   Všechny tyto operace můžete provést také prostřednictvím <a href="/get-eth/">centralizované burzy</a>. Ale pokud vaše prostředky ještě na burze nejsou, zahruje taková operace vícero kroků, a pravděpodobně bude jednodušší použít přemostění.
diff --git a/public/content/translations/cs/contributing/translation-program/how-to-translate/index.md b/public/content/translations/cs/contributing/translation-program/how-to-translate/index.md
index 8178a62015c..3f47966a4f7 100644
--- a/public/content/translations/cs/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/cs/contributing/translation-program/how-to-translate/index.md
@@ -77,7 +77,7 @@ Chcete se dozvědět více? Neváhejte a podívejte se na [dokumentaci k použí
 Jakmile dokončíte překlad (tj. všechny soubory pro obsahový blok ukazují 100 %), náš profesionální překladatelský servis obsah zkontroluje (a případně upraví). Jakmile je kontrola dokončena (tj. pokrok kontroly je 100 %), přidáme ho na web.
 
 <Alert variant="update">
-<Emoji text=":warning:" className="text-4xl"/>
+<AlertEmoji text=":warning:"/>
 <AlertContent>
   Prosím, nepoužívejte strojový překlad. Všechny překlady budou před přidáním na web zkontrolovány. Pokud zjistíme, že vaše navržené překlady jsou strojové, budou odmítnuty a přispěvatelé, kteří často používají strojový překlad, budou z projektu odstraněni.
 </AlertContent>
diff --git a/public/content/translations/cs/defi/index.md b/public/content/translations/cs/defi/index.md
index 8cecda4edf3..41b111d6013 100644
--- a/public/content/translations/cs/defi/index.md
+++ b/public/content/translations/cs/defi/index.md
@@ -64,7 +64,7 @@ Na tom Ethereum staví. Stejně jako u Bitcoinu se pravidla nemohou změnit a p
 Zní to zvláštně... "Proč bych chtěl programovat své peníze"? Toto je však více než výchozí funkce tokenů na Ethereu. Každý může naprogramovat logiku do plateb. Takže můžete získat kontrolu a bezpečnost Bitcoinu v kombinaci se službami poskytovanými finančními institucemi. Díky tomu můžete s kryptoměnami dělat věci, které s Bitcoinem dělat nemůžete, jako je půjčování a vypůjčování, plánování plateb, investování do indexových fondů a další.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Prozkoumejte naše návrhy pro DeFi aplikace a vyzkoušet je, pokud jste v Ethereu noví.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/cs/energy-consumption/index.md b/public/content/translations/cs/energy-consumption/index.md
index 5c1a40df834..abbd73832ae 100644
--- a/public/content/translations/cs/energy-consumption/index.md
+++ b/public/content/translations/cs/energy-consumption/index.md
@@ -62,7 +62,7 @@ Zatímco spotřeba energie Etherea je velmi nízká, existuje také významné,
 Nativní platformy pro financování veřejných statků fungujících na principech web3, jako je [Gitcoin](https://gitcoin.co) mají i kola zaměřená na ochranu klimatu, díky čemuž stimulují ekologicky uvědomělý rozvoj na aplikační vrstvě Etherea. Prostřednictvím rozvoje těchto iniciativ (a dalších, např. [DeSci](/desci/)), se Ethereum stává environmentálně a sociálně pozitivní technologií.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   Pokud si myslíte, že by tato stránka mohla být přesnější, založze prosím issue nebo PR. Statistiky na této stránce jsou odhady založené na veřejně dostupných datech – nepředstavují oficiální prohlášení nebo příslib týmu ethereum.org nebo Ethereum Foundation.
diff --git a/public/content/translations/cs/nft/index.md b/public/content/translations/cs/nft/index.md
index 6eb229a664d..c09fcc42eba 100644
--- a/public/content/translations/cs/nft/index.md
+++ b/public/content/translations/cs/nft/index.md
@@ -56,7 +56,7 @@ NFT se používají pro spoustu věcí, mezi které patří:
 Možná jste umělec, který chce zveřejnit svou práci pomocí NFT, aniž by ztratil kontrolu a přišel o své zisky kvůli prostředníkům. Můžete vytvořit nový kontrakt a zadat počet NFT, jejich vlastnosti a přidat odkaz na konkrétní umělecké dílo. Jako umělec **můžete do chytrého kontraktu naprogramovat licenční poplatky**, které by vám měly být vyplaceny (např. 5 % z prodejní ceny, což je vlastníkovi kontraktu vyplaceno pokaždé, když je NFT převedeno na novou adresu). Vždy také můžete prokázat, že jste toto NFT vytvořili, protože vlastníte [peněženku](/glossary/#wallet), která kontrakt vytvořila. Kupující mohou snadno prokázat, že vlastní **autentické NFT** z vaší kolekce, protože [adresa](/glossary/#address) jejich peněženky je spojena s tokenem ve vašem chytrém kontraktu. Mohou jej používat v celém ekosystému Etherea a jsou si jisti jeho pravostí.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Prozkoumejte, kupte nebo si vytvořte vlastní NFT umění...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/cs/staking/withdrawals/index.md b/public/content/translations/cs/staking/withdrawals/index.md
index aaa5793889a..5d1904313f9 100644
--- a/public/content/translations/cs/staking/withdrawals/index.md
+++ b/public/content/translations/cs/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Před upgradem Shanghai/Capella jste nemohli používat svůj vsazený ETH ani k
 Poskytnutí adresy pro výběr je povinným krokem pro jakýkoli účet validátoru, než bude mít nárok na výběr ETH ze svého zůstatku.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Každému účtu validátoru lze přiřadit pouze jednu adresu pro výběr, a to jednou.</strong> Jakmile je adresa vybrána a odeslána do konsensuální vrstvy, nelze to vrátit zpět ani znovu změnit. Před odesláním znovu zkontrolujte vlastnictví a správnost poskytnuté adresy.
@@ -88,7 +88,7 @@ Podívejte se na toto vysvětlení výběrů z vkladů Ethereum od Finematics:
 Když je naplánováno, že validátor navrhne další blok, je nutné sestavit frontu pro výběr až 16 způsobilých výběrů. To se provádí tak, že se původně začne s indexem validátoru 0, určí se, zda pro tento účet existuje způsobilý výběr podle pravidel protokolu, a pokud ano, přidá se do fronty. Validátor nastavený tak, aby navrhoval následující blok, bude pokračovat tam, kde skončil poslední, přičemž postupuje v pořadí neomezeně dlouho.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Představte si analogové hodiny. Ručička na hodinách ukazuje na hodinu, postupuje jedním směrem, nepřeskakuje žádné hodiny a nakonec se po dosažení posledního čísla opět přetočí na začátek.<br/><br/>
diff --git a/public/content/translations/cs/web3/index.md b/public/content/translations/cs/web3/index.md
index 4ebd89ed558..f35359cad8f 100644
--- a/public/content/translations/cs/web3/index.md
+++ b/public/content/translations/cs/web3/index.md
@@ -62,7 +62,7 @@ Web3 vám umožňuje vlastnit vaše digitální aktiva dosud nevídaným způsob
 Web3 umožňuje přímé vlastnictví prostřednictvím [nezaměnitelných tokenů (NFT)](/glossary/#nft). Nikdo, ani tvůrci hry, nemají moc vás vlastnictví zbavit. A pokud přestanete hrát, můžete své herní předměty prodat nebo vyměnit na veřejně přístupných tržištíích a získat tak zpět prostředky, které jste vynaložili na jejich pořízení.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Další informace o NFT</div>
   <ButtonLink href="/nft/">
@@ -90,7 +90,7 @@ DAO jsou technicky definovány jako [chytré kontrakty](/glossary/#smart-contrac
 Lidé definují spoustu Web3 komunit jako DAO. Všechny tyto komunity mají různé úrovně decentralizace a automatizace v závislosti na kódu. V současné době jsme ve fázi výzkumu, co DAO jsou a jak by se mohly v budoucnu vyvíjet.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Více o DAO</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/cs/withdrawals/index.md b/public/content/translations/cs/withdrawals/index.md
index aaa5793889a..5d1904313f9 100644
--- a/public/content/translations/cs/withdrawals/index.md
+++ b/public/content/translations/cs/withdrawals/index.md
@@ -44,7 +44,7 @@ Před upgradem Shanghai/Capella jste nemohli používat svůj vsazený ETH ani k
 Poskytnutí adresy pro výběr je povinným krokem pro jakýkoli účet validátoru, než bude mít nárok na výběr ETH ze svého zůstatku.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Každému účtu validátoru lze přiřadit pouze jednu adresu pro výběr, a to jednou.</strong> Jakmile je adresa vybrána a odeslána do konsensuální vrstvy, nelze to vrátit zpět ani znovu změnit. Před odesláním znovu zkontrolujte vlastnictví a správnost poskytnuté adresy.
@@ -88,7 +88,7 @@ Podívejte se na toto vysvětlení výběrů z vkladů Ethereum od Finematics:
 Když je naplánováno, že validátor navrhne další blok, je nutné sestavit frontu pro výběr až 16 způsobilých výběrů. To se provádí tak, že se původně začne s indexem validátoru 0, určí se, zda pro tento účet existuje způsobilý výběr podle pravidel protokolu, a pokud ano, přidá se do fronty. Validátor nastavený tak, aby navrhoval následující blok, bude pokračovat tam, kde skončil poslední, přičemž postupuje v pořadí neomezeně dlouho.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Představte si analogové hodiny. Ručička na hodinách ukazuje na hodinu, postupuje jedním směrem, nepřeskakuje žádné hodiny a nakonec se po dosažení posledního čísla opět přetočí na začátek.<br/><br/>
diff --git a/public/content/translations/de/bridges/index.md b/public/content/translations/de/bridges/index.md
index 4c7e95785b5..18b5426f584 100644
--- a/public/content/translations/de/bridges/index.md
+++ b/public/content/translations/de/bridges/index.md
@@ -60,7 +60,7 @@ Wenn Sie ETH auf dem Ethereum-Hauptnetzwerk haben und ein alternatives L1 erkund
 Nehmen wir an, Sie möchten native Bitcoin (BTC) besitzen, aber Sie haben nur Geld auf dem Ethereum-Hauptnetzwerk. Um Bitcoin auf Ethereum zu besitzen, können Sie Wrapped Bitcoin (WBTC) kaufen. Jedoch ist WBTC ein [ERC-20](/glossary/#erc-20)-Token, das im Ethereum-Netzwerk nativ ist, d. h. es ist eine Ethereum-Version von Bitcoin und nicht das originale Asset auf der Bitcoin-Blockchain. Um ursprüngliche BTC zu besitzen, muss eine Brücke zwischen Ethereum und Bitcoin genutzt werden. Mit dieser Brücke lässt sich WBTC in ursprüngliche BTC umwandeln. Alternativ besitzen Sie vielleicht BTC und möchten diese in Ethereum-[DeFi](/glossary/#defi)-Protokollen nutzen. Dann müssten Sie Ihre BTC in WBTC umwandeln, welche Sie dann als Vermögenswert in Ethereum nutzen können.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   Sie können all dies auch mit <a href="/get-eth/">zentralisierten Krypto-Börsen</a> tun. Wenn Ihr Guthaben jedoch nicht bereits auf einer Krypto-Börse ist, würde dies mehrere Schritte erfordern, und es wäre wahrscheinlich besser, eine Brücke zu benutzen.
diff --git a/public/content/translations/de/contributing/index.md b/public/content/translations/de/contributing/index.md
index 496042f941f..3c98d599e9c 100644
--- a/public/content/translations/de/contributing/index.md
+++ b/public/content/translations/de/contributing/index.md
@@ -9,7 +9,7 @@ lang: de
 Die ethereum.org-Website, wie Ethereum im Großen und Ganzen, ist ein Open-Source-Projekt. Möchten Sie helfen, [den Zugang zu Ethereum zu verbessern](/about/), dann finden Sie hier Informationen, was Sie tun können.
 
 <Alert variant="update">
-<Emoji text=":tada:" className="text-4xl"/>
+<AlertEmoji text=":tada:"/>
 <AlertContent>
 <AlertDescription>
   Beanspruchen Sie Ihren POAP-Token an. Haben Sie 2022 einen Beitrag zu ethereum.org geleistet, dann wartet ein einzigartiger POAP auf Sie.{" "}<a href="#poap">Mehr zu POAPs</a>.
diff --git a/public/content/translations/de/contributing/translation-program/how-to-translate/index.md b/public/content/translations/de/contributing/translation-program/how-to-translate/index.md
index 1f2d7ce72e9..d6d67784371 100644
--- a/public/content/translations/de/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/de/contributing/translation-program/how-to-translate/index.md
@@ -77,7 +77,7 @@ Möchten Sie mehr erfahren? Sehen Sie sich die [Dokumentation zur Verwendung des
 Sobald Sie die Übersetzung abgeschlossen haben (d.h. alle Dateien für einen Inhaltsbereich 100% anzeigen), wird unser professioneller Übersetzungsdienst den Inhalt überprüfen (und möglicherweise bearbeiten). Sobald die Überprüfung abgeschlossen ist (d. h. der Überprüfungsfortschritt beträgt 100%), werden wir sie zur Website hinzufügen.
 
 <Alert variant="update">
-<Emoji text=":warning:" className="text-4xl"/>
+<AlertEmoji text=":warning:"/>
 <AlertContent>
   Verwenden Sie keine maschinell erstellten Übersetzungen für das Projekt. Alle Übersetzungen werden vor der Veröffentlichung auf der Website überprüft. Wenn sich herausstellt, dass die von Ihnen vorgeschlagenen Übersetzungen maschinell erstellt wurden, werden sie abgelehnt und Übersetzerinnen und Übersetzer, die häufig maschinelle Übersetzungen verwenden, werden aus dem Projekt entfernt.
 </AlertContent>
diff --git a/public/content/translations/de/defi/index.md b/public/content/translations/de/defi/index.md
index 2134149e62d..f03c838ab78 100644
--- a/public/content/translations/de/defi/index.md
+++ b/public/content/translations/de/defi/index.md
@@ -64,7 +64,7 @@ Darauf baut Ethereum auf. Wie bei Bitcoin, können die Regeln sich nicht ändern
 Das klingt merkwürdig... „Warum würde ich mein Geld programmieren wollen?“ Das ist tatsächlich eher ein Standardmerkmal der Token auf Ethereum. Jeder kann Logik in Zahlungen programmieren. Auf diese Weise erhalten Sie die Kontrolle und Sicherheit wie bei Bitcoin in Verbindung mit Dienstleistungen, die von Finanzinstituten bereitgestellt werden. Das eröffnet Möglichkeiten für Kryptowährungen, die mit Bitcoin nicht gegeben sind, wie z. B. das Vergeben oder Beanspruchen von Krediten, Terminplanung von Zahlungen, Investitionen in Indexfonds und vieles mehr.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Machen Sie sich mit unseren Vorschlägen für DeFi-Anwendungen vertraut und testen sie, wenn Sie neu bei Ethereum sind.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/de/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/de/developers/docs/consensus-mechanisms/pow/index.md
index 4272b482cd2..61e435351d0 100644
--- a/public/content/translations/de/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/de/developers/docs/consensus-mechanisms/pow/index.md
@@ -7,7 +7,7 @@ lang: de
 Das Ethereum-Netzwerk hat zu Beginn einen Konsensmechanismus verwendet, der **[Proof-of-Work (PoW)](/developers/docs/consensus-mechanisms/pow)** beinhaltete. Das ermöglichte es den Nodes des Ethereum-Netzwerks, sich über den Status aller auf der Ethereum-Blockchain gespeicherten Informationen zu einigen, und verhinderte bestimmte Arten von wirtschaftlichen Angriffen. 2022 hat Ethereum jedoch Proof-of-Work abgeschaltet und stattdessen begonnen, [Proof-of-Stake](/developers/docs/consensus-mechanisms/pos) zu verwenden.
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
     Proof-of-Work ist inzwischen veraltet. Ethereum verwendet Proof-of-Work nicht mehr als Teil seines Konsensmechanismus. Stattdessen nutzt Ethereum Proof-of-Stake. Lesen Sie mehr über <a href="/developers/docs/consensus-mechanisms/pos/">Proof-of-Stake</a> und <a href="/staking/">Staking</a>.
diff --git a/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/index.md
index f4aaaefbf19..c015f445a5a 100644
--- a/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -5,7 +5,7 @@ lang: de
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 Proof-of-Work ist nicht mehr der zugrunde liegende Konsensmechanismus von Ethereum, was bedeutet, dass das Mining ausgeschaltet wurde. Stattdessen wird Ethereum von Validatoren gesichert, die ETH staken. Du kannst schon heute mit dem Staking deiner ETH beginnen. Lese mehr dazu unter <a href='/roadmap/merge/'>den Merge</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>Proof-of-Stake</a>, und <a href='/staking/'>Staking</a>. Diese Seite dient ausschließlich zu Archivierungszwecken, um Ereignisse rund um Ethereum zu dokumentieren.
diff --git a/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index 3dad52a18c6..96f704e041e 100644
--- a/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -5,7 +5,7 @@ lang: de
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
    Ethash war der Proof-of-Work-Mining-Algorithmus von Ethereum. Proof-of-work wurde nun **komplett abgeschaltet** und Ethereum wird jetzt stattdessen durch <a href="/developers/docs/consensus-mechanisms/pos/">Proof-of-Stake</a> gesichert. Lesen Sie mehr über <a href="/roadmap/merge/">die Zusammenführung</a>, <a href="/developers/docs/consensus-mechanisms/pos/">Proof-of-Stake</a> und <a href="/staking/">Staking</a>. Diese Seite dient dem geschichtlichen Interesse!  
diff --git a/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index b0d2a13eaa6..b7edea0d218 100644
--- a/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/de/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -5,7 +5,7 @@ lang: de
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 Proof-of-work ist nicht länger Ethereums Konsensmechanismus. Dies bedeutet, dass das Minen abgeschaltet wurde. Ethereum wird stattdessen durch Validatoren gesichert, die ETH einsetzen. Sie können schon heute mit dem Staking von ETH beginnen. Lese mehr dazu unter <a href='/roadmap/merge/'>den Merge</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>Proof-of-Stake</a>, und <a href='/staking/'>Staking</a>. Diese Seite dient ausschließlich dem geschichtlichen Interesse.
diff --git a/public/content/translations/de/energy-consumption/index.md b/public/content/translations/de/energy-consumption/index.md
index e60ac93b0ab..8330734144e 100644
--- a/public/content/translations/de/energy-consumption/index.md
+++ b/public/content/translations/de/energy-consumption/index.md
@@ -62,7 +62,7 @@ Aufgrund des äußerst niedrigen Energieverbrauchs von Ethereum gibt es auch ein
 Native Web3-Finanzierungsplattformen für öffentliche Güter wie [Gitcoin](https://gitcoin.co) führen Klimarunden durch, um ein umweltbewusstes Bauen auf der Anwendungsebene von Ethereum zu fördern. Durch die Entwicklung dieser Initiativen (und anderen wie etwa [DeSci](/desci/)) wird Ethereum zu einer Technologie, die sowohl ökologisch als auch sozial einen positiven Beitrag leistet.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   Wenn Sie denken, dass diese Seite präziser gestaltet werden kann, erstellen Sie bitte eine Anfrage oder einen Beitrag. Die Statistiken auf dieser Seite sind Schätzungen auf der Grundlage öffentlich verfügbarer Daten. Sie stellen keine offizielle Aussage oder Versprechen des ethereum.org-Teams oder der Ethereum Foundation dar.
diff --git a/public/content/translations/de/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/de/guides/how-to-create-an-ethereum-account/index.md
index 3dd15207710..2ab5a809e22 100644
--- a/public/content/translations/de/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/de/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ Einige Apps werden Sie auffordern, eine geheime „Wiederherstellungsphrase“ (
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>Wallet installiert?</b><br/>Erfahren Sie, wie Sie sie benutzen.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/de/guides/how-to-revoke-token-access/index.md b/public/content/translations/de/guides/how-to-revoke-token-access/index.md
index 9cb9ebfbd0a..3d09ecbd30f 100644
--- a/public/content/translations/de/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/de/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ Wir empfehlen Ihnen, das Widerrufs-Tool nach einigen Minuten zu aktualisieren un
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Möchten Sie mehr erfahren?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/de/guides/how-to-swap-tokens/index.md b/public/content/translations/de/guides/how-to-swap-tokens/index.md
index f285ca88d10..411031abfc0 100644
--- a/public/content/translations/de/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/de/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ Sie werden die getauschten Token automatisch in Ihrer Krypto-Wallet erhalten, we
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Möchten Sie mehr erfahren?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/de/guides/how-to-use-a-bridge/index.md b/public/content/translations/de/guides/how-to-use-a-bridge/index.md
index 1787d229750..2e93ec54cd2 100644
--- a/public/content/translations/de/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/de/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ Sie können [chainlist.org](http://chainlist.org) verwenden, um die RPC-Details
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Möchten Sie mehr erfahren?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/de/guides/how-to-use-a-wallet/index.md b/public/content/translations/de/guides/how-to-use-a-wallet/index.md
index d6df3a6bd20..c1f3a74aba9 100644
--- a/public/content/translations/de/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/de/guides/how-to-use-a-wallet/index.md
@@ -63,7 +63,7 @@ Ihre Adresse wird auf allen Ethereum Projekten dieselbe sein. Sie brauchen sich
 6. Das war's! Beginnen Sie, die App zu benutzen. Einige interessante Projekte finden Sie auf unserer [dApps-Seite](/dapps/#explore). <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Möchten Sie mehr erfahren?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/de/nft/index.md b/public/content/translations/de/nft/index.md
index 93b4173cd0e..5c9793385d4 100644
--- a/public/content/translations/de/nft/index.md
+++ b/public/content/translations/de/nft/index.md
@@ -55,7 +55,7 @@ NFTs werden unter anderem für folgende Zwecke eingesetzt:
 Vielleicht sind Sie ein Künstler, der seine Werke mithilfe von NFTs verbreiten möchte, ohne die Kontrolle abzugeben und seine Gewinne an Zwischenhändler zu opfern. Sie können einen neuen Contract erstellen und die Anzahl der NFTs, ihre Eigenschaften und eine Verknüpfung zu einem bestimmten Kunstwerk angeben. Als Künstler **können Sie die Lizenzgebühren in den Smart Contract einprogrammieren**, die Ihnen gezahlt werden sollen (z. B. bei jeder Übertragung eines NFT werden 5 % des Verkaufspreises an den Vertragsinhaber überwiesen). Sie können auch jederzeit nachweisen, dass Sie die NFTs erstellt haben, da Sie die [Wallet](/glossary/#wallet) besitzen, die den Vertrag bereitgestellt hat. Ihre Käufer können leicht nachweisen, dass sie ein **authentisches NFT** aus Ihrer Sammlung besitzen, da ihre Wallet-[Adresse](/glossary/#address) mit einem Token in Ihrem Smart Contract verknüpft ist. Sie können ihn im gesamten Ethereum-Ökosystem verwenden und sich seiner Authentizität gewiss sein.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Entdecken, kaufen oder erstellen Sie Ihre eigene(n) NFT-Kunst/Sammelgegenstände ...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/de/roadmap/beacon-chain/index.md b/public/content/translations/de/roadmap/beacon-chain/index.md
index a4214f90995..495a110c52c 100644
--- a/public/content/translations/de/roadmap/beacon-chain/index.md
+++ b/public/content/translations/de/roadmap/beacon-chain/index.md
@@ -35,7 +35,7 @@ Der Wechsel zu Proof-of-Stake machte Ethereum wesentlich sicherer und dezentrali
 Und die Verwendung von Proof-of-Stake als Konsensmechanismus ist eine grundlegende Komponente für [das sichere, umweltfreundliche und skalierbare Ethereum, das wir jetzt haben](/roadmap/vision/).
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   Wenn Sie Interesse daran haben ein Validator zu werden und bei der Sicherung von Ethereum mitwirken wollen können Sie hier mehr über das <a href="/staking/">Staking</a> erfahren.
diff --git a/public/content/translations/de/security/index.md b/public/content/translations/de/security/index.md
index a071cca7c27..5caf5e8a2e0 100644
--- a/public/content/translations/de/security/index.md
+++ b/public/content/translations/de/security/index.md
@@ -123,7 +123,7 @@ Allgemein gilt: Mitarbeiter kommunizieren mit Ihnen nie über private, inoffizie
 - Kommunizieren Sie niemals außerhalb der von einer Organisation ausgewiesenen Kanäle
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Achtung: Obwohl Unterstützungsbetrug oft auf Discord erfolgt, ist es auch möglich, dass diese und auch andere Arten von Betrug auf anderen Chat-Plattformen, einschließlich per E-Mail, vorkommen können.
@@ -217,7 +217,7 @@ Ein starkes Passwort, das im Rahmen einer Datenpanne offenbart wurde, ist kein s
 ### Verwendung von Kennwortmanagern {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     Ein Kennwortmanager ist hilfreich bei der Erstellung starker, einzigartiger Kennwörter und dabei sich diese zu merken! Wir empfehlen <strong>dringend</strong> die Verwendung eines Kennwortmanagers! Es gibt viele gute, kostenlose Angebote.
@@ -247,7 +247,7 @@ Sie werden möglicherweise gelegentlich aufgefordert, Ihre Identität mit einzig
 Die Nutzung der **Zwei-Faktor-Authentifizierung (2FA)** bietet einen zusätzlichen *Sicherheitsfaktor* für Ihre Online-Konten. 2FA sorgt dafür, dass Ihr Passwort allein nicht reicht, um auf ein Konto zuzugreifen. Meist ist der zweite Faktor ein zufälliger 6-stelliger Code, bekannt als ein **zeitabhängiges einmaliges Kennwort (Time-based One-time Password, TOTP)**, auf das Sie über eine Authentifizierungs-App wie Google Authenticator oder Authy Zugriff haben. Solche Apps funktionieren als „etwas, das Sie besitzen“-Faktor, da der Seed, der den Zeitcode generiert, auf Ihrem Gerät gespeichert ist.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Hinweis: SMS-basierte 2FA ist anfällig für <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM Jacking</a> und daher nicht sicher. Für das höchste Maß an Sicherheit nutzen Sie am besten einen Dienst wie <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> oder <a href="https://authy.com/">Authy</a>.
diff --git a/public/content/translations/de/staking/withdrawals/index.md b/public/content/translations/de/staking/withdrawals/index.md
index a46f2053851..de707f90ecf 100644
--- a/public/content/translations/de/staking/withdrawals/index.md
+++ b/public/content/translations/de/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Vor dem Shanghai/Capella-Upgrade konnten Sie Ihr gestaktes ETH nicht verwenden o
 Die Angabe einer Auszahlungsadresse ist ein erforderlicher Schritt für jedes Validator-Konto, bevor es für die Abhebung von ETH aus seinem Guthaben infrage kommt.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Jedem Validatoren-Konto kann nur eine einzige Abhebungsadresse zugewiesen werden, und zwar nur einmal.</strong> Sobald eine Adresse ausgewählt und an die Konsensus-Ebene übermittelt wurde, lässt sich dieser Vorgang nicht mehr rückgängig machen. Überprüfen Sie die Besitzverhältnisse und die Richtigkeit der angegebenen Adresse, bevor Sie sie einreichen.
@@ -88,7 +88,7 @@ Sehen Sie sich diese Erklärung für die Abhebungen von Ethereum von Finematics
 Es ist notwendig, dass ein Validator, der den nächsten Block vorschlagen soll, eine Warteschlange mit bis zu 16 zugelassenen Auszahlungen erstellt. Ursprünglich beginnt man mit dem Validator-Index 0 und prüft, ob es gemäß den Protokollregeln eine berechtigte Auszahlung für dieses Konto gibt. Ist dies der Fall, wird sie zur Warteschlange hinzugefügt. Der für den nächsten Block vorgesehene Validator knüpft ununterbrochen dort an, wo der vorherige aufgehört hat, und verfährt dabei in stetiger Reihenfolge.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Stellen Sie sich eine analoge Uhr vor. Der Zeiger der Uhr zeigt auf die Stunde, bewegt sich in eine Richtung, lässt keine Stunden aus und kehrt schließlich nach Erreichen der letzten Zahl wieder an den Anfang zurück.<br/><br/>
diff --git a/public/content/translations/de/web3/index.md b/public/content/translations/de/web3/index.md
index f04a3390445..6b9713c4fbe 100644
--- a/public/content/translations/de/web3/index.md
+++ b/public/content/translations/de/web3/index.md
@@ -62,7 +62,7 @@ Web3 verschafft Ihnen auf eine beispiellose Weise das Eigentum an Ihren digitale
 Web3 ermöglicht direktes Eigentum durch [nicht-austauschbare Token (NFTs)](/glossary/#nft). Niemand, nicht einmal die Macher des Spiels, hat die Macht, Ihnen Ihr Eigentum wegzunehmen. Und sollten Sie mit dem Spielen aufhören, können Sie Ihre Spielgegenstände auf offenen Märkten verkaufen oder tauschen und so ihren Wert zurückerlangen.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Mehr über NFTs erfahren</div>
   <ButtonLink href="/nft/">
@@ -90,7 +90,7 @@ DAOs werden technisch definiert als vereinbarte [Smart Contracts](/glossary/#sma
 Allerdings definieren Menschen viele Web3-Communities als DAOs. Diese Gemeinschaften haben alle unterschiedliche Ebenen der Dezentralisierung und Automatisierung per Code. Derzeit untersuchen wir, was DAOs sind und wie sie sich in Zukunft entwickeln könnten.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Erfahren Sie mehr über DAOs</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/el/beacon-chain/index.md b/public/content/translations/el/beacon-chain/index.md
index fea74e21b97..4633a857379 100644
--- a/public/content/translations/el/beacon-chain/index.md
+++ b/public/content/translations/el/beacon-chain/index.md
@@ -35,7 +35,7 @@ summaryPoint3: Η Κύρια Αλυσίδα εισήγαγε τη λογική 
 Η χρήση της απόδειξης συμμετοχής ως συναινετικός μηχανισμός είναι ένα θεμελιώδες στοιχείο για [το ασφαλές, φιλικό προς το περιβάλλον και επεκτάσιμο Ethereum που έχουμε τώρα](/roadmap/vision/).
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   Αν ενδιαφέρεστε να γίνετε επικυρωτής και να συμβάλετε στην ενίσχυση της ασφάλειας του Ethereum, <a href="/staking/">μάθετε περισσότερα για την αποθήκευση (staking)</a>.
diff --git a/public/content/translations/el/bridges/index.md b/public/content/translations/el/bridges/index.md
index 016721f9ae8..6cb397a8b79 100644
--- a/public/content/translations/el/bridges/index.md
+++ b/public/content/translations/el/bridges/index.md
@@ -60,7 +60,7 @@ _Το Web3 έχει εξελιχθεί σε ένα οικοσύστημα από
 Ας υποθέσουμε ότι θέλετε να είστε κάτοχος Bitcoin (BTC), αλλά έχετε χρήματα μόνο στο κεντρικό δίκτυο Ethereum. Για να αποκτήσετε μέρος BTC στο Ethereum, μπορείτε να αγοράσετε Wrapped Bitcoin (WBTC). Ωστόσο, το WBTC είναι ένα εγγενές ψηφιακό στοιχείο [ERC-20](/glossary/#erc-20) στο δίκτυο Ethereum, πράγμα που σημαίνει ότι είναι μια έκδοση στο Ethereum του Bitcoin και όχι το αρχικό ψηφιακό στοιχείο στην κρυπτοαλυσίδα του Bitcoin. Για να κατέχετε το εγγενές BTC, θα πρέπει να γεφυρώσετε τα περιουσιακά σας στοιχεία από το Ethereum στο Bitcoin χρησιμοποιώντας μια γέφυρα. Αυτό θα γεφυρώσει το WBTC σας και θα το μετατρέψει σε εγγενές BTC. Εναλλακτικά, μπορεί να είστε κάτοχος BTC και να θέλετε να το χρησιμοποιήσετε σε πρωτόκολλα Ethereum [DeFi](/glossary/#defi). Αυτό θα απαιτούσε τη γεφύρωση με άλλο τρόπο, από το BTC στο WBTC, το οποίο στη συνέχεια μπορεί να χρησιμοποιηθεί ως περιουσιακό στοιχείο στο Ethereum.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   Μπορείτε επίσης να κάνετε όλα τα παραπάνω χρησιμοποιώντας ένα <a href="/get-eth/">κεντρικό ανταλλακτήριο</a>. Ωστόσο, εκτός εάν τα χρήματά σας βρίσκονται ήδη σε ανταλλακτήριο, αυτό θα περιλαμβάνει πολλά βήματα και πιθανότατα θα ήταν καλύτερα να χρησιμοποιήσετε μια γέφυρα.
diff --git a/public/content/translations/el/contributing/translation-program/how-to-translate/index.md b/public/content/translations/el/contributing/translation-program/how-to-translate/index.md
index b2dadffa24a..a13faff30fb 100644
--- a/public/content/translations/el/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/el/contributing/translation-program/how-to-translate/index.md
@@ -77,7 +77,7 @@ description: Οδηγίες χρήσης του Crowdin για μετάφρασ
 Μόλις ολοκληρώσετε τη μετάφραση (δηλ. όλα τα αρχεία σε ένα τμήμα περιεχομένου στο 100%), μια υπηρεσία με επαγγελματίες μεταφραστές θα εξετάσει (και ενδεχομένως να επεξεργαστεί) το περιεχόμενο. Μόλις ολοκληρωθεί η αναθεώρηση (δηλ. η πρόοδος αναθεώρησης είναι στο 100%), θα προστεθεί στον ιστότοπο.
 
 <Alert variant="update">
-<Emoji text=":warning:" className="text-4xl"/>
+<AlertEmoji text=":warning:"/>
   Παρακαλούμε μη χρησιμοποιείτε την αυτόματη μετάφραση για να μεταφράσετε το έργο. Όλες οι μεταφράσεις θα επανεξεταστούν πριν προστεθούν στον ιστότοπο. Αν οι μεταφράσεις που προτείνετε βρεθούν να είναι από αυτόματη μετάφραση, θα απορριφθούν και οι συνεισφέροντες που τη χρησιμοποιούν συχνά θα αφαιρεθούν από το έργο.
 </Alert>
 
diff --git a/public/content/translations/el/defi/index.md b/public/content/translations/el/defi/index.md
index 5da67d73b3b..fc9c8440b4a 100644
--- a/public/content/translations/el/defi/index.md
+++ b/public/content/translations/el/defi/index.md
@@ -65,7 +65,7 @@ H DeFi είναι ένας γενικός όρος για οικονομικά 
 Ακούγεται παράξενο... «γιατί να θέλω να προγραμματίσω τα χρήματά μου»; Ωστόσο, αυτό είναι περισσότερο μια προεπιλεγμένη δυνατότητα των ψηφιακών στοιχείων στο Ethereum. Οποιοσδήποτε μπορεί να προγραμματίσει κάτι λογικό σε πληρωμές. Έτσι, μπορείτε να πάρετε τον έλεγχο και την ασφάλεια του Bitcoin αναμειγνύοντας τις υπηρεσίες που παρέχονται από τα χρηματοπιστωτικά ιδρύματα. Αυτό σας επιτρέπει να κάνετε διάφορα με τα κρυπτονομίσματα που δεν μπορείτε να κάνετε με το Bitcoin, όπως να δανείσετε και να δανειστείτε, προγραμματισμό πληρωμών, επενδύσεις σε κεφάλαια και πολλά άλλα.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Δείτε τις προτάσεις μας για τις DeFi εφαρμογές για να τις δοκιμάσετε, αν είστε νέοι στο Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/el/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/el/developers/docs/consensus-mechanisms/pow/index.md
index 2a2c7bd3af8..369441e6ece 100644
--- a/public/content/translations/el/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/el/developers/docs/consensus-mechanisms/pow/index.md
@@ -7,7 +7,7 @@ lang: el
 Το δίκτυο Ethereum ξεκίνησε χρησιμοποιώντας έναν μηχανισμό συναίνεσης που περιλάμβανε την **[Απόδειξη εργασίας (PoW)](/developers/docs/consensus-mechanisms/pow)**. Αυτό επέτρεψε στους κόμβους του δικτύου Ethereum να συμφωνήσουν για την κατάσταση όλων των πληροφοριών που καταγράφονται στο Ethereum blockchain και απέτρεψε ορισμένα είδη οικονομικών επιθέσεων. Ωστόσο, το Ethereum απενεργοποίησε την απόδειξη εργασίας το 2022 και άρχισε να χρησιμοποιεί την [απόδειξη συμμετοχής](/developers/docs/consensus-mechanisms/pos).
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
     Η απόδειξη εργασίας έχει πλέον καταργηθεί. Το Ethereum δε χρησιμοποιεί πλέον την απόδειξη εργασίας ως μέρος του μηχανισμού συναίνεσής του. Αντίθετα, χρησιμοποιεί την απόδειξη συμμετοχής. Διαβάστε περισσότερα για την <a href="/developers/docs/consensus-mechanisms/pos/">απόδειξη συμμετοχής</a> και την <a href="/staking/">αποθήκευση κεφαλαίου</a>.
diff --git a/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/index.md
index fa9d11b8892..7382f88c3e1 100644
--- a/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -5,7 +5,7 @@ lang: el
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 Η απόδειξη εργασίας δεν αποτελεί πλέον μέρος του μηχανισμού συναίνεσης του Ethereum, πράγμα που σημαίνει ότι η κρυπτόρυξη έχει απενεργοποιηθεί. Αντίθετα, το Ethereum εξασφαλίζεται από επαληθευτές που έχουν αποθηκευμένο κεφάλαιο σε ETH. Μπορείτε να ξεκινήσετε την αποθήκευση των ETH σας σήμερα. Μάθετε περισσότερα για τη <a href='/roadmap/merge/'>Συγχώνευση</a>, την <a href='/developers/docs/consensus-mechanisms/pos/'>Απόδειξη Συμμετοχής</a> και την <a href='/staking/'>Αποθήκευση Κεφαλαίου</a>. Αυτή η σελίδα παρέχεται μόνο για ιστορικό ενδιαφέρον.
diff --git a/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index f3eeb7e4450..80865ae6128 100644
--- a/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -5,7 +5,7 @@ lang: el
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
    Το Ethash ήταν ο αλγόριθμος κρυπτόρυξης της απόδειξης εργασίας του Ethereum. Η απόδειξη εργασίας έχει τώρα **απενεργοποιηθεί εντελώς** και το Ethereum είναι πλέον ασφαλισμένο χρησιμοποιώντας <a href="/developers/docs/consensus-mechanisms/pos/">απόδειξη συμμετοχής</a>. Διαβάστε περισσότερα για τη <a href="/roadmap/merge/">Συγχώνευση</a>, <a href="/developers/docs/consensus-mechanisms/pos/">την Απόδειξη συμμετοχής</a> και την <a href="/staking/">Αποθήκευση κεφαλαίου</a>. Αυτή η σελίδα είναι για ιστορικό ενδιαφέρον!  
diff --git a/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index 1573ae4e280..c247de28d16 100644
--- a/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/el/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -5,7 +5,7 @@ lang: el
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 Η απόδειξη εργασίας δεν αποτελεί πλέον μέρος του μηχανισμού συναίνεσης του Ethereum, πράγμα που σημαίνει ότι η κρυπτόρυξη έχει απενεργοποιηθεί. Αντίθετα, το Ethereum εξασφαλίζεται από επαληθευτές που έχουν αποθηκευμένο κεφάλαιο σε ETH. Μπορείτε να ξεκινήσετε την αποθήκευση των ETH σας σήμερα. Μάθετε περισσότερα για τη <a href='/roadmap/merge/'>Συγχώνευση</a>, την <a href='/developers/docs/consensus-mechanisms/pos/'>Απόδειξη Συμμετοχής</a> και την <a href='/staking/'>Αποθήκευση Κεφαλαίου</a>. Αυτή η σελίδα παρέχεται μόνο για ιστορικό ενδιαφέρον.
diff --git a/public/content/translations/el/energy-consumption/index.md b/public/content/translations/el/energy-consumption/index.md
index 4272dd8cda3..0de3729ae24 100644
--- a/public/content/translations/el/energy-consumption/index.md
+++ b/public/content/translations/el/energy-consumption/index.md
@@ -62,7 +62,7 @@ lang: el
 Οι πλατφόρμες χρηματοδότησης εγγενών δημόσιων αγαθών Web3, όπως το [Gitcoin](https://gitcoin.co) εκτελούν κλιματικές δράσεις για να τονώσουν την περιβαλλοντική συνείδηση στο επίπεδο εφαρμογής του Ethereum. Μέσω της ανάπτυξης αυτών των πρωτοβουλιών (και άλλων π.χ. [DeSci](/desci/)), το Ethereum γίνεται μια περιβαλλοντική και κοινωνικά θετική τεχνολογία.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   Εάν πιστεύετε ότι αυτή η σελίδα μπορεί να γίνει πιο ακριβής, αναφέρετε ένα ζήτημα ή υποβάλλετε ένα ζήτημα. Τα στατιστικά στοιχεία σε αυτήν τη σελίδα είναι εκτιμήσεις που βασίζονται σε δημόσια διαθέσιμα δεδομένα και δεν αντιπροσωπεύουν επίσημη δήλωση ή υπόσχεση από την ομάδα του ethereum.org ή το Ίδρυμα Ethereum.
diff --git a/public/content/translations/el/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/el/guides/how-to-create-an-ethereum-account/index.md
index b09f016a4ca..325ca555b86 100644
--- a/public/content/translations/el/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/el/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ lang: el
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>Εγκαταστήσατε εφαρμογή πορτοφολιού;</b><br/> Μάθετε πώς να τη χρησιμοποιείτε.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/el/guides/how-to-revoke-token-access/index.md b/public/content/translations/el/guides/how-to-revoke-token-access/index.md
index 62914143113..ae5fc298068 100644
--- a/public/content/translations/el/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/el/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ lang: el
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Θέλετε να μάθετε περισσότερα;</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/el/guides/how-to-swap-tokens/index.md b/public/content/translations/el/guides/how-to-swap-tokens/index.md
index 5652e8add7d..1eabec39ed4 100644
--- a/public/content/translations/el/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/el/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ lang: el
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Θέλετε να μάθετε περισσότερα;</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/el/guides/how-to-use-a-bridge/index.md b/public/content/translations/el/guides/how-to-use-a-bridge/index.md
index 5de64345450..105ed9c84ae 100644
--- a/public/content/translations/el/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/el/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ lang: el
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Θέλετε να μάθετε περισσότερα;</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/el/guides/how-to-use-a-wallet/index.md b/public/content/translations/el/guides/how-to-use-a-wallet/index.md
index 909f638d589..04573b2d3b0 100644
--- a/public/content/translations/el/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/el/guides/how-to-use-a-wallet/index.md
@@ -64,7 +64,7 @@ lang: el
 6. Αυτό ήταν! Αρχίστε να χρησιμοποιείτε την εφαρμογή. Μπορείτε να βρείτε μερικά ενδιαφέροντα έργα στη σελίδα μας [dApps](/dapps/#explore). <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Θέλετε να μάθετε περισσότερα;</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/el/how-to-create-an-ethereum-account/index.md b/public/content/translations/el/how-to-create-an-ethereum-account/index.md
index cb5d35c922a..e56c118f31e 100644
--- a/public/content/translations/el/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/el/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ lang: el
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div><b>Εγκαταστήσατε εφαρμογή πορτοφολιού;</b><br/> Μάθετε πώς να τη χρησιμοποιείτε.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/el/nft/index.md b/public/content/translations/el/nft/index.md
index b3167d2060f..e1f7ed4ace7 100644
--- a/public/content/translations/el/nft/index.md
+++ b/public/content/translations/el/nft/index.md
@@ -56,7 +56,7 @@ summaryPoint3: Υποστηρίζονται από έξυπνα συμβόλαι
 Ίσως, είστε ένας καλλιτέχνης που θέλει να μοιραστεί τη δουλειά του χρησιμοποιώντας NFT, χωρίς να χάσετε τον έλεγχο και να θυσιάσετε τα κέρδη σας σε μεσάζοντες. Μπορείτε να δημιουργήσετε ένα νέο συμβόλαιο και να καθορίσετε τον αριθμό των NFT, τις ιδιότητές τους και έναν σύνδεσμο προς κάποιο συγκεκριμένο έργο τέχνης. Ως καλλιτέχνης, **μπορείτε να προγραμματίσετε στο έξυπνο συμβόλαιο τα δικαιώματα** που πρέπει να λάβετε (π.χ. να μεταφέρεται το 5% της τιμής πώλησης στον κάτοχο του συμβολαίου, κάθε φορά που μεταβιβάζεται ένα NFT). Μπορείτε επίσης να αποδείξετε πάντα ότι δημιουργήσατε τα NFT επειδή σας ανήκει το [πορτοφόλι](/glossary/#wallet) που δημιούργησε το συμβόλαιο. Οι αγοραστές σας μπορούν εύκολα να αποδείξουν ότι κατέχουν ένα **αυθεντικό NFT** από τη συλλογή σας, επειδή η [διεύθυνση του πορτοφολιού](/glossary/#address) τους σχετίζεται με ένα ψηφιακό στοιχείο από το έξυπνο συμβόλαιό σας. Μπορούν να το χρησιμοποιήσουν σε όλο το οικοσύστημα Ethereum, σίγουροι για την αυθεντικότητά του.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Εξερευνήστε, αγοράστε ή δημιουργήστε το δικό σας NFT τέχνη/συλλεκτικά...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/el/payments/index.md b/public/content/translations/el/payments/index.md
index 058ddbce239..2332d51a433 100644
--- a/public/content/translations/el/payments/index.md
+++ b/public/content/translations/el/payments/index.md
@@ -59,7 +59,7 @@ summaryPoint3: Πληρωμές που λήφθηκαν μέσα σ' ένα λε
 Σε χώρες όπου τα μέσα πληρωμής έχουν αποκοπεί από τον υπόλοιπο κόσμο, οι λύσεις πληρωμών που ενσωματώνουν κρυπτονομίσματα παρείχαν μεγάλη ανακούφιση. Οι πληρωμές συνδρομών για πλατφόρμες όπως το Netflix, το Spotify και εκπαιδευτικά μαθήματα έχουν πλέον διευκολυνθεί μέσω πλατφορμών πληρωμών κρυπτονομισμάτων όπως οι Gnosis Pay και Paypal.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Δημιουργήστε τον λογαριασμό σας Ethereum με μια εφαρμογή πορτοφολιού σήμερα.</div>
   <ButtonLink href="/wallets/find-wallet">
@@ -151,7 +151,7 @@ summaryPoint3: Πληρωμές που λήφθηκαν μέσα σ' ένα λε
 Από τη διευκόλυνση της ταχείας ανακούφισης καταστροφών έως την ενδυνάμωση των εργαζομένων παγκοσμίως, οι πληρωμές Ethereum γράφουν ένα νέο κεφάλαιο στη μακρά ιστορία του χρήματος. Ενώ παραμένουν προκλήσεις, τα μοναδικά πλεονεκτήματα που προσφέρει αυτή η τεχνολογία την καθιστούν μια ελκυστική επιλογή για ένα ευρύ φάσμα περιπτώσεων χρήσης.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Ώρα να αποκτήσετε τον δικό σας λογαριασμό Ethereum.</div>
   <ButtonLink href="/wallets/find-wallet">
diff --git a/public/content/translations/el/roadmap/beacon-chain/index.md b/public/content/translations/el/roadmap/beacon-chain/index.md
index fea74e21b97..4633a857379 100644
--- a/public/content/translations/el/roadmap/beacon-chain/index.md
+++ b/public/content/translations/el/roadmap/beacon-chain/index.md
@@ -35,7 +35,7 @@ summaryPoint3: Η Κύρια Αλυσίδα εισήγαγε τη λογική 
 Η χρήση της απόδειξης συμμετοχής ως συναινετικός μηχανισμός είναι ένα θεμελιώδες στοιχείο για [το ασφαλές, φιλικό προς το περιβάλλον και επεκτάσιμο Ethereum που έχουμε τώρα](/roadmap/vision/).
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   Αν ενδιαφέρεστε να γίνετε επικυρωτής και να συμβάλετε στην ενίσχυση της ασφάλειας του Ethereum, <a href="/staking/">μάθετε περισσότερα για την αποθήκευση (staking)</a>.
diff --git a/public/content/translations/el/staking/withdrawals/index.md b/public/content/translations/el/staking/withdrawals/index.md
index 324262b4bbb..c5d191caf6a 100644
--- a/public/content/translations/el/staking/withdrawals/index.md
+++ b/public/content/translations/el/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ summaryPoints:
 Η παροχή μιας διεύθυνσης ανάληψης είναι ένα απαραίτητο βήμα οποιουδήποτε λογαριασμού επικύρωσης, για να πληροί τις προϋποθέσεις ανάληψης ETH από το υπόλοιπο.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Σε κάθε λογαριασμό λογισμικού επικύρωσης μπορεί να καταχωρηθεί μόνο μία διεύθυνση ανάληψης, για μία φορά.</strong> Μόλις επιλεγεί μια διεύθυνση και υποβληθεί στο επίπεδο συναίνεσης, αυτό δεν μπορεί να αναιρεθεί ή να αλλάξει. Ελέγξτε ξανά την κατοχή και την ακρίβεια της διεύθυνσης που παρέχετε πριν την υποβολή.
@@ -88,7 +88,7 @@ summaryPoints:
 Όταν ένας επικυρωτής έχει προγραμματιστεί να προτείνει το επόμενο μπλοκ, απαιτείται να δημιουργήσει μια σειρά ανάληψης έως και 16 διαθέσιμων αναλήψεων. Αυτό γίνεται ξεκινώντας αρχικά με το δείκτη επικύρωσης 0, προσδιορίζοντας εάν υπάρχει κατάλληλη ανάληψη για αυτόν τον λογαριασμό σύμφωνα με τους κανόνες του πρωτοκόλλου και προσθέτοντάς τη στη σειρά εφαρμογής, εάν υπάρχει. Το πρόγραμμα επικύρωσης που έχει οριστεί να προτείνει το ακόλουθο μπλοκ θα συνεχίσει από εκεί που σταμάτησε το τελευταίο, προχωρώντας με τη σειρά επ' αόριστον.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Σκεφτείτε ένα αναλογικό ρολόι. Ο δείκτης στο ρολόι δείχνει την ώρα, προχωρά προς μία κατεύθυνση, δεν παραλείπει καμία ώρα και τελικά επιστρέφει στην αρχή μετά τον τελευταίο αριθμό.<br/><br/>
diff --git a/public/content/translations/el/web3/index.md b/public/content/translations/el/web3/index.md
index 12b8a346fb4..532f01ab836 100644
--- a/public/content/translations/el/web3/index.md
+++ b/public/content/translations/el/web3/index.md
@@ -66,7 +66,7 @@ H πρώτη σύλληψη της ιδέας του Berners-Lee, γνωστή 
 Το Web3 επιτρέπει την άμεση κυριότητα μέσω των [μη εναλλάξιμων κρυπτοπαραστατικών (NFT)](/glossary/#nft). Κανείς, ούτε καν οι δημιουργοί του παιχνιδιού, έχουν τη δυνατότητα να πάρουν αυτά που σας ανήκουν. Αν σταματήσετε να παίζετε, μπορείτε να πουλήσετε ή να ανταλλάξετε τα αντικείμενα εντός του παιχνιδιού, στην ελεύθερη αγορά και να ανακτήσετε την αξία τους.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Μάθετε περισσότερα για τα NFT</div>
   <ButtonLink href="/nft/">
@@ -94,7 +94,7 @@ H πρώτη σύλληψη της ιδέας του Berners-Lee, γνωστή 
 Ωστόσο, αρκετοί ορίζουν πολλές κοινότητες Web3 ως DAO. Όλες αυτές οι κοινότητες έχουν διαφορετικά επίπεδα αποκέντρωσης και αυτοματοποίησης με κώδικα. Επί τους παρόντος, διερευνούμε τι είναι οι DAO και πως μπορούν να εξελιχθούν στο μέλλον.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Μάθετε περισσότερα για τους DAO</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/el/withdrawals/index.md b/public/content/translations/el/withdrawals/index.md
index 324262b4bbb..c5d191caf6a 100644
--- a/public/content/translations/el/withdrawals/index.md
+++ b/public/content/translations/el/withdrawals/index.md
@@ -44,7 +44,7 @@ summaryPoints:
 Η παροχή μιας διεύθυνσης ανάληψης είναι ένα απαραίτητο βήμα οποιουδήποτε λογαριασμού επικύρωσης, για να πληροί τις προϋποθέσεις ανάληψης ETH από το υπόλοιπο.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Σε κάθε λογαριασμό λογισμικού επικύρωσης μπορεί να καταχωρηθεί μόνο μία διεύθυνση ανάληψης, για μία φορά.</strong> Μόλις επιλεγεί μια διεύθυνση και υποβληθεί στο επίπεδο συναίνεσης, αυτό δεν μπορεί να αναιρεθεί ή να αλλάξει. Ελέγξτε ξανά την κατοχή και την ακρίβεια της διεύθυνσης που παρέχετε πριν την υποβολή.
@@ -88,7 +88,7 @@ summaryPoints:
 Όταν ένας επικυρωτής έχει προγραμματιστεί να προτείνει το επόμενο μπλοκ, απαιτείται να δημιουργήσει μια σειρά ανάληψης έως και 16 διαθέσιμων αναλήψεων. Αυτό γίνεται ξεκινώντας αρχικά με το δείκτη επικύρωσης 0, προσδιορίζοντας εάν υπάρχει κατάλληλη ανάληψη για αυτόν τον λογαριασμό σύμφωνα με τους κανόνες του πρωτοκόλλου και προσθέτοντάς τη στη σειρά εφαρμογής, εάν υπάρχει. Το πρόγραμμα επικύρωσης που έχει οριστεί να προτείνει το ακόλουθο μπλοκ θα συνεχίσει από εκεί που σταμάτησε το τελευταίο, προχωρώντας με τη σειρά επ' αόριστον.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Σκεφτείτε ένα αναλογικό ρολόι. Ο δείκτης στο ρολόι δείχνει την ώρα, προχωρά προς μία κατεύθυνση, δεν παραλείπει καμία ώρα και τελικά επιστρέφει στην αρχή μετά τον τελευταίο αριθμό.<br/><br/>
diff --git a/public/content/translations/es/bridges/index.md b/public/content/translations/es/bridges/index.md
index 79390605bc0..a98c7536458 100644
--- a/public/content/translations/es/bridges/index.md
+++ b/public/content/translations/es/bridges/index.md
@@ -60,7 +60,7 @@ Si tiene ETH en la Red principal de Ethereum y quiere explorar una alternativa L
 Digamos que quiere tener Bitcoin (BTC), pero solo tiene fondos en la Red principal de Ethereum. Para obtener exposición a BTC en Ethereum, puede comprar Wrapped Bitcoin (WBTC). Sin embargo, WBTC es un token [ERC-20](/glossary/#erc-20) nativo de la red de Ethereum, lo que significa que es una versión de Ethereum de Bitcoin y no el activo original en la cadena de bloques de Bitcoin. Para tener BTC nativo, usted tendría que trasladar sus activos de Ethereum a Bitcoin usando un puente. Esto trasladará entre redes su WBTC y lo convertirá en BTC nativo. De forma alternativa, podría tener BTC y querer usarlo en protocolos [DeFi](/glossary/#defi) de Ethereum. Esto requeriría un puente pero al revés, desde el BTC hasta WBTC, que luego puede ser utilizado como un activo en Ethereum.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   También puede hacer todo lo anterior usando un <a href="/get-eth/">exchange centralizado</a>. Sin embargo, a menos que sus fondos ya estén en un exchange, esto implicaría varios pasos y probablemente sería mejor usar un puente.
diff --git a/public/content/translations/es/contributing/translation-program/how-to-translate/index.md b/public/content/translations/es/contributing/translation-program/how-to-translate/index.md
index a4538b62d95..81bc1505a2f 100644
--- a/public/content/translations/es/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/es/contributing/translation-program/how-to-translate/index.md
@@ -77,7 +77,7 @@ Los botones de la parte superior le permiten cambiar a la sección de coincidenc
 Una vez que complete la traducción (es decir, cuando todos los archivos de un lote de contenido indiquen un 100%), nuestro servicio de traducción profesional revisará (y editará personalmente) el contenido. Cuando la revisión esté lista (cuando el progreso de la revisión sea 100 %), añadiremos la traducción al sitio web.
 
 <Alert variant="update">
-<Emoji text=":warning:" className="text-4xl"/>
+<AlertEmoji text=":warning:"/>
 <AlertContent>
   No utilice la traducción automática para traducir el proyecto. Todas las traducciones serán revisadas antes de ser añadidas al sitio web. Si sus traducciones resultan ser traducciones automáticas, serán rechazadas y los colaboradores que utilicen ltraducción automática posiblemente serán eliminados del proyecto.
 </AlertContent>
diff --git a/public/content/translations/es/defi/index.md b/public/content/translations/es/defi/index.md
index 57887025a6b..943c7c7dfd0 100644
--- a/public/content/translations/es/defi/index.md
+++ b/public/content/translations/es/defi/index.md
@@ -65,7 +65,7 @@ Ethereum se basa en esto. Al igual que Bitcoin, las reglas no pueden cambiar en
 Esto puede sonar extraño... ¿por qué querría programar mi dinero? Sin embargo, esto no es más que una característica natural de los tókenes en Ethereum. Cualquier persona puede programar operaciones lógicas dentro de los pagos. De esta manera, puede obtener el control y la seguridad de Bitcoin combinado con los servicios que proveen las instituciones financieras. Esto le permite realizar actividades con las criptomonedas que no podría hacer en Bitcoin como prestar o pedir un préstamo, planificar pagos, invertir en fondos indexados y más.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Si es nuevo en Ethereum, explore y pruebe algunas de nuestras sugerencias de aplicaciones DeFi.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/es/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/es/developers/docs/consensus-mechanisms/pow/index.md
index 6c2cef4b8a6..e413a28f714 100644
--- a/public/content/translations/es/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/es/developers/docs/consensus-mechanisms/pow/index.md
@@ -7,7 +7,7 @@ lang: es
 La red Ethereum comenzó utilizando un mecanismo de consenso que implica una**[prueba de trabajo (o PoW, por sus siglas en inglés)](/developers/docs/consensus-mechanisms/pow)**. Esto permite a la red de Ethereum ponerse de acuerdo sobre el estado de toda la información registrada en la cadena de bloques de Ethereum y prevenir ciertos tipos de ataques económicos. Sin embargo, Ethereum se desconectó de la prueba de trabajo en 2022 y empezó a usar la [prueba de participación](/developers/docs/consensus-mechanisms/pos) en su lugar.
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
     La prueba de trabajo ha quedado obsoleta. Ethereum ya no utiliza la prueba de trabajo como parte de su mecanismo de consenso. En su lugar, utiliza la prueba de participación. Descubra más cosas sobre la <a href="/developers/docs/consensus-mechanisms/pos/">prueba de participación</a> y la <a href="/staking/">participación</a>.
diff --git a/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/index.md
index 452019a5268..0ef84152969 100644
--- a/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -5,7 +5,7 @@ lang: es
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 La prueba de trabajo ya no es la base del mecanismo de consenso de Ethereum, lo que significa que la minería se ha desactivado. En lugar de ello, Ethereum está asegurado por validadores que participan en ETH. Puede comenzar hoy mismo a participar en ETH. Descubrá más cosas sobre <a href='/roadmap/merge/'>La Fusión</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>la prueba de participación (PoS)</a> y <a href='/staking/'>la participación</a>. Esta página es para interés histórico solamente.
diff --git a/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index e5e99aa5498..cc4e0b66e19 100644
--- a/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -5,7 +5,7 @@ lang: es
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
    Ethash era el algoritmo de minería de prueba de trabajo de Ethereum. La prueba de trabajo ahora se ha **desactivado por completo** y Ethereum ahora está protegido utilizando la <a href="/developers/docs/consensus-mechanisms/pos/">prueba de participación</a> en su lugar. Descubra más en <a href="/roadmap/merge/">La Fusión</a>, <a href="/developers/docs/consensus-mechanisms/pos/">prueba de participación (PoS)</a> y la <a href="/staking/">participación</a>. ¡Esta página es de interés histórico!  
diff --git a/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index b57cf8a683e..1ccd939c070 100644
--- a/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/es/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -5,7 +5,7 @@ lang: es
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 La prueba de trabajo ya no es parte de la base del mecanismo de consenso de Ethereum, esto quiere decir que el minado ha sido apagado. En cambio, Ethereum está asegurado por validadores que participan en ETH. Puede comenzar su participación con ETH hoy. Descubrá más cosas sobre <a href='/roadmap/merge/'>La Fusión</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>la prueba de participación (PoS)</a> y <a href='/staking/'>la participación</a>. Esta página es solo de interés histórico.
diff --git a/public/content/translations/es/energy-consumption/index.md b/public/content/translations/es/energy-consumption/index.md
index 0807a529abf..d762fd247ec 100644
--- a/public/content/translations/es/energy-consumption/index.md
+++ b/public/content/translations/es/energy-consumption/index.md
@@ -62,7 +62,7 @@ Mientras que el consumo de energía de Ethereum es muy bajo, también se está d
 Las plataformas nativas de financiación de bienes públicos en Web3, como [Gitcoin](https://gitcoin.co) realizan rondas climáticas para estimular el desarrollo respetuoso con el medio ambiente en la capa de aplicación de Ethereum. A través del desarrollo de estas iniciativas (y otras, como por ejemplo, [DeSci](/desci/)), Ethereum se está convirtiendo en una tecnología medioambiental y socialmente positiva.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   Si cree que esta página puede ser más precisa, plantee un problema o solicitud pull (PR). Las estadísticas de esta página son estimaciones basadas en datos disponibles públicamente; no representan una declaración oficial ni una promesa del equipo de ethereum.org ni de la Ethereum Foundation.
diff --git a/public/content/translations/es/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/es/guides/how-to-create-an-ethereum-account/index.md
index d744f9b780f..550b622ba11 100644
--- a/public/content/translations/es/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/es/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ Algunas aplicaciones le pedirán que guarde una "frase de recuperación" secreta
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>¿Billetera instalada?</b><br/> Aprenda a usarla.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/es/guides/how-to-revoke-token-access/index.md b/public/content/translations/es/guides/how-to-revoke-token-access/index.md
index 73756265615..8f38fff5395 100644
--- a/public/content/translations/es/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/es/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ Le aconsejamos que actualice la herramienta de revocación transcurridos unos mi
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>¿Quiere saber más?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/es/guides/how-to-swap-tokens/index.md b/public/content/translations/es/guides/how-to-swap-tokens/index.md
index f6b45ff531f..9b10665a588 100644
--- a/public/content/translations/es/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/es/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ Recibirá automáticamente los tokens intercambiados en su billetera una vez que
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>¿Quiere saber más?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/es/guides/how-to-use-a-bridge/index.md b/public/content/translations/es/guides/how-to-use-a-bridge/index.md
index 6eab44542e8..1df0853c562 100644
--- a/public/content/translations/es/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/es/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ Puede utilizar [chainlist.org](http://chainlist.org) para encontrar los detalles
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>¿Quiere saber más?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/es/guides/how-to-use-a-wallet/index.md b/public/content/translations/es/guides/how-to-use-a-wallet/index.md
index dea950fa610..7a6b58b2af4 100644
--- a/public/content/translations/es/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/es/guides/how-to-use-a-wallet/index.md
@@ -63,7 +63,7 @@ Su dirección será la misma en todos los proyectos de Ethereum. No tiene que re
 6. ¡Y ya está! Puede empezar a utilizar la aplicación. Puede encontrar algunos proyectos interesantes en nuestra [ página DApps](/dapps/#explore). <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>¿Quiere saber más?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/es/how-to-create-an-ethereum-account/index.md b/public/content/translations/es/how-to-create-an-ethereum-account/index.md
index 007af71ca16..0ef4de89baf 100644
--- a/public/content/translations/es/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/es/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ Algunas aplicaciones le pedirán que guarde una "frase de recuperación" secreta
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>¿Billetera instalada?</b><br/> Aprenda a usarla.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/es/nft/index.md b/public/content/translations/es/nft/index.md
index dfb94f82b2e..4b2168a0cf5 100644
--- a/public/content/translations/es/nft/index.md
+++ b/public/content/translations/es/nft/index.md
@@ -56,7 +56,7 @@ Los NFT se usan para muchas cosas, como por ejemplo:
 Tal vez sea usted un artista que quiere compartir su arte a través de los NFT, sin perder el control de su propiedad intelectual ni sacrificar sus ganancias, dándoselas a intermediarios. Puede crear un nuevo contrato que especifique el número de NFT, sus propiedades y añadir un enlace a la obra de arte específica. Como artista, **puede programar las regalías dentro del contrato inteligente** que se le deben pagar (p. ej., transferir el 5 % del precio de venta al propietario del contrato cada vez que un NFT se transfiera). Además, siempre podrá demostrar que creó los NFT, porque es el propietario de la [cartera](/glossary/#wallet) asociada al contrato. Sus compradores pueden comprobar fácilmente que poseen un **NFT auténtico** de su collección, porque su cartera[dirección](/glossary/#address) está asociada a un token en su contrato inteligente. Los pueden usar a través del ecosistema de Ethereum, confiando en su autenticidad.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Explore, compre o cree sus propios NFT de arte/coleccionables...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/es/roadmap/beacon-chain/index.md b/public/content/translations/es/roadmap/beacon-chain/index.md
index 13ba54b7746..fff423c0de7 100644
--- a/public/content/translations/es/roadmap/beacon-chain/index.md
+++ b/public/content/translations/es/roadmap/beacon-chain/index.md
@@ -35,7 +35,7 @@ La transición de Ethereum a la prueba de participación hace que la red sea sig
 Y usando la prueba de participación como un mecanismo de consenso es un componente fundamental para [la seguridad, respecto al medio ambiente y la escalabilidad de Ethereum que tenemos ahora](/roadmap/vision/).
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   Si le interesa convertirse en validador y contribuir con la seguridad de Ethereum, <a href="/staking/"> obtenga más información sobre la participación</a>.
diff --git a/public/content/translations/es/security/index.md b/public/content/translations/es/security/index.md
index 7b646709a21..c002ac7668e 100644
--- a/public/content/translations/es/security/index.md
+++ b/public/content/translations/es/security/index.md
@@ -125,7 +125,7 @@ Como norma general, el personal nunca se comunicará con usted a través de cana
 - Nunca se comunique fuera de los canales designados por una organización.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Atención: aunque las estafas del estilo del soporte técnico suelen ocurrir en Discord, también pueden prevalecer en cualquier aplicación de chat en la que se hable de criptomonedas, incluido el correo electrónico.
@@ -219,7 +219,7 @@ Una contraseña segura que ha sido revelada en una violación de datos deja de s
 ### Use un gestor de contraseñas {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     Un gestor de contraseñas se encarga de crear contraseñas seguras, únicas y recordarlas. Le <strong>aconsejamos vivamente</strong> que utilice uno, ¡y la mayoría de ellos son gratis!
@@ -249,7 +249,7 @@ En ocasiones le pueden pedir que autentifique su identidad a través de pruebas
 Usar un **Factor de Doble Autenticación (2FA)** provee un *factor de seguridad* adicional para sus cuentas en línea. 2FA asegura que no sea posible acceder a su cuenta con solo tener su contraseña. Lo más común es que el segundo factor sea un código aleatorio de 6 dígitos, conocido como una **contraseña de una sola vez basada en (TOTP)**, que puede acceder a través de una aplicación de autenticación, como Google Authenticator o Authy. Estos funcionan como un factor de «algo que usted posee», porque la semilla que genera el código temporizado se almacena en su dispositivo.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Nota: El uso de 2FA basado en SMS es susceptible a <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM jacking</a> y no es seguro. Para lograr mayor seguridad, utilice un servicio como <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> o <a href="https://authy.com/">Authy</a>.
diff --git a/public/content/translations/es/staking/withdrawals/index.md b/public/content/translations/es/staking/withdrawals/index.md
index 3b41e3ba557..2d214d4ddf1 100644
--- a/public/content/translations/es/staking/withdrawals/index.md
+++ b/public/content/translations/es/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Antes de la actualización Shanghai/Capella, no se podía usar o acceder a sus E
 Proporcionar una dirección de retirada es un paso obligatorio para cualquier cuenta de validdor antes de que sea elegible para que se retiren ETH de su saldo.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>A cada cuenta de validador sólo se le puede asignar una dirección de retirada, una vez.</strong> Cuando se elige una dirección y se envía a la capa de consenso, no puede deshacerse ni cambiarse nuevamente. Vuelva a verificar la propiedad y la precisión de la dirección proporcionada antes de enviarla.
@@ -88,7 +88,7 @@ Lea la explicación sobre retirads de apuestas en Ethereum hecha por Finematics:
 Cuando un validador está programado para proponer el siguiente bloque, se requiere construir una cola de retirada, de hasta 16 retiradas elegibles. Para ello se empieza originariamente con el índice del validador 0, que determina si hay una retirada elegible para esta cuenta según las reglas del protocolo y se añade a la cola, si existe. El validador establecido para proponer el siguiente bloque lo tomará ahí donde el último lo haya dejado y irá procesando las órdenes de manera indefinida.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Piense en un reloj analógico. La manecilla en el reloj marca la hora, avanza en un sentido, no se salta ninguna hora y, al alcanzar el último número, vuelve nuevamente al punto de inicio.<br/><br/>
diff --git a/public/content/translations/es/web3/index.md b/public/content/translations/es/web3/index.md
index 7810a9da08b..7a5b4635f40 100644
--- a/public/content/translations/es/web3/index.md
+++ b/public/content/translations/es/web3/index.md
@@ -66,7 +66,7 @@ La Web3 le otorga la propiedad de sus activos digitales de una manera sin preced
 Web3 permite la propiedad directa a través de [tokens no fungibles (NFT)](/glossary/#nft). Nadie, ni siquiera los creadores del juego, tienen el poder de quitarle la propiedad. Y, si deja de jugar, puede vender o intercambiar sus objetos del juego en mercados abiertos y recuperar su valor.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Saber más sobre NFT</div>
   <ButtonLink href="/nft/">
@@ -94,7 +94,7 @@ La definición técnica de DAO consiste en [contratos inteligentes](/glossary/#s
 Sin embargo, las personas definen muchas comunidades Web3 como si fueran DAO. Todas estas comunidades tienen diferentes niveles de descentralización y automatización mediante código. En la actualidad, estamos explorando qué son las DAO y cómo podrían evolucionar en el futuro.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Más información sobre las DAO</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/fa/bridges/index.md b/public/content/translations/fa/bridges/index.md
index 9e52bf902a7..2432b11690d 100644
--- a/public/content/translations/fa/bridges/index.md
+++ b/public/content/translations/fa/bridges/index.md
@@ -60,7 +60,7 @@ _Web3 به راه‌حل‌های مقیاس‌پذیری اكوسيستم لا
 فرض كنيد مي خواهيد بيتكوين (BTC) خودتان را داشته باشيد ولي فقط در شبكه اصلي اتريوم پول داريد. براي بدست آوردن بيتكوين در اتريوم مي توانيد بيتكوين تبدیل یافته (WBTC) خريداري كنيد. بااین‌حال، WBTC یک توکن [ERC-20](/glossary/#erc-20) بومی شبکه اتریوم است، به این معنی که نسخه اتریوم بیت‌کوین است و نه دارایی اصلی در بلاکچین بیت‌کوین. براي داشتن بيتكوين اصلي بايد به كمك پل دارايی‌های خود را از اتريوم به بيتكوين انتقال دهيد. با اين كار WBTC خود را به بيتكوين اصلي پل می‌زنید و تغيير مي دهيد. از طرف دیگر، ممکن است صاحب بیت‌کوین باشید و بخواهید از آن در پروتکل‌های [دیفای](/glossary/#defi) اتریوم استفاده کنید. اين امر نيازمند آن است كه يك پل در جهت مخالف از بيتكوين به رپد بيتكوين استفاده شود که می‌توان از آن به عنوان دارایی در اتریوم استفاده کرد.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   البته مي توانيد تمام كارهاي فوق را توسط <a href="/get-eth/">صرافي متمركز</a> انجام دهيد. با این حال، در این صورت با انجام چند مرحله می توانید بهتر از پل مورد نظر استفاده کنید، مگر آن که پول‌هایتان از قبل در صرافی باشد.
diff --git a/public/content/translations/fa/contributing/translation-program/how-to-translate/index.md b/public/content/translations/fa/contributing/translation-program/how-to-translate/index.md
index f91b2be3961..052a07e4a6c 100644
--- a/public/content/translations/fa/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/fa/contributing/translation-program/how-to-translate/index.md
@@ -77,7 +77,7 @@ description: راهنمای استفاده از Crowdin جهت ترجمه‌ eth
 هنگامی که ترجمه را کامل کردید (یعنی همه فایل‌های سبد محتوا 100% را نشان می‌دهد)، خدمات ترجمه حرفه‌ای ما محتوا را بررسی می‌کند (و احتمالاً ویرایش می‌کند). پس از تکمیل بررسی (یعنی وقتی پیشرفت بازبینی 100٪ شد)، آن را به وب سایت اضافه می کنیم.
 
 <Alert variant="update">
-<Emoji text=":warning:" className="text-4xl"/>
+<AlertEmoji text=":warning:"/>
 <AlertContent>
   لطفا از ترجمه‌های ماشینی برای ترجمه‌ پروژه استفاده نکنید. همه‌ ترجمه‌ها پیش از اضافه شدن به وبسایت بررسی می‌شوند. اگر ترجمه‌های شما، ترجمه‌ ماشینی به نظر برسند، رد می‌شوند و افرادی که از ترجمه‌های ماشینی استفاده کنند معمولا از پروژه حذف می‌شوند.
 </AlertContent>
diff --git a/public/content/translations/fa/defi/index.md b/public/content/translations/fa/defi/index.md
index fe51bb6d521..8fc0da4e0ad 100644
--- a/public/content/translations/fa/defi/index.md
+++ b/public/content/translations/fa/defi/index.md
@@ -64,7 +64,7 @@ DeFi یک واژه‌ی کلی برای محصولات و خدمات مالی د
 عجیب به نظر می‌رسد... «چرا باید بخواهم پولم را برنامه‌نویسی کنم؟» با این حال، این کار چیزی فراتر از ویژگی‌های پیش‌فرض توکن‌ها در اتریوم است. هر شخصی می‌تواند منطق را بر روی پرداخت‌ها برنامه‌نویسی کند. پس می‌توانید کنترل و ایمنی بیت‌کوین را در کنار خدمات ارائه‌شده توسط نهادهای مالی داشته باشید. با این ویژگی شما می‌توانید کارهایی با ارزهای رمزنگاری‌شده بکنید که با بیت‌کوین نمی‌توانستید انجام دهید؛ مثل قرض دادن و قرض گرفتن، برنامه‌ریزی کردن پرداخت‌ها، سرمایه‌گذاری در صندوق‌های سرمایه‌گذاری مبتنی بر شاخص و غیره.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>اگر تازه پا به جهان اتریوم گذاشته‌اید، نگاهی به پیشنهاد‌های ما برای برنامه‌های DeFi جهت استفاده بیاندازید.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/index.md
index 367ae516673..7c9084a0df9 100644
--- a/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/index.md
@@ -7,7 +7,7 @@ lang: fa
 شبکه اتریوم با استفاده از یک مکانیزم اجماعی که شامل **[اثبات کار (PoW)](/developers/docs/consensus-mechanisms/pow)** بود، شروع به کار کرد. این موضوع به گره های شبکه اتریوم اجازه داد روی وضعیت تمام اطلاعات ثبت شده روی زنجیره‌‌ بلوکی اتریوم به توافق برسند و از انواع خاصی از حملات اقتصادی جلوگیری کنند. با این حال، اتریوم اثبات کار را در سال 2022 خاموش کرد و به جای آن شروع به استفاده از [اثبات سهام](/developers/docs/consensus-mechanisms/pos) کرد.
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
     در حال حاضر اثبات کار منسوخ شده است. اتریوم دیگر از اثبات کار به عنوان بخشی از مکانیزم اجماع خود استفاده نمی کند. در عوض، از اثبات سهام استفاده می کند. در مورد <a href="/developers/docs/consensus-mechanisms/pos/">اثبات سهام</a> و <a href="/staking/">سهام گذاری</a> بیشتر بخوانید.
diff --git a/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/index.md
index 1b9533c4a66..a299a445678 100644
--- a/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -5,7 +5,7 @@ lang: fa
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 اثبات-کار دیگر مکانیزم اجماع اتریوم نیست، و در نتیجه استخراج اتریوم متوفف شده است. در عوض، اتریوم توسط اعتبارسنج‌هایی که اتریوم را سهام گذاری می‌کنند، ایمن می‌شود. شما می‌توانید از امروز شروع به سهام‌گذاری اتر خود کنید. درباره‌ <a href='/roadmap/merge/'>ادغام</a>، <a href='/developers/docs/consensus-mechanisms/pos/'>اثبات سهام</a> و <a href='/staking/'>سهام‌گذاری</a> بیشتر بخوانید. این صفحه تنها برای علاقمندان به تاریخچه پروژه است.
diff --git a/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index 981b5c2c199..e030bae2d00 100644
--- a/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -5,7 +5,7 @@ lang: fa
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
    Ethash الگوریتم استخراج اثبات کار اتریوم بود. اثبات کار اکنون **به طور کامل خاموش شده** و اتریوم اکنون با استفاده از <a href="/developers/docs/consensus-mechanisms/pos/">اثبات سهام</a> امن شده است. درباره‌ <a href="/roadmap/merge/">ادغام</a> و <a href="/developers/docs/consensus-mechanisms/pos/">اثبات سهام</a> و <a href="/staking/">سهام گذاری</a> بیشتر بخوانید. این صفحه صرفاً برای علاقه‌مندان به تاریخ است!  
diff --git a/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index 03949eaa557..19823cb7103 100644
--- a/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/fa/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -5,7 +5,7 @@ lang: fa
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 اثبات-کار دیگر مکانیزم اجماع اتریوم نیست، و در نتیجه استخراج اتریوم متوفف شده است. در عوض، اتریوم توسط اعتبارسنج‌هایی که اتریوم را سهام گذاری می‌کنند، ایمن می‌شود. شما می‌توانید از امروز شروع به سهام‌گذاری اتر خود کنید. درباره‌ <a href='/roadmap/merge/'>ادغام</a>، <a href='/developers/docs/consensus-mechanisms/pos/'>اثبات سهام</a> و <a href='/staking/'>سهام‌گذاری</a> بیشتر بخوانید. این صفحه تنها برای علاقمندان به تاریخچه پروژه است.
diff --git a/public/content/translations/fa/energy-consumption/index.md b/public/content/translations/fa/energy-consumption/index.md
index 0c1612df934..20144fb1a0d 100644
--- a/public/content/translations/fa/energy-consumption/index.md
+++ b/public/content/translations/fa/energy-consumption/index.md
@@ -62,7 +62,7 @@ lang: fa
 پلتفرمهای بومی Web3 برای تامین هزینه کالاهای عمومی مثل [Gitcoin](https://gitcoin.co) میزگردهای مربوط به اقلیم را برای تحریک ساخت سازگار با محیط زیست در لایه اپلیکیشن اتریوم، اجرا می‌کنند. به خاطر این ابتکارها (و موارد دیگر مثل [DeSci](/desci/)) اتریوم از جنبه محیط زیستی و اجتماعی در حال تبدیل شدن به یک تکنولوژی کاملا مثبت است.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   اگر فکر می‌کنید این صفحه می‌تواند دقیق‌تر شود، لطفاً آن را در قالب یک مشکل یا درخواست مطرح کنید. آمار این صفحه بر اساس داده های عمومی می باشد. آنها نشان‌دهنده اعلام رسمی یا قول تیم ethereum.org یا بنیاد اتریوم نیستند.
diff --git a/public/content/translations/fa/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/fa/guides/how-to-create-an-ethereum-account/index.md
index de63c1ec0ac..cf96410b0f5 100644
--- a/public/content/translations/fa/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/fa/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ lang: fa
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div>می‌خواهید بیشتر بدانید؟</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/fa/guides/how-to-revoke-token-access/index.md b/public/content/translations/fa/guides/how-to-revoke-token-access/index.md
index fcc20a5020d..d3cdfd1382b 100644
--- a/public/content/translations/fa/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/fa/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ lang: fa
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>می‌خواهید بیشتر بدانید؟</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/fa/guides/how-to-swap-tokens/index.md b/public/content/translations/fa/guides/how-to-swap-tokens/index.md
index 77facf4a341..55fb48ba434 100644
--- a/public/content/translations/fa/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/fa/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ lang: fa
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>می‌خواهید بیشتر بدانید؟</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/fa/guides/how-to-use-a-bridge/index.md b/public/content/translations/fa/guides/how-to-use-a-bridge/index.md
index fce39fa174f..0ae50493d07 100644
--- a/public/content/translations/fa/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/fa/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ lang: fa
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>می‌خواهید بیشتر بدانید؟</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/fa/guides/how-to-use-a-wallet/index.md b/public/content/translations/fa/guides/how-to-use-a-wallet/index.md
index 6440efbb473..2ef7576d483 100644
--- a/public/content/translations/fa/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/fa/guides/how-to-use-a-wallet/index.md
@@ -63,7 +63,7 @@ lang: fa
 6. همین! استفاده از اپلیکیشن را شروع کنید. در [صفحه برنامه های غیرمتمرکز](/dapps/#explore) می توانید پروژه های جالبی را پیدا کنید. <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>می‌خواهید بیشتر بدانید؟</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/fa/how-to-create-an-ethereum-account/index.md b/public/content/translations/fa/how-to-create-an-ethereum-account/index.md
index 01d95cb1bdb..1cd194a5669 100644
--- a/public/content/translations/fa/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/fa/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ lang: fa
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>کیف‌پول نصب شد؟</b><br/>نحوه استفاده اینجاست.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/fa/nft/index.md b/public/content/translations/fa/nft/index.md
index f7f70c60015..637b36d20cf 100644
--- a/public/content/translations/fa/nft/index.md
+++ b/public/content/translations/fa/nft/index.md
@@ -55,7 +55,7 @@ NFTها کاربرد بسیاری دارند، از جمله:
 شاید هنرمندی هستید که می‌خواهید با استفاده از NFT، و بدون از دست دادن کنترل و سودتان به واسطه‌ها، آثارتان را به اشتراک بگذارید. می‌توانید قرارداد هوشمند جدیدی بسازید و تعداد NFTها، مشخصات آنها و لینک ورود به برخی آثار هنری خاص را مشخص کنید. به‌عنوان هنرمند، **می‌توانید امتیازهایی را در قرارداد هوشمند برنامه‌ریزی کنید** که باید به شما پرداخت شود (مثلاً هر بار که یک NFT معامله می‌شود 5٪ از قیمت فروش به صاحب قرارداد منتقل شود). همچنین همیشه می‌توانید ثابت کنید که شما NFTها را تولید کرده‌اید، زیرا مالک [کیف پولی](/glossary/#wallet) هستید که قرارداد را منتشر کرده است. خریداران شما به‌راحتی می‌توانند ثابت کنند که مالک **یک NFT معتبر** متعلق به مجموعه شما هستند زیرا [آدرس](/glossary/#address) کیف‌پول آنها با توکنی در قرارداد هوشمند شما مرتبط است. آنها می‌توانند از آن در سراسر اکوسیستم اتریوم استفاده کنند و ضمناً از بابت اصالت آن خیالشان آسوده باشد.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>NFT اثر هنری/کالاهای خود را جستجو کنید، بخرید یا بسازید...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/fa/roadmap/beacon-chain/index.md b/public/content/translations/fa/roadmap/beacon-chain/index.md
index 07059e7b05c..8d048ad621e 100644
--- a/public/content/translations/fa/roadmap/beacon-chain/index.md
+++ b/public/content/translations/fa/roadmap/beacon-chain/index.md
@@ -35,7 +35,7 @@ summaryPoint3: زنجیره بیکن منطق اجماع و پروتکل شای
 و استفاده از اثبات سهام به عنوان مکانیزم اجماع، یک مؤلفۀ اساسی برای [ اتریوم امن، سازگار با محیط زیست و مقیاس‌پذیر است که اکنون داریم](/roadmap/vision/).
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   اگر علاقه‌مندید به یک اعتبارسنج تبدیل شوید و به ایمن‌سازی اتریوم کمک کنید، <a href="/staking/">دربارۀ سهام‌گذاری بیشتر بدانید</a>.
diff --git a/public/content/translations/fa/security/index.md b/public/content/translations/fa/security/index.md
index 503b55e2a26..a341c4d0bc1 100644
--- a/public/content/translations/fa/security/index.md
+++ b/public/content/translations/fa/security/index.md
@@ -123,7 +123,7 @@ lang: fa
 - هیچ‌گاه خارج از کانال‌های اختصاصی یک سازمان با آن ارتباط برقرار نکنید
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     آگاه باشید: درست است که کلاهبرداری‌های پشتیبانی عموماً در Discord رخ می‌دهند، اما امکان رخ دادن آن‌ها در هر برنامه‌ پیام‌رسان که در آن بحث و گفتگو با محوریت ارزهای رمزنگاری‌شده انجام می‌شود نیز وجود دارد؛ از جمله ایمیل.
@@ -217,7 +217,7 @@ _توجه: توکن‌ها/تیکرهای مشتقی وجود دارند که م
 ### از یک برنامه‌ مدیریت رمز استفاده کنید {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     استفاده از برنامه‌های مدیریت رمز می‌تواند خیال شما را از حیث ساخت رمزهای قوی و منحصربه‌فرد و به‌خاطرسپاری آن‌ها راحت کند! ما <strong>قویاً</strong> توصیه می‌کنیم از یک برنامه‌ مدیریت رمز استفاده کنید. بیشتر این برنامه‌ها رایگان هستند!
@@ -247,7 +247,7 @@ _توجه: توکن‌ها/تیکرهای مشتقی وجود دارند که م
 استفاده از **احراز هویت دوعاملی (2FA)** یک *عامل امنیتی* اضافی را برای حساب‌های آنلاین شما فراهم می‌کند. احراز هویت دوعاملی تضمین می‌کند که صرف داشتن رمز برای دسترسی به یک حساب کاربری کافی نیست. عامل دوم معمولاً یک کد 6 رقمی تصادفی است که به آن **رمز یکبارمصرف زمان‌دار (TOTP)** می‌گویند و با یک برنامه‌ احراز هویت مثل Google Authenticator یا Authy می‌توانید به آن دسترسی داشته باشید. این‌ها به‌عنوان عامل «چیزی که دارید» عمل می‌کنند، چون هسته‌ای که کد زمان‌دار را می‌سازد روی دستگاه شما نگه‌داری می‌شود.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     توجه: استفاده از 2FA پیامکی، در معرض <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">استراق سمع سیم کارت</a> است و ایمن نیست. برای بهترین امنیت، از سرویسی مانند <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> یا <a href="https://authy.com/">Authy</a> استفاده کنید.
diff --git a/public/content/translations/fa/staking/withdrawals/index.md b/public/content/translations/fa/staking/withdrawals/index.md
index e1566d561ab..06270d89e76 100644
--- a/public/content/translations/fa/staking/withdrawals/index.md
+++ b/public/content/translations/fa/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ summaryPoints:
 ارائه یک آدرس برداشت، یک قدم ضروری برای هر حساب اعتبارسنج قبل از واجد شرایط بودن آن برای برداشت اتر از موجودی آن است.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>هر حساب اعتبارسنج می‌تواند فقط یک بار تنها به یک آدرس برداشت اختصاص یابد.</strong> پس از انتخاب یک آدرس و ارسال آن به لایه اجماع، نمی‌توان آن را لغو کرد یا دوباره تغییر داد. مالکیت و صحت آدرس ارائه شده را قبل از ثبت دوباره بررسی کنید.
@@ -88,7 +88,7 @@ summaryPoints:
 زمانی که یک اعتبارسنج قرار است بلوک بعدی را پیشنهاد کند، باید یک صف برداشت ایجاد کند، نهایتاً تا 16 برداشت واجد شرایط. این کار با شروع با شاخص اعتبارسنج 0 انجام می‌شود، یعنی تعیین اینکه آیا برداشت واجد شرایطی برای این حساب طبق قوانین پروتکل وجود دارد یا نه، و در صورت وجود آن را به صف اضافه کند. کار اعتبارسنج تنظیم شده برای پیشنهاد بلوک بعدی از جایی که آخرین بلوک متوقف شده است ادامه می‌یابد و این روند به‌ترتیب به طور نامحدود پیش می‌رود.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 به یک ساعت آنالوگ فکر کنید. عقربه روی آن به ساعت اشاره می‌کند، در یک جهت پیش می‌رود، از روی هیچ ساعتی نمی‌‌پرد و در نهایت پس از رسیدن به آخرین عدد، دوباره از ابتدا شروع به چرخیدن می‌کند.<br/><br/>
diff --git a/public/content/translations/fa/web3/index.md b/public/content/translations/fa/web3/index.md
index bc71fd5707d..b3c40a93fc3 100644
--- a/public/content/translations/fa/web3/index.md
+++ b/public/content/translations/fa/web3/index.md
@@ -66,7 +66,7 @@ lang: fa
 Web3 امکان مالکیت مستقیم را از طریق [توکن‌های غیرقابل معاوضه (NFTها)](/glossary/#nft) فراهم می کند. هیچ‌کس، حتی سازندگان بازی، قدرت سلب مالکیت شما را ندارند. و اگر بازی را متوقف کنید، می‌توانید آیتم‌های درون بازی خود را در بازارهای آزاد بفروشید یا معامله کنید و ارزش آن‌ها را بازپس بگیرید.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>درباره‌ی NFTها بیشتر بدانید</div>
   <ButtonLink href="/nft/">
@@ -94,7 +94,7 @@ DAOها از نظر فنی با عنوان [قراردادهای هوشمند](/
 با این حال، مردم، بسیاری از جوامع Web3 را به عنوان DAO تعریف می کنند. همه این جوامع، سطوح مختلفی از تمرکززدایی و اتوماسیون با کد دارند. در حال حاضر، ما در حال بررسی این هستیم که DAO چیست و چگونه ممکن است در آینده تکامل یابد.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>درباره DAO ها بیشتر بیاموزید</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/fi/nft/index.md b/public/content/translations/fi/nft/index.md
index 2677a8aa6d0..0e6a363037c 100644
--- a/public/content/translations/fi/nft/index.md
+++ b/public/content/translations/fi/nft/index.md
@@ -168,7 +168,7 @@ NFTin voima on uudenlaisessa alustataloudessa, jossa teoksen omistajuus pysyy te
 Kun sisältöä myydään, ansainta ohjautuu suoraan luojalle. Jos uusi sisällön tai teoksen omistaja myy NFTin, alkuperäinen teoksen luoja saa automaattisesti rojaltit itselleen. Tämä on varmistettu teoksen sisältämässä metadatassa, jota ei voi muokata. Data sisältää alkuperäisen luojan osoitteen.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Tutki, osta tai luo omia NFT-toteutuksia</div>
   <ButtonLink href="/dapps/?category=collectibles">
@@ -204,7 +204,7 @@ Pelin kohteet pysyvät olemassa, vaikka itse peli päättyisi. Vaikka peliä ei
 Decentraland, virtuaalinen reality-peli, jossa NFTt edustavat tontteja tai kiinteistöjä, joita voit käyttää tarpeesi mukaan.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Tutustu Ethereum-peleihin, joita NFTt boostaavat...</div>
   <ButtonLink href="/dapps/?category=gaming">
diff --git a/public/content/translations/fil/bridges/index.md b/public/content/translations/fil/bridges/index.md
index 089fdba31c4..cd9bb3f2a44 100644
--- a/public/content/translations/fil/bridges/index.md
+++ b/public/content/translations/fil/bridges/index.md
@@ -60,7 +60,7 @@ Kung mayroon kang ETH sa Ethereum Mainnet at nais mong subukan ang isang alterna
 Sabihin nating gusto mong magkaroon ng native na Bitcoin (BTC), ngunit nasa Ethereum Mainnet lang ang pondo mo. Upang magkaroon ng exposure sa BTC sa Ethereum, maaari kang bumili ng Wrapped Bitcoin (WBTC). Gayunpaman, ang WBTC ay isang ERC-20 token na native sa Ethereum network. Ibig sabihin, ito ay isang bersyon ng Bitcoin sa Ethereum at hindi ang orihinal na asset sa Bitcoin blockchain. Para magkaroon ng native na BTC, kailangan mong i-bridge ang iyong mga asset sa Bitcoin mula sa Ethereum gamit ang bridge. Ibi-bridge nito ang WBTC mo at gagawin nito itong native na BTC. Puwede ring mayroon ka nang BTC at gusto mo itong gamitin sa mga Ethereum DeFi protocol. Pabaligtad ang magiging pag-bridge nito, mula sa BTC patungong WBTC na siyang magagamit bilang asset sa Ethereum.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   Maaari mo ring gawin ang lahat ng nabanggit gamit ang isang <a href="/get-eth/">centralized exchange</a>. Gayunpaman, maliban kung nasa isang exchange na ang iyong mga pondo, maraming hakbang ang kailangan para dito, at magiging mas mainam kung gumamit ka na lang ng bridge.
diff --git a/public/content/translations/fil/defi/index.md b/public/content/translations/fil/defi/index.md
index 8b90f822331..defbb70ed67 100644
--- a/public/content/translations/fil/defi/index.md
+++ b/public/content/translations/fil/defi/index.md
@@ -64,7 +64,7 @@ Mas pinapahusay pa ito ng Ethereum. Tulad ng Bitcoin, hindi maaaring magbago ang
 Medyo kakaiba itong pakinggan... "bakit ko gugustuhing iprograma ang pera ko"? Ngunit, ito ay higit na default na feature ng mga token sa Ethereum. Sinuman ay maaaring magprograma ng lohika sa mga pagbabayad. Kaya makukuha mo ang kontrol at seguridad ng Bitcoin pati ang mga serbisyong ibinibigay ng mga pinansyal na institusyon. Dahil dito, magagawa mo sa mga cryptocurrency ang mga bagay na hindi mo magagawa sa Bitcoin, tulad ng pagpapautang at panghihiram, pag-i-schedule ng mga pagbabayad, pamumuhunan sa mga index fund at iba pa.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Tuklasin ang aming mga mungkahi para sa mga application ng DeFi na maaari mong subukan kung bago ka sa Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/fil/energy-consumption/index.md b/public/content/translations/fil/energy-consumption/index.md
index b3750772399..2910bd86bd3 100644
--- a/public/content/translations/fil/energy-consumption/index.md
+++ b/public/content/translations/fil/energy-consumption/index.md
@@ -60,7 +60,7 @@ Bagama't napakaliit ng kinokonsumong enerhiya ng Ethereum, mayroon ding mahalaga
 Ang mga public goods funding platform na native sa Web3 tulad ng [Gitcoin](https://gitcoin.co) ay nagsasagawa ng mga climate round upang isulong ang environmentally conscious na paggawa sa application layer ng Ethereum. Sa pamamagitan ng paggawa ng mga inisyatibang ito (at iba pa, hal., [DeSci](/desci/)), ang Ethereum ay nagiging isang teknolohiyang may positibong epekto sa kapaligiran at lipunan.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   Kung sa tingin mo ay mas mapapatumpak pa ang page na ito, maghain ng isyu o pull request (PR). Ang stats sa page na ito ay mga pagtatantya batay sa data na available sa publiko - hindi kumakatawan ang mga ito sa isang opisyal na pahayag o pangako mula sa ethereum.org team, o sa Ethereum Foundation.
diff --git a/public/content/translations/fil/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/fil/guides/how-to-create-an-ethereum-account/index.md
index 50fef65535e..3490609b8da 100644
--- a/public/content/translations/fil/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/fil/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ Kapag na-save mo na ang iyong seed phrase, makikita mo ang iyong balanse sa dash
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div>Gusto mong magbasa pa?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/fil/guides/how-to-revoke-token-access/index.md b/public/content/translations/fil/guides/how-to-revoke-token-access/index.md
index 5fb08d4dcda..291e5e1a481 100644
--- a/public/content/translations/fil/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/fil/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ Ipinapayo naming i-refresh mo ang tool para sa pagbawi pagkalipas ng ilang minut
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Gusto mong magbasa pa?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/fil/guides/how-to-swap-tokens/index.md b/public/content/translations/fil/guides/how-to-swap-tokens/index.md
index 58486e605e8..75329e43db0 100644
--- a/public/content/translations/fil/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/fil/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ Awtomatiko mong matatanggap ang mga na-swap na token sa wallet mo kapag naiprose
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Gusto mong magbasa pa?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/fil/guides/how-to-use-a-bridge/index.md b/public/content/translations/fil/guides/how-to-use-a-bridge/index.md
index 88f3b14f687..f5021ddfe21 100644
--- a/public/content/translations/fil/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/fil/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ Maaari kang gumamit ng [chainlist.org](http://chainlist.org) upang makita ang de
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Gusto mong magbasa pa?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/fil/guides/how-to-use-a-wallet/index.md b/public/content/translations/fil/guides/how-to-use-a-wallet/index.md
index 340d53d7165..4671db7afd1 100644
--- a/public/content/translations/fil/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/fil/guides/how-to-use-a-wallet/index.md
@@ -63,7 +63,7 @@ Hindi magbabago ang iyong address sa lahat ng Ethereum project. Hindi mo kailang
 6. Tapos na! Simulan nang gamitin ang app. Makakakita ka ng mga kawili-wiling proyekto sa aming [dApps page](/dapps/#explore). <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Gusto mong magbasa pa?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/fil/security/index.md b/public/content/translations/fil/security/index.md
index 78d1a736f6a..94d5e98afd2 100644
--- a/public/content/translations/fil/security/index.md
+++ b/public/content/translations/fil/security/index.md
@@ -42,7 +42,7 @@ Ang password na mahirap hulaan ay hindi nagbibigay ng sapat na proteksyon kung i
 ### Gumamit ng password manager {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     Kapag gumamit ng password manager, ito ang bahalang gumawa ng mga password na mahirap hulaan at walang katulad, at tatandaan nito ang mga ito para sa iyo! <strong>Lubos</strong> naming inirerekomendang gumamit nito, at libre ang karamihan sa mga ito!
@@ -72,7 +72,7 @@ Upang patunayang ikaw talaga iyan, may iba't ibang natatanging patunay na magaga
 Ang paggamit ng **Two-Factor Authentication (2FA)** ay nagbibigay ng karagdagang *security factor* para sa iyong mga online account kaya hindi sapat na malaman lang ang password mo (isang bagay na alam mo) para ma-access ang isang account. Pinakakaraniwan, ang pangalawang factor ay isang randomized na 6-digit code, na kilala bilang **time-based one-time password (TOTP)**, na maa-access mo sa pamamagitan ng isang authenticator app tulad ng Google Authenticator o Authy. Ito ay gumagana bilang isang factor na "isang bagay na pagmamay-ari mo" dahil ang seed na gumagawa ng timed code ay naka-store sa iyong device.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Tandaan: Ang paggamit ng SMS-based na 2FA ay madaling mabiktima ng 
@@ -213,7 +213,7 @@ Bilang pangkalahatang panuntunan, hinding-hindi makikipag-usap sa iyo ang staff
 - Huwag makipag-ugnayan sa labas ng mga itinakdang channel ng organisasyon
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Babala: bagama't madalas mangyari sa Discord ang mga support-style na scam, maaari din itong mangyari sa anumang chat application kung saan nagaganap ang diskusyon tungkol sa crypto, kasama na ang email.
diff --git a/public/content/translations/fil/staking/withdrawals/index.md b/public/content/translations/fil/staking/withdrawals/index.md
index 85e2e60db03..18648321823 100644
--- a/public/content/translations/fil/staking/withdrawals/index.md
+++ b/public/content/translations/fil/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Bago ang Shanghai/Capella upgrade, hindi mo magamit o ma-access ang iyong staked
 Ang pagbibigay ng withdrawal address ay isang kinakailangang hakbang para sa anumang validator account bago ito maging eligible na mag-withdraw ng ETH mula sa balanse nito.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Ang bawat validator account ay maaari lang magkaroon ng isang withdrawal address, nang isang beses lang.</strong> Kapag nakapili na ng address at naisumite na ito sa consensus layer, hindi na ito maaaring bawiin o baguhin ulit. I-double check ang pagmamay-ari at katumpakan ng address na ibinigay bago ito isumite.
@@ -88,7 +88,7 @@ Tingnan ang paliwanag ng Finematics tungkol sa mga pag-withdraw sa staking ng Et
 Kapag nakaiskedyul ang isang validator na magmungkahi ng susunod na block, kailangan nitong gumawa ng withdrawal queue ng hanggang 16 na eligible withdrawal. Ito ay ginagawa sa pamamagitan ng pagsisimula sa validator index 0, pagtukoy kung may eligible withdrawal para sa account na ito batay sa mga panuntunan ng protocol, at pagdadagdag nito sa queue kung mayroon man. Ang validator na nakatakda na mag-propose ng susunod na bloke ay magpapatuloy kung saan iniwan ng huling bloke, at magpapatuloy ito nang sunod-sunod ng walang katapusan.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Para lang itong analog na orasan. Itinuturo ng kamay sa orasan ang oras, umuusad ito sa isang direksyon, wala itong nilalaktawang anumang oras, at sa huli ay bumabalik ito sa simula kapag naabot na nito ang huling numero.<br/><br/>
diff --git a/public/content/translations/fil/web3/index.md b/public/content/translations/fil/web3/index.md
index 2208e5f2ea2..09078bd3892 100644
--- a/public/content/translations/fil/web3/index.md
+++ b/public/content/translations/fil/web3/index.md
@@ -62,7 +62,7 @@ Ibinibigay ng Web3 sa iyo ang pagmamay-ari ng ng iyong mga digital asset sa kaka
 Pinapahintulutan ng Web3 ang pagmamay-ari sa pamamagitan ng [mga non-fungible token (NFTs)](/glossary/#nft). Walang sinuman, kahit ang mga game creator, ang may kapangyarihang bawiin ang iyong pagmamay-ari. At, kung hihinto ka sa paglalaro, maaari mong ibenta o i-trade ang iyong mga in-game item sa mga open market at mabawi ang iyong ipinuhunan.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Magbasa pa tungkol sa NFTs</div>
   <ButtonLink href="/nft/">
@@ -90,7 +90,7 @@ Ang mga DAO ay teknikal na tinukoy bilang napagkasunduan na [mga smart contract]
 Gayunpaman, itinuturing na DAOs ng mga tao ang maraming komunidad sa Web3. May iba't ibang antas ng decentralization at automation ayon sa code ang mga komunidad na ito. Kasalukuyan naming tinitingnan kung ano ang DAOs at kung paano maaaring magbago ang mga ito sa hinaharap.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Magkaroon ng higit pang kaalaman tungkol sa DAOs</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/fr/bridges/index.md b/public/content/translations/fr/bridges/index.md
index a09ba8a4fae..3dc68c2dff5 100644
--- a/public/content/translations/fr/bridges/index.md
+++ b/public/content/translations/fr/bridges/index.md
@@ -60,7 +60,7 @@ Si vous avez des ETH sur le réseau principal Ethereum et que vous voulez explor
 Disons que vous voulez posséder des bitcoins (BTC) natifs, mais que vous n'avez des fonds que sur le réseau principal Ethereum. Pour vous exposer aux BTC sur Ethereum, vous pouvez acheter des Wrapped Bitcoin (WBTC). Cependant, le WBTC est un jeton [ERC-20](/glossary/#erc-20) natif du réseau Ethereum, ce qui signifie qu'il s'agit d'une version Ethereum de Bitcoin et non de l'actif original sur la blockchain Bitcoin. Pour posséder des BTC natifs, vous devez basculer vos actifs d'Ethereum à Bitcoin en utilisant un pont. Cela permettra de relier votre WBTC et de le convertir en BTC natif. Alternativement, vous pouvez également posséder des BTC et vouloir les utiliser dans les protocoles [DeFi](/glossary/#defi) d'Ethereum. Pour cela, il faudrait faire le pont dans l'autre sens, de BTC à WBTC, qui peut ensuite être utilisé comme actif sur Ethereum.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   Vous pouvez également faire tout ce qui précède en utilisant un <a href="/get-eth/">échange centralisé</a>. Cependant, à moins que vos fonds ne soient déjà mêlés à un échange, cela impliquerait plusieurs étapes et il serait probablement préférable d'utiliser un pont.
diff --git a/public/content/translations/fr/contributing/translation-program/how-to-translate/index.md b/public/content/translations/fr/contributing/translation-program/how-to-translate/index.md
index e26679975e5..b459e2415b5 100644
--- a/public/content/translations/fr/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/fr/contributing/translation-program/how-to-translate/index.md
@@ -77,7 +77,7 @@ Vous voulez en savoir plus ? N'hésitez pas à consulter la [documentation sur l
 Une fois que vous avez terminé la traduction (c'est-à-dire que tous les fichiers pour un ensemble de contenu affichent une progression à 100 %), notre service de traduction professionnel examinera (et, éventuellement, modifiera) le contenu. Une fois la révision terminée (c'est-à-dire que la progression de la révision est de 100 %), nous ajouterons le contenu sur le site web.
 
 <Alert variant="update">
-<Emoji text=":warning:" className="text-4xl"/>
+<AlertEmoji text=":warning:"/>
 <AlertContent>
   Veuillez ne pas utiliser de traduction automatique pour traduire le projet. Toutes les traductions seront examinées avant d'être ajoutées au site web. S'il apparaît que les traductions que vous proposez sont traduites automatiquement, elles seront rejetées et les contributeurs qui utilisent souvent la traduction automatique seront retirés du projet.
 </AlertContent>
diff --git a/public/content/translations/fr/defi/index.md b/public/content/translations/fr/defi/index.md
index 6ff00ef4c22..f8f118431cf 100644
--- a/public/content/translations/fr/defi/index.md
+++ b/public/content/translations/fr/defi/index.md
@@ -65,7 +65,7 @@ L'Ethereum s'appuie sur cela. Comme le Bitcoin, les règles ne peuvent pas chang
 Cela semble étrange... « pourquoi je voudrais programmer mon argent » ? Cependant, il s'agit plutôt d'une fonctionnalité par défaut des jetons sur Ethereum. N'importe qui peut programmer une logique de paiement. Ainsi, vous pouvez obtenir le contrôle et la sécurité de Bitcoin mélangés avec les services fournis par les institutions financières. Cela vous permet de faire des choses avec des cryptomonnaies que vous ne pouvez pas faire avec des Bitcoins comme des prêts et des emprunts, des paiements, des investissements dans des fonds d'indice et plus encore.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Explorez nos suggestions pour les applications de la DeFi pour essayer si vous êtes nouveau sur Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/index.md
index c7f4d7b3957..8bea2b29fa7 100644
--- a/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/index.md
@@ -7,7 +7,7 @@ lang: fr
 Le réseau Ethereum a commencé par utiliser un mécanisme de consensus basé sur la **[Preuve de travail (PoW)](/developers/docs/consensus-mechanisms/pow)**. Cela permet à l'ensemble des nœuds du réseau Ethereum de s'accorder sur l'état de toutes les informations enregistrées sur la blockchain Ethereum, empêchant ainsi certains types d'attaques économiques. Ethereum a néanmoins abandonné la preuve de travail en 2022 et a commencé à utiliser la [preuve d'enjeu](/developers/docs/consensus-mechanisms/pos).
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
     La preuve de travail est maintenant obsolète. Ethereum n'utilise plus la preuve de travail dans le cadre de son mécanisme de consensus. En lieu et place, Ethereum utilise la preuve d'enjeu. En savoir plus sur la <a href="/developers/docs/consensus-mechanisms/pos/">preuve d'enjeu</a> et le <a href="/staking/">staking</a>.
diff --git a/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/index.md
index 67b645d18c8..83748b6953d 100644
--- a/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -5,7 +5,7 @@ lang: fr
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 La preuve de travail n'est plus le mécanisme de consensus d'Ethereum, ce qui implique que le minage a été désactivé. À la place, Ethereum est sécurisé par les validateurs qui misent de l'ETH. Vous pouvez commencer à miser votre ETH aujourd'hui. En savoir plus sur <a href='/roadmap/merge/'>La Fusion</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>la preuve d'enjeu</a> et <a href='/staking/'>la mise en jeu</a>. Cette page n'a qu'un intérêt historique.
diff --git a/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index b72a9e7bcd2..03bd9c1cea8 100644
--- a/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -5,7 +5,7 @@ lang: fr
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
    Ethash était l'algorithme de minage par preuve de travail d'Ethereum. La preuve de travail est maintenant **arrêtée entièrement** et Ethereum est maintenant sécurisé en utilisant <a href="/developers/docs/consensus-mechanisms/pos/">la preuve d'enjeu</a> à la place. En savoir plus sur <a href="/roadmap/merge/">La Fusion</a>, <a href="/developers/docs/consensus-mechanisms/pos/">la preuve d'enjeu</a> et la <a href="/staking/">mise en jeu</a>. Cette page n'a qu'un intérêt historique !  
diff --git a/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index 690bb30fed5..b6c616b3d17 100644
--- a/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/fr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -5,7 +5,7 @@ lang: fr
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 La preuve de travail n'est plus le mécanisme de consensus d'Ethereum, ce qui signifie que le minage a été arrêté. En lieu et place, Ethereum est sécurisé par les validateurs qui misent de l'ETH. Vous pouvez commencer à miser votre ETH dès aujourd'hui. En savoir plus sur <a href='/roadmap/merge/'>La Fusion</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>la preuve d'enjeu</a> et <a href='/staking/'>la mise en jeu</a>. Cette page n'a qu'un intérêt historique.
diff --git a/public/content/translations/fr/energy-consumption/index.md b/public/content/translations/fr/energy-consumption/index.md
index fcd386ef981..036c014279f 100644
--- a/public/content/translations/fr/energy-consumption/index.md
+++ b/public/content/translations/fr/energy-consumption/index.md
@@ -62,7 +62,7 @@ Bien que la consommation d'énergie d'Ethereum soit très faible, il existe éga
 Les plateformes de financement de biens publics natifs Web3 telles que [Gitcoin](https://gitcoin.co) exécutent des rondes climatiques pour stimuler la construction écologique sur la couche d'application d'Ethereum. Grâce au développement de ces initiatives (et d'autres comme par exemple [DeSci](/desci/)), Ethereum est en train de devenir une technologie positive sur le plan environnemental et social.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   Si vous pensez que cette page pourrait être plus précise, veuillez soulever un problème ou un PR. Les statistiques de cette page sont des estimations basées sur des données publiques - elles ne représentent pas une déclaration officielle ou une promesse de l'équipe ethereum.org team ou de la Fondation Ethereum.
diff --git a/public/content/translations/fr/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/fr/guides/how-to-create-an-ethereum-account/index.md
index 97297aaf802..0c5bf7731b8 100644
--- a/public/content/translations/fr/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/fr/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ Certaines applications vous demanderont d'enregistrer une "phrase de récupérat
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>Portefeuille installé ?</b><br/>Apprenez à l'utiliser.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/fr/guides/how-to-revoke-token-access/index.md b/public/content/translations/fr/guides/how-to-revoke-token-access/index.md
index e65c149d3cf..46f39043f05 100644
--- a/public/content/translations/fr/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/fr/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ Nous vous conseillons de rafraîchir l'outil de révocation après quelques minu
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Vous voulez en savoir plus ?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/fr/guides/how-to-swap-tokens/index.md b/public/content/translations/fr/guides/how-to-swap-tokens/index.md
index 90a4d9b74d6..08fb3603437 100644
--- a/public/content/translations/fr/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/fr/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ Vous recevez automatiquement les jetons échangés dans votre portefeuille lorsq
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Vous voulez en savoir plus ?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/fr/guides/how-to-use-a-bridge/index.md b/public/content/translations/fr/guides/how-to-use-a-bridge/index.md
index 702ff3deff5..def8dd1e8e0 100644
--- a/public/content/translations/fr/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/fr/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ Vous pouvez utiliser chainlist.org pour trouver les détails RPC du réseau. Une
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Vous voulez en savoir plus ?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/fr/guides/how-to-use-a-wallet/index.md b/public/content/translations/fr/guides/how-to-use-a-wallet/index.md
index 141c0a6be57..913fbca303b 100644
--- a/public/content/translations/fr/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/fr/guides/how-to-use-a-wallet/index.md
@@ -64,7 +64,7 @@ Votre adresse sera la même pour tous les projets Ethereum. Vous n'avez pas beso
 6. C’est tout! Commencez à utiliser l'application. Vous pouvez trouver des projets intéressants sur notre page [dApps](/dapps/#explore). <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Vous voulez en savoir plus ?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/fr/nft/index.md b/public/content/translations/fr/nft/index.md
index de852176fd3..ec9d6cccc58 100644
--- a/public/content/translations/fr/nft/index.md
+++ b/public/content/translations/fr/nft/index.md
@@ -56,7 +56,7 @@ Les NFT sont utilisés pour de nombreuses choses, notamment :
 Vous êtes peut-être un artiste qui souhaite partager ses œuvres à l'aide de NFT, sans en perdre le contrôle et sans sacrifier ses bénéfices à des intermédiaires. Vous pouvez créer un nouveau contrat et spécifier le nombre de NFT, leurs propriétés et un lien vers une œuvre d'art spécifique. En tant qu'artiste, **vous pouvez programmer dans le contrat intelligent les redevances** qui doivent vous être versées (par exemple transférer 5 % du prix de vente au détenteur du contrat chaque fois qu'un NFT est transféré). Vous pouvez également toujours prouver que vous êtes le créateur des NFT car vous détenez le [portefeuille](/glossary/#wallet) qui a déployé le contrat. Vos acheteurs peuvent facilement prouver qu'ils possèdent un **authentique NFT** de votre collection car leur [adresse](/glossary/#address) de portefeuille est associée à un jeton dans votre contrat intelligent. Ils peuvent l'utiliser dans l'écosystème Ethereum, sûrs de son authenticité.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Explorez, achetez ou créez vos propres collections NFT...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/fr/roadmap/beacon-chain/index.md b/public/content/translations/fr/roadmap/beacon-chain/index.md
index abb73d980b1..f4385c82fbd 100644
--- a/public/content/translations/fr/roadmap/beacon-chain/index.md
+++ b/public/content/translations/fr/roadmap/beacon-chain/index.md
@@ -35,7 +35,7 @@ La transition vers la preuve d'enjeu a rendu Ethereum nettement plus sûr et dé
 De plus, l'utilisation de la preuve d'enjeu comme mécanisme de consensus est un composant fondamental pour un [Ethereum sécurisé, respectueux de l'environnement et évolutif tel que nous le connaissons maintenant](/roadmap/vision/).
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   Si vous souhaitez devenir validateur et aider à sécuriser Ethereum, <a href="/staking/">familiarisez-vous avec le concept de mise en jeu</a>.
diff --git a/public/content/translations/fr/security/index.md b/public/content/translations/fr/security/index.md
index 4f3a0100fe6..4c751e8a5bc 100644
--- a/public/content/translations/fr/security/index.md
+++ b/public/content/translations/fr/security/index.md
@@ -125,7 +125,7 @@ En principe, l'équipe d'Ethereum ne communiquera jamais avec vous par le biais
 - Ne communiquez jamais en dehors des canaux prévus par l'organisation
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Attention : bien que les arnaques à l'assistance se produisent généralement sur Discord, elles peuvent aussi vous arriver sur toutes les plateformes où des discussions autour de la cryptomonnaie ont lieu, y compris par e-mail.
@@ -219,7 +219,7 @@ Un mot de passe qui a été révélé par une faille de sécurité n'est plus un
 ### Utiliser un gestionnaire de mots de passe {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     Un gestionnaire de mots de passe prend soin de créer des mots de passe forts et uniques et de les retenir ! Nous <strong>recommandons fortement</strong> d'en utiliser un, et la plupart d'entre eux sont gratuits !
@@ -249,7 +249,7 @@ Il vous sera peut-être quelques fois demandé d'authentifier votre identité au
 Utilisez **l'authentification à deux facteurs (2FA)** fournit un *facteur de sécurité* supplémentaire pour vos comptes en ligne. Une 2FA assure qu'avoir simplement votre mot de passe n'est pas suffisant pour accéder à un compte. Le plus souvent, le second facteur est un code temporaire aléatoire à 6 chiffres, appelé **mot de passe à usage unique basé sur le temps (TOTP ou time-based one-time password)**, auquel vous accédez par une application d'authentification comme Google Authentifactor ou Authy. Cette méthode est un facteur « Que vous possédez », car la clé racine qui génére les code temporaires est stocké sur votre appareil.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Note : Utiliser l'envoi d'un code SMS comme 2FA n'est pas une méthode sûre à cause des possibilités de <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">piratage de la SIM </a>. Pour une sécurité maximale, utilisez un service comme <a href="https://mashable.com/article/how-to-set-up-google-authenticator"> Google Authenticator</a> ou <a href="https://authy.com/">Authy</a>.
diff --git a/public/content/translations/fr/staking/withdrawals/index.md b/public/content/translations/fr/staking/withdrawals/index.md
index 4de599a892c..e1528a34c4a 100644
--- a/public/content/translations/fr/staking/withdrawals/index.md
+++ b/public/content/translations/fr/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Avant la mise à niveau de Shanghai/Capella, vous ne pouviez pas utiliser l'ETH
 Fournir une adresse de retrait est une étape requise pour tout compte de validateur avant d'être admissible à un retrait d'ETH sur son solde.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Chaque compte de validateur ne peut se voir attribué qu'une seule adresse de retrait.</strong> Une fois qu'une adresse est choisie et soumise à la couche de consensus, elle ne peut pas être annulée ou modifiée à nouveau. Vérifiez la propriété et l'exactitude de l'adresse fournie avant de la soumettre.
@@ -88,7 +88,7 @@ Consultez cette explication de Finematics sur les retraits de staking d'Ethereum
 Lorsqu'un validateur doit proposer le bloc suivant, il est tenu de constituer une file d'attente de retraits, pouvant aller jusqu'à 16 retraits éligibles. Pour ce faire, on commence par l'index 0 du validateur, on détermine s'il existe un retrait éligible pour ce compte selon les règles du protocole et on l'ajoute à la file d'attente si tel est le cas. Le validateur configuré pour proposer le bloc suivant reprendra là où le précédent s'est arrêté, progressant dans l'ordre indéfiniment.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Pensez à une horloge analogique. L'aiguille de l’horloge pointe vers l’heure, progresse dans une direction, ne saute pas d’heures, et finit par revenir au début après que le dernier nombre est atteint.<br/><br/>
diff --git a/public/content/translations/fr/web3/index.md b/public/content/translations/fr/web3/index.md
index a8140d50c9e..1a56130ab80 100644
--- a/public/content/translations/fr/web3/index.md
+++ b/public/content/translations/fr/web3/index.md
@@ -62,7 +62,7 @@ Le Web3 vous donne la propriété de vos actifs numériques de façon inégalée
 Le Web3 permet la propriété directe via les [jetons non-fongibles (NFT)](/glossary/#nft). Personne, pas même les créateurs du jeu, n'a le pouvoir de vous retirer votre propriété. En outre, si vous vous arrêtez de jouer, vous pouvez vendre ou échanger vos objets en jeu sur des marchés ouverts et récupérer leur valeur.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>En savoir plus sur les NFT</div>
   <ButtonLink href="/nft/">
@@ -90,7 +90,7 @@ Les DAO sont définies techniquement comme des [contrats intelligents](/glossary
 Le fait est toutefois que les gens définissent de nombreuses communautés Web3 comme étant des DAO. Ces communautés ont toutes des niveaux différents de décentralisation et d'automatisation par code. Actuellement, nous explorons ce que sont les DAO et comment elles pourraient évoluer à l'avenir.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>En savoir plus sur les DAO</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/ga/bridges/index.md b/public/content/translations/ga/bridges/index.md
index 065e0c478ce..fd7b4b26dd2 100644
--- a/public/content/translations/ga/bridges/index.md
+++ b/public/content/translations/ga/bridges/index.md
@@ -60,7 +60,7 @@ Má tá ETH agat ar Ethereum Mainnet agus ba mhaith leat alt L1 a iniúchadh chu
 Deirimis gur mhaith leat Bitcoin dúchais (BTC) a bheith agat, ach níl cistí agat ach ar Ethereum Mainnet. Chun nochtadh do BTC a fháil ar Ethereum, is féidir leat Bitcoin Fillte (WBTC) a cheannach. Mar sin féin, is comhartha [ERC-20](/glossary/#erc-20) é WBTC ó dhúchas do líonra Ethereum, rud a chiallaíonn gur leagan Ethereum de Bitcoin é agus ní an tsócmhainn bhunaidh ar bhlocshlabhra Bitcoin. Chun BTC dúchais a bheith agat, bheadh ​​ort do shócmhainní a aistriú ó Ethereum go Bitcoin trí dhroichead a úsáid. Leis sin déanfar droichead do do chuid WBTC agus déanfar é a thiontú ina BTC dúchais. Mar mhalairt air sin, b'fhéidir gur leat BTC agus gur mhaith leat é a úsáid i bprótacail Ethereum [DeFi](/glossary/#defi). Bheadh ​​gá leis an mbealach eile a nascadh, ó BTC go WBTC ar féidir a úsáid ansin mar shócmhainn ar Ethereum.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   Is féidir leat gach rud thuas a dhéanamh freisin trí úsáid a bhaint as <a href="/get-eth/">malartán láraithe</a>. Mar sin féin, mura bhfuil do chistí ar mhalartú cheana féin, bheadh ​​ilchéimeanna i gceist leis, agus is dócha go mbeadh tú níos fearr as droichead a úsáid.
diff --git a/public/content/translations/ga/defi/index.md b/public/content/translations/ga/defi/index.md
index 9572f7580e7..aa76dcd917f 100644
--- a/public/content/translations/ga/defi/index.md
+++ b/public/content/translations/ga/defi/index.md
@@ -65,7 +65,7 @@ Tógann Ethereum air sin. Cosúil le Bitcoin, ní féidir leis na rialacha athr
 Tá cuma ait ar an scéal seo... "cén fáth a mbeinn ag iarraidh mo chuid airgid a ríomhchlárú"? Mar sin féin, níl sé seo ach ina ghné réamhshocraithe de chomharthaí ar Ethereum. Is féidir le duine ar bith an loighic a ríomhchlárú in íocaíochtaí. Mar sin is féidir leat rialú agus slándáil Bitcoin a fháil i dteannta leis na seirbhísí a sholáthraíonn institiúidí airgeadais. Leis sin ligtear duit rudaí a dhéanamh le criptea-airgeadraí nach féidir leat a dhéanamh le Bitcoin cosúil le hiasachtaí a thabhairt agus iasachtaí a fháil, íocaíochtaí a sceidealú, infheistíocht a dhéanamh i gcistí innéacs agus go leor eile.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Foghlaim faoinár moltaí le haghaidh feidhmchláir DeFi le triail a bhaint astu mura bhfuil tú cleachta le hEthereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/ga/energy-consumption/index.md b/public/content/translations/ga/energy-consumption/index.md
index 9b8f238310f..2f67720d95c 100644
--- a/public/content/translations/ga/energy-consumption/index.md
+++ b/public/content/translations/ga/energy-consumption/index.md
@@ -62,7 +62,7 @@ Cé go bhfuil tomhaltas fuinnimh Ethereum an-íseal, tá pobal [**airgeadais ath
 Reáchtálann ardáin mhaoinithe earraí poiblí dúchasacha Web3 ar nós [Gitcoin](https://gitcoin.co) babhtaí aeráide chun tógáil atá comhfhiosach don chomhshaol a spreagadh ar chiseal feidhmchlár Ethereum. Trí fhorbairt na dtionscnamh seo (agus cinn eile, m.sh. [DeSci](/desci/)), tá Ethereum ag éirí mar theicneolaíocht atá dearfach ó thaobh an chomhshaoil ​​agus na sochaí de.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   Má cheapann tú gur féidir an leathanach seo a dhéanamh níos cruinne, cuir ceist nó PR le do thoil. Is meastacháin iad na staitisticí ar an leathanach seo bunaithe ar shonraí atá ar fáil go poiblí - ní léiríonn siad ráiteas oifigiúil nó gealltanas ó fhoireann ethereum.org nó ó Fhondúireacht Ethereum.
diff --git a/public/content/translations/ga/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/ga/guides/how-to-create-an-ethereum-account/index.md
index b0b6b30ff96..1fec1260e96 100644
--- a/public/content/translations/ga/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/ga/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ Iarrfaidh roinnt aipeanna ort "frása athshlánaithe" rúnda a shábháil (ar a
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>Sparán suiteáilte?</b><br/>Foghlaim conas é a úsáid.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/ga/guides/how-to-revoke-token-access/index.md b/public/content/translations/ga/guides/how-to-revoke-token-access/index.md
index 94e2f18fc60..3f2cd02ad1f 100644
--- a/public/content/translations/ga/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/ga/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ Molaimid duit an uirlis chúlghairme a athnuachan tar éis cúpla nóiméad agus
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Ar mhaith leat níos mó a fhoghlaim?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/ga/guides/how-to-swap-tokens/index.md b/public/content/translations/ga/guides/how-to-swap-tokens/index.md
index 129ce3015ee..89d390e0b64 100644
--- a/public/content/translations/ga/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/ga/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ Gheobhaidh tú na comharthaí malartaithe i do sparán go huathoibríoch nuair a
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Ar mhaith leat níos mó a fhoghlaim?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/ga/guides/how-to-use-a-bridge/index.md b/public/content/translations/ga/guides/how-to-use-a-bridge/index.md
index 2ac6abfab77..70bc5e9684c 100644
--- a/public/content/translations/ga/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/ga/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ Is féidir leat [chainlist.org](http://chainlist.org) a úsáid chun sonraí RPC
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Ar mhaith leat níos mó a fhoghlaim?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/ga/guides/how-to-use-a-wallet/index.md b/public/content/translations/ga/guides/how-to-use-a-wallet/index.md
index afa6eb3cc8a..760d44b28eb 100644
--- a/public/content/translations/ga/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/ga/guides/how-to-use-a-wallet/index.md
@@ -64,7 +64,7 @@ Beidh do sheoladh mar an gcéanna i ngach tionscadal Ethereum. Ní gá duit clá
 6. Sin é! Tosaigh ag baint úsáide as an aip. Is féidir leat roinnt tionscadal suimiúil a fháil ar ár [leathanach dApps](/dapps/#explore). <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Ar mhaith leat níos mó a fhoghlaim?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/ga/how-to-create-an-ethereum-account/index.md b/public/content/translations/ga/how-to-create-an-ethereum-account/index.md
index e99c72e8e64..9a626dac121 100644
--- a/public/content/translations/ga/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/ga/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ Iarrfaidh roinnt aipeanna ort "frása athshlánaithe" rúnda a shábháil (ar a
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>Sparán suiteáilte?</b><br/>Foghlaim conas é a úsáid.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/ga/nft/index.md b/public/content/translations/ga/nft/index.md
index 3d3eee94e34..0cf71c689bf 100644
--- a/public/content/translations/ga/nft/index.md
+++ b/public/content/translations/ga/nft/index.md
@@ -56,7 +56,7 @@ Seo an chuma ar idirlíon NFTanna a cuireadh i gcomparáid leis an idirlíon a 
 B’fhéidir gur ealaíontóir thú atá ag iarraidh a gcuid oibre a roinnt le NFTanna, gan smacht a chailleadh agus do bhrabúis a bhronnadh ar idirghabhálaithe. Is féidir leat conradh nua a chruthú agus líon na NFTanna, a n-airíonna agus nasc le roinnt saothar ealaíne ar leith a shonrú. Mar ealaíontóir, is féidir leat na dleachtanna ar cheart a bheith íoctha leat **a ríomhchlárú isteach sa chonradh cliste** (m.sh. aistrigh 5% den phraghas díola chuig úinéir an chonartha gach uair a aistrítear NFT). Is féidir leat a chruthú i gcónaí gur chruthaigh tú na NFTanna toisc gur leatsa an [sparán](/glossary/#wallet) a bhain feidhm as an gconradh. Is féidir le do cheannaitheoirí a chruthú go héasca go bhfuil **NFT barántúal** acu as do bhailiúchán toisc go bhfuil [seoladh](/glossary/#address) a sparáin bainteach le comhartha i do chonradh cliste. Is féidir leo é a úsáid ar fud éiceachóras Ethereum, agus iad muiníneach as a bharántúlacht.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Foghlaim, ceannaigh nó cruthaigh do chuid ealaíne/earraí inbhailithe NFT féin...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/ga/payments/index.md b/public/content/translations/ga/payments/index.md
index 00de9664a96..09707ea672a 100644
--- a/public/content/translations/ga/payments/index.md
+++ b/public/content/translations/ga/payments/index.md
@@ -59,7 +59,7 @@ Countries like El Salvador and the Central African Republic have even adopted cr
 In countries where their means of payment have been disconnected from the rest of the world, crypto-integrated payment solutions have been a huge relief. Payments of subscriptions for platforms like Netflix, Spotify, and educational courses have now been made easy through crypto payment platforms like Gnosis Pay and Paypal.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Create your Ethereum account with a wallet app today.</div>
   <ButtonLink href="/wallets/find-wallet">
@@ -151,7 +151,7 @@ While fiat currencies have the advantage of widespread acceptance and stability,
 From facilitating rapid disaster relief to empowering global workers, Ethereum payments are writing a new chapter in the long history of money. While challenges remain, the unique advantages offered by this technology make it an attractive option for a wide range of use cases.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Time to get your own Ethereum account.</div>
   <ButtonLink href="/wallets/find-wallet">
diff --git a/public/content/translations/ga/roadmap/beacon-chain/index.md b/public/content/translations/ga/roadmap/beacon-chain/index.md
index 7afce89245e..a0984cfd200 100644
--- a/public/content/translations/ga/roadmap/beacon-chain/index.md
+++ b/public/content/translations/ga/roadmap/beacon-chain/index.md
@@ -35,7 +35,7 @@ Mar gheall ar an aistriú go cruthúnais-gheallta bhí Ethereum i bhfad níos sl
 Agus is comhpháirt bhunúsach do [cruthúnas-gheallta a úsáid mar mheicníocht chomhthoiliúil don Ethereum slán, neamhdhíobhálach don timpeallacht agus inscálaithe atá againn anois](/roadmap/vision/).
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   Más spéis leat a bheith i do bhailíochtóir agus cabhrú le Ethereum a shlánú, <a href="/staking/">foghlaim tuilleadh faoi ghealltóireacht</a>.
diff --git a/public/content/translations/ga/security/index.md b/public/content/translations/ga/security/index.md
index aeec42b14cc..a0928136a81 100644
--- a/public/content/translations/ga/security/index.md
+++ b/public/content/translations/ga/security/index.md
@@ -125,7 +125,7 @@ Mar riail ghinearálta, ní bheidh an fhoireann i dteagmháil leat trí bhealaí
 - Ná déan cumarsáid riamh lasmuigh de bhealaí ainmnithe eagraíochta
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Tabhair faoi deara: cé go dtarlaíonn camscéimeanna ar stíl tacaíochta go coitianta ar Discord, is féidir leo a bheith coitianta freisin ar aon fheidhmchláir chomhrá ina dtarlaíonn plé crypto, lena n-áirítear ríomhphost.
@@ -219,7 +219,7 @@ Ní focal faire láidir a thuilleadh é pasfhocal láidir a nochtaíodh i sárú
 ### Bain úsáid as bainisteoir phasfhocal {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     Trí úsáid a bhaint as bainisteoir phasfhocail déantar cúram de phasfhocail láidre, uathúla a chruthú agus de chuimhneamh orthu! Molaimid go <strong>láidir</strong> ceann a úsáid, agus tá an chuid is mó acu saor in aisce!
@@ -249,7 +249,7 @@ Ar uairibh iarrtar ort d’aitheantas a fhíordheimhniú trí chruthúnas uathú
 Má úsáidtear **Fíordheimhniú Dhá Fhachtóir (2FA)** soláthraítear *fachtóir slándála* breise do do chuntais ar líne. Cinntíonn 2FA nach leor do phasfhocal a bheith agat chun rochtain a fháil ar chuntas. Go coitianta, is é an dara fachtóir cód randamach 6-dhigit, ar a dtugtar **focal faire aonuaire (TOTP) ama-bhunaithe**, ar féidir leat rochtain a fháil air trí aip fíordheimhnitheora mar Google Authenticator nó Authy. Feidhmíonn siad seo mar fhachtóir "rud éigin leat" toisc go bhfuil an síol a ghineann an cód uainithe stóráilte ar do ghléas.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Nóta: Trí 2FA atá SMS-bhunaithe a úsáid beidh tú leochailleach roimh ionsaithe <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">Jacking SIM</a> agus níl sé slán. Ar mhaithe leis an tslándáil is fearr, úsáid seirbhís amhail <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> nó <a href="https://authy.com/">Authy</a>.
diff --git a/public/content/translations/ga/staking/withdrawals/index.md b/public/content/translations/ga/staking/withdrawals/index.md
index 9198d787dc0..cc08faae68c 100644
--- a/public/content/translations/ga/staking/withdrawals/index.md
+++ b/public/content/translations/ga/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Roimh uasghrádú Shanghai/Capella, ní raibh tú in ann do ETH geallta a úsái
 Is céim riachtanach é seoladh aistarraingthe a sholáthar d’aon chuntas bailíochtóra sula mbeidh sé incháilithe ETH a aistarraingt óna iarmhéid.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Ní féidir ach seoladh aistarraingthe amháin a shannadh do gach cuntas bailíochtóra, uair amháin.</strong> Nuair a roghnaítear seoladh agus a chuirtear isteach sa tsraith chomhthola é, ní féidir é seo a chealú nó a athrú arís. Déan seiceáil faoi dhó ar úinéireacht agus ar chruinneas an tseolta a cuireadh ar fáil sula gcuirtear isteach é.
@@ -88,7 +88,7 @@ Breathnaigh ar an míniú seo ar aistarraingtí geallchuir Ethereum ag Finematic
 Nuair atá bailíochtóir sceidealta chun an chéad bhloc eile a mholadh, ní mór dó scuaine aistarraingthe a thógáil, de suas le 16 aistarraingt incháilithe. Déantar é seo trí thosú ar dtús le hinnéacs bailíochtóra 0, ag cinneadh an bhfuil aistarraingt incháilithe don chuntas seo de réir rialacha an phrótacail, agus é a chur leis an scuaine má tá. Tógfaidh an bailíochtóir atá socraithe chun an bloc seo a leanas a mholadh an áit atá fágtha ag an gceann deireanach, ag dul ar aghaidh in ord ar feadh tréimhse éiginnte.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Smaoinigh ar chlog analógach. Díríonn an lámh ar an gclog go dtí an uair, téann sí ar aghaidh i dtreo amháin, ní scipeann sí uaireanta ar bith, agus sa deireadh filleann sí ar ais go dtí an tús arís tar éis an uimhir dheireanach a shroicheadh.<br/><br/>
diff --git a/public/content/translations/ga/web3/index.md b/public/content/translations/ga/web3/index.md
index 45d28bc3452..0b5f2ff0bd0 100644
--- a/public/content/translations/ga/web3/index.md
+++ b/public/content/translations/ga/web3/index.md
@@ -66,7 +66,7 @@ Tugann Web3 úinéireacht duit ar do shócmhainní digiteacha ar bhealach nach b
 Ligeann Web3 d’úinéireacht dhíreach trí [chomharthaí neamh‑idirmhalartacha (NFTanna)](/glossary/#nft). Níl an cumhacht ag aon duine, ní fiú ag cruthaitheoirí an chluiche, d'úinéireacht a bhaint. Agus, má stopann tú an imirt, is féidir leat do chuid earraí ion-chluiche a dhíol nó a thrádáil ar mhargaí oscailte agus a luach a fháil ar ais.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Foghlaim tuilleadh faoi NFTanna</div>
   <ButtonLink href="/nft/">
@@ -94,7 +94,7 @@ Sainmhínítear DAOnna go teicniúil mar [chonarthaí cliste](/glossary/#smart-c
 Mar sin féin, sainíonn daoine go leor pobail Web3 mar DAOnna. Tá leibhéil dhifriúla díláraithe agus uathoibrithe de réir cód ag na pobail seo go léir. Faoi láthair, táimid ag fiosrú cad is DAOnna ann agus conas a d’fhéadfaidís éabhlóid a dhéanamh amach anseo.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Foghlaim tuilleadh faoi DAOanna</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/ga/withdrawals/index.md b/public/content/translations/ga/withdrawals/index.md
index 9198d787dc0..cc08faae68c 100644
--- a/public/content/translations/ga/withdrawals/index.md
+++ b/public/content/translations/ga/withdrawals/index.md
@@ -44,7 +44,7 @@ Roimh uasghrádú Shanghai/Capella, ní raibh tú in ann do ETH geallta a úsái
 Is céim riachtanach é seoladh aistarraingthe a sholáthar d’aon chuntas bailíochtóra sula mbeidh sé incháilithe ETH a aistarraingt óna iarmhéid.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Ní féidir ach seoladh aistarraingthe amháin a shannadh do gach cuntas bailíochtóra, uair amháin.</strong> Nuair a roghnaítear seoladh agus a chuirtear isteach sa tsraith chomhthola é, ní féidir é seo a chealú nó a athrú arís. Déan seiceáil faoi dhó ar úinéireacht agus ar chruinneas an tseolta a cuireadh ar fáil sula gcuirtear isteach é.
@@ -88,7 +88,7 @@ Breathnaigh ar an míniú seo ar aistarraingtí geallchuir Ethereum ag Finematic
 Nuair atá bailíochtóir sceidealta chun an chéad bhloc eile a mholadh, ní mór dó scuaine aistarraingthe a thógáil, de suas le 16 aistarraingt incháilithe. Déantar é seo trí thosú ar dtús le hinnéacs bailíochtóra 0, ag cinneadh an bhfuil aistarraingt incháilithe don chuntas seo de réir rialacha an phrótacail, agus é a chur leis an scuaine má tá. Tógfaidh an bailíochtóir atá socraithe chun an bloc seo a leanas a mholadh an áit atá fágtha ag an gceann deireanach, ag dul ar aghaidh in ord ar feadh tréimhse éiginnte.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Smaoinigh ar chlog analógach. Díríonn an lámh ar an gclog go dtí an uair, téann sí ar aghaidh i dtreo amháin, ní scipeann sí uaireanta ar bith, agus sa deireadh filleann sí ar ais go dtí an tús arís tar éis an uimhir dheireanach a shroicheadh.<br/><br/>
diff --git a/public/content/translations/ha/defi/index.md b/public/content/translations/ha/defi/index.md
index 8eaf58cf667..fd67c76c484 100644
--- a/public/content/translations/ha/defi/index.md
+++ b/public/content/translations/ha/defi/index.md
@@ -64,7 +64,7 @@ Ethereum ita ma ta ɗaura ne akan wannan. Kamar dai Bitcoin, dokokin ba za su ca
 Wannan kun ji shi wani iri... ''Mesa zan so na tsara kuɗina''? Koda yake, wannan ya fi asalin yanayin siffar kuɗi ne akan Ethereum. Kowa zai iya tsara fikira har zuwa biyan kuɗi. Kuna iya samun damar sarrafawa da ma tsaro na Bitcoin da ke cakuɗe da sabis da kuka samar a cibiyar hada-hadar kuɗaɗe. Wannan na ba ku damar yin abubuwa da kuɗin kiripto da baza ku iya yi ba tare da Bitcoin kamar dai ba da aro da bashi, tsara jadawalin biyan kuɗi, saka hannun jarin kuɗi da ma sauran su.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Gano shawarwari na amfani da DeFi don gwadawa idan ku sabbi ne a Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/ha/nft/index.md b/public/content/translations/ha/nft/index.md
index bf339a35e2f..9305ed75d0c 100644
--- a/public/content/translations/ha/nft/index.md
+++ b/public/content/translations/ha/nft/index.md
@@ -55,7 +55,7 @@ NFTs ana amfani dasu akan ababe da yawa, sun haɗa da:
 Ta iya yuwa kai mai zane ne mai so ya raba aiyukansa ta hanyar amfani da NFTs, ba tare da ka rasa iko ba da sadaukar da ribar ka ga yantsakiya ba. Kana iya ƙiƙiran sabon kwangila tare keɓance lambar NFTs, kayayyaki da matsomi zuwa ga wasu aikin fasaha na musammanma. A matsayin mai zane, **kana iya shiryawa don shiga smart contract don samun ɗaukaka** wajibine sai ka biya (e.g tura 5% na farashin duk NFT daka sayar zuwaga dan kwangila). Sannan kuma ko wane lokaci kana iya tabbatar da cewa ka ƙirkiri NFTs saboda ka mallaki [lalitar ajiya](/glossary/#wallet) dake wanzar da kwangilar. Masu siyan na ku cikin sauƙi na iya tabbatar da cewa sun mallaki **sahihancin NFT** daga tarin ku saboda ana haɗe [adireshinsu](/glossary/#address) tare da alama a cikin smart contract. Za su iya amfani da shi a duk faɗin tsarin mahallin Ethereum, suna da tabbaci akan sahihancinsa.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Bincika, siya ko ka kirkira naka NFT zane/tattatarawa...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/ha/staking/withdrawals/index.md b/public/content/translations/ha/staking/withdrawals/index.md
index decd55b71e6..aa9bb9359d1 100644
--- a/public/content/translations/ha/staking/withdrawals/index.md
+++ b/public/content/translations/ha/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Kafin shi Shanghai/Capella su inganta, bazaka iya anfani ko samun ribar ba ETH.
 Samar da adireshi na cirewa ana buƙatan shi a duk wata gaba a duk wata asusun da aka ingantaahi kafin yazama halastacce wajen samun cire ETH daga abinda ka ajiye.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong> A kowane ingancaccan asusu akan sanya adireshi cirewa gudaɗaya, sau ɗaya.</strong> matukar adireshin da aka zaɓa aka bada shi wa masu dedetawa, wannan asusun bazai tabuɓa ko kuma a canzuwa. Dubar mallaka sau biyu da kwarewar adireshin da aka samar kafin kaddamarwa.
@@ -88,7 +88,7 @@ Ka duba wannan bayanan ajiyar Ethereum da cirewa na Finematics:
 Lokacin da tabbatarwa an tsara hi ta tallafawa kullewa na gaba, yana bukatar gina layin cirewa, na har sawan halastaccan cirewa sau 16. Wannan na yuwuwane daga asalin farawa da tabbatarwa lissafin 0, duba yuwuwar halastan cirewa a wanna asusun a duk dokokin da sare-saren, da karawa akan intanet ɗin akwai. Mai tabbatarwa zai shirya tallafawa makullai masu zuwa wajen ɗaukan na ƙarshe da aka bari, da cigaban saboda rashin iyaka.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Yi tunani akan agogo mai juyawa. Hannun da yake jan agogon yana nuna sa'a ne, cigabanshi akan hanyarshi, bai sallake wani sa'a, kuma daga bisani yakan dawo farkon inda ya fara bayan lamban karshe.<br/><br/>
diff --git a/public/content/translations/ha/web3/index.md b/public/content/translations/ha/web3/index.md
index db9cab32374..60db201cc2f 100644
--- a/public/content/translations/ha/web3/index.md
+++ b/public/content/translations/ha/web3/index.md
@@ -62,7 +62,7 @@ Web3 ya bada mallaki wajen kirga kaddarori ta hanyar da ba'a taɓa ganiba. Alal
 Web3 yana bada damar yin mallaka kai saye ta hanyar [ non fungible tokens (NFTs)](/glossary/#nft). Ba ɗaya, bama wanda ya kirkiri wasan ninba, keda ikon ɗauke maka mallakin ka. Kuma, in ka dena yin wasanni, zaka iya saidawa ko kayi kasuwancin abubuwan da ke cikin games in a buɗaɗɗiyar kasuwa da kuma dawowa da darajarsu.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Ƙarin koyo game da NFTs</div>
   <ButtonLink href="/nft/">
@@ -90,7 +90,7 @@ DAOs a ta'arifi shi ne fasaha da aka yarda akan [zafafa yarjejeniya](/glossary/#
 Koma dai yaya, mutane suna ta'arifin dayawa akan muhallin Web3 a masayin DAOs. Wannan muhallin gaba daya sunada bambancin masayi akan wargazawa da kuma dokoki kai saye. A halin yanzu haka, muna kan niman menene DAOs da kuma ya za'ayi a shigar dasu a abu na gaba.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Karin Koyo akan  DAOs</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/hi/bridges/index.md b/public/content/translations/hi/bridges/index.md
index a94bfe315e8..21445759a2c 100644
--- a/public/content/translations/hi/bridges/index.md
+++ b/public/content/translations/hi/bridges/index.md
@@ -60,7 +60,7 @@ _Web3 L1 ब्लॉकचेन और L2 स्केलिंग समा
 मान लीजिए कि आप मूल Bitcoin (BTC) के मालिक बनना चाहते हैं, लेकिन आपके पास केवल इथेरियम मेननेट पर फंड हैं। इथेरियम पर BTC का एक्सपोज़र हासिल करने के लिए, आप रैप्ड Bitcoin (WBTC) खरीद सकते हैं। हालांकि, WBTC एथेरियम नेटवर्क का मूल निवासी [ERC-20](/glossary/#erc-20) टोकन है, जिसका अर्थ है कि यह Bitcoin का एथेरियम संस्करण है और Bitcoin ब्लॉकचेन पर मूल संपत्ति नहीं है। मूल BTC के मालिक बनने के लिए, आपको एक ब्रिज के उपयोग से अपनी संपत्ति को इथेरियम से Bitcoin पर जोड़ना होगा। यह आपके WBTC को ब्रिज करके मूल BTC में परिवर्तित कर देगा। वैकल्पिक रूप से, आप BTC के स्वामी हो सकते हैं और इसे एथेरियम [DeFi](/glossary/#defi) प्रोटोकॉल में उपयोग करना चाहते हैं। इसके लिए BTC को WBTC पर ब्रिज करना होगा, जिसके बाद इसे इथेरियम पर एक संपत्ति के रूप में इस्तेमाल किया जा सकता है।
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   आप एक <a href="/get-eth/">केंद्रीकृत एक्सचेंज</a> का उपयोग करके भी उपरोक्त सभी कार्य कर सकते हैं। हालाँकि, जब तक कि आपका फंड पहले से ही एक्सचेंज पर न हो, इसमें कई चरण शामिल होंगे, और आपके लिए ब्रिज का उपयोग करना बेहतर होगा।
diff --git a/public/content/translations/hi/defi/index.md b/public/content/translations/hi/defi/index.md
index de3dec8592e..b2764407d3e 100644
--- a/public/content/translations/hi/defi/index.md
+++ b/public/content/translations/hi/defi/index.md
@@ -64,7 +64,7 @@ DeFi की क्षमता को देखने का एक सबसे
 यह अजीब लग रहा है... "मैं अपने मुद्रा को प्रोग्राम क्यों करना चाहूँगा"? हालाँकि, यह इथेरियम पर टोकन्स की एक डिफ़ॉल्ट सुविधा मात्र है। कोई भी भुगतान में तर्क प्रोग्राम कर सकता है। इस तरह आप बिटकॉइन की नियंत्रण और सुरक्षा को वित्तीय संस्थानों द्वारा प्रदान की जाने वाली सेवाओं के साथ मिला सकते हैं। यह आपको क्रिप्टोकरेंसी के साथ ऐसी चीजें करने की अनुमति देता है जो आप बिटकॉइन के साथ नहीं कर सकते, जैसे कि उधार देना और उधार लेना, भुगतानों की योजना बनाना, सूची निवेश में निवेश करना और आदि।
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>अगर आप इथेरियम में नए हैं, तो DeFi एप्लिकेशन्स के लिए हमारे सुझावों का अन्वेषण करें।</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/index.md
index 1326ac7206c..c483079759b 100644
--- a/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/index.md
@@ -7,7 +7,7 @@ lang: hi
 एथेरियम नेटवर्क ने प्रूफ-ऑफ-वर्क मैकेनिज्म का उपयोग करके शुरू किया जिसमें **[प्रूफ-ऑफ-वर्क (PoW) शामिल](/developers/docs/consensus-mechanisms/pow)** था। इसने एथेरियम नेटवर्क के नोड्स को एथेरियम ब्लॉकचेन पर दर्ज सभी सूचनाओं की स्थिति पर सहमत होने की अनुमति दी और कुछ प्रकार के आर्थिक हमलों को रोका। हालाँकि, एथेरियम ने 2022 में प्रूफ-ऑफ-वर्क को बंद कर दिया और इसके बजाय [प्रूफ-ऑफ-स्टेक का उपयोग करना शुरू कर](/developers/docs/consensus-mechanisms/pos) दिया।
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
     काम के सबूत को अब अप्रचलित कर दिया गया है। एथेरियम अब अपने कंसेंसस मैकेनिज्म के हिस्से के रूप में प्रूफ-ऑफ-वर्क का उपयोग नहीं करता है। इसके बजाय, यह हिस्सेदारी के सबूत का उपयोग करता है। <a href="/developers/docs/consensus-mechanisms/pos/">हिस्सेदारी के सबूत</a> और <a href="/staking/">स्टेकिंग</a> पर और अधिक पढ़ें।
diff --git a/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/index.md
index c6cf1f14048..8e75ff504f9 100644
--- a/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -5,7 +5,7 @@ lang: hi
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 प्रूफ-ऑफ-वर्क अब एथेरियम के सर्वसम्मति मैकेनिज्म में अंतर्निहित नहीं है, जिसका अर्थ है कि माईनिंग बंद कर दी गई है। इसके बजाय, एथेरियम को ऐसे सत्यापनकर्ताओं द्वारा सुरक्षित किया जाता है जो ETH को स्टेक पर लगाते हैं। आप आज ही अपने ETH की स्टेकिंग शुरू कर सकते हैं। <a href='/roadmap/merge/'>द मर्ज</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>हिस्सेदारी का सबूत</a> और <a href='/staking/'>स्टेकिंग</a>। यह पृष्ठ केवल ऐतिहासिक रुचि के लिए है।
diff --git a/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index b0be5298231..5149bc48ac2 100644
--- a/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -5,7 +5,7 @@ lang: hi
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
    एथाश एथेरियम का प्रूफ-ऑफ-वर्क माइनिंग एल्गोरिथम था। प्रूफ-ऑफ-वर्क को अब **पूरी तरह से बंद कर दिया गया है** और एथेरियम अब इसके बजाय <a href="/developers/docs/consensus-mechanisms/pos/">प्रूफ-ऑफ-स्टेक</a> का उपयोग करके सुरक्षित है। <a href="/roadmap/merge/">द मर्ज</a>, <a href="/developers/docs/consensus-mechanisms/pos/">हिस्सेदारी के सबूत</a> और <a href="/staking/">स्टेकिंग</a> पर अधिक। यह पृष्ठ ऐतिहासिक रुचि के लिए है!  
diff --git a/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index a56286a6fa9..d18d8cb40b2 100644
--- a/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/hi/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -5,7 +5,7 @@ lang: hi
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 प्रूफ-ऑफ-वर्क अब एथेरियम के सर्वसम्मति मैकेनिज्म में अंतर्निहित नहीं है, जिसका अर्थ है कि माईनिंग बंद कर दी गई है। इसके बजाय, एथेरियम को ऐसे सत्यापनकर्ताओं द्वारा सुरक्षित किया जाता है जो ETH को स्टेक पर लगाते हैं। आप आज ही अपने ETH की स्टेकिंग शुरू कर सकते हैं। <a href='/roadmap/merge/'>द मर्ज</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>हिस्सेदारी का सबूत</a> और <a href='/staking/'>स्टेकिंग</a>। यह पृष्ठ केवल ऐतिहासिक रुचि के लिए है।
diff --git a/public/content/translations/hi/energy-consumption/index.md b/public/content/translations/hi/energy-consumption/index.md
index f8f6c9415b8..fbd6f096ceb 100644
--- a/public/content/translations/hi/energy-consumption/index.md
+++ b/public/content/translations/hi/energy-consumption/index.md
@@ -62,7 +62,7 @@ CCRI का अनुमान है कि मर्ज ने एथेरि
 [Gitcoin](https://gitcoin.co) जैसे Web3 देशी सार्वजनिक वस्‍तु वित्‍तपोषण प्‍लेटफ़ॉर्म, एथेरियम की एप्लिकेशन परत पर पर्यावरण के प्रति जागरूक निर्माण को प्रोत्साहित करने के लिए जलवायु राउंड चलाते हैं। इन पहलों (और अन्य, जैसे [DeSci](/desci/)) के विकास के माध्यम से, एथेरियम एक पर्यावरण और सामाजिक रूप से नेट-सकारात्मक प्रौद्योगिकी बन रहा है।
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   यदि आपको लगता है कि इस पृष्ठ को अधिक सटीक बनाया जा सकता है, तो कृपया कोई मुद्दा या PR उठाएं। इस पृष्ठ पर दिए गए आँकड़े सार्वजनिक रूप से उपलब्ध आंकड़ों पर आधारित अनुमान हैं - वे ethereum.org टीम या Ethereum फाउंडेशन के किसी आधिकारिक बयान या वादे का प्रतिनिधित्व नहीं करते हैं।
diff --git a/public/content/translations/hi/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/hi/guides/how-to-create-an-ethereum-account/index.md
index 1afb45fcaf0..886544db795 100644
--- a/public/content/translations/hi/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/hi/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ lang: hi
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>इंस्टॉल किया गया वॉलेट?</b><br/>इसका उपयोग करने का तरीका सीखें।</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/hi/guides/how-to-revoke-token-access/index.md b/public/content/translations/hi/guides/how-to-revoke-token-access/index.md
index b351a1d7de9..236d9c0d942 100644
--- a/public/content/translations/hi/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/hi/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ lang: hi
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>और अधिक सीखना चाहते है?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/hi/guides/how-to-swap-tokens/index.md b/public/content/translations/hi/guides/how-to-swap-tokens/index.md
index d5868b7cc1a..68e1a4da9a0 100644
--- a/public/content/translations/hi/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/hi/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ lang: hi
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>और अधिक सीखना चाहते है?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/hi/guides/how-to-use-a-bridge/index.md b/public/content/translations/hi/guides/how-to-use-a-bridge/index.md
index 7284447a3b6..433e37c40cf 100644
--- a/public/content/translations/hi/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/hi/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ lang: hi
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>और अधिक सीखना चाहते है?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/hi/guides/how-to-use-a-wallet/index.md b/public/content/translations/hi/guides/how-to-use-a-wallet/index.md
index c63ad73bb45..40111ab0d53 100644
--- a/public/content/translations/hi/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/hi/guides/how-to-use-a-wallet/index.md
@@ -63,7 +63,7 @@ lang: hi
 6. बस इतना ही! ऐप का इस्तेमाल शुरू करें। आपको हमारे [dApps पेज](/dapps/#explore) पर कुछ दिलचस्प प्रोजेक्ट मिल सकते हैं। <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>और अधिक सीखना चाहते है?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/hi/how-to-create-an-ethereum-account/index.md b/public/content/translations/hi/how-to-create-an-ethereum-account/index.md
index ab79a64af73..1c76265aa05 100644
--- a/public/content/translations/hi/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/hi/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ lang: hi
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>इंस्टॉल किया गया वॉलेट?</b><br/>इसका उपयोग करने का तरीका सीखें।</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/hi/nft/index.md b/public/content/translations/hi/nft/index.md
index 50a76ac9c0e..bf926458f8c 100644
--- a/public/content/translations/hi/nft/index.md
+++ b/public/content/translations/hi/nft/index.md
@@ -55,7 +55,7 @@ NFT का इस्तेमाल कई चीजों के लिए क
 हो सकता है कि आप एक कलाकार हों जो बिना अपना नियंत्रण खोए और बिना किसी को अपना मुनाफा दिए, NFT का उपयोग करके अपना काम साझा करना चाहते हैं। आप एक नया अनुबंध बनाकर उसमें NFT की संख्या, उसके गुण और विशिष्ट कला के लिंक का उल्लेख कर सकते हैं। कलाकार के रूप में, **आप स्मार्ट अनुबंध में रॉयल्टी प्रोग्राम कर सकते हैं** आपको भुगतान किया जाना चाहिए (उदाहरण के लिए NFT स्थानांतरित होने पर हर बार अनुबंध स्वामी को बिक्री मूल्य का 5% स्थानांतरित करें)। आप हमेशा यह भी साबित कर सकते हैं कि आपने NFT इसलिए बनाए हैं, क्योंकि आपके पास [वॉलेट](/glossary/#wallet) है जिसने अनुबंध को नियोजित किया है। आपके खरीदार आसानी से साबित कर सकते हैं कि वे आपके संग्रह से **प्रामाणिक NFT** के मालिक हैं, क्योंकि उनके वॉलेट का [पता](/glossary/#address) आपके स्मार्ट अनुबंध में एक टोकन से जुड़ा है। वो इसके प्रामाणिकता पर विश्वास करते हुए, इसका इस्तेमाल एथेरियम इकोसिस्टम में कहीं भी कर सकते है।
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>एक्सप्लोर करें, खरीदे या अपनी स्वयं की NFT कला/संग्रहण करने लायक वस्तुएं बनाएं...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/hi/roadmap/beacon-chain/index.md b/public/content/translations/hi/roadmap/beacon-chain/index.md
index 6f15cbe4dc4..5df5559ab22 100644
--- a/public/content/translations/hi/roadmap/beacon-chain/index.md
+++ b/public/content/translations/hi/roadmap/beacon-chain/index.md
@@ -35,7 +35,7 @@ summaryPoint3: बीकन चेन ने कंसेंसस तर्क
 और सर्वसम्मति तंत्र के रूप में प्रूफ-ऑफ-स्टेक का उपयोग करना [सुरक्षित, पर्यावरण के अनुकूल और स्केलेबल एथेरियम के लिए एक मूलभूत घटक है जो हमारे पास अभी है](/roadmap/vision/)।
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   यदि आप एक सत्यापनकर्ता बनने में रुचि रखते हैं और एथेरियम को सुरक्षित करने में मदद करते हैं, तो <a href="/staking/">स्टेकिंग के बारे में और जानें</a>।
diff --git a/public/content/translations/hi/security/index.md b/public/content/translations/hi/security/index.md
index f136f764006..32876c1056a 100644
--- a/public/content/translations/hi/security/index.md
+++ b/public/content/translations/hi/security/index.md
@@ -123,7 +123,7 @@ Twitter (जिसे X के रूप में भी जाना जात
 - किसी संगठन के नामांकित चैनलों के बाहर कभी भी संवाद न करें
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     सावधान रहें: हालाँकि समर्थन-शैली के घोटाले आम तौर पर Discord पर होते हैं, वे ईमेल सहित किसी भी चैट एप्लीकेशन पर भी प्रचलित हो सकते हैं जहां क्रिप्टो चर्चा होती है।
@@ -217,7 +217,7 @@ _नोट: ऐसे व्युत्पन्न टोकन/टिकर 
 ### पासवर्ड मैनेजर का उपयोग करें {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     पासवर्ड मैनेजर मजबूत, अनोखा पासवर्ड बनाने और उन्हें याद रखने का ध्यान रखता है! हम एक का उपयोग करने की <strong>सिफारिश</strong> करते हैं और उनमें से अधिकांश निःशुल्क हैं!
@@ -247,7 +247,7 @@ _नोट: ऐसे व्युत्पन्न टोकन/टिकर 
 **टू-फ़ैक्टर प्रमाणन (2FA)** का उपयोग करने से आपके ऑनलाइन खातों के लिए अतिरिक्त *सुरक्षा फ़ैक्‍टर* मिलता है। 2FA सुनिश्चित करता है कि किसी खाते तक पहुंचने के लिए केवल आपका पासवर्ड होना पर्याप्त नहीं है। अक्सर, दूसरा कारक एक यादृच्छिक 6-अंकीय कोड होता है, जिसे **समय-आधारित वन-टाइम पासवर्ड (TOTP)** कहते है, जिसे आप Google Authenticator या Authy जैसे प्रमाणीकरण ऐप के माध्यम से प्राप्त कर सकते हैं। ये "कुछ आपके पास है" फैक्टर के रूप में काम करते हैं क्योंकि समयबद्ध कोड उत्पन्न करने वाला सीड आपके डिवाइस पर मौजूद होता है।
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     नोट: SMS-आधारित 2FA का उपयोग करना <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM जैकिंग</a> के लिए अतिसंवेदनशील है और सुरक्षित नहीं है। सबसे अच्छी सुरक्षा के लिए, <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> या <a href="https://authy.com/">Authy</a> जैसी सेवा का उपयोग करें।
diff --git a/public/content/translations/hi/staking/withdrawals/index.md b/public/content/translations/hi/staking/withdrawals/index.md
index 028a0cacc2f..be30df7b934 100644
--- a/public/content/translations/hi/staking/withdrawals/index.md
+++ b/public/content/translations/hi/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ summaryPoints:
 निकासी पता प्रदान करना किसी भी सत्यापनकर्ता खाते के लिए एक आवश्यक कदम है, इससे पहले कि वह ETH को अपनी शेष राशि से वापस लेने के लिए पात्र हो।
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>प्रत्येक सत्यापनकर्ता खाते को केवल एक एकल निकासी पता, एक बार सौंपा जा सकता है।</strong> एक बार जब कोई पता चुना जाता है और आम सहमति परत में प्रस्तुत किया जाता है, तो इसे पूर्ववत नहीं किया जा सकता है या फिर से बदला नहीं जा सकता है। सबमिट करने से पहले प्रदान किए गए पते के स्वामित्व और सटीकता की दोबारा जांच करें।
@@ -88,7 +88,7 @@ Finematics द्वारा स्टेकिंग निकासी कर
 जब एक सत्यापनकर्ता अगले ब्लॉक का प्रस्ताव करने के लिए निर्धारित होता है, तो उसे 16 योग्य निकासी की निकासी कतार बनाने की आवश्यकता होती है। यह मूल रूप से सत्यापनकर्ता सूचकांक 0 से शुरू करके किया जाता है, यह निर्धारित करके कि प्रोटोकॉल के नियमों के अनुसार इस खाते के लिए कोई योग्य निकासी है या नहीं, और यदि है तो इसे कतार में जोड़ दिया जाता है। निम्नलिखित ब्लॉक को प्रस्तावित करने के लिए सेट किया गया सत्यापनकर्ता अनिश्चित काल तक प्रगति करते हुए वहीं से शुरू करेगा जहां आखिरी ब्लॉक छोड़ा गया था।
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 एक एनालॉग घड़ी के बारे में सोचें। घड़ी की सुई घंटे की ओर इशारा करती है, एक दिशा में आगे बढ़ती है, कोई भी घंटा नहीं छोड़ती है, और अंततः अंतिम संख्या तक पहुंचने के बाद फिर से शुरुआत में आ जाती है।<br/><br/>
diff --git a/public/content/translations/hi/web3/index.md b/public/content/translations/hi/web3/index.md
index a2383539019..43cde85ca93 100644
--- a/public/content/translations/hi/web3/index.md
+++ b/public/content/translations/hi/web3/index.md
@@ -66,7 +66,7 @@ Web3 आपको अद्वितीय तरीके से अपनी 
 Web3 [अपूरणीय टोकन (NFT)](/glossary/#nft) के माध्यम से सीधे स्वामित्व की अनुमति देता है। गेम के निर्माता या कोई भी, आपके स्वामित्व को हटाने के शक्ति नहीं रखते है। और, अगर आप गेम खेलना छोड़ दे तो आप खुले बाजार में अपनी इन गेम वस्तुओं को बेच या ट्रेड कर सकते है और अपना मूल्य वापस हासिल कर सकते है।
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>NFT के बारे में अधिक जानें</div>
   <ButtonLink href="/nft/">
@@ -94,7 +94,7 @@ Web3 में अपने डेटा के मालिक बनने क
 हालांकि, लोग Web3 समुदायों को भी बहुत से DAO के रूप में परिभाषित करते हैं। इन सभी समुदायों में कोड द्वारा विकेंद्रीकरण और स्वचालन के विभिन्न स्तर हैं। वर्तमान में, हम यह पता लगा रहे हैं कि DAO क्या हैं और वे भविष्य में कैसे विकसित हो सकते हैं।
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>डीएओ के बारे में अधिक जानें</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/hr/nft/index.md b/public/content/translations/hr/nft/index.md
index d451ea57b28..c0924018847 100644
--- a/public/content/translations/hr/nft/index.md
+++ b/public/content/translations/hr/nft/index.md
@@ -55,7 +55,7 @@ NFT-evi se upotrebljavati za mnoge svrhe, uključujući:
 Možda ste umjetnik koji želi podijeliti svoj rad koristeći NFT-eve, bez gubljenja kontrole i žrtvovanja profita u korist posrednika. Možete izraditi novi ugovor i točno odrediti broj NFT-eva, njihove karakteristike i vezu s određenim umjetničkim djelom. Kao umjetnik **možete u pametni ugovor programirati tantijeme** koje vam se trebaju platiti (npr. prenijeti 5 % od prodajne cijene vlasniku ugovora svaki put kada se NFT prenese). Također, uvijek možete dokazati da ste vi izradili NFT jer ste vlasnik [novčanika](/glossary/#wallet) koji je primijenio ugovor. Vaši kupci mogu jednostavno dokazati da posjeduju **autentični NFT** iz vaše kolekcije jer je njihova [adresa](/glossary/#address) novčanika povezana s tokenom u vašem pametnom ugovoru. Oni ga mogu koristiti u cijelom Ethereumovom ekosustavu, sigurni u njegovu autentičnost.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Istražite, kupite ili izradite vlastitu NFT za umjetnost/kolekcionarske predmete...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/hr/roadmap/beacon-chain/index.md b/public/content/translations/hr/roadmap/beacon-chain/index.md
index bc2bae7f682..c679d9e892b 100644
--- a/public/content/translations/hr/roadmap/beacon-chain/index.md
+++ b/public/content/translations/hr/roadmap/beacon-chain/index.md
@@ -37,7 +37,7 @@ Ulaganje ima sličnu ulogu kao i [rudarenje](/developers/docs/consensus-mechanis
 Prijelazom na dokaz uloga Ethereum je postao sigurniji i manje centraliziran u odnosu na dokaz rada. Što više ljudi sudjeluje u mreži, to će ona biti decentraliziranija i sigurnija od napada.
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   Ako želite postati validator i pomoći u zaštiti Ethereuma, <a href="/staking/">ovdje saznajte više o ulaganju</a>.
diff --git a/public/content/translations/hu/bridges/index.md b/public/content/translations/hu/bridges/index.md
index c763482c835..30423ea4a7f 100644
--- a/public/content/translations/hu/bridges/index.md
+++ b/public/content/translations/hu/bridges/index.md
@@ -60,7 +60,7 @@ Ha Ön ETH összeggel rendelkezik az Ethereum-főhálózaton, de fel szeretne fe
 Amennyiben Ön szeretne bitcoint (BTC) birtokolni, de a pénzeszközei az Ethereum főhálózatán vannak. Az Ethereumon becsomagolt formában szerezhet bitcoint (WBTC). Ugyanakkor a WBTC egy [ERC-20](/glossary/#erc-20) token az Ethereum hálózatán, tehát egy Ethereum verziójú bitcoin, és nem az eredeti eszköz a Bitcoin-blokkláncon. Az eredeti BTC megszerzéséhez egy hídon keresztül át kell vinnie a pénzeszközeit a Bitcoin hálózatára. Ezzel áthelyezi a WBTC-t és átváltja BTC-re. Másik irányból, ha Ön rendelkezik BTC-vel, de azt az Ethereum [decentralizált pénzügyi (DeFi)](/glossary/#defi) protokolljában akarja használni. Ekkor a hídon a másik irányba mozgatja az eszközeit, BTC-ről WBTC-re váltja, majd azt áthelyezi az Ethereumra.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   Mindezt megteheti egy <a href="/get-eth/">centralizált tőzsde</a> segítségével is. Ha azonban az eszközei már a tőzsdén vannak, akkor több lépést kell végrehajtani, és akkor már egyszerűbb a hidat használni.
diff --git a/public/content/translations/hu/contributing/translation-program/how-to-translate/index.md b/public/content/translations/hu/contributing/translation-program/how-to-translate/index.md
index 12635c7f7dd..2fcddfc110e 100644
--- a/public/content/translations/hu/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/hu/contributing/translation-program/how-to-translate/index.md
@@ -77,7 +77,7 @@ Szeretne többet megtudni? Tekintse meg a [dokumentációt a Crowdin online szer
 Miután befejezte a fordítást (a tartalommappa összes fájlja 100%-ot mutat), a professzionális fordítási szolgáltatás ellenőrzi (és javítja) a tartalmat. Az átnézés után (vagyis az átnézés is 100%-ot mutat), bekerül a fordítás a honlapra.
 
 <Alert variant="update">
-<Emoji text=":warning:" className="text-4xl"/>
+<AlertEmoji text=":warning:"/>
 <AlertContent>
   Ne használjon gépi fordítást, az nem elfogadott. Minden fordítást átnézünk, mielőtt felkerülne a honlapra. Ha a javasolt fordításról kiderül, hogy gép végezte, akkor azokat elvetjük, és a gépi fordítást használó közreműködőket eltávolítjuk a projektből.
 </AlertContent>
diff --git a/public/content/translations/hu/defi/index.md b/public/content/translations/hu/defi/index.md
index f3864b6d55c..ba4f101af47 100644
--- a/public/content/translations/hu/defi/index.md
+++ b/public/content/translations/hu/defi/index.md
@@ -64,7 +64,7 @@ Az Ethereum is erre épít. A Bitcoinhoz hasonlóan a szabályokat nem változta
 Ez furcsán hangzik... „miért akarnám programozni a pénzemet”? Ez azonban több, mint az Ethereum tokenjeinek alaptulajdonsága. Bárki programozhat valamilyen logikát a kifizetések kezelésébe. Így rendelkezhet a Bitcoin által nyújtott kontrollal és biztonsággal, a pénzügyi intézmények által nyújtott szolgáltatásokkal kombinálva azt. Lehetővé válik, hogy a kriptovalutával olyan műveleteket is véghezvigyen a felhasználó, amit a Bitcoin nem támogat, mint például kölcsön adás és kölcsön vétel, időzített kifizetések, indexalapokba való befektetés stb.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Tekintse át azokat a DeFi alkalmazásokat, melyeket kipróbálásra javaslunk, amennyiben Ön most ismerkedik az Ethereummal.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/index.md
index 4cca9dc07e3..a5dd254b47f 100644
--- a/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/index.md
@@ -7,7 +7,7 @@ lang: hu
 Az Ethereum-hálózat kezdetben egy olyan konszenzusmechanizmust használt, amely a **[proof-of-work (PoW)](/developers/docs/consensus-mechanisms/pow)** koncepciót használta. Ez lehetővé tette az Ethereum-hálózat csomópontjai számára, hogy az összes Ethereum-blokkláncra feljegyzett információ állapotáról megegyezzenek és kivédjenek bizonyos gazdasági támadásokat. Ugyanakkor az Ethereum 2022-ben leváltotta a proof-of-work mechanizmust, és helyette a [proof-of-stake (letéti igazolás)](/developers/docs/consensus-mechanisms/pos) koncepcióját vezette be.
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
     A proof-of-work ezzel kivezetésre került. A konszenzusmechanizmusnak többé nem része a proof-of-work az Ethereumon. Ehelyett a proof-of-stake mechanizmus működik. Tudjon meg többet a <a href="/developers/docs/consensus-mechanisms/pos/">proof-of-stake-ről</a> és a <a href="/staking/">letétbe helyezésről</a>.
diff --git a/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/index.md
index 1a0bfe5824a..7e60b14cbed 100644
--- a/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -5,7 +5,7 @@ lang: hu
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 A proof-of-work (munkaigazolás) már nem az Ethereum konszenzusmechanizmus alapja, tehát a bányászatot kikapcsolták. Ehelyett az Ethereumot úgy biztosítják a validátorok, hogy letétbe helyeznek ETH-t. Ön is letétbe helyezheti a rendelkezésére álló ETH-t. Tudjon meg többet a <a href='/roadmap/merge/'>egyesítés (Merge)</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>proof-of-stake (letéti igazolás)</a> és <a href='/staking/'>letétbe helyezés</a> témákról. Ez az oldal csak elavult témákat tartalmaz.
diff --git a/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index 1eaae6908b7..5e027c18f72 100644
--- a/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -5,7 +5,7 @@ lang: hu
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
    Az Ethash volt az Ethereum proof-of-work (munkaigazolás) bányászati algoritmusa. A proof-of-work jelenleg **teljesen ki van kapcsolva**, az Ethereumot pedig a <a href="/developers/docs/consensus-mechanisms/pos/">proof-of-stake</a> mechanizmus biztosítja. Tudjon meg többet az <a href="/roadmap/merge/">egyesítés (Merge)</a>, <a href="/developers/docs/consensus-mechanisms/pos/">proof-of-stake (letéti igazolás)</a> és <a href="/staking/">letétbe helyezés</a> témákról. Ez az oldal elavult témákat tartalmaz!  
diff --git a/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index 5837a4a9cd3..48ed7e11262 100644
--- a/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/hu/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -5,7 +5,7 @@ lang: hu
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 A proof-of-work (munkaigazolás) már nem az Ethereum konszenzusmechanizmus alapja, tehát a bányászatot kikapcsolták. Ehelyett az Ethereumot úgy biztosítják a validátorok, hogy letétbe helyeznek ETH-t. Ön is letétbe helyezheti a rendelkezésére álló ETH-t. Tudjon meg többet a <a href='/roadmap/merge/'>egyesítés (Merge)</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>proof-of-stake (letéti igazolás)</a> és <a href='/staking/'>letétbe helyezés</a> témákról. Ez az oldal csak elavult témákat tartalmaz.
diff --git a/public/content/translations/hu/energy-consumption/index.md b/public/content/translations/hu/energy-consumption/index.md
index 2f7e53e8470..e5d3dc4dd43 100644
--- a/public/content/translations/hu/energy-consumption/index.md
+++ b/public/content/translations/hu/energy-consumption/index.md
@@ -62,7 +62,7 @@ Miközben az Ethereum energiafogyasztása nagyon alacsony, egy jelentős, fejlő
 A web3 közjó-finanszírozási platformjai, mint a [Gitcoin](https://gitcoin.co) klímaköröket működtetnek, hogy elősegítsék az Ethereum alkalmazási rétegének környezettudatos építését. Ezen kezdeményezések (és mások, mint a [decentralizált tudomány / DeSci](/desci/)) kialakulása által az Ethereum egy környezeti és közösségi szempontból pozitív technológia.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   Ha szeretne az oldallal kapcsolatban fejlesztést javasolni, akkor naplózzon egy kérést (issue) vagy PR-t. A statisztikák nyilvánosan elérhető adatokból készült becslések, nem hivatalos állítások vagy ígéretek az ethereum.org csapat vagy az Ethereum Alapítvány részéről.
diff --git a/public/content/translations/hu/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/hu/guides/how-to-create-an-ethereum-account/index.md
index fe9563b21c9..b56a2be0f5a 100644
--- a/public/content/translations/hu/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/hu/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ Néhány alkalmazás arra kéri Önt, hogy tároljon el egy titkos kulcsmondatot
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>A tárca elkészült?</b><br/>Tanulja meg használni azt.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/hu/guides/how-to-revoke-token-access/index.md b/public/content/translations/hu/guides/how-to-revoke-token-access/index.md
index 3b153fc239c..8c235082360 100644
--- a/public/content/translations/hu/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/hu/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ Javasoljuk, hogy néhány perc múlva frissítse a visszavonási eszközt, és n
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Szeretne többet megtudni?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/hu/guides/how-to-swap-tokens/index.md b/public/content/translations/hu/guides/how-to-swap-tokens/index.md
index 079e937a282..387b3221bd2 100644
--- a/public/content/translations/hu/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/hu/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ A tranzakció végrehajtása után automatikusan megkapja a tárcájába a besze
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Szeretne többet megtudni?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/hu/guides/how-to-use-a-bridge/index.md b/public/content/translations/hu/guides/how-to-use-a-bridge/index.md
index 06e78ee3f59..b3f599d7b9a 100644
--- a/public/content/translations/hu/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/hu/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ A [chainlist.org](http://chainlist.org) segít az adott hálózat RPC-adatait me
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Szeretne többet megtudni?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/hu/guides/how-to-use-a-wallet/index.md b/public/content/translations/hu/guides/how-to-use-a-wallet/index.md
index 7618748f114..c836e5f26cf 100644
--- a/public/content/translations/hu/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/hu/guides/how-to-use-a-wallet/index.md
@@ -63,7 +63,7 @@ Az Ön címe minden Ethereum-projekt esetében azonos. Nem kell regisztrálnia k
 6. Készen is van! Kezdje el használni az alkalmazást. Számos érdekes projektet találhat a [dapp oldalunkon](/dapps/#explore). <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Szeretne többet megtudni?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/hu/how-to-create-an-ethereum-account/index.md b/public/content/translations/hu/how-to-create-an-ethereum-account/index.md
index 301e27beb72..699096a5a3e 100644
--- a/public/content/translations/hu/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/hu/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ Néhány alkalmazás arra kéri Önt, hogy tároljon el egy titkos kulcsmondatot
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>A tárca elkészült?</b><br/>Tanulja meg használni azt.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/hu/nft/index.md b/public/content/translations/hu/nft/index.md
index c9eaf8a7244..30382c715c4 100644
--- a/public/content/translations/hu/nft/index.md
+++ b/public/content/translations/hu/nft/index.md
@@ -55,7 +55,7 @@ Az NFT-ket számtalan esetben használják, ilyen például:
 Tegyük fel, hogy Ön egy művész, aki szeretné NFT-ként megosztani az alkotását, anélkül hogy elveszítené az ellenőrzést felette és közvetítőkre áldozná a profitját. Létrehozhat egy új szerződést, amelyben megadja az NFT-k számát, jellemzőiket, és hozzákapcsolja az adott műalkotást. Művészként **beprogramozhatja az intelligens szerződésbe a fizetendő jogdíjakat** (pl. az eladási ár 5%-át utalja át a szerződés tulajdonosának minden alkalommal, amikor NFT-t utalnak át). Azt is mindig bizonyíthatja, hogy Ön hozta létre az NFT-ket, mert Ön a [pénztárca](/glossary/#wallet) tulajdonosa, amely a szerződést telepítette. Vásárlói könnyen igazolhatják, hogy egy **hiteles NFT-vel** rendelkeznek az Ön gyűjteményéből, mert pénztárcájuk [címe](/glossary/#address) az intelligens szerződésben szereplő tokenhez van társítva. Az egész Ethereum-ökoszisztémában használhatják az NFT-t, teljes bizonyossággal az eredetiségét illetően.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Fedezzen fel, vásároljon vagy készítsen saját NFT-műalkotásokat/gyűjthető tárgyakat...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/hu/roadmap/beacon-chain/index.md b/public/content/translations/hu/roadmap/beacon-chain/index.md
index f750bfbe818..7d59eac08fb 100644
--- a/public/content/translations/hu/roadmap/beacon-chain/index.md
+++ b/public/content/translations/hu/roadmap/beacon-chain/index.md
@@ -35,7 +35,7 @@ A proof-of-stake mechanizmusra való áttérés jelentősen fokozta az Ethereum
 A proof-of-stake használata, mint konszenzusmechanizmus, egy alapvető komponens [a ma használt biztonságos, környezetbarát és skálázható Ethereum számára](/roadmap/vision/).
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   Ha Ön szeretne validátorrá válni és segítene az Ethereum biztosításában, akkor <a href="/staking/">tudjon meg többet a letétbe helyezésről</a>.
diff --git a/public/content/translations/hu/security/index.md b/public/content/translations/hu/security/index.md
index 37e23db6776..dc3c557ec55 100644
--- a/public/content/translations/hu/security/index.md
+++ b/public/content/translations/hu/security/index.md
@@ -125,7 +125,7 @@ Az interakciók többsége Discordon történik. A támogatást színlelő csal
 - Sose kommunikáljon senkivel a szervezet dedikált csatornáin kívül
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Legyen tudatában: hogy a támogatást ajánló csalók gyakran a Discordon jelennek meg, de bármilyen kommunikációs formában ott lehetnek, legyen az chat vagy email.
@@ -219,7 +219,7 @@ Egy erős jelszó, amely egy adatvédelmi incidens során nyilvánossá vált, m
 ### Használjon jelszókezelőt {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     A jelszókezelő erős, egyedi jelszavakat hoz létre és meg is jegyzi azokat! <strong>Erősen</strong> ajánljuk, hogy használjon ilyet, és a legtöbb ingyen van!
@@ -249,7 +249,7 @@ Előfordulhat, hogy arra kérik Önt, hogy egyedi igazolásokkal hitelesítse sz
 A **kétfaktoros hitelesítés (2FA)** használata további *biztonsági tényezőt* biztosít online számlái számára. A 2FA biztosítja, hogy a számlához való hozzáféréshez nem elegendő pusztán a jelszó megléte. Általában a második tényező egy véletlenszerű hatjegyű kód, ami egy **időzített egyszeri jelszó (TOTP)**, amit egy azonosítási alkalmazással ér el, mint a Google Authenticator vagy Authy. Ez az a tényező, ami az Ön birtokában van, mert a kódot adó mag az Ön eszközén található.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Megjegyzés: az SMS-alapú 2FA azonosítás ki van téve a <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM jacking</a> támadásnak, ezért nem biztonságos. A legmagasabb fokú biztonság érdekében használjon olyan szolgáltatást, mint a <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator </a>vagy az <a href="https://authy.com/">Authy</a>.
diff --git a/public/content/translations/hu/staking/withdrawals/index.md b/public/content/translations/hu/staking/withdrawals/index.md
index f09ea81d6ac..aad16680913 100644
--- a/public/content/translations/hu/staking/withdrawals/index.md
+++ b/public/content/translations/hu/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ A Shanghai/Capella frissítés előtt nem lehetett használni vagy elérni ezt a
 A visszavonási cím megadása szükséges ahhoz, hogy a validátorszámla egyenlegéből ETH visszavonás történjen.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Minden validátorszámlához egyszer, egyetlen visszavonási cím adható meg.</strong> Amint ezt a címet kiválasztották és elküldték a konszenzus rétegnek, nem lehet visszahívni vagy megváltoztatni. Ellenőrizze le a cím tulajdonosát és pontosságát, mielőtt elküldi azt.
@@ -88,7 +88,7 @@ Nézze meg az Ethereum letétvisszavonásról szóló magyarázatát a Finematic
 Amikor egy adott validátor be van ütemezve, hogy a következő blokkot ő fogja javasolni, akkor készítenie kell egy 16 tételből álló visszavonási listát. Kezdve a 0 validátorindexel, meghatározza, hogy az adott számla a protokoll szabályai szerint visszavonásra jogosult-e, és ha igen, akkor beteszi a listába. A validátorcsoport ott száll be, ahol az előző abbahagyta és a végtelenségig folytatja.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Képzeljen el egy analóg módon működő órát. Az óramutató egy irányba halad és sorban végigmegy minden számon, majd miután elérte az utolsó számot, visszaér a kezdőpontra. <br/><br/>
diff --git a/public/content/translations/hu/web3/index.md b/public/content/translations/hu/web3/index.md
index 126e7d57bcf..540ad76ff7b 100644
--- a/public/content/translations/hu/web3/index.md
+++ b/public/content/translations/hu/web3/index.md
@@ -66,7 +66,7 @@ A Web3 sosem látott módon ad a felhasználóknak képességet arra, hogy digit
 A Web3 közvetlen tulajdonjogot ad [nem helyettesíthető tokenek (NFT)](/glossary/#nft) révén. Senki, még a játék készítői sem tudják elvenni ezt a jogot. Ha abbahagyja a játékot, akkor el tudja adni, kereskedni tud azokkal a nyitott piacokon és visszaszerezni az értékét.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Tudjon meg többet az NFT-kről</div>
   <ButtonLink href="/nft/">
@@ -94,7 +94,7 @@ A DAO-kat technikailag úgy határozzák meg, mint megállapodás szerinti [inte
 Ugyanakkor számos Web3-közösséget is DAO-ként definiálnak. Ezek a közösségek más-más szintű decentralizációval és automatizációval rendelkeznek. Jelenleg még vizsgáljuk, hogy mi is az a DAO és hova fejlődik a jövőben.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Tudjon meg többet a DAO-król</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/hu/withdrawals/index.md b/public/content/translations/hu/withdrawals/index.md
index f09ea81d6ac..aad16680913 100644
--- a/public/content/translations/hu/withdrawals/index.md
+++ b/public/content/translations/hu/withdrawals/index.md
@@ -44,7 +44,7 @@ A Shanghai/Capella frissítés előtt nem lehetett használni vagy elérni ezt a
 A visszavonási cím megadása szükséges ahhoz, hogy a validátorszámla egyenlegéből ETH visszavonás történjen.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Minden validátorszámlához egyszer, egyetlen visszavonási cím adható meg.</strong> Amint ezt a címet kiválasztották és elküldték a konszenzus rétegnek, nem lehet visszahívni vagy megváltoztatni. Ellenőrizze le a cím tulajdonosát és pontosságát, mielőtt elküldi azt.
@@ -88,7 +88,7 @@ Nézze meg az Ethereum letétvisszavonásról szóló magyarázatát a Finematic
 Amikor egy adott validátor be van ütemezve, hogy a következő blokkot ő fogja javasolni, akkor készítenie kell egy 16 tételből álló visszavonási listát. Kezdve a 0 validátorindexel, meghatározza, hogy az adott számla a protokoll szabályai szerint visszavonásra jogosult-e, és ha igen, akkor beteszi a listába. A validátorcsoport ott száll be, ahol az előző abbahagyta és a végtelenségig folytatja.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Képzeljen el egy analóg módon működő órát. Az óramutató egy irányba halad és sorban végigmegy minden számon, majd miután elérte az utolsó számot, visszaér a kezdőpontra. <br/><br/>
diff --git a/public/content/translations/id/beacon-chain/index.md b/public/content/translations/id/beacon-chain/index.md
index 5fd27b5beb4..2dc96e13550 100644
--- a/public/content/translations/id/beacon-chain/index.md
+++ b/public/content/translations/id/beacon-chain/index.md
@@ -35,7 +35,7 @@ Transisi ke bukti taruhan membuat Ethereum secara signifikan lebih aman dan terd
 Dan menggunakan bukti taruhan sebagai mekanisme konsensus adalah komponen dasar untuk [Ethereum yang aman, ramah lingkungan, dan dapat diskalakan yang kita miliki saat ini](/roadmap/vision/).
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   Jika Anda tertarik untuk menjadi validator dan membantu mengamankan Ethereum, <a href="/staking/">pelajari lebih lanjut tentang penaruhan</a>.
diff --git a/public/content/translations/id/bridges/index.md b/public/content/translations/id/bridges/index.md
index 870790932d2..175a4015412 100644
--- a/public/content/translations/id/bridges/index.md
+++ b/public/content/translations/id/bridges/index.md
@@ -60,7 +60,7 @@ Jika Anda memiliki ETH di Jaringan Utama Ethereum dan ingin menjelajahi alternat
 Mari kita umpamakan Anda ingin memiliki Bitcoin (BTC) asli, tetapi Anda hanya memiliki dana di Ethereum Jaringan Utama. Untuk mendapatkan paparan terhadap BTC di Ethereum, Anda dapat membeli pembungkus Bitcoin (WBTC). Namun, WBTC adalah token [ERC-20](/glossary/#erc-20) asli dari jaringan Ethereum, yang berarti ini adalah versi Bitcoin di Ethereum dan bukan aset asli di rantai blok Bitcoin. Untuk memiliki BTC asli, Anda harus memindahkan aset Anda dari Ethereum ke Bitcoin menggunakan sebuah jembatan. Ini akan menghubungkan WBTC Anda dan mengonversi menjadi BTC asli. Sebagai alternatif, Anda mungkin memiliki BTC dan ingin menggunakannya dalam protokol [DeFi](/glossary/#defi) di Ethereum. Hal ini akan memerlukan penggunaan jembatan sebaliknya, dari BTC ke WBTC yang kemudian dapat digunakan sebagai aset di Ethereum.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   Anda juga dapat melakukan semua hal di atas menggunakan sebuah <a href="/get-eth/">bursa terpusat</a>. Namun, kecuali jika dana Anda sudah berada di bursa, ini akan melibatkan beberapa langkah, dan kemungkinan lebih baik jika Anda menggunakan jembatan.
diff --git a/public/content/translations/id/contributing/translation-program/how-to-translate/index.md b/public/content/translations/id/contributing/translation-program/how-to-translate/index.md
index fc04d15f8dc..d7e2c8c504c 100644
--- a/public/content/translations/id/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/id/contributing/translation-program/how-to-translate/index.md
@@ -77,7 +77,7 @@ Ingin mempelajari selengkapnya? Jangan ragu untuk memeriksa [dokumentasi tentang
 Setelah Anda menyelesaikan terjemahan (yaitu, semua file untuk satu kelompok konten menunjukkan 100%), layanan terjemahan profesional kami akan meninjau (dan mungkin mengedit) konten tersebut. Setelah peninjauan selesai (yaitu kemajuan peninjauan sudah 100%), kami akan menambahkannya ke situs web.
 
 <Alert variant="update">
-<Emoji text=":warning:" className="text-4xl"/>
+<AlertEmoji text=":warning:"/>
 <AlertContent>
   Harap tidak menggunakan terjemahan mesin untuk menerjemahkan proyek tersebut. Semua terjemahan akan ditinjau sebelum ditambahkan ke situs web. Jika terjemahan yang Anda sarankan ternyata merupakan terjemahan mesin, terjemahan tersebut akan ditolak dan kontributor yang sering menggunakan terjemahan mesin akan dikeluarkan dari proyek.
 </AlertContent>
diff --git a/public/content/translations/id/defi/index.md b/public/content/translations/id/defi/index.md
index f28979a1c05..a12c9908743 100644
--- a/public/content/translations/id/defi/index.md
+++ b/public/content/translations/id/defi/index.md
@@ -65,7 +65,7 @@ Ethereum dibangun di atas ini. Seperti Bitcoin, aturannya tidak dapat berubah te
 Ini terdengar aneh... "mengapa saya ingin memrogram uang saya"? Namun, ini lebih dari sekadar sebuah fitur default dari token di Ethereum. Siapa pun dapat memrogram logika ke dalam proses pembayaran. Sehingga Anda dapat memiliki kontrol dan keamanan Bitcoin yang digabungkan dengan layanan yang disediakan oleh lembaga keuangan. Ini memungkinkan Anda melakukan berbagai hal dengan mata uang kripto yang tidak dapat Anda lakukan dengan Bitcoin seperti memberi pinjaman dan mendapatkan pinjaman, menjadwalkan pembayaran, berinvestasi dalam reksadana indeks, dan banyak lagi.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Jelajahi saran kami untuk aplikasi DeFi yang dapat dicoba jika Anda baru mengenal Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/id/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/id/developers/docs/consensus-mechanisms/pow/mining/index.md
index f6ba1f79189..734edf56713 100644
--- a/public/content/translations/id/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/id/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -16,7 +16,7 @@ Penambangan adalah proses membuat blok transaksi untuk ditambahkan ke blockchain
 Ethereum, seperti Bitcoin, saat ini menggunakan mekanisme konsensus [proof-of-work (PoW)](/developers/docs/consensus-mechanisms/pow/). Penambangan adalah sumber kehidupan bukti kerja. Penambang Ethereum - komputer yang menjalankan perangkat lunak - menggunakan waktu dan kekuatan komputasi mereka untuk memproses transaksi dan menghasilkan blok.
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
    Bukti taruhan akan menggantikan penambangan dan bukti kerja dalam satu tahun ke depan. Anda dapat mulai menaruhkan ETH Anda hari ini. <a href="/staking/">Selengkapnya tentang penaruhan</a>    
diff --git a/public/content/translations/id/energy-consumption/index.md b/public/content/translations/id/energy-consumption/index.md
index 03f2c6003c3..254ecfef6ff 100644
--- a/public/content/translations/id/energy-consumption/index.md
+++ b/public/content/translations/id/energy-consumption/index.md
@@ -62,7 +62,7 @@ Meskipun konsumsi energi Ethereum sangat rendah, ada juga komunitas [**keuangan
 Platform pendanaan barang publik asli Web3 seperti [Gitcoin](https://gitcoin.co) menjalankan putaran iklim untuk menstimulasi pembangunan yang sadar lingkungan pada lapisan aplikasi Ethereum. Melalui pengembangan inisiatif-inisiatif ini (dan yang lainnya, misalnya [DeSci](/desci/)), Ethereum menjadi teknologi yang positif bagi lingkungan dan sosial.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   Jika menurut Anda halaman ini dapat dibuat lebih akurat, silakan ajukan masalah atau PR. Statistik di halaman ini adalah perkiraan berdasarkan data yang tersedia untuk umum - statistik ini tidak mewakili pernyataan atau janji resmi dari tim ethereum.org, atau Ethereum Foundation.
diff --git a/public/content/translations/id/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/id/guides/how-to-create-an-ethereum-account/index.md
index 428d95f0639..5d7a368984b 100644
--- a/public/content/translations/id/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/id/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ Setelah Anda menyimpan frase benih, Anda seharusnya dapat melihat dasbor dompet
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div>Ingin mempelajari selengkapnya?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/id/guides/how-to-revoke-token-access/index.md b/public/content/translations/id/guides/how-to-revoke-token-access/index.md
index 7fd8d902d0a..b20a559c083 100644
--- a/public/content/translations/id/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/id/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ Kami menyarankan Anda untuk menyegarkan alat pencabutan setelah beberapa menit d
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Ingin mempelajari selengkapnya?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/id/guides/how-to-swap-tokens/index.md b/public/content/translations/id/guides/how-to-swap-tokens/index.md
index 8ab81497670..0ac6afc874a 100644
--- a/public/content/translations/id/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/id/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ Anda akan secara otomatis menerima token yang ditukar di dompet Anda setelah tra
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Ingin mempelajari selengkapnya?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/id/guides/how-to-use-a-bridge/index.md b/public/content/translations/id/guides/how-to-use-a-bridge/index.md
index e43c940008d..75cad448f7b 100644
--- a/public/content/translations/id/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/id/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ Anda dapat menggunakan [chainlist.org](http://chainlist.org) untuk menemukan det
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Ingin mempelajari selengkapnya?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/id/guides/how-to-use-a-wallet/index.md b/public/content/translations/id/guides/how-to-use-a-wallet/index.md
index 0bc7b417c03..0cecb28cef3 100644
--- a/public/content/translations/id/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/id/guides/how-to-use-a-wallet/index.md
@@ -63,7 +63,7 @@ Alamat Anda akan sama di semua proyek Ethereum. Anda tidak perlu mendaftar secar
 6. Itu saja! Mulai menggunakan aplikasi. Anda dapat menemukan beberapa proyek menarik di halaman [dApps](/dapps/#explore). <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Ingin mempelajari selengkapnya?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/id/how-to-create-an-ethereum-account/index.md b/public/content/translations/id/how-to-create-an-ethereum-account/index.md
index 5aee0f65707..716368a36ee 100644
--- a/public/content/translations/id/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/id/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ Beberapa aplikasi akan meminta Anda untuk menyimpan frasa pemulihan rahasia "fra
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>Dompet sudah terinstal??</b><br/>Pelajari cara menggunakannya.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/id/nft/index.md b/public/content/translations/id/nft/index.md
index c6f507ed479..2a3e2eb6a65 100644
--- a/public/content/translations/id/nft/index.md
+++ b/public/content/translations/id/nft/index.md
@@ -56,7 +56,7 @@ NFT digunakan untuk banyak hal, termasuk:
 Mungkin Anda adalah seorang seniman yang ingin berbagi karya mereka menggunakan NFT, tanpa kehilangan kontrol dan mengorbankan keuntungan Anda kepada perantara. Anda dapat membuat kontrak baru dan menentukan jumlah NFT, propertinya, dan tautan ke beberapa karya seni khusus. Sebagai seniman, **Anda dapat memprogramkan royalti yang seharusnya Anda terima ke dalam kontrak pintar** (misalnya, mentransfer 5% dari harga jual kepada pemilik kontrak setiap kali NFT ditransfer). Anda juga selalu dapat membuktikan bahwa Anda membuat NFT tersebut karena Anda memiliki [dompet](/glossary/#wallet) yang menerbitkan kontrak tersebut. Pembeli Anda dapat dengan mudah membuktikan bahwa mereka memiliki **NFT asli** dari koleksi Anda karena [alamat](/glossary/#address) dompet mereka terkait dengan token dalam kontrak pintar Anda. Mereka dapat menggunakannya di seluruh ekosistem Ethereum, dengan keyakinan akan keasliannya.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Jelajahi, beli, atau buat karya seni/barang koleksi NFT Anda sendiri...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/id/roadmap/beacon-chain/index.md b/public/content/translations/id/roadmap/beacon-chain/index.md
index 5fd27b5beb4..2dc96e13550 100644
--- a/public/content/translations/id/roadmap/beacon-chain/index.md
+++ b/public/content/translations/id/roadmap/beacon-chain/index.md
@@ -35,7 +35,7 @@ Transisi ke bukti taruhan membuat Ethereum secara signifikan lebih aman dan terd
 Dan menggunakan bukti taruhan sebagai mekanisme konsensus adalah komponen dasar untuk [Ethereum yang aman, ramah lingkungan, dan dapat diskalakan yang kita miliki saat ini](/roadmap/vision/).
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   Jika Anda tertarik untuk menjadi validator dan membantu mengamankan Ethereum, <a href="/staking/">pelajari lebih lanjut tentang penaruhan</a>.
diff --git a/public/content/translations/id/staking/withdrawals/index.md b/public/content/translations/id/staking/withdrawals/index.md
index 155c01640b7..f8aa195f477 100644
--- a/public/content/translations/id/staking/withdrawals/index.md
+++ b/public/content/translations/id/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Sebelum peningkatan Shanghai/Capella, Anda tidak dapat menggunakan atau mengakse
 Memberikan alamat penarikan adalah langkah yang diperlukan untuk setiap akun validator sebelum akun tersebut memenuhi syarat untuk menarik ETH dari saldonya.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Setiap akun validator hanya dapat diberikan satu alamat penarikan, satu kali.</strong> Setelah alamat dipilih dan dikirimkan ke lapisan konsensus, alamat tersebut tidak dapat dibatalkan atau diubah lagi. Periksa kembali kepemilikan dan keakuratan alamat yang diberikan sebelum mengirim.
@@ -88,7 +88,7 @@ Simak penjelasan mengenai penarikan penaruhan Ethereum dari Finematics berikut i
 Ketika validator dijadwalkan untuk mengajukan blok berikutnya, diperlukan antrean penarikan hingga 16 penarikan yang memenuhi syarat. Hal ini dilakukan dengan memulai dengan indeks validator 0, menentukan apakah ada penarikan yang memenuhi syarat untuk akun ini sesuai dengan aturan protokol, dan menambahkannya ke antrean jika ada. Validator yang ditetapkan untuk mengajukan blok berikutnya akan melanjutkan blok yang terakhir ditinggalkan, dan terus maju tanpa batas waktu.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Pikirkan tentang jam analog. Jarum jam menunjuk ke arah jam, bergerak ke satu arah, tidak melewatkan satu jam pun, dan akhirnya berputar ke awal lagi setelah angka terakhir tercapai.<br/><br/>
diff --git a/public/content/translations/id/web3/index.md b/public/content/translations/id/web3/index.md
index 1b2150e3399..9ddf5094e7d 100644
--- a/public/content/translations/id/web3/index.md
+++ b/public/content/translations/id/web3/index.md
@@ -66,7 +66,7 @@ Web3 memberikan Anda kepemilikan atas aset digital dengan cara yang belum pernah
 Web3 memperbolehkan kepemilikan langsung melalui [Token yang tidak dapat dipertukarkan (NFTs)](/glossary/#nft). Tidak ada satu pun, bahkan pembuat game, mempunyai kekuatan untuk mengambil kepemilikan Anda. Dan, jika Anda berhenti bermain, Anda dapat menjual atau memperdagangkan barang in-game di pasar terbuka dan menurunkan nilainya.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Pelajari lebih lanjut tentang NFT</div>
   <ButtonLink href="/nft/">
@@ -94,7 +94,7 @@ DAO didefinisikan secara teknis sebagai [kontrak pintar](/glossary/#smart-contra
 Namun, orang-orang mendefinisikan banyak komunitas Web3 sebagai DAO. Semua komunitas-komunitas ini memiliki tingkat desentralisasi dan otomatisasi yang berbeda berdasarkan kode. Saat ini, kami sedang mengeksplorasi apa itu DAO dan bagaimana mereka dapat berkembang di masa depan.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Pelajari lebih lanjut tentang DAO</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/ig/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/ig/guides/how-to-create-an-ethereum-account/index.md
index 8fa88b9f211..27efed0e6cd 100644
--- a/public/content/translations/ig/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/ig/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ Ozugbo i chekwachara mkpụrụ nkebi ahịrịokwu gị, ị ga-ahụ dashbọ
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div>Chọrọ ịmụtakwu?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/ig/guides/how-to-revoke-token-access/index.md b/public/content/translations/ig/guides/how-to-revoke-token-access/index.md
index 495edde4d3c..44683e06242 100644
--- a/public/content/translations/ig/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/ig/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ Anyị na-adụ ọdụ ka i megharịa akụrụngwa i ji eme nkagbu mgbe nkeji
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Chọrọ ịmụtakwu?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/ig/guides/how-to-swap-tokens/index.md b/public/content/translations/ig/guides/how-to-swap-tokens/index.md
index b84c7acd562..177ce22ec58 100644
--- a/public/content/translations/ig/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/ig/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ I nwere ike ịlele ọganihu nke azụmahịa ahụ n'ihe nchọgharị blọkc
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Chọrọ ịmụtakwu?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/ig/guides/how-to-use-a-bridge/index.md b/public/content/translations/ig/guides/how-to-use-a-bridge/index.md
index 236b7b40a8b..593af7178dd 100644
--- a/public/content/translations/ig/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/ig/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ Usoro a e kwesịghị iwe ihe karịrị nkeji 10.
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Chọrọ ịmụtakwu?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/ig/guides/how-to-use-a-wallet/index.md b/public/content/translations/ig/guides/how-to-use-a-wallet/index.md
index 85cb6e8ccfb..6d1c79c1e46 100644
--- a/public/content/translations/ig/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/ig/guides/how-to-use-a-wallet/index.md
@@ -63,7 +63,7 @@ Adreesị gị ga-abụ otu na nkwekọrịta Ethereum niile. I kwesighị ịde
 6. Ọ bụ ya! Malitezie iji ngwa ahụ. I nwere ike ịhụ ụfọdụ ọrụ dị mma na [peeji Ngwa nbipu anyị](/dapps/#explore). <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Chọrọ ịmụtakwu?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/it/bridges/index.md b/public/content/translations/it/bridges/index.md
index cd60d214031..1c9a24049a8 100644
--- a/public/content/translations/it/bridges/index.md
+++ b/public/content/translations/it/bridges/index.md
@@ -60,7 +60,7 @@ Se possiedi degli ETH sulla Rete Principale di Ethereum e desideri esplorare un
 Diciamo che vuoi possedere Bitcoin (BTC) nativi, ma hai fondi soltanto sulla Rete Principale di Ethereum. Per esporti ai BTC su Ethereum, puoi acquistare dei Wrapped Bitcoin (WBTC). Tuttavia, WBTC è un token [ERC-20](/glossary/#erc-20) nativo alla rete di Ethereum, il che significa che è una versione di Bitcoin di Ethereum e non la risorsa originale sulla blockchain di Bitcoin. Per possedere BTC nativi, dovresti collegare le tue risorse da Ethereum a Bitcoin usando un ponte. Questo collegherà i tuoi WBTC e li convertirà in BTC nativi. Altrimenti, potresti possedere dei BTC e volerli utilizzare nei protocolli di [DeFi](/glossary/#defi) di Ethereum. Questo richiederebbe il collegamento inverso, da BTC a WBTC, poi utilizzabili come risorse su Ethereum.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   Inoltre, puoi fare tutto quanto descritto sopra, usando una <a href="/get-eth/">borsa centralizzata</a>. Tuttavia, a meno che i tuoi fondi non siano già su una borsa, comporterebbe diversi passaggi, e sarebbe più conveniente usare un ponte.
diff --git a/public/content/translations/it/contributing/translation-program/how-to-translate/index.md b/public/content/translations/it/contributing/translation-program/how-to-translate/index.md
index 5d959de94be..27b3be2fa0b 100644
--- a/public/content/translations/it/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/it/contributing/translation-program/how-to-translate/index.md
@@ -77,7 +77,7 @@ Vuoi scoprire di più? Sentiti libero di dare un'occhiata alla [documentazione s
 Una volta completata la traduzione (cioè, tutti i file per una categoria di contenuti mostrano il 100%), il nostro servizio di traduzione professionale revisionerà (ed eventualmente modificherà) i contenuti. Una volta completata la revisione (ovvero quando lo stato di avanzamento della revisione è al 100%), aggiungeremo il contenuto al sito web.
 
 <Alert variant="update">
-<Emoji text=":warning:" className="text-4xl"/>
+<AlertEmoji text=":warning:"/>
 <AlertContent>
   Si prega di non utilizzare la traduzione automatica per tradurre il progetto. Tutte le traduzioni saranno revisionate prima di essere aggiunte al sito web. Se le traduzioni suggerite sono tradotte automaticamente, saranno rimosse e i collaboratori che utilizzano spesso la traduzione automatica saranno rimossi dal progetto.
 </AlertContent>
diff --git a/public/content/translations/it/defi/index.md b/public/content/translations/it/defi/index.md
index 370f7f5376e..b9c3aee3315 100644
--- a/public/content/translations/it/defi/index.md
+++ b/public/content/translations/it/defi/index.md
@@ -65,7 +65,7 @@ Ethereum si basa su questo. Come per Bitcoin, le regole non sono modificabili e
 Sembra strano... "perché dovrei voler programmare il mio denaro"? Eppure, questa è più che altro una funzionalità predefinita dei token su Ethereum. Chiunque può programmare la logica nei pagamenti. Così, puoi ottenere il controllo e la sicurezza di Bitcoin, insieme ai servizi forniti dalle istituzioni finanziarie. Ciò consente di fare cose con le criptovalute che non potresti fare con Bitcoin, come assumere ed erogare prestiti, pianificare pagamenti, investire in fondi indicizzati, e molto altro.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Esplora i nostri suggerimenti per le applicazioni della DeFi da provare, se sei nuovo su Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/it/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/it/developers/docs/consensus-mechanisms/pow/index.md
index d0942f50bfa..0235b3f01cc 100644
--- a/public/content/translations/it/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/it/developers/docs/consensus-mechanisms/pow/index.md
@@ -7,7 +7,7 @@ lang: it
 La rete Ethereum venne avviata usando un meccanismo di consenso che utilizzava il **[Proof of Work (PoW)](/developers/docs/consensus-mechanisms/pow)** che consentiva ai nodi della rete Ethereum di concordare sullo stato di tutte le informazioni registrate sulla blockchain Ethereum e impediva alcuni tipi di attacchi economici. Tuttavia, Ethereum ha disattivato il Proof of Work nel 2022 e ha iniziato, invece, a usare il [Proof of Stake](/developers/docs/consensus-mechanisms/pos).
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
     Il Proof of Work è diventato ormai obsoleto. Ethereum non usa più il Proof of Work come parte del suo meccanismo di consenso, e usa invece il Proof of Stake. Leggi di più sul <a href="/developers/docs/consensus-mechanisms/pos/">Proof of Stake</a> e sullo <a href="/staking/">staking</a>.
diff --git a/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/index.md
index cd3f2b8e360..4836bc6c326 100644
--- a/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -5,7 +5,7 @@ lang: it
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 Il Proof of Work non è più il meccanismo di consenso alla base di Ethereum, il che significa che il mining è stato disattivato. Invece, Ethereum è protetto dai validatori che mettono ETH in staking. Puoi iniziare fin da subito a mettere in staking i tuoi ETH. Leggi di più su <a href='/roadmap/merge/'>La Fusione</a>, il <a href='/developers/docs/consensus-mechanisms/pos/'>proof-of-stake</a> e lo <a href='/staking/'>staking</a>. Questa pagina è solo per interesse storico.
diff --git a/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index 9bef0ebcf18..7a412e469b0 100644
--- a/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -5,7 +5,7 @@ lang: it
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
    Ethash era l'algoritmo di mining di proof-of-work di Ethereum. Il proof-of-work è ora stato **disattivato interamente** e, invece, Ethereum è ora protetto utilizzando il <a href="/developers/docs/consensus-mechanisms/pos/">proof-of-stake</a>. Leggi di più su <a href="/roadmap/merge/">La Fusione</a>, sul <a href="/developers/docs/consensus-mechanisms/pos/">proof-of-stake</a> e sullo <a href="/staking/">staking</a>. Questa pagina è per interesse storico!  
diff --git a/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index 3686ae9c1a6..374f5830ef7 100644
--- a/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/it/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -5,7 +5,7 @@ lang: it
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 Il proof-of-work non è più alla base del meccanismo di consenso di Ethereum, a significare che il mining è stato disattivato. Invece, Ethereum, è protetto dai validatori che mettono ETH in staking. Puoi iniziare oggi a mettere i tuoi ETH in staking. Leggi di più su <a href='/roadmap/merge/'>La Fusione</a>, il <a href='/developers/docs/consensus-mechanisms/pos/'>proof-of-stake</a> e lo <a href='/staking/'>staking</a>. Questa pagina è per solo interesse storico.
diff --git a/public/content/translations/it/energy-consumption/index.md b/public/content/translations/it/energy-consumption/index.md
index aaffd20de8b..20ded3c5080 100644
--- a/public/content/translations/it/energy-consumption/index.md
+++ b/public/content/translations/it/energy-consumption/index.md
@@ -62,7 +62,7 @@ Mentre il consumo energetico di Ethereum è molto ridotto, vi è anche una commu
 Piattaforme di finanziamento di beni pubblici web3 native come [Gitcoin](https://gitcoin.co) conducono raccolte fondi climatiche per promuovere uno sviluppo consapevole dell'ambiente sul livello di applicazione di Ethereum. Grazie allo sviluppo di queste iniziative (e di altre, ad esempio [DeSci](/desci/)), Ethereum sta diventando una tecnologia positiva in termini ambientali e sociali.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   Se pensi che questa pagina possa essere resa più accurata, segnala un problema o una PR. Le statistiche riportate in questa pagina sono stime basate su dati pubblicamente disponibili e non rappresentano una dichiarazione o una promessa ufficiale del team di ethereum.org o della Fondazione Ethereum.
diff --git a/public/content/translations/it/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/it/guides/how-to-create-an-ethereum-account/index.md
index 072efd10b54..b171b3ceb04 100644
--- a/public/content/translations/it/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/it/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ Alcune applicazioni chiederanno di salvare una "frase di recupero" segreta (a vo
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>Portafoglio installato?</b><br/>Impara come usarlo.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/it/guides/how-to-revoke-token-access/index.md b/public/content/translations/it/guides/how-to-revoke-token-access/index.md
index 89af2162558..be654fc0e91 100644
--- a/public/content/translations/it/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/it/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ Ti consigliamo di ricaricare lo strumento di revoca dopo qualche minuto e di ric
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Vuoi scoprire di più?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/it/guides/how-to-swap-tokens/index.md b/public/content/translations/it/guides/how-to-swap-tokens/index.md
index 80248d04cf4..b02ac19d257 100644
--- a/public/content/translations/it/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/it/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ Riceverai automaticamente i token scambiati nel tuo portafoglio, una volta elabo
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Vuoi scoprire di più?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/it/guides/how-to-use-a-bridge/index.md b/public/content/translations/it/guides/how-to-use-a-bridge/index.md
index 05a04390ceb..b694216743e 100644
--- a/public/content/translations/it/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/it/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ Puoi utilizzare [chainlist.org](http://chainlist.org) per trovare i dettagli RPC
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Vuoi scoprire di più?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/it/guides/how-to-use-a-wallet/index.md b/public/content/translations/it/guides/how-to-use-a-wallet/index.md
index e585e58843b..63a6b57e7e8 100644
--- a/public/content/translations/it/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/it/guides/how-to-use-a-wallet/index.md
@@ -64,7 +64,7 @@ Il tuo indirizzo sarà lo stesso in tutti i progetti di Ethereum. Non devi regis
 6. È tutto! Inizia a usare l'app. Puoi trovare qualche progetto interessante sulla nostra [pagina delle dApp](/dapps/#explore). <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Vuoi scoprire di più?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/it/nft/index.md b/public/content/translations/it/nft/index.md
index 99777814a4c..be8a86271dc 100644
--- a/public/content/translations/it/nft/index.md
+++ b/public/content/translations/it/nft/index.md
@@ -56,7 +56,7 @@ Gli NFT vengono utilizzati per molti scopi, tra cui:
 Magari sei un artista che vuole condividere il proprio lavoro utilizzando gli NFT, senza perdere il controllo e sacrificare i tuoi profitti agli intermediari. Puoi creare un nuovo contratto e specificare il numero di NFT, le loro proprietà e un collegamento ad alcune opere d'arte specifiche. In qualità di artista, **puoi programmare nel contratto intelligente le royalty** che ti devono essere pagate (ad es. trasferire il 5% del prezzo di vendita al proprietario del contratto ogni volta che un NFT viene trasferito). Inoltre, puoi sempre dimostrare di aver creato gli NFT perché possiedi il [portafoglio](/glossary/#wallet) che ha distribuito il contratto. I tuoi acquirenti possono facilmente dimostrare di possedere un **NFT autentico** della tua collezione perché l'[indirizzo](/glossary/#address) del loro portafoglio è associato a un token nel tuo contratto intelligente. Possono utilizzarlo in tutto l'ecosistema Ethereum, certi della sua autenticità.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Esplora, acquista o crea opere d'arte/oggetti da collezione NFT...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/it/roadmap/beacon-chain/index.md b/public/content/translations/it/roadmap/beacon-chain/index.md
index 2ca60ace77b..65bc93810d0 100644
--- a/public/content/translations/it/roadmap/beacon-chain/index.md
+++ b/public/content/translations/it/roadmap/beacon-chain/index.md
@@ -35,7 +35,7 @@ La transizione al proof of stake ha reso Ethereum significativamente più sicura
 E l'utilizzo del proof of stake come meccanismo di consenso è un componente fondamentale per [l'Ethereum sicuro, ecosostenibile e scalabile che conosciamo ora](/roadmap/vision/).
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   Se sei interessato a diventare un validatore e contribuire a proteggere Ethereum, <a href="/staking/">scopri di più sullo staking</a>.
diff --git a/public/content/translations/it/security/index.md b/public/content/translations/it/security/index.md
index 9aa64d96b89..10ed8f0d293 100644
--- a/public/content/translations/it/security/index.md
+++ b/public/content/translations/it/security/index.md
@@ -125,7 +125,7 @@ Come regola generale, il personale non comunicherà mai con te attraverso canali
 - Non comunicare mai al di fuori dai canali designati dall'organizzazione
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Attenzione: anche se le truffe di questo tipo avvengono comunemente su Discord, possono anche essere prevalenti su qualsiasi applicazione di chat dove si discute di criptovalute, comprese le e-mail.
@@ -219,7 +219,7 @@ Una password forte rivelata in una violazione di dati non è più una password f
 ### Usa un gestore di password {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     L'utilizzo di un gestore di password consente di creare password forti e uniche e di ricordarle. <strong>Consigliamo vivamente</strong> di utilizzarne uno, molti di essi sono gratuiti.
@@ -249,7 +249,7 @@ Talvolta, ti potrebbe essere richiesto di autenticare la tua identità tramite p
 L'utilizzo dell'**autenticazione a due fattori (A2F)** costituisce un ulteriore *fattore di sicurezza* per i tuoi conti online. La 2FA assicura che non basti semplicemente avere la tua password per accedere a un conto. Più comunemente, il secondo fattore è un codice casuale di 6 cifre, noto come **password monouso a tempo (TOTP)**, a cui si può accedere attraverso un'app di autenticazione come Google Authenticator o Authy. Esse funzionano come fattore "qualcosa che possiedi" perché il seme che genera il codice a tempo è memorizzato sul tuo dispositivo.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Nota: l'utilizzo dell'A2F basata su SMS è soggetta a <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM jacking</a> e non è sicura. Per la massima sicurezza, utilizza un servizio come <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> o <a href="https://authy.com/">Authy</a>.
diff --git a/public/content/translations/it/staking/withdrawals/index.md b/public/content/translations/it/staking/withdrawals/index.md
index f875b7946df..ef5c82c5951 100644
--- a/public/content/translations/it/staking/withdrawals/index.md
+++ b/public/content/translations/it/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Prima dell'aggiornamento di Shanghai/Capella, non era possibile utilizzare i pro
 Fornire un indirizzo di prelievo è un passaggio necessario per qualsiasi conto del validatore affinché sia idoneo per il prelievo di ETH dal suo saldo.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Ogni account validatore è assegnabile esclusivamente a un singolo indirizzo di prelievo, una sola volta.</strong> Una volta che un indirizzo è scelto e inviato al livello del consenso, ciò non è annullabile o nuovamente modificabile. Ricontrolla la proprietà e l'accuratezza dell'indirizzo fornito prima di inviarlo.
@@ -88,7 +88,7 @@ Dai un'occhiata a questa spiegazione dei prelievi di staking di Ethereum, di Fin
 Quando è pianificato che un validatore proponga il prossimo blocco, è necessario costruire una coda di prelievo, composta da un massimo di 16 prelievi idonei. Ciò avviene iniziando originariamente dall'indice 0 del validatore, determinando se esista un prelievo idoneo per questo conto secondo le regole del protocollo e, in tal caso, aggiungendolo alla coda. Il validatore impostato per proporre il blocco successivo riprenderà da dove si è fermato il precedente, procedendo indefinitamente in ordine.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Pensa a un orologio analogico. La lancetta dell'orologio indica l'ora, si muove in una direzione, non salta alcuna ora e, infine, torna nuovamente all'inizio, dopo aver raggiunto l'ultimo numero.<br/><br/>
diff --git a/public/content/translations/it/web3/index.md b/public/content/translations/it/web3/index.md
index 7740c5c897c..a8f8440f477 100644
--- a/public/content/translations/it/web3/index.md
+++ b/public/content/translations/it/web3/index.md
@@ -62,7 +62,7 @@ Il Web3 ti dà la proprietà delle tue risorse digitali in un modo senza precede
 Il Web3 consente la proprietà diretta tramite i [token non fungibili (NFT)](/glossary/#nft). Nessuno, nemmeno i creatori del gioco, ha il potere di toglierti la proprietà. E, se smetti di giocare, puoi vendere o scambiare i tuoi oggetti di gioco sui mercati aperti e recuperarne il valore.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Maggiori informazioni sugli NFT</div>
   <ButtonLink href="/nft/">
@@ -90,7 +90,7 @@ Le DAO sono tecnicamente definite come [contratti intelligenti](/glossary/#smart
 Tuttavia, le persone definiscono molte community del Web3 come DAO. Queste community hanno tutte diversi livelli di decentralizzazione e automatizzazzione per codice. Correntemente, stiamo esplorando cosa sono le DAO e come potrebbero evolversi in futuro.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Impara di più sulle DAO</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/ja/bridges/index.md b/public/content/translations/ja/bridges/index.md
index c214edbd547..64bcab64e9a 100644
--- a/public/content/translations/ja/bridges/index.md
+++ b/public/content/translations/ja/bridges/index.md
@@ -60,7 +60,7 @@ USDTを貸し出すのにイーサリアムムメインネットのAaveを使用
 例えば、ネイティブビットコイン(BTC)の保有を希望しており、資金はイーサリアムメインネットにあるとします。 イーサリアムでBTCを入手するために、ラップドビットコイン(WBTC)を購入できます。 しかし、WBTCはイーサリアムネットワークの[ERC-20](/glossary/#erc-20)トークンであり、ビットコインのイーサリアム版のようなもので、ビットコインブロックチェーンの資産ではありません。 ネイティブのBTCを保有するには、イーサリアムからビットコインに資産をブリッジする必要があります。 WBTCをブリッジすれば、ネイティブのBTCに交換できます。 あるいは、BTCを保有していて、イーサリアムの[分散型金融(DeFi)](/glossary/#defi)プロトコルで使用したいとします。 これには、逆にBTCからWBTCへのブリッジが必要となり、WBTCはイーサリアムの資産として使用することができます。
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   <a href="/get-eth/">中央集権型取引所</a>を使用すると、これらのすべてを行えます。 しかし、取引所に資産がある場合を除いては、複数の手順が必要になるため、ブリッジを使用する方が手間が省けます。
diff --git a/public/content/translations/ja/contributing/translation-program/how-to-translate/index.md b/public/content/translations/ja/contributing/translation-program/how-to-translate/index.md
index e808e6c7634..c937f463774 100644
--- a/public/content/translations/ja/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/ja/contributing/translation-program/how-to-translate/index.md
@@ -77,7 +77,7 @@ Crowdinへログインすると、プロジェクトの説明と翻訳可能な
 翻訳が完了(コンテンツバケットの全ファイルが100％と表示)したら、プロの翻訳サービスがコンテンツをレビューします。またレビューの際は、編集する場合もあります。 レビューが完了(レビューの進捗率が100％)したら、ウェブサイトに追加されます。
 
 <Alert variant="update">
-<Emoji text=":warning:" className="text-4xl"/>
+<AlertEmoji text=":warning:"/>
 <AlertContent>
   機械翻訳を使った翻訳はご遠慮ください。 翻訳されたものはすべて、ウェブサイトに追加される前に審査されます。 提案された翻訳が機械翻訳であることが判明した場合、その翻訳は却下され、機械翻訳を頻繁に使う貢献者はプロジェクトから排除されます。
 </AlertContent>
diff --git a/public/content/translations/ja/defi/index.md b/public/content/translations/ja/defi/index.md
index cdc2ccd807f..b5f3d507f6b 100644
--- a/public/content/translations/ja/defi/index.md
+++ b/public/content/translations/ja/defi/index.md
@@ -64,7 +64,7 @@ summaryPoint3: オープンソース技術に基づき、誰でもプログラ
 これは一見奇妙なことのように聞こえます。「なぜ自分のお金をプログラムする必要があるのでしょうか?」 しかし、これはむしろイーサリアムのトークンのデフォルト機能に過ぎません。 誰でも支払いに論理をプログラムすることができます。 プログラミングにより、金融機関が提供するサービスに、ビットコインのコントロールとセキュリティを混在させることができます。 貸し借りや支払いのスケジューリング、インデックスファンドへの投資など、ビットコインではできないことを暗号通貨で行うことができます。
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>イーサリアムを初めて使う方にお勧めの分散型金融(DeFi)アプリケーション</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/index.md
index 289ded4f1d9..3715386bc42 100644
--- a/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/index.md
@@ -7,7 +7,7 @@ lang: ja
 イーサリアムのネットワークは、**[プルーフ・オブ・ワーク(PoW)](/developers/docs/consensus-mechanisms/pow)**という合意メカニズムを使用して始まりました。 このメカニズムにより、イーサリアムネットワークのノードは、ブロックチェーンに記録されたすべての情報に関してネットワーク全体で合意を取り、特定の種類の経済的な攻撃を防ぎました。 しかしながら、イーサリアムは2022年にプルーフ・オブ・ワーク(PoW)を停止し、これに代わる[プルーフ・オブ・ステーク(PoS)](/developers/docs/consensus-mechanisms/pos)の使用を開始しました。
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
     現在、プルーフ・オブ・ワークは廃止されています。 イーサリアムの合意メカニズムにはプルーフ・オブ・ワークではなく、 現在はプルーフ・オブ・ステークが採用されています。 詳細については、<a href="/developers/docs/consensus-mechanisms/pos/">プルーフ・オブ・ステーク</a>と<a href="/staking/">ステーキング</a>を参照してください。
diff --git a/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/index.md
index 948d3abab06..ffe524c3904 100644
--- a/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -5,7 +5,7 @@ lang: ja
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 プルーフ・オブ・ワークは、イーサリアムの合意メカニズムの基盤ではなくなり、すでにマイニングは廃止されています。 マイニングに代わって、イーサリアムはETHをステーキングするバリデータにより保護されています。 今日からETHのステーキングを始めることができます。 詳細については<a href='/roadmap/merge/'>マージ</a>、<a href='/developers/docs/consensus-mechanisms/pos/'>プルーフ・オブ・ステーク</a>および<a href='/staking/'>ステーキング</a>を参照してください。 このページについては、これまでのイーサリアムの歩みを学ぶための参考としてお読みください。
diff --git a/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index c4ea082dcba..634b167e363 100644
--- a/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -5,7 +5,7 @@ lang: ja
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
    Ethashは、イーサリアムのプルーフ・オブ・ワークのマイニングアルゴリズムでした。 プルーフ・オブ・ワークは、今『完全に廃止』されており、イーサリアムは現在<a href="/developers/docs/consensus-mechanisms/pos/">プルーフ・オブ・ステーク</a>により安全が確保されています。 詳細については、<a href="/roadmap/merge/">マージ</a>、<a href="/developers/docs/consensus-mechanisms/pos/">プルーフ・オブ・ステーク</a>および<a href="/staking/">ステーキング</a>を参照してください。 このページについては、これまでのイーサリアムの歩みを学ぶための参考としてお読みください。  
diff --git a/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index 067788d8458..166f93debdb 100644
--- a/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/ja/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -5,7 +5,7 @@ lang: ja
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 プルーフ・オブ・ワークは、イーサリアムの合意メカニズムの基盤ではなくなり、すでにマイニングは廃止されています。 マイニングに代わって、イーサリアムはETHをステーキングするバリデータにより保護されています。 今日からETHのステーキングを始めることができます。 詳細については<a href='/roadmap/merge/'>マージ</a>、<a href='/developers/docs/consensus-mechanisms/pos/'>プルーフ・オブ・ステーク</a>および<a href='/staking/'>ステーキング</a>を参照してください。 このページについては、これまでのイーサリアムの歩みを学ぶための参考としてお読みください。
diff --git a/public/content/translations/ja/energy-consumption/index.md b/public/content/translations/ja/energy-consumption/index.md
index ccca2c72e5a..ded5c0bfb5d 100644
--- a/public/content/translations/ja/energy-consumption/index.md
+++ b/public/content/translations/ja/energy-consumption/index.md
@@ -62,7 +62,7 @@ CCRIによる推定では、マージによってイーサリアムの年間電
 [Gitcoin](https://gitcoin.co)のようなWeb3ネイティブの公共財資金調達プラットフォームは、イーサリアムのアプリケーションレイヤー上で環境に配慮した構築を促進するために気候ラウンドを実行します。 これらの開発(例:[DeSci](/desci/)など)を通じて、イーサリアムは環境的にも社会的にもネットポジティブな技術になりつつあります。
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   このページの精度の向上に貢献できるとお考えの方は、問題またはPRを提起してください。 このページの統計は、公開されているデータに基づく推定値であり、ethereum.orgチームやイーサリアム・ファウンデーションの公式声明や約束を示すものではありません。
diff --git a/public/content/translations/ja/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/ja/guides/how-to-create-an-ethereum-account/index.md
index 32f0767f530..9de010b1a7b 100644
--- a/public/content/translations/ja/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/ja/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ lang: ja
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>ウォレットをインストールしましたか？</b><br/>その使い方を学びましょう。</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/ja/guides/how-to-revoke-token-access/index.md b/public/content/translations/ja/guides/how-to-revoke-token-access/index.md
index 48240220501..4e437cf3bd3 100644
--- a/public/content/translations/ja/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/ja/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ lang: ja
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>さらに詳しく知りたいですか？</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/ja/guides/how-to-swap-tokens/index.md b/public/content/translations/ja/guides/how-to-swap-tokens/index.md
index 13512df9a4f..e29283ef811 100644
--- a/public/content/translations/ja/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/ja/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ lang: ja
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>詳細をご希望の場合は、</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/ja/guides/how-to-use-a-bridge/index.md b/public/content/translations/ja/guides/how-to-use-a-bridge/index.md
index ae134fd8cff..37f5db42d81 100644
--- a/public/content/translations/ja/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/ja/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ lang: ja
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>詳細をご希望の場合は、</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/ja/guides/how-to-use-a-wallet/index.md b/public/content/translations/ja/guides/how-to-use-a-wallet/index.md
index eb7220ab16c..5e7b8504dae 100644
--- a/public/content/translations/ja/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/ja/guides/how-to-use-a-wallet/index.md
@@ -63,7 +63,7 @@ lang: ja
 6. これで完了です！ アプリを使い始めましょう [dAppsページ](/dapps/#explore)にて、興味深いプロジェクトを見つけることができます。 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>詳細をご希望の場合は、</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/ja/how-to-create-an-ethereum-account/index.md b/public/content/translations/ja/how-to-create-an-ethereum-account/index.md
index 008a00b6da2..d5d242693bf 100644
--- a/public/content/translations/ja/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/ja/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ lang: ja
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>ウォレットをインストールしましたか？</b><br/>その使い方を学びましょう。</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/ja/nft/index.md b/public/content/translations/ja/nft/index.md
index 23fc4b8e149..39cd9d0565e 100644
--- a/public/content/translations/ja/nft/index.md
+++ b/public/content/translations/ja/nft/index.md
@@ -55,7 +55,7 @@ NFTは以下のような多数の用途に使用されます。
 例えばあなたが、NFTを使用して、権利を失ったり、仲介業者に利益を支払ったりすることなく、自分の作品を共有したいと考えているアーティストだとします。 新しいコントラクトを作成し、NFTの数、その特性、特定のアートワークへのリンクを指定することができます。 さらに、**スマートコントラクトに、自分に支払われるべきロイヤリティをプログラムすることができます**（例えば、NFTが譲渡されるたびに、販売価格の5％をコントラクト所有者に譲渡する）。 また、コントラクトをデプロイした[ウォレット](/glossary/#wallet)を所有しているため、NFTを作成したことをいつでも証明することができます。 購入者のウォレット[アドレス](/glossary/#address)は、スマートコントラクト内のトークンと関連付けられているため、購入者はあなたのコレクションから**本物のNFT**を所有していることを簡単に証明することができます。 つまり、イーサリアムのエコシステム全体で、その信頼性を確信した上で使用できるということです。
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>非代替性トークン(NFT)アート/コレクティブルを探す、買う、作る</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/ja/roadmap/beacon-chain/index.md b/public/content/translations/ja/roadmap/beacon-chain/index.md
index a94a1e032cd..b05858d9226 100644
--- a/public/content/translations/ja/roadmap/beacon-chain/index.md
+++ b/public/content/translations/ja/roadmap/beacon-chain/index.md
@@ -35,7 +35,7 @@ summaryPoint3: ビーコンチェーンは、コンセンサスロジックと
 また、コンセンサスメカニズムとしてプルーフ・オブ・ステークを使用することが、[安全で環境にやさしく、スケーラブルな現在のイーサリアム](/roadmap/vision/)を支える基盤となっています。
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   バリデータになり、イーサリアムの安全性の確保にご興味がある場合は、<a href="/staking/">ステーキングの詳細</a>をご覧ください。
diff --git a/public/content/translations/ja/security/index.md b/public/content/translations/ja/security/index.md
index d3d706624dc..0398bc9b0f2 100644
--- a/public/content/translations/ja/security/index.md
+++ b/public/content/translations/ja/security/index.md
@@ -123,7 +123,7 @@ Twitter (Xとも知られています) のリンクプレビュー機能 (アン
 - 組織の指定されたチャネル外では連絡しない
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     注: サポート詐欺はよくディスコードで起きていますが、暗号通貨に関する議論が行われているチャットアプリケーションや電子メールなどでも起きる可能性があります。
@@ -217,7 +217,7 @@ _注: ステークされたETHを表す、Rocket PoolのrETH、LidoのstETH、Co
 ### パスワードマネージャーの使用 {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     パスワードマネージャーを利用すると、強力で一意のパスワードを作成し、それらを覚えておくことができます! パスワードマネージャーの利用を<strong>強く推奨します</strong>(多くは無料で利用可能)。
@@ -247,7 +247,7 @@ _注: ステークされたETHを表す、Rocket PoolのrETH、LidoのstETH、Co
 **二要素認証(2FA)**を使用することで、追加の*セキュリティ要素*をあなたのオンラインアカウントに提供できます。 2FAにより、パスワードだけではアカウントへアクセスできないことが保証されます。 最も一般的には、二つ目の要素は**時間ベースのワンタイムパスワード (TOTP)**として知られる、ランダム化された6桁のコードを使用します。このコードはGoogle AuthenticatorやAuthyなどの認証アプリからアクセスします。 時間制限のあるコードを生成するシードがあなたのデバイスに保存されているため、この要素は「所有しているもの」です。
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     注意: SMSベースの二要素認証は、<a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud"> SIMジャッキング</a> のリスクがあり、安全ではありません。 最高のセキュリティを確保するために、<a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> や<a href="https://authy.com/">Authy</a>のようなサービスを使用することをお勧めします。
diff --git a/public/content/translations/ja/staking/withdrawals/index.md b/public/content/translations/ja/staking/withdrawals/index.md
index ee14d6803af..124dc554e23 100644
--- a/public/content/translations/ja/staking/withdrawals/index.md
+++ b/public/content/translations/ja/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ summaryPoints:
 引き出しアドレスの設定は、残高からETHを引き出させるようするために全てのバリデータアカウントに必要なステップです。
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>各バリデータアカウントには一度に一つの引き出しアドレスしか割り当てることはできません。</strong>一度アドレスが選択され、コンセンサスレイヤーに提出されると、取り消しや再変更はできません。 提出前に、指定したアドレスの所有権があることと正しいかを再確認してください。
@@ -88,7 +88,7 @@ Finematicsによるイーサリアムステーキングの引き出しについ
 バリデーターが次のブロックを提案する予定である場合、最大16件の適格な引き出しからなる引き出しキューを構築する必要があります。 これは、最初はバリデーターインデックス 0 から始まり、 プロトコルの規則に従ってこのアカウントが引き出し対象かどうかを判断し、対象である場合はキューに追加することで行われます。 次のブロックを提案するように設定されたバリデーターは、最後のブロックが中断したところから再開し、無限に順番に進めます。
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 アナログ時計について考えてみてください。 時計の針は時刻を指し、一方向に進み、どの時刻も跳ばすことはなく、最終的には最後の数字に達し、一周して再び先頭に戻ります。<br/><br/>
diff --git a/public/content/translations/ja/web3/index.md b/public/content/translations/ja/web3/index.md
index ec7ce259c75..f64079e5b23 100644
--- a/public/content/translations/ja/web3/index.md
+++ b/public/content/translations/ja/web3/index.md
@@ -66,7 +66,7 @@ Web3は、前例のない方法でデジタル資産の所有権を提供しま
 Web3では、 [ 非代替性トークン(NFT)](/glossary/#nft) を通じて直接所有することができます。 所有権は、誰からも、ゲームのクリエイターからも奪い取られることはありません。 また、ゲームをするのをやめても、ゲーム内のアイテムをオープンマーケットで売却・取引することで、その価値を回収することができます。
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>非代替性トークン(NFT)について学ぶ</div>
   <ButtonLink href="/nft/">
@@ -94,7 +94,7 @@ Web3では、自分のデータを所有するだけでなく、企業の株式
 しかし、多くのWeb3コミュニティが分散型自律組織(DAO)として定義されています。 これらのコミュニティはすべて、コードによる分散化と自動化のレベルが異なります。 現在、分散型自律組織(DAO)とは何か、今後どのような進化を遂げるかを模索が行われているところです。
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>分散型自律組織(DAO)についてもっと知る</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/kn/defi/index.md b/public/content/translations/kn/defi/index.md
index 6e1d5c37b44..3f890f35f23 100644
--- a/public/content/translations/kn/defi/index.md
+++ b/public/content/translations/kn/defi/index.md
@@ -64,7 +64,7 @@ DeFi ನ ಸಾಮರ್ಥ್ಯವನ್ನು ನೋಡುವ ಅತ್ಯು
 ಇದು ವಿಚಿತ್ರವಾಗಿ ತೋರುತ್ತದೆ... "ನಾನು ನನ್ನ ಹಣವನ್ನು ಏಕೆ ಪ್ರೋಗ್ರಾಂ ಮಾಡಲು ಬಯಸುತ್ತೇನೆ"? ಆದಾಗ್ಯೂ, ಇದು ಇಥಿರಿಯಮ್‍ನಲ್ಲಿ ಟೋಕನ್‍ಗಳ ಡೀಫಾಲ್ಟ್ ವೈಶಿಷ್ಟ್ಯವಾಗಿದೆ. ಪಾವತಿಗಳಲ್ಲಿ ಯಾರು ಬೇಕಾದರೂ ತರ್ಕವನ್ನು ಪ್ರೋಗ್ರಾಂ ಮಾಡಬಹುದು. ಆದ್ದರಿಂದ ನೀವು ಹಣಕಾಸು ಸಂಸ್ಥೆಗಳು ಒದಗಿಸುವ ಸೇವೆಗಳೊಂದಿಗೆ ಬೆರೆತ ಬಿಟ್‍ಕಾಯಿನ್ ನ ನಿಯಂತ್ರಣ ಮತ್ತು ಭದ್ರತೆಯನ್ನು ಪಡೆಯಬಹುದು. ಸಾಲ ನೀಡುವುದು ಮತ್ತು ಸಾಲ ಪಡೆಯುವುದು, ಪಾವತಿಗಳನ್ನು ನಿಗದಿಪಡಿಸುವುದು, ಸೂಚ್ಯಂಕ ನಿಧಿಗಳಲ್ಲಿ ಹೂಡಿಕೆ ಮಾಡುವುದು ಮತ್ತು ಹೆಚ್ಚಿನವುಗಳಂತಹ ಬಿಟ್‍ಕಾಯಿನ್ ನೊಂದಿಗೆ ನೀವು ಮಾಡಲು ಸಾಧ್ಯವಾಗದ ಕ್ರಿಪ್ಟೋಕರೆನ್ಸಿಗಳೊಂದಿಗೆ ಕೆಲಸಗಳನ್ನು ಮಾಡಲು ಇದು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>ನೀವು ಇಥಿರಿಯಮ್‍ಗೆ ಹೊಸಬರಾಗಿದ್ದೀರಾ ಎಂದು ಪ್ರಯತ್ನಿಸಲು DeFi ಅಪ್ಲಿಕೇಶನ್‍ಗಳಿಗಾಗಿ ನಮ್ಮ ಸಲಹೆಗಳನ್ನು ಅನ್ವೇಷಿಸಿ.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/kn/how-to-create-an-ethereum-account/index.md b/public/content/translations/kn/how-to-create-an-ethereum-account/index.md
index 9a13c2141c6..bab1224969f 100644
--- a/public/content/translations/kn/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/kn/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ lang: ಎನ್
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>ವ್ಯಾಲೆಟ್ ಸ್ಥಾಪಿಸಲಾಗಿದೆಯೇ?</b><br/>ಅದನ್ನು ಹೇಗೆ ಬಳಸಬೇಕೆಂದು ಕಲಿಯಿರಿ.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/kn/web3/index.md b/public/content/translations/kn/web3/index.md
index 83866e72b45..50da2f4f852 100644
--- a/public/content/translations/kn/web3/index.md
+++ b/public/content/translations/kn/web3/index.md
@@ -66,7 +66,7 @@ Web3 ನಿಮ್ಮ ಡಿಜಿಟಲ್ ಸ್ವತ್ತುಗಳ ಮಾಲ
 ವೆಬ್3 ಹಂತದಲ್ಲಿ ಕಡಿಮೆ ಬದಲಾವಣೆ ಯಾದವರೆಗೆ ಹೊರಗೆಲ್ಲ ಸ್ವಾಮಿತ್ವವನ್ನು ಮೂಡಿಸುತ್ತದೆ ([ಎನ್‌ಎಫ್‌ಟಿಗಳ ಮೂಲಕ](/glossary/#nft)). ಯಾರೂ ಹೌದು, ಆಟದ ರಚನಾಕರ್ತೆಗಳು ಸೇರಿದವರೂ, ನಿಮ್ಮ ಸ್ವಾಮಿತ್ವವನ್ನು ತೆಗೆದುಹಾಕಲು ಅವರಿಗೆ ಶಕ್ತಿ ಇಲ್ಲ. ಮತ್ತು, ಆಟವನ್ನು ಆಡುವುದನ್ನು ನಿಲ್ಲಿಸಿದರೆ, ನೀವು ಖುದ್ದಾಗಿ ಮಾರುಕಟ್ಟಲು ಅಥವಾ ವಿಪರೀತ ಬಣವನ್ನು ಖೊಂಡುವುದು ಸಾಧ್ಯವಾಗುತ್ತದೆ ಅಥವಾ ಮಾರಾಟ ಮಾಡಲು ನೀವು ಖುದ್ದಾಗಿ ಸಾಗಬಹುದು.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>NFT ಗಳ ಬಗ್ಗೆ ಇನ್ನಷ್ಟು ತಿಳಿಯಿರಿ</div>
   <ButtonLink href="/nft/">
@@ -94,7 +94,7 @@ DAO ಗಳನ್ನು ತಾಂತ್ರಿಕವಾಗಿ ಒಪ್ಪಿಗ
 ಆದಾಗ್ಯೂ, ಜನರು ಅನೇಕ Web3 ಸಮುದಾಯಗಳನ್ನು ಡಿಎಒಗಳಾಗಿ ವ್ಯಾಖ್ಯಾನಿಸುತ್ತಾರೆ. ಈ ಸಮುದಾಯಗಳೆಲ್ಲವೂ ಕೋಡ್ ಮೂಲಕ ವಿಭಿನ್ನ ಮಟ್ಟದ ಡೀಸೆಂಟ್ರಲೈಸೇಶನ್ ಮತ್ತು ಸ್ವಯಂಚಾಲಿತತೆಯನ್ನು ಹೊಂದಿವೆ. ಪ್ರಸ್ತುತ, ನಾವು ಡಿಎಒಗಳು ಏನೆಂದು ಮತ್ತು ಅವು ಹೇಗೆ ರೂಪುಗೊಳ್ಳಬಹುದು ಎಂಬುದನ್ನು ಅನ್ವೇಷಿಸುತ್ತಿದ್ದೇವೆ.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/ko/bridges/index.md b/public/content/translations/ko/bridges/index.md
index f63b2b41757..98ae89ea61d 100644
--- a/public/content/translations/ko/bridges/index.md
+++ b/public/content/translations/ko/bridges/index.md
@@ -58,7 +58,7 @@ USDT를 빌려주는 플랫폼으로 이더리움 메인넷의 Aave를 사용하
 네이티브 비트코인(BTC)을 소유하고 있지만 이더리움 메인넷에만 자금이 있다고 가정해 봅시다. 이더리움에서 BTC에 연결하기 위해 랩트비트코인(WBTC)을 구매할 수 있습니다. 다만 WBTC는 이더리움 네트워크 기반인 ERC-20 토큰이며, 비트코인 블록체인 상의 원본 화폐가 아닌, 이더리움 버전의 비트코인입니다. 네이티브 BTC를 소유하려면 브리지를 사용하여 이더리움의 자산을 비트코인으로 옮겨야 합니다. 이는 WBTC를 연결하고 네이티브 BTC로 변환합니다. 또는 BTC를 소유하고 있을 때 이더리움 디파이 프로토콜에서 사용하고자 할 수도 있습니다. 이 또한 브리지를 통해 가능하며, BTC를 WBTC로 전환하여 이더리움에서 자금으로 사용할 수 있습니다.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   상단의 모든 작업은 <a href="/get-eth/">중앙화 거래소</a>에서도 실행할 수 있습니다. 하지만 자금이 이미 거래소에 등록되어 있지 않으면 여러 단계를 거쳐야 하며, 브리지를 사용하는 것이 더욱 간단합니다.
diff --git a/public/content/translations/ko/defi/index.md b/public/content/translations/ko/defi/index.md
index b1733752881..b46c409426b 100644
--- a/public/content/translations/ko/defi/index.md
+++ b/public/content/translations/ko/defi/index.md
@@ -64,7 +64,7 @@ summaryPoint3: 누구나 프로그래밍할 수 있는 오픈 소스 기술을 
 이건 이상하게 들립니다. "왜 제가 돈을 프로그래밍하고 싶겠어요?" 그러나 이것은 이더리움 토큰의 기본 기능일 뿐입니다. 누구나 로직을 지불금으로 프로그래밍할 수 있습니다. 그래서 당신은 금융기관이 제공하는 서비스와 함께 비트코인의 통제권과 보안을 얻을 수 있습니다. 이것을 통해 비트코인으로 할 수 없는 대부와 대출, 결제 일정 수립, 인덱스 펀드에 투자하기 등과 같은 것들을 암호화폐로 할 수 있습니다.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>이더리움이 처음이시면 디파이 애플리케이션에 대한 제안을 살펴보세요.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/ko/energy-consumption/index.md b/public/content/translations/ko/energy-consumption/index.md
index d2c57eb10e0..79ca757b15f 100644
--- a/public/content/translations/ko/energy-consumption/index.md
+++ b/public/content/translations/ko/energy-consumption/index.md
@@ -49,7 +49,7 @@ lang: ko
 [이더리움이 지분 증명을 구현하는 방법](/developers/docs/consensus-mechanisms/pos)과 작업 증명과 지분 증명의 차이점에 대해서 자세히 알아보세요.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   이러한 통계가 잘못되었거나 더 정확하게 만들 수 있다고 생각하는 경우 문제 제기 또는 풀 리퀘스트(Pull Request)를 하십시오. 이 추정치는 공개적으로 액세스할 수 있는 정보와 현재 이더리움 로드맵을 사용하여 나온 것입니다. 이 발언들은 이더리움 재단의 공식적 약속으로 한 것이 아닙니다. 
diff --git a/public/content/translations/ko/security/index.md b/public/content/translations/ko/security/index.md
index 173c33197d5..f4cbef783d3 100644
--- a/public/content/translations/ko/security/index.md
+++ b/public/content/translations/ko/security/index.md
@@ -42,7 +42,7 @@ lang: ko
 ### 비밀번호 관리 프로그램 사용하기 {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     비밀번호 관리 프로그램은 자동으로 강력하고 고유한 비밀번호를 생성하고 저장합니다. 해당하는 프로그램을 사용할 것을 <strong>강력하게</strong> 권하며, 대부분은 무료입니다!
@@ -72,7 +72,7 @@ lang: ko
 **2개 요소 인증(2FA)** 또는 2단계 인증이란 온라인 계정에 추가 *보안 요소*를 제공함으로써 로그인 시 비밀번호를 아는 것(지식 기반) 이외에도 1가지를 더 증명하도록 한 것을 일컫습니다. 가장 흔한 두 번째 요소는 6자리의 무작위 숫자 코드인 **시간 기반 일회성 비밀번호(TOTP)**를 사용하는 것으로, Google Authenticator 또는 Authy과 같은 인증 앱을 통해 액세스할 수 있습니다. 시간 기반 코드를 생성하는 시드는 스마트폰에 저장되기 때문에 "소유 기반" 요소로 작동합니다.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     참고: 문자(SMS) 기반 2FA는 <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM 탈취</a> 공격에 노출되므로 보안에 취약합니다. 가장 안전한 방법은 <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> 또는 <a href="https://authy.com/">Authy</a>와 같은 서비스를 사용하는 것입니다.
@@ -203,7 +203,7 @@ Chrome 확장 프로그램 또는 Firefox 애드온과 같은 브라우저 확
 - 절대로 기관의 정해진 채널 외에 다른 곳에서 소통하지 마세요.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     명심하세요: 대부분의 후원 사기는 디스코드에서 발생하지만, 이외에 이메일 등 암호화폐 관련 논의가 오가는 채팅 애플리케이션에서도 일어날 수 있습니다.
diff --git a/public/content/translations/ko/staking/withdrawals/index.md b/public/content/translations/ko/staking/withdrawals/index.md
index a05d96d0ef7..5c9e5d57cba 100644
--- a/public/content/translations/ko/staking/withdrawals/index.md
+++ b/public/content/translations/ko/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ summaryPoints:
 잔액에서 ETH를 인출할 수 있으려면 검증자 계정에 대한 출금 주소를 제공해야 합니다.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>각 검증자 계정은 단 한 번, 한 개의 출금 주소만 할당받을 수 있습니다.</strong> 주소를 선택하고 합의 계층에 제출하면 취소하거나 다시 변경할 수 없습니다. 제출하기 전에 제공된 주소의 소유권과 정확성을 다시 확인하십시오.
@@ -88,7 +88,7 @@ Finematics 제공 이더리움 스테이킹 출금에 대한 다음 설명을 
 검증자가 다음 블록을 제안할 예정이면 최대 16개의 적합한 출금으로 구성된 출금 대기열을 구축해야 합니다. 이 작업은 원래 검증자 인덱스 0부터 시작하여 프로토콜 규칙에 따라 이 계정에 대한 적합한 출금이 있는지 확인한 후 대기열에 추가합니다. 다음 블록을 제안하도록 설정된 검증자는 마지막 블록이 중단된 부분부터 무기한 순서대로 진행합니다.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 이는 아날로그 시계와 유사합니다. 시계의 시침은 시간을 가리키고, 한 방향으로 진행하며, 어떤 시간도 거르지 않고, 마지막 시간에 도달하면 다시 처음으로 돌아갑니다.<br/><br/>
diff --git a/public/content/translations/ko/web3/index.md b/public/content/translations/ko/web3/index.md
index 1ee4d4e05f4..f8e96d15e30 100644
--- a/public/content/translations/ko/web3/index.md
+++ b/public/content/translations/ko/web3/index.md
@@ -62,7 +62,7 @@ lang: ko
 웹3는 [대체 불가 토큰(NFT)](/glossary/#nft)을 통해 직접적인 소유가 가능하게 합니다. 아무도, 설령 게임 창작자일지라도, 귀하의 소유권을 가져갈 수 없습니다. 또한 게임을 더 이상 안 하더라도 게임 상의 아이템들을 오픈마켓에서 판매하거나 교환함으로써 가치를 활용할 수 있습니다.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>NFT에 대해 자세히 알아보기</div>
   <ButtonLink href="/nft/">
@@ -90,7 +90,7 @@ DAO는 기술적으로 리소스 풀(토큰)을 통해 탈중앙화된 의사 
 하지만 사람들은 많은 웹3 커뮤니티를 DAO라고 정의합니다. 이러한 커뮤니티의 탈중앙화 및 코드 자동화가 이루어지는 정도는 서로 다릅니다. 현재 우리는 DAO가 무엇이며 미래에 어떻게 진화해 나갈지 논의하고 있습니다.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>DAO에 대해 자세히 알아보기</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/ml/nft/index.md b/public/content/translations/ml/nft/index.md
index 578468da85e..62b1062c2f2 100644
--- a/public/content/translations/ml/nft/index.md
+++ b/public/content/translations/ml/nft/index.md
@@ -55,7 +55,7 @@ NFT-കൾ താഴെപറയുന്നവ ഉൾപ്പെടെ നി
 നിങ്ങൾ ഒരു കലാകാരനായിരിക്കാം - നിങ്ങളുടെ ലാഭം ഇടനിലക്കാർക്ക് ത്യജിക്കാതെയും, നിങ്ങളുടെ നിയന്ത്രണം നഷ്‌ടപ്പെടാതെയും NFT-കൾ ഉപയോഗിച്ച് നിങ്ങളുടെ സൃഷ്ടികൾ മറ്റുള്ളവരുമായി പങ്കുവെക്കുവാൻ ആഗ്രഹിക്കുന്ന ഒരു വ്യക്തി. നിങ്ങൾക്ക് ഒരു പുതിയ കോൺട്രാക്ട് സൃഷ്ടിക്കാനും NFT-കളുടെ എണ്ണം, അവയുടെ സ്വഭാവഗുണങ്ങൾ, ചില പ്രത്യേക കലാസൃഷ്ടികളിലേക്കുള്ള ലിങ്ക് എന്നിവ ചൂണ്ടികാണിക്കുവാനും കഴിയും. ആർട്ടിസ്റ്റ് എന്ന നിലയിൽ, **നിങ്ങൾക്ക് നൽകേണ്ട റോയൽറ്റികൾ സ്മാർട്ട് കരാറിൽ പ്രോഗ്രാം ചെയ്യാം** (ഉദാ. ഓരോ തവണയും NFT കൈമാറുമ്പോൾ കരാർ ഉടമയ്ക്ക് വിൽപ്പന വിലയുടെ 5% കൈമാറുക). സ്മാർട്ട് കോൺട്രാക്ട് വിന്യസിച്ച [വാലറ്റ്](/glossary/#wallet) നിങ്ങളുടെ ഉടമസ്ഥതയിലുള്ളതിനാൽ നിങ്ങളാണ് ആ NFT-കളുടെ സൃഷ്ടാവെന്നു നിങ്ങൾക്ക് എല്ലായ്പ്പോഴും തെളിയിക്കാനാകും. ഉപഭോക്താകൾക്ക് നിങ്ങളുടെ ശേഖരത്തിൽ നിന്ന് അവർ സ്വന്തമാക്കുന്നത് ഒരു **ആധികാരിക NFT** ആണെന്ന് എളുപ്പത്തിൽ തെളിയിക്കാനാകും, കാരണം അവരുടെ വാലറ്റ് [വിലാസം](/glossary/#address) നിങ്ങളുടെ സ്മാർട്ട് കരാറിലെ ഒരു ടോക്കണുമായി ബന്ധപ്പെട്ടിരിക്കുന്നു. Ethereum-ലെ ആവാസവ്യവസ്ഥയിലുടനീളം, അതിൻ്റെ ആധികാരികതയിലുള്ള ആത്മവിശ്വാസത്തോടുകൂടി അവർക്ക് അത് ഉപയോഗിക്കാൻ കഴിയും.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>NFT കലാസൃഷ്ടികൾ /ശേഖരണങ്ങൾ പര്യവേക്ഷണം ചെയ്യുക, വാങ്ങുക അല്ലെങ്കിൽ നിങ്ങളുടേതായ ഒന്ന് സൃഷ്‌ടിക്കുക...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/ml/roadmap/beacon-chain/index.md b/public/content/translations/ml/roadmap/beacon-chain/index.md
index 1658695e21f..00d0457f467 100644
--- a/public/content/translations/ml/roadmap/beacon-chain/index.md
+++ b/public/content/translations/ml/roadmap/beacon-chain/index.md
@@ -37,7 +37,7 @@ summaryPoint3: ബീക്കൺ ചെയിൻ പൊതു യുക്ത
 പ്രൂഫ് ഓഫ് സ്റ്റേക്കിലേക്കുള്ള മാറ്റം Ethereum-ത്തെ പ്രൂഫ് ഓഫ് വർക്കുമായി താരതമ്യപ്പെടുത്തുമ്പോൾ കൂടുതൽ സുരക്ഷിതവും വികേന്ദ്രീകൃതവുമാക്കി. നെറ്റ്‌വർക്കിൽ കൂടുതൽ ആളുകൾ പങ്കെടുക്കുമ്പോൾ, അത് കൂടുതൽ വികേന്ദ്രീകൃതവും ആക്രമണങ്ങളിൽ നിന്ന് സുരക്ഷിതവുമാകും.
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   ഒരു വാലിഡേറ്ററാകാനും Ethereum സുരക്ഷിതമാക്കാൻ സഹായിക്കാനും നിങ്ങൾക്ക് താൽപ്പര്യമുണ്ടെങ്കിൽ, <a href="/staking/">സ്റ്റെയ്ക്കിങ് എന്നതിനെക്കുറിച്ച് കൂടുതലറിയുക</a>.
diff --git a/public/content/translations/mr/defi/index.md b/public/content/translations/mr/defi/index.md
index dbfd04554dc..27741ac7c3a 100644
--- a/public/content/translations/mr/defi/index.md
+++ b/public/content/translations/mr/defi/index.md
@@ -64,7 +64,7 @@ Bitcoin हे अनेक प्रकारे पहिले DeFi ऍप्
 हे विचित्र वाटते... "मला माझे पैसे का प्रोग्राम करायचे आहेत"? तथापि, Ethereum वरील टोकनचे हे फक्त एक डीफॉल्ट वैशिष्ट्य आहे. कोणीही पेमेंटमध्ये लॉजिक प्रोग्राम करू शकतो. त्यामुळे तुम्हाला Bitcoin चे नियंत्रण आणि सुरक्षा वित्तीय संस्थांद्वारे पुरवल्या जाणाऱ्या सेवांमध्ये मिसळून मिळू शकते. हे तुम्हाला क्रिप्टोकरन्सीसह अशा गोष्टी करू देते जे तुम्ही Bitcoin सह करू शकत नाही जसे की कर्ज देणे आणि कर्ज घेणे, पेमेंट शेड्यूल करणे, इंडेक्स फंडांमध्ये गुंतवणूक करणे आणि बरेच काही.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>तुम्ही Ethereum वर नवीन असाल तर वापरून पाहण्यासाठी DeFi ऍप्लिकेशन्ससाठी आमच्या सूचना एक्सप्लोर करा.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/ms/bridges/index.md b/public/content/translations/ms/bridges/index.md
index 21171a3c4b6..4d6c6ef56f7 100644
--- a/public/content/translations/ms/bridges/index.md
+++ b/public/content/translations/ms/bridges/index.md
@@ -60,7 +60,7 @@ Jika anda mempunyai ETH di Rangkaian Utama Ethereum dan anda ingin meneroka alt
 Katakan anda mahu memiliki Bitcoin asli (BTC), tetapi anda hanya mempunyai dana di Rangkaian Utama Ethereum. Untuk mendapatkan pendedahan kepada BTC pada Ethereum, anda boleh membeli Bitcoin Berbalut (WBTC). Walau bagaimanapun, WBTC ialah token [ERC-20](/glossary/#erc-20) asli kepada rangkaian Ethereum, yang bermaksud ia adalah versi Ethereum Bitcoin dan bukan aset asal pada blok rantai Bitcoin. Untuk memiliki BTC asli, anda perlu merapatkan aset anda daripada Ethereum kepada Bitcoin menggunakan jambatan. Ini akan merapatkan WBTC anda dan menukarnya kepada BTC asli. Sebagai alternatif, anda mungkin memiliki BTC dan ingin menggunakannya dalam protokol Ethereum [DeFi](/glossary/#defi) . Ini akan memerlukan merapatkan cara lain, dari BTC kepada WBTC yang kemudian boleh digunakan sebagai aset pada Ethereum.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   Anda juga boleh melakukan semua perkara di atas menggunakan <a href="/get-eth/">pertukaran terpusat</a>. Namun, melainkan dana anda sudah berada di bursa, ia akan melibatkan beberapa langkah, dan anda mungkin akan lebih baik menggunakan jambatan.
diff --git a/public/content/translations/ms/defi/index.md b/public/content/translations/ms/defi/index.md
index f56f45c9574..edae7474af6 100644
--- a/public/content/translations/ms/defi/index.md
+++ b/public/content/translations/ms/defi/index.md
@@ -64,7 +64,7 @@ Ethereum terbina atas perkara ini. Seperti Bitcoin, peraturan tidak boleh beruba
 Ini kedengaran aneh... "mengapa saya mahu memprogramkan wang saya"? Walau bagaimanapun, ini lebih sekadar ciri lalai token pada Ethereum. Sesiapa sahaja boleh memprogramkan logik ke dalam pembayaran. Jadi anda boleh mendapatkan kawalan dan keselamatan Bitcoin dicampur dengan perkhidmatan yang disediakan oleh institusi kewangan. Ini membolehkan anda melakukan perkara dengan mata wang kripto yang anda tidak boleh lakukan dengan Bitcoin seperti meminjamkan dan meminjami, menjadualkan pembayaran, melabur dalam dana indeks dan banyak lagi.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Terokai cadangan kami untuk aplikasi DeFi untuk dicuba jika anda baru menggunakan Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/ms/energy-consumption/index.md b/public/content/translations/ms/energy-consumption/index.md
index f4512e3c2ed..bcf3dcdee33 100644
--- a/public/content/translations/ms/energy-consumption/index.md
+++ b/public/content/translations/ms/energy-consumption/index.md
@@ -62,7 +62,7 @@ Walaupun penggunaan tenaga Ethereum sangat rendah, terdapat juga bangunan komuni
 Platform pembiayaan barangan awam asli Web3 seperti [Gitcoin](https://gitcoin.co) menjalankan pusingan iklim untuk merangsang pembangunan yang berorientasikan alam sekitar di lapisan aplikasi Ethereum. Melalui pembangunan inisiatif ini (dan yang lain, contohnya [DeSci](/desci/)), Ethereum menjadi teknologi bersih positif alam sekitar dan sosial.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   Jika anda fikir halaman ini boleh dibuat lebih tepat, sila kemukakan isu atau PR. Statistik pada halaman ini adalah anggaran berdasarkan data yang tersedia secara umum - ia tidak mewakili kenyataan rasmi atau janji daripada pasukan ethereum.org, atau Yayasan Ethereum.
diff --git a/public/content/translations/ms/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/ms/guides/how-to-create-an-ethereum-account/index.md
index d08372be261..11442b43b42 100644
--- a/public/content/translations/ms/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/ms/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ Setelah anda menyimpan frasa benih anda, anda sepatutnya melihat papan pemuka do
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div>Mahu belajar lebih lanjut?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/ms/guides/how-to-revoke-token-access/index.md b/public/content/translations/ms/guides/how-to-revoke-token-access/index.md
index a8d9f4fc7cb..6869113c9a2 100644
--- a/public/content/translations/ms/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/ms/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ Kami menasihatkan anda supaya menyegarkan semula alat pembatalan selepas beberap
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Mahu belajar lebih lanjut?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/ms/guides/how-to-swap-tokens/index.md b/public/content/translations/ms/guides/how-to-swap-tokens/index.md
index c51a8cfa988..36c33333038 100644
--- a/public/content/translations/ms/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/ms/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ Anda akan secara automatik menerima token yang ditukar dalam dompet anda sebaik
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Mahu belajar lebih lanjut?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/ms/guides/how-to-use-a-bridge/index.md b/public/content/translations/ms/guides/how-to-use-a-bridge/index.md
index 8408400b1d3..334020c8405 100644
--- a/public/content/translations/ms/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/ms/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ Anda boleh menggunakan [chainlist.org](http://chainlist.org) untuk mencari butir
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Mahu belajar lebih lanjut?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/ms/guides/how-to-use-a-wallet/index.md b/public/content/translations/ms/guides/how-to-use-a-wallet/index.md
index e56916a9c6b..379e39576ce 100644
--- a/public/content/translations/ms/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/ms/guides/how-to-use-a-wallet/index.md
@@ -63,7 +63,7 @@ Alamat anda akan sama dalam semua projek Ethereum. Anda tidak perlu mendaftar se
 6. Itu sahaja! Mula menggunakan aplikasi. Anda boleh menjumpai beberapa projek menarik di [halaman dApp](/dapps/#explore) kami. <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Mahu belajar lebih lanjut?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/ms/nft/index.md b/public/content/translations/ms/nft/index.md
index ecd10791c83..a6631befa9a 100644
--- a/public/content/translations/ms/nft/index.md
+++ b/public/content/translations/ms/nft/index.md
@@ -55,7 +55,7 @@ NFT digunakan untuk banyak perkara, termasuk:
 Mungkin anda seorang artis yang ingin berkongsi hasil kerja menggunakan NFT, tanpa hilang kawalan atau mengorbankan keuntungan kepada orang tengah. Anda boleh mencipta kontrak baharu dan menentukan bilangan NFT, sifat NFT itu dan pautan kepada karya seni tertentu. Sebagai artis, **anda boleh memprogramkan ke dalam kontrak pintar royalti** anda patut diterima (cth. pindahkan 5% daripada harga jualan kepada pemilik kontrak setiap kali NFT dipindahkan). Anda juga boleh sentiasa membuktikan bahawa anda mencipta NFT kerana anda memiliki [dompet](/glossary/#wallet) yang menggunakan kontrak. Pembeli anda boleh membuktikan dengan mudah bahawa mereka memiliki **NFT sahih** daripada koleksi anda kerana [alamat](/glossary/#address) dompet mereka dikaitkan dengan token pada kontrak pintar anda. Mereka boleh menggunakannya dalam ekosistem Ethereum, yakin dengan keasliannya.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Teroka, beli atau cipta seni/koleksi NFT anda sendiri...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/ms/security/index.md b/public/content/translations/ms/security/index.md
index bf0c18b6f00..9a2983b657f 100644
--- a/public/content/translations/ms/security/index.md
+++ b/public/content/translations/ms/security/index.md
@@ -125,7 +125,7 @@ Sebagai peraturan umum, kakitangan tidak akan berkomunikasi dengan anda melalui
 - Jangan sesekali berkomunikasi di luar saluran yang telah ditetapkan organisasi
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Berhati-hati: walaupun penipuan gaya sokongan biasanya berlaku pada Discord, mereka juga berleluasa di mana-mana aplikasi sembang di mana perbincangan kripto berlaku, termasuk e-mel.
@@ -219,7 +219,7 @@ Kata laluan yang kuat yang telah didedahkan dalam pelanggaran data bukan lagi ka
 ### Gunakan pengurus kata laluan {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     Menggunakan pengurus kata laluan memastikan ciptaan kata laluan yang kuat, unik dan diingati! Kami <strong>menggesa</strong> anda menggunakannya, dan kebanyakan daripadanya adalah percuma!
@@ -249,7 +249,7 @@ Kadangkala anda mungkin diminta untuk mengesahkan identiti anda melalui bukti un
 Menggunakan **Pengesahan Dua Faktor (2FA)** menyediakan *faktor keselamatan tambahan* untuk akaun dalam talian anda. 2FA memastikan dengan hanya mempunyai kata laluan tidak mencukupi untuk mengakses akaun. Yang paling lazim, faktor kedua ialah kod 6 digit rawak, dikenali sebagai **kata laluan sekali pakai berasaskan masa (TOTP)**, yang boleh anda akses melalui aplikasi pengesahan seperti Google Authenticator atau Authy. Ia berfungsi sebagai faktor "sesuatu yang anda miliki" kerana benih yang menjana kod masa disimpan pada peranti anda.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Nota: Menggunakan 2FA berasaskan SMS terdedah kepada <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">pencurian SIM</a> dan tidak selamat. Untuk keselamatan terbaik, gunakan perkhidmatan seperti <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> atau <a href="https://authy.com/">Authy</a>.
diff --git a/public/content/translations/ms/staking/withdrawals/index.md b/public/content/translations/ms/staking/withdrawals/index.md
index 2a33c7d7348..2a4b23f2b1f 100644
--- a/public/content/translations/ms/staking/withdrawals/index.md
+++ b/public/content/translations/ms/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Sebelum naik taraf Shanghai/Capella, anda tidak boleh menggunakan atau mengakses
 Menyediakan alamat pengeluaran adalah langkah yang diperlukan untuk mana-mana akaun pengesah sebelum ia layak untuk mengeluarkan ETH daripada bakinya.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Setiap akaun pengesah hanya boleh diberikan satu alamat pengeluaran, sekali sahaja.</strong> Setelah alamat dipilih dan diserahkan ke lapisan persetujuan, ini tidak boleh dibuat asal atau ditukar lagi. Periksa semula pemilikan dan ketepatan alamat yang diberikan sebelum menyerahkan.
@@ -88,7 +88,7 @@ Lihat penjelasan ini mengenai pengeluaran pertaruhan Ethereum oleh Finematics:
 Apabila pengesah dijadualkan untuk mencadangkan blok seterusnya, ia dikehendaki membina baris gilir pengeluaran, sehingga 16 pengeluaran yang layak. Ini dilakukan dengan asalnya bermula dengan indeks pengesah 0, menentukan sama ada terdapat pengeluaran yang layak untuk akaun ini mengikut peraturan protokol dan menambahkannya pada baris giliran, jika ada. Pengesah yang ditetapkan untuk mencadangkan blok berikut akan bersambung di tempat terakhir berhenti, maju mengikut urutan secara kekal.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Fikirkan tentang jam analog. Jarum pada jam menunjukkan jam, bergerak ke satu arah, tidak melangkau sebarang jam dan akhirnya berputar ke permulaan semula selepas nombor terakhir dicapai.<br/><br/> Sekarang bukannya 1 hingga 12, bayangkan jam mempunyai 0 hingga N <em>(jumlah bilangan akaun pengesah yang pernah didaftarkan pada lapisan persetujuan, lebih 500,000 pada Januari 2023).</em><br/><br/>
diff --git a/public/content/translations/ms/web3/index.md b/public/content/translations/ms/web3/index.md
index 8036116d03a..01b989851dc 100644
--- a/public/content/translations/ms/web3/index.md
+++ b/public/content/translations/ms/web3/index.md
@@ -62,7 +62,7 @@ Web3 memberi anda pemilikan aset digital anda dengan cara yang tidak pernah berl
 Web3 membenarkan pemilikan langsung melalui [token tidak boleh diganti (NFT).](/glossary/#nft). Tiada sesiapa, malah pencipta permainan, mempunyai kuasa untuk mengambil alih pemilikan anda. Dan, jika anda berhenti bermain, anda boleh menjual atau memperdagangkan item dalam permainan anda di pasaran terbuka dan mendapatkan semula nilainya.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Ketahui lebih lanjut tentang NFT</div>
   <ButtonLink href="/nft/">
@@ -90,7 +90,7 @@ DAO ditakrifkan secara teknikal sebagai [kontrak pintar](/glossary/#smart-contra
 Walau bagaimanapun, orang mentakrifkan banyak komuniti Web3 sebagai DAO. Komuniti ini semuanya mempunyai tahap keteragihan dan automasi yang berbeza mengikut kod. Pada masa ini, kami sedang meneroka apa itu DAO dan cara ia mungkin berkembang pada masa hadapan.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Ketahui lebih lanjut mengenai DAO</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/nl/bridges/index.md b/public/content/translations/nl/bridges/index.md
index 7310c6480f5..62205a565df 100644
--- a/public/content/translations/nl/bridges/index.md
+++ b/public/content/translations/nl/bridges/index.md
@@ -60,7 +60,7 @@ Als je ETH hebt op het Ethereum Mainnet en je een alt L1 wilt verkennen om hun e
 Laten we zeggen dat je native Bitcoin (BTC) wilt hebben, maar dat je alleen fondsen hebt op Ethereum Mainnet. Voor het krijgen van blootstelling aan BTC op Ethereum, kun je Wrapped Bitcoin (WBTC) kopen. WBTC is echter een [ERC-20](/glossary/#erc-20)-token dat hoort bij het Ethereum-netwerk, wat betekent dat het een Ethereum-versie van Bitcoin is en niet het oorspronkelijke activum op de Bitcoin-blockchain. Om je eigen BTC te bezitten, moet je je activa overbruggen van Ethereum naar Bitcoin met behulp van een brug. Dit zal je WBTC overbruggen en omzetten in echte BTC. Of je zou ook BTC kunnen bezitten die je wilt gebruiken in Ethereum [DeFi](/glossary/#defi)-protocollen. Hiervoor zou overbrugging de andere kant op vereisen, van BTC naar WBTC, dat vervolgens kan worden gebruikt als een activum op Ethereum.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   Je kunt ook al het bovenstaande doen met behulp van een <a href="/get-eth/">gecentraliseerde exchange</a>. Tenzij je fondsen echter al op een exchange staan, zou dit meerdere stappen vergen, en dus ben je waarschijnlijk beter af met het gebruik van een brug.
diff --git a/public/content/translations/nl/defi/index.md b/public/content/translations/nl/defi/index.md
index d7deee7217c..62f8a9ac0f8 100644
--- a/public/content/translations/nl/defi/index.md
+++ b/public/content/translations/nl/defi/index.md
@@ -64,7 +64,7 @@ Ethereum bouwt hierop voort. Net als Bitcoin, kunnen de regels niet veranderen e
 Dit klinkt vreemd... "Waarom zou ik mijn geld willen programmeren"? Dit is echter meer dan een standaardkenmerk van tokens op Ethereum. Iedereen kan logica programmeren in betalingen. Zodat u de controle en veiligheid van Bitcoin kunt krijgen gemengd met de diensten die door financiële instellingen worden aangeboden. Dit laat u dingen doen met cryptocurrencies die u niet kunt doen met Bitcoin, zoals leningen geven en nemen, betalingen plannen, investeren in indexfondsen en veel meer.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Verken onze suggesties voor DeFi-applicaties om uit te proberen als u nieuw bent bij Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/nl/energy-consumption/index.md b/public/content/translations/nl/energy-consumption/index.md
index 1521737074a..39b760cc67a 100644
--- a/public/content/translations/nl/energy-consumption/index.md
+++ b/public/content/translations/nl/energy-consumption/index.md
@@ -62,7 +62,7 @@ Terwijl het energieverbruik van Ethereum zeer laag is, is er ook een substantië
 Web3-financieringsplatforms voor eigen publieke goederen zoals [Gitcoin](https://gitcoin.co) voeren klimaatrondes uit om milieubewust bouwen op de toepassingslaag van Ethereum te stimuleren. Door de ontwikkeling van deze initiatieven (en andere, bijv. [DeSci](/desci/)) wordt Ethereum een ecologisch en sociaal netto positieve technologie.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   Als je denkt dat deze pagina nauwkeuriger kan worden gemaakt, meld dan een probleem of open een PR. De statistieken op deze pagina zijn schattingen gebaseerd op openbaar beschikbare gegevens - ze vertegenwoordigen geen officiële verklaringen of beloftes van het ethereum.org team of de Ethereum Foundation.
diff --git a/public/content/translations/nl/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/nl/guides/how-to-create-an-ethereum-account/index.md
index ec792b58bfc..c741924e5ef 100644
--- a/public/content/translations/nl/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/nl/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ Sommige apps vragen je om een geheime "herstelzin" op te slaan (soms een "zaadzi
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>Portemonnee geïnstalleerd? </b><br/>Leer hoe je deze moet gebruiken.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/nl/guides/how-to-revoke-token-access/index.md b/public/content/translations/nl/guides/how-to-revoke-token-access/index.md
index 6deed40a912..7efb17a1601 100644
--- a/public/content/translations/nl/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/nl/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ We raden je aan om de intrek-tool na een paar minuten te vernieuwen en opnieuw v
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Wil je meer informatie?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/nl/guides/how-to-swap-tokens/index.md b/public/content/translations/nl/guides/how-to-swap-tokens/index.md
index a622b898ed0..5b6d38049cd 100644
--- a/public/content/translations/nl/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/nl/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ Je ontvangt automatisch de geruilde tokens in je portemonnee zodra de transactie
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Wilt u hier meer over leren?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/nl/guides/how-to-use-a-bridge/index.md b/public/content/translations/nl/guides/how-to-use-a-bridge/index.md
index 764d5a2f996..f8c3c74720f 100644
--- a/public/content/translations/nl/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/nl/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ Je kunt [chainlist.org](http://chainlist.org) gebruiken om de RPC-gegevens van h
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Wilt u hier meer over leren?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/nl/guides/how-to-use-a-wallet/index.md b/public/content/translations/nl/guides/how-to-use-a-wallet/index.md
index 58b97663a0b..d4f335a86e4 100644
--- a/public/content/translations/nl/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/nl/guides/how-to-use-a-wallet/index.md
@@ -63,7 +63,7 @@ Je adres zal hetzelfde zijn in alle Ethereum-projecten. Je hoeft je voor geen en
 6. Dat is alles! Begin met het gebruiken van de app. Je kunt een aantal interessante projecten vinden op onze [dApps-pagina](/dapps/#explore). <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Wilt u hier meer over leren?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/nl/nft/index.md b/public/content/translations/nl/nft/index.md
index bd1ef2069d5..086e8124ebf 100644
--- a/public/content/translations/nl/nft/index.md
+++ b/public/content/translations/nl/nft/index.md
@@ -55,7 +55,7 @@ NFT's worden voor veel dingen gebruikt, waaronder:
 Misschien ben je een artiest die zijn werk wil delen via NFT's, zonder de controle te verliezen en inkomsten op te offeren aan tussenpersonen. Je kunt een nieuw contract aanmaken en het aantal NFT's, hun eigenschappen en een koppeling naar een uniek kunstwerk specificeren. Als artiest kun je de **royalty's waar je recht op hebt programmeren in het slimme contract** (bijv. 5% van de verkoopprijs naar het contract van de eigenaar overmaken elke keer dat een NFT wordt overgedragen). Je kunt ook altijd bewijzen dat je de NFT's hebt gemaakt, want je bent in het bezit van de [portemonnee](/glossary/#wallet) via welke het contract is ingezet. Je kopers kunnen eenvoudig bewijzen dat ze een **authentieke NFT** uit jouw collectie bezitten, omdat het [adres](/glossary/#address) van hun portemonnee geassocieerd is met een token in jouw slimme contract. Ze kunnen het gebruiken in het hele Ethereum-ecosysteem en vertrouwen hebben in de authenticiteit ervan.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Verken, koop of maak je eigen NFT-kunst/-verzamelobjecten...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/nl/roadmap/beacon-chain/index.md b/public/content/translations/nl/roadmap/beacon-chain/index.md
index f478891a306..5b2957c4dcd 100644
--- a/public/content/translations/nl/roadmap/beacon-chain/index.md
+++ b/public/content/translations/nl/roadmap/beacon-chain/index.md
@@ -35,7 +35,7 @@ De overgang naar proof-of-stake maakte Ethereum aanzienlijk veiliger en gedecent
 Bovendien is proof-of-stake gebruiken als consensusmechanisme een fundamenteel onderdeel voor het [veilige, milieuvriendelijke en schaalbare Ethereum van nu](/roadmap/vision/).
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   Wilt u een validator worden en de Beacon Chain beveiligen? <a href="/staking/">Ontdek dan hier meer over staking</a>.
diff --git a/public/content/translations/nl/security/index.md b/public/content/translations/nl/security/index.md
index bd796dc052a..811aa68a74c 100644
--- a/public/content/translations/nl/security/index.md
+++ b/public/content/translations/nl/security/index.md
@@ -123,7 +123,7 @@ Als algemene regel zal het personeel nooit met u communiceren via privé- en nie
 - Communiceer nooit buiten de aangewezen kanalen van een organisatie
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Pas op: hoewel support scams vaak gebeuren op Discord, kunnen ze ook voorkomen in chatprogramma's waar discussie over crypto plaatsvindt, inclusief e-mail.
@@ -217,7 +217,7 @@ Een sterk wachtwoord dat openbaar is gemaakt bij een datalek, is niet langer een
 ### Gebruik een wachtwoordbeheerder {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     Het gebruik van een wachtwoordbeheerder zorgt voor het maken van sterke, unieke wachtwoorden en het onthouden van deze wachtwoorden! Wij raden <strong>sterk</strong> aan om er een te gebruiken, de meeste zijn gratis!
@@ -247,7 +247,7 @@ Soms word je gevraagd je identiteit te verifiëren met unieke bewijzen. Deze sta
 Met behulp van **twee-factor-authenticatie (2FA)** zorg je voor een extra *beveiligingsfactor* voor je online accounts. Met 2FA zorg je ervoor dat je met alleen je wachtwoord niet meer toegang krijgt tot een account. Meest gebruikelijk is de tweede factor een willekeurige 6-cijferige code, bekend als een **tijdsgebaseerd eenmalig wachtwoord (TOTP)**, waartoe u toegang heeft via een verificatie-app zoals Google Authenticator of Authy. Deze werken als een "iets dat u bezit"-factor, omdat de seed die de tijdcode genereert op uw apparaat is opgeslagen.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Opmerking: het gebruik van SMS-gebaseerde 2FA is gevoelig voor <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM-jacking</a> en is niet veilig. Voor de beste beveiliging gebruik je een service als <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> of <a href="https://authy.com/">Authy</a>.
diff --git a/public/content/translations/nl/staking/withdrawals/index.md b/public/content/translations/nl/staking/withdrawals/index.md
index 5e0d2b488cf..f9964fe5ba6 100644
--- a/public/content/translations/nl/staking/withdrawals/index.md
+++ b/public/content/translations/nl/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Vóór de upgrade van Shanghai/Capella kon je je gestakete ETH niet gebruiken of
 Het opgeven van een opnameadres is een vereiste stap voor elk validatoraccount voordat er ETH van het saldo kan worden opgenomen.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Aan elk validatoraccount kan slechts één opnameadres worden toegewezen, en wel één keer.</strong> Zodra een adres is gekozen en ingediend bij de consensuslaag, kan dit niet meer ongedaan worden gemaakt of worden gewijzigd. Controleer nogmaals of het opgegeven adres juist is en of het eigendomsrechtelijk is vastgelegd voordat je het indient.
@@ -88,7 +88,7 @@ Bekijk deze uitleg van Finematics over Ethereum staking-opnames:
 Wanneer een validator het volgende blok moet voorstellen, moet hij een opnamewachtrij samenstellen van maximaal 16 in aanmerking komende opnames. Dit wordt gedaan door te beginnen met de validatorindex 0 en te bepalen of er een opname in aanmerking komt voor dit account volgens de regels van het protocol. Als dit het geval is, wordt het account toegevoegd aan de wachtrij. De validator die is ingesteld om het volgende blok voor te stellen, gaat verder waar het vorige blok is gestopt en gaat oneindig door.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Denk aan een analoge klok. De wijzer op de klok wijst naar het uur, beweegt in één richting, slaat geen uren over en komt uiteindelijk weer terecht bij het begin nadat het laatste nummer is bereikt.<br/><br/>
diff --git a/public/content/translations/nl/web3/index.md b/public/content/translations/nl/web3/index.md
index 75eb95174b4..f9363aed670 100644
--- a/public/content/translations/nl/web3/index.md
+++ b/public/content/translations/nl/web3/index.md
@@ -68,7 +68,7 @@ Web3 geeft je op ongekende manier eigendom van je digitale activa. Bijvoorbeeld,
 Web3 staat directe eigendom toe via [niet-fungibele tokens (NFT's)](/glossary/#nft). Niemand, zelfs niet de makers van het spel, heeft de macht om je je eigendom af te nemen. En als je stopt met spelen, kun je je in-game items verkopen of verhandelen op open markten en hun waarde terugverdienen.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Lees meer over NFT's</div>
   <ButtonLink href="/nft/">
@@ -98,7 +98,7 @@ DAO's worden technisch gedefinieerd als overeengekomen [slimme contracten](/glos
 Veel Web3-gemeenschappen worden echter gedefinieerd als DAO's. Deze gemeenschappen hebben allemaal verschillende niveaus van decentralisatie en automatisering per code. Momenteel onderzoeken we wat DAO's zijn en hoe ze in de toekomst kunnen evolueren.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Leer meer over DAO's</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/pcm/bridges/index.md b/public/content/translations/pcm/bridges/index.md
index 7e19ed373ac..1b04954f67a 100644
--- a/public/content/translations/pcm/bridges/index.md
+++ b/public/content/translations/pcm/bridges/index.md
@@ -60,7 +60,7 @@ If yu get ETH on top Ethereum Mainnet and yu wan eksplor one alt L1 to try out d
 Make wi sey yu wan own mative Bitcoin (BTC), but yu only get funds for Ethereum Mainnet. If yu wan gain eksposure to BTC for Ethereum, yu fit buy Wrapped Bitcoin (WBTC). Haueva, WBTC na [ERC-20](/glossary/#erc-20) token native to Ethereum netwok, and dis tin mean sey na Ethereum vashon of Bitcoin, and nor bi original asset for Bitcoin blockchain. To own native BTC, yu go nid bridge yor assets from Ethereum to Bitcoin as yu dey yus one bridge. Dis go bridge yor WBTC and konvert am into native BTC. Also, yu fit own BTC and wan yus am for Ethereum [DeFi](/glossary/#defi) protokols. Dis go nid to dey bridge di oda way, from BTC to WBTC wey dem fit kon yus as one asset on Ethereum.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   Yu fit also do all of di above as yu dey yus one <a href="/get-eth/">sentralized ekshanj</a>. Haueva, onless yor funds don already dey on one ekshanj, im go nid plenti steps, and yu go fit get betta as yu dey yus bridge.
diff --git a/public/content/translations/pcm/defi/index.md b/public/content/translations/pcm/defi/index.md
index 407af8925c7..f1e068c0079 100644
--- a/public/content/translations/pcm/defi/index.md
+++ b/public/content/translations/pcm/defi/index.md
@@ -64,7 +64,7 @@ Ethereum dey build on dis. Laik Bitcoin, di rules nor fit shanj on yu and efrion
 E dey sound odd... "why i go wan program mai monie"? As e dey, dis pass just one default feature of tokens on Ethereum. Anyone fit program logik into payments. So yu fit get di kontrol and sekurity of Bitcoin wey dem mix wit di savis dem provide by finanshia institushons. Dis dey allow yu do tins wit cryptocurrencies wey yu nor fit do wit Bitcoin laik to dey lend and borrow, dey prosess payments, dey invest in index funds and more.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Make yu eksplore awa suggeshons for DeFi aplikashons to try out if yu dey new to Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/pcm/energy-consumption/index.md b/public/content/translations/pcm/energy-consumption/index.md
index 01f16bc802a..e806e2f901b 100644
--- a/public/content/translations/pcm/energy-consumption/index.md
+++ b/public/content/translations/pcm/energy-consumption/index.md
@@ -62,7 +62,7 @@ As Ethereum energy konsumpshon dey very low, im still get big, growin, and aktiv
 Web3 native publik goods wey dey fund platfoms laik [Gitcoin](https://gitcoin.co) dey run klimate rounds so dem go fit promote building on aplikashon layer of Ethereum wey go konsida di environment. Thru di divelopment of dis initiatives ( and odas, laik [DeSci](/desci/)), Ethereum dey turn teknology wey dey good environmentally and socially.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   If yu feel sey dis page fit dey more akurate, abeg try raise issue abi PR. Dem estimate di stats on dis page base on publik data wey dey afailabol - dem nor reprisent offishial statement abi promise from di ethereum.org team, abi di Ethereum Foundashon.
diff --git a/public/content/translations/pcm/nft/index.md b/public/content/translations/pcm/nft/index.md
index 2b5736a4741..74dcf3ddfcc 100644
--- a/public/content/translations/pcm/nft/index.md
+++ b/public/content/translations/pcm/nft/index.md
@@ -55,7 +55,7 @@ Dem dey yus NFTs for many tins, wey inklude:
 E fit bi say yu bi artist wey wont shia dem work wey dey yus NFTs, witout luzin kontrol and sakrifisin yor profits to intamediaris. Yu fit kreate new kontrat and spesify di nomba of NFTs, dem propatis, and one link to some spesifik artwork. As di artist, ** yu fit program am inside di smart kontract di royaltis** wey dem suppose pay yu (e.g. transfa 5% of hau much dem sell NFT to di pesin wey get di kontract efri taim wey dem sell yor NFT). Yu fit also always pruf say yu don kreate di NFT bikos yu go own di [wallet](/glossary/#wallet) wey deploy di kontract. Pipol wey dey buy fit pruf sey dem own one **orijina NFT** from yor koleshon bikos dem wallet [address](/glossary/#address) dey konet wit one token inside yor smart kontract. Dem fit yus am akross di Ethereum ekosystem, konfidnet in im authentisity.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Eksplore, buy abi kreate yor own NFT art/kolectibols...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/pcm/security/index.md b/public/content/translations/pcm/security/index.md
index f19fe956847..e2db55bb503 100644
--- a/public/content/translations/pcm/security/index.md
+++ b/public/content/translations/pcm/security/index.md
@@ -125,7 +125,7 @@ As one general rule, staff go neva komunikate wit yu thru private, shanels wey n
 - Neva komunikate one organisashon shanels for outside
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Dey kiaful: aldoh suppot-style skam dey always hapun on Discord, dem fit also plenti on any chat aplikashons wia crypto diskushon dey hapun, inkludin email.
@@ -219,7 +219,7 @@ One strong passwods wey don show di data breach nor bi strong passwod again. Di
 ### Make yu yus one passwod manaja {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     To dey yus passwod manaja dey take kia of kreatin strong, unik passwods and dey rimemba dem! We rekomend <strong>strongly</strong> to dey yus one, and plenti of dem dey free!
@@ -249,7 +249,7 @@ Dem fit somtaims ask make yu autentikate yor identity thru unik prufs. Dem sabi
 To dey yus **Two-Faktor Autentikashon (2FA)** dey provide one *sekurity faktor* join for yor online akants. 2FA dey make sure sey to get yor passwod nor dey enuf to access one akant. As im komon, di sekond faktor na randomaiz 6-digit kode, wey dem sabi as one **taim-base one-taim passwod (TOTP)**, wey yu fit access thru one autentikator app laik Google Autentikator abi Authy. Dis dey wok as one "somtin yu get" faktor bikos dem store di seed wey dey generate di taim kode on yor device.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Note: To dey yus 2FA dipend on <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM jacking</a> and im nor dey sekure. For di sekurity wey betta pass, yus one savis laik <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Autentikator</a> abi <a href="https://authy.com/">Authy</a>.
diff --git a/public/content/translations/pcm/staking/withdrawals/index.md b/public/content/translations/pcm/staking/withdrawals/index.md
index bb7ea281ec0..d2fae21f17b 100644
--- a/public/content/translations/pcm/staking/withdrawals/index.md
+++ b/public/content/translations/pcm/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Bifor di Shenghai/Capella upgrade, yu nor fit yus abi access yor ETH wey yu stak
 To dey provide witdrawal address na step wi nid for any validator akant bifor im go dey eligibol to witdraw ETH from im balans.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong> Ish validator akant fit only get one singol witdrawal address, one taim.</strong> Wons dem don shuse one address and don submit to di konsensus layer, wi nor fit undo abi shanj am again. Make yu doubol-sheck ownaship and akurasy of di address wey dem provide bifor yu submit.
@@ -88,7 +88,7 @@ Make yu shek dis explanashon of Ethereum staking withdrawals by Finematiks:
 Wen dem schedule one validator to propose di next block, dem nid am to build one witdrawal queue, of up to 16 eligibol witdrawals. Dem dey do dis by orijinaly starting wit validator index 0, wey dey ditamin if dia is one eligibol witdrawal for dis akant par di rules of di protokol, and dey add am to di queue if im dey. Di validator wan propose di folowing block go pick up wia di last one wey rimain, dey progress in order indefinitely.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Tink abou one analogue clock. Di hand on di clock dey point to di hawa, dey progress on one direkshon, nor dey skip any hawas, and wraps around las las to di start again afta di last numba don rish.<br/><br/>
diff --git a/public/content/translations/pcm/web3/index.md b/public/content/translations/pcm/web3/index.md
index 803081f2bbd..5b073899604 100644
--- a/public/content/translations/pcm/web3/index.md
+++ b/public/content/translations/pcm/web3/index.md
@@ -62,7 +62,7 @@ Web3 dey give yu ownaship of yor dijital assets in stranj way. For eksampol, sey
 Web3 go give yu diret ownaship thru [non-fungibol tokens (NFTs)](/glossary/#nft). Nor one, not even di pipol wey kretae di game, get di pawa to komot yor ownaship. And, if yu stop to dey play, yu fit sell abi trade yor in-game items on open markets and bring dem value back.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Make yu learn more abou NFTs</div>
   <ButtonLink href="/nft/">
@@ -90,7 +90,7 @@ Dem difine DAOs as dem agree [smart kontracts](/glossary/#smart-contract) wey au
 Haueva, pipol difine many Web3 komunitis as DAOs. All dis komunitis dem get difren levels of disentralizashon and automashon by kode. Currently, we dey explore wetin DAOs be and how dem fit evolve in the future. Nau-nau, wi dey eksplore wetin DAOs bi and hau dem fit shanj in di fushure.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Una fit learn plenty about DAOs</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/pl/bridges/index.md b/public/content/translations/pl/bridges/index.md
index 48e55813ca6..488fcb389ad 100644
--- a/public/content/translations/pl/bridges/index.md
+++ b/public/content/translations/pl/bridges/index.md
@@ -60,7 +60,7 @@ Jeśli posiadasz ETH w sieci głównej Ethereum i chcesz odkryć alternatywną w
 Załóżmy, że chcesz posiadać natywny Bitcoin (BTC), ale masz środki tylko w sieci głównej Ethereum. Aby uzyskać ekspozycję na BTC na Ethereum, możesz kupić Wrapped Bitcoin (WBTC). WBTC jest jednak tokenem [ERC-20](/glossary/#erc-20) natywnym dla sieci Ethereum, co oznacza, że jest to wersja Bitcoina w Ethereum, a nie oryginalny zasób w blockchainie Bitcoin. Aby posiadać natywne BTC, musiałbyś połączyć swoje aktywa z Ethereum do Bitcoina za pomocą mostu. Spowoduje to zmostkowanie WBTC i przekształcenie go w natywny BTC. Ewentualnie możesz posiadać BTC i chcieć wykorzystać go w protokołach [DeFi](/glossary/#defi) Ethereum. Wymagałoby to mostkowania w drugą stronę, z BTC do WBTC, który można następnie wykorzystać jako aktywa na Ethereum.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   Wszystkie powyższe czynności można również wykonać za pomocą <a href="/get-eth/">scentralizowanej giełdy</a>. Jeśli jednak Twoje środki nie znajdują się już na giełdzie, wymagałoby to wielu kroków i prawdopodobnie lepiej byłoby skorzystać z mostu.
diff --git a/public/content/translations/pl/defi/index.md b/public/content/translations/pl/defi/index.md
index 0a7de11dc79..8dec7054842 100644
--- a/public/content/translations/pl/defi/index.md
+++ b/public/content/translations/pl/defi/index.md
@@ -64,7 +64,7 @@ Ethereum opiera się na tych zasadach. Podobnie jak w przypadku Bitcoin, są one
 To brzmi dziwnie... „Dlaczego mam programować moje pieniądze?” W ekosystemie Ethereum jest to jednak domyślna cecha wszystkich tokenów. Każdy może wprowadzić do systemu płatności dowolną logikę. Takie rozwiązanie nie tylko zapewnia bezpieczeństwo środków i ich kontrolę, jak w przypadku Bitcoin, ale także dostęp do usług finansowych. Umożliwia również używanie kryptowalut do działań niemożliwych w przypadku Bitcoin: pożyczania i bycia pożyczkodawcą, planowania płatności w czasie, inwestowania w fundusze i znacznie więcej.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Zobacz nasze sugerowane aplikacje DeFi i przetestuj je, jeśli nie znasz jeszcze ekosystemu Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/pl/energy-consumption/index.md b/public/content/translations/pl/energy-consumption/index.md
index 296f20dad80..c399d20b627 100644
--- a/public/content/translations/pl/energy-consumption/index.md
+++ b/public/content/translations/pl/energy-consumption/index.md
@@ -62,7 +62,7 @@ Obecnie zużycie energii przez Ethereum jest bardzo niskie, a ponadto istnieje r
 Natywne platformy Web3 do finansowania dóbr publicznych, takie jak [Gitcoin](https://gitcoin.co), przeprowadzają rundy klimatyczne w celu stymulowania świadomego i ekologicznego budowania w warstwie aplikacji Ethereum. Dzięki rozwojowi tych inicjatyw (i innych, takich jak [DeSci](/desci/)) Ethereum staje się technologią o pozytywnym wpływie środowiskowym i społecznym.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   Jeśli uważasz, że ta strona może być dokładniejsza, zgłoś problem lub PR. Statystyki na tej stronie są szacunkami opartymi na danych, które są dostępne publicznie — nie stanowią one oficjalnego oświadczenia ani obietnicy ze strony zespołu ethereum.org lub Fundacji Ethereum.
diff --git a/public/content/translations/pl/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/pl/guides/how-to-create-an-ethereum-account/index.md
index 9aeb5a1b4c3..9ea0709298b 100644
--- a/public/content/translations/pl/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/pl/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ Niektóre aplikacje poproszą o zapisanie tajnej „frazy odzyskiwania” (czasa
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>Portfel już zainstalowany?</b><br/>Naucz się z niego korzystać.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/pl/guides/how-to-revoke-token-access/index.md b/public/content/translations/pl/guides/how-to-revoke-token-access/index.md
index 37e0f5176dc..4f0a4f2f96d 100644
--- a/public/content/translations/pl/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/pl/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ Zalecamy odświeżenie narzędzia do unieważniania po kilku minutach i ponowne
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Chcesz dowiedzieć się więcej?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/pl/guides/how-to-swap-tokens/index.md b/public/content/translations/pl/guides/how-to-swap-tokens/index.md
index 293326114d8..343da5dcd0e 100644
--- a/public/content/translations/pl/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/pl/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ Po przetworzeniu transakcji automatycznie otrzymasz wymienione tokeny do swojego
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Chcesz dowiedzieć się więcej?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/pl/guides/how-to-use-a-bridge/index.md b/public/content/translations/pl/guides/how-to-use-a-bridge/index.md
index 1cbf771be42..284990e2856 100644
--- a/public/content/translations/pl/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/pl/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ Możesz użyć [chainlist.org](http://chainlist.org), aby znaleźć szczegóły
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Chcesz dowiedzieć się więcej?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/pl/guides/how-to-use-a-wallet/index.md b/public/content/translations/pl/guides/how-to-use-a-wallet/index.md
index 9eab5e7471b..a56e878e438 100644
--- a/public/content/translations/pl/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/pl/guides/how-to-use-a-wallet/index.md
@@ -63,7 +63,7 @@ Twój adres będzie taki sam we wszystkich projektach Ethereum. Nie musisz rejes
 6. Gotowe! Zacznij używać aplikacji. Możesz znaleźć kilka interesujących projektów na naszej [stronie zdecentralizowanych aplikacji](/dapps/#explore). <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Chcesz dowiedzieć się więcej?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/pl/nft/index.md b/public/content/translations/pl/nft/index.md
index b7b4871da57..27d2cc55c0b 100644
--- a/public/content/translations/pl/nft/index.md
+++ b/public/content/translations/pl/nft/index.md
@@ -55,7 +55,7 @@ NFT są używane do wielu rzeczy, w tym:
 Być może jesteś artystą, który chce udostępniać swoje prace za pomocą NFT, bez utraty kontroli i poświęcania zysków na rzecz pośredników. Możesz utworzyć nowy kontrakt i określić liczbę NFT, ich właściwości oraz link do określonego dzieła sztuki. Jako artysta **możesz zaprogramować w inteligentnym kontrakcie tantiemy**, które powinny zostać Ci zapłacone (np. przekazywać 5% ceny sprzedaży właścicielowi kontraktu za każdym razem, gdy NFT zostanie przeniesione). Zawsze możesz również udowodnić, że NFT został stworzony przez Ciebie, ponieważ jesteś właścicielem [portfela](/glossary/#wallet), który wdrożył kontrakt. Kupujący mogą łatwo udowodnić, że posiadają **autentyczny NFT** z Twojej kolekcji, ponieważ ich [adres](/glossary/#address) portfela jest powiązany z tokenem w Twoim inteligentnym kontrakcie. Mogą go używać w całym ekosystemie Ethereum, mając pewność co do jego autentyczności.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Odkrywaj, kupuj lub twórz swoje własne dzieła sztuki/kolekcje NFT...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/pl/roadmap/beacon-chain/index.md b/public/content/translations/pl/roadmap/beacon-chain/index.md
index e91d7923cb5..7eddfd940b8 100644
--- a/public/content/translations/pl/roadmap/beacon-chain/index.md
+++ b/public/content/translations/pl/roadmap/beacon-chain/index.md
@@ -35,7 +35,7 @@ Przejście na proof-of-stake sprawiło, że sieć Ethereum stała się znacznie
 Stosowanie proof-of-stake jako mechanizmu konsensusu jest fundamentalnym elementem [bezpiecznego, przyjaznego dla środowiska i skalowalnego Ethereum, które mamy teraz](/roadmap/vision/).
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   Jeśli chcesz zostać walidatorem i pomóc w zabezpieczaniu Ethereum, <a href="/staking/">dowiedz się więcej o stakingu</a>.
diff --git a/public/content/translations/pl/security/index.md b/public/content/translations/pl/security/index.md
index 3a7b645b188..f8c638981f6 100644
--- a/public/content/translations/pl/security/index.md
+++ b/public/content/translations/pl/security/index.md
@@ -123,7 +123,7 @@ Zasadniczo pracownicy nigdy nie będą komunikować się z użytkownikiem za po
 - Nigdy nie komunikuj się poza określonymi kanałami organizacji
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Uwaga: chociaż oszustwa w stylu wsparcia technicznego często zdarzają się na Discordzie, mogą one również występować w innych aplikacjach komunikacyjnych, w których odbywają się dyskusje na temat kryptowalut, w tym w wiadomościach e-mail.
@@ -217,7 +217,7 @@ Silne hasło, które zostało ujawnione w wycieku danych nie jest już silnym ha
 ### Używaj menedżera haseł {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     Korzystanie z menedżera haseł umożliwia tworzenie silnych, unikalnych haseł i ich zapamiętywanie! <strong>Zdecydowanie zalecamy</strong> korzystać z jednego z nich, a większość z nich jest bezpłatna!
@@ -247,7 +247,7 @@ Czasami możemy zostać poproszeni o uwierzytelnienie swojej tożsamości za pom
 Stosowanie **uwierzytelnienia dwuskładnikowego (2FA)** wprowadza dodatkowy *czynnik bezpieczeństwa*  dla Twoich kont online. 2FA gwarantuje, że samo posiadanie hasła nie wystarczy, aby uzyskać dostęp do konta. Najczęściej drugim czynnikiem jest losowy 6-cyfrowy kod, znany jako **jednorazowe hasło czasowe (TOTP)**, do którego można uzyskać dostęp za pośrednictwem aplikacji uwierzytelniającej, takiej jak Google Authenticator lub Authy. Działają one jako „coś, co posiadasz”, ponieważ ziarno, które generuje kod czasowy, jest przechowywane na twoim urządzeniu.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Uwaga: korzystanie z 2FA opartego na wiadomościach SMS jest podatne na tzw. <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM jacking</a> i nie jest bezpieczne. Dla najlepszej ochrony korzystaj z takich usług, jak <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> lub <a href="https://authy.com/">Authy</a>.
diff --git a/public/content/translations/pl/staking/withdrawals/index.md b/public/content/translations/pl/staking/withdrawals/index.md
index 439c8cdf0be..bc13ef2d67d 100644
--- a/public/content/translations/pl/staking/withdrawals/index.md
+++ b/public/content/translations/pl/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Przed aktualizacją Shanghai/Capella nie można było używać ani uzyskiwać do
 Podanie adresu wypłaty jest wymaganym krokiem dla każdego konta walidatora, zanim będzie ono uprawnione do wypłaty ETH ze swojego salda.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Każde konto walidatora może mieć przypisany tylko jeden adres wypłaty, jeden raz.</strong> Po wybraniu adresu i przesłaniu go do warstwy konsensusu nie można tego cofnąć ani zmienić ponownie. Przed wysłaniem sprawdź dwukrotnie własność i poprawność podanego adresu.
@@ -88,7 +88,7 @@ Sprawdź to wyjaśnienie dotyczące wypłat ze stakingu Ethereum przez Finematic
 Gdy walidator ma zaproponować następny blok, musi utworzyć kolejkę wypłat, składającą się z maksymalnie 16 kwalifikujących się wypłat. Odbywa się to poprzez pierwotne rozpoczęcie od indeksu walidatora 0, określając, czy istnieje kwalifikująca się wypłata dla tego konta zgodnie z zasadami protokołu i dodanie jej do kolejki, jeśli tak. Walidator ustawiony na proponowanie następnego bloku będzie kontynuował w miejscu, w którym poprzedni został pozostawiony, postępując w kolejności w nieskończoność.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Pomyśl o zegarku analogowym. Wskazówka na zegarze wskazuje godzinę, przesuwa się w jednym kierunku, nie pomija żadnych godzin i ostatecznie zawija się do początku po osiągnięciu ostatniej liczby.<br/><br/>
diff --git a/public/content/translations/pl/web3/index.md b/public/content/translations/pl/web3/index.md
index 7fcfb22a168..e36ba2a2113 100644
--- a/public/content/translations/pl/web3/index.md
+++ b/public/content/translations/pl/web3/index.md
@@ -62,7 +62,7 @@ Web3 daje Ci prawo własności do Twoich zasobów cyfrowych w bezprecedensowy sp
 Web3 pozwala na bezpośrednią własność poprzez [niewymienialne tokeny (NFT)](/glossary/#nft). Nikt, nawet twórcy gry, nie ma prawa odebrać ci Twoich własności. A jeśli przestaniesz grać, możesz sprzedać lub wymienić swoje przedmioty w grze na otwartych rynkach i odzyskać ich wartość.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Dowiedz się więcej o NFT</div>
   <ButtonLink href="/nft/">
@@ -90,7 +90,7 @@ DAO są technicznie definiowane jako z góry uzgodnione [inteligentne kontrakty]
 Ludzie jednak definiują wiele społeczności Web3 jako DAO. Wszystkie te społeczności mają różne poziomy decentralizacji i automatyzacji za pomocą kodu. Obecnie badamy, czym są DAO i jak mogą ewoluować w przyszłości.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Dowiedz się więcej o DAO</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/pt-br/bridges/index.md b/public/content/translations/pt-br/bridges/index.md
index 97d1599cd2f..73be099f873 100644
--- a/public/content/translations/pt-br/bridges/index.md
+++ b/public/content/translations/pt-br/bridges/index.md
@@ -60,7 +60,7 @@ Se você tiver o ETH na Ethereum Mainnet e quiser explorar um alt L1 para experi
 Digamos que você queira possuir Bitcoin nativo (BTC), mas você só tem fundos na rede principal Ethereum. Para ganhar exposição à BTC na Ethereum, você pode comprar Bitcoin Envolvido (WBTC). No entanto, o WBTC é um token [ERC-20](/glossary/#erc-20) nativo da rede Ethereum, o que significa que é uma versão Ethereum do Bitcoin e não o ativo original na blockchain do Bitcoin. Para possuir BTC nativa, você teria que ligar os seus ativos do Ethereum para Bitcoin usando uma ponte. Isso converter suas WBTC em BTC nativa, por meio da ponte. Como alternativa, você pode possuir BTC e querer usá-lo nos protocolos[DeFi](/glossary/#defi) do Ethereum. Isso exigiria fazer uma ponte no caminho inverso, de BTC para WBTC, que logo poderia ser usada como um ativo no Ethereum.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   Você também pode fazer tudo acima usando uma <a href="/get-eth/">exchange centralizada</a>. No entanto, a menos que seus fundos já estejam em uma exchange (corretora), isso envolveria vários passos, e você provavelmente estaria melhor usando uma ponte.
diff --git a/public/content/translations/pt-br/contributing/translation-program/how-to-translate/index.md b/public/content/translations/pt-br/contributing/translation-program/how-to-translate/index.md
index 5ff1e03b695..0465f7211e4 100644
--- a/public/content/translations/pt-br/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/pt-br/contributing/translation-program/how-to-translate/index.md
@@ -77,7 +77,7 @@ Quer saber mais? Confira a [documentação sobre como usar o editor online do Cr
 Quando tiver concluído a tradução (ou seja, todos os arquivos de um grupo de conteúdo que exibem 100%), nosso serviço de tradução profissional revisará (e possivelmente editará) o conteúdo. Assim que a revisão estiver completa (ou seja, o progresso de revisão atingir 100%), o adicionaremos ao site.
 
 <Alert variant="update">
-<Emoji text=":warning:" className="text-4xl"/>
+<AlertEmoji text=":warning:"/>
 <AlertContent>
   Não utilize tradução automatizada para traduzir o projeto. Todas as traduções serão revisadas antes de serem adicionadas ao site. Caso suas sugestões de tradução sejam traduções automatizadas, elas serão desconsideradas e colaboradores que usam tradução automatizada serão periodicamente removidos do projeto.
 </AlertContent>
diff --git a/public/content/translations/pt-br/defi/index.md b/public/content/translations/pt-br/defi/index.md
index c9b87913b40..c5957dbaa92 100644
--- a/public/content/translations/pt-br/defi/index.md
+++ b/public/content/translations/pt-br/defi/index.md
@@ -64,7 +64,7 @@ Ethereum baseia-se nisso. Como o Bitcoin, as regras não mudam por você, e todo
 Isso soa estranho... "Por que eu gostaria de programar meu dinheiro"? No entanto, esta é mais uma característica padrão dos tokens no Ethereum. Qualquer um pode programar a lógica em pagamentos. Assim, você pode ter o controle e a segurança do Bitcoin somados aos serviços fornecidos por instituições financeiras. Isso permite fazer coisas com criptomoedas que você não poderia fazer com o Bitcoin, tais como emprestar e tomar empréstimos, agendar pagamentos, investir em fundos de índices e mais.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Explore nossas sugestões de aplicativos DeFi para iniciar se você é novo no Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/index.md
index 0b45bd20970..43f48f8c57c 100644
--- a/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/index.md
@@ -7,7 +7,7 @@ lang: pt-br
 A rede Ethereum começou usando um mecanismo de consenso que envolvia **[Prova de trabalho (PoW)](/developers/docs/consensus-mechanisms/pow)**. Isso permitiu que os nós da rede Ethereum concordassem com o estado de todas as informações registradas na cadeia de blocos Ethereum e impediu certos tipos de ataques econômicos. No entanto, o Ethereum desativou a prova de trabalho em 2022 e começou a usar a [prova de participação](/developers/docs/consensus-mechanisms/pos).
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
     A prova de trabalho agora está obsoleta. O Ethereum não usa mais a prova de trabalho como parte de seu mecanismo de consenso. Em vez disso, ele usa a prova de participação. Leia mais sobre <a href="/developers/docs/consensus-mechanisms/pos/">prova de participação</a> e <a href="/staking/">participação</a>.
diff --git a/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/index.md
index a7d34d35f62..e4d080759df 100644
--- a/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -5,7 +5,7 @@ lang: pt-br
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 A prova de trabalho não está mais subjacente ao mecanismo de consenso do Ethereum, o que significa que a mineração foi desativada. Em vez disso, o Ethereum é garantido por validadores que apostam em ETH. Você pode começar a participar com o seu ETH hoje. Leia mais sobre <a href='/roadmap/merge/'>A Fusão</a> (The MErge), <a href='/developers/docs/consensus-mechanisms/pos/'>prova de participação</a> e <a href='/staking/'>participação (stake)</a>. Esta página é apenas para interesse histórico.
diff --git a/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index 3df60398a5b..3e6f6431895 100644
--- a/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -5,7 +5,7 @@ lang: pt-br
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
    Ethash foi o algoritmo de mineração da prova de trabalho do Ethereum. A prova de trabalho foi agora **totalmente desativada** e o Ethereum agora está protegido usando a <a href="/developers/docs/consensus-mechanisms/pos/">prova de participação</a>. Leia mais sobre <a href="/roadmap/merge/">A Fusão</a> (The Merge), <a href="/developers/docs/consensus-mechanisms/pos/">prova de participação</a> e <a href="/staking/">participação (stake)</a>. Esta página é de interesse histórico!  
diff --git a/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index bce7a554c1a..1ef0b1ea911 100644
--- a/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/pt-br/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -5,7 +5,7 @@ lang: pt-br
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 A prova de trabalho não está mais subjacente ao mecanismo de consenso do Ethereum, o que significa que a mineração foi desativada. Em vez disso, o Ethereum é garantido por validadores que apostam em ETH. Você pode começar a fazer o staking do seu ETH hoje. Leia mais sobre <a href='/roadmap/merge/'>A Fusão</a> (The MErge), <a href='/developers/docs/consensus-mechanisms/pos/'>prova de participação</a> e <a href='/staking/'>participação (stake)</a>. Esta página é apenas de interesse histórico.
diff --git a/public/content/translations/pt-br/energy-consumption/index.md b/public/content/translations/pt-br/energy-consumption/index.md
index d2117334ee9..837813dfe18 100644
--- a/public/content/translations/pt-br/energy-consumption/index.md
+++ b/public/content/translations/pt-br/energy-consumption/index.md
@@ -62,7 +62,7 @@ Embora o consumo de energia do Ethereum seja muito baixo, também há uma comuni
 As plataformas nativas de financiamento de bens públicos da Web3, como [Gitcoin](https://gitcoin.co), executam rodadas climáticas para estimular a criação ambientalmente consciente na camada de aplicativos do Ethereum. Através do desenvolvimento dessas iniciativas (e outras, por exemplo, [DeSci](/desci/)), o Ethereum está se tornando uma tecnologia ambiental e socialmente positiva.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   Se você acha que esta página pode ser mais precisa, comunique o problema ou PR. As estatísticas nesta página são estimativas baseadas em dados disponíveis publicamente – elas não representam uma declaração oficial ou promessa da equipe ethereum.org ou da Ethereum Foundation.
diff --git a/public/content/translations/pt-br/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/pt-br/guides/how-to-create-an-ethereum-account/index.md
index bc90c088cc4..1e9b077dd99 100644
--- a/public/content/translations/pt-br/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/pt-br/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ Após salvar a frase semente, você verá o painel da carteira com o saldo. Conf
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div>Quer saber mais?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/pt-br/guides/how-to-register-an-ethereum-account/index.md b/public/content/translations/pt-br/guides/how-to-register-an-ethereum-account/index.md
index c1d06b30deb..e8576fff31e 100644
--- a/public/content/translations/pt-br/guides/how-to-register-an-ethereum-account/index.md
+++ b/public/content/translations/pt-br/guides/how-to-register-an-ethereum-account/index.md
@@ -39,7 +39,7 @@ Depois de salvar sua frase de recuperação, você verá o painel da sua carteir
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div>Quer saber mais?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/pt-br/guides/how-to-revoke-token-access/index.md b/public/content/translations/pt-br/guides/how-to-revoke-token-access/index.md
index 9524c68d853..1d826decb3e 100644
--- a/public/content/translations/pt-br/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/pt-br/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ Aconselhamos que você atualize a ferramenta de revogação após alguns minutos
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Quer saber mais?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/pt-br/guides/how-to-swap-tokens/index.md b/public/content/translations/pt-br/guides/how-to-swap-tokens/index.md
index 5d6e0d2ef2d..e9789f71013 100644
--- a/public/content/translations/pt-br/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/pt-br/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ Você receberá automaticamente os tokens trocados em sua carteira assim que a t
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Quer saber mais?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/pt-br/guides/how-to-use-a-bridge/index.md b/public/content/translations/pt-br/guides/how-to-use-a-bridge/index.md
index ae79c32c44b..0341ebaefd8 100644
--- a/public/content/translations/pt-br/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/pt-br/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ Você pode usar [chainlist.org](http://chainlist.org) para encontrar os detalhes
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Quer saber mais?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/pt-br/guides/how-to-use-a-wallet/index.md b/public/content/translations/pt-br/guides/how-to-use-a-wallet/index.md
index 4728ad2a484..273f150e2ad 100644
--- a/public/content/translations/pt-br/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/pt-br/guides/how-to-use-a-wallet/index.md
@@ -63,7 +63,7 @@ Seu endereço será o mesmo em todos os projetos do Ethereum. Você não precisa
 6. É isso! Comece a usar o app. Você pode encontrar alguns projetos interessantes em nossa [página de dApps](/dapps/#explore). <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Quer saber mais?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/pt-br/how-to-create-an-ethereum-account/index.md b/public/content/translations/pt-br/how-to-create-an-ethereum-account/index.md
index e17c0a91c71..b322ab71802 100644
--- a/public/content/translations/pt-br/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/pt-br/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ Alguns aplicativos vão te pedir para salvar uma "chave de recuperação" secret
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>Carteira instalada?</b><br/> Aprenda como usá-la.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/pt-br/nft/index.md b/public/content/translations/pt-br/nft/index.md
index ce295e428da..2fddb4067e3 100644
--- a/public/content/translations/pt-br/nft/index.md
+++ b/public/content/translations/pt-br/nft/index.md
@@ -55,7 +55,7 @@ NFTs são utilizados para diversos fins, incluindo:
 Você talvez seja um artista que deseja compartilhar seu trabalho usando NFTs, sem perder o controle e sacrificar seus lucros para intermediários. Você pode criar um novo contrato e especificar o número de NFTs, as propriedades e um link para um trabalho artístico específico. Como artista, ** você pode programar em um contrato inteligente** os "royalties" que você deve receber (por exemplo, 5% do valor da venda estipulado pelo proprietário sempre que um NFT for transferido). Você também pode provar que criou de fato o NFT, porque você é quem detém a [carteira](/glossary/#wallet) que implantou o contrato. Os compradores podem facilmente provar que eles são donos de um ** NFT autêntico** da sua coleção porque os [endereços](/glossary/#address) da carteira deles está associado com o token do seu contrato inteligente. Eles podem usá-lo em todo o ecossistema Ethereum, com certeza da autenticidade.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Conheça, compre ou crie seus próprios colecionáveis/arte de NFT...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/pt-br/roadmap/beacon-chain/index.md b/public/content/translations/pt-br/roadmap/beacon-chain/index.md
index 91f6f38c79d..89da0199832 100644
--- a/public/content/translations/pt-br/roadmap/beacon-chain/index.md
+++ b/public/content/translations/pt-br/roadmap/beacon-chain/index.md
@@ -35,7 +35,7 @@ A transição para a prova de participação tornou o Ethereum consideravelmente
 E utilizar a prova de participação como mecanismo de consenso é um componente fundamental para [o Ethereum seguro, ecológico e dimensionável que temos agora](/roadmap/vision/).
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   Se você estiver interessado em se tornar um validador e ajudar a manter o Ethereum seguro, <a href="/staking/">saiba mais sobre o conceito de participação</a>.
diff --git a/public/content/translations/pt-br/security/index.md b/public/content/translations/pt-br/security/index.md
index 60b1494e0e5..ccc5ba3e20f 100644
--- a/public/content/translations/pt-br/security/index.md
+++ b/public/content/translations/pt-br/security/index.md
@@ -125,7 +125,7 @@ Como regra geral, o pessoal de suporte nunca se comunicará com você por meio d
 - Nunca comunicar fora dos canais designados por uma organização
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Cuidado: embora fraudes ao estilo de suporte ocorram normalmente no Discord, elas também podem acontecer em qualquer aplicativo de bate-papo onde ocorram discussões sobre criptomoedas, incluindo e-mail.
@@ -219,7 +219,7 @@ Uma senha forte que foi revelada em uma violação de dados não é mais uma sen
 ### Use um gerenciador de senhas {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     Usar um gerenciador de senhas faz com que ele crie senhas fortes, únicas e que sejam lembradas! Nós <strong>fortemente</strong> recomendamos usar um, e a maioria deles é gratuita!
@@ -249,7 +249,7 @@ Lembrar de senhas fortes e exclusivas para cada conta que você possui não é o
 Usar a **Autenticação de dois fatores (2FA)** fornece um *fator de segurança* adicional para suas contas online. A 2FA garante que o fato de ter somente a senha não é suficiente para acessar uma conta. Mais comumente, o segundo fator é um código de 6 dígitos aleatórios, conhecido como **uma senha de uso único (TOTP, na sigla em inglês)**, que você pode acessar através de um aplicativo de autenticação, como o Google Authenticator ou Authy. Estes funcionam como um fator de "algo que você possui" porque a seed que gera o código temporizado é armazenado em seu dispositivo.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Observação: usar 2FA baseada em SMS é suscetível a <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">sequestro de SIM</a> e não é seguro. Para melhor segurança, use um serviço como o <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> ou o <a href="https://authy.com/">Authy</a>.
diff --git a/public/content/translations/pt-br/staking/withdrawals/index.md b/public/content/translations/pt-br/staking/withdrawals/index.md
index fbb64f4990e..64c439ee0a6 100644
--- a/public/content/translations/pt-br/staking/withdrawals/index.md
+++ b/public/content/translations/pt-br/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Antes da atualização Shanghai/Capella, não era possível usar ou acessar seu
 Fornecer um endereço de saque é uma etapa necessária para qualquer conta de validador, antes que ele seja elegível para sacar ETH de seu saldo.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Cada conta de validador pode ser atribuída a um único endereço de saque, uma única vez.</strong> Após a seleção e envio do endereço à camada de consenso, isso não pode ser desfeito ou alterado novamente. Verifique a propriedade e a precisão do endereço fornecido antes de enviar.
@@ -88,7 +88,7 @@ Confira esta explicação sobre saques de staking do Ethereum pela Finematics:
 Quando um validador está agendado para propor o próximo bloco, ele é necessário para construir uma fila de saque de até 16 saques elegíveis. Isso é feito originalmente começando com o validador de índice 0, determinando se há um saque elegível para essa conta, conforme as regras do protocolo, e adicionando-o à fila, se houver. O validador definido para propor o bloco seguinte continuará de onde o último parou, progredindo em ordem indefinidamente.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Pense em um relógio analógico. O ponteiro no relógio aponta para a hora, avança em uma direção, não pula nenhuma hora e, por fim, volta ao início após alcançar o último número.<br/><br/>
diff --git a/public/content/translations/pt-br/web3/index.md b/public/content/translations/pt-br/web3/index.md
index 00d805ab8cc..52d39571782 100644
--- a/public/content/translations/pt-br/web3/index.md
+++ b/public/content/translations/pt-br/web3/index.md
@@ -66,7 +66,7 @@ a Web3 dá-lhe posse dos seus ativos digitais de uma forma sem precedentes. Por
 A Web3 permite a propriedade direta por meio de [tokens não fungíveis (NFTs)](/glossary/#nft). Ninguém, nem mesmo os criadores do jogo, consegue tirar sua propriedade. E, se você parar de jogar, pode vender ou trocar seus itens no jogo em mercados abertos e recuperar o seu valor.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Saiba mais sobre NFTs</div>
   <ButtonLink href="/nft/">
@@ -94,7 +94,7 @@ DAOs são definidos tecnicamente como [contratos inteligentes](/glossary/#smart-
 No entanto, as pessoas definem muitas comunidades Web3 como DAOs. Todas essas comunidades têm diferentes níveis de descentralização e automação por código. Atualmente, estamos explorando o que são DAOs e como elas podem evoluir no futuro.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Saiba mais sobre DAOs</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/pt/defi/index.md b/public/content/translations/pt/defi/index.md
index 8cdeaf85403..62161337463 100644
--- a/public/content/translations/pt/defi/index.md
+++ b/public/content/translations/pt/defi/index.md
@@ -64,7 +64,7 @@ A Ethereum baseia-se neste princípio. À semelhança da Bitcoin, as regras não
 Isto parece estranho... "por que razão quereria eu programar o meu dinheiro"? No entanto, trata-se apenas de uma caraterística padrão dos tokens na Ethereum. Qualquer pessoa pode programar uma lógica nos pagamentos. Assim, é possível obter o controlo e a segurança da Bitcoin em combinação com os serviços prestados pelas instituições financeiras. Isso permite-lhe fazer coisas com criptomoedas que não pode fazer com a Bitcoin, como emprestar e pedir emprestado, agendar pagamentos, investir em fundos indexados e muito mais.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Explore as nossas sugestões de aplicações DeFi para experimentar se é novo na Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/pt/nft/index.md b/public/content/translations/pt/nft/index.md
index 88440ebb689..9e8aa0cea55 100644
--- a/public/content/translations/pt/nft/index.md
+++ b/public/content/translations/pt/nft/index.md
@@ -55,7 +55,7 @@ Os NFT são utilizados para muitas coisas, incluindo:
 Talvez seja um artista que queira partilhar o seu trabalho usando NFT, sem perder o controlo nem dividir os lucros com intermediários. Pode criar um novo contrato e especificar o número de NFT, as suas propriedades e uma associação a um trabalho artístico específico. Como artista, **pode programar no contrato inteligente, os royalties** que devem ser pagos (por exemplo, transferir 5% do preço de venda para o proprietário do contrato cada vez que um NFT é transferido). Você também pode sempre provar que criou os NFT porque possui o [wallet](/glossary/#wallet) que implantou o contrato. Os seus compradores podem facilmente provar que possuem um NFT **autêntico** de sua coleção porque sua carteira [endereço](/glossary/#address) está associada a um token em seu contrato inteligente. Podem utilizá-lo em todo o ecossistema Ethereum, confiantes na sua autenticidade.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Explore, compre ou crie a sua própria arte/colecionáveis NFT...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/pt/staking/withdrawals/index.md b/public/content/translations/pt/staking/withdrawals/index.md
index 6ab6a00eab0..214cfb12497 100644
--- a/public/content/translations/pt/staking/withdrawals/index.md
+++ b/public/content/translations/pt/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Antes da atualização de Xangai/Capella, não podia utilizar ou aceder ao seu E
 Fornecer um endereço de levantamento é um passo necessário para qualquer conta de validador antes de ser elegível para ter ETH retirado do seu saldo.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>A cada conta de validador só pode ser atribuído um único endereço de levantamento e uma única vez.</strong> Uma vez escolhido e submetido à camada de consenso, o endereço não pode ser revogado ou alterado novamente. Verifique novamente a titularidade e a exatidão do endereço fornecido antes de o enviar.
@@ -88,7 +88,7 @@ Consulte esta explicação de levantamento de staking na Ethereum da Finematics:
 Se um validador estiver agendado para propor o próximo bloco, é necessário construir uma fila de levantamento composta por um máximo de 16 levantamentos elegíveis. Isto consegue-se começando com um validador de índice 0, determinando se existe um levantamento elegível para esta conta de acordo com as regras do protocolo e adicionando à lista, se existir. O validador definido para propor o bloco seguinte retoma o trabalho no ponto em que foi deixado, fazendo a ordem avançar indefinidamente.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Imagine um relógio analógico. O ponteiro do relógio que aponta para as horas avança numa direção, não salta horas e, eventualmente, volta ao início depois de alcançar o último número.<br/><br/>
diff --git a/public/content/translations/ro/defi/index.md b/public/content/translations/ro/defi/index.md
index bb192ea7864..f46a2d5bfde 100644
--- a/public/content/translations/ro/defi/index.md
+++ b/public/content/translations/ro/defi/index.md
@@ -64,7 +64,7 @@ Ethereum construieşte pe aceste baze. La fel ca în cazul Bitcoin, regulile nu
 Asta sună ciudat... „De ce aș vrea să-mi programez banii”? Cu toate acestea, este mai degrabă o funcţionalitate implicită a tokenurilor de pe Ethereum. Oricine poate programa logica în plăți. Așa că puteți obține controlul și securitatea Bitcoin îmbinate cu serviciile oferite de instituțiile financiare. Aceasta vă permite să faceți cu criptomonedele lucruri pe care nu le puteți face cu Bitcoin, cum ar fi a lua şi a da cu împrumut, a planifica plăţile, a investi în fonduri de indexare și multe altele.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Explorați sugestiile noastre de aplicațiile DeFi pe care să le testaţi dacă nu aţi mai folosit Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/ro/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/ro/developers/docs/consensus-mechanisms/pow/mining/index.md
index eba78620ca7..8fcdc40d8da 100644
--- a/public/content/translations/ro/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/ro/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -16,7 +16,7 @@ Minarea este procesul de creare a unui bloc de tranzacții care trebuie adăugat
 Ethereum, la fel ca Bitcoin, utilizează în prezent un mecanism de consens prin [dovada-muncii (PoW)](/developers/docs/consensus-mechanisms/pow/). Minarea este forța vie a dovezii-muncii. Miner-ii Ethereum - computere care rulează software - își folosesc timpul și puterea de calcul pentru a procesa tranzacții și a produce blocuri.
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
    Dovada-mizei va înlocui minarea și dovada-muncii în cursul anului viitor. Puteți începe de astăzi să vă mizați ETH-ul. <a href="/staking/">Aflați mai multe despre mizare</a>    
diff --git a/public/content/translations/ro/energy-consumption/index.md b/public/content/translations/ro/energy-consumption/index.md
index 06650a65ccf..c717f6b8d69 100644
--- a/public/content/translations/ro/energy-consumption/index.md
+++ b/public/content/translations/ro/energy-consumption/index.md
@@ -62,7 +62,7 @@ _Totodată, trebuie să luăm în considerare că Ethereum nu se limitează la s
 În timp ce consumul de energie al lui Ethereum a fost întotdeauna considerabil, dezvoltatorii au investit mult timp și inteligență în procesul de tranziție de la un proces de validare a blocurilor cu un consum mare de energie la unul eficient energetic. Pentru a cita [Bankless](http://podcast.banklesshq.com/), modalitatea cea mai eficientă de a reduce energia consumată de dovada-muncii este pur și simplu de a o „dezactiva”, abordare pe care Ethereum s-a angajat să o urmeze.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   În cazul în care considerați că aceste statistici sunt incorecte sau precizia lor poate fi ameliorată, vă rugăm să ne semnalați o problemă sau creați un PR. Acestea sunt estimări făcute de echipa ethereum.org, folosind informații accesibile publicului precum și foaia de parcurs actuală a lui Ethereum. Aceste declarații nu reprezintă o promisiune oficială din partea Fundației Ethereum.
diff --git a/public/content/translations/ro/nft/index.md b/public/content/translations/ro/nft/index.md
index 541ec7a0133..69c22845b1f 100644
--- a/public/content/translations/ro/nft/index.md
+++ b/public/content/translations/ro/nft/index.md
@@ -161,7 +161,7 @@ NFT-urile acționează o nouă economie, în care creatorii nu cedează propriet
 Odată ce conținutul este vândut, fondurile le revin în mod direct. Și chiar atunci când noul proprietar ar revinde NFT-urile, creatorul original poate primi în mod automat redevențe. Garanția acestui lucru este asigurată prin faptul că, la orice vânzare a sa, adresa creatorului este integrată în metadatele tokenului – iar metadatele nu pot fi modificate.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Explorați, cumpărați sau creați-vă propriile NFT-uri de artă/de colecție...</div>
   <ButtonLink href="/dapps/?category=collectibles">
@@ -197,7 +197,7 @@ Acest lucru mai înseamnă că atunci când un joc nu mai este întreținut de d
 Jocul de realitate virtuală Decentraland vă oferă chiar posibilitatea să cumpărați NFT-uri care reprezintă parcele virtuale de teren pe care le puteți folosi după bunul plac.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Aruncați o privire asupra jocurilor Ethereum, alimentate de NFT-uri...</div>
   <ButtonLink href="/dapps/?category=gaming">
@@ -435,6 +435,6 @@ Cu alte cuvinte, dacă Visa procesează 140.839.000.000 de tranzacții ce costă
 Într-un singur an, Ethereum va consuma 5.256.000 kWh. Cu un potențial de 788.940.000.000.000 - 3.153.600.000.000.000 de tranzacții procesate în această perioadă.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
   În cazul în care considerați că aceste statistici sunt incorecte sau se poate crește precizia lor, vă rugăm să semnalați o problemă sau să creați un PR. Acestea sunt estimări făcute de echipa ethereum.org utilizând informații accesibile publicului și ce este în faza de proiect pentru Ethereum. Aceasta nu reprezintă o promisiune oficială din partea Fundației Ethereum.
 </Alert>
diff --git a/public/content/translations/ro/roadmap/beacon-chain/index.md b/public/content/translations/ro/roadmap/beacon-chain/index.md
index 739f97dd4d8..36064efe734 100644
--- a/public/content/translations/ro/roadmap/beacon-chain/index.md
+++ b/public/content/translations/ro/roadmap/beacon-chain/index.md
@@ -37,7 +37,7 @@ Mizarea joacă același rol avut înainte de [minare](/developers/docs/consensus
 Tranziția la dovada mizei a făcut ca Ethereum să fie mult mai sigur și mai descentralizat în comparație cu dovada muncii. Cu cât numărul de oameni din rețea este mai mare, cu atât mai descentralizată și mai sigură în caz de atacuri devine aceasta.
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   Dacă dorești să devii un validator și să contribui la securitatea Ethereum, <a href="/staking/">află mai multe despre mizare</a>.
diff --git a/public/content/translations/ro/security/index.md b/public/content/translations/ro/security/index.md
index 1d232587642..748221fa314 100644
--- a/public/content/translations/ro/security/index.md
+++ b/public/content/translations/ro/security/index.md
@@ -42,7 +42,7 @@ O parolă puternică nu oferă la fel de multă protecție dacă parola este dez
 ### Folosiți un gestionar de parole {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     Folosirea unui gestionar de parole vă asigură că acesta se va ocupa de crearea de parole puternice, unice și de memorarea acestora! Vă recomandăm <strong>insistent</strong> să folosiți unul, iar majoritatea acestora sunt gratuite!
@@ -72,7 +72,7 @@ Pentru a dovedi că sunteți cu adevărat dvs., există diferite dovezi unice ca
 Utilizarea **Autentificării cu doi factori (2FA)**  oferă un *factor de securitate* suplimentar pentru conturile dvs. online, în așa fel încât numai cunoașterea parolei (ceva ce știți) nu este suficientă pentru a accesa un cont. Cel mai frecvent, al doilea factor este un cod de cifre aleatoriu, cunoscut sub numele de **parolă unică temporară (TOTP)**, care poate fi accesat cu ajutorul unei aplicații de autentificare cum ar fi Google Authenticator sau Authy. Acesta funcționează ca un factor de tipul „ceva ce dețineți”, deoarece fraza de securitate („seed”) care generează codul temporar este stocată pe dispozitivul dvs.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Observaţie: Utilizarea 2FA bazată pe SMS este vulnerabilă la 
@@ -211,7 +211,7 @@ Ca regulă generală, personalul nu va comunica niciodată cu dvs. prin canale p
 - nu comunicați niciodată cu nimeni din afara canalelor oficiale autorizate de organizație
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Atenție: deși escrocheriile prin pretinsă asistență au loc pe Discord, acestea pot predomina şi pe orice aplicație de chat pe care au loc discuții despre cripto, inclusiv pe e-mail.
diff --git a/public/content/translations/ru/bridges/index.md b/public/content/translations/ru/bridges/index.md
index 69f9464ad05..5113b8a35cf 100644
--- a/public/content/translations/ru/bridges/index.md
+++ b/public/content/translations/ru/bridges/index.md
@@ -60,7 +60,7 @@ _Развитие Web3 привело к созданию экосистемы,
 Допустим, вы хотите владеть нативными биткойнами (BTC), но у вас есть средства только в основной сети Ethereum. Чтобы получить доступ к BTC в Ethereum, вы можете купить Wrapped Bitcoin (WBTC). Однако WBTC — это нативный токен [ERC-20](/glossary/#erc-20), созданный специально для сети Ethereum. Это означает, что это версия Bitcoin для Ethereum, а не исходный актив в блокчейне Bitcoin. Чтобы владеть нативным BTC, вам нужно будет перевести свои активы из Ethereum на Bitcoin с помощью моста. Это соединит мостом ваш WBTC и преобразует его в нативный BTC. Альтернативный вариант: у вас могут быть BTC, а вы захотите использовать их в [DeFi](/glossary/#defi)-протоколах Ethereum. Для этого потребуется другой мост, от BTC к WBTC, который затем можно будет использовать в качестве актива на Ethereum.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   Вы также можете сделать все вышеперечисленное, используя <a href="/get-eth/">централизованную биржу</a>. Однако если ваши средства еще не находятся на бирже, это потребует нескольких шагов, и вам, вероятно, будет лучше использовать мост.
diff --git a/public/content/translations/ru/defi/index.md b/public/content/translations/ru/defi/index.md
index b81ae0bda85..5f2ab7f214f 100644
--- a/public/content/translations/ru/defi/index.md
+++ b/public/content/translations/ru/defi/index.md
@@ -64,7 +64,7 @@ Ethereum построен на этом. Как и в Bitcoin, правила н
 Это звучит странно... «Зачем мне программировать свои деньги?» Однако это скорее функция по умолчанию для токенов на Ethereum. Каждый может закодировать логику в платежи. Поэтому вы можете получить контроль и безопасность Bitcoin в сочетании с услугами, предоставляемыми финансовыми учреждениями. Это позволит вам совершать операции с криптовалютами, которыми вы не можете заниматься с Bitcoin, такими как кредитование и заимствование, планирование платежей, инвестирование в индексные фонды и многое другое.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Изучите наши предложения по приложениям DeFi, если вы только осваиваетесь в Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/ru/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/ru/developers/docs/consensus-mechanisms/pow/mining/index.md
index 5470c6dbde4..bc898d33e6b 100644
--- a/public/content/translations/ru/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/ru/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -16,7 +16,7 @@ incomplete: true
 Сейчас Ethereum, как и Bitcoin, использует механизм консенсуса [«Доказательство работы» (proof-of-work, PoW)](/developers/docs/consensus-mechanisms/pow/). Майнинг — это ключевая составляющая в системе доказательства работы. Майнеры Ethereum (компьютеры с работающим программным обеспечением) используют свою вычислительную мощность для обработки транзакций и создания блоков.
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
    Доказательство владения заменит майнинг и доказательство работы в течение следующего года. Вы можете начать ставить свои ETH уже сегодня. <a href="/staking/">Подробнее о стейкинге</a>    
diff --git a/public/content/translations/ru/energy-consumption/index.md b/public/content/translations/ru/energy-consumption/index.md
index f94cf9184d5..bdfa19780a1 100644
--- a/public/content/translations/ru/energy-consumption/index.md
+++ b/public/content/translations/ru/energy-consumption/index.md
@@ -62,7 +62,7 @@ Ethereum — экологичный блокчейн. Механизм конс
 Платформы финансирования общественных благ в Web3, такие как [Gitcoin](https://gitcoin.co), проводят климатические раунды, чтобы стимулировать экологически осознанную разработку на уровне приложений Ethereum. Благодаря разработке таких инициатив (и других, например [DeSci](/desci/)) Ethereum становится технологией с положительным экологическим и социальным балансом.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   Если вы считаете, что точность информации на этой странице можно увеличить, поднимите вопрос или сообщите об этом. Статистика на этой странице является оценочной, основанной на общедоступных данных. Она не представляет собой официальное заявление или обещание команды Ethereum.org или Ethereum Foundation.
diff --git a/public/content/translations/ru/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/ru/guides/how-to-create-an-ethereum-account/index.md
index 7f1d03c012f..e8e04e8dc6e 100644
--- a/public/content/translations/ru/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/ru/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ lang: ru
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>Кошелек установлен?</b><br/>Научитесь им пользоваться.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/ru/guides/how-to-revoke-token-access/index.md b/public/content/translations/ru/guides/how-to-revoke-token-access/index.md
index 55805ead52b..2033e56b4c4 100644
--- a/public/content/translations/ru/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/ru/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ lang: ru
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Хотите узнать больше?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/ru/guides/how-to-swap-tokens/index.md b/public/content/translations/ru/guides/how-to-swap-tokens/index.md
index 9f7d1446d80..11dd69721d5 100644
--- a/public/content/translations/ru/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/ru/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ lang: ru
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Хотите узнать больше?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/ru/guides/how-to-use-a-bridge/index.md b/public/content/translations/ru/guides/how-to-use-a-bridge/index.md
index cf963103759..8982e661ec1 100644
--- a/public/content/translations/ru/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/ru/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ lang: ru
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Хотите узнать больше?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/ru/guides/how-to-use-a-wallet/index.md b/public/content/translations/ru/guides/how-to-use-a-wallet/index.md
index b085b4c7a26..13b965cad33 100644
--- a/public/content/translations/ru/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/ru/guides/how-to-use-a-wallet/index.md
@@ -63,7 +63,7 @@ lang: ru
 6. Вот и все! Начните пользоваться приложением. Вы найдете некоторые интересные проекты на нашей [странице децентрализованных приложений (dApp)](/dapps/#explore). <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Хотите узнать больше?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/ru/nft/index.md b/public/content/translations/ru/nft/index.md
index afd9822ae46..efc44687666 100644
--- a/public/content/translations/ru/nft/index.md
+++ b/public/content/translations/ru/nft/index.md
@@ -55,7 +55,7 @@ NFT используются для различных целей:
 Предположим, вы художник, который хочет поделиться своей работой с помощью NFT, не теряя права распоряжаться ей и не жертвуя прибылью из-за посредников. Вы можете создать контракт и указать количество NFT, их характеристики и ссылку на конкретное произведение. Как художник **вы можете запрограммировать в умном контракте роялти**, которые будете получать (например, перевод 5 % от цены продажи владельцу контракта при каждой передаче NFT). Кроме того, владея [кошельком](/glossary/#wallet), с которого был развернут контракт, вы всегда сможете доказать, что создали определенные NFT. Покупатели смогут легко доказать, что владеют **подлинным NFT** из вашей коллекции, так как [адрес](/glossary/#address) их кошелька связан с токеном в вашем умном контракте. Они смогут использовать его по всей экосистеме Ethereum и быть уверенными в его подлинности.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Ищите и покупайте произведения искусства и коллекционные предметы NFT или создавайте собственные…</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/ru/roadmap/beacon-chain/index.md b/public/content/translations/ru/roadmap/beacon-chain/index.md
index 06e031789e9..13bc5cd2171 100644
--- a/public/content/translations/ru/roadmap/beacon-chain/index.md
+++ b/public/content/translations/ru/roadmap/beacon-chain/index.md
@@ -35,7 +35,7 @@ summaryPoint3: С Beacon Chain в системе появился протоко
 Использование доказательства владения как механизма консенсуса — это базовый компонент для [безопасного, экологически чистого и масштабируемого Ethereum, который мы сейчас имеем](/roadmap/vision/).
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   Если вы хотите стать валидатором и принять участие в защите Ethereum, <a href="/staking/">узнайте больше о стейкинге</a>.
diff --git a/public/content/translations/ru/security/index.md b/public/content/translations/ru/security/index.md
index b4d8ae0d607..916d72b7cd3 100644
--- a/public/content/translations/ru/security/index.md
+++ b/public/content/translations/ru/security/index.md
@@ -123,7 +123,7 @@ lang: ru
 - Никогда не общайтесь вне официальных каналов организации.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Будьте осторожны: хотя мошенничество под видом поддержки обычно происходит в Discord, оно также может быть в любых чатах приложений, где обсуждаются криптовалюты, а так же по электронной почте.
@@ -217,7 +217,7 @@ _Примечание. Существуют производные токены
 ### Используйте менеджер паролей {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     Используя менеджер паролей, вы сможете избавиться от хлопот с созданием надежных и уникальных паролей и их запоминанием! Мы <strong>настоятельно</strong> рекомендуем использовать один из них, и большинство из них бесплатны!
@@ -247,7 +247,7 @@ _Примечание. Существуют производные токены
 Использование **двухфакторной аутентификации (2FA)** обеспечивает дополнительный *фактор безопасности* ваших онлайн-аккаунтов. 2FA гарантирует, что одного только пароля будет недостаточно для доступа к аккаунту. Чаще всего второй фактор представляет собой рандомизированный 6-значный код, известный как **одноразовый временный пароль (TOTP)**, к которому вы можете получить доступ через приложение для аутентификации, такое как Google Authenticator или Authy. Они работают как фактор «что-то, что у вас есть», потому что начальное число, генерирующее временный код, хранится на вашем устройстве.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Примечание. Двухфакторная аутентификация на основе SMS уязвима к <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">переносу номера телефона на SIM-карту злоумышленника</a> и небезопасна. Для обеспечения максимальной безопасности используйте такой сервис, как <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> или <a href="https://authy.com/">Authy</a>.
diff --git a/public/content/translations/ru/staking/withdrawals/index.md b/public/content/translations/ru/staking/withdrawals/index.md
index fded191f3f8..6029d46b2db 100644
--- a/public/content/translations/ru/staking/withdrawals/index.md
+++ b/public/content/translations/ru/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ summaryPoints:
 Предоставление адреса вывода является необходимым шагом для любой учетной записи валидатора, прежде чем она получит право на вывод ЕТН со своего баланса.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Каждой учетной записи валидатора можно назначить только один адрес вывода, один раз.</strong> Как только адрес выбран и передан на уровень консенсуса, его нельзя отменить или изменить. Дважды проверьте принадлежность и точность указанного адреса, прежде чем его отправлять.
@@ -88,7 +88,7 @@ summaryPoints:
 Когда для валидатор запланировано предложение следующего блока, он должен построить очередь вывода до 16 правомочных снятий. При этом все начинается с индекса валидатора 0, определяется наличие возможных выводов для данной учетной записи по правилам протокола, а при таком наличии запись добавляется в очередь. Валидатор, предлагающий следующий блок, будет продолжать работу там, где остановился предыдущий, и продвижение по порядку происходит бесконечно.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Представьте себе аналоговые часы. Срелка на часах указывает на час, движется в одном направлении, не пропускает ни одного часа, а в конце концов снова поворачивается к началу после того, как достигнут последний номер.<br/><br/>
diff --git a/public/content/translations/ru/web3/index.md b/public/content/translations/ru/web3/index.md
index acfa35c41f6..e205ec50a04 100644
--- a/public/content/translations/ru/web3/index.md
+++ b/public/content/translations/ru/web3/index.md
@@ -62,7 +62,7 @@ Web3 дает вам беспрецедентное владение вашим
 Web3 позволяет непосредственно владеть активами благодаря [невзаимозаменяемым токенам (NFT)](/glossary/#nft). Никто, даже создатели игры, не могут забрать у вас вашу собственность. Если вы прекратите играть, то сможете продать ваши предметы на открытых рынках и окупить их стоимость.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Подробнее об NFT</div>
   <ButtonLink href="/nft/">
@@ -90,7 +90,7 @@ Web 2.0 требует от создателей контента верить 
 Однако многие сообщества Web3 считаются организациями DAO. Все эти сообщества имеют разные уровни децентрализации и автоматизации по коду. В настоящее время мы изучаем, что такое DAO и как они могут развиваться в будущем.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Подробнее о DAO</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/se/nft/index.md b/public/content/translations/se/nft/index.md
index dbb3e3e96e9..54fd5a818e8 100644
--- a/public/content/translations/se/nft/index.md
+++ b/public/content/translations/se/nft/index.md
@@ -168,7 +168,7 @@ NFT: s driver en ny skaparekonomi där kreatörer inte lämnar över ägandet av
 När de säljer sitt innehåll går pengarna direkt till dem. Om den nya ägaren sedan säljer NFT, kan den ursprungliga skaparen till och med automatiskt få royalties. Detta garanteras varje gång den säljs eftersom skaparens adress är en del av pollettens metadata – metadata som inte kan ändras.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Utforska, köp eller skapa din egen NFT-konst/dina egna NFT-samlarföremål ...</div>
   <ButtonLink href="/dapps/?category=collectibles">
@@ -204,7 +204,7 @@ I slutändan kan de föremål som du svettas för i spelet alltid finnas kvar, 
 Decentraland, ett virtuell verklighetsspel, låter dig till och med köpa NFT:er som representerar virtuella tomter som du kan använda hur du vill.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Kolla in Ethereum-spel, som drivs med hjälp av NFT:er ...</div>
   <ButtonLink href="/dapps/?category=gaming">
diff --git a/public/content/translations/sk/bridges/index.md b/public/content/translations/sk/bridges/index.md
index b4ca38313ce..8ecbdc0d5b8 100644
--- a/public/content/translations/sk/bridges/index.md
+++ b/public/content/translations/sk/bridges/index.md
@@ -60,7 +60,7 @@ Ak máte ETH na Ethereum Mainnet a chcete preskúmať alternatívne L1 blockchai
 Povedzme, že chcete vlastniť natívny bitcoin (BTC), ale máte prostriedky iba na Ethereum Mainnet. Aby ste získali BTC zastupený na Ethereu, môžete si kúpiť Wrapped Bitcoin (WBTC). WBTC je však token [ERC-20](/glossary/#erc-20), ktorý je natívny v sieti Ethereum, čo znamená, že ide o Ethereum verziu Bitcoinu a nie o pôvodné aktívum na Bitcoin blockchaine. Aby ste mohli vlastniť natívny BTC, museli by ste premostiť svoje aktíva z Etherea do Bitcoinu pomocou mosta. To premostí vaše WBTC a prevedie ich na natívny BTC. Prípadne môžete vlastniť BTC a používať ho v Ethereum [DeFi](/glossary/#defi) protokoloch. To by si vyžadovalo premostenie iným spôsobom, z BTC na WBTC, ktoré potom možno použiť ako aktívum v Ethereu.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   Všetky vyššie uvedené činnosti môžete vykonať aj pomocou <a href="/get-eth/">centralizovanej výmeny</a>. Zahŕňalo by to viacero krokov a pravdepodobne by bolo lepšie použiť most, ak však vaše prostriedky už nemáte na centralizovanej burze.
diff --git a/public/content/translations/sk/defi/index.md b/public/content/translations/sk/defi/index.md
index 52adec51655..24057d1351d 100644
--- a/public/content/translations/sk/defi/index.md
+++ b/public/content/translations/sk/defi/index.md
@@ -64,7 +64,7 @@ Na tom Ethereum stavia. Rovnako ako pri Bitcoine sa pravidlá nemôžu zmeniť a
 Znie to zvláštne… „Prečo by som chcel programovať svoje peniaze“? Je to však skôr len predvolená vlastnosť tokenov na Ethereu. Každý môže naprogramovať logiku do platieb. Takže môžete získať kontrolu a bezpečnosť Bitcoinu v kombinácii so službami poskytovanými finančnými inštitúciami. Vďaka tomu môžete s kryptomenami robiť veci, ktoré s Bitcoinom robiť nemôžete, ako je požičiavanie a vypožičiavanie, plánovanie platieb, investovanie do indexových fondov a ďalšie.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Preskúmajte naše návrhy pre DeFi aplikácie a vyskúšajte ich, ak ste v Ethereu nováčik.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/sk/energy-consumption/index.md b/public/content/translations/sk/energy-consumption/index.md
index e010bc5b170..4e20101cc75 100644
--- a/public/content/translations/sk/energy-consumption/index.md
+++ b/public/content/translations/sk/energy-consumption/index.md
@@ -62,7 +62,7 @@ Zatiaľ čo spotreba energie Etherea je veľmi nízka, na Ethereu sa buduje aj z
 Natívne platformy pre financovanie verejných statkov fungujúcich na princípoch Web3, ako je [Gitcoin](https://gitcoin.co) majú aj okruhy zamerané na ochranu klímy, vďaka čomu stimulujú ekologicky uvedomelý rozvoj na aplikačnej vrstve Etherea. Prostredníctvom rozvoja týchto iniciatív (a ďalších, napr. [DeSci](/desci/)), sa Ethereum stáva environmentálne a sociálne pozitívnou technológiou.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   Pokiaľ si myslíte, že by táto stránka mohla byť presnejšia, upozornite nás na to alebo použite PR. Štatistiky na tejto stránke sú odhady založené na verejne dostupných dátach – nepredstavujú oficiálne vyhlásenie alebo prísľub tímu ethereum.org alebo nadácie Ethereum.
diff --git a/public/content/translations/sk/nft/index.md b/public/content/translations/sk/nft/index.md
index 9da8fa08ed6..db52a90f5d2 100644
--- a/public/content/translations/sk/nft/index.md
+++ b/public/content/translations/sk/nft/index.md
@@ -55,7 +55,7 @@ NFT sa používajú na mnohé účely vrátane:
 Možno ste umelec, ktorý chce zverejniť svoju prácu pomocou NFT bez toho, aby stratil kontrolu a prišiel o svoje zisky kvôli prostredníkom. Môžete vytvoriť nový kontrakt a zadať počet NFT, ich vlastnosti a pridať odkaz na konkrétne umelecké dielo. Ako umelec **môžete do smart kontraktu naprogramovať licenčné poplatky**, ktoré by vám mali byť vyplatené (napr. 5 % z predajnej ceny, čo je vlastníkovi kontraktu vyplatené zakaždým, keď je NFT prevedené na novú adresu). Vždy tiež môžete preukázať, že ste vytvorili NFT, pretože vlastníte [peňaženku](/glossary/#wallet), ktorá kontrakt vytvorila. Vaši kupujúci môžu ľahko preukázať, že vlastnia **autentické NFT** z vašej zbierky, pretože [adresa](/glossary/#address) ich peňaženky je spojená s tokenom vo vašom smart kontrakte. Môžu ho používať v celom ekosystéme Etherea a sú si istí jeho pravosťou.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Preskúmajte, kúpte alebo si vytvorte vlastné NFT umenie/zberateľské predmety…</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/sk/security/index.md b/public/content/translations/sk/security/index.md
index 40533632348..7e2be7b328e 100644
--- a/public/content/translations/sk/security/index.md
+++ b/public/content/translations/sk/security/index.md
@@ -123,7 +123,7 @@ Vo všeobecnosti, personál s vami nikdy nebude komunikovať prostredníctvom s
 - nikdy nekomunikujte mimo kanály určené organizáciou.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Dávajte si pozor: aj keď sa na Discorde bežne vyskytujú podvody v štýle zákazníckej podpory, môžu sa vyskytovať aj v akýchkoľvek chatovacích aplikáciách, kde prebieha kryptografická diskusia, vrátane e-mailu.
@@ -217,7 +217,7 @@ Silné heslo, ktoré bolo odhalené pri úniku dát, už nie je silným heslom.
 ### Používajte správcu hesiel {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     Správca hesiel sa postará o vytvorenie silných a jedinečných hesiel a ich zapamätanie! <strong>Vrelo</strong> odporúčame nejaký používať, väčšina z nich je zadarmo!
@@ -247,7 +247,7 @@ Niekedy môžete byť požiadaní o overenie svojej identity prostredníctvom un
 Používanie **dvojfaktorového overenia (2FA) **je ďalším* bezpečnostným faktorom* pre vaše online účty. Funkcia 2FA zabezpečuje, že na prístup k účtu nestačí mať len vaše heslo. Druhým faktorom je najčastejšie náhodný šesťmiestny kód, známy ako **jednorazové časovo obmedzené heslo (TOTP)**, ku ktorému získate prístup prostredníctvom autentizačnej aplikácie, ako je Google Authenticator alebo Authy. Fungujú, ako „niečo, čo vlastníte“, pretože seed, ktorý generuje časovaný kód, je uložený vo vašom zariadení.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Poznámka: Používanie 2FA pomocou SMS je náchylné na <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">odcudzenie SIM</a> a nie je bezpečné. Pre najlepšiu ochranu používajte službu ako <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> alebo <a href="https://authy.com/">Authy</a>.
diff --git a/public/content/translations/sk/staking/withdrawals/index.md b/public/content/translations/sk/staking/withdrawals/index.md
index 742ea7ea430..9a47bd4c1a8 100644
--- a/public/content/translations/sk/staking/withdrawals/index.md
+++ b/public/content/translations/sk/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Pred upgradom Shanghai/Capella ste nemohli používať svoj vsadený ETH ani k n
 Poskytnutie adresy pre výber je povinným krokom pre akýkoľvek účet validátora, než bude mať nárok na výber ETH zo svojho zostatku.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Každému účtu validátora je možné priradiť iba jednu adresu pre výber, a to raz.</strong> Akonáhle je adresa vybraná a odoslaná do konsenzuálnej vrstvy, nemožno to vrátiť späť ani znovu zmeniť. Pred odoslaním znova skontrolujte vlastníctvo a správnosť poskytnutej adresy.
@@ -88,7 +88,7 @@ Pozrite sa na toto vysvetlenie výberov zo stakovania Ethereum od Finematics:
 Keď je naplánované, že validátor navrhne ďalší blok, je nutné zostaviť front pre výber až 16 oprávnených výberov. To sa robí tak, že sa pôvodne začne s indexom validátora 0, určí sa, či pre tento účet existuje oprávnený výber podľa pravidiel protokolu, a ak áno, pridá sa do frontu. Validátor nastavený tak, aby navrhoval nasledujúci blok, bude pokračovať tam, kde skončil posledný, pričom postupuje v poradí neobmedzene dlho.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Predstavte si analógové hodiny. Ručička na hodinách ukazuje na hodinu, postupuje jedným smerom, nepreškoči žiadnu hodinu a nakoniec sa po dosiahnutí posledného čísla opäť pretočí na začiatok.<br/><br/>
diff --git a/public/content/translations/sk/web3/index.md b/public/content/translations/sk/web3/index.md
index a86fe5a3a06..112d1a8fcea 100644
--- a/public/content/translations/sk/web3/index.md
+++ b/public/content/translations/sk/web3/index.md
@@ -62,7 +62,7 @@ Web3 vám umožňuje vlastniť vaše digitálne aktíva doposiaľ nevídaným sp
 Web3 umožňuje priame vlastníctvo prostredníctvom [nezameniteľných tokenov (NFT)](/glossary/#nft). Nikto, ani tvorcovia hry, nemajú moc vás vlastníctva zbaviť. A ak prestanete hrať, môžete svoje herné predmety predať alebo vymeniť na verejne prístupných trhoviskách a získať tak späť prostriedky, ktoré ste minuli na ich kúpu.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Viac informácií o NFT</div>
   <ButtonLink href="/nft/">
@@ -90,7 +90,7 @@ DAO sú technicky definované ako [smart kontrakty](/glossary/#smart-contract),
 Ľudia definujú veľa Web3 komunít ako DAO. Všetky tieto komunity majú rôzne úrovne decentralizácie a automatizácie v závislosti od kódu. V súčasnosti skúmame, čo DAO sú a ako by sa mohli v budúcnosti vyvíjať.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/sl/contributing/translation-program/index.md b/public/content/translations/sl/contributing/translation-program/index.md
index ba4c5388dc8..a4793805d43 100644
--- a/public/content/translations/sl/contributing/translation-program/index.md
+++ b/public/content/translations/sl/contributing/translation-program/index.md
@@ -17,7 +17,7 @@ Naš napredek do zdaj:
 Če se želite pridružiti in nam pomagati povečati globalno Ethereum skupnost s prevajanjem spletne strani v vaš jezik, sledite spodnjim korakom!
 
 <Alert variant="update">
-<Emoji text=":tada:" className="text-4xl"/>
+<AlertEmoji text=":tada:"/>
 <AlertContent>
 <AlertDescription>
   Prevzemite svoj POAP žeton! Če ste prevajali ethereum.org v letu 2021, vas čaka edinstven POAP. <a href="/contributing/#poap">Več o POAP-ih</a>
@@ -100,7 +100,7 @@ Prav tako nas lahko kontaktirate prek translations@ethereum.org
 Hvala za vaše sodelovanje pri ethereum.org prevajalskem programu!
 
 <Alert variant="update">
-<Emoji text=":information_source:" className="text-4xl"/>
+<AlertEmoji text=":information_source:"/>
 <AlertContent>
 <AlertDescription>
   Če nam pomagate pri prevajanju, boste morda našli uporabne informacije v naši prevajalski FAQ sekciji. 
diff --git a/public/content/translations/sl/defi/index.md b/public/content/translations/sl/defi/index.md
index cb411b4eacb..add788ac0ca 100644
--- a/public/content/translations/sl/defi/index.md
+++ b/public/content/translations/sl/defi/index.md
@@ -62,7 +62,7 @@ Ethereum gradi na tem. Kot pri Bitcoinu se pravila ne morejo spremeniti in prav
 To zveni čudno... "zakaj bi želel programirati svoj denar"? Kakorkoli, to je več kot le privzeta funkcija žetonov na Ethereumu. Kdorkoli lahko v plačila sprogramira logiko. Tako da lahko dobite kontrolo in varnost Bitcoina, zmešano z storitvami, ki jih ponujajo finančne institucije. To vam omogoča, da s kriptovalutami počnete stvari, ki jih z Bitcoinom ne morete. Kot so na primer posojanje in sposojanje, načrtovanje plačil, investiranje v indeksne sklade in še več.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Raziščite naše predloge za DeFi aplikacije, ki jih lahko preizkusite, če ste novi v Ethereumu.</div>
   <ButtonLink href="/dapps/?category=finance#explore">Raziščite DeFi Aplikacije</ButtonLink>
diff --git a/public/content/translations/sl/roadmap/beacon-chain/index.md b/public/content/translations/sl/roadmap/beacon-chain/index.md
index 40f7eace7f5..bd7f34c1547 100644
--- a/public/content/translations/sl/roadmap/beacon-chain/index.md
+++ b/public/content/translations/sl/roadmap/beacon-chain/index.md
@@ -37,7 +37,7 @@ Zastavljanje deluje podobno, kot je prej [rudarjenje](/developers/docs/consensus
 S prehodom na mehanizem dokaza o deležu je Ethereum postal občutno varnejši in bolj decentraliziran v primerjavi z mehanizmom dokaza o delu. Več ljudi kot sodeluje v omrežju, bolj decentralizirano in varno pred napadi postane.
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   Če želite postati validator in pomagati pri zaščiti Ethereuma, <a href="/staking/">preberite več o zastavljanju</a>.
diff --git a/public/content/translations/sr/defi/index.md b/public/content/translations/sr/defi/index.md
index 48851ba2ad9..5ae04f9a5fb 100644
--- a/public/content/translations/sr/defi/index.md
+++ b/public/content/translations/sr/defi/index.md
@@ -64,7 +64,7 @@ Ethereum počiva na tome. Kao i Bitcoin, pravila se ne mogu promeniti za vas i s
 Ovo zvuči čudno… „Zašto bih želeo/la da programiram svoj novac?” Međutim, to je samo osnovna karakteristika tokena u mreži Ethereum. Svako može da programira logiku u plaćanja. Tako da vi možete dobijete kontrolu i sigurnost koju ima Bitcoin, zajedno sa uslugama koje pružaju finansijske institucije. To omogućava da radite stvari sa kriptovalutama koje ne možete da radite sa valutom Bitcoin, npr. da dajete pozajmice ili pozajmljujete, zakazujete plaćanja, investirate u indeksne fondove i još mnogo toga.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Istražite i isprobajte naše predloge za aplikacije decentralizovanih finansija ako ste novi u mreži Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/sr/nft/index.md b/public/content/translations/sr/nft/index.md
index 5a63aa7cd16..a7c0d50def8 100644
--- a/public/content/translations/sr/nft/index.md
+++ b/public/content/translations/sr/nft/index.md
@@ -55,7 +55,7 @@ NFT-ovi se koriste u mnoge svrhe, uključujući:
 Možda ste umetnik koji želi da podeli svoj rad koristeći NFT-ove, bez gubljenja kontrole i žrtvovanja profita u korist posrednika. Možete kreirati novi ugovor i tačno odrediti broj NFT-ova, njihove karakteristike i link ka određenom umetničkom delu. Kao umetnik, **u pametni ugovor možete da programirate autorske naknade ** koje treba da vam se isplate (na primer, preneti 5% od prodajne cene vlasniku ugovora svaki put kada se NFT prenese). Takođe, uvek možete dokazati da ste vi kreirali NFT jer posedujete [novčanik](/glossary/#wallet) koji je sproveo ugovor. Kupci mogu jednostavno da dokažu vlasništvo nad **jedinstvenim NFT-om** iz vaše kolekcije zato što je njihova [adresa](/glossary/#address) novčanika povezana sa tokenom u pametnom ugovoru. Mogu da koriste taj NFT u Ethereum ekosistemu sa uverenjem u njegovu autentičnost.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Istražite, kupite ili kreirajte vlastitu NFT umetninu/kolikcionarske predmete...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/sr/web3/index.md b/public/content/translations/sr/web3/index.md
index 4e7e2f368b7..09214514b03 100644
--- a/public/content/translations/sr/web3/index.md
+++ b/public/content/translations/sr/web3/index.md
@@ -62,7 +62,7 @@ Web3 vam daje vlasništvo nad vašom digitalnom imovinom na do sada neviđen na
 Web3 omogućava direktno vlasništvo putem [nezamenjivih tokena (NFT-ova)](/glossary/#nft). Niko, čak ni tvorci igre, nema moć da vam oduzme vlasništvo. A ako prestanete da igrate, možete prodati ili zameniti predmete iz igre na otvorenim tržištima i povratiti njihovu vrednost.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Saznajte više o NFT-ovima</div>
   <ButtonLink href="/nft/">
@@ -90,7 +90,7 @@ DAO-ovi se tehnički definišu kao unapred dogovoreni [pametni ugovori](/glossar
 Međutim, mnoge Web3 zajednice se definišu kao DAO-i. Ove zajednice imaju različite nivoe decentralizacije i automatizacije putem koda. Trenutno istražujemo koncept DAO-a i razmatramo kako bi se oni mogli razvijati u budućnosti.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Saznajte više o DAO-ima</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/sw/nft/index.md b/public/content/translations/sw/nft/index.md
index 5d63fd550f1..cacef4725b5 100644
--- a/public/content/translations/sw/nft/index.md
+++ b/public/content/translations/sw/nft/index.md
@@ -55,7 +55,7 @@ NFT hutumika kwa mambo mengi, ikiwa ni pamoja na:
 Labda wewe ni msanii amabaye angependa kushiriki kazi yake kupitia NFT bila wewe kupoteza udhibiti ama kuwapa waamuzi faida zako. Wewe unaweza kutengeneza mkataba mpya na kuweka bayana hesabu ya NFT, vipengele vyao na kiungo chao kwa kazi mahususi ya sanaa. Kama msanii, **unaweza kuprogramu ndani ya mkataba-erevu mrabaha** unaofaa kulipwa (kwa mfano hamisha 5% ya bei ya mauzo kwa mwenye mkataba kila wakati tokeni inapohamishwa). Vile vile unaweza kuthibitisha kwamba wewe ndiwe umetengeneza NFT kwa sababu wewe ndiwe mmiliki wa [mkoba](/glossary/#wallet) iliyotuma mkataba huo. Wanunuzi wako wanaweza kuthibitisha kwa urahisi kwamba wao ndio wamiliki wa **NFT halisi** kutoka kwenye mkusanyiko wako kwa sababu pochi yao ya[anwani](/glossary/#address) ya mkoba zao inashirikishwa na tokeni kutoka kwenye mkataba wako. Wanaweza kuitumia katika mfumo wa ikologia ya Ethereum, inayoaminika kwa uhalisi wake.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Chunguza, nunu au tengeneza sanaa ya NFT...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/sw/roadmap/beacon-chain/index.md b/public/content/translations/sw/roadmap/beacon-chain/index.md
index 719db31b2da..95934147fab 100644
--- a/public/content/translations/sw/roadmap/beacon-chain/index.md
+++ b/public/content/translations/sw/roadmap/beacon-chain/index.md
@@ -30,7 +30,7 @@ Mnyororo wa Kioleza utaingiza [uthibitisho-wa-hisa](/developers/docs/consensus-m
 Kuweka hisa na kua mt hibitishaji ni rahisi kuliko [kuchimba](/developers/docs/consensus-mechanisms/pow/mining/)(jinsi ambavyo mtandao ni saklama kwa sasa). Mwishowe hii inamatumaini itasaidia Ethereum kua salama zaidi. Jinsi watu wengi wanavyoshiriki katika mtandao, ndivyo unavyozodi kujitegemea na salama kutoka kwa shambulio litakalokuja.
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
 Kama ungependa kua mthibitishaji na kusaidia kulinda mnyororo wa Kioleza, <a href="/staking/">jifunze zaidi jinsi ya kuweka hisa</a>.
diff --git a/public/content/translations/te/defi/index.md b/public/content/translations/te/defi/index.md
index 047ca481e32..8e267ba1377 100644
--- a/public/content/translations/te/defi/index.md
+++ b/public/content/translations/te/defi/index.md
@@ -65,7 +65,7 @@ DeFi యొక్క సామర్థ్యాన్ని చూడటాన
 ఇది విచిత్రంగా అనిపిస్తుంది... "నేను నా డబ్బును ఎందుకు ప్రోగ్రామ్ చేయాలనుకుంటున్నాను"? ఏదేమైనా, ఇది ఎథేరియంలో టోకెన్ల యొక్క డిఫాల్ట్ లక్షణం మాత్రమే. ఎవరైనా లాజిక్ ను చెల్లింపుల్లో ప్రోగ్రామ్ చేయవచ్చు. తద్వారా ఆర్థిక సంస్థలు అందించే సేవలతో కలిపి బిట్ కాయిన్ నియంత్రణ, భద్రతను పొందవచ్చు. ఇది బిట్ కాయిన్తో మీరు చేయలేని క్రిప్టోకరెన్సీలతో రుణాలు మరియు రుణాలు, చెల్లింపులను షెడ్యూల్ చేయడం, ఇండెక్స్ ఫండ్లలో పెట్టుబడి పెట్టడం మరియు మరెన్నో చేయడానికి మిమ్మల్ని అనుమతిస్తుంది.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>మీరు ఎథేరియంకు కొత్తగా ఉంటే ప్రయత్నించడానికి డీఫై అనువర్తనాల కోసం మా సూచనలను అన్వేషించండి.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/te/web3/index.md b/public/content/translations/te/web3/index.md
index e6d2c1b318d..9e3a0eec9e2 100644
--- a/public/content/translations/te/web3/index.md
+++ b/public/content/translations/te/web3/index.md
@@ -62,7 +62,7 @@ Web3 అపూర్వమైన రీతిలో మీ డిజిటల్
 Web3 [నాన్-ఫంగబుల్ టోకెన్ల (NFTs)](/glossary/#nft) ద్వారా ప్రత్యక్ష యాజమాన్యాన్ని అనుమతిస్తుంది. మీ యాజమాన్యాన్ని తీసివేయడానికి ఎవరికీ, గేమ్ సృష్టికర్తలకు కూడా అధికారం లేదు. మరియు, మీరు ఆడటం ఆపివేస్తే, మీరు మీ గేమ్‌లోని వస్తువులను బహిరంగ మార్కెట్‌లలో విక్రయించవచ్చు లేదా వ్యాపారం చేయవచ్చు మరియు వాటి విలువను తిరిగి పొందవచ్చు.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>NFTల గురించి మరింత తెలుసుకోండి</div>
   <ButtonLink href="/nft/">
@@ -90,7 +90,7 @@ DAOలు సాంకేతికంగా అంగీకరించబడి
 అయినప్పటికీ, ప్రజలు అనేక Web3 కమ్యూనిటీలను DAOలుగా నిర్వచించారు. ఈ కమ్యూనిటీలన్నీ కోడ్ ద్వారా వివిధ స్థాయిల వికేంద్రీకరణ మరియు ఆటోమేషన్‌ను కలిగి ఉంటాయి. ప్రస్తుతం, మేము DAOలు అంటే ఏమిటి మరియు భవిష్యత్తులో అవి ఎలా అభివృద్ధి చెందవచ్చో అన్వేషిస్తున్నాము.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/tl/bridges/index.md b/public/content/translations/tl/bridges/index.md
index 1b31b5cb82d..58a502ac5bc 100644
--- a/public/content/translations/tl/bridges/index.md
+++ b/public/content/translations/tl/bridges/index.md
@@ -60,7 +60,7 @@ Kung mayroon kang ETH sa Ethereum Mainnet at nais mong magsaliksik ng isang alte
 Sabihin nating gusto mong magkaroon ng orihinal na Bitcoin (BTC), ngunit nasa Ethereum Mainnet lang ang iyong pondo. Upang magkaroon ng pagkakalantad sa BTC sa Ethereum, maaari kang bumili ng Wrapped Bitcoin (WBTC). Gayunpaman, ang WBTC ay isang [ERC-20](/glossary/#erc-20) orihinal na token sa network ng Ethereum, na nangangahulugang ito ay isang bersyon ng Bitcoin sa Ethereum at hindi ang orihinal na asset sa Bitcoin blockchain. Para magkaroon ng native na BTC, kailangan mong i-bridge ang iyong mga asset sa Bitcoin mula sa Ethereum gamit ang bridge. Ibi-bridge nito ang WBTC mo at gagawin nito itong original na BTC. Bilang kahalili, maaari kang magmay-ari ng BTC at gusto mong gamitin sa mga protocol [DeFi](/glossary/#defi) sa Ethereum. Magiging baliktad ang pag-bridge nito, mula sa BTC patungong WBTC na siyang magagamit bilang asset sa Ethereum.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   Maaari mo ring gawin ang lahat ng nabanggit gamit ang isang <a href="/get-eth/">sentralisadong palitan</a>. Gayunpaman, maliban kung nasa isang palitan na ang iyong mga pondo, maraming hakbang ang kailangan para dito, at magiging mas mainam kung gumamit ka na lang ng bridge.
diff --git a/public/content/translations/tl/defi/index.md b/public/content/translations/tl/defi/index.md
index 06f27767aa1..97ed10addba 100644
--- a/public/content/translations/tl/defi/index.md
+++ b/public/content/translations/tl/defi/index.md
@@ -64,7 +64,7 @@ Kaya nabuo ang Ethereum dahil dito. Tulad ng Bitcoin, hindi maaaring magbago ang
 Medyo kakaiba itong pakinggan... "bakit ko gugustuhing i-program ang pera ko"? Gayunpaman, isa itong default na feature ng mga token sa Ethereum. Kahit sino ay maaaring mag-program ng logic sa mga pagbabayad. Kaya makukuha mo ang kontrol at seguridad ng Bitcoin pati ang mga serbisyong ibinibigay ng mga pinansyal na institusyon. Dahil dito, magagawa mo sa mga cryptocurrency ang mga bagay na hindi mo magagawa sa Bitcoin, tulad ng pagpapautang at panghihiram, pag-i-schedule ng mga pagbabayad, pag-invest sa mga index fund at iba pa.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Siyasatin ang aming mga rekomendasyon para sa mga DeFi application na dapat subukan kung bago ka sa Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/tl/energy-consumption/index.md b/public/content/translations/tl/energy-consumption/index.md
index aaeb301a550..d55ef6f53f4 100644
--- a/public/content/translations/tl/energy-consumption/index.md
+++ b/public/content/translations/tl/energy-consumption/index.md
@@ -62,7 +62,7 @@ Bagama't napakaliit ng kinokonsumong enerhiya ng Ethereum, mayroon ding mahalaga
 Ang mga public goods funding platform na native sa Web3 tulad ng [Gitcoin](https://gitcoin.co) ay nagsasagawa ng mga climate round upang isulong ang makakalikasan na paggawa sa application layer ng Ethereum. Sa pamamagitan ng paggawa ng mga inisyatibang ito (at iba pa, hal. [DeSci](/desci/)), ang Ethereum ay nagiging isang teknolohiyang may positibong epekto sa kapaligiran at lipunan.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   Kung sa tingin mo ay mas mapapatumpak pa ang page na ito, maghain ng isyu o pull request (PR). Ang stats sa page na ito ay mga pagtatantya batay sa data na available sa publiko - hindi kumakatawan ang mga ito sa isang opisyal na pahayag o pangako mula sa ethereum.org team, o sa Ethereum Foundation.
diff --git a/public/content/translations/tl/security/index.md b/public/content/translations/tl/security/index.md
index 58866615b39..d85048860d2 100644
--- a/public/content/translations/tl/security/index.md
+++ b/public/content/translations/tl/security/index.md
@@ -125,7 +125,7 @@ Bilang pangkalahatang panuntunan, hinding-hindi makikipag-usap sa iyo ang staff
 - Huwag makipag-ugnayan sa labas ng mga itinakdang channel ng organisasyon
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Babala: bagama't madalas mangyari sa Discord ang mga support-style na scam, maaari din itong mangyari sa anumang chat application kung saan nagaganap ang diskusyon tungkol sa crypto, kasama na ang email.
@@ -219,7 +219,7 @@ Ang isang mahirap hulaan na password na nalantad sa isang data breach ay hindi n
 ### Gumamit ng password manager {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     Kapag gumamit ng password manager, ito ang bahalang gumawa ng mga password na mahirap hulaan at walang katulad, at tatandaan nito ang mga ito para sa iyo! <strong>Lubos</strong> naming inirerekomendang gumamit nito, at libre ang karamihan sa mga ito!
@@ -249,7 +249,7 @@ Minsan maaaring hingin sa iyo na patunayan ang iyong pagkakakilanlan sa pamamagi
 Ang paggamit ng **Two-Factor Authentication (2FA)** ay nagbibigay ng karagdagang *security factor* para sa iyong mga online account. Tinitiyak ng 2FA na ang pagkakaroon lamang ng iyong password ay hindi sapat upang ma-access ang isang account. Pinakakaraniwan, ang pangalawang factor ay isang randomized na 6-digit code, na kilala bilang **time-based one-time password (TOTP)**, na maa-access mo sa pamamagitan ng isang authenticator app tulad ng Google Authenticator o Authy. Ito ay gumagana bilang isang factor na "isang bagay na pagmamay-ari mo" dahil ang seed na gumagawa ng timed code ay naka-store sa iyong device.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Tandaan: Ang paggamit ng SMS-based na 2FA ay madaling mabiktima ng <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud"> SIM jacking </a> at hindi ito secure. Para sa pinakamaigting na seguridad, gumamit ng serbisyo tulad ng <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> o <a href="https://authy.com/">Authy</a>.
diff --git a/public/content/translations/tl/staking/withdrawals/index.md b/public/content/translations/tl/staking/withdrawals/index.md
index 703beb74d2f..62167588fce 100644
--- a/public/content/translations/tl/staking/withdrawals/index.md
+++ b/public/content/translations/tl/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Bago ang Shanghai/Capella upgrade, hindi mo magamit o ma-access ang iyong na-sta
 Ang pagbibigay ng withdrawal address ay isang kinakailangang hakbang para sa anumang validator account bago ito maging eligible na mag-withdraw ng ETH mula sa balanse nito.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Ang bawat validator account ay maaari lang magkaroon ng isang withdrawal address, nang isang beses lang.</strong> Kapag nakapili na ng address at naisumite na ito sa consensus layer, hindi na ito maaaring bawiin o baguhin ulit. I-double check ang pagmamay-ari at katumpakan ng address na ibinigay bago ito isumite.
@@ -88,7 +88,7 @@ Tingnan ang paliwanag ng Finematics tungkol sa mga pag-withdraw sa staking ng Et
 Kapag nakaiskedyul ang isang validator na magmungkahi ng susunod na block, kailangan nitong gumawa ng withdrawal queue ng hanggang 16 na karapat-dapat na withdrawal. Ito ay ginagawa sa pamamagitan ng pagsisimula sa validator index 0, pagtukoy kung may karapat-dapat na withdrawal para sa account na ito batay sa mga panuntunan ng protokol, at pagdadagdag nito sa queue kung mayroon man. Ang validator na nakatakda na mag-propose ng susunod na bloke ay magpapatuloy kung saan iniwan ng huling bloke, at magpapatuloy ito nang sunod-sunod ng walang katapusan.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Para lang itong analog na orasan. Itinuturo ng kamay sa orasan ang oras, umuusad ito sa isang direksyon, wala itong nilalaktawang anumang oras, at sa huli ay bumabalik ito sa simula kapag naabot na nito ang huling numero.<br/><br/>
diff --git a/public/content/translations/tl/web3/index.md b/public/content/translations/tl/web3/index.md
index b77ed9712fa..c825df7945b 100644
--- a/public/content/translations/tl/web3/index.md
+++ b/public/content/translations/tl/web3/index.md
@@ -62,7 +62,7 @@ Ibinibigay ng Web3 sa iyo ang pagmamay-ari ng ng iyong mga digital asset sa kaka
 Pinapayagan ng Web3 ang pagmamay-ari sa pamamagitan ng [mga non-fungible token (NFT)](/glossary/#nft). Walang sinuman, kahit ang mga game creator, ang may kapangyarihang bawiin ang iyong pagmamay-ari. At, kung hihinto ka sa paglalaro, maaari mong ibenta o i-trade ang iyong mga in-game item sa mga open market at mabawi ang iyong ipinuhunan.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Magbasa pa tungkol sa NFT</div>
   <ButtonLink href="/nft/">
@@ -90,7 +90,7 @@ Ang DAO ay teknikal na tinutukoy bilang mga napagkasunduang [mga smart contract]
 Gayunpaman, tinukoy ng mga tao ang maraming komunidad sa Web3 bilang mga DAO. May iba't ibang antas ng decentralization at pag-awtomatiko ayon sa code ang mga komunidad na ito. Kasalukuyan naming sinisuri kung ano ang DAO at kung paano maaaring magbago ang mga ito sa hinaharap.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/tr/bridges/index.md b/public/content/translations/tr/bridges/index.md
index 54fd8d0edc8..39325167bcd 100644
--- a/public/content/translations/tr/bridges/index.md
+++ b/public/content/translations/tr/bridges/index.md
@@ -60,7 +60,7 @@ Ethereum Ana Ağı'nda ETH'niz varsa ve diğer bir L1'i keşfedip yerel merkeziy
 Diyelim ki yerel zincirde Bitcoin'e (BTC) sahip olmak istiyorsunuz ama sadece Ethereum Ana Ağı'nda varlıklarınız var. Ethereum'da BTC sahibi olmak için Wrapped Bitcoin (WBTC) satın alabilirsiniz. Ancak WBTC bir Ethereum ağına özgü bir [ERC-20](/glossary/#erc-20) jetonudur. Bu da Bitcoin blokzincirindeki orijinal varlık değil, Bitcoin'in Ethereum versiyonu olduğu anlamına gelir. Yerel BTC'ye sahip olmak için varlıklarınızı Ethereum'dan Bitcoin'e bir köprü aracılığı ile aktarmanız gerekir. Bu WBTC'nizi köprüleyecek ve yerel BTC'ye dönüştürecektir. Alternatif olarak, BTC'ye sahip olabilir ve onu Ethereum [DeFi](/glossary/#defi) protokollerinde kullanmak isteyebilirsiniz. Bu da tersi yönünde, BTC'yi WBTC'ye köprülemeyi gerektirir. Bu şekide Ethereum'da bir varlık olarak kullanılabilir.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   Ayrıca yukarıdaki her şeyi bir <a href="/get-eth/">merkezi borsa</a> aracılığıyla da yapabilirsiniz. Ancak varlıklarınız hali hazırda borsada değilse, birden çok adım gerektirecektir ve köprü kullanmanız daha iyi olacaktır.
diff --git a/public/content/translations/tr/contributing/translation-program/how-to-translate/index.md b/public/content/translations/tr/contributing/translation-program/how-to-translate/index.md
index 78b5f41b8e3..9fc47203935 100644
--- a/public/content/translations/tr/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/tr/contributing/translation-program/how-to-translate/index.md
@@ -77,7 +77,7 @@ Daha fazlasını mı öğrenmek istiyorsunuz? [Crowdin çevrimiçi düzenleyiciy
 Çeviriyi tamamladığınızda (yani, içerik grubundaki tüm dosyalar 100% olarak göründüğünde) profesyonel çeviri hizmeti aldığımız kurum içeriği gözden geçirecektir (ve potansiyel olarak düzeltecektir). Gözden geçirme tamamlandıktan sonra (yani gözden geçirmenin ilerleme durumu %100 olduğunda) çevirileri web sitesine ekleriz.
 
 <Alert variant="update">
-<Emoji text=":warning:" className="text-4xl"/>
+<AlertEmoji text=":warning:"/>
 <AlertContent>
   Lütfen projeyi makine çevirisi kullanarak çevirmeyin. Tüm çeviriler web sitesine eklenmeden önce gözden geçirilecektir. Önerdiğiniz çevirilerin makine çevirisi olduğu tespit edilirse, çeviriler reddedilir ve makine çevirisini kullanarak katkıda bulunanlar sıklıkla projeden çıkarılır.
 </AlertContent>
diff --git a/public/content/translations/tr/defi/index.md b/public/content/translations/tr/defi/index.md
index 1d48e350155..de9ec937445 100644
--- a/public/content/translations/tr/defi/index.md
+++ b/public/content/translations/tr/defi/index.md
@@ -64,7 +64,7 @@ Ethereum bunun üzerine kurulu. Bitcoin gibi, kurallar sizin aleyhinize değişe
 Bu kulağa tuhaf geliyor... "Neden paramı programlamak isteyeyim ki"? Bununla birlikte, bu daha çok Ethereum'daki token'ların varsayılan bir özelliğidir. Herkes ödemelerin içine mantık programlayabilir. Böylece Bitcoin'in kontrolünü ve güvenliğini finans kurumlarının sunduğu hizmetler ile karıştırarak elde edebilirsiniz. Bu, borç verme ve borç alma, ödemeleri planlama, endeks fonlarına yatırım yapma ve daha fazlası gibi Bitcoin ile yapamayacağınız şeyleri kripto para birimleriyle yapmanızı sağlar.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Ethereum'da yeniyseniz denemek için DeFi uygulamalarına yönelik önerilerimizi keşfedin.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/index.md
index 28170db98fa..cc492403a43 100644
--- a/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/index.md
@@ -7,7 +7,7 @@ lang: tr
 Ethereum ağı, **[İş İspatı (PoW)](/developers/docs/consensus-mechanisms/pow)** kullanan bir uzlaşma mekanizmasıyla başladı. Bu durum, Ethereum ağının düğümler sisteminin Ethereum blok zincirine kaydedilen bütün bilgilerin ortak durumda anlaşmasına olanak tanıdı ve belirli ekonomik saldırı türlerini önledi. Ancak, Ethereum 2022'de iş ispatı mekanizmasını devre dışı bırakarak sonlandırdı ve bunun yerine [hisse ispatını](/developers/docs/consensus-mechanisms/pos) kullanmaya başladı.
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
     İş ispatı artık kullanımdan kaldırılmıştır. Ethereum artık mutabakat mekanizmasının bir parçası olan iş ispatını kullanmamaktadır. Bunun yerine hisse ispatı kullanılmaktadır. <a href="/developers/docs/consensus-mechanisms/pos/">Hisse ispatı</a> ve <a href="/staking/">hisseleme</a> hakkında daha fazla bilgi edinin.
diff --git a/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/index.md
index e83e98747e0..54392dd51aa 100644
--- a/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -5,7 +5,7 @@ lang: tr
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 İş ispatı artık Ethereum'un mutabakat mekanizmasının bir parçası değil, yani madencilik kapatıldı. Bunun yerine Ethereum, ETH hisseleyen doğrulayıcılar tarafından güvence altına alınır. ETH'nizi hisselemeye bugün başlayabilirsiniz. <a href='/roadmap/merge/'>Birleşim</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>hisse ispatı </a> ve <a href='/staking/'>hisseleme</a> hakkında daha fazla bilgi edinin. Bu sayfa sadece tarihsel ilgi içindir.
diff --git a/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index 529dad2fbb8..aaba61428f7 100644
--- a/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -5,7 +5,7 @@ lang: tr
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
    Ethash, Ethereum'un iş ispatı madencilik algoritmasıydı. İş ispatı tamamen durdurulmuş ve Ethereum, <a href="/developers/docs/consensus-mechanisms/pos/">hisse ispatı</a> ile güvence altına alınmıştır. <a href="/roadmap/merge/">Birleşim</a>, <a href="/developers/docs/consensus-mechanisms/pos/">hisse ispatı</a>ve <a href="/staking/">hisseleme</a> hakkında daha fazla bilgi edinin. Bu sayfa sadece tarihsel ilgi içindir!  
diff --git a/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index 4656593aa68..cccafad32b8 100644
--- a/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/tr/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -5,7 +5,7 @@ lang: tr
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 İş ispatı artık Ethereum'un mutabakat mekanizmasının bir parçası değil, yani madencilik kapatıldı. Bunun yerine Ethereum, ETH hisseleyen doğrulayıcılar tarafından güvence altına alınır. ETH'nizi stake etmeye bugün başlayabilirsiniz. <a href='/roadmap/merge/'>Birleşim</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>hisse ispatı </a> ve <a href='/staking/'>hisseleme</a> hakkında daha fazla bilgi edinin. Bu sayfa sadece tarihsel ilgi içindir.
diff --git a/public/content/translations/tr/energy-consumption/index.md b/public/content/translations/tr/energy-consumption/index.md
index 444c3998896..965d12d1986 100644
--- a/public/content/translations/tr/energy-consumption/index.md
+++ b/public/content/translations/tr/energy-consumption/index.md
@@ -62,7 +62,7 @@ Ethereum'un enerji tüketiminin aşırı düşük olduğu esnada, aynı zamanda
 [Gitcoin](https://gitcoin.co) gibi Web3'ye ait kamu malı fonlama platformları Ethereum'un uygulama katmanı üzerinde çevresel olarak bilinçli inşayı teşvik etmek için iklim rauntları oluştururlar. Bu inisiyatiflerin gelişimi aracılığıyla (ve [DeSci](/desci/) gibi diğerleri) Ethereum, çevresel ve sosyal bir net pozitif teknoloji haline geliyor.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   Eğer bu sayfanın daha isabetli olabileceğini düşünüyorsanız, lütfen bir konu veya PR açın. Bu sayfadaki istatistikler herkese açık veriye dayalı tahminlerdir - ethereum.org takımından veya Ethereum Foundation'dan resmi bir açıklama veya sözü temsil etmezler.
diff --git a/public/content/translations/tr/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/tr/guides/how-to-create-an-ethereum-account/index.md
index 0f6072204d5..b82420a764b 100644
--- a/public/content/translations/tr/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/tr/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ Bazı uygulamalar sizden gizli bir "kurtarma ifadesi" (bazen "güvenlik kelimele
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>Cüzdan yüklendi mi?</b><br/>Nasıl kullanacağınızı öğrenin.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/tr/guides/how-to-revoke-token-access/index.md b/public/content/translations/tr/guides/how-to-revoke-token-access/index.md
index dbfab3a4e47..3c3766ab24b 100644
--- a/public/content/translations/tr/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/tr/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ Kaldırılmış sözleşmenin listeden gidip gitmediğini kontrol etmek için bi
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Daha fazlasını mı öğrenmek istiyorsunuz?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/tr/guides/how-to-swap-tokens/index.md b/public/content/translations/tr/guides/how-to-swap-tokens/index.md
index 5e68d07ce41..9b3adad19a5 100644
--- a/public/content/translations/tr/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/tr/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ Herhangi bir blok zincir tarayıcısında işlemin ilerlemesini görebilirsiniz.
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Daha fazlasını mı öğrenmek istiyorsunuz?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/tr/guides/how-to-use-a-bridge/index.md b/public/content/translations/tr/guides/how-to-use-a-bridge/index.md
index 03d76202205..7e71a4c1f55 100644
--- a/public/content/translations/tr/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/tr/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ Ağın RPC detaylarını bulmak için [chainlist.org](http://chainlist.org) site
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Daha fazlasını mı öğrenmek istiyorsunuz?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/tr/guides/how-to-use-a-wallet/index.md b/public/content/translations/tr/guides/how-to-use-a-wallet/index.md
index cd82437a3bf..196a9f0fcc6 100644
--- a/public/content/translations/tr/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/tr/guides/how-to-use-a-wallet/index.md
@@ -63,7 +63,7 @@ Adresiniz tüm Ethereum projelerinde aynı olacaktır. Hiçbir projeye tek tek k
 6. Bu kadar! Uygulamayı kullanmaya başlayın. [Merkeziyetsiz uygulamalar sayfamızda](/dapps/#explore) bazı ilgi çekici projeleri bulabilirsiniz. <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Daha fazlasını mı öğrenmek istiyorsunuz?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/tr/how-to-create-an-ethereum-account/index.md b/public/content/translations/tr/how-to-create-an-ethereum-account/index.md
index 6b59c62105f..73cb2305bab 100644
--- a/public/content/translations/tr/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/tr/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ Bazı uygulamalar sizden gizli bir "kurtarma ifadesi" (bazen "güvenlik kelimele
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>Cüzdan yüklendi mi?</b><br/>Nasıl kullanacağınızı öğrenin.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/tr/nft/index.md b/public/content/translations/tr/nft/index.md
index 76044722c67..eb80700ba2f 100644
--- a/public/content/translations/tr/nft/index.md
+++ b/public/content/translations/tr/nft/index.md
@@ -55,7 +55,7 @@ NFT'ler, şunlar dahil olmak üzere pek çok şey için kullanılabilir:
 Belki de eserlerinizi NFT'leri kullanarak paylaşmak isteyen, eserlerinizin kontrolünü kaybetmeden ve kazançlarınızı aracılara feda etmeden çalışmak isteyen bir sanatçısınızdır. NFT'lerin sayısını, özelliklerini ve belirli bir sanat eserine olan bağlantısını belirleyebildiğiniz yeni bir sözleşme oluşturabilirsiniz. Sanatçı olarak, bir NFT transfer edilirken almanız gereken **telif hakkı bedelini akıllı sözleşmeye gömebilirsiniz** (yani NFT her transfer edildiğinde satış bedelinin %5'inin sözleşme sahibine geri transferi gibi). Ayrıca, sözleşmeyi dağıtan [cüzdan](/glossary/#wallet) size ait olduğu için NFT'lerin yaratıcısı olduğunuzu her zaman kanıtlayabilirsiniz. Alıcılarınız, cüzdan [adreslerinin](/glossary/#address) akıllı sözleşmenizde yer alan bir jeton ile ilişkilendirilmiş olmasından dolayı sizin koleksiyonunuzdan **özgün bir NFT**'ye sahip olduklarını kolayca kanıtlayabilir. Alıcılar, özgünlüğünden ve kontrolünden emin olarak bunu Ethereum ekosistemi içerisinde kullanabilirler.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>NFT eserlerini/koleksiyon parçalarını keşfedin, satın alın veya kendinizinkileri yaratın...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/tr/roadmap/beacon-chain/index.md b/public/content/translations/tr/roadmap/beacon-chain/index.md
index e40a98a7c45..0140a2edfe2 100644
--- a/public/content/translations/tr/roadmap/beacon-chain/index.md
+++ b/public/content/translations/tr/roadmap/beacon-chain/index.md
@@ -35,7 +35,7 @@ Hisse ispatına geçiş Ethereum'u, iş ispatına kıyasla, çok daha güvenli v
 Ve hisse ispatını mutabakat mekanizması olarak kullanmak, [ şuan sahip olduğumuz güvenli, çevre dostu ve ölçeklenebillir Ethereum](/roadmap/vision/) için temel bir bileşendir.
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   Eğer doğrulayıcı olmakla ve Ethereum'un güvenliğini sağlamaya yardımcı olmakla ilgileniyorsanız, <a href="/staking/">hisseleme ile ilgili daha fazla şey öğrenin</a>.
diff --git a/public/content/translations/tr/security/index.md b/public/content/translations/tr/security/index.md
index bd7eb66e25f..0c8cf48025f 100644
--- a/public/content/translations/tr/security/index.md
+++ b/public/content/translations/tr/security/index.md
@@ -123,7 +123,7 @@ Genel bir kural olarak, ekip sizinle asla özel ve resmi olmayan kanallar aracı
 - Asla bir kuruluşun belirlenmiş kanalları dışında iletişim kurmayın
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Dikkat: Destek tarzı dolandırıcılıklar genellikle Discord'da gerçekleşse de, e-posta da dahil olmak üzere kripto tartışmalarının gerçekleştiği herhangi bir sohbet uygulamasında da yaygın olabilir.
@@ -217,7 +217,7 @@ Bir veri sızıntısında açığa çıkmış olan güçlü bir parola, artık g
 ### Bir şifre yöneticisi kullanın {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     Bir şifre yöneticisi kullanmak; güçlü, benzersiz şifreler oluşturmak ve bunları hatırlama işini sizin için çözer! Bunlardan birini kullanmanızı <strong>şiddetle</strong> öneririz ve çoğu ücretsizdir!
@@ -247,7 +247,7 @@ Bazen sizden kimliğinizi benzersiz kanıtlarla doğrulamanız istenebilir. Bunl
 **İki Faktörlü Doğrulama (2FA)** kullanmak, çevrimiçi hesaplarınıza ekstra bir *güvenlik faktörü* eklemenizi sağlar. 2FA, sadece bir parolaya sahip olmanın bir hesaba girmek için yeterli olmamasını sağlar. En yaygın olarak, ikinci faktör **zaman esaslı tek seferlik şifre (TOTP)** olarak bilinen, Google Authenticator veya Authy gibi bir doğrulayıcı uygulamadan ulaşabileceğiniz rastgele seçilmiş 6 haneli bir koddur. Bunlar "senin sahip olduğun bir şey" faktörü ile çalışırlar çünkü zamanlı kodu oluşturan tohum, sizin aygıtınızda depolanır.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Not: SMS tabanlı 2FA kullanımı, <a href="https://www.vice.com/tr/makale/3kx4ej/sim-jacking-mobile-phone-fraud">SIM hırsızlığı</a> tehlikesine karşı açıktır ve güvenli değildir. En iyi güvenlik için <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> ya da <a href="https://authy.com/">Authy</a> gibi bir hizmet kullanın.
diff --git a/public/content/translations/tr/staking/withdrawals/index.md b/public/content/translations/tr/staking/withdrawals/index.md
index 2f409e5d22a..b1ad284ab29 100644
--- a/public/content/translations/tr/staking/withdrawals/index.md
+++ b/public/content/translations/tr/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Shanghai/Capella yükseltmesinden önce hisselenmiş ETH'lerinizi kullanamaz vey
 Herhangi bir doğrulayıcı hesabının kendi bakiyesinden ETH çekebilir durumuna erişmesi için bir çekim adresi belirtmesi, gerekli adımdır.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Her bir doğrulayıcı hesabı bir seferde yalnızca bir para çekme adresi atayabilir.</strong> Bir adres seçilip fikir birliği katmanına kaydedildiğinde bu, geri alınamaz veya tekrardan değiştirilemez. Kaydetmeden önce sahipliği ve bildirilen adresin doğruluğunu iki defa kontrol edin.
@@ -88,7 +88,7 @@ Finematics tarafından sağlanmış Ethereum hisseleme çekim işlemleri açıkl
 Doğrulayıcının bir sonraki bloku önerebilmesi için 16 adede kadar uygun para çekme işleminden oluşan bir para çekme kuyruğu oluşturması gerekir. Bu başlangıçta doğrulayıcı indeksinin 0 ile başlayarak, bu hesabın protokolün kuralları gereğince para çekmeye uygun olup olmadığını belirleyerek ve uygunsa kuyruğa ekleyerek yapılır. Aşağıdaki bloku önermek için ayarlanan doğrulayıcı son blokun kaldığı yerden devam edecek ve sonsuza kadar bu sırayla ilerleyecek.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Analog bir saat düşünün. Saatteki akrep saate işaret eder, bir yönde ilerler, herhangi bir saati atlamaz ve eninde sonunda son sayıya ulaşıldıktan sonra tekrardan başa sarar.<br/><br/>
diff --git a/public/content/translations/tr/web3/index.md b/public/content/translations/tr/web3/index.md
index 5538b135171..1b86536cd8c 100644
--- a/public/content/translations/tr/web3/index.md
+++ b/public/content/translations/tr/web3/index.md
@@ -66,7 +66,7 @@ Web3, dijital varlıklarınızın mülkiyet hakkını benzeri görülmemiş bir
 Web3, [eşsiz jetonlar (NFT'ler)](/glossary/#nft) aracılığıyla doğrudan mülkiyete olanak tanır. Hiç kimse, hatta oyunun yaratıcıları bile, mülkiyetinizi elinizden alma gücüne sahip değildir. Oyunu oynamayı bırakırsanız da oyun içi öğelerinizi açık pazarlarda satabilir veya takas edebilir ve değerini geri alabilirsiniz.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>NFT’ler hakkında daha fazlasını öğrenin</div>
   <ButtonLink href="/nft/">
@@ -94,7 +94,7 @@ DAO'lar teknik olarak, bir kaynak havuzu (jetonlar) üzerinde merkeziyetsiz kara
 Ancak, insanlar birçok Web3 topluluğunu DAO olarak tanımlar. Bu toplulukların tümü, koda göre farklı merkeziyetsizlik ve otomasyon seviyelerine sahiptir. Şu anda DAO'ların neler olduğunu ve gelecekte nasıl gelişebileceklerini araştırıyoruz.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>DAO’lar hakkında daha fazlasını öğrenin</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/uk/bridges/index.md b/public/content/translations/uk/bridges/index.md
index 909bb76da08..8e6f50337d6 100644
--- a/public/content/translations/uk/bridges/index.md
+++ b/public/content/translations/uk/bridges/index.md
@@ -60,7 +60,7 @@ _Web3 перетворився на екосистему блокчейнів L1
 Припустімо, ви хочете володіти нативними біткойнами (BTC), але у вас є кошти лише в Ethereum Mainnet. Щоб отримати доступ до BTC на Ethereum, ви можете купити Wrapped Bitcoin (WBTC). Однак WBTC — це токен ERC-20, який є нативним для мережі Ethereum, тобто це версія Bitcoin для Ethereum, а не оригінальний актив у блокчейні Bitcoin. Щоб володіти нативним BTC, вам доведеться перевести свої активи з Ethereum на Bitcoin за допомогою мосту. Це з’єднає ваш WBTC та перетворить його на нативний BTC. Крім того, ви можете бути власником BTC та бажати використовувати його в протоколах Ethereum DeFi. Для цього знадобиться перехід від BTC до WBTC, який потім можна буде використовувати як актив на Ethereum.
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   Ви також можете зробити все зазначене вище за допомогою <a href="/get-eth/">централізованого обмінника</a>. Але якщо ваші кошти вже не перебувають на біржі, це передбачає кілька кроків, і вам, імовірно, краще скористатися мостом.
diff --git a/public/content/translations/uk/defi/index.md b/public/content/translations/uk/defi/index.md
index 95401772ddc..bec21e694e6 100644
--- a/public/content/translations/uk/defi/index.md
+++ b/public/content/translations/uk/defi/index.md
@@ -64,7 +64,7 @@ Bitcoin була першою програмою DeFi з усіх боків. Bi
 Звучить дивно, чи не так? Для чого програмувати гроші? Однак це радше стандартна функція для токенів на Ethereum. Будь-хто може запрограмувати логіку в платежі. Так ви отримуєте контроль і надійність Bitcoin у поєднанні з послугами, які надають фінансові установи. Це дасть вам змогу виконувати операції з криптовалютою, недоступні в Bitcoin, як-от надання й отримання позик, планування платежів, інвестування в індексні фонди тощо.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Ознайомтеся з програмами DeFi, якщо ви лише починаєте працювати з Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/uk/energy-consumption/index.md b/public/content/translations/uk/energy-consumption/index.md
index f8e2f2ad275..75121f56926 100644
--- a/public/content/translations/uk/energy-consumption/index.md
+++ b/public/content/translations/uk/energy-consumption/index.md
@@ -60,7 +60,7 @@ Ethereum — це зелений блокчейн. Механізм консен
 Платформи фінансування суспільних благ Web3, як-от [Gitcoin](https://gitcoin.co), проводять кліматичні раунди, щоб стимулювати екологічно свідому розробку на прикладному рівні Ethereum. Завдяки розвитку цих ініціатив (та інших, наприклад [DeSci](/desci/)), Ethereum стає екологічно та соціально позитивною мережевою технологією.
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   Якщо ви вважаєте, що ця сторінка може бути точнішою, поставте питання або повідомте про це. Статистичні дані на цій сторінці являють собою оцінки, засновані на загальнодоступних даних; вони не є офіційною заявою чи обіцянкою команди ethereum.org або Ethereum Foundation.
diff --git a/public/content/translations/uk/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/uk/guides/how-to-create-an-ethereum-account/index.md
index b59eed5e968..3de9b61ef43 100644
--- a/public/content/translations/uk/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/uk/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ lang: uk
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div>Потрібно більше інформації?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/uk/guides/how-to-revoke-token-access/index.md b/public/content/translations/uk/guides/how-to-revoke-token-access/index.md
index f6f30d26e7b..1c6aef4ab1c 100644
--- a/public/content/translations/uk/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/uk/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ lang: uk
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Хочете дізнатися більше?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/uk/guides/how-to-swap-tokens/index.md b/public/content/translations/uk/guides/how-to-swap-tokens/index.md
index 3f228428c06..5cbde6ec45c 100644
--- a/public/content/translations/uk/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/uk/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ lang: uk
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Хочете дізнатися більше?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/uk/guides/how-to-use-a-bridge/index.md b/public/content/translations/uk/guides/how-to-use-a-bridge/index.md
index 0c741bd5a89..545e397b8a6 100644
--- a/public/content/translations/uk/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/uk/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ lang: uk
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Хочете дізнатися більше?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/uk/guides/how-to-use-a-wallet/index.md b/public/content/translations/uk/guides/how-to-use-a-wallet/index.md
index 1187a318358..d20695eb747 100644
--- a/public/content/translations/uk/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/uk/guides/how-to-use-a-wallet/index.md
@@ -63,7 +63,7 @@ lang: uk
 6. Готово! Почніть користуватися додатком. Ви можете знайти деякі цікаві проєкти на нашій [сторінці децентралізованих додатків (dApp)](/dapps/#explore). <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Хочете дізнатися більше?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/uk/nft/index.md b/public/content/translations/uk/nft/index.md
index 58640267c0f..dcee2686fa5 100644
--- a/public/content/translations/uk/nft/index.md
+++ b/public/content/translations/uk/nft/index.md
@@ -55,7 +55,7 @@ NFT використовується для багатьох речей, зок
 Можливо, ви художник, що хоче поділитися своїми роботами за допомогою NFT, не втрачаючи контролю і не жертвуючи своїми прибутками через посередників. Ви можете створити новий контракт і вказати кількість NFT, їхні властивості й посилання на певний витвір мистецтва. Як виконавець, ви можете запрограмувати в смарт-контракт роялті (наприклад, перераховувати 5% від ціни продажу власнику контракту кожного разу, коли передається NFT). Крім того, ви завжди можете довести, що ви створили NFT, оскільки ви є власником [гаманця](/glossary/#wallet), який розгорнув контракт. Ваші покупці можуть легко довести, що вони володіють **автентичними NFT** з вашої колекції, оскільки їх гаманець [адреса](/glossary/#address) пов’язаний з токеном у вашому смарт-контракті. Вони можуть використовувати його в екосистемі Ethereum і бути впевненими в його автентичності.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Досліджуйте, купуйте й створюйте власні токени NFT на твори мистецтва та колекційні предмети.</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/uk/roadmap/beacon-chain/index.md b/public/content/translations/uk/roadmap/beacon-chain/index.md
index 8d476c2107f..7709501a869 100644
--- a/public/content/translations/uk/roadmap/beacon-chain/index.md
+++ b/public/content/translations/uk/roadmap/beacon-chain/index.md
@@ -35,7 +35,7 @@ Beacon Chain — це назва реєстру облікових записі
 А використання доказу частки володіння як механізму консенсусу лежить в основі [безпечного, екологічного й масштабованого Ethereum, який ми маємо сьогодні](/roadmap/vision/).
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   Якщо ви хочете стати валідатором і допомагати захистити Ethereum, <a href="/staking/">дізнайтеся більше про стейкінг</a>.
diff --git a/public/content/translations/uk/security/index.md b/public/content/translations/uk/security/index.md
index 27ff14f108c..cbab0a0ace5 100644
--- a/public/content/translations/uk/security/index.md
+++ b/public/content/translations/uk/security/index.md
@@ -42,7 +42,7 @@ lang: uk
 ### Використовуйте менеджер паролів {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     Завдяки менеджеру паролів ви зможете з легкістю створювати надійні унікальні паролі без необхідності їх запам’ятовування. Ми <strong>настійно</strong> рекомендуємо використовувати такий менеджер. Більшість із них є безкоштовними!
@@ -72,7 +72,7 @@ lang: uk
 Використання **двофакторної автентифікації (2FA)** забезпечує додатковий *фактор безпеки* для ваших облікових записів в Інтернеті, тож лише пароля (щось, що ви знаєте) буде недостатньо для доступу до облікового запису. Найчастіше другий фактор — це рандомізований 6-значний код, відомий як **одноразовий тимчасовий пароль (TOTP)**, до якого можна отримати доступ через програму автентифікації, як-от Google Authenticator або Authy. Вони працюють як фактор «щось, чим ви володієте», оскільки початкове число, яке генерує тимчасовий код, зберігається на вашому пристрої.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Примітка. Використовувати двофакторну автентифікацію на основі 
@@ -213,7 +213,7 @@ lang: uk
 - Ніколи не спілкуйтеся за межами встановлених організацією каналів.
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     Будьте обережні! Хоча шахрайство, пов’язане зі службою підтримки, зазвичай відбувається в Discord, такі схеми також можуть бути поширені в будь-яких програмах для спілкування, де обговорюється криптовалюта, включно з електронною поштою.
diff --git a/public/content/translations/uk/staking/withdrawals/index.md b/public/content/translations/uk/staking/withdrawals/index.md
index d781b4c0803..9f04176895b 100644
--- a/public/content/translations/uk/staking/withdrawals/index.md
+++ b/public/content/translations/uk/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ summaryPoints:
 Надання адреси для виведення коштів є обов’язковим кроком для будь-якого облікового запису валідатора, перш ніж він буде здатний вивести ETH зі свого балансу.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Кожному обліковому запису валідатора можна призначити лише одну адресу виведення коштів, один раз.</strong> Щойно адресу вибрано й надіслано на рівень консенсусу, її не можна скасувати або змінити знову. Перевірте двічі приналежність і точність наданої адреси, перш ніж надсилати її.
@@ -88,7 +88,7 @@ summaryPoints:
 Коли валідатору заплановано запропонувати наступний блок, він зобов'язаний створити чергу виведення, до 16 можливих виведень. Це робиться так: індекси валідаторів перебираються починаючи з 0, і для кожного визначається, чи є можливе виведення для облікового запису відповідно до правил протоколу. Якщо виведення можливе, обліковий запис додається до черги. Валідатор, налаштований на те, щоб пропонувати наступний блок, продовжить роботу з місця, де зупинився попередній, просуваючись впорядковано нескінченно.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Уявіть аналоговий годинник. Стрілка на годиннику вказує на годину та рухається в одному напрямку, не пропускаючи жодної години, і зрештою повертається до початку після досягнення останнього числа.<br/><br/>.
diff --git a/public/content/translations/uk/web3/index.md b/public/content/translations/uk/web3/index.md
index 61f143d587e..4eed65c16aa 100644
--- a/public/content/translations/uk/web3/index.md
+++ b/public/content/translations/uk/web3/index.md
@@ -62,7 +62,7 @@ Web3 дає вам право власності на ваші цифрові а
 Web3 дає змогу безпосередньо володіти активами завдяки [невзаємозамінним токенам (NFT)](/glossary/#nft). Ніхто не зможе відібрати у вас право власності — навіть творці гри. А якщо ви припините грати, то зможете продати або обміняти свої ігрові предмети на відкритих ринках і окупити їх вартість.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Дізнайтеся більше про NFT</div>
   <ButtonLink href="/nft/">
@@ -90,7 +90,7 @@ Web 2.0 вимагає від творців контенту довіряти 
 Однак багато спільнот Web3 вважаються організаціями DAO. Усі ці спільноти мають різні рівні децентралізації й автоматизації за допомогою коду. Зараз ми досліджуємо, що таке DAO і як вони можуть розвиватися в майбутньому.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Дізнайтеся більше про DAO</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/uz/defi/index.md b/public/content/translations/uz/defi/index.md
index 6f15e61b078..99b7cff8ddf 100644
--- a/public/content/translations/uz/defi/index.md
+++ b/public/content/translations/uz/defi/index.md
@@ -64,7 +64,7 @@ Ethereum bunga asoslanadi. Xuddi bitcoin singari, qoidalar sizda o‘zgarmaydi v
 Bu g‘alati eshitiladi... “nima uchun men o‘z pulimni dasturlashni xohlayman?” Biroq, bu Ethereum tokenlarining birlamchi xususiyatidir. Har kim mantiqni to‘lovlarga dasturlashi mumkin. Shunday qilib, siz bitcoin nazorati va xavfsizligini moliyaviy institutlar tomonidan taqdim etiladigan xizmatlar bilan aralashtirib olishingiz mumkin. Bu sizga kriptovalyutalar bilan bitcoin bilan qila olmaydigan narsalarni, masalan, kredit va qarz olish, to‘lovlarni rejalashtirish, indeks fondlariga sarmoya kiritish va boshqalarni amalga oshirish imkonini beradi.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Agar Ethereumʼda yangi boʻlsangiz, DeFi ilovalari uchun tavsiyalarimiz bilan tanishing.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/uz/nft/index.md b/public/content/translations/uz/nft/index.md
index 807fcfa7a5d..fb95d8a9ad2 100644
--- a/public/content/translations/uz/nft/index.md
+++ b/public/content/translations/uz/nft/index.md
@@ -55,7 +55,7 @@ NFT ko‘p narsalar uchun ishlatiladi, jumladan:
 Ehtimol, siz o‘z ijodingizda nazoratni yo‘qotmasdan va daromadingizni vositachilarga berib yubormasdan, NFTʼlar orqali ulashishni istaydigan san’atkordirsiz. Siz yangi shartnoma yaratib, NFTlar miqdorini, ularning xususiyatlarini va muayyan san’at asariga bo‘lgan havolani belgilashingiz mumkin. Sanʼatkor sifatida **siz aqlli shartnomaga o‘zingizga to‘lanishi kerak bo‘lgan royaltilarni dasturlashtirishingiz mumkin** (masalan, har safar NFT boshqa shaxsga o‘tkazilganda, sotuv narxining 5 foizini shartnoma egasiga o‘tkazish). Siz har doim NFTʼlarni yaratganingizni isbotlay olasiz, chunki shartnomani joylashtirgan [hamyon](/glossary/#wallet) sizning ixtiyoringizda. Xaridorlaringiz kolleksiyangizdan **haqiqiy NFTʼga** egalik qilishlarini osongina isbotlay olishlari mumkin, chunki ularning hamyon [manzili](/glossary/#address) aqlli shartnomaningizdagi token bilan bog‘langan. Ular Ethereum ekotizimi bo‘ylab uning haqiqiyligiga to‘la ishonch bilan foydalana oladi.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>NFT san’at asarlari va kolleksiyalarini o‘rganing, sotib oling yoki o‘zingiznikini yarating...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/uz/staking/withdrawals/index.md b/public/content/translations/uz/staking/withdrawals/index.md
index 1c9a7da2e5d..b4f582932b6 100644
--- a/public/content/translations/uz/staking/withdrawals/index.md
+++ b/public/content/translations/uz/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Shanghai/Capella yangilanishidan oldin siz garovga qo‘yilgan ETHingizdan foyda
 Har qanday validator hisobi uchun pul yechib olish manzilini taqdim etish - bu hisob balansidan ETH yechib olishga huquq qozonishidan oldingi majburiy qadamdir.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Har bir validator hisobi uchun faqat bitta yechib olish manzili, bir martalik tayinlanishi mumkin.</strong> Manzil tanlanib, konsensus qatlamiga yuborilgandan so‘ng, uni bekor qilish yoki qayta o‘zgartirish mutlaqo imkonsiz bo‘ladi. Yuborishdan avval taqdim etilgan manzilning to‘g‘riligini va uning egasini ikki marta sinchiklab tekshirib chiqing.
@@ -88,7 +88,7 @@ Finematics tomonidan taqdim etilgan Ethereum steykingi yechib olish jarayoni haq
 Validator keyingi blokni taklif etish uchun rejalashtirilganda, u 16 tagacha muvofiq yechib olishlardan iborat yechib olish navbatini tuzishi shart bo‘ladi. Bu jarayon dastlab validator indeksi 0 dan boshlanib, protokol qoidalariga ko‘ra ushbu hisob uchun mablag‘ yechib olishga huquq bor-yo‘qligi aniqlanadi va agar bunday huquq mavjud bo‘lsa, u navbatga qo‘shiladi. Keyingi blokni taklif etish uchun tanlangan tekshiruvchilar to‘plami, oldingi blok yakunlangan joydan boshlab, belgilangan tartibda cheksiz davom etadi.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Analog soat haqida o‘ylab ko‘ring. Soat mili vaqtni ko‘rsatadi, faqat bir yo‘nalishda aylanadi, hech qanday soatni o‘tkazib yubormaydi va oxirgi raqamga yetgandan so‘ng yana boshiga qaytadi.<br/><br/>
diff --git a/public/content/translations/uz/web3/index.md b/public/content/translations/uz/web3/index.md
index 12d4a77ff08..40b52537764 100644
--- a/public/content/translations/uz/web3/index.md
+++ b/public/content/translations/uz/web3/index.md
@@ -62,7 +62,7 @@ Web3 sizga raqamli aktivlaringizga misli koʻrilmagan tarzda egalik qilish imkon
 Web3 [o‘zgarmas tokenlar (NFTlar)](/glossary/#nft) orqali to‘g‘ridan-to‘g‘ri egalik qilish imkonini beradi. Hech kim, hatto o‘yin yaratuvchilari ham sizning mulkingizni tortib olish huquqiga ega emas. Agar o‘ynashni to‘xtatsangiz, o‘yin ichidagi buyumlarni ochiq bozorlarda sotish yoki ayirboshlashingiz va ularning qiymatini to‘ldirishingiz mumkin.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>NFTlar haqida batafsil</div>
   <ButtonLink href="/nft/">
@@ -90,7 +90,7 @@ DAOlar texnik jihatdan resurslar fondi (tokenlar) bo‘yicha markazlashmagan qar
 Biroq, odamlar ko‘plab Web3 hamjamiyatlarini DAO deb ta’riflaydilar. Ushbu jamoalarning barchasi kod bo‘yicha markazlashtirishni cheklash va avtomatlashtirishning turli darajalariga ega. Hozirda biz DAO nima ekanligi va ular kelajakda qanday rivojlanishi mumkinligini o‘rganmoqdamiz.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/vi/defi/index.md b/public/content/translations/vi/defi/index.md
index 64ba889601f..bceb84cdd8b 100644
--- a/public/content/translations/vi/defi/index.md
+++ b/public/content/translations/vi/defi/index.md
@@ -64,7 +64,7 @@ Ethereum kế thừa và tiếp tục phát triển từ triết lý của Bitco
 Khái niệm này nghe khá kì lạ... "tại sao mà tôi lại muốn lập trình tiền của mình cơ chứ?" Tuy nhiên, điều này có ý nghĩa hơn chỉ đơn thuần là một tính năng mặc định của tokens trên Ethereum. Bất cứ ai cũng có thể lập trình logic vào trong các khoản thanh toán. Nhờ đó, bạn có thể có được khả năng kiểm soát và sự an toàn của Bitcoin cộng với những dịch vụ được cung cấp bởi các định chế tài chính. Điều này cho phép bạn làm những điều với các đồng tiền mã hóa mà bạn không thể làm với Bitcoin như là cho vay và mượn, lên lịch thanh toán, đầu tư vào các quỹ phái sinh và hơn thế nữa.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Khám phá những ứng dụng tài chính phi tập trung mà chúng tôi gợi ý nếu bạn là một người dùng mới của Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/vi/nft/index.md b/public/content/translations/vi/nft/index.md
index 3f29f61637e..d950b429e8c 100644
--- a/public/content/translations/vi/nft/index.md
+++ b/public/content/translations/vi/nft/index.md
@@ -55,7 +55,7 @@ NFT được dùng cho nhiều thứ, bao gồm:
 Có thể bạn là một nghệ sĩ muốn chia sẻ tác phẩm của mình bằng NFT mà không bị mất quyền kiểm soát chúng hoặc hy sinh lợi nhuận của mình cho các bên trung gian. Bạn có thể tạo một hợp đồng mới và định sẵn số lượng NFT, thuộc tính của chúng và một liên kết tới một tác phẩm nghệ thuật cụ thể nào đó. Là nghệ sĩ, **bạn có thể lập trình vào hợp đồng thông minh phí bản quyền** sẽ được trả cho bạn (ví dụ như giữ lại 5% giá chuyển nhượng tới người tạo ra NFT mỗi lần NFT này được chuyển đi). Bạn có thể chứng minh rằng bạn đã tạo ra những NFT đó bởi vì bạn sở hữu [địa chỉ ví](/glossary/#wallet) dùng để triển khai hợp đồng đó. Người mua NFT của bạn có thể dễ dàng chứng minh rằng họ sở hữu **NFT xác thực** từ bộ sưu tập của bạn bởi vì [địa chỉ](/glossary/#address) ví của họ được liên kết với một token trong hợp đồng thông minh của bạn. Họ có thể dùng nó trong hệ sinh thái Ethereum và yên tâm về tính xác thực của nó.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Khám phá, mua hay tạo ra các tác phẩm nghệ thuật/bộ sưu tập NFT của riêng bạn...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/vi/staking/withdrawals/index.md b/public/content/translations/vi/staking/withdrawals/index.md
index 4b47acd1574..18ab0ea71c1 100644
--- a/public/content/translations/vi/staking/withdrawals/index.md
+++ b/public/content/translations/vi/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Trước bản nâng cấp Shanghai/Capella, bạn không thể sử dụng ho
 Cung cấp địa chỉ rút tiền là bước bắt buộc đối với tất cả tài khoản nút xác thực trước khi có thể rút ETH từ số dư của tài khoản đó.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Mỗi tài khoản nút xác thực chỉ có một địa chỉ rút tiền duy nhất, vào một thời điểm.</strong> Sau khi chọn và gửi địa chỉ lên lớp đồng thuận, bạn sẽ không thể hoàn tác hoặc thay đổi lại. Hãy kiểm tra thật kỹ quyền sở hữu và độ chính xác của địa chỉ được cung cấp trước khi nộp.
@@ -88,7 +88,7 @@ Hãy xem qua giải thích này của Finematics về rút cổ phần Ethereum:
 Khi một nút xác thực được chọn để đề xuất khối tiếp theo, cần xây dựng một hàng đợi rút tiền, tối đa 16 lệnh rút tiền hợp lệ. Quá trình này được thực hiện bằng cách bắt đầu với nút xác thực có chỉ số 0, kiểm tra xem theo quy tắc của giao thức, tài khoản này có lệnh rút tiền hợp lệ không và thêm nó vào danh sách nếu có. Nút xác thực được chọn để đề xuất khối tiếp theo sẽ bắt đầu từ vị trí nút xác thực trước đó dừng lại và tiếp tục theo thứ tự vô hạn.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Hãy tưởng tượng một chiếc đồng hồ kim. Kim đồng hồ chỉ giờ, di chuyển theo một hướng, không bỏ qua giờ nào và cuối cùng quay trở lại vị trí ban đầu sau khi đến số cuối cùng.<br/><br/>
diff --git a/public/content/translations/vi/web3/index.md b/public/content/translations/vi/web3/index.md
index 4e9f0b04329..88281f9264f 100644
--- a/public/content/translations/vi/web3/index.md
+++ b/public/content/translations/vi/web3/index.md
@@ -62,7 +62,7 @@ Web3 cung cấp cho bạn sở hữu các tài sản kỹ thuật số. Giả s
 Web3 cho phép quyền sở hữu trực tiếp thông qua các [NFT (token không thể thay thế)](/glossary/#nft). Kể cả nhà phát hành trò chơi cũng không thể tước đi quyền sở hữu của bạn. Và nếu bạn ngừng chơi, bạn có thể bán hoặc trao đổi các vật phẩm được Nft hoá để thu lại giá trị.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Tìm hiểu thêm về NFT</div>
   <ButtonLink href="/nft/">
@@ -90,7 +90,7 @@ Về mặt kỹ thuật, DAO được định nghĩa là các hợp đồng thô
 Tuy nhiên, mọi người định nghĩa nhiều cộng đồng Web3 là DAO. Các cộng đồng này đều có các mức độ phân quyền và tự động hóa khác nhau theo mã. Hiện tại, chúng tôi đang khám phá các DAO là gì và chúng có thể phát triển như thế nào trong tương lai.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Tìm hiểu thêm về DAOs</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/yo/defi/index.md b/public/content/translations/yo/defi/index.md
index 3d6f640f661..03d9d0258db 100644
--- a/public/content/translations/yo/defi/index.md
+++ b/public/content/translations/yo/defi/index.md
@@ -64,7 +64,7 @@ Ethereum kọ́ lórí èyí. Bíi Bitcoin, àwọn òfin kò lè yipada lórí
 Eyi dabi ohun àjẹ́jì... "Kilódé tí ma fẹ́ fi ṣètò owó mi"? Sibẹsibẹ, èyí jẹ́ díẹ̀ síi ju ẹ̀yà àiyipada ti àwọn token lórí Ethereum. Ẹnikẹ́ni lè ṣe ètò ọgbọ́n sínú àwọn sisanwo. Nítorí náà, o lè gba iṣakoso àti aabo Bitcoin pẹ̀lú àwọn ìsẹ̀ tí àwọn ilé-iṣẹ inawo n pese. Èyí jẹ́ kí o ṣe àwọn nkan pẹ̀lú àwọn owó crypto tí o kò lè ṣe pẹ̀lú Bitcoin, bíi yíyà àti rírà, ṣètò àwọn sisanwo, ìdoko-owo nínú àwọn owó atọka, àti diẹ̀ síi.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Ṣàwárí àwọn ìmọ̀ràn wa fún àwọn ohun elo DeFi lati gbìyanju e tí o bá jẹ́ tuntun sí Ethereum.</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/yo/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/yo/guides/how-to-create-an-ethereum-account/index.md
index cd6b23dbf5e..1103cf42861 100644
--- a/public/content/translations/yo/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/yo/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ Díẹ̀ nínú àwọn ohun èlò yóò bèèrè fún ọ láti kọ àṣírí
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>Ṣé àpamọ́wọ́ ti wà ní orí ẹ̀rọ àgbéká rẹ?</b><br/> Kọ́ bí o ṣe le lòó.</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/yo/guides/how-to-revoke-token-access/index.md b/public/content/translations/yo/guides/how-to-revoke-token-access/index.md
index 91ce682b6d3..0c04a8280b6 100644
--- a/public/content/translations/yo/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/yo/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ A gbà ọ níyànjú láti ṣe àtúnṣe sí ẹ̀rọ ìfagilé rẹ lẹ́y
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Ṣe o f mọ̀ síi?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/yo/guides/how-to-swap-tokens/index.md b/public/content/translations/yo/guides/how-to-swap-tokens/index.md
index 5d76c2bb17f..55a9bbf8c59 100644
--- a/public/content/translations/yo/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/yo/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ O lè wo ìlọsíwájú ti ìdúnàádúrà lórí èyíkéyìí aṣàwárí b
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Ṣe o f mọ̀ síi?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/yo/guides/how-to-use-a-bridge/index.md b/public/content/translations/yo/guides/how-to-use-a-bridge/index.md
index 3e12b1c9090..731cf63a356 100644
--- a/public/content/translations/yo/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/yo/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ O le lò [chainlist.org](http://chainlist.org) látí wa alaye nẹtiwọọki R
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Ṣe o f mọ̀ síi?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/yo/guides/how-to-use-a-wallet/index.md b/public/content/translations/yo/guides/how-to-use-a-wallet/index.md
index 84b101ac109..dd55e250254 100644
--- a/public/content/translations/yo/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/yo/guides/how-to-use-a-wallet/index.md
@@ -63,7 +63,7 @@ O ní láti fún ẹnikẹ́ni tó bá fẹ́ fi owó ránṣẹ́ sí ọ ní àd
 6. Òhun nìyẹn! Bẹ̀rẹ̀ sí ní lo ohun èlò náà. O le rí díẹ̀ nínú àwọn iṣẹ́ àkànṣe tó wúni lórí[ojú-ewè Dapps wa](/dapps/#explore). <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Ṣe o f mọ̀ síi?</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/yo/nft/index.md b/public/content/translations/yo/nft/index.md
index 70bf06256b3..f712694363f 100644
--- a/public/content/translations/yo/nft/index.md
+++ b/public/content/translations/yo/nft/index.md
@@ -55,7 +55,7 @@ NFTs ni a ń lò fún ọ̀pọ̀lọpọ̀ àwọn nǹkan, tó pẹ̀lú:
 Bóyá o jẹ́ oníṣẹ́ ọnà tó fẹ́ pín iṣẹ́ rẹ̀ nípa lílo NFTs, láì pàdánù àkóso àti fífi èrè rẹ rúbọ fún àwọn alárinà. O lè ṣẹ̀dá àdéhùn tuntun àti pàtó nọ́mbà àwọn NFT, àwọn àbùdá wọn àti ọ̀nà àsopọ̀ sí díẹ̀ nínú àwọn iṣẹ́ ọ̀nà pàtó. Gẹ́gẹ́ bíi oníṣẹ́ ọnà, **o lè ṣètò sínú àdéhùn ọlọ́gbọ́n àwọn owó-orí** tó yẹ kí o san (fún àpẹẹrẹ gbígbé 5% ti owó títà fún oní àdéhùn ní gbogbo ìgbà tí a bá gbé NFT kan). O tún lè fìdí rẹ múlẹ̀ pé o sẹ̀dá NFTs náà nítorí pé o ni [wọ́lẹ́ẹ́tì](/glossary/#wallet) tó mú àdéhùn náà ṣiṣẹ́. Àwọn oníbàárà rẹ lè fi hàn pé àwọn ní **ojúlówó NFT** kan láti inú àkójọpọ̀ rẹ nítorí pé [àdírẹ́sì](/glossary/#address) wọ́lẹ́ẹ́tì wọn ní nǹkan ṣe pẹ̀lú àmì kan nínú àdéhùn ọlọ́gbọ́n rẹ. Wọ́n lè lò ó káàkiri àyíká Ethereum, ní ìdánilójú nínú ojúlówó rẹ̀.
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>Ṣàwárí, rà tàbí ṣẹ̀dá iṣẹ́ ọnà NFT tìrẹ / àwọn ìkójọpọ̀...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/yo/staking/withdrawals/index.md b/public/content/translations/yo/staking/withdrawals/index.md
index 76c0cdd63d7..5b57221cc1e 100644
--- a/public/content/translations/yo/staking/withdrawals/index.md
+++ b/public/content/translations/yo/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ Lati ifilọlẹ ti adehun ifowonipamo dokowo ni Oṣu kọkanla ọdun 2020, di
 Pipese adirẹsi yiyọ kuro jẹ igbesẹ ti o nilo fun eyikeyi akanti olufọwọsi ṣaaju ki o le yẹ lati yọ ETH re kuro lati iinu iyoku owo rẹ.
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>Akanti olufọwọsi kọọkan le ṣe iyasọtọ fun adirẹsi yiyọ kuro kan nikan, ni akoko kan</strong>. Ni kete ti o ba yan adirẹsi kan ti o fi silẹ si ipele ipohunpo, eyi ko le ṣe tunṣe tabi yipada lẹẹkansi. Ṣayẹwo nini ati deede lẹẹmeji ti adirẹsi ti o pese ṣaaju fifiranṣẹ.
@@ -88,7 +88,7 @@ Boya olufọwọsi kan ni ẹtọ fun yiyọ kuro tabi rara jẹ ipinnu nipasẹ
 Nigbati a ba ṣeto olufọwọsi kan lati gbero bulọọku atẹle, o nilo lati kọ itotelera yiyọ kuro, ti o to awọn yiyọkuro to yẹ 16. Eyi ni a ṣe nipasẹ ibẹrẹ ti o bẹrẹ pẹlu itọka olufọwọsi 0, ipinnu boya yiyọkuro ti o yẹ fun akanti yii ni ibamu si awọn ofin ti ilana naa, ati ṣafikun rẹ si itotelera to ba wa. Ofọwọsi naa to ṣeto lati daba awọn bulooku wọnyi yoo gbe nibi ti eyi to kẹhin ti duro, lilọsiwaju ninu eto titilai.
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 Ronu nipa aago alafọwọyi. Ọwọ ti o wa lori aago tọka si wakati naa, nlọsiwaju ni itọsọna kan, ko fo awọn wakati eyikeyi, ati nikẹhin yoo yika si ibẹrẹ lẹẹkansi lẹhin to de nọmba ti o kẹhin.<br/><br/>
diff --git a/public/content/translations/yo/web3/index.md b/public/content/translations/yo/web3/index.md
index 77d1231b3de..6d6ba8f4a7c 100644
--- a/public/content/translations/yo/web3/index.md
+++ b/public/content/translations/yo/web3/index.md
@@ -62,7 +62,7 @@ Wẹẹbù kẹta fún o ní anfaani lati ní àwọn dukia digitali fúnra rẹ
 Wẹ́ẹ̀bù kẹta fún o ni àáye lati ni ohún-ini taara nipasẹ [àwọn token ohun-ini alailegbe (NFTs)](/glossary/#nft). Kò sí enikankan, koda kò jẹ awon oluṣẹda ere idaraya, to ní agbara lati gba ini rẹ. Atipe, ti o kò ba gba ere idaraya mọ, o le ta tabi paarọ ohún ini rẹ lori ọja gbangba lati gba deede iye owo rẹ pada.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Ko sí nipa NFTs</div>
   <ButtonLink href="/nft/">
@@ -90,7 +90,7 @@ Pẹ̀lú bí o ti ní àwọn data tirẹ ní Wẹẹbu kẹta, otún le ní oj
 Àmọ àwọn eniyan túnmọ̀ ọpọlọpọ awujo wẹẹbù kẹta sí DAOs. Àwọn awujo yii ni ipele orisirisi alailakoso ati koodu ti o ń siṣe fúnra rẹ. Lọwọlọwọ, a ń ṣe iṣawari àwọn nkan tí DAOs jẹ, ati idagbasoke wọn ni ojo iwaju.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/zh-tw/bridges/index.md b/public/content/translations/zh-tw/bridges/index.md
index 72831fc17ba..624ab05d85d 100644
--- a/public/content/translations/zh-tw/bridges/index.md
+++ b/public/content/translations/zh-tw/bridges/index.md
@@ -60,7 +60,7 @@ _Web 3 已發展成由一層和二層網路擴容解決方案組成的生態系
 假設你想擁有原生比特幣 (BTC)，但你的資金只存在於以太坊主網上。 要在以太坊上獲得比特幣，你可以購買包裝比特幣 (WBTC)。 然而，包裝比特幣是以太坊網路原生的 [ERC-20](/glossary/#erc-20) 代幣，這意味著它是以太坊版本的比特幣，而不是比特幣區塊鏈上的原始資產。 要擁有原生比特幣，你必須使用跨鏈橋將資產從以太坊轉移到比特幣。 這將會橋接包裝比特幣並轉換為原生比特幣。 或者，你可能擁有比特幣，並想在以太坊的[去中心化金融](/glossary/#defi)協定中使用它。 這將需要以另一種方式橋接，從比特幣到包裝比特幣，然後可將包裝比特幣作為以太坊上的資產。
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   你也可以使用 <a href="/get-eth/">中央化交易所</a> 完成上述所有操作。 但是，除非你已有資金在交易所內，否則會涉及多個步驟，而你可能會覺得使用跨鏈橋比較好。
diff --git a/public/content/translations/zh-tw/contributing/translation-program/how-to-translate/index.md b/public/content/translations/zh-tw/contributing/translation-program/how-to-translate/index.md
index 75a7bda03fc..5908a58688a 100644
--- a/public/content/translations/zh-tw/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/zh-tw/contributing/translation-program/how-to-translate/index.md
@@ -77,7 +77,7 @@ description: 使用 Crowdin 翻譯 ethereum.org 的說明
 一旦你已經完成了翻譯（即內容門類中的所有檔案都顯示為 100%），我們的專業翻譯服務將會審核（並可能會編輯）這些內容。 一旦審核完成（如：審核進度為 100%），我們將把內容新增到網站上。
 
 <Alert variant="update">
-<Emoji text=":warning:" className="text-4xl"/>
+<AlertEmoji text=":warning:"/>
 <AlertContent>
   請不要使用機器翻譯來翻譯這個專案。 所有翻譯將會在新增到網站之前進行審核。 如果你建議的翻譯被發現是機器翻譯的，它們將不被考慮採用，而經常使用機器翻譯的貢獻者將從專案中被移除。
 </AlertContent>
diff --git a/public/content/translations/zh-tw/defi/index.md b/public/content/translations/zh-tw/defi/index.md
index 71682e3e6cc..40b661bb0fc 100644
--- a/public/content/translations/zh-tw/defi/index.md
+++ b/public/content/translations/zh-tw/defi/index.md
@@ -65,7 +65,7 @@ summaryPoint3: 基於所有人都可以編寫的開放原始碼技術。
 這聽起來很奇怪……「我幹嘛把我的錢程式化？」 不過，這只是以太坊代幣的預設功能之一。 所有人都可以在付款時加入程式邏輯。 因此，你可以結合比特幣的控制權和安全性，以及金融機構提供的各種金融服務， 用加密貨幣來做一些比特幣辦不到的事，例如借貸、安排付款、投資指數型基金等等。
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>如果你是剛開始使用以太坊，請嘗試我們推薦的去中心化金融應用程式。</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/index.md
index 7e18339cadb..0cc5c630053 100644
--- a/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/index.md
@@ -7,7 +7,7 @@ lang: zh-tw
 在以太坊網路的初期，我們使用一種涉及**[工作量證明 (PoW)](/developers/docs/consensus-mechanisms/pow)** 的共識機制。 這個機制讓以太坊網路的節點對所有在以太坊區塊鏈上紀錄的資訊的狀態達成共識，並可防範某些種類的經濟攻擊。 但是，以太坊於 2022 年停止使用工作量證明，並轉為使用[權益證明](/developers/docs/consensus-mechanisms/pos)。
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
     現在，業界普遍都已棄用工作量證明。 以太坊亦不在其共識機制內使用工作量證明。 取而代之的，是權益證明。 閱讀更多關於<a href="/developers/docs/consensus-mechanisms/pos/">權益證明</a>和<a href="/staking/">質押</a>的資訊。
diff --git a/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/index.md
index b8f250ed562..429b8541330 100644
--- a/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -5,7 +5,7 @@ lang: zh-tw
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 工作量證明不再是以太坊共識機制的基礎，這意味著挖礦已完結。 取而代之的是，以太坊由抵押以太幣的驗證者來保障安全。 你能從現在開始質押以太幣。 閱讀更多關於<a href='/roadmap/merge/'>合併</a>、<a href='/developers/docs/consensus-mechanisms/pos/'>權益證明</a>和<a href='/staking/'>質押</a>的資訊。 此頁面僅為滿足對歷史的興趣。
diff --git a/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index 8d570ea6c07..bcb3230fe38 100644
--- a/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -5,7 +5,7 @@ lang: zh-tw
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
    Ethash 是以太坊的工作量證明挖礦演算法。 工作量證明現在已經被**完全關閉**，取而代之的是，以太坊現在使用<a href="/developers/docs/consensus-mechanisms/pos/">權益證明</a>來確保安全。 閱讀更多關於<a href="/roadmap/merge/">合併 </a>、<a href="/developers/docs/consensus-mechanisms/pos/">權益證明</a>和<a href="/staking/">質押</a>的資訊。 此頁面僅為滿足對歷史的興趣！  
diff --git a/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index 74b8f78c21c..78afa1cc5a3 100644
--- a/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/zh-tw/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -5,7 +5,7 @@ lang: zh-tw
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 工作量證明不再是以太坊共識機制的基礎，這意味著挖礦已完結。 取而代之的是，以太坊由抵押以太幣的驗證者來保障安全。 你能從現在開始質押ETH. 閱讀更多關於<a href='/roadmap/merge/'>合併</a>、<a href='/developers/docs/consensus-mechanisms/pos/'>權益證明</a>和<a href='/staking/'>質押</a>的資訊。 此頁面僅為滿足對歷史的興趣。
diff --git a/public/content/translations/zh-tw/energy-consumption/index.md b/public/content/translations/zh-tw/energy-consumption/index.md
index f3e99560af9..b02f350ce18 100644
--- a/public/content/translations/zh-tw/energy-consumption/index.md
+++ b/public/content/translations/zh-tw/energy-consumption/index.md
@@ -62,7 +62,7 @@ lang: zh-tw
 [Gitcoin](https://gitcoin.co) 等 Web 3 原生公共財募資平台，舉辦氣候募資輪，以促進以太坊應用程式層開展具環保意識的構建。 透過開發這些倡議 (以及[去中心化科研](/desci/)等等)，以太坊正成為一項對環境及社會具有淨正效益的科技。
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   如果你認為此頁內容能更加準確，請提出議題或提取請求 (PR)。 呈現在此頁面上的統計數據皆是基於公開數據的估計值 - 它們不代表 ethereum.org 團隊或以太坊基金會的官方聲明或承諾。
diff --git a/public/content/translations/zh-tw/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/zh-tw/guides/how-to-create-an-ethereum-account/index.md
index 9fce47d80b9..b4232f7052d 100644
--- a/public/content/translations/zh-tw/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/zh-tw/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ lang: zh-tw
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>錢包安裝了嗎？</b><br/>瞭解如何使用它。</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/zh-tw/guides/how-to-revoke-token-access/index.md b/public/content/translations/zh-tw/guides/how-to-revoke-token-access/index.md
index 6a6f98f5ce3..a9a30e1cd01 100644
--- a/public/content/translations/zh-tw/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/zh-tw/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ lang: zh-tw
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>想瞭解更多嗎？</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/zh-tw/guides/how-to-swap-tokens/index.md b/public/content/translations/zh-tw/guides/how-to-swap-tokens/index.md
index dfe974e82bc..3b2b2c166b7 100644
--- a/public/content/translations/zh-tw/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/zh-tw/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ lang: zh-tw
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>想要學習更多功能嗎？</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/zh-tw/guides/how-to-use-a-bridge/index.md b/public/content/translations/zh-tw/guides/how-to-use-a-bridge/index.md
index 2bc70b67c6a..d09525d0ab8 100644
--- a/public/content/translations/zh-tw/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/zh-tw/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ lang: zh-tw
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>想要學習更多功能嗎？</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/zh-tw/guides/how-to-use-a-wallet/index.md b/public/content/translations/zh-tw/guides/how-to-use-a-wallet/index.md
index 0c9e72538d4..a96f3872af7 100644
--- a/public/content/translations/zh-tw/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/zh-tw/guides/how-to-use-a-wallet/index.md
@@ -64,7 +64,7 @@ lang: zh-tw
 6. 大功告成！ 開始使用應用程式。 你可在我們的[去中心化應用程式頁面](/dapps/#explore)找到許多有趣的專案。 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>想要學習更多功能嗎？</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/zh-tw/nft/index.md b/public/content/translations/zh-tw/nft/index.md
index da1444efb56..b463b39dbad 100644
--- a/public/content/translations/zh-tw/nft/index.md
+++ b/public/content/translations/zh-tw/nft/index.md
@@ -56,7 +56,7 @@ summaryPoint3: 由建置於以太坊區塊鏈上的智慧型合約提供支援
 或許你是位藝術家，想透過非同質化代幣分享你的作品，同時不失去對藝術品的控制權，並且不會因中介而損失收益。 你可以建立一份新合約，並明訂非同質化代幣的數量、屬性，以及連到某些特定藝術品的連結。 作為藝術家，**你可以將您應得的版稅寫入智能合約**（如：每當非同質化代幣被轉移時，支付銷售價格的 5% 給合約擁有者）。 你可以隨時證明該非同質化代幣由您建立，因為您擁有部署該合約的[錢包](/glossary/#wallet)。 你的買家可輕易證明他們擁有賣家收藏品的**正版非同質化代幣**，因為他們的錢包[地址](/glossary/#address)與賣家智能合約中的代幣相關聯。 他們可以在以太坊生態系統中使用非同質化代幣，並可信任代幣的真實性。
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>探索、購買或建立你個人的非同質化代幣藝術品/收藏品……</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/zh-tw/roadmap/beacon-chain/index.md b/public/content/translations/zh-tw/roadmap/beacon-chain/index.md
index 1259bb5b25f..295ab285b82 100644
--- a/public/content/translations/zh-tw/roadmap/beacon-chain/index.md
+++ b/public/content/translations/zh-tw/roadmap/beacon-chain/index.md
@@ -35,7 +35,7 @@ summaryPoint3: 信標鏈引入共識邏輯和區塊廣播協定，現在可保
 使用權益證明作為共識機制是[我們現在擁有的安全、環保、可擴容的以太坊](/roadmap/vision/)的基石。
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   若有興趣成為驗證者或幫助保障以太坊安全，請<a href="/staking/">瞭解有關質押的更多資訊</a>。
diff --git a/public/content/translations/zh-tw/security/index.md b/public/content/translations/zh-tw/security/index.md
index a72c4713668..f39b3898bc3 100644
--- a/public/content/translations/zh-tw/security/index.md
+++ b/public/content/translations/zh-tw/security/index.md
@@ -125,7 +125,7 @@ lang: zh-tw
 - 切勿以非官方指定管道來交流
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     請注意：支援服務型騙局常發生在 Discord 平台上，但在任何討論加密貨幣的聊天應用程式上也可能很盛行，包括電子郵件。
@@ -219,7 +219,7 @@ _注意：有些衍生的代幣/行情指示器可能代表被質押的以太幣
 ### 使用密碼管理器 {#use-password-manager}
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
     使用密碼管理器能幫你建立獨特的強式密碼，並且記住密碼！ 我們<strong>非常</strong>建議使用密碼管理器，而且大多數免費！
@@ -249,7 +249,7 @@ _注意：有些衍生的代幣/行情指示器可能代表被質押的以太幣
 使用**雙因素驗證 (2FA)** 時，可以為你的線上帳戶提供一層額外的*安全因素*。 雙因素驗證保障了即使取得你的密碼，仍不足以存取你的帳戶。 最常見的是，第二組因素是一個隨機的 6 位數代碼，稱為**基於時間的一次性密碼 (TOTP)**，可透過 Google authenticator 或 Authy 等驗證工具應用程式來取得。 這些因素取材自「你擁有之物」，因為產生定時碼的種子，儲存在你的裝置上。
 
 <Alert variant="update">
-<Emoji text=":lock:" className="text-4xl"/>
+<AlertEmoji text=":lock:"/>
 <AlertContent>
 <AlertDescription>
     注意：使用基於簡訊的雙因素驗證容易受到 <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM 卡交換攻擊</a>，因此並不安全。 為了獲得最佳安全性，請使用 <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> 或 <a href="https://authy.com/">Authy</a> 等服務。
diff --git a/public/content/translations/zh-tw/staking/withdrawals/index.md b/public/content/translations/zh-tw/staking/withdrawals/index.md
index 4dd71251479..886d25ded0a 100644
--- a/public/content/translations/zh-tw/staking/withdrawals/index.md
+++ b/public/content/translations/zh-tw/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ summaryPoints:
 對於任何驗證者帳戶來說，提供提款地址是必要的步驟，然後才有資格從其餘額中提取以太幣。
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>每個驗證者帳戶一次只能分配一個提款地址。</strong>一旦選好地址並提交到共識層，就無法撤消或再次更改。 提交前請再次檢查所提供地址的所有權和正確性。
@@ -88,7 +88,7 @@ summaryPoints:
 當驗證者準備提交下一個區塊時，需要建立一個提款隊列，其中最多包含 16 項符合資格的提款。 最初從驗證者索引 0 開始，根據協議規則，確定此帳戶是否有符合條件的提款，如果有，則將其添加到隊列中。 提交下一個區塊的驗證者們將從上一個區塊停止的地方開始，按順序依次進行。
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 想像一下指針式時鐘。 時鐘上的指針指向小時，朝一個方向前進，不會跳過任何小時，並最終在到達最後一個數字後再次回到起點。<br/><br/>
diff --git a/public/content/translations/zh-tw/web3/index.md b/public/content/translations/zh-tw/web3/index.md
index 87ca76b57fe..4b12356416d 100644
--- a/public/content/translations/zh-tw/web3/index.md
+++ b/public/content/translations/zh-tw/web3/index.md
@@ -62,7 +62,7 @@ Web3 以前所未有的方式讓你擁有數位資產的所有權。 例如，
 Web3 允許透過[非同質化代幣 (NFT) ](/glossary/#nft)實現直接所有權。 沒有人有權剝奪你的所有權，即使是遊戲的創作者亦然。 而且，如果不再玩遊戲，你可以在公開市場上出售或交易遊戲內的物品，並收回其價值。
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>深入了解非同質化代幣</div>
   <ButtonLink href="/nft/">
@@ -90,7 +90,7 @@ Web 2.0 要求內容製作者相信平台不會更改規則，但抗審查是 We
 然而，許多 Web3 社群都被定義為去中心化自治組織。 這些社群都透過程式碼實現了不同程度的去中心化和自動化。 目前，我們仍在探索去中心化自治組織是什麼，以及其未來可能如何發展。
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>了解更多關於去中心化自治組織</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/translations/zh/beacon-chain/index.md b/public/content/translations/zh/beacon-chain/index.md
index bffb5a9c966..3bc5750c728 100644
--- a/public/content/translations/zh/beacon-chain/index.md
+++ b/public/content/translations/zh/beacon-chain/index.md
@@ -35,7 +35,7 @@ summaryPoint3: 信标链引入了共识逻辑和区块广播协议，为当前
 采用权益证明共识机制为[我们现在拥有的安全、环保和可扩展的以太坊](/roadmap/vision/)奠定了基础。
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   如果你有兴趣成为验证者并帮助保护以太坊，请点击此处<a href="/staking/">了解更多关于质押的信息</a>。
diff --git a/public/content/translations/zh/bridges/index.md b/public/content/translations/zh/bridges/index.md
index fb2db2cdcab..36fc7aeaf3a 100644
--- a/public/content/translations/zh/bridges/index.md
+++ b/public/content/translations/zh/bridges/index.md
@@ -60,7 +60,7 @@ _Web3 已经发展成为一个由一层网络区块链和二层网络扩展解
 如果你只有以太坊网络资产但想拥有原生比特币， 你可以先兑换得到以太坊上的 BTC - WBTC（Wrapped Bitcoin）， 然而，包装比特币是以太坊网络的原生 [ERC-20](/glossary/#erc-20) 代币，这意味着它是比特币的以太坊版本，而不是比特币区块链上的原始资产。 然后你可以通过跨链桥，将资产从以太坊网络跨到比特币网络， 即将 WBTC 转换为原生 BTC。 或者，你可能拥有比特币，并且想在以太坊的[去中心化金融](/glossary/#defi)协议中使用它。 用于以太坊网络的 DeFi 协议中。
 
 <Alert variant="update">
-<Emoji text=":bulb:" className="text-4xl"/>
+<AlertEmoji text=":bulb:"/>
 <AlertContent>
 <AlertDescription>
   你还可以使用<a href="/get-eth/">中心化交易所</a>完成上述所有操作。 但是，除非你的资金已经在交易所，否则将涉及多个步骤，而且你最好使用桥梁。
diff --git a/public/content/translations/zh/contributing/translation-program/how-to-translate/index.md b/public/content/translations/zh/contributing/translation-program/how-to-translate/index.md
index 774602a1510..d2c8e944c38 100644
--- a/public/content/translations/zh/contributing/translation-program/how-to-translate/index.md
+++ b/public/content/translations/zh/contributing/translation-program/how-to-translate/index.md
@@ -77,7 +77,7 @@ description: 使用 Crowdin 翻译 ethereum.org 的操作指南
 一旦你完成翻译（即内容存储桶的所有文件均显示 100%），我们的专业翻译服务机构将审核（并可能编辑）你完成的内容。 一旦审核完成（即审核进度为 100%），我们会将内容添加到网站上。
 
 <Alert variant="update">
-<Emoji text=":warning:" className="text-4xl"/>
+<AlertEmoji text=":warning:"/>
 <AlertContent>
   请不要使用机器翻译来翻译项目。 所有译文在添加到网站之前均会进行审核。 如果发现你提供的译文是机器翻译的，你的译文将不会被应用，经常使用机器翻译的贡献者将被从项目中移除。
 </AlertContent>
diff --git a/public/content/translations/zh/defi/index.md b/public/content/translations/zh/defi/index.md
index 3befa95b436..e08d3e26ac6 100644
--- a/public/content/translations/zh/defi/index.md
+++ b/public/content/translations/zh/defi/index.md
@@ -65,7 +65,7 @@ summaryPoint3: 基于开源技术，任何人都可以来编程。
 这听起来很奇怪……“我为什么会想对钱进行编程”？ 然而，这只是以太坊代币的一个默认功能。 任何人都可以对逻辑编程，以生成支付。 这样，你就可以将比特币的控制权和安全性与传统金融机构提供的服务相结合。 然后，你就可以用加密货币做一些比特币做不到的事情，比如借贷、预约付款、投资指数基金等等。
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>如果你不熟悉以太坊，请尝试我们推荐的去中心化金融应用程序。</div>
   <ButtonLink href="/dapps/?category=finance#explore">
diff --git a/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/index.md
index 7e32a2a91b7..74052a552fd 100644
--- a/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/index.md
@@ -7,7 +7,7 @@ lang: zh
 以太坊网络最初采用一种称为**[工作量证明 (PoW)](/developers/docs/consensus-mechanisms/pow)** 的共识机制。 这种机制允许以太坊网络的节点就以太坊区块链上记录的所有信息的状态达成共识，并防止某些产生经济影响的攻击。 然而，以太坊在 2022 年终结了工作量证明并开始采用[权益证明](/developers/docs/consensus-mechanisms/pos)。
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
     工作量证明现已弃用。 以太坊不再使用工作量证明作为其部分共识机制。 它改用权益证明。 阅读有关<a href="/developers/docs/consensus-mechanisms/pos/">权益证明</a>和<a href="/staking/">质押</a>的更多信息。
diff --git a/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/index.md
index 16624d9ca8d..51659c387eb 100644
--- a/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -5,7 +5,7 @@ lang: zh
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 工作量证明不再是以太坊共识机制的基础，这意味着挖矿已终结。 取而代之的是，以太坊将由质押了以太币的验证者保护。 你可以立即开始质押以太币。 阅读更多关于<a href='/roadmap/merge/'>合并</a>、<a href='/developers/docs/consensus-mechanisms/pos/'>权益证明</a>和<a href='/staking/'>质押</a>的信息。 此页面仅展示历史内容。
diff --git a/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index c411ff95c72..b03d4c4264c 100644
--- a/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -5,7 +5,7 @@ lang: zh
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
    Ethash 是以太坊的工作量证明挖矿算法。 工作量证明现在已经被**完全关闭**，取而代之，以太坊现在使用<a href="/developers/docs/consensus-mechanisms/pos/">权益证明</a>来保证安全。 阅读更多关于<a href="/roadmap/merge/">合并</a>、<a href="/developers/docs/consensus-mechanisms/pos/">权益证明</a>和<a href="/staking/">质押</a>的信息。 此页面是为了满足对历史的兴趣！  
diff --git a/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index 4a20bf67c0f..4621f4bda46 100644
--- a/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/zh/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -5,7 +5,7 @@ lang: zh
 ---
 
 <Alert variant="update">
-<Emoji text=":wave:" className="text-4xl"/>
+<AlertEmoji text=":wave:"/>
 <AlertContent>
 <AlertDescription>
 工作量证明不再是以太坊共识机制的基础，这意味着挖矿已终结。 取而代之的是，以太坊将由质押了以太币的验证者保护。 你可以立即开始质押以太币。 阅读更多关于<a href='/roadmap/merge/'>合并</a>、<a href='/developers/docs/consensus-mechanisms/pos/'>权益证明</a>和<a href='/staking/'>质押</a>的信息。 此页面仅为满足对历史的兴趣。
diff --git a/public/content/translations/zh/energy-consumption/index.md b/public/content/translations/zh/energy-consumption/index.md
index 78390ffd7a9..1ecdf7d29b1 100644
--- a/public/content/translations/zh/energy-consumption/index.md
+++ b/public/content/translations/zh/energy-consumption/index.md
@@ -62,7 +62,7 @@ CCRI 估计，以太坊的年化耗电量会因合并减少 **99.988%** 以上
 Web3 原生公共物品融资平台，如 [Gitcoin](https://gitcoin.co) 举行气候回合，推动在以太坊应用程序层上形成环境意识。 通过制定这些计划（以及其他，例如[去中心化科学](/desci/)），以太坊正在成为一项对环境和社会有益的技术。
 
 <Alert variant="update">
-<Emoji text=":evergreen_tree:" className="text-4xl"/>
+<AlertEmoji text=":evergreen_tree:" />
 <AlertContent>
 <AlertDescription>
   如果你认为本页尚有可改进之处，请提出问题或拉取请求。 本页面上的统计数据是基于公开数据的估算值 - 它们不代表 ethereum.org 团队或以太坊基金会的官方声明或承诺。
diff --git a/public/content/translations/zh/guides/how-to-create-an-ethereum-account/index.md b/public/content/translations/zh/guides/how-to-create-an-ethereum-account/index.md
index 444eda83a97..dfb7b52aeb4 100644
--- a/public/content/translations/zh/guides/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/zh/guides/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ lang: zh
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>已安装钱包？</b><br/>了解如何使用它。</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/zh/guides/how-to-register-an-ethereum-account/index.md b/public/content/translations/zh/guides/how-to-register-an-ethereum-account/index.md
index 7499f23ff53..a101b13d1d3 100644
--- a/public/content/translations/zh/guides/how-to-register-an-ethereum-account/index.md
+++ b/public/content/translations/zh/guides/how-to-register-an-ethereum-account/index.md
@@ -39,7 +39,7 @@ lang: zh
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>想了解更多信息？</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/zh/guides/how-to-revoke-token-access/index.md b/public/content/translations/zh/guides/how-to-revoke-token-access/index.md
index 8134b6c0554..c5e303648ae 100644
--- a/public/content/translations/zh/guides/how-to-revoke-token-access/index.md
+++ b/public/content/translations/zh/guides/how-to-revoke-token-access/index.md
@@ -48,7 +48,7 @@ lang: zh
  <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>想了解更多信息？</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/zh/guides/how-to-swap-tokens/index.md b/public/content/translations/zh/guides/how-to-swap-tokens/index.md
index 74966c6d1ec..5b3a16b0550 100644
--- a/public/content/translations/zh/guides/how-to-swap-tokens/index.md
+++ b/public/content/translations/zh/guides/how-to-swap-tokens/index.md
@@ -50,7 +50,7 @@ lang: zh
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>想了解更多信息？</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/zh/guides/how-to-use-a-bridge/index.md b/public/content/translations/zh/guides/how-to-use-a-bridge/index.md
index 14a2ae8c258..d1e37cfb6de 100644
--- a/public/content/translations/zh/guides/how-to-use-a-bridge/index.md
+++ b/public/content/translations/zh/guides/how-to-use-a-bridge/index.md
@@ -53,7 +53,7 @@ lang: zh
 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>想了解更多信息？</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/zh/guides/how-to-use-a-wallet/index.md b/public/content/translations/zh/guides/how-to-use-a-wallet/index.md
index 23479ebf75d..9c8bb5b7ec4 100644
--- a/public/content/translations/zh/guides/how-to-use-a-wallet/index.md
+++ b/public/content/translations/zh/guides/how-to-use-a-wallet/index.md
@@ -64,7 +64,7 @@ lang: zh
 6. 这样就完成了！ 开始使用这个应用程序吧。 你可以在我们的[去中心化应用程序页面](/dapps/#explore)找到一些有趣的项目。 <br />
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>想了解更多信息？</div>
   <ButtonLink href="/guides/">
diff --git a/public/content/translations/zh/how-to-create-an-ethereum-account/index.md b/public/content/translations/zh/how-to-create-an-ethereum-account/index.md
index 2a63fa390ed..e6ebcc3c7f7 100644
--- a/public/content/translations/zh/how-to-create-an-ethereum-account/index.md
+++ b/public/content/translations/zh/how-to-create-an-ethereum-account/index.md
@@ -41,7 +41,7 @@ lang: zh
 
 <div>
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row justify-between items-center">
   <div><b>已安装钱包？</b><br/>了解如何使用它。</div>
   <ButtonLink href="/guides/how-to-use-a-wallet">
diff --git a/public/content/translations/zh/nft/index.md b/public/content/translations/zh/nft/index.md
index 4bd3aec89d7..3b8a0f7b46d 100644
--- a/public/content/translations/zh/nft/index.md
+++ b/public/content/translations/zh/nft/index.md
@@ -56,7 +56,7 @@ summaryPoint3: 由以太坊区块链上的智能合约提供支持
 假设你是一位艺术家，希望使用非同质化代币分享自己的作品，同时不想失去对作品的控制，也不想中间商分走利润。 你可以创建一个新合约，指定非同质化代币的数量、属性和特定艺术品的链接。 作为艺术家，**你可以在智能合约中设置你应该收取的版税**（例如，每次转让非同质化代币时，将销售价格的 5% 转给合约所有人）。 因为你拥有部署合约的[钱包](/glossary/#wallet)，所以你始终可以证明是你是非同质化代币的创建者。 你的买家也可以轻松地证明他们拥有代表你的系列艺术品的**真正的非同质化代币**，因为他们的钱包[地址](/glossary/#address)与你的智能合约中的一个代币相关联。 他们可以在整个以太坊生态系统中使用该非同质化代币，因为其真实性能得到保证。
 
 <Alert variant="update" className="mt-8">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="justify-between flex-row items-center">
   <div>探索、购买或创建自己的非同质化代币艺术品/收藏品...</div>
   <ButtonLink href="/dapps/?category=collectibles#explore">
diff --git a/public/content/translations/zh/roadmap/beacon-chain/index.md b/public/content/translations/zh/roadmap/beacon-chain/index.md
index bffb5a9c966..3bc5750c728 100644
--- a/public/content/translations/zh/roadmap/beacon-chain/index.md
+++ b/public/content/translations/zh/roadmap/beacon-chain/index.md
@@ -35,7 +35,7 @@ summaryPoint3: 信标链引入了共识逻辑和区块广播协议，为当前
 采用权益证明共识机制为[我们现在拥有的安全、环保和可扩展的以太坊](/roadmap/vision/)奠定了基础。
 
 <Alert variant="update">
-<Emoji text=":money_bag:" className="text-4xl"/>
+<AlertEmoji text=":money_bag:"/>
 <AlertContent>
 <AlertDescription>
   如果你有兴趣成为验证者并帮助保护以太坊，请点击此处<a href="/staking/">了解更多关于质押的信息</a>。
diff --git a/public/content/translations/zh/staking/withdrawals/index.md b/public/content/translations/zh/staking/withdrawals/index.md
index 72e3596c7b3..971bef77cdf 100644
--- a/public/content/translations/zh/staking/withdrawals/index.md
+++ b/public/content/translations/zh/staking/withdrawals/index.md
@@ -44,7 +44,7 @@ summaryPoints:
 为任何验证器帐户提供提款地址是一个必需的步骤，否则无法从其余额中提取以太币。
 
 <Alert variant="warning">
-<Emoji text="⚠️" className="text-4xl"/>
+<AlertEmoji text="⚠️"/>
 <AlertContent>
 <AlertDescription>
   <strong>每个验证者帐户一次只能分配一个提款地址。</strong>一旦选择地址并提交到共识层，就无法撤消或再次更改。 在提交前，请仔细检查所提供地址的所有权和准确性。
@@ -88,7 +88,7 @@ summaryPoints:
 当验证者被安排提议下一个区块时，需要构建一个最多包含 16 个合格提款的提款队列。 首先从验证者索引 0 开始，根据协议规则判断该帐户是否有合格的提款，如果有，则将其添加到队列中。 被安排提议下一个区块的验证者将从上一个验证者离开的地方继续，无限期地按顺序进行。
 
 <Alert variant="update">
-<Emoji text="🕛" className="text-4xl"/>
+<AlertEmoji text="🕛"/>
 <AlertContent>
 <AlertDescription>
 想象一个模拟时钟。 时钟的指针指向小时，朝一个方向前进，不跳过任何小时，最后在达到最后一个数字后再次回到开始。<br/><br/>
diff --git a/public/content/translations/zh/web3/index.md b/public/content/translations/zh/web3/index.md
index 621e453fe1e..3e5d769bfd3 100644
--- a/public/content/translations/zh/web3/index.md
+++ b/public/content/translations/zh/web3/index.md
@@ -66,7 +66,7 @@ Web3 以前所未有的方式赋予你数字资产的所有权。 例如，假
 Web3 允许通过[非同质化代币 (NFT)](/glossary/#nft) 直接拥有所有权。 任何人甚至是游戏创作者，都没有权力剥夺你的所有权。 而且，如果你停止玩这个游戏，你可以在公开市场上出售或交易你的游戏内物品并收回它们的价值。
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>了解更多有关非同质化代币的更多信息</div>
   <ButtonLink href="/nft/">
@@ -94,7 +94,7 @@ Web 2.0 需要内容创作者信任平台不会更改规则，但抗审查则是
 然而，许多 Web3 社区都被定义为去中心化自治组织。 这些社区都通过代码实现了不同程度的去中心化和自动化。 目前，我们仍在探索去中心化自治组织是什么以及它们在未来会如何发展。
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>了解更多有关去中心化自治组织的信息</div>
   <ButtonLink href="/dao/">
diff --git a/public/content/web3/index.md b/public/content/web3/index.md
index f314d8baec5..338f4974d9e 100644
--- a/public/content/web3/index.md
+++ b/public/content/web3/index.md
@@ -67,7 +67,7 @@ Web3 gives you ownership of your digital assets in an unprecedented way. For exa
 Web3 allows for direct ownership through [non-fungible tokens (NFTs)](/glossary/#nft). No one, not even the game's creators, has the power to take away your ownership. And, if you stop playing, you can sell or trade your in-game items on open markets and recoup their value.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Learn more about NFTs</div>
   <ButtonLink href="/nft/">
@@ -95,7 +95,7 @@ DAOs are defined technically as agreed-upon [smart contracts](/glossary/#smart-c
 However, people define many Web3 communities as DAOs. These communities all have different levels of decentralization and automation by code. Currently, we are exploring what DAOs are and how they might evolve in the future.
 
 <Alert variant="update">
-<Emoji text=":eyes:" className="text-4xl"/>
+<AlertEmoji text=":eyes:"/>
 <AlertContent className="flex-row items-center justify-between">
   <div>Learn more about DAOs</div>
   <ButtonLink href="/dao/">
diff --git a/src/components/MeetupList.tsx b/src/components/MeetupList.tsx
index 241f45c9040..13dd0fdb003 100644
--- a/src/components/MeetupList.tsx
+++ b/src/components/MeetupList.tsx
@@ -12,7 +12,7 @@ import { trackCustomEvent } from "@/lib/utils/matomo"
 
 import meetups from "@/data/community-meetups.json"
 
-import { Alert, AlertContent, AlertDescription } from "./ui/alert"
+import { Alert, AlertContent, AlertDescription, AlertEmoji } from "./ui/alert"
 import { Flex } from "./ui/flex"
 import Input from "./ui/input"
 import InlineLink, { BaseLink } from "./ui/Link"
@@ -103,7 +103,7 @@ const MeetupList = () => {
       <div aria-live="assertive" aria-atomic>
         {!filteredMeetups.length && (
           <Alert variant="update">
-            <Emoji text=":information_source:" className="text-4xl" />
+            <AlertEmoji text=":information_source:" />
             <AlertContent>
               <AlertDescription>
                 <Translation id="page-community:page-community-meetuplist-no-meetups" />{" "}
diff --git a/src/components/ProductDisclaimer.tsx b/src/components/ProductDisclaimer.tsx
index de778e55588..9c0247c8f24 100644
--- a/src/components/ProductDisclaimer.tsx
+++ b/src/components/ProductDisclaimer.tsx
@@ -1,11 +1,10 @@
 import Translation from "@/components/Translation"
 
-import { Alert, AlertContent, AlertDescription } from "./ui/alert"
-import Emoji from "./Emoji"
+import { Alert, AlertContent, AlertDescription, AlertEmoji } from "./ui/alert"
 
 const ProductDisclaimer = () => (
   <Alert variant="warning">
-    <Emoji text="⚠️" className="text-4xl" />
+    <AlertEmoji text="⚠️" />
     <AlertContent>
       <AlertDescription>
         <Translation id="product-disclaimer" />
diff --git a/src/components/StablecoinAccordion/index.tsx b/src/components/StablecoinAccordion/index.tsx
index e34f0e19935..900a2984cd3 100644
--- a/src/components/StablecoinAccordion/index.tsx
+++ b/src/components/StablecoinAccordion/index.tsx
@@ -8,10 +8,9 @@ import InlineLink, { BaseLink } from "@/components/ui/Link"
 import { LinkBox, LinkOverlay } from "@/components/ui/link-box"
 
 import CardList from "../CardList"
-import Emoji from "../Emoji"
 import Translation from "../Translation"
 import { Accordion } from "../ui/accordion"
-import { Alert, AlertContent } from "../ui/alert"
+import { Alert, AlertContent, AlertEmoji } from "../ui/alert"
 
 import {
   AccordionCustomItem,
@@ -86,7 +85,7 @@ const StablecoinAccordion = () => {
             />
           </StepBoxContainer>
           <Alert variant="update">
-            <Emoji text=":light_bulb:" className="text-4xl" />
+            <AlertEmoji text=":light_bulb:" />
             <AlertContent>
               <H4>{t("page-stablecoins-accordion-swap-editors-tip")}</H4>
               <p className="mb-6 leading-6">
diff --git a/src/components/UpcomingEventsList.tsx b/src/components/UpcomingEventsList.tsx
index c894670cec0..3c77b671b9f 100644
--- a/src/components/UpcomingEventsList.tsx
+++ b/src/components/UpcomingEventsList.tsx
@@ -15,8 +15,7 @@ import { getLocaleTimestamp } from "@/lib/utils/time"
 
 import communityEvents from "@/data/community-events.json"
 
-import { Alert, AlertContent, AlertDescription } from "./ui/alert"
-import Emoji from "./Emoji"
+import { Alert, AlertContent, AlertDescription, AlertEmoji } from "./ui/alert"
 
 import { useTranslation } from "@/hooks/useTranslation"
 
@@ -100,7 +99,7 @@ const UpcomingEventsList = () => {
   if (Object.keys(monthGroupedEvents)?.length) {
     return (
       <Alert variant="update">
-        <Emoji text=":information_source:" className="text-4xl" />
+        <AlertEmoji text=":information_source:" />
         <AlertContent>
           <AlertDescription>
             {t("page-community-upcoming-events-no-events")}{" "}
diff --git a/src/components/ui/alert.tsx b/src/components/ui/alert.tsx
index 4e9add817fc..a65364b6d08 100644
--- a/src/components/ui/alert.tsx
+++ b/src/components/ui/alert.tsx
@@ -4,6 +4,8 @@ import { MdClose } from "react-icons/md"
 
 import { cn } from "@/lib/utils/cn"
 
+import Emoji, { type EmojiProps } from "../Emoji"
+
 import { Button } from "./buttons/Button"
 
 const alertVariants = cva(
@@ -89,4 +91,24 @@ const AlertCloseButton = React.forwardRef<
 ))
 AlertCloseButton.displayName = "AlertCloseButton"
 
-export { Alert, AlertCloseButton, AlertContent, AlertDescription, AlertTitle }
+const AlertEmoji = React.forwardRef<SVGElement, EmojiProps>(
+  ({ className, ...props }) => (
+    <Emoji
+      className={cn(
+        "flex-shrink-0 flex-grow-0 self-start text-4xl sm:self-auto",
+        className
+      )}
+      {...props}
+    />
+  )
+)
+AlertEmoji.displayName = "AlertEmoji"
+
+export {
+  Alert,
+  AlertCloseButton,
+  AlertContent,
+  AlertDescription,
+  AlertEmoji,
+  AlertTitle,
+}

From 812d5e5b44db7b829feb1770877152d54c0ee7ff Mon Sep 17 00:00:00 2001
From: JoeChenJ <jiajuncjoe@gmail.com>
Date: Sun, 19 Oct 2025 04:36:58 +0800
Subject: [PATCH 10/13] refactor(md pages): migrate usage of InfoBanner to
 ui/alert

---
 public/content/roadmap/fusaka/index.md        |  8 ++++--
 .../translations/el/ai-agents/index.md        | 10 +++++--
 .../el/prediction-markets/index.md            |  9 ++++--
 .../el/roadmap/danksharding/index.md          |  8 ++++--
 .../content/translations/el/security/index.md | 28 ++++++++++++++-----
 .../content/translations/fr/payments/index.md | 15 +++++++---
 .../docs/consensus-mechanisms/pow/index.md    |  9 ++++--
 .../consensus-mechanisms/pow/mining/index.md  |  9 ++++--
 .../mining/mining-algorithms/ethash/index.md  |  9 ++++--
 .../pow/mining/mining-algorithms/index.md     |  9 ++++--
 .../translations/uk/ai-agents/index.md        |  9 ++++--
 .../uk/prediction-markets/index.md            |  9 ++++--
 .../content/translations/zh/security/index.md | 27 ++++++++++++++----
 13 files changed, 121 insertions(+), 38 deletions(-)

diff --git a/public/content/roadmap/fusaka/index.md b/public/content/roadmap/fusaka/index.md
index 9b5387cffd5..a96a1b162e8 100644
--- a/public/content/roadmap/fusaka/index.md
+++ b/public/content/roadmap/fusaka/index.md
@@ -10,9 +10,13 @@ The Fusaka network upgrade follows [Pectra](/roadmap/pectra/) and brings more ne
 
 This upgrade is planned for Q4 2025.
 
-<InfoBanner>
+<Alert variant="update">
+<AlertContent>
+<AlertDescription>
 The Fusaka upgrade is only a single step in Ethereum's long-term development goals. Learn more about [the protocol roadmap](/roadmap/) and [previous upgrades](/history/).
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Improvements in Fusaka {#improvements-in-fusaka}
 
diff --git a/public/content/translations/el/ai-agents/index.md b/public/content/translations/el/ai-agents/index.md
index 0b40a8f27ec..b7e8f94a738 100644
--- a/public/content/translations/el/ai-agents/index.md
+++ b/public/content/translations/el/ai-agents/index.md
@@ -60,11 +60,15 @@ buttons:
 Πράκτορες όπως η Luna ή το AIXBT ελέγχουν το δικό τους onchain πορτοφόλι ([το πορτοφόλι του AIXBT](https://zapper.xyz/account/0x0d177181e3763b20d47dc3a72dd584368bd8bf43), [το πορτοφόλι της Luna](https://zapper.xyz/account/0x0d177181e3763b20d47dc3a72dd584368bd8bf43)) επιτρέποντας τους να δίνουν φιλοδωρήματα σε θαυμαστές και να συμμετέχουν σε οικονομικές δραστηριότητες.
 
 Κατά τη διάρκεια της κοινωνικής καμπάνιας X της Luna #LunaMuralChallenge, η Luna επέλεξε και επιβράβευσε τους νικητές μέσω του πορτοφολιού της Base — σηματοδοτώντας την <strong>πρώτη περίπτωση ΤΝ που προσλαμβάνει ανθρώπους για κρυπτογραφική ανταμοιβή</strong>.
-
-<InfoBanner isWarning emoji="💡">
+<Alert variant="warning">
+<AlertEmoji text="💡" />
+<AlertContent>
+<AlertDescription>
 <p className="mt-0"><strong>Καλό να γνωρίζετε</strong></p>
 <p className="mt-2">Οι πράκτορες ΤΝ και τα σχετικά εργαλεία βρίσκονται ακόμη σε αρχικό στάδιο ανάπτυξης και είναι πολύ πειραματικά—χρησιμοποιήστε τα με προσοχή.</p>
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Ελέγξτε το πορτοφόλι σας χρησιμοποιώντας εντολές συνομιλίας {#control-your-wallet-using-chat-commands}
 
diff --git a/public/content/translations/el/prediction-markets/index.md b/public/content/translations/el/prediction-markets/index.md
index 572208dfaa2..9bcf0dc72fb 100644
--- a/public/content/translations/el/prediction-markets/index.md
+++ b/public/content/translations/el/prediction-markets/index.md
@@ -49,10 +49,15 @@ buttons:
 
 <PredictionMarketLists />
 
-<InfoBanner isWarning emoji="💡">
+<Alert variant="warning">
+<AlertEmoji text="💡" />
+<AlertContent>
+<AlertDescription>
   <p className="mt-0"><strong>Να έχετε επίγνωση των κινδύνων</strong></p>
   <p className="mt-2">Στοιχηματίστε μόνο όσα μπορείτε να αντέξετε οικονομικά και να γνωρίζετε πιθανές εθιστικές συμπεριφορές.</p>
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Προκλήσεις & Κίνδυνοι {#challenges-and-risks}
 
diff --git a/public/content/translations/el/roadmap/danksharding/index.md b/public/content/translations/el/roadmap/danksharding/index.md
index 05dd6ca4153..67038a31850 100644
--- a/public/content/translations/el/roadmap/danksharding/index.md
+++ b/public/content/translations/el/roadmap/danksharding/index.md
@@ -57,9 +57,13 @@ summaryPoints:
 
 </ExpandableCard>
 
-<InfoBanner isWarning mb={8}>
+<Alert variant="warning" className="mb-8">
+<AlertContent>
+<AlertDescription>
   Ούτε το Danksharding ούτε το Proto-Danksharding ακολουθούν το παραδοσιακό μοντέλο «τμηματοποίησης» που στοχεύει στον διαχωρισμό της κρυπτοαλυσίδας σε πολλαπλά μέρη. Οι αλυσίδες shard δεν αποτελούν πλέον μέρος του οδικού χάρτη. Αντίθετα, το Danksharding χρησιμοποιεί δειγματοληψία κατανεμημένων δεδομένων σε blobs για την κλιμάκωση του Ethereum. Αυτό είναι πολύ απλούστερο στην εφαρμογή. Αυτό το μοντέλο έχει μερικές φορές αναφερθεί ως «data-sharding».
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Τι είναι το Danksharding; {#what-is-danksharding}
 
diff --git a/public/content/translations/el/security/index.md b/public/content/translations/el/security/index.md
index 9fbabd3d503..9055bddfeaf 100644
--- a/public/content/translations/el/security/index.md
+++ b/public/content/translations/el/security/index.md
@@ -124,12 +124,16 @@ lang: el
 - Μην επιτρέπετε ποτέ σε κανέναν την απομακρυσμένη πρόσβαση στον υπολογιστή σας
 - Ποτέ μην επικοινωνείτε έξω από τα καθορισμένα κανάλια ενός οργανισμού
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<AlertEmoji text=":lock:" />
+<AlertContent>
+<AlertDescription>
   <div>
     Προσοχή: αν και οι απάτες τύπου υποστήριξης συμβαίνουν συνήθως στο Discord, μπορεί επίσης να είναι διαδεδομένες σε οποιεσδήποτε εφαρμογές συνομιλίας όπου διεξάγονται συζητήσεις κρυπτονομισμάτων, συμπεριλαμβανομένου του email.
   </div>
-</InfoBanner>
-
+</AlertDescription>
+</AlertContent>
+</Alert>
 ### Απάτη κρυπτονομίσματος «Eth2» {#eth2-token-scam}
 
 Προς το τέλος της ενημέρωσης [Η Συγχώνευση](/roadmap/merge/), απατεώνες εκμεταλλεύτηκαν τη σύγχυση γύρω από τον όρο «Eth2» για να προσπαθήσουν να εξαπατήσουν τους χρήστες να εξαργυρώσουν τα ETH τους για ένα κρυπτονόμισμα «ETH2». Δεν υπάρχει «ETH2» και κανένα άλλο νόμιμο κρυπτονόμισμα δεν εισήχθη με τη Συγχώνευση. Το ETH που κατείχατε πριν είναι το ίδιο ETH και τώρα. **Δε χρειάζεται να κάνετε καμία ενέργεια σχετικά με τα ETH σας για τη μετάβαση από την απόδειξη εργασίας στην απόδειξη συμμετοχής.**
@@ -215,11 +219,16 @@ _Σημείωση: Υπάρχουν παράγωγα token/tickers που μπο
 
 ### Χρησιμοποιείστε έναν διαχειριστή κωδικών πρόσβασης {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<AlertEmoji text=":bulb:" />
+<AlertContent>
+<AlertDescription>
   <div>
     Η χρήση ενός διαχειριστή κωδικών πρόσβασης φροντίζει για τη δημιουργία ισχυρών, μοναδικών κωδικών πρόσβασης και την απομνημόνευση τους! Συνιστούμε <strong>ανεπιφύλακτα</strong> να χρησιμοποιήσετε ένα και τα περισσότερα από αυτά είναι δωρεάν!
   </div>
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Το να θυμάστε ισχυρούς, μοναδικούς κωδικούς πρόσβασης για κάθε λογαριασμό που έχετε δεν είναι ο ιδανικός τρόπος. Ένας διαχειριστής κωδικών πρόσβασης προσφέρει ένα ασφαλές, κρυπτογραφημένο χώρο αποθήκευσης για όλους τους κωδικούς πρόσβασης στον οποίο μπορείτε να αποκτήσετε πρόσβαση μέσω ενός ισχυρού κύριου κωδικού πρόσβασης. Προτείνουν επίσης ισχυρούς κωδικούς πρόσβασης κατά την εγγραφή σας σε μια νέα υπηρεσία, ώστε να μη χρειάζεται να δημιουργήσετε δικούς σας. Πολλοί διαχειριστές κωδικών πρόσβασης θα σας πουν επίσης εάν έχετε εμπλακεί σε παραβίαση δεδομένων, επιτρέποντάς σας να αλλάξετε τους κωδικούς πρόσβασης πριν από τυχόν κακόβουλες επιθέσεις.
 
@@ -242,11 +251,16 @@ _Σημείωση: Υπάρχουν παράγωγα token/tickers που μπο
 
 Η χρήση ενός **Επαληθευτή ταυτότητας δύο παραγόντων (2FA)** παρέχει ένα πρόσθετο *παράγοντα ασφαλείας* για τους διαδικτυακούς σας λογαριασμούς. Το 2FA διασφαλίζει ότι το να έχετε απλώς τον κωδικό πρόσβασής σας δεν αρκεί για την πρόσβαση σε έναν λογαριασμό. Συνηθέστερα, ο δεύτερος παράγοντας είναι ένας τυχαίος 6ψήφιος κωδικός, γνωστός ως **time-based one-time password (TOTP)**, στον οποίο μπορείτε να αποκτήσετε πρόσβαση μέσω μιας εφαρμογής ελέγχου ταυτότητας όπως το Google Authenticator ή το Authy. Αυτά λειτουργούν ως παράγοντας «κάτι που κατέχετε», επειδή η φράση ασφαλείας που δημιουργεί τον χρονομετρημένο κώδικα αποθηκεύεται στη συσκευή σας.
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<AlertEmoji text=":lock:" />
+<AlertContent>
+<AlertDescription>
   <div>
     Σημείωση: Η χρήση 2FA με χρήση SMS είναι ευάλωτη στην <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">κλοπή SIM</a> και δεν είναι ασφαλής. Για καλύτερη ασφάλεια, χρησιμοποιήστε μια υπηρεσία όπως το <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google Authenticator</a> ή το <a href="https://authy.com/">Authy</a>.
   </div>
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### Κλειδιά ασφαλείας {#security-keys}
 
diff --git a/public/content/translations/fr/payments/index.md b/public/content/translations/fr/payments/index.md
index 1190f2c230a..057e43b8465 100644
--- a/public/content/translations/fr/payments/index.md
+++ b/public/content/translations/fr/payments/index.md
@@ -58,12 +58,16 @@ Des pays comme le Salvador et la République centrafricaine ont même adopté le
 
 Dans les pays où les moyens de paiement ont été déconnectés du reste du monde, les solutions de paiement intégrant les cryptomonnaies ont constitué un grand soulagement. Le paiement d’abonnements à des plateformes comme Netflix, Spotify ou encore à des cours en ligne est désormais facilité grâce aux plateformes de paiement en cryptomonnaie telles que Gnosis Pay et PayPal.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+
+<Alert variant="update">
+<AlertEmoji text=":eyes:" />
+<AlertContent className="justify-between flex-row items-center">
   <div>Créez votre compte Ethereum dès aujourd’hui avec une application de portefeuille.</div>
   <ButtonLink href="/wallets/find-wallet">
     Commencer
   </ButtonLink>
-</InfoBanner>
+</AlertContent>
+</Alert>
 
 ## Paiement des salaires {#salary-payments}
 
@@ -147,9 +151,12 @@ Bien que les monnaies fiduciaires aient l'avantage d'une large acceptation et st
 
 Qu'il s'agisse de faciliter les secours rapides en cas de catastrophe ou d'autonomiser les travailleurs du monde entier, les paiements en Ethereum écrivent un nouveau chapitre dans la longue histoire de l'argent. Bien que des défis subsistent, les avantages uniques offerts par cette technologie en font une option intéressante pour une large gamme de cas d’utilisation.
 
-<InfoBanner shouldSpaceBetween emoji=":eyes:">
+<Alert variant="update">
+<AlertEmoji text=":eyes:" />
+<AlertContent className="justify-between flex-row items-center">
   <div>Le moment est venu de créer votre propre compte Ethereum.</div>
   <ButtonLink href="/wallets/find-wallet">
     Commencer
   </ButtonLink>
-</InfoBanner>
\ No newline at end of file
+</AlertContent>
+</Alert>
\ No newline at end of file
diff --git a/public/content/translations/ga/developers/docs/consensus-mechanisms/pow/index.md b/public/content/translations/ga/developers/docs/consensus-mechanisms/pow/index.md
index 2c4e8e7d76b..cb8a21f6309 100644
--- a/public/content/translations/ga/developers/docs/consensus-mechanisms/pow/index.md
+++ b/public/content/translations/ga/developers/docs/consensus-mechanisms/pow/index.md
@@ -6,9 +6,14 @@ lang: ga
 
 Thosaigh líonra Ethereum trí leas a bhaint as meicníocht chomhdhearcaidh a raibh **[Cruthúnas-oibre (PoW)](/developers/docs/consensus-mechanisms/pow)** i gceist leis. Cheadaigh sé seo do nóid líonra Ethereum aontú ar staid na faisnéise go léir a taifeadadh ar an mblocshlabhra Ethereum agus chuir sé cosc ​​ar chineálacha áirithe ionsaithe eacnamaíocha. Ach mhúch Ethereum cruthúnas-oibre in 2022 agus thosaigh sé ag úsáid [cruthúnas-gill](/developers/docs/consensus-mechanisms/pos) ina ionad sin.
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<AlertEmoji text=":wave:" />
+<AlertContent>
+<AlertDescription>
     Tá an cruthúnas-oibre imithe i léig anois. Ní úsáideann Ethereum cruthúnas-oibre a thuilleadh mar chuid dá mheicníocht chomhdhearcaidh. Ina áit sin, úsáideann sé cruthúnas-gill. Léigh tuilleadh ar [cruthúnas-gill](/developers/docs/consensus-mechanisms/pos/) agus [geallchur](/staking/).
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Réamhriachtanais {#prerequisites}
 
diff --git a/public/content/translations/ga/developers/docs/consensus-mechanisms/pow/mining/index.md b/public/content/translations/ga/developers/docs/consensus-mechanisms/pow/mining/index.md
index cfd8cfb9fff..02fdbd60ef3 100644
--- a/public/content/translations/ga/developers/docs/consensus-mechanisms/pow/mining/index.md
+++ b/public/content/translations/ga/developers/docs/consensus-mechanisms/pow/mining/index.md
@@ -4,9 +4,14 @@ description: Míniú ar conas a d'oibrigh mianadóireachta ar Ethereum.
 lang: ga
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<AlertEmoji text=":wave:" />
+<AlertContent>
+<AlertDescription>
 Níl cruthúnas-oibre mar bhunús le meicníocht chomhdhearcaidh Ethereum a thuilleadh, rud a chiallaíonn go bhfuil an mhianadóireacht múchta. Ina áit sin, tá Ethereum urraithe ag bailíochtóirí a bhfuil ETH i ngeall acu. Is féidir leat tosú ag geallchur do chuid ETH inniu. Léigh tuilleadh ar <a href='/roadmap/merge/'>An Cumasc</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>cruthúnas-gill</a>, agus <a href='/staking/'>geallchur</a>. Leathanach le spéis stairiúil é seo.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Réamhriachtanais {#prerequisites}
 
diff --git a/public/content/translations/ga/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md b/public/content/translations/ga/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
index 3b3f6f545db..0645468f3e5 100644
--- a/public/content/translations/ga/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
+++ b/public/content/translations/ga/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/ethash/index.md
@@ -4,9 +4,14 @@ description: Súil mhionsonraithe ar algartam Ethash.
 lang: ga
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<AlertEmoji text=":wave:" />
+<AlertContent>
+<AlertDescription>
    Ba é Ethash algartam mianadóireachta cruthúnas-oibre Ethereum. Tá cruthúnas-de-oibre **múchta go hiomlán** anois agus tá Ethereum daingnithe anois ag baint úsáide as [cruthúnas-de-gealláil](/developers/docs/consensus-mechanisms/pos/) ina ionad sin. Léigh tuilleadh ar [An Cumasc](/roadmap/merge/), [cruthúnas-gill](/developers/docs/consensus-mechanisms/pos/) agus [geallchur](/staking/). Leathanach le spéis stairiúil é seo!  
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Is leagan modhnaithe é Ethash den algartam [Dagger-Hashimoto](/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/dagger-hashimoto). Tá [cruthú cuimhne](https://wikipedia.org/wiki/Memory-hard_function) ar cruthúnas-oibre Ethash, rud a measadh a fhágann go bhfuil an algartam frithsheasmhach in ASIC. Forbraíodh ASICanna Ethash sa deireadh ach bhí mianadóireacht GPU fós ina rogha inmharthana go dtí gur múchadh cruthúnas-oibre. Úsáidtear Ethash fós do mhianadóireacht bonn ar líonraí eile nach bhfuil ar chruthúnas-oibre Ethereum.
 
diff --git a/public/content/translations/ga/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md b/public/content/translations/ga/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
index a59d44c5240..a424875d442 100644
--- a/public/content/translations/ga/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
+++ b/public/content/translations/ga/developers/docs/consensus-mechanisms/pow/mining/mining-algorithms/index.md
@@ -4,9 +4,14 @@ description: Súil mhionsonraithe ar na halgartaim a úsáidtear do mhianadóire
 lang: ga
 ---
 
-<InfoBanner emoji=":wave:">
+<Alert variant="update">
+<AlertEmoji text=":wave:" />
+<AlertContent>
+<AlertDescription>
 Níl cruthúnas-oibre mar bhunús le meicníocht chomhdhearcaidh Ethereum a thuilleadh, rud a chiallaíonn go bhfuil an mhianadóireacht múchta. Ina áit sin, tá Ethereum urraithe ag bailíochtóirí a bhfuil ETH i ngeall acu. Is féidir leat tosú ag geallchur do chuid ETH inniu. Léigh tuilleadh ar <a href='/roadmap/merge/'>An Cumasc</a>, <a href='/developers/docs/consensus-mechanisms/pos/'>cruthúnas-gill</a>, agus <a href='/staking/'>geallchur</a>. Leathanach le spéis stairiúil é seo.
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 Bhain mianadóireacht Ethereum úsáid as algartam ar a dtugtar Ethash. Is é bun-smaoineamh an algartam go ndéanann mianadóir iarracht ionchur nonce a aimsiú trí úsáid a bhaint as ríomh lántrialach ionas go mbeidh an hais a eascraíonn as níos lú ná an tairseach a chinneann an deacracht ríofa. Is féidir an leibhéal deacrachta seo a choigeartú go dinimiciúil, rud a fhágann gur féidir bloctháirgeadh a dhéanamh go tráthrialta.
 
diff --git a/public/content/translations/uk/ai-agents/index.md b/public/content/translations/uk/ai-agents/index.md
index fbf6dbebd64..81c4d2b7ff4 100644
--- a/public/content/translations/uk/ai-agents/index.md
+++ b/public/content/translations/uk/ai-agents/index.md
@@ -61,10 +61,15 @@ buttons:
 
 Під час соціальної кампанії Luna в X під хештегом #LunaMuralChallenge Luna обрала та нагородила переможців через свій гаманець у мережі Base — це стало <strong>першим випадком, коли ШІ найняв людей для виплати криптовалютної винагороди</strong>.
 
-<InfoBanner isWarning emoji="💡">
+<Alert variant="warning">
+<AlertEmoji text="💡" />
+<AlertContent>
+<AlertDescription>
 <p className="mt-0"><strong>Корисно знати</strong></p>
 <p className="mt-2">ШІ-агентів та пов’язані з ними інструменти тільки починають розробляти. Ці технології поки вважають експериментальними, тому їх варто використовувати з обережністю.</p>
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Керуйте гаманцем за допомогою команд у чаті {#control-your-wallet-using-chat-commands}
 
diff --git a/public/content/translations/uk/prediction-markets/index.md b/public/content/translations/uk/prediction-markets/index.md
index 5cffe6007ef..7ed7a7c61a6 100644
--- a/public/content/translations/uk/prediction-markets/index.md
+++ b/public/content/translations/uk/prediction-markets/index.md
@@ -49,10 +49,15 @@ buttons:
 
 <PredictionMarketLists />
 
-<InfoBanner isWarning emoji="💡">
+<Alert variant="warning">
+<AlertEmoji text="💡" />
+<AlertContent>
+<AlertDescription>
   <p className="mt-0"><strong>Пам’ятайте про ризики</strong></p>
   <p className="mt-2">Ставте тільки ті суми, які можете собі дозволити, і пам’ятайте про можливість розвитку залежності від азартних ігор.</p>
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ## Виклики та ризики {#challenges-and-risks}
 
diff --git a/public/content/translations/zh/security/index.md b/public/content/translations/zh/security/index.md
index 301a1a50c6b..006e013f617 100644
--- a/public/content/translations/zh/security/index.md
+++ b/public/content/translations/zh/security/index.md
@@ -124,11 +124,16 @@ lang: zh
 - 绝不允许任何人远程访问你的电脑
 - 切勿通过官方指定以外的渠道沟通
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<AlertEmoji text=":lock:" />
+<AlertContent>
+<AlertDescription>
   <div>
     请注意：尽管支持类型的骗局通常发生在 Discord 上，但它们也在任何讨论加密货币聊天应用程序（包括电子邮件）上普遍存在。
   </div>
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 ### “以太坊 2”代币骗局 {#eth2-token-scam}
 
@@ -215,11 +220,16 @@ _注意：有一些衍生的代币/票据可能代表了被质押的以太币（
 
 ### 使用密码管理器 {#use-password-manager}
 
-<InfoBanner emoji=":bulb:">
+<Alert variant="update">
+<AlertEmoji text=":bulb:" />
+<AlertContent>
+<AlertDescription>
   <div>
     使用密码管理器可以创建唯一的强密码并记住它们！ 我们<strong>强烈</strong>推荐使用它，而且它们大部分是免费的。
   </div>
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 记住为每个帐户设置的唯一强密码并不现实。 密码管理器为你的所有密码提供了一个安全、加密的存储空间，你可以通过一个强主密码进行访问。 他们还在注册新服务时生成建议使用的强密码，这样你就不必自行创建密码了。 许多密码管理器也会告诉你是否涉及数据泄露，让你在任何恶意攻击之前更改密码。
 
@@ -242,11 +252,16 @@ _注意：有一些衍生的代币/票据可能代表了被质押的以太币（
 
 使用**双重身份验证 (2FA) **将为你的在线帐户提供一个额外的*安全因素*。 双重身份验证确保仅仅有你的密码还不足以访问你的帐户。 最常见的是，双重验证是一个随机的6位数代码，被称为**基于时间的一次性密码（TOTP）**，你可以通过身份验证程序应用程序（如Google authenticator或Authy）生成。 这是一种“你私有的”，因为生成随机时间密码的种子文件存储在你的设备上。
 
-<InfoBanner emoji=":lock:">
+<Alert variant="update">
+<AlertEmoji text=":lock:" />
+<AlertContent>
+<AlertDescription>
   <div>
     注意：使用基于短信的双重身份验证很容易遭受 <a href="https://www.vice.com/en/article/3kx4ej/sim-jacking-mobile-phone-fraud">SIM 卡盗用</a>，并不安全。 为了获得最佳安全性，请使用诸如 <a href="https://mashable.com/article/how-to-set-up-google-authenticator">Google 身份验证器</a> 或 <a href="https://authy.com/">Authy</a> 之类的服务。
   </div>
-</InfoBanner>
+</AlertDescription>
+</AlertContent>
+</Alert>
 
 #### 安全密钥 {#security-keys}
 

From f2407605163012e8611d83f07c9f4db0a421782e Mon Sep 17 00:00:00 2001
From: Paul Wackerow <54227730+wackerow@users.noreply.github.com>
Date: Tue, 21 Oct 2025 15:04:57 -0700
Subject: [PATCH 11/13] refactor: use markdown syntax

---
 public/content/roadmap/merge/issuance/index.md  |  5 +++--
 .../cs/roadmap/merge/issuance/index.md          | 11 ++++++-----
 .../de/roadmap/merge/issuance/index.md          |  5 +++--
 .../el/roadmap/merge/issuance/index.md          | 13 ++++++++-----
 .../es/roadmap/merge/issuance/index.md          | 13 ++++++++-----
 .../fa/roadmap/merge/issuance/index.md          |  7 +++++--
 .../fr/roadmap/merge/issuance/index.md          | 13 ++++++++-----
 .../ga/roadmap/merge/issuance/index.md          | 13 ++++++++-----
 .../hi/roadmap/merge/issuance/index.md          | 13 ++++++++-----
 .../hu/roadmap/merge/issuance/index.md          | 13 ++++++++-----
 .../id/roadmap/merge/issuance/index.md          | 13 ++++++++-----
 .../it/roadmap/merge/issuance/index.md          | 13 ++++++++-----
 .../ja/roadmap/merge/issuance/index.md          | 13 ++++++++-----
 .../nl/roadmap/merge/issuance/index.md          | 13 ++++++++-----
 .../pl/roadmap/merge/issuance/index.md          | 13 ++++++++-----
 .../pt-br/roadmap/merge/issuance/index.md       | 13 ++++++++-----
 .../ru/roadmap/merge/issuance/index.md          | 13 ++++++++-----
 .../tr/roadmap/merge/issuance/index.md          | 13 ++++++++-----
 .../uk/roadmap/merge/issuance/index.md          | 17 ++++++++++-------
 .../zh-tw/roadmap/merge/issuance/index.md       | 13 ++++++++-----
 .../zh/roadmap/merge/issuance/index.md          | 13 ++++++++-----
 21 files changed, 155 insertions(+), 98 deletions(-)

diff --git a/public/content/roadmap/merge/issuance/index.md b/public/content/roadmap/merge/issuance/index.md
index 9e09347787d..d175d786e1f 100644
--- a/public/content/roadmap/merge/issuance/index.md
+++ b/public/content/roadmap/merge/issuance/index.md
@@ -93,8 +93,9 @@ As more validators withdraw, the maximum number of exiting validators will gradu
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-Total annualized issuance rate: <strong>~0.52%</strong><br/><br/>
-Net reduction in annual ETH issuance: <strong>~88.7%</strong> ((4.61% - 0.52%) / 4.61% * 100)
+Total annualized issuance rate: **~0.52%**
+
+Net reduction in annual ETH issuance: **~88.7%** ((4.61% - 0.52%) / 4.61% * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
diff --git a/public/content/translations/cs/roadmap/merge/issuance/index.md b/public/content/translations/cs/roadmap/merge/issuance/index.md
index a933702bcf1..84e1f29f7c5 100644
--- a/public/content/translations/cs/roadmap/merge/issuance/index.md
+++ b/public/content/translations/cs/roadmap/merge/issuance/index.md
@@ -57,11 +57,11 @@ Celková nabídka ETH: **~120 520 000 ETH** (v době Sloučení v září 2022)
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-<strong>Celková anualizovaná míra vydávání (před Sloučením): ~4,61 %</strong> (4,09 % + 0,52 %)
+**Celková anualizovaná míra vydávání (před Sloučením): ~4,61 %** (4,09 % + 0,52 %)
 
-<strong>~88,7 %</strong> vydávaných ETH směřovalo k těžařům v exekuční vrstvě (4,09 / 4,61 * 100)
+**~88,7 %** vydávaných ETH směřovalo k těžařům v exekuční vrstvě (4,09 / 4,61 * 100)
 
-<strong>~11,3 %</strong> bylo vydáváno uzamykatelům ve vrstvě konsenzu (0,52 / 4,61 * 100)
+**~11,3 %** bylo vydáváno uzamykatelům ve vrstvě konsenzu (0,52 / 4,61 * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
@@ -93,8 +93,9 @@ Přibližně 0,33 % z celkového počtu validátorů může odejít během jedno
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-Celková roční míra vydávání: <strong>~0,52 %</strong><br/><br/>
-Čisté snížení ročního vydávání ETH: <strong>~88,7 %</strong> ((4,61 % - 0,52 %) / 4,61 % * 100)
+Celková roční míra vydávání: **~0,52 %**
+
+Čisté snížení ročního vydávání ETH: **~88,7 %** ((4,61 % - 0,52 %) / 4,61 % * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
diff --git a/public/content/translations/de/roadmap/merge/issuance/index.md b/public/content/translations/de/roadmap/merge/issuance/index.md
index 9e9712614bb..2135aeb024a 100644
--- a/public/content/translations/de/roadmap/merge/issuance/index.md
+++ b/public/content/translations/de/roadmap/merge/issuance/index.md
@@ -93,8 +93,9 @@ Wenn mehr Validatoren aussteigen, wird die maximale Anzahl der ausscheidenden Va
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-Jährlicher Gesamtausgabesatz: <strong>~0.52%</strong><br/><br/>
-Netto-Reduktion der jährlichen ETH-Emissionen: <strong>~88.7%</strong> ((4.61% - 0.52%) / 4.61% * 100)
+Jährlicher Gesamtausgabesatz: **~0.52%**
+
+Netto-Reduktion der jährlichen ETH-Emissionen: **~88.7%** ((4.61% - 0.52%) / 4.61% * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
diff --git a/public/content/translations/el/roadmap/merge/issuance/index.md b/public/content/translations/el/roadmap/merge/issuance/index.md
index 9f9b9fb772a..29334345ebe 100644
--- a/public/content/translations/el/roadmap/merge/issuance/index.md
+++ b/public/content/translations/el/roadmap/merge/issuance/index.md
@@ -57,9 +57,11 @@ title="ETH issuance tldr">
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-<strong>Συνολικός ετήσιος συντελεστής έκδοσης (προ-Συγχώνευσης): ~4,61%</strong> (4,09% + 0,52%)<br/><br/>
-Περίπου <strong>88,7%</strong> της έκδοσης κατευθυνόταν προς τους κρυπτορύχους στο επίπεδο εκτέλεσης (4,09 / 4,61 * 100)<br/><br/>
-Περίπου <strong>11,3%</strong> εκδιδόταν προς τους επικυρωτές στο επίπεδο συναίνεσης (0,52 / 4,61 * 100)
+**Συνολικός ετήσιος συντελεστής έκδοσης (προ-Συγχώνευσης): ~4,61%** (4,09% + 0,52%)
+
+Περίπου **88,7%** της έκδοσης κατευθυνόταν προς τους κρυπτορύχους στο επίπεδο εκτέλεσης (4,09 / 4,61 * 100)
+
+Περίπου **11,3%** εκδιδόταν προς τους επικυρωτές στο επίπεδο συναίνεσης (0,52 / 4,61 * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
@@ -91,8 +93,9 @@ title="ETH issuance tldr">
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-Συνολικός ετήσιος συντελεστής έκδοσης: <strong>~0.52%</strong><br/><br/>
-Καθαρή μείωση στην ετήσια έκδοση ETH: <strong>~88.7%</strong> ((4.61% - 0.52%) / 4.61% * 100)
+Συνολικός ετήσιος συντελεστής έκδοσης: **~0.52%**
+
+Καθαρή μείωση στην ετήσια έκδοση ETH: **~88.7%** ((4.61% - 0.52%) / 4.61% * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
diff --git a/public/content/translations/es/roadmap/merge/issuance/index.md b/public/content/translations/es/roadmap/merge/issuance/index.md
index a7f2a42b95c..df009f0990d 100644
--- a/public/content/translations/es/roadmap/merge/issuance/index.md
+++ b/public/content/translations/es/roadmap/merge/issuance/index.md
@@ -57,9 +57,11 @@ Suministro total de ETH: **~120.520.000 ETH** (en el momento de La Fusión en se
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-<strong>Tasa de emisión anual total (antes de La Fusión): ~4,61%</strong> (4,09% + 0,52%)<br/><br/>
-<strong>~88,7%</strong> de la emisión iba a los mineros en la capa de ejecución (4,09 / 4,61 * 100)<br/><br/>
-<strong>~11,3%</strong> era emitida para los participantes en la capa de consenso (0,52 / 4,61 * 100)
+**Tasa de emisión anual total (antes de La Fusión): ~4,61%** (4,09% + 0,52%)
+
+**~88,7%** de la emisión iba a los mineros en la capa de ejecución (4,09 / 4,61 * 100)
+
+**~11,3%** era emitida para los participantes en la capa de consenso (0,52 / 4,61 * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
@@ -91,8 +93,9 @@ Cuantos más validadores salgan, más se irá reduciendo gradualmente el número
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-Tasa de emisión anual total: <strong>~0,52%</strong><br/><br/>
-Reducción neta de la emisión anual de ETH: <strong>~88,7%</strong> ((4,61% - 0,52%) / 4,61% * 100)
+Tasa de emisión anual total: **~0,52%**
+
+Reducción neta de la emisión anual de ETH: **~88,7%** ((4,61% - 0,52%) / 4,61% * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
diff --git a/public/content/translations/fa/roadmap/merge/issuance/index.md b/public/content/translations/fa/roadmap/merge/issuance/index.md
index 189720a3026..afc40894da2 100644
--- a/public/content/translations/fa/roadmap/merge/issuance/index.md
+++ b/public/content/translations/fa/roadmap/merge/issuance/index.md
@@ -57,7 +57,9 @@ title="خلاصه‌ای بر صدور اتر">
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-<strong>نرخ صدور کل سالانه (قبل ادغام): حدود 4/61 درصد</strong>(4/09 درصد + 0/52 درصد)<br/><br/><strong>حدود 88/7 درصد</strong> از صدوری که در لایۀ اجرا به استخراجگرها تعلق می‌گرفت (4/09 / 4/61 * 100)<br/><br/><strong>میزان 11/3 درصد</strong> برای سهام‌گذاران در لایۀ اجماع صادر می‌شد ( 0/52 / 4/61 * 100)
+**نرخ صدور کل سالانه (قبل ادغام): حدود 4/61 درصد**(4/09 درصد + 0/52 درصد)
+**حدود 88/7 درصد** از صدوری که در لایۀ اجرا به استخراجگرها تعلق می‌گرفت (4/09 / 4/61 * 100)
+**میزان 11/3 درصد** برای سهام‌گذاران در لایۀ اجماع صادر می‌شد ( 0/52 / 4/61 * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
@@ -89,7 +91,8 @@ title="خلاصه‌ای بر صدور اتر">
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-نرخ صدور سالانۀ کل:<strong>حدود 0/52درصد</strong><br/><br/> کاهش خالص در صدور سالانه:<strong>حدود88/7 درصد</strong>((4/61% - 0/52%) / 4/61% * 100)
+نرخ صدور سالانۀ کل:**حدود 0/52درصد**
+ کاهش خالص در صدور سالانه:**حدود88/7 درصد**((4/61% - 0/52%) / 4/61% * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
diff --git a/public/content/translations/fr/roadmap/merge/issuance/index.md b/public/content/translations/fr/roadmap/merge/issuance/index.md
index d24a008ca32..834377f1d9d 100644
--- a/public/content/translations/fr/roadmap/merge/issuance/index.md
+++ b/public/content/translations/fr/roadmap/merge/issuance/index.md
@@ -57,9 +57,11 @@ Offre totale d'ETH : **~120 520 000 ETH** (au moment de La Fusion en septembre 2
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-<strong>Taux d'émission annuel totalisé (avant la fusion) : ~4,61 %</strong> (4,09 % + 0,52 %)<br/><br/>
-<strong>~88,7 %</strong> de l'émission allaient aux mineurs de la couche d'exécution (4,09 / 4,61 * 100)<br/><br/>
-<strong>~11,3 %</strong> étaient émis aux validateurs de la couche de consensus (0,52 / 4,61 * 100)
+**Taux d'émission annuel totalisé (avant la fusion) : ~4,61 %** (4,09 % + 0,52 %)
+
+**~88,7 %** de l'émission allaient aux mineurs de la couche d'exécution (4,09 / 4,61 * 100)
+
+**~11,3 %** étaient émis aux validateurs de la couche de consensus (0,52 / 4,61 * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
@@ -91,8 +93,9 @@ Environ 0,33 % du nombre total de validateurs peuvent sortir en une journée don
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-Taux d'émission annualisé total : <strong>~0,52 %</strong><br/><br/>
-Réduction nette de l'émission annuelle d'ETH : <strong>~88,7 %</strong> ((4,61 % - 0,52 %) / 4,61 % * 100)
+Taux d'émission annualisé total : **~0,52 %**
+
+Réduction nette de l'émission annuelle d'ETH : **~88,7 %** ((4,61 % - 0,52 %) / 4,61 % * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
diff --git a/public/content/translations/ga/roadmap/merge/issuance/index.md b/public/content/translations/ga/roadmap/merge/issuance/index.md
index d6f0574bf8c..537b23d4f7a 100644
--- a/public/content/translations/ga/roadmap/merge/issuance/index.md
+++ b/public/content/translations/ga/roadmap/merge/issuance/index.md
@@ -57,9 +57,11 @@ Soláthar iomlán ETH: **~120,520,000 ETH** (ag am The Merge i Meán Fómhair 20
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-<strong>Ráta eisiúna bliantúil iomlán (réamhchumasc): ~4.61%</strong> (4.09% + 0.52%)<br/><br/>
-Bhí <strong>~88.7%</strong> den eisiúint ag dul chuig mianadóirí ar an gciseal forghníomhaithe (4.09 / 4.61 * 100)<br/><br/>
-Bhí <strong>~11.3%</strong> á eisiúint chuig geallsealbhóirí ar an tsraith chomhthoil (0.52 / 4.61 * 100)
+**Ráta eisiúna bliantúil iomlán (réamhchumasc): ~4.61%** (4.09% + 0.52%)
+
+Bhí **~88.7%** den eisiúint ag dul chuig mianadóirí ar an gciseal forghníomhaithe (4.09 / 4.61 * 100)
+
+Bhí **~11.3%** á eisiúint chuig geallsealbhóirí ar an tsraith chomhthoil (0.52 / 4.61 * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
@@ -91,8 +93,9 @@ De réir mar a imíonn níos mó bailíochtóirí siar, laghdófar de réir a ch
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-Ráta eisiúna bliantúil iomlán: <strong>~0.52%</strong><br/><br/>
-Glanlaghdú ar eisiúint bhliantúil ETH: <strong>~88.7%</strong> ((4.61% - 0.52%) / 4.61% * 100)
+Ráta eisiúna bliantúil iomlán: **~0.52%**
+
+Glanlaghdú ar eisiúint bhliantúil ETH: **~88.7%** ((4.61% - 0.52%) / 4.61% * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
diff --git a/public/content/translations/hi/roadmap/merge/issuance/index.md b/public/content/translations/hi/roadmap/merge/issuance/index.md
index 6e0da75700d..c37d8b2ffa5 100644
--- a/public/content/translations/hi/roadmap/merge/issuance/index.md
+++ b/public/content/translations/hi/roadmap/merge/issuance/index.md
@@ -57,9 +57,11 @@ title="ETH जारी करना tldr">
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-<strong>कुल वार्षिक जारी करने की दर (प्री-मर्ज): ~4.61%</strong> (4.09% + 0.52%)<br/><br/>
-~जारी करने का <strong>88.7%</strong> निष्पादन लेयर (4.09/4.61 * 100) पर खनिकों को जा रहा था<br/><br/>
-<strong>~11.3%</strong> कंसेंसस लेयर (0.52/4.61 * 100) पर हितधारकों को जारी किया जा रहा था
+**कुल वार्षिक जारी करने की दर (प्री-मर्ज): ~4.61%** (4.09% + 0.52%)
+
+~जारी करने का **88.7%** निष्पादन लेयर (4.09/4.61 * 100) पर खनिकों को जा रहा था
+
+**~11.3%** कंसेंसस लेयर (0.52/4.61 * 100) पर हितधारकों को जारी किया जा रहा था
 </AlertDescription>
 </AlertContent>
 </Alert>
@@ -91,8 +93,9 @@ title="ETH जारी करना tldr">
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-कुल वार्षिक जारी करने की दर: <strong>~0.52%</strong><br/><br/>
-वार्षिक ETH जारी करने में शुद्ध कमी: <strong>~88.7%</strong> ((4.61% - 0.52%) / 4.61% * 100)
+कुल वार्षिक जारी करने की दर: **~0.52%**
+
+वार्षिक ETH जारी करने में शुद्ध कमी: **~88.7%** ((4.61% - 0.52%) / 4.61% * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
diff --git a/public/content/translations/hu/roadmap/merge/issuance/index.md b/public/content/translations/hu/roadmap/merge/issuance/index.md
index 1dbd85377e9..4c04ee56572 100644
--- a/public/content/translations/hu/roadmap/merge/issuance/index.md
+++ b/public/content/translations/hu/roadmap/merge/issuance/index.md
@@ -57,9 +57,11 @@ Teljes ETH-kínálat: **~120 520 000 ETH** (a Beolvadás idején, 2022. szepte
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-<strong>Teljes éves kibocsátási ráta (a Beolvadás előtt): ~4,61%</strong> (4,09% + 0,52%)<br/><br/>
-a kibocsátás <strong>kb. 88,7%-a</strong> ment a bányászoknak a végrehajtási rétegen (4,09 / 4,61 * 100)<br/><br/>
-<strong>kb. 11,3%-a</strong> a letétesekhez került a konszenzusrétegen (0,52 / 4,61 * 100)
+**Teljes éves kibocsátási ráta (a Beolvadás előtt): ~4,61%** (4,09% + 0,52%)
+
+a kibocsátás **kb. 88,7%-a** ment a bányászoknak a végrehajtási rétegen (4,09 / 4,61 * 100)
+
+**kb. 11,3%-a** a letétesekhez került a konszenzusrétegen (0,52 / 4,61 * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
@@ -91,8 +93,9 @@ Ahogy több validátor vonul ki, a meglévő validátorok száma fokozatosan lec
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-Teljes éves kibocsátási ráta: <strong>kb. 0,52%</strong><br/><br/>
-Az éves ETH kibocsátás nettó csökkenése: <strong>kb. 88,7%</strong> ((4,61% – 0,52%) / 4,61% * 100)
+Teljes éves kibocsátási ráta: **kb. 0,52%**
+
+Az éves ETH kibocsátás nettó csökkenése: **kb. 88,7%** ((4,61% – 0,52%) / 4,61% * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
diff --git a/public/content/translations/id/roadmap/merge/issuance/index.md b/public/content/translations/id/roadmap/merge/issuance/index.md
index 5ba3d82c98a..9525f0cc623 100644
--- a/public/content/translations/id/roadmap/merge/issuance/index.md
+++ b/public/content/translations/id/roadmap/merge/issuance/index.md
@@ -57,9 +57,11 @@ Total pasokan ETH: **~120.520.000 ETH** (saat Penggabungan pada September 2022)
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-<strong>Tingkat penerbitan tahunan total (sebelum penggabungan): ~4,61%</strong> (4,09% + 0,52%)<br/><br/>
-<strong>~88,7%</strong> dari penerbitan diberikan kepada penambang pada lapisan eksekusi (4,09 / 4,61 * 100)<br/><br/>
-<strong>~11,3%</strong> diterbitkan kepada para penaruh pada lapisan konsensus (0,52 / 4,61 * 100)
+**Tingkat penerbitan tahunan total (sebelum penggabungan): ~4,61%** (4,09% + 0,52%)
+
+**~88,7%** dari penerbitan diberikan kepada penambang pada lapisan eksekusi (4,09 / 4,61 * 100)
+
+**~11,3%** diterbitkan kepada para penaruh pada lapisan konsensus (0,52 / 4,61 * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
@@ -91,8 +93,9 @@ Seiring bertambahnya validator yang menarik diri, jumlah maksimum validator yang
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-Tingkat penerbitan tahunan total: <strong>~0,52%</strong><br/><br/>
-Pengurangan bersih dalam penerbitan ETH tahunan: <strong>~88,7%</strong> ((4,61% - 0,52%) / 4,61% * 100)
+Tingkat penerbitan tahunan total: **~0,52%**
+
+Pengurangan bersih dalam penerbitan ETH tahunan: **~88,7%** ((4,61% - 0,52%) / 4,61% * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
diff --git a/public/content/translations/it/roadmap/merge/issuance/index.md b/public/content/translations/it/roadmap/merge/issuance/index.md
index 7e2968116a0..78a1aeb7528 100644
--- a/public/content/translations/it/roadmap/merge/issuance/index.md
+++ b/public/content/translations/it/roadmap/merge/issuance/index.md
@@ -57,9 +57,11 @@ Offerta totale di ETH: **circa 120.520.000 ETH** (al momento della Fusione a set
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-<strong>Tasso di emissione annualizzato totale (pre-Fusione): circa 4,61%</strong> (4,09% + 0,52%)<br/><br/>
-<strong>Circa l'88,7%</strong> dell'emissione andava ai miner sul livello d'esecuzione (4,09 / 4,61 * 100)<br/><br/>
-<strong>Circa l'11,3%</strong> era emesso agli staker sul livello del consenso (0,52 / 4,61 * 100)
+**Tasso di emissione annualizzato totale (pre-Fusione): circa 4,61%** (4,09% + 0,52%)
+
+**Circa l'88,7%** dell'emissione andava ai miner sul livello d'esecuzione (4,09 / 4,61 * 100)
+
+**Circa l'11,3%** era emesso agli staker sul livello del consenso (0,52 / 4,61 * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
@@ -91,8 +93,9 @@ All'aumentare del numero di validatori che prelevano, il numero massimo di valid
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-Tasso di emissione annualizzato totale: <strong>circa 0,52%</strong><br/><br/>
-Riduzione netta nell'emissione annuale di ETH: <strong>circa 88,7%</strong> ((4,61%-0,52%) / 4,61% * 100)
+Tasso di emissione annualizzato totale: **circa 0,52%**
+
+Riduzione netta nell'emissione annuale di ETH: **circa 88,7%** ((4,61%-0,52%) / 4,61% * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
diff --git a/public/content/translations/ja/roadmap/merge/issuance/index.md b/public/content/translations/ja/roadmap/merge/issuance/index.md
index e1b8d5422c5..7a5256bbd45 100644
--- a/public/content/translations/ja/roadmap/merge/issuance/index.md
+++ b/public/content/translations/ja/roadmap/merge/issuance/index.md
@@ -57,9 +57,11 @@ title="ETHの発行についての概要">
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-<strong>合計年発行率(マージ前): 約4.61%</strong> (4.09% + 0.52%)<br/><br/>
-発行額の<strong>約 88.7%</strong>が実行レイヤー (4.09 / 4.61 * 100) のマイナーへ帰属しました。<br/><br/>
-<strong>約11.3%</strong>がコンセンサスレイヤーのステーカーへ発行されました (0.52 / 4.61 * 100) 。
+**合計年発行率(マージ前): 約4.61%** (4.09% + 0.52%)
+
+発行額の**約 88.7%**が実行レイヤー (4.09 / 4.61 * 100) のマイナーへ帰属しました。
+
+**約11.3%**がコンセンサスレイヤーのステーカーへ発行されました (0.52 / 4.61 * 100) 。
 </AlertDescription>
 </AlertContent>
 </Alert>
@@ -91,8 +93,9 @@ title="ETHの発行についての概要">
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-合計年間発行率: <strong>約0.52%</strong><br/><br/>
-年間ETH発行の純削減率: <strong>約88.7%</strong> ((4.61% - 0.52%) / 4.61% * 100)
+合計年間発行率: **約0.52%**
+
+年間ETH発行の純削減率: **約88.7%** ((4.61% - 0.52%) / 4.61% * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
diff --git a/public/content/translations/nl/roadmap/merge/issuance/index.md b/public/content/translations/nl/roadmap/merge/issuance/index.md
index 2a1a731c7b6..cb12062dd80 100644
--- a/public/content/translations/nl/roadmap/merge/issuance/index.md
+++ b/public/content/translations/nl/roadmap/merge/issuance/index.md
@@ -57,9 +57,11 @@ Totale ETH-aanvoer: **~120.520.000 ETH** (ten tijde van de samenvoeging in septe
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-<strong>Totaal uitgiftepercentage op jaarbasis (voorafgaand aan de samenvoeging): ~4.61%</strong> (4.09% + 0.52%)<br/><br/>
-<strong>~88,7%</strong> van die uitgifte ging naar miners op de uitvoeringslaag (4,09 / 4,61 * 100)<br/><br/>
-<strong>~11,3%</strong> werd uitgegeven aan stakers op de consensuslaag (0,52 / 4,61 * 100)
+**Totaal uitgiftepercentage op jaarbasis (voorafgaand aan de samenvoeging): ~4.61%** (4.09% + 0.52%)
+
+**~88,7%** van die uitgifte ging naar miners op de uitvoeringslaag (4,09 / 4,61 * 100)
+
+**~11,3%** werd uitgegeven aan stakers op de consensuslaag (0,52 / 4,61 * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
@@ -91,8 +93,9 @@ Naarmate meer validators vertrekken, zal het maximale aantal vertrekkende valida
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-Totaal uitgiftepercentage op jaarbasis: <strong>~0.52%</strong><br/><br/>
-Nettovermindering in jaarlijkse ETH-uitgifte: <strong>~88.7%</strong> ((4.61% - 0.52%) / 4.61% * 100)
+Totaal uitgiftepercentage op jaarbasis: **~0.52%**
+
+Nettovermindering in jaarlijkse ETH-uitgifte: **~88.7%** ((4.61% - 0.52%) / 4.61% * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
diff --git a/public/content/translations/pl/roadmap/merge/issuance/index.md b/public/content/translations/pl/roadmap/merge/issuance/index.md
index c611978a7ce..2a7e41a3ed0 100644
--- a/public/content/translations/pl/roadmap/merge/issuance/index.md
+++ b/public/content/translations/pl/roadmap/merge/issuance/index.md
@@ -57,9 +57,11 @@ Całkowita podaż ETH: **około 120.520.000 ETH** (w momencie Połączenia we wr
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-<strong>Łączna roczna stopa emisji (przed Połączeniem): około 4,61%</strong> (4,09% + 0,52%)<br/><br/>
-<strong>około 88,7%</strong> emisji trafiło do górników w warstwie wykonawczej (4,09 / 4,61 * 100)<br/><br/>
-<strong>około 11,3%</strong> emisji trafiło do stakerów w warstwie konsensusu (0,52 / 4,61 * 100)
+**Łączna roczna stopa emisji (przed Połączeniem): około 4,61%** (4,09% + 0,52%)
+
+**około 88,7%** emisji trafiło do górników w warstwie wykonawczej (4,09 / 4,61 * 100)
+
+**około 11,3%** emisji trafiło do stakerów w warstwie konsensusu (0,52 / 4,61 * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
@@ -91,8 +93,9 @@ W miarę wychodzenia większej liczby walidatorów maksymalna liczba wychodzący
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-Całkowita roczna stopa emisji: <strong>około 0,52%</strong><br/><br/>
-Redukcja netto w rocznej emisji ETH: <strong>około 88,7%</strong> ((4,61% - 0,52%) / 4,61% * 100)
+Całkowita roczna stopa emisji: **około 0,52%**
+
+Redukcja netto w rocznej emisji ETH: **około 88,7%** ((4,61% - 0,52%) / 4,61% * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
diff --git a/public/content/translations/pt-br/roadmap/merge/issuance/index.md b/public/content/translations/pt-br/roadmap/merge/issuance/index.md
index ff5486ba624..63788bb8823 100644
--- a/public/content/translations/pt-br/roadmap/merge/issuance/index.md
+++ b/public/content/translations/pt-br/roadmap/merge/issuance/index.md
@@ -57,9 +57,11 @@ Fornecimento total de ETH: **~120.520.000 ETH** (até o momento do The Merge, em
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-<strong>Taxa total de emissão anual (pré-fusão): ~4,61%</strong> (4,09% + 0,52%)<br/><br/>
-<strong>~88,7%</strong> da emissão estava indo para mineradores na camada de execução (4,09 / 4,61 * 100)<br/><br/>
-<strong>~11,3%</strong> estava sendo emitido para participantes na camada de consenso (0,52 / 4,61 * 100)
+**Taxa total de emissão anual (pré-fusão): ~4,61%** (4,09% + 0,52%)
+
+**~88,7%** da emissão estava indo para mineradores na camada de execução (4,09 / 4,61 * 100)
+
+**~11,3%** estava sendo emitido para participantes na camada de consenso (0,52 / 4,61 * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
@@ -91,8 +93,9 @@ Aproximadamente 0,33% da contagem total de validadores pode sair em um dia espec
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-Taxa total de emissão anualizada: <strong>~0.52%</strong><br/><br/>
-Redução líquida na emissão anual de ETH: <strong>~88,7%</strong> (4,61% - 0,52%) / 4,61% * 100)
+Taxa total de emissão anualizada: **~0.52%**
+
+Redução líquida na emissão anual de ETH: **~88,7%** (4,61% - 0,52%) / 4,61% * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
diff --git a/public/content/translations/ru/roadmap/merge/issuance/index.md b/public/content/translations/ru/roadmap/merge/issuance/index.md
index 0e91acc7166..1afc0f638fd 100644
--- a/public/content/translations/ru/roadmap/merge/issuance/index.md
+++ b/public/content/translations/ru/roadmap/merge/issuance/index.md
@@ -57,9 +57,11 @@ title="Коротко о выпуске ETH">
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-<strong>Общая годовая скорость выпуска (до слияния): ~4,61 %</strong> (4,09 % + 0,52 %)<br/><br/>
-<strong>~88,7 %</strong> из выпуска шло майнерам на уровне исполнения (4,09 / 4,61 * 100)<br/><br/>
-<strong>~11,3 %</strong> из выпуска шло дольщикам на уровне консенсуса (0,52 / 4,61 * 100)
+**Общая годовая скорость выпуска (до слияния): ~4,61 %** (4,09 % + 0,52 %)
+
+**~88,7 %** из выпуска шло майнерам на уровне исполнения (4,09 / 4,61 * 100)
+
+**~11,3 %** из выпуска шло дольщикам на уровне консенсуса (0,52 / 4,61 * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
@@ -91,8 +93,9 @@ title="Коротко о выпуске ETH">
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-Общий годовой показатель выпуска: <strong>~0,52 %</strong><br/><br/>
-Чистое сокращение годового выпуска ЕТН: <strong>~88,7 %</strong> ((4,61 % – 0,52 %) / 4,61 % * 100)
+Общий годовой показатель выпуска: **~0,52 %**
+
+Чистое сокращение годового выпуска ЕТН: **~88,7 %** ((4,61 % – 0,52 %) / 4,61 % * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
diff --git a/public/content/translations/tr/roadmap/merge/issuance/index.md b/public/content/translations/tr/roadmap/merge/issuance/index.md
index 245af1e70eb..daf53a02857 100644
--- a/public/content/translations/tr/roadmap/merge/issuance/index.md
+++ b/public/content/translations/tr/roadmap/merge/issuance/index.md
@@ -57,9 +57,11 @@ Toplam ETH arzı: **~120.520.000 ETH** (Birleşim gerçekleştiğinde Eylül 202
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-<strong>Toplam yıllık dağıtım oranı (Birleşim öncesi): \~%4,61</strong> (%4,09 + %0,52)<br/><br/>
-Dağıtımın <strong>\~%88,7'i</strong> yürütüm katmanındaki madencilere gidiyordu (4,09/4,61 * 100)<br/><br/>
-<strong>\~%11,3'i</strong> fikir birliği katmanındaki paydaşlara dağıtılıyordu (0,52/4,61 * 100)
+**Toplam yıllık dağıtım oranı (Birleşim öncesi): \~%4,61** (%4,09 + %0,52)
+
+Dağıtımın **\~%88,7'i** yürütüm katmanındaki madencilere gidiyordu (4,09/4,61 * 100)
+
+**\~%11,3'i** fikir birliği katmanındaki paydaşlara dağıtılıyordu (0,52/4,61 * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
@@ -91,8 +93,9 @@ Daha fazla doğrulayıcı parasını çektikçe, hisselenmiş yüksek miktarda E
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-Toplam yıllıklaştırılmış dağıtım oranı: <strong>\~%0,52</strong><br/><br/>
-ETH dağıtımındaki net azalma: <strong>\~%88,7</strong> ((%4,61 - %0,52)/%4,61 * 100)
+Toplam yıllıklaştırılmış dağıtım oranı: **\~%0,52**
+
+ETH dağıtımındaki net azalma: **\~%88,7** ((%4,61 - %0,52)/%4,61 * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
diff --git a/public/content/translations/uk/roadmap/merge/issuance/index.md b/public/content/translations/uk/roadmap/merge/issuance/index.md
index 6f0bb660fbd..ad8423b95d1 100644
--- a/public/content/translations/uk/roadmap/merge/issuance/index.md
+++ b/public/content/translations/uk/roadmap/merge/issuance/index.md
@@ -55,11 +55,13 @@ title="Випуск ETH tldr">
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-<strong>Загальний річний обсяг випуску (до злиття): ~4,61%</strong> (4,09% + 0,52%)
-<br/><br/>
-<strong>Приблизно 88,7%</strong> випуску отримували майнери на рівні виконання (4,09 / 4,61 * 100)
-<br/><br/>
-<strong>Приблизно 11,3%</strong> отримували стейкери на рівні консенсусу (0,52 / 4,61 * 100)
+**Загальний річний обсяг випуску (до злиття): ~4,61%** (4,09% + 0,52%)
+
+
+**Приблизно 88,7%** випуску отримували майнери на рівні виконання (4,09 / 4,61 * 100)
+
+
+**Приблизно 11,3%** отримували стейкери на рівні консенсусу (0,52 / 4,61 * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
@@ -91,8 +93,9 @@ title="Випуск ETH tldr">
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-Загальний річний приріст пропозиції: <strong>~0.52%</strong><br/><br/>
-Чисте скорочення річного випуску ЕТН: <strong>~88.7%</strong> ((4.61% - 0.52%) / 4.61% * 100)
+Загальний річний приріст пропозиції: **~0.52%**
+
+Чисте скорочення річного випуску ЕТН: **~88.7%** ((4.61% - 0.52%) / 4.61% * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
diff --git a/public/content/translations/zh-tw/roadmap/merge/issuance/index.md b/public/content/translations/zh-tw/roadmap/merge/issuance/index.md
index f10e6d6f944..e6f50a6e813 100644
--- a/public/content/translations/zh-tw/roadmap/merge/issuance/index.md
+++ b/public/content/translations/zh-tw/roadmap/merge/issuance/index.md
@@ -57,9 +57,11 @@ title="以太幣發行量總覽">
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-<strong>總年化發行率（合併前）：約 4.61%</strong> (4.09% + 0.52%)<br/><br/>
-<strong>約 88.7%</strong> 發行的以太幣給了執行層上的礦工 (4.09 / 4.61 * 100)<br/><br/>
-<strong>約 11.3%</strong> 發行的以太幣給了共識層上的質押者 (0.52 / 4.61 * 100)
+**總年化發行率（合併前）：約 4.61%** (4.09% + 0.52%)
+
+**約 88.7%** 發行的以太幣給了執行層上的礦工 (4.09 / 4.61 * 100)
+
+**約 11.3%** 發行的以太幣給了共識層上的質押者 (0.52 / 4.61 * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
@@ -91,8 +93,9 @@ title="以太幣發行量總覽">
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-總年化發行率：<strong>約 0.52%</strong><br/><br/>
-年度以太幣發行量淨減少值：<strong>約 88.7%</strong> ((4.61% - 0.52%) / 4.61% * 100)
+總年化發行率：**約 0.52%**
+
+年度以太幣發行量淨減少值：**約 88.7%** ((4.61% - 0.52%) / 4.61% * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
diff --git a/public/content/translations/zh/roadmap/merge/issuance/index.md b/public/content/translations/zh/roadmap/merge/issuance/index.md
index a50e12664da..1e2f6a870e3 100644
--- a/public/content/translations/zh/roadmap/merge/issuance/index.md
+++ b/public/content/translations/zh/roadmap/merge/issuance/index.md
@@ -57,9 +57,11 @@ title="以太币发行内容提要">
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-<strong>总计年化发行率（合并前）：大约 4.61%</strong> (4.09% + 0.52%)<br/><br/>
-<strong>大约 88.7%</strong> 的发行量会给执行层上的矿工 (4.09 / 4.61 * 100)<br/><br/>
-<strong>大约 11.3%</strong> 的发行量会给共识层上的质押人 (0.52 / 4.61 * 100)
+**总计年化发行率（合并前）：大约 4.61%** (4.09% + 0.52%)
+
+**大约 88.7%** 的发行量会给执行层上的矿工 (4.09 / 4.61 * 100)
+
+**大约 11.3%** 的发行量会给共识层上的质押人 (0.52 / 4.61 * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>
@@ -91,8 +93,9 @@ title="以太币发行内容提要">
 <Alert variant="update">
 <AlertContent>
 <AlertDescription>
-总计年化发行率：<strong>大约 0.52%</strong><br/><br/>
-每年以太币发行量净减少：<strong>大约 88.7%</strong> ((4.61% - 0.52%) / 4.61% * 100)
+总计年化发行率：**大约 0.52%**
+
+每年以太币发行量净减少：**大约 88.7%** ((4.61% - 0.52%) / 4.61% * 100)
 </AlertDescription>
 </AlertContent>
 </Alert>

From e773bad42312954ee8b97458524b97e12ba18e8c Mon Sep 17 00:00:00 2001
From: Paul Wackerow <54227730+wackerow@users.noreply.github.com>
Date: Tue, 21 Oct 2025 15:05:30 -0700
Subject: [PATCH 12/13] patch: alert description paragraph spacing

---
 src/components/ui/alert.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/ui/alert.tsx b/src/components/ui/alert.tsx
index 9f8f51247fa..503117fba03 100644
--- a/src/components/ui/alert.tsx
+++ b/src/components/ui/alert.tsx
@@ -69,7 +69,10 @@ const AlertDescription = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <div
     ref={ref}
-    className={cn("[&_p]:leading-relaxed", className)}
+    className={cn(
+      "[&_p]:mb-4 [&_p]:mt-0 [&_p]:leading-relaxed last:[&_p]:mb-0",
+      className
+    )}
     {...props}
   />
 ))

From 4f08673e4eb783134626b8f16ea2db7d0047169c Mon Sep 17 00:00:00 2001
From: Paul Wackerow <54227730+wackerow@users.noreply.github.com>
Date: Tue, 21 Oct 2025 15:24:21 -0700
Subject: [PATCH 13/13] patch: spacing

---
 app/[locale]/gas/_components/gas.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/[locale]/gas/_components/gas.tsx b/app/[locale]/gas/_components/gas.tsx
index a695af94e5a..4c3f9251479 100644
--- a/app/[locale]/gas/_components/gas.tsx
+++ b/app/[locale]/gas/_components/gas.tsx
@@ -17,7 +17,7 @@ import MainArticle from "@/components/MainArticle"
 import PageHero from "@/components/PageHero"
 import { StandaloneQuizWidget } from "@/components/Quiz/QuizWidget"
 import Translation from "@/components/Translation"
-import { Alert, AlertTitle } from "@/components/ui/alert"
+import { Alert, AlertContent, AlertTitle } from "@/components/ui/alert"
 import { ButtonLink } from "@/components/ui/buttons/Button"
 import { Divider } from "@/components/ui/divider"
 import { Flex, FlexProps } from "@/components/ui/flex"
@@ -144,16 +144,16 @@ const GasPage = ({
         <Flex className="w-full flex-col items-center lg:flex-row lg:items-start">
           <div className="me-auto w-full flex-[60%] lg:me-2">
             <Alert variant="update" className="mb-8">
-              <div>
+              <AlertContent>
                 <AlertTitle className="mb-6">
                   {t("page-gas-summary-title")}
                 </AlertTitle>
-                <UnorderedList>
+                <UnorderedList className="mb-0">
                   <ListItem>{t("page-gas-summary-item-1")}</ListItem>
                   <ListItem>{t("page-gas-summary-item-2")}</ListItem>
                   <ListItem>{t("page-gas-summary-item-3")}</ListItem>
                 </UnorderedList>
-              </div>
+              </AlertContent>
             </Alert>
             <H2 className="mt-0" id="what-is-gas">
               {t("page-gas-what-are-gas-fees-header")}