Merge pull request ethereum#16153 from ethereum/wrapeth-link

feat: add wrapeth.com link to /wrapped-eth

Author: pettinarip

public/content/wrapped-eth/index.md

@@ -6,6 +6,11 @@ lang: en
 
 # Wrapped ether (WETH) {#intro-to-weth}
 
+<Alert variant="update">
+<Emoji text="🎁" />
+<div>Connect your wallet to wrap or unwrap ETH on any chain at [WrapETH.com](https://www.wrapeth.com/)</div>
+</Alert>
+
 Ether (ETH) is the main currency of Ethereum. It's used for several purposes like staking, as a currency, and paying for gas fees for computation. **WETH is effectively an upgraded form of ETH with some additional functionality required by many applications and [ERC-20 tokens](/glossary/#erc-20)**, which are other types of digital assets on Ethereum. To work with these tokens, ETH must follow the same rules they do, known as the ERC-20 standard.
 
 To bridge this gap, wrapped ETH (WETH) was created. **Wrapped ETH is a smart contract that lets you deposit any amount of ETH into the contract and receive the same amount in minted WETH** that conforms to the ERC-20 token standard. WETH is a representation of ETH that allows you to interact with it as an ERC-20 token, not as the native asset ETH. You will still need native ETH to pay for gas fees, so make sure you save some when depositing. 

src/layouts/Static.tsx

@@ -30,6 +30,7 @@ import SocialListItem from "@/components/SocialListItem"
 import TableOfContents from "@/components/TableOfContents"
 import Translation from "@/components/Translation"
 import TranslationChartImage from "@/components/TranslationChartImage"
+import { Alert } from "@/components/ui/alert"
 import { Flex, Stack } from "@/components/ui/flex"
 import Link from "@/components/ui/Link"
 import UpcomingEventsList from "@/components/UpcomingEventsList"
@@ -58,6 +59,7 @@ export const staticComponents = {
   h2: Heading2,
   h3: Heading3,
   h4: Heading4,
+  Alert,
   Callout,
   Contributors,
   EnergyConsumptionChart,