diff --git a/app/[locale]/eth/_components/eth.tsx b/app/[locale]/eth/_components/eth.tsx
deleted file mode 100644
index 0b162f0ad94..00000000000
--- a/app/[locale]/eth/_components/eth.tsx
+++ /dev/null
@@ -1,478 +0,0 @@
-"use client"
-
-import type { ComponentProps, HTMLAttributes } from "react"
-
-import type { ChildOnlyProp, PageWithContributorsProps } from "@/lib/types"
-
-import ActionCard from "@/components/ActionCard"
-import CalloutBanner from "@/components/CalloutBanner"
-import Card from "@/components/Card"
-import CardList from "@/components/CardList"
-import EthPriceCard from "@/components/EthPriceCard"
-import EthVideo from "@/components/EthVideo"
-import FeedbackCard from "@/components/FeedbackCard"
-import FileContributors from "@/components/FileContributors"
-import HorizontalCard from "@/components/HorizontalCard"
-import { Image } from "@/components/Image"
-import ListenToPlayer from "@/components/ListenToPlayer"
-import MainArticle from "@/components/MainArticle"
-import { StandaloneQuizWidget } from "@/components/Quiz/QuizWidget"
-import Translation from "@/components/Translation"
-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"
-import InlineLink from "@/components/ui/Link"
-import { ListItem, UnorderedList } from "@/components/ui/list"
-
-import { cn } from "@/lib/utils/cn"
-
-import { useTranslation } from "@/hooks/useTranslation"
-import { usePathname } from "@/i18n/routing"
-import eth from "@/public/images/eth.png"
-import ethCat from "@/public/images/eth-gif-cat.png"
-import defi from "@/public/images/finance_transparent.png"
-import ethereum from "@/public/images/what-is-ethereum.png"
-
-const Page = (props: ChildOnlyProp) => (
-
{t("page-what-is-ether-hero-description-1")}
+ > + ), + } + + const tocItems: ToCItem[] = [ + { title: t("page-what-is-ether-title"), url: "#what-is-ether" }, + { title: t("page-what-is-ether-how-to-buy-eth"), url: "#how-to-buy-eth" }, + { + title: t("page-what-is-ether-how-to-send-and-receive-eth"), + url: "#how-to-send-and-receive-eth", + }, + { + title: t("page-what-is-ether-how-long-does-it-take-to-send-eth"), + url: "#how-long-does-it-take-to-send-eth", + }, + { + title: t("page-what-is-ether-how-much-does-it-cost-to-send-eth"), + url: "#how-much-does-it-cost-to-send-eth", + }, + { + title: t("page-what-is-ether-what-is-the-eth-supply"), + url: "#what-is-the-eth-supply", + }, + { + title: t("page-what-is-ether-what-is-the-distribution-of-eth"), + url: "#what-is-the-distribution-of-eth", + }, + { + title: t("page-what-is-ether-what-makes-eth-valuable"), + url: "#what-makes-eth-valuable", + }, + { + title: t("page-what-is-ether-what-is-wrapping-eth"), + url: "#what-is-wrapping-eth", + }, + ] + + const getId = (input: string) => { + const parts = input.split("#") + return parts.length > 1 ? parts[1] : "" + } + + return ( + <> +{t("page-what-is-ether-what-is-ether-description-1")}
++ {t.rich("page-what-is-ether-what-is-ether-description-2", { + strong: Strong, + })} +
++ {t.rich("page-what-is-ether-what-is-ether-description-6", { + assets: (chunks) => ( + + {chunks} + + ), + })} +
++ {t("page-what-is-ether-what-is-ether-description-8")} +
++ {t("page-what-is-ether-what-is-ether-description-10")} +
++ {t("page-what-is-ether-what-is-ether-description-12")} +
++ {t.rich("page-what-is-ether-how-to-buy-eth-description-1", { + strong: Strong, + })} +
+{t("page-what-is-ether-how-to-buy-eth-description-2")}
++ {t.rich("page-what-is-ether-how-to-buy-eth-description-3", { + strong: Strong, + })} +
++ {t.rich("page-what-is-ether-how-to-buy-eth-description-4", { + strong: Strong, + })} +
++ + {t("page-what-is-ether-how-to-buy-eth-description-7")} + +
++ {t.rich("page-what-is-ether-how-to-buy-eth-description-11", { + strong: Strong, + })} +
++ + {t("page-what-is-ether-how-to-buy-eth-description-12")} + +
++ {t.rich( + "page-what-is-ether-how-to-send-and-receive-eth-description-1", + { + strong: Strong, + } + )} +
++ {t.rich( + "page-what-is-ether-how-to-send-and-receive-eth-description-2", + { + strong: Strong, + } + )} +
++ {t.rich( + "page-what-is-ether-how-to-send-and-receive-eth-description-3", + { + strong: Strong, + howToUseWallet: (chunks) => ( + {chunks} + ), + } + )} +
++ {t.rich("page-what-is-ether-how-to-buy-eth-description-3", { + strong: Strong, + })} +
++ {t.rich( + "page-what-is-ether-how-to-send-and-receive-eth-description-4", + { + strong: Strong, + } + )} +
++ {t( + "page-what-is-ether-how-to-send-and-receive-eth-description-7" + )} +
++ {t( + "page-what-is-ether-how-long-does-it-take-to-send-eth-description-1" + )} +
++ {t( + "page-what-is-ether-how-long-does-it-take-to-send-eth-description-2" + )} +
++ {t( + "page-what-is-ether-how-long-does-it-take-to-send-eth-description-3" + )} +
++ {t.rich( + "page-what-is-ether-how-much-does-it-cost-to-send-eth-description-1", + { + strong: Strong, + } + )} +
+{t("page-what-is-ether-l2s-description-1")}
++ {t.rich("page-what-is-ether-l2s-description-2", { + strong: Strong, + optimism: (chunks) => ( + {chunks} + ), + arbitrum: (chunks) => ( + {chunks} + ), + })} +
+{t("page-what-is-ether-l2s-description-3")}
++ {t.rich("page-what-is-ether-l2s-description-4", { + strong: Strong, + })} +
++ {t("page-what-is-ether-what-is-the-eth-supply-description-1")} +
++ {t.rich( + "page-what-is-ether-what-is-the-eth-supply-description-5", + { + strong: Strong, + } + )} +
++ {t.rich( + "page-what-is-ether-what-is-the-eth-supply-description-6", + { + etherscan: (chunks) => ( + {chunks} + ), + ultrasound: (chunks) => ( + {chunks} + ), + } + )} +
++ {t.rich( + "page-what-is-ether-what-is-the-distribution-of-eth-description-1", + { + etherscan: (chunks) => ( + + {chunks} + + ), + } + )} +
+{t("page-what-is-ether-who-holds-most-description-1")}
++ {t.rich("page-what-is-ether-who-holds-most-description-2", { + strategic: (chunks) => ( + + {chunks} + + ), + })} +
+{t("page-what-is-ether-distribution-description-1")}
++ {t("page-what-is-ether-what-makes-eth-valuable-description-1")} +
++ {t.rich( + "page-what-is-ether-what-makes-eth-valuable-description-2", + { + strong: Strong, + } + )} +
++ {t.rich( + "page-what-is-ether-what-makes-eth-valuable-description-3", + { + strong: Strong, + } + )} +
++ {t.rich( + "page-what-is-ether-what-makes-eth-valuable-description-4", + { + strong: Strong, + } + )} +
++ {t.rich( + "page-what-is-ether-what-makes-eth-valuable-description-5", + { + strong: Strong, + ultrasound: (chunks) => ( + + {chunks} + + ), + } + )} +
++ {t("page-what-is-ether-what-is-wrapping-eth-description-1")} +
++ {t("page-what-is-ether-what-is-wrapping-eth-description-2")} +
++ {t("page-what-is-ether-what-is-wrapping-eth-description-6")} +
+