diff --git a/app/[locale]/what-is-ethereum/page.tsx b/app/[locale]/what-is-ethereum/page.tsx
index eaeb86ae16b..e93b002c0b1 100644
--- a/app/[locale]/what-is-ethereum/page.tsx
+++ b/app/[locale]/what-is-ethereum/page.tsx
@@ -1,168 +1,110 @@
-import { pick } from "lodash"
-import { Info } from "lucide-react"
 import {
-  getMessages,
-  getTranslations,
-  setRequestLocale,
-} from "next-intl/server"
+  ArrowRight,
+  Castle,
+  Landmark,
+  LockKeyhole,
+  Shield,
+  SquareCode,
+  User,
+} from "lucide-react"
+import { getLocale, getTranslations } from "next-intl/server"
 
-import type { ChildOnlyProp, CommitHistory, Lang } from "@/lib/types"
+import type { CommitHistory, Lang, ToCItem } from "@/lib/types"
 
-import AdoptionChart from "@/components/AdoptionChart/server"
-import {
-  Banner,
-  BannerBody,
-  BannerGrid,
-  BannerGridCell,
-  BannerImage,
-} from "@/components/BannerGrid"
-import Callout from "@/components/Callout"
-import Card from "@/components/Card"
-import EnergyConsumptionChart from "@/components/EnergyConsumptionChart/server"
+import DocLink from "@/components/DocLink"
 import FeedbackCard from "@/components/FeedbackCard"
 import FileContributors from "@/components/FileContributors"
-import I18nProvider from "@/components/I18nProvider"
-import { Image, ImageProps } from "@/components/Image"
+import ContentHero, { ContentHeroProps } from "@/components/Hero/ContentHero"
+import { Image } from "@/components/Image"
+import { Emphasis, Strong } from "@/components/IntlStringElements"
 import ListenToPlayer from "@/components/ListenToPlayer/server"
 import MainArticle from "@/components/MainArticle"
-import { StandaloneQuizWidget } from "@/components/Quiz/QuizWidget"
-import StatErrorMessage from "@/components/StatErrorMessage"
-import Tooltip from "@/components/Tooltip"
-import Translation from "@/components/Translation"
-import { Button } from "@/components/ui/buttons/Button"
+import TableOfContents from "@/components/TableOfContents"
 import { ButtonLink } from "@/components/ui/buttons/Button"
-import { Center, Flex, HStack, Stack } from "@/components/ui/flex"
-import InlineLink from "@/components/ui/Link"
+import { Card, CardContent, CardTitle } from "@/components/ui/card"
+import Link, { LinkProps } from "@/components/ui/Link"
+import { ListItem, OrderedList, UnorderedList } from "@/components/ui/list"
+import { Section } from "@/components/ui/section"
 
 import { cn } from "@/lib/utils/cn"
 import { getAppPageContributorInfo } from "@/lib/utils/contributors"
-import { dataLoader } from "@/lib/utils/data/dataLoader"
+import { getDirection } from "@/lib/utils/direction"
 import { getMetadata } from "@/lib/utils/metadata"
-import {
-  getLocaleForNumberFormat,
-  getRequiredNamespacesForPage,
-} from "@/lib/utils/translations"
-
-import WhatTabs from "./_components/WhatTabs/lazy"
-import WhySwiper from "./_components/WhySwiper/lazy"
-
-import { fetchGrowThePie } from "@/lib/api/fetchGrowThePie"
-import dogeComputerImg from "@/public/images/doge-computer.png"
-import ethImg from "@/public/images/eth.png"
-import diffEthAndBtc from "@/public/images/eth.png"
-import criminalActivity from "@/public/images/finance_transparent.png"
-import ethCoin from "@/public/images/impact_transparent.png"
-import whatAreSmartContracts from "@/public/images/infrastructure_transparent.png"
-import whoRunsEthereum from "@/public/images/run-a-node/ethereum-inside.png"
-import stats from "@/public/images/upgrades/newrings.png"
-import hero from "@/public/images/what-is-ethereum.png"
-
-const Summary = ({
+import { screens } from "@/lib/utils/screen"
+
+import contributionBanner from "@/public/images/doge-computer.png"
+import whatBanner from "@/public/images/eth.png"
+import howBanner from "@/public/images/hackathon_transparent.png"
+import startBanner from "@/public/images/heroes/guides-hub-hero.jpg"
+import networksBanner from "@/public/images/heroes/learn-hub-hero.png"
+import etherBanner from "@/public/images/impact_transparent.png"
+import whenWhoBanner from "@/public/images/translatathon/walking.png"
+import heroImg from "@/public/images/what-is-ethereum.png"
+
+const IconBox = ({
   className,
-  ...rest
+  ...props
 }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
     className={cn(
-      "rounded p-4",
-      "border-accent-c/10 bg-gradient-to-t from-accent-c/10 from-20% to-accent-c/5 to-60% dark:from-accent-c/20 dark:to-accent-c/10",
+      "grid size-20 place-items-center rounded-2xl border p-6 shadow-window-box [&_svg]:size-8",
       className
     )}
-    {...rest}
+    {...props}
   />
 )
 
-const TwoColumnContent = ({
+const HighlightStack = ({
   className,
-  ...rest
+  ...props
 }: React.HTMLAttributes<HTMLDivElement>) => (
-  <Flex
+  <div
     className={cn(
-      "w-full flex-col gap-8 lg:flex-row lg:items-center lg:gap-0",
+      "divide-y [&>div:first-child]:pt-0 [&>div:last-child]:pb-0 [&>div]:py-8",
       className
     )}
-    {...rest}
+    {...props}
   />
 )
 
-const Section = ({
+const HighlightCard = ({
   className,
-  ...rest
+  ...props
 }: React.HTMLAttributes<HTMLDivElement>) => (
-  <section className={cn("w-full px-8 py-12", className)} {...rest} />
-)
-
-const Width60 = ({
-  className,
-  children,
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div className={cn("w-full flex-[3]", className)}>{children}</div>
-)
-
-const Width40 = (props: ChildOnlyProp) => (
-  <Center className="w-full flex-[2] gap-0" {...props} />
-)
-
-const H2 = ({ className, ...rest }: React.HTMLAttributes<HTMLDivElement>) => (
-  <h2
-    className={cn("mb-6 text-2xl leading-xs md:text-3xl", className)}
-    {...rest}
+  <div
+    className={cn("flex flex-col gap-4 pb-8 lg:flex-row", className)}
+    {...props}
   />
 )
 
-const CardContainer = ({
-  className,
-  ...rest
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <Flex className={cn("-mx-4 flex-wrap", className)} {...rest} />
-)
-
-const Column = (props: ChildOnlyProp) => (
-  <div className="mb-6 md:max-w-[75%]" {...props} />
-)
-
-const StatPrimary = (props: ChildOnlyProp) => (
-  <div className="mb-4 text-5xl leading-none" {...props} />
-)
-
-const StatDescription = (props: ChildOnlyProp) => (
-  <div className="text-md text-[#666] dark:text-[#b2b2b2]" {...props} />
-)
-
-const ButtonRow = ({
+const HighlightCardContent = ({
   className,
-  ...rest
+  ...props
 }: React.HTMLAttributes<HTMLDivElement>) => (
-  <HStack className={cn("flex-wrap gap-4", className)} {...rest} />
+  <div className={cn("space-y-6 text-body-medium", className)} {...props} />
 )
 
-const NoWrapText = (props: ChildOnlyProp) => (
-  <span className="whitespace-nowrap" {...props} />
-)
-
-const Image400 = ({ src }: Pick<ImageProps, "src">) => (
-  <Image src={src} alt="" sizes="400px" />
-)
-
-const loadData = dataLoader([["growThePieData", fetchGrowThePie]])
+const LinkWithArrow = async ({ href, className, children }: LinkProps) => {
+  const locale = await getLocale()
+  const { twFlipForRtl } = getDirection(locale as Lang)
+  return (
+    <Link
+      href={href}
+      className={cn("group block w-fit no-underline", className)}
+    >
+      <ArrowRight className={cn("mb-1 inline size-[1em]", twFlipForRtl)} />
+      &nbsp;
+      <span className="group-hover:underline">{children}</span>
+    </Link>
+  )
+}
 
 const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
   const { locale } = await params
-  const localeForNumberFormat = getLocaleForNumberFormat(locale as Lang)
-
   const t = await getTranslations({
     locale,
     namespace: "page-what-is-ethereum",
   })
-  const tCommon = await getTranslations({
-    locale,
-    namespace: "common",
-  })
-  setRequestLocale(locale)
-
-  // Get i18n messages
-  const allMessages = await getMessages({ locale })
-  const requiredNamespaces = getRequiredNamespacesForPage("/what-is-ethereum")
-  const messages = pick(allMessages, requiredNamespaces)
 
   const commitHistoryCache: CommitHistory = {}
   const { contributors, lastEditLocaleTimestamp } =
@@ -172,578 +114,999 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
       commitHistoryCache
     )
 
-  // Load data
-  const [loadedData] = await loadData()
-  const data = loadedData.txCount
-
-  const formatNumber = (
-    value: number,
-    minSignificantDigits: number,
-    maxSignificantDigits: number,
-    style?: Intl.NumberFormatOptions["style"],
-    currency?: string
-  ) =>
-    new Intl.NumberFormat(localeForNumberFormat, {
-      notation: "compact",
-      minimumSignificantDigits: minSignificantDigits,
-      maximumSignificantDigits: maxSignificantDigits,
-      style: style,
-      currency: currency,
-      currencyDisplay: "narrowSymbol",
-    }).format(value)
-
-  const txStat = "error" in data ? "" : formatNumber(data.value, 3, 4)
-
-  const cards = [
-    {
-      emoji: ":bank:",
-      title: t("page-what-is-ethereum-banking-card"),
-      description: t("page-what-is-ethereum-banking-card-desc"),
-    },
-
-    {
-      emoji: ":detective:",
-      title: t("page-what-is-ethereum-internet-card"),
-      description: t("page-what-is-ethereum-internet-card-desc"),
-    },
-    {
-      emoji: ":busts_in_silhouette:",
-      title: t("page-what-is-ethereum-p2p-card"),
-      description: t("page-what-is-ethereum-p2p-card-desc"),
-    },
-    {
-      emoji: ":shield:",
-      title: t("page-what-is-ethereum-censorless-card"),
-      description: t("page-what-is-ethereum-censorless-card-desc"),
-    },
+  const tocItems: ToCItem[] = [
+    { title: t("page-what-is-ethereum-toc-ethereum"), url: "#ethereum" },
+    { title: t("page-what-is-ethereum-toc-network"), url: "#network" },
+    { title: t("page-what-is-ethereum-toc-ether"), url: "#ether" },
+    { title: t("page-what-is-ethereum-toc-how"), url: "#how" },
+    { title: t("page-what-is-ethereum-toc-what"), url: "#what" },
+    { title: t("page-what-is-ethereum-toc-start"), url: "#start" },
     {
-      emoji: ":shopping_bags:",
-      title: t("page-what-is-ethereum-commerce-card"),
-      description: t("page-what-is-ethereum-commerce-card-desc"),
+      title: t("page-what-is-ethereum-toc-bitcoin"),
+      url: "#bitcoin",
     },
     {
-      emoji: ":handshake:",
-      title: t("page-what-is-ethereum-composable-card"),
-      description: t("page-what-is-ethereum-composable-card-desc"),
+      title: t("page-what-is-ethereum-toc-when-who"),
+      url: "#when-who",
     },
+    { title: t("page-what-is-ethereum-toc-roadmap"), url: "#roadmap" },
   ]
 
-  const tooltipContent = ({ apiUrl, apiProvider, ariaLabel }) => (
-    <div>
-      {tCommon("data-provided-by")}{" "}
-      <InlineLink href={apiUrl} aria-label={ariaLabel}>
-        {apiProvider}
-      </InlineLink>
-    </div>
-  )
+  const heroProps: ContentHeroProps = {
+    breadcrumbs: { slug: "learn/what-is-ethereum", startDepth: 1 },
+    heroImg,
+    title: tocItems[0].title,
+    description: (
+      <>
+        <p>{t("page-what-is-ethereum-hero-description-1")}</p>
+        <p>{t("page-what-is-ethereum-hero-description-2")}</p>
+      </>
+    ),
+  }
 
+  const getId = (input: string) => {
+    const parts = input.split("#")
+    return parts.length > 1 ? parts[1] : ""
+  }
   return (
-    <I18nProvider locale={locale} messages={messages}>
-      <MainArticle className="mx-0 my-auto flex w-full flex-col items-center gap-0">
-        <Flex className="w-full flex-col-reverse items-center justify-between px-8 py-4 md:flex-row">
-          <Stack className="mb-6 gap-4" asChild>
-            <header>
-              <h1 className="text-sm font-medium uppercase leading-xs tracking-wider">
-                {t("page-what-is-ethereum-title")}
-              </h1>
-              <Stack className="gap-6">
-                <p className="text-[2rem] leading-xs">
-                  {t("page-what-is-ethereum-desc")}
-                </p>
-                <p className="text-xl leading-xs">
-                  {t("page-what-is-ethereum-subtitle")}
-                </p>
-                <ButtonRow>
-                  <Button toId="summary">
-                    {t("page-what-is-ethereum-button-lets-start")}
-                  </Button>
-                </ButtonRow>
-              </Stack>
-            </header>
-          </Stack>
-          <div className="max-w-[800px] flex-[1_1_100%] bg-cover bg-no-repeat">
+    <div>
+      <ContentHero {...heroProps} />
+
+      <MainArticle className="grid w-full grid-cols-1 gap-x-20 px-4 py-8 lg:grid-cols-[1fr_auto] lg:px-10 lg:py-10">
+        <div
+          data-label="extras"
+          className="mb-8 space-y-4 lg:col-start-1 lg:row-start-1 lg:mb-10"
+        >
+          <FileContributors
+            className="!py-0 [&>div]:mt-0"
+            contributors={contributors}
+            lastEditLocaleTimestamp={lastEditLocaleTimestamp}
+          />
+
+          <ListenToPlayer slug="what-is-ethereum" />
+        </div>
+
+        <div className="row-start-1 lg:col-start-2 lg:row-span-2">
+          <TableOfContents variant="beginner" items={tocItems} isMobile />
+          <TableOfContents variant="beginner" items={tocItems} />
+        </div>
+
+        <div className="max-w-[50rem] space-y-14 lg:col-start-1 lg:row-start-2">
+          <Section id={getId(tocItems[0].url)} className="space-y-6">
+            <p>
+              {t.rich("page-what-is-ethereum-ethereum-intro-1", {
+                strong: Strong,
+              })}
+            </p>
+            <p>
+              {t.rich("page-what-is-ethereum-ethereum-intro-2", {
+                a: (chunks) => <Link href="/smart-contracts/">{chunks}</Link>,
+              })}
+            </p>
+            <p>
+              {t.rich("page-what-is-ethereum-ethereum-intro-3", {
+                strong: Strong,
+              })}
+            </p>
+            <p>
+              {t.rich("page-what-is-ethereum-ethereum-intro-4", {
+                strong: Strong,
+              })}
+            </p>
+            <p>
+              {t.rich("page-what-is-ethereum-ethereum-intro-5", {
+                strong: Strong,
+              })}
+            </p>
+            <p>
+              {t.rich("page-what-is-ethereum-ethereum-intro-6", {
+                millions: (chunks) => (
+                  <Link href="https://tokenterminal.com/explorer/projects/ethereum/metrics/all">
+                    {chunks}
+                  </Link>
+                ),
+                billions: (chunks) => (
+                  <Link href="https://defillama.com/chain/ethereum">
+                    {chunks}
+                  </Link>
+                ),
+                trillions: (chunks) => (
+                  <Link href="https://www.gate.com/post/status/11248290">
+                    {chunks}
+                  </Link>
+                ),
+              })}
+            </p>
+            <p>
+              {t.rich("page-what-is-ethereum-ethereum-intro-7", {
+                strong: Strong,
+              })}
+            </p>
+          </Section>
+
+          <Section className="-scroll-mt-80 space-y-14">
             <Image
-              src={hero}
-              alt={t("page-what-is-ethereum-alt-img-bazaar")}
-              // TODO: adjust value when the old theme breakpoints are removed (src/theme.ts)
-              sizes="(max-width: 992px) 100vw, 750px"
-              priority
+              src={networksBanner}
+              alt={t("page-what-is-ethereum-banner-networks-alt")}
+              sizes={`(max-width: 800px) 100vw, (max-width: ${screens.xl}) 800px, (max-width: ${screens.xl}) calc(100vw - 480px), 800px`}
             />
-          </div>
-        </Flex>
 
-        <div className="w-full bg-background-highlight">
-          <Section>
-            <div className="mb-8">
-              <ListenToPlayer slug={"what-is-ethereum"} />
+            <div className="space-y-6">
+              <h2 id={getId(tocItems[1].url)} className="scroll-mt-28">
+                {tocItems[1].title}
+              </h2>
+
+              <p>
+                {t.rich("page-what-is-ethereum-network-intro-1", {
+                  strong: Strong,
+                })}
+              </p>
+
+              <p>
+                {t.rich("page-what-is-ethereum-network-intro-2", {
+                  strong: Strong,
+                })}
+              </p>
+
+              <p>
+                {t.rich("page-what-is-ethereum-network-intro-3", {
+                  strong: Strong,
+                })}
+              </p>
             </div>
-            <Stack className="gap-14">
-              <TwoColumnContent id="summary">
-                <Width60>
-                  <Summary>
-                    <Stack className="gap-6">
-                      <h2 className="text-[1.4rem] leading-xs text-[#4c4c4c] dark:text-[#ccc]">
-                        {t("page-what-is-ethereum-summary-title")}
-                      </h2>
-                      <Stack className="gap-6">
-                        <p>{t("page-what-is-ethereum-summary-desc-1")}</p>
-                        <p>{t("page-what-is-ethereum-summary-desc-2")}</p>
-                        <ul>
-                          <li>
-                            <Translation id="page-what-is-ethereum:page-what-is-ethereum-summary-bullet-1" />
-                          </li>
-                          <li>
-                            <Translation id="page-what-is-ethereum:page-what-is-ethereum-summary-bullet-2" />
-                          </li>
-                          <li>
-                            <Translation id="page-what-is-ethereum:page-what-is-ethereum-summary-bullet-3" />
-                          </li>
-                          <li>
-                            <Translation id="page-what-is-ethereum:page-what-is-ethereum-summary-bullet-4" />
-                          </li>
-                        </ul>
-                      </Stack>
-                    </Stack>
-                  </Summary>
-                </Width60>
-                <Width40 />
-              </TwoColumnContent>
-              <Stack className="gap-8">
+
+            <HighlightStack data-label="ethereum-network-table">
+              <HighlightCard>
+                <IconBox>
+                  <Shield className="text-accent-a" />
+                </IconBox>
                 <div>
-                  <H2>{t("page-what-is-ethereum-what-can-eth-do-title")}</H2>
-                  <CardContainer>
-                    {cards.map((card, idx) => (
-                      <Card
-                        key={idx}
-                        emoji={card.emoji}
-                        title={card.title}
-                        description={card.description}
-                        className="m-4 min-w-[240px] flex-[1_1_30%] p-6"
-                      />
-                    ))}
-                  </CardContainer>
+                  <CardTitle className="mb-2">
+                    {t("page-what-is-ethereum-network-censorship-title")}
+                  </CardTitle>
+                  <HighlightCardContent>
+                    <p>
+                      {t("page-what-is-ethereum-network-censorship-desc-1")}
+                    </p>
+                    <p>
+                      {t("page-what-is-ethereum-network-censorship-desc-2")}
+                    </p>
+                  </HighlightCardContent>
                 </div>
+              </HighlightCard>
+              <HighlightCard>
+                <IconBox>
+                  <LockKeyhole className="text-accent-b" />
+                </IconBox>
+                <div>
+                  <CardTitle className="mb-2">
+                    {t("page-what-is-ethereum-network-security-title")}
+                  </CardTitle>
+                  <HighlightCardContent>
+                    <p>{t("page-what-is-ethereum-network-security-desc-1")}</p>
+                    <p>{t("page-what-is-ethereum-network-security-desc-2")}</p>
+                  </HighlightCardContent>
+                </div>
+              </HighlightCard>
+              <HighlightCard>
+                <IconBox>
+                  <Castle className="text-accent-c" />
+                </IconBox>
+                <div>
+                  <CardTitle className="mb-2">
+                    {t("page-what-is-ethereum-network-reliability-title")}
+                  </CardTitle>
+                  <HighlightCardContent>
+                    <p>
+                      {t.rich(
+                        "page-what-is-ethereum-network-reliability-desc-1",
+                        {
+                          a: (chunks) => <Link href="#">{chunks}</Link>,
+                        }
+                      )}
+                    </p>
+                    <p>
+                      {t("page-what-is-ethereum-network-reliability-desc-2")}
+                    </p>
+                  </HighlightCardContent>
+                </div>
+              </HighlightCard>
+            </HighlightStack>
+
+            <div data-label="layer-2-callout">
+              <h3 className="mb-5 text-xl">
+                {t("page-what-is-ethereum-network-layer2-title")}
+              </h3>
 
-                <TwoColumnContent>
-                  <Width60>
-                    <WhatTabs />
-                  </Width60>
-                  <Width40 />
-                </TwoColumnContent>
-              </Stack>
-            </Stack>
+              <div className="space-y-6">
+                <p>{t("page-what-is-ethereum-network-layer2-desc-1")}</p>
+
+                <p>
+                  {t.rich("page-what-is-ethereum-network-layer2-desc-2", {
+                    optimism: (chunks) => (
+                      <Link href="https://www.optimism.io/">{chunks}</Link>
+                    ),
+                    arbitrum: (chunks) => (
+                      <Link href="https://arbitrum.io/">{chunks}</Link>
+                    ),
+                    zksync: (chunks) => (
+                      <Link href="https://www.zksync.io/">{chunks}</Link>
+                    ),
+                    base: (chunks) => (
+                      <Link href="https://www.base.org/">{chunks}</Link>
+                    ),
+                  })}
+                </p>
+              </div>
+            </div>
+
+            <LinkWithArrow href="/layer-2/networks/">
+              {t("page-what-is-ethereum-network-learn-more")}
+            </LinkWithArrow>
           </Section>
 
-          <Section>
-            <TwoColumnContent>
-              <Width60 className="lg:max-w-[60%]">
-                <H2>
-                  {t("page-what-is-ethereum-why-would-i-use-ethereum-title")}
-                </H2>
-                <Stack className="max-w-full gap-6">
-                  <p>{t("page-what-is-ethereum-why-would-i-use-ethereum-1")}</p>
-                  <p>{t("page-what-is-ethereum-why-would-i-use-ethereum-2")}</p>
-
-                  <div className="max-w-full">
-                    <WhySwiper />
-                  </div>
-                </Stack>
-              </Width60>
-              <Width40>
-                <AdoptionChart />
-              </Width40>
-            </TwoColumnContent>
+          <Section
+            id={getId(tocItems[2].url)}
+            className="space-y-8 rounded-4xl border border-accent-a/20 bg-gradient-to-b from-accent-a/5 to-accent-a/15 px-4 py-6 lg:p-12"
+          >
+            <div className="flex flex-col items-center justify-center gap-4 xl:flex-row">
+              <Image
+                src={etherBanner}
+                alt={t("page-what-is-ethereum-banner-ether-alt")}
+                sizes="224px"
+                className="w-56"
+              />
+              <h2 className="w-full text-3xl font-black lg:text-5xl">
+                {tocItems[2].title}
+              </h2>
+            </div>
+
+            <div className="space-y-6">
+              <p>{t("page-what-is-ethereum-ether-intro-1")}</p>
+              <p>
+                {t.rich("page-what-is-ethereum-ether-intro-2", {
+                  strong: Strong,
+                })}
+              </p>
+              <p>
+                {t.rich("page-what-is-ethereum-ether-intro-3", {
+                  strong: Strong,
+                })}
+              </p>
+              <p>
+                {t.rich("page-what-is-ethereum-ether-intro-4", {
+                  strong: Strong,
+                })}
+              </p>
+              <p>
+                {t.rich("page-what-is-ethereum-ether-intro-5", {
+                  strong: Strong,
+                })}
+              </p>
+              <p>{t("page-what-is-ethereum-ether-intro-6")}</p>
+            </div>
+
+            <LinkWithArrow href="/eth/">
+              {t("page-what-is-ethereum-ether-learn-more")}
+            </LinkWithArrow>
           </Section>
 
-          <Section>
-            <Banner>
-              <BannerBody>
-                <H2>{t("page-what-is-ethereum-ethereum-in-numbers-title")}</H2>
-                <BannerGrid>
-                  <BannerGridCell>
-                    <StatPrimary>{formatNumber(4000, 1, 1)}+</StatPrimary>
-                    <StatDescription>
-                      {t(
-                        "page-what-is-ethereum-ethereum-in-numbers-stat-1-desc"
-                      )}
-                      <NoWrapText>
-                        &nbsp;
-                        <Tooltip
-                          content={tooltipContent({
-                            apiUrl:
-                              "https://dappradar.com/rankings/protocol/ethereum",
-                            apiProvider: "State of the dapps",
-                            ariaLabel:
-                              "Read more about Ethereum projects stats",
-                          })}
-                        >
-                          <span>
-                            <Info className="-mb-0.5 size-[0.875em]" />
-                          </span>
-                        </Tooltip>
-                      </NoWrapText>
-                    </StatDescription>
-                  </BannerGridCell>
-                  <BannerGridCell>
-                    <StatPrimary>{formatNumber(96_000_000, 2, 2)}+</StatPrimary>
-                    <StatDescription>
-                      {t(
-                        "page-what-is-ethereum-ethereum-in-numbers-stat-2-desc"
-                      )}
-                      <NoWrapText>
-                        &nbsp;
-                        <Tooltip
-                          content={tooltipContent({
-                            apiUrl:
-                              "https://messari.io/asset/ethereum/metrics/all",
-                            apiProvider: "Messari",
-                            ariaLabel: "Read more about wallets stats",
-                          })}
-                        >
-                          <span>
-                            <Info className="-mb-0.5 size-[0.875em]" />
-                          </span>
-                        </Tooltip>
-                      </NoWrapText>
-                    </StatDescription>
-                  </BannerGridCell>
-                  <BannerGridCell>
-                    <StatPrimary>{formatNumber(53_300_000, 3, 3)}+</StatPrimary>
-                    <StatDescription>
-                      {t(
-                        "page-what-is-ethereum-ethereum-in-numbers-stat-3-desc"
-                      )}
-                      <NoWrapText>
-                        &nbsp;
-                        <Tooltip
-                          content={tooltipContent({
-                            apiUrl:
-                              "https://dune.com/sawmon_and_natalie/smart-contracts-on-ethereum",
-                            apiProvider: "Dune",
-                            ariaLabel: "Read more about smart contracts stats",
-                          })}
-                        >
-                          <span>
-                            <Info className="-mb-0.5 size-[0.875em]" />
-                          </span>
-                        </Tooltip>
-                      </NoWrapText>
-                    </StatDescription>
-                  </BannerGridCell>
-                  <BannerGridCell>
-                    <StatPrimary>
-                      {formatNumber(410_000_000_000, 3, 3, "currency", "USD")}
-                    </StatPrimary>
-                    <StatDescription>
-                      {t(
-                        "page-what-is-ethereum-ethereum-in-numbers-stat-4-desc"
-                      )}
-                      <NoWrapText>
-                        &nbsp;
-                        <Tooltip
-                          content={tooltipContent({
-                            apiUrl: "https://ultrasound.money/#tvs",
-                            apiProvider: "Ultrasound Money",
-                            ariaLabel:
-                              "Read more about about Ethereum as money",
-                          })}
-                        >
-                          <span>
-                            <Info className="-mb-0.5 size-[0.875em]" />
-                          </span>
-                        </Tooltip>
-                      </NoWrapText>
-                    </StatDescription>
-                  </BannerGridCell>
-                  <BannerGridCell>
-                    <StatPrimary>
-                      {formatNumber(3_500_000_000, 2, 2, "currency", "USD")}
-                    </StatPrimary>
-                    <StatDescription>
-                      {t(
-                        "page-what-is-ethereum-ethereum-in-numbers-stat-5-desc"
-                      )}
-                      <NoWrapText>
-                        &nbsp;
-                        <Tooltip
-                          content={tooltipContent({
-                            apiUrl:
-                              "https://stark.mirror.xyz/q3OnsK7mvfGtTQ72nfoxLyEV5lfYOqUfJIoKBx7BG1I",
-                            apiProvider: "Josh Stark",
-                            ariaLabel:
-                              "Read more about 2021 Ethereum earnings stats",
-                          })}
-                        >
-                          <span>
-                            <Info className="-mb-0.5 size-[0.875em]" />
-                          </span>
-                        </Tooltip>
-                      </NoWrapText>
-                    </StatDescription>
-                  </BannerGridCell>
-                  <BannerGridCell>
-                    <StatPrimary>
-                      {txStat || <StatErrorMessage className="text-md" />}
-                    </StatPrimary>
-                    {/* TODO: Extract strings for translation */}
-                    <StatDescription>
-                      {t(
-                        "page-what-is-ethereum-ethereum-in-numbers-stat-6-desc"
+          <Section
+            id={getId(tocItems[3].url)}
+            className="space-y-8 rounded-4xl border border-accent-c/20 bg-gradient-to-b from-accent-c/5 to-accent-c/15 px-4 py-6 lg:p-12"
+          >
+            <div className="flex flex-col items-center gap-4 xl:flex-row-reverse">
+              <Image
+                src={howBanner}
+                alt={t("page-what-is-ethereum-banner-how-alt")}
+                sizes="288px"
+                className="w-full max-w-72"
+              />
+              <h2 className="w-full text-3xl font-black lg:text-5xl">
+                {tocItems[3].title}
+              </h2>
+            </div>
+
+            <div className="space-y-6">
+              <p>
+                {t.rich("page-what-is-ethereum-how-intro-1", {
+                  strong: Strong,
+                })}
+              </p>
+              <p>{t("page-what-is-ethereum-how-intro-2")}</p>
+              <p>
+                {t.rich("page-what-is-ethereum-how-intro-3", {
+                  strong: Strong,
+                  a: (chunks) => (
+                    <Link href="/energy-consumption/">{chunks}</Link>
+                  ),
+                })}
+              </p>
+              <p>{t("page-what-is-ethereum-how-intro-4")}</p>
+              <p>{t("page-what-is-ethereum-how-intro-5")}</p>
+              <p className="text-lg font-bold">
+                {t("page-what-is-ethereum-how-example-1-title")}
+              </p>
+              <OrderedList className="[&>li]:mb-0.5">
+                <ListItem>
+                  {t("page-what-is-ethereum-how-example-1-step-1")}
+                </ListItem>
+                <ListItem>
+                  {t("page-what-is-ethereum-how-example-1-step-2")}
+                </ListItem>
+                <ListItem>
+                  {t("page-what-is-ethereum-how-example-1-step-3")}
+                </ListItem>
+                <ListItem>
+                  {t("page-what-is-ethereum-how-example-1-step-4")}
+                </ListItem>
+                <ListItem>
+                  {t("page-what-is-ethereum-how-example-1-step-5")}
+                </ListItem>
+                <ListItem>
+                  {t("page-what-is-ethereum-how-example-1-step-6")}
+                </ListItem>
+              </OrderedList>
+              <p className="text-lg font-bold">
+                {t("page-what-is-ethereum-how-example-2-title")}
+              </p>
+              <OrderedList className="[&>li]:mb-0">
+                <ListItem>
+                  {t("page-what-is-ethereum-how-example-2-step-1")}
+                </ListItem>
+                <ListItem>
+                  {t("page-what-is-ethereum-how-example-2-step-2")}
+                </ListItem>
+                <ListItem>
+                  {t("page-what-is-ethereum-how-example-2-step-3")}
+                </ListItem>
+                <ListItem>
+                  {t("page-what-is-ethereum-how-example-2-step-4")}
+                </ListItem>
+                <ListItem>
+                  {t("page-what-is-ethereum-how-example-2-step-5")}
+                </ListItem>
+              </OrderedList>
+              <p>{t("page-what-is-ethereum-how-outro-1")}</p>
+              <p>
+                {t.rich("page-what-is-ethereum-how-outro-2", {
+                  strong: Strong,
+                })}
+              </p>
+              <div>
+                <LinkWithArrow href="/learn/">
+                  {t("page-what-is-ethereum-how-learn-more-1")}
+                </LinkWithArrow>
+                <LinkWithArrow href="/developers/docs/">
+                  {t("page-what-is-ethereum-how-learn-more-2")}
+                </LinkWithArrow>
+              </div>
+            </div>
+          </Section>
+
+          <Section id={getId(tocItems[4].url)} className="space-y-14">
+            <Image
+              src={whatBanner}
+              alt={t("page-what-is-ethereum-banner-what-alt")}
+              sizes="320px"
+              className="mx-auto w-80 -scale-x-100"
+            />
+            <h2 className="w-full text-3xl/snug font-bold lg:text-4xl/tight">
+              {tocItems[4].title}
+            </h2>
+            <div className="space-y-6">
+              <p>{t("page-what-is-ethereum-what-intro-1")}</p>
+              <p>
+                {t.rich("page-what-is-ethereum-what-intro-2", {
+                  strong: Strong,
+                  insurance: (chunks) => (
+                    <Link href="https://blog.etherisc.com/etherisc-teams-up-with-chainlink-to-deliver-crop-insurance-in-kenya-137e433c29dc">
+                      {chunks}
+                    </Link>
+                  ),
+                  payment: (chunks) => (
+                    <Link href="https://usa.visa.com/about-visa/newsroom/press-releases.releaseId.19881.html">
+                      {chunks}
+                    </Link>
+                  ),
+                  aid: (chunks) => (
+                    <Link href="https://www.wfp.org/building-blocks">
+                      {chunks}
+                    </Link>
+                  ),
+                })}
+              </p>
+              <p>{t("page-what-is-ethereum-what-intro-3")}</p>
+              <p>{t("page-what-is-ethereum-what-intro-4")}</p>
+            </div>
+            <HighlightStack data-label="what-is-table">
+              <HighlightCard>
+                <IconBox>
+                  <User className="text-accent-a" />
+                </IconBox>
+                <div>
+                  <CardTitle className="mb-2">
+                    {t("page-what-is-ethereum-what-consumers-title")}
+                  </CardTitle>
+                  <HighlightCardContent>
+                    <p>{t("page-what-is-ethereum-what-consumers-desc-1")}</p>
+                    <p>{t("page-what-is-ethereum-what-consumers-desc-2")}</p>
+                    <UnorderedList className="[&>li]:mb-0.5">
+                      <ListItem>
+                        {t.rich(
+                          "page-what-is-ethereum-what-consumers-benefit-1",
+                          {
+                            strong: Strong,
+                          }
+                        )}
+                      </ListItem>
+                      <ListItem>
+                        {t.rich(
+                          "page-what-is-ethereum-what-consumers-benefit-2",
+                          {
+                            strong: Strong,
+                          }
+                        )}
+                      </ListItem>
+                      <ListItem>
+                        {t.rich(
+                          "page-what-is-ethereum-what-consumers-benefit-3",
+                          {
+                            strong: Strong,
+                          }
+                        )}
+                      </ListItem>
+                      <ListItem>
+                        {t("page-what-is-ethereum-what-consumers-benefit-4")}
+                      </ListItem>
+                    </UnorderedList>
+                  </HighlightCardContent>
+                </div>
+              </HighlightCard>
+              <HighlightCard>
+                <IconBox>
+                  <SquareCode className="text-accent-b" />
+                </IconBox>
+                <div>
+                  <CardTitle className="mb-2">
+                    {t("page-what-is-ethereum-what-businesses-title")}
+                  </CardTitle>
+                  <HighlightCardContent>
+                    <UnorderedList className="[&>li]:mb-0.5">
+                      <ListItem>
+                        {t("page-what-is-ethereum-what-businesses-benefit-1")}
+                      </ListItem>
+                      <ListItem>
+                        {t.rich(
+                          "page-what-is-ethereum-what-businesses-benefit-2",
+                          {
+                            strong: Strong,
+                          }
+                        )}
+                      </ListItem>
+                      <ListItem>
+                        {t("page-what-is-ethereum-what-businesses-benefit-3")}
+                      </ListItem>
+                    </UnorderedList>
+                    <p>
+                      {t.rich("page-what-is-ethereum-what-businesses-example", {
+                        a: (chunks) => (
+                          <Link href="https://newsroom.paypal-corp.com/2023-08-07-PayPal-Launches-U-S-Dollar-Stablecoin">
+                            {chunks}
+                          </Link>
+                        ),
+                      })}
+                    </p>
+                  </HighlightCardContent>
+                </div>
+              </HighlightCard>
+              <HighlightCard>
+                <IconBox>
+                  <Landmark className="text-accent-c" />
+                </IconBox>
+                <div>
+                  <CardTitle className="mb-2">
+                    {t("page-what-is-ethereum-what-governments-title")}
+                  </CardTitle>
+                  <HighlightCardContent>
+                    <p>{t("page-what-is-ethereum-what-governments-intro")}</p>
+                    <UnorderedList className="[&>li]:mb-0.5">
+                      <ListItem>
+                        {t.rich(
+                          "page-what-is-ethereum-what-governments-benefit-1",
+                          {
+                            strong: Strong,
+                          }
+                        )}
+                      </ListItem>
+                      <ListItem>
+                        {t.rich(
+                          "page-what-is-ethereum-what-governments-benefit-2",
+                          {
+                            strong: Strong,
+                          }
+                        )}
+                      </ListItem>
+                      <ListItem>
+                        {t.rich(
+                          "page-what-is-ethereum-what-governments-benefit-3",
+                          {
+                            strong: Strong,
+                          }
+                        )}
+                      </ListItem>
+                    </UnorderedList>
+                    <p>
+                      {t.rich(
+                        "page-what-is-ethereum-what-governments-example-1",
+                        {
+                          a: (chunks) => (
+                            <Link href="https://www.weforum.org/stories/2023/03/the-role-cryptocurrency-crypto-huge-in-ukraine-war-russia/">
+                              {chunks}
+                            </Link>
+                          ),
+                        }
                       )}
-                      <NoWrapText>
-                        &nbsp;
-                        <Tooltip
-                          content={tooltipContent({
-                            apiUrl: "https://etherscan.io/",
-                            apiProvider: "Etherscan",
-                            ariaLabel:
-                              "Read more about number of transactions stats",
-                          })}
-                        >
-                          <span>
-                            <Info className="-mb-0.5 size-[0.875em]" />
-                          </span>
-                        </Tooltip>
-                      </NoWrapText>
-                    </StatDescription>
-                  </BannerGridCell>
-                </BannerGrid>
-              </BannerBody>
-              <BannerImage>
-                <Image400 src={stats} />
-              </BannerImage>
-            </Banner>
+                    </p>
+                    <p>
+                      {t("page-what-is-ethereum-what-governments-example-2")}
+                    </p>
+                  </HighlightCardContent>
+                </div>
+              </HighlightCard>
+            </HighlightStack>
+
+            {/* // TODO: Re-enable when page ready */}
+            {/* <LinkWithArrow href="/todo-add-path-when-ready/">
+              {t("page-what-is-ethereum-what-learn-more")}
+            </LinkWithArrow> */}
           </Section>
 
-          <Section className="bg-[#e8e8ff] dark:bg-[#212131]">
-            <TwoColumnContent>
-              <Width40>
-                <Image400 src={whoRunsEthereum} />
-              </Width40>
-              <Width60>
-                <H2>{t("page-what-is-ethereum-who-runs-ethereum-title")}</H2>
-                <Stack className="gap-6">
+          <Section id={getId(tocItems[5].url)} className="space-y-14">
+            <Image
+              src={startBanner}
+              alt={t("page-what-is-ethereum-banner-start-alt")}
+              sizes={`(max-width: 800px) 100vw, (max-width: ${screens.xl}) 800px, (max-width: ${screens.xl}) calc(100vw - 480px), 800px`}
+            />
+            <div>
+              <h2 className="mb-2 w-full text-3xl/snug font-bold lg:text-4xl/tight">
+                {tocItems[5].title}
+              </h2>
+              <div className="space-y-6">
+                <p>{t("page-what-is-ethereum-start-intro-1")}</p>
+                <p>{t("page-what-is-ethereum-start-intro-2")}</p>
+              </div>
+            </div>
+
+            <Card className="overflow-hidden rounded-2xl border">
+              <CardTitle className="flex items-center gap-4 border-b bg-background-highlight p-4">
+                <User className="size-8 text-accent-a" />
+                <h3 className="text-2xl">
+                  {t("page-what-is-ethereum-start-individuals-title")}
+                </h3>
+              </CardTitle>
+              <CardContent className="space-y-12 p-8">
+                <div className="space-y-6">
                   <p>
-                    <Translation id="page-what-is-ethereum:page-what-is-ethereum-who-runs-ethereum-desc-1" />
+                    <span className="font-bold">
+                      {t("page-what-is-ethereum-start-individuals-desc-1")}
+                    </span>
                   </p>
+
                   <p>
-                    <Translation id="page-what-is-ethereum:page-what-is-ethereum-who-runs-ethereum-desc-2" />
+                    {t.rich("page-what-is-ethereum-start-individuals-desc-3", {
+                      zerion: (chunks) => (
+                        <Link href="https://zerion.io/">{chunks}</Link>
+                      ),
+                      rainbow: (chunks) => (
+                        <Link href="https://rainbow.me/">{chunks}</Link>
+                      ),
+                      coinbase: (chunks) => (
+                        <Link href="https://www.coinbase.com/wallet">
+                          {chunks}
+                        </Link>
+                      ),
+                    })}
                   </p>
-                  <ButtonRow>
-                    <ButtonLink href="/run-a-node/">
-                      {t("page-what-is-ethereum-run-a-node")}
-                    </ButtonLink>
-                  </ButtonRow>
-                </Stack>
-              </Width60>
-            </TwoColumnContent>
-          </Section>
 
-          <Section>
-            <TwoColumnContent className="lg:flex-row-reverse">
-              <Width40>
-                <Image400 src={whatAreSmartContracts} />
-              </Width40>
-              <Width60>
-                <H2>{t("page-what-is-ethereum-smart-contract-title")}</H2>
-                <Stack className="gap-6">
+                  <UnorderedList className="[&>li]:mb-0">
+                    <ListItem>
+                      {t("page-what-is-ethereum-start-individuals-step-1")}
+                    </ListItem>
+                    <ListItem>
+                      {t("page-what-is-ethereum-start-individuals-step-2")}
+                    </ListItem>
+                    <ListItem>
+                      {t.rich(
+                        "page-what-is-ethereum-start-individuals-step-3",
+                        {
+                          zora: (chunks) => (
+                            <Link href="https://zora.co/">{chunks}</Link>
+                          ),
+                          uniswap: (chunks) => (
+                            <Link href="https://app.uniswap.org/">
+                              {chunks}
+                            </Link>
+                          ),
+                          farcaster: (chunks) => (
+                            <Link href="https://farcaster.xyz/">{chunks}</Link>
+                          ),
+                        }
+                      )}
+                    </ListItem>
+                  </UnorderedList>
+
+                  <p>{t("page-what-is-ethereum-start-individuals-desc-4")}</p>
+                  <p>{t("page-what-is-ethereum-start-individuals-desc-5")}</p>
+                </div>
+
+                <div className="flex flex-wrap gap-4">
+                  <ButtonLink href="/start/">
+                    {t("page-what-is-ethereum-start-individuals-cta-1")}
+                  </ButtonLink>
+                  <ButtonLink href="/apps/" variant="outline">
+                    {t("page-what-is-ethereum-start-individuals-cta-2")}
+                  </ButtonLink>
+                </div>
+              </CardContent>
+            </Card>
+
+            <Card className="overflow-hidden rounded-2xl border">
+              <CardTitle className="flex items-center gap-4 border-b bg-background-highlight p-4">
+                <SquareCode className="size-8 text-accent-b" />
+                <h3 className="text-2xl">
+                  {t("page-what-is-ethereum-start-developers-title")}
+                </h3>
+              </CardTitle>
+              <CardContent className="space-y-12 p-8">
+                <div className="space-y-6">
+                  <p>{t("page-what-is-ethereum-start-developers-desc-1")}</p>
+                  <p>
+                    {t.rich("page-what-is-ethereum-start-developers-desc-2", {
+                      a: (chunks) => (
+                        <Link href="/developers/docs/">{chunks}</Link>
+                      ),
+                    })}
+                  </p>
                   <p>
-                    <Translation id="page-what-is-ethereum:page-what-is-ethereum-smart-contract-desc-1" />
+                    {t.rich("page-what-is-ethereum-start-developers-desc-3", {
+                      hardhat: (chunks) => (
+                        <Link href="https://hardhat.org/">{chunks}</Link>
+                      ),
+                      foundry: (chunks) => (
+                        <Link href="https://getfoundry.sh/">{chunks}</Link>
+                      ),
+                      ethers: (chunks) => (
+                        <Link href="https://docs.ethers.org/">{chunks}</Link>
+                      ),
+                      thirdweb: (chunks) => (
+                        <Link href="https://thirdweb.com/">{chunks}</Link>
+                      ),
+                      moralis: (chunks) => (
+                        <Link href="https://moralis.com/">{chunks}</Link>
+                      ),
+                    })}
                   </p>
+                  <p>{t("page-what-is-ethereum-start-developers-desc-4")}</p>
+                </div>
+                <ButtonLink href="/developers/">
+                  {t("page-what-is-ethereum-start-developers-cta")}
+                </ButtonLink>
+              </CardContent>
+            </Card>
+
+            <Card className="overflow-hidden rounded-2xl border">
+              <CardTitle className="flex items-center gap-4 border-b bg-background-highlight p-4">
+                <Landmark className="size-8 text-accent-c" />
+                <h3 className="text-2xl">
+                  {t("page-what-is-ethereum-start-business-title")}
+                </h3>
+              </CardTitle>
+              <CardContent className="space-y-12 p-8">
+                <div className="space-y-6">
+                  <p>{t("page-what-is-ethereum-start-business-desc-1")}</p>
+                  <p>{t("page-what-is-ethereum-start-business-desc-2")} </p>
                   <p>
-                    <Translation id="page-what-is-ethereum:page-what-is-ethereum-smart-contract-desc-2" />
+                    {t("page-what-is-ethereum-start-business-desc-3")}
+                    <UnorderedList className="[&>li]:mb-0">
+                      <ListItem>
+                        {t("page-what-is-ethereum-start-business-benefit-1")}
+                      </ListItem>
+                      <ListItem>
+                        {t("page-what-is-ethereum-start-business-benefit-2")}
+                      </ListItem>
+                      <ListItem>
+                        {t("page-what-is-ethereum-start-business-benefit-3")}
+                      </ListItem>
+                    </UnorderedList>
                   </p>
                   <p>
-                    <Translation id="page-what-is-ethereum:page-what-is-ethereum-smart-contract-desc-3" />
+                    {t.rich("page-what-is-ethereum-start-business-example", {
+                      a: (chunks) => (
+                        <Link href="https://www.shopify.com/news/stablecoins-on-shopify">
+                          {chunks}
+                        </Link>
+                      ),
+                    })}
                   </p>
-                  <ButtonRow>
-                    <ButtonLink href="/smart-contracts/">
-                      {t("page-what-is-ethereum-more-on-smart-contracts")}
-                    </ButtonLink>
-                    <ButtonLink href="/dapps/" variant="outline" isSecondary>
-                      {t("page-what-is-ethereum-explore-dapps")}
-                    </ButtonLink>
-                  </ButtonRow>
-                </Stack>
-              </Width60>
-            </TwoColumnContent>
+                </div>
+                <ButtonLink href="/enterprise/">
+                  {t("page-what-is-ethereum-start-business-cta")}
+                </ButtonLink>
+              </CardContent>
+            </Card>
           </Section>
 
-          <Section className="bg-[#ccfcff] dark:bg-[#293233]">
-            <TwoColumnContent>
-              <Width40>
-                <Image400 src={ethCoin} />
-              </Width40>
-              <Width60>
-                <H2>{t("page-what-is-ethereum-meet-ether-title")}</H2>
-                <Stack className="gap-6">
-                  <p>{t("page-what-is-ethereum-meet-ether-desc-1")}</p>
-                  <p>{t("page-what-is-ethereum-meet-ether-desc-2")}</p>
-                  <ButtonRow>
-                    <ButtonLink href="/eth/">
-                      {t("page-what-is-ethereum-what-is-ether")}
-                    </ButtonLink>
-                    <ButtonLink href="/get-eth/" variant="outline" isSecondary>
-                      {t("page-what-is-ethereum-get-eth")}
-                    </ButtonLink>
-                  </ButtonRow>
-                </Stack>
-              </Width60>
-            </TwoColumnContent>
-          </Section>
+          <Section id={getId(tocItems[6].url)}>
+            <h2 className="mb-4 w-full text-3xl/snug font-bold lg:text-4xl/tight">
+              {tocItems[6].title}
+            </h2>
+
+            <div className="space-y-6">
+              <p>{t("page-what-is-ethereum-bitcoin-intro-1")}</p>
+
+              <p>
+                {t.rich("page-what-is-ethereum-bitcoin-intro-2", {
+                  strong: Strong,
+                })}
+              </p>
+
+              <div>
+                <h3 className="mb-1 mt-12 text-xl">
+                  {t("page-what-is-ethereum-bitcoin-comparison-1-title")}
+                </h3>
+                <p>{t("page-what-is-ethereum-bitcoin-comparison-1-desc")}</p>
+              </div>
+
+              <div>
+                <h3 className="mb-1 mt-12 text-xl">
+                  {t("page-what-is-ethereum-bitcoin-comparison-2-title")}
+                </h3>
+                <p>{t("page-what-is-ethereum-bitcoin-comparison-2-desc")}</p>
+              </div>
 
-          <Section>
-            <TwoColumnContent className="lg:flex-row-reverse">
-              <Width40>
-                <EnergyConsumptionChart />
-              </Width40>
-              <Width60>
-                <H2>{t("page-what-is-ethereum-energy-title")}</H2>
-                <Stack className="gap-6">
+              <div>
+                <h3 className="mb-1 mt-12 text-xl">
+                  {t("page-what-is-ethereum-bitcoin-comparison-3-title")}
+                </h3>
+                <div className="space-y-6">
                   <p>
-                    <Translation id="page-what-is-ethereum:page-what-is-ethereum-energy-desc-1" />
+                    {t("page-what-is-ethereum-bitcoin-comparison-3-desc-1")}
                   </p>
                   <p>
-                    <Translation id="page-what-is-ethereum:page-what-is-ethereum-energy-desc-2" />
+                    {t("page-what-is-ethereum-bitcoin-comparison-3-desc-2")}
                   </p>
-                  <ButtonRow>
-                    <ButtonLink href="/energy-consumption/">
-                      {t("page-what-is-ethereum-more-on-energy-consumption")}
-                    </ButtonLink>
-                    <ButtonLink
-                      href="/roadmap/merge/"
-                      variant="outline"
-                      isSecondary
-                    >
-                      {t("page-what-is-ethereum-the-merge-update")}
-                    </ButtonLink>
-                  </ButtonRow>
-                </Stack>
-              </Width60>
-            </TwoColumnContent>
-          </Section>
+                </div>
+              </div>
 
-          <Section>
-            <TwoColumnContent>
-              <Width40>
-                <Image400 src={criminalActivity} />
-              </Width40>
-              <Width60>
-                <H2>{t("page-what-is-ethereum-criminal-activity-title")}</H2>
-                <Stack className="gap-6">
-                  <p>{t("page-what-is-ethereum-criminal-activity-desc-1")}</p>
-                  <p>{t("page-what-is-ethereum-criminal-activity-desc-2")}</p>
+              <div>
+                <h3 className="mb-1 mt-12 text-xl">
+                  {t("page-what-is-ethereum-bitcoin-comparison-4-title")}
+                </h3>
+                <div className="space-y-6">
+                  <p>
+                    {t.rich(
+                      "page-what-is-ethereum-bitcoin-comparison-4-desc-1",
+                      { strong: Strong }
+                    )}
+                  </p>
                   <p>
-                    <em>
-                      {t("page-what-is-ethereum-criminal-activity-desc-3")}
-                    </em>
+                    {t("page-what-is-ethereum-bitcoin-comparison-4-desc-2")}
                   </p>
-                  <ul>
-                    <li>
-                      <InlineLink href="https://www.europol.europa.eu/publications-events/publications/cryptocurrencies-tracing-evolution-of-criminal-finances#downloads">
-                        Europol Spotlight - Cryptocurrencies - Tracing the
-                        evolution of criminal finances.pdf
-                      </InlineLink>{" "}
-                      EN (1.4 MB)
-                    </li>
-                  </ul>
-                </Stack>
-              </Width60>
-            </TwoColumnContent>
+                  <p>
+                    {t("page-what-is-ethereum-bitcoin-comparison-4-desc-3")}
+                  </p>
+                </div>
+              </div>
+
+              {/* // TODO: Re-enable when page ready */}
+              {/* <LinkWithArrow href="#TODO-get-link">
+                {t("page-what-is-ethereum-bitcoin-learn-more")}
+              </LinkWithArrow> */}
+            </div>
           </Section>
 
-          <Section>
-            <TwoColumnContent className="lg:flex-row-reverse">
-              <Width40>
-                <Image400 src={diffEthAndBtc} />
-              </Width40>
-              <Width60>
-                <H2>{t("page-what-is-ethereum-btc-eth-diff-title")}</H2>
-                <Stack className="gap-6">
-                  <p>{t("page-what-is-ethereum-btc-eth-diff-1")}</p>
+          <Section id={getId(tocItems[7].url)} className="space-y-14">
+            <Image
+              src={whenWhoBanner}
+              alt={t("page-what-is-ethereum-banner-when-who-alt")}
+              sizes="176px"
+              className="mx-auto w-44"
+            />
+
+            <div className="space-y-4">
+              <h2 className="w-full text-3xl/snug font-bold lg:text-4xl/tight">
+                {tocItems[7].title}
+              </h2>
+              <div className="space-y-8">
+                <div className="space-y-6">
+                  <p>{t("page-what-is-ethereum-when-who-intro-1")}</p>
+                  <p>{t("page-what-is-ethereum-when-who-intro-2")}</p>
+                  <p>{t("page-what-is-ethereum-when-who-intro-3")}</p>
+                  <p>{t("page-what-is-ethereum-when-who-intro-4")}</p>
+                </div>
+                <div className="space-y-6">
+                  <h3 className="text-xl">
+                    {t("page-what-is-ethereum-when-who-history-title")}
+                  </h3>
+                  <OrderedList className="m-0 list-none [&>li]:mb-0">
+                    <ListItem>
+                      <span className="font-bold text-body-medium">2013:</span>{" "}
+                      {t("page-what-is-ethereum-when-who-history-2013")}
+                    </ListItem>
+                    <ListItem>
+                      <span className="font-bold text-body-medium">2014:</span>{" "}
+                      {t("page-what-is-ethereum-when-who-history-2014")}
+                    </ListItem>
+                    <ListItem>
+                      <span className="font-bold text-body-medium">2015:</span>{" "}
+                      {t.rich("page-what-is-ethereum-when-who-history-2015", {
+                        em: Emphasis,
+                      })}
+                    </ListItem>
+                    <ListItem>
+                      <span className="font-bold text-body-medium">2016:</span>{" "}
+                      {t("page-what-is-ethereum-when-who-history-2016")}{" "}
+                    </ListItem>
+                    <ListItem>
+                      <span className="font-bold text-body-medium">2020:</span>{" "}
+                      {t("page-what-is-ethereum-when-who-history-2020")}{" "}
+                    </ListItem>
+                    <ListItem>
+                      <span className="font-bold text-body-medium">2021:</span>{" "}
+                      {t.rich("page-what-is-ethereum-when-who-history-2021", {
+                        em: Emphasis,
+                      })}{" "}
+                    </ListItem>
+                    <ListItem>
+                      <span className="font-bold text-body-medium">2022:</span>{" "}
+                      {t.rich("page-what-is-ethereum-when-who-history-2022", {
+                        em: Emphasis,
+                      })}{" "}
+                    </ListItem>
+                    <ListItem>
+                      <span className="font-bold text-body-medium">2025:</span>{" "}
+                      {t.rich("page-what-is-ethereum-when-who-history-2025", {
+                        em: Emphasis,
+                      })}{" "}
+                    </ListItem>
+                  </OrderedList>
+                  <p>{t("page-what-is-ethereum-when-who-governance-1")}</p>
+                </div>
+                <Image
+                  src={contributionBanner}
+                  alt={t("page-what-is-ethereum-banner-contributing-alt")}
+                  sizes="208px"
+                  className="mx-auto w-52"
+                />
+                <div className="space-y-6">
+                  <h3 className="text-xl">
+                    {t("page-what-is-ethereum-when-who-contributors-title")}
+                  </h3>
+                  <UnorderedList className="[&>li]:mb-0">
+                    <ListItem>
+                      {t("page-what-is-ethereum-when-who-contributors-1")}
+                    </ListItem>
+                    <ListItem>
+                      {t("page-what-is-ethereum-when-who-contributors-2")}
+                    </ListItem>
+                    <ListItem>
+                      {" "}
+                      {t("page-what-is-ethereum-when-who-contributors-3")}
+                    </ListItem>
+                    <ListItem>
+                      {t("page-what-is-ethereum-when-who-contributors-4")}
+                    </ListItem>
+                    <ListItem>
+                      {t.rich("page-what-is-ethereum-when-who-contributors-5", {
+                        strong: Strong,
+                      })}
+                    </ListItem>
+                  </UnorderedList>
+                  <p>
+                    {t.rich("page-what-is-ethereum-when-who-governance-2", {
+                      strong: Strong,
+                    })}
+                  </p>
                   <p>
-                    <Translation id="page-what-is-ethereum:page-what-is-ethereum-btc-eth-diff-2" />
+                    {t.rich("page-what-is-ethereum-when-who-governance-3", {
+                      eips: (chunks) => (
+                        <Link href="https://eips.ethereum.org/">{chunks}</Link>
+                      ),
+                      governance: (chunks) => (
+                        <Link href="/governance/#formal-process">{chunks}</Link>
+                      ),
+                    })}
                   </p>
-                  <p>{t("page-what-is-ethereum-btc-eth-diff-3")}</p>
-                  <p>{t("page-what-is-ethereum-btc-eth-diff-4")}</p>
-                </Stack>
-              </Width60>
-            </TwoColumnContent>
+                  <p>{t("page-what-is-ethereum-when-who-governance-4")}</p>
+                </div>
+                <LinkWithArrow href="/history/">
+                  {t("page-what-is-ethereum-when-who-learn-more")}
+                </LinkWithArrow>
+              </div>
+            </div>
           </Section>
-        </div>
 
-        <Section>
-          <H2>{t("page-what-is-ethereum-additional-reading")}</H2>
-          <Stack className="mb-4 gap-6">
-            <p>
-              <InlineLink href="https://weekinethereumnews.com/">
-                {t("page-what-is-ethereum-week-in-ethereum")}
-              </InlineLink>{" "}
-              {t("page-what-is-ethereum-week-in-ethereum-desc")}
-            </p>
-            <p>
-              <InlineLink href="https://stark.mirror.xyz/n2UpRqwdf7yjuiPKVICPpGoUNeDhlWxGqjulrlpyYi0">
-                {t("page-what-is-ethereum-atoms-institutions-blockchains")}
-              </InlineLink>{" "}
-              {t("page-what-is-ethereum-atoms-institutions-blockchains-desc")}
-            </p>
+          <Section id={getId(tocItems[8].url)} className="space-y-4">
+            <h2 className="w-full text-3xl/snug font-bold lg:text-4xl/tight">
+              {tocItems[8].title}
+            </h2>
+            <div className="space-y-8">
+              <div className="space-y-6">
+                <p>{t("page-what-is-ethereum-roadmap-intro-1")}</p>
+                <p>{t("page-what-is-ethereum-roadmap-intro-2")} </p>
+                <p>
+                  {t.rich("page-what-is-ethereum-roadmap-intro-3", {
+                    a: (chunks) => (
+                      <Link href="/roadmap/pectra/">{chunks}</Link>
+                    ),
+                  })}
+                </p>
+                <p>
+                  {t.rich("page-what-is-ethereum-roadmap-priorities-intro", {
+                    a: (chunks) => (
+                      <Link href="https://blog.ethereum.org/2025/04/28/next-chapter">
+                        {chunks}
+                      </Link>
+                    ),
+                  })}
+                </p>
 
-            <p>
-              <InlineLink href="https://read.kernel.community/en/learn/module-1/dreamers">
-                {t("page-what-is-ethereum-kernel-dreamers")}
-              </InlineLink>{" "}
-              {t("page-what-is-ethereum-kernel-dreamers-desc")}
-            </p>
-          </Stack>
-        </Section>
-
-        <Section>
-          <Column>
-            <H2>{t("page-what-is-ethereum-explore")}</H2>
-          </Column>
-          <CardContainer>
-            <Callout
-              image={ethImg}
-              titleKey="page-what-is-ethereum:page-what-is-ethereum-get-eth-title"
-              alt={t("page-what-is-ethereum-get-eth-alt")}
-              descriptionKey="page-what-is-ethereum:page-what-is-ethereum-get-eth-description"
-            >
-              <div>
-                <ButtonLink href="/get-eth/">
-                  {t("page-what-is-ethereum-get-eth")}
-                </ButtonLink>
-              </div>
-            </Callout>
-            <Callout
-              image={dogeComputerImg}
-              titleKey="page-what-is-ethereum:page-what-is-ethereum-explore-dapps-title"
-              alt={t("page-what-is-ethereum-explore-dapps-alt")}
-              descriptionKey="page-what-is-ethereum:page-what-is-ethereum-explore-dapps-description"
-              className="h-full"
-            >
-              <div>
-                <ButtonLink href="/dapps/">
-                  {t("page-what-is-ethereum-explore-dapps")}
-                </ButtonLink>
+                <UnorderedList className="[&>li]:mb-0">
+                  <ListItem>
+                    {t("page-what-is-ethereum-roadmap-priority-1")}
+                  </ListItem>
+                  <ListItem>
+                    {t("page-what-is-ethereum-roadmap-priority-2")}
+                  </ListItem>
+                </UnorderedList>
+
+                <p>{t("page-what-is-ethereum-roadmap-outro-1")}</p>
+                <p>
+                  {t.rich("page-what-is-ethereum-roadmap-outro-2", {
+                    a: (chunks) => <Link href="/community/">{chunks}</Link>,
+                  })}
+                </p>
               </div>
-            </Callout>
-          </CardContainer>
-        </Section>
 
-        <Section>
-          <StandaloneQuizWidget quizKey="what-is-ethereum" />
-        </Section>
+              <LinkWithArrow href="/roadmap/">
+                {t("page-what-is-ethereum-roadmap-learn-more")}
+              </LinkWithArrow>
+            </div>
+          </Section>
+
+          <Section id="further-readon" className="space-y-8">
+            <h2 className="w-full text-3xl/snug font-bold lg:text-4xl/tight">
+              {t("page-what-is-ethereum-further-reading-title")}
+            </h2>
+            <UnorderedList className="ms-0 list-none">
+              <ListItem>
+                <DocLink href="/wallets/">
+                  {t("page-what-is-ethereum-further-reading-wallets")}
+                </DocLink>
+              </ListItem>
+              <ListItem>
+                <DocLink href="/eth/">
+                  {t("page-what-is-ethereum-further-reading-eth")}
+                </DocLink>
+              </ListItem>
+              <ListItem>
+                <DocLink href="/web3/">
+                  {t("page-what-is-ethereum-further-reading-web3")}
+                </DocLink>
+              </ListItem>
+              <ListItem>
+                <DocLink href="/layer-2/networks/">
+                  {t("page-what-is-ethereum-further-reading-networks")}
+                </DocLink>
+              </ListItem>
+            </UnorderedList>
+          </Section>
 
-        <Section>
-          <FileContributors
-            className="my-10 border-t"
-            contributors={contributors}
-            lastEditLocaleTimestamp={lastEditLocaleTimestamp}
-          />
           <FeedbackCard />
-        </Section>
+        </div>
       </MainArticle>
-    </I18nProvider>
+    </div>
   )
 }
 
diff --git a/public/images/translatathon/walking.png b/public/images/translatathon/walking.png
index c08981a9a04..7e31ca4e9fb 100644
Binary files a/public/images/translatathon/walking.png and b/public/images/translatathon/walking.png differ
diff --git a/src/components/EnergyConsumptionChart/index.tsx b/src/components/EnergyConsumptionChart/index.tsx
index 89ba0017f87..fc8f979545b 100644
--- a/src/components/EnergyConsumptionChart/index.tsx
+++ b/src/components/EnergyConsumptionChart/index.tsx
@@ -36,7 +36,7 @@ ChartJS.register(
 )
 
 const EnergyConsumptionChart = () => {
-  const { t } = useTranslation("page-what-is-ethereum")
+  const { t } = useTranslation("page-energy-consumption")
   const locale = useLocale()
   const isClient = useIsClient()
   const isRtl = isLangRightToLeft(locale as Lang)
@@ -247,7 +247,7 @@ const EnergyConsumptionChart = () => {
       </Center>
 
       <p className="text-center font-semibold">
-        {t("page-what-is-ethereum-energy-consumption-chart-legend")}
+        {t("energy-consumption-chart-legend")}
       </p>
     </div>
   )
diff --git a/src/components/IntlStringElements.tsx b/src/components/IntlStringElements.tsx
new file mode 100644
index 00000000000..61d1ecbe6bd
--- /dev/null
+++ b/src/components/IntlStringElements.tsx
@@ -0,0 +1,3 @@
+export const Emphasis = (chunks: React.ReactNode) => <em>{chunks}</em>
+
+export const Strong = (chunks: React.ReactNode) => <strong>{chunks}</strong>
diff --git a/src/components/TableOfContents/ItemsList.tsx b/src/components/TableOfContents/ItemsList.tsx
index 0bab7a8791a..6cbd44664e5 100644
--- a/src/components/TableOfContents/ItemsList.tsx
+++ b/src/components/TableOfContents/ItemsList.tsx
@@ -1,19 +1,35 @@
+import { cva, type VariantProps } from "class-variance-authority"
+
 import type { ToCItem } from "@/lib/types"
 
 import ToCLink from "@/components/TableOfContents/TableOfContentsLink"
 
+const variants = cva("mb-2 last:mb-0", {
+  variants: {
+    variant: {
+      default: "",
+      beginner:
+        "[&:has([data-state-active='true'])]:text-primary hover:text-primary-hover list-item",
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+  },
+})
+
 export type ItemsListProps = {
   items: Array<ToCItem>
   depth: number
   maxDepth: number
   activeHash?: string
-}
+} & VariantProps<typeof variants>
 
 const ItemsList = ({
   items,
   depth,
   maxDepth,
   activeHash,
+  variant,
   ...rest
 }: ItemsListProps) => {
   if (depth > maxDepth) return null
@@ -23,8 +39,13 @@ const ItemsList = ({
       {items.map((item, index) => {
         const { title, items } = item
         return (
-          <li key={index} className="mb-2 last:mb-0" {...rest}>
-            <ToCLink depth={depth} item={item} activeHash={activeHash} />
+          <li key={index} className={variants({ variant })} {...rest}>
+            <ToCLink
+              variant={variant}
+              depth={depth}
+              item={item}
+              activeHash={activeHash}
+            />
             {items && (
               <ul key={title} className="m-0 mt-2 list-none gap-2 ps-2 text-sm">
                 <ItemsList
diff --git a/src/components/TableOfContents/TableOfContentsLink.tsx b/src/components/TableOfContents/TableOfContentsLink.tsx
index f99c116348f..1c26fce43df 100644
--- a/src/components/TableOfContents/TableOfContentsLink.tsx
+++ b/src/components/TableOfContents/TableOfContentsLink.tsx
@@ -1,31 +1,51 @@
+import { cva, type VariantProps } from "class-variance-authority"
+
 import type { ToCItem } from "@/lib/types"
 
 import { cn } from "@/lib/utils/cn"
 
 import { BaseLink } from "../ui/Link"
 
+const variants = cva(
+  "group relative inline-block w-full py-0.5 text-body-medium no-underline lg:w-auto",
+  {
+    variants: {
+      variant: {
+        default: "",
+        beginner: "[&_[data-label='marker']]:!hidden inline leading-base",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
 export type TableOfContentsLinkProps = {
   depth: number
   item: ToCItem
   activeHash?: string
-}
+} & VariantProps<typeof variants>
 
 const Link = ({
   depth,
   item: { title, url },
   activeHash,
+  variant,
 }: TableOfContentsLinkProps) => {
   const isActive = activeHash === url
 
   return (
     <BaseLink
+      data-state-active={isActive}
       href={url}
-      className={cn(
-        "group relative inline-block w-full py-0.5 text-body-medium no-underline lg:w-auto",
-        isActive && "visited text-primary"
-      )}
+      className={variants({
+        variant,
+        className: isActive && "visited text-primary",
+      })}
     >
       <div
+        data-label="marker"
         className={cn(
           "absolute top-1/2 -mt-1 hidden h-2 w-2 rounded-full border border-primary-hover bg-background group-hover:inline-block",
           isActive && "inline-block"
diff --git a/src/components/TableOfContents/TableOfContentsMobile.tsx b/src/components/TableOfContents/TableOfContentsMobile.tsx
index 4504fe4398b..2c6bc7b4ad3 100644
--- a/src/components/TableOfContents/TableOfContentsMobile.tsx
+++ b/src/components/TableOfContents/TableOfContentsMobile.tsx
@@ -1,3 +1,6 @@
+"use client"
+
+import { cva, type VariantProps } from "class-variance-authority"
 import { ChevronDown } from "lucide-react"
 
 import type { ToCItem } from "@/lib/types"
@@ -13,12 +16,25 @@ import ItemsListMobile from "./ItemsListMobile"
 
 import { useTranslation } from "@/hooks/useTranslation"
 
+const variants = cva("flex w-full justify-between lg:hidden", {
+  variants: {
+    variant: {
+      default: "",
+      beginner:
+        "[&>span]:flex-none mb-16 justify-center rounded-lg border-border bg-accent-a/10 text-lg font-bold",
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+  },
+})
+
 export type TableOfContentsMobileProps = {
   items?: Array<ToCItem>
   maxDepth?: number
-}
+} & VariantProps<typeof variants>
 
-const Mobile = ({ items, maxDepth }: TableOfContentsMobileProps) => {
+const Mobile = ({ items, maxDepth, variant }: TableOfContentsMobileProps) => {
   const { t } = useTranslation("common")
 
   if (!items) {
@@ -28,11 +44,7 @@ const Mobile = ({ items, maxDepth }: TableOfContentsMobileProps) => {
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
-        <Button
-          isSecondary
-          variant="outline"
-          className="flex w-full justify-between lg:hidden"
-        >
+        <Button isSecondary variant="outline" className={variants({ variant })}>
           <span className="flex-1 text-center">{t("on-this-page")}</span>
           <ChevronDown />
         </Button>
diff --git a/src/components/TableOfContents/index.tsx b/src/components/TableOfContents/index.tsx
index b797a54a52f..8b60396ddd0 100644
--- a/src/components/TableOfContents/index.tsx
+++ b/src/components/TableOfContents/index.tsx
@@ -1,5 +1,7 @@
 "use client"
 
+import { cva, type VariantProps } from "class-variance-authority"
+
 import type { ToCItem } from "@/lib/types"
 
 import Github from "@/components/icons/github.svg"
@@ -14,7 +16,39 @@ import { useActiveHash } from "@/hooks/useActiveHash"
 import { useTranslation } from "@/hooks/useTranslation"
 import { usePathname } from "@/i18n/routing"
 
-export type TableOfContentsProps = {
+const variants = cva(
+  "sticky hidden flex-col items-start overflow-y-auto lg:flex",
+  {
+    variants: {
+      variant: {
+        default:
+          "top-19 min-w-48 max-w-[25%] p-4 pe-0 h-[calc(100vh-80px)] gap-4",
+        beginner: cn(
+          "top-[7.25rem] min-w-80 max-w-72 lg:p-8 px-3 py-2",
+          "h-fit shrink-0 space-y-2.5 rounded-2xl bg-accent-a/10 text-body-medium",
+          "[&_ul]:list-decimal [&_ul]:border-s-0 [&_ul]:text-base [&_ul]:list-inside [&_ul]:ps-0"
+        ),
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+const labelVariants = cva("text-body-medium", {
+  variants: {
+    variant: {
+      default: "uppercase",
+      beginner: "font-bold text-lg",
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+  },
+})
+
+export interface TableOfContentsProps extends VariantProps<typeof variants> {
   items: Array<ToCItem>
   maxDepth?: number
   editPath?: string
@@ -30,13 +64,12 @@ const TableOfContents = ({
   hideEditButton = false,
   isMobile = false,
   className,
+  variant,
   ...rest
 }: TableOfContentsProps) => {
   const pathname = usePathname()
   const { t } = useTranslation("common")
-
   const titleIds: Array<string> = []
-
   if (!isMobile) {
     const getTitleIds = (items: Array<ToCItem>, depth: number): void => {
       // Return early if maxDepth hit
@@ -56,17 +89,11 @@ const TableOfContents = ({
     return null
   }
   if (isMobile) {
-    return <Mobile items={items} maxDepth={maxDepth} />
+    return <Mobile variant={variant} items={items} maxDepth={maxDepth} />
   }
 
   return (
-    <aside
-      className={cn(
-        "sticky top-19 hidden h-[calc(100vh-80px)] min-w-48 max-w-[25%] flex-col items-start gap-4 overflow-y-auto p-4 pe-0 lg:flex",
-        className
-      )}
-      {...rest}
-    >
+    <aside className={variants({ variant, className })} {...rest}>
       {!hideEditButton && editPath && (
         <ButtonLink
           href={editPath}
@@ -81,13 +108,14 @@ const TableOfContents = ({
           {t("edit-page")}
         </ButtonLink>
       )}
-      <div className="uppercase text-body-medium">{t("on-this-page")}</div>
+      <div className={labelVariants({ variant })}>{t("on-this-page")}</div>
       <ul className="m-0 mb-2 mt-2 list-none gap-2 border-s border-s-body-medium ps-4 pt-0 text-sm">
         <ItemsList
           items={items}
           depth={0}
           maxDepth={maxDepth ? maxDepth : 1}
           activeHash={activeHash}
+          variant={variant}
         />
       </ul>
     </aside>
diff --git a/src/components/ui/section.tsx b/src/components/ui/section.tsx
index 565d22c86c1..f8ec474cf9a 100644
--- a/src/components/ui/section.tsx
+++ b/src/components/ui/section.tsx
@@ -4,7 +4,7 @@ import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "@/lib/utils/cn"
 
 // TODO: Add to design system
-const variants = cva("w-full scroll-mt-24", {
+const variants = cva("w-full scroll-mt-24 lg:scroll-mt-28", {
   variants: {
     variant: {
       responsiveFlex: "flex flex-col gap-8 md:flex-row lg:gap-16",
diff --git a/src/intl/en/page-energy-consumption.json b/src/intl/en/page-energy-consumption.json
new file mode 100644
index 00000000000..dacef9f0a3e
--- /dev/null
+++ b/src/intl/en/page-energy-consumption.json
@@ -0,0 +1,21 @@
+{
+  "adoption-chart-artists-label": "Artists",
+  "adoption-chart-column-now-label": "Now",
+  "adoption-chart-companies-label": "Companies",
+  "adoption-chart-developers-label": "Developers",
+  "adoption-chart-gamers-label": "Gamers",
+  "adoption-chart-investors-label": "Investors",
+  "adoption-chart-musicians-label": "Musicians",
+  "adoption-chart-refugees-label": "Refugees",
+  "adoption-chart-writers-label": "Writers",
+  "energy-consumption-chart-airbnb-label": "AirBnB",
+  "energy-consumption-chart-btc-pow-label": "BTC PoW",
+  "energy-consumption-chart-eth-pos-label": "ETH PoS",
+  "energy-consumption-chart-eth-pow-label": "ETH PoW",
+  "energy-consumption-chart-gaming-us-label": "Gaming in the US",
+  "energy-consumption-chart-global-data-centers-label": "Global data centers",
+  "energy-consumption-chart-netflix-label": "Netflix",
+  "energy-consumption-chart-paypal-label": "PayPal",
+  "energy-consumption-gold-mining-cbeci-label": "Gold mining",
+  "energy-consumption-chart-legend": "Annual Energy Consumption in TWh/yr"
+}
diff --git a/src/intl/en/page-what-is-ethereum.json b/src/intl/en/page-what-is-ethereum.json
index f10f2749973..6dd80e404f6 100644
--- a/src/intl/en/page-what-is-ethereum.json
+++ b/src/intl/en/page-what-is-ethereum.json
@@ -1,128 +1,187 @@
 {
-  "page-what-is-ethereum-alt-img-bazaar": "Illustration of a person peering into a bazaar, meant to represent Ethereum",
-  "page-what-is-ethereum-alt-img-comm": "An illustration of Ethereum community members working together",
-  "page-what-is-ethereum-alt-img-lego": "An illustration of a hand creating an ETH logo made of lego bricks",
-  "page-what-is-ethereum-banking-card": "Banking for everyone",
-  "page-what-is-ethereum-banking-card-desc": "Not everyone has access to financial services. An internet connection is all you need to access Ethereum and the lending, borrowing and savings products built on it.",
-  "page-what-is-ethereum-build": "Make something with Ethereum",
-  "page-what-is-ethereum-build-desc": "If you want to try building with Ethereum, read our docs, try some tutorials, or check out the tools you need to get started.",
-  "page-what-is-ethereum-censorless-card": "Censorship-resistant",
-  "page-what-is-ethereum-censorless-card-desc": "No government or company has control over Ethereum. Decentralization makes it nearly impossible for anyone to stop you from receiving payments or using services on Ethereum.",
-  "page-what-is-ethereum-comm-desc": "Our community includes people from all backgrounds, including artists, crypto-anarchists, fortune 500 companies, and now you. Find out how you can get involved today.",
-  "page-what-is-ethereum-commerce-card": "Commerce guarantees",
-  "page-what-is-ethereum-commerce-card-desc": "Customers have a secure, built-in guarantee that funds will only change hands if you provide what was agreed. Likewise, developers can have certainty that the rules won't change on them.",
-  "page-what-is-ethereum-composable-card": "Composable products",
-  "page-what-is-ethereum-composable-card-desc": "All apps are built on the same blockchain with a shared global state, meaning they can build off each other (like Lego bricks). This allows for better products and experiences and assurances that no-one can remove any tools apps rely upon.",
-  "page-what-is-ethereum-community": "The Ethereum community",
-  "page-what-is-ethereum-desc": "The foundation for our digital future",
-  "page-what-is-ethereum-explore": "Explore Ethereum",
-  "page-what-is-ethereum-internet-card": "An open internet",
-  "page-what-is-ethereum-internet-card-desc": "Anyone can interact with Ethereum network or build applications on it. This allows you to control your own assets and identity, instead of them being controlled by a few mega-corporations.",
-  "page-what-is-ethereum-meet-comm": "Meet the community",
-  "page-what-is-ethereum-meta-description": "Learn about Ethereum, what it does and how to try it for yourself.",
-  "page-what-is-ethereum-meta-title": "What is Ethereum? | ethereum.org",
-  "page-what-is-ethereum-p2p-card": "A peer-to-peer network",
-  "page-what-is-ethereum-p2p-card-desc": "Ethereum allows you to coordinate, make agreements or transfer digital assets directly with other people. You don't need to rely on intermediaries.",
-  "page-what-is-ethereum-start-building-btn": "Start building",
+  "page-what-is-ethereum-meta-title": "What is Ethereum? (A Complete Guide) | ethereum.org",
+  "page-what-is-ethereum-meta-description": "A full overview of what Ethereum is, how it works, what it does and how to start using or building on it. Explained in simple terms.",
   "page-what-is-ethereum-title": "What is Ethereum?",
-  "page-what-is-ethereum-subtitle": "A complete beginner's guide to how Ethereum works, the benefits it brings and how it's being used by millions of people around the world.",
-  "page-what-is-ethereum-button-lets-start": "Let's start",
-  "page-what-is-ethereum-blockchain-tab-title": "What is a blockchain?",
-  "page-what-is-ethereum-blockchain-tab-content": "<b>A blockchain is a database of transactions</b> that is updated and shared across many computers in a network. Every time a new set of transactions is added, its called a “block” - hence the name blockchain. Public blockchains like Ethereum allow anyone to add, but not remove, data. If someone wanted to alter any of the information or cheat the system, they’d need to do so on the majority of computers on the network. That is a lot! This makes decentralized blockchains like Ethereum highly secure.",
-  "page-what-is-ethereum-cryptocurrency-tab-title": "What is a cryptocurrency?",
-  "page-what-is-ethereum-cryptocurrency-tab-content-1": "Cryptocurrency is a term used to describe many types of fungible digital tokens secured using a blockchain. It all started with Bitcoin. Bitcoin can be used to transfer value between two parties without having to trust a middleman. You only have to trust the Bitcoin code, which is all open and freely available.",
-  "page-what-is-ethereum-cryptocurrency-tab-content-2": "The reason assets such as bitcoin and ether are called “cryptocurrencies” is that the security of your data and assets is guaranteed by <a href=\"/glossary/#cryptography\">cryptography</a>, not by trusting an institution or corporation to act honestly.",
-  "page-what-is-ethereum-cryptocurrency-tab-content-3": "Ethereum has its own native cryptocurrency, ether (ETH), which is used to pay for certain activities on the network. It can be transferred to other users or swapped for other tokens on Ethereum. Ether is special because it is used to pay for the computation required to build and run apps and organizations on Ethereum.",
-  "page-what-is-ethereum-summary-title": "Summary",
-  "page-what-is-ethereum-summary-desc-1": "Ethereum is the main platform for thousands of apps and blockchains, all powered by the Ethereum protocol.",
-  "page-what-is-ethereum-summary-desc-2": "This vibrant ecosystem fuels innovation and a wide range of decentralized apps and services.",
-  "page-what-is-ethereum-summary-bullet-1": "<strong>Free and global</strong> Ethereum accounts",
-  "page-what-is-ethereum-summary-bullet-2": "<strong>Pseudo-private</strong>, no personal information needed",
-  "page-what-is-ethereum-summary-bullet-3": "<strong>Without restrictions</strong> anyone can participate",
-  "page-what-is-ethereum-summary-bullet-4": "<strong>No company owns Ethereum</strong> or decides its future",
-  "page-what-is-ethereum-btc-eth-diff-title": "What is the difference between Ethereum and Bitcoin?",
-  "page-what-is-ethereum-btc-eth-diff-1": "Launched in 2015, Ethereum builds on Bitcoin's innovation, with some big differences.",
-  "page-what-is-ethereum-btc-eth-diff-2": "Both let you use digital money without payment providers or banks. But <b>Ethereum is programmable</b>, so you can also build and deploy decentralized applications on its network.",
-  "page-what-is-ethereum-btc-eth-diff-3": "Bitcoin enables us to send basic messages to one another about what we think is valuable. Establishing value without authority is already powerful. Ethereum extends this: rather than just messages, you can write any general program, or contract. There is no limit to the kind of contracts which can be created and agreed upon, hence great innovation happens on the Ethereum network.",
-  "page-what-is-ethereum-btc-eth-diff-4": "While Bitcoin is only a payment network, Ethereum is more like a marketplace of financial services, games, social networks and other apps.",
-  "page-what-is-ethereum-what-can-eth-do-title": "What can Ethereum do?",
-  "page-what-is-ethereum-why-would-i-use-ethereum-title": "Why would I use Ethereum?",
-  "page-what-is-ethereum-why-would-i-use-ethereum-1": "If you're interested in more resilient, open, and trustworthy ways to coordinate globally, create organizations, build apps and share value, Ethereum is for you. Ethereum is a story that is written by all of us, so come and discover what incredible worlds we can build with it together.",
-  "page-what-is-ethereum-why-would-i-use-ethereum-2": "Ethereum has also been invaluable for people who have had to handle uncertainty around the security or soundness or mobility of their assets due to external forces outside of their control.",
-  "page-what-is-ethereum-slide-1-title": "Cheaper and Faster Crossborder Payments",
-  "page-what-is-ethereum-slide-1-desc-1": "<b>Stablecoins</b> are a novel type of cryptocurrency that relies on a more stable asset as the basis for its value. Most of them are linked to the United States dollar and therefore maintain the value of that currency. These allow for a very cheap and stable global payment system. Many current stablecoins are built on the Ethereum network.",
-  "page-what-is-ethereum-slide-1-desc-2": "Ethereum and stablecoins simplify the process of sending money overseas. It often takes only few minutes to move funds across the globe, as opposed to the several business days or even weeks that it may take your average bank, and for a fraction of the price. Additionally, there is no extra fee for making a high value transaction, and there are zero restrictions on where or why you are sending your money.",
-  "page-what-is-ethereum-slide-2-title": "The Quickest Help in Times of Crisis",
-  "page-what-is-ethereum-slide-2-desc-1": "If you are lucky enough to have multiple banking options through trusted institutions where you live, you may take for granted the financial freedom, security and stability that they offer. But for many people around the world facing political repression or economic hardship, financial institutions may not provide the protection or services they need.",
-  "page-what-is-ethereum-slide-2-desc-2": "When war, economic catastrophes or crackdowns on civil liberties struck the residents of <a href=\"https://time.com/5486673/bitcoin-venezuela-authoritarian/\">Venezuela</a>, <a href=\"https://www.economist.com/the-americas/2021/10/30/cubas-communist-regime-is-trying-to-control-crypto\">Cuba</a>, <a href=\"https://www.aljazeera.com/news/2022/3/21/crypto-provides-fix-for-some-in-crisis-hit-afghanistan\">Afghanistan</a>, <a href=\"https://qz.com/africa/1922466/how-bitcoin-powered-nigerias-endsars-protests/\">Nigeria</a>, <a href=\"https://www.euronews.com/my-europe/2021/12/22/meet-the-ngo-turning-to-cryptocurrencies-to-help-desperate-belarusians\">Belarus</a>, and <a href=\"https://internationalbanker.com/finance/cryptocurrencies-filling-crucial-role-in-the-russia-ukraine-conflict/\">Ukraine</a>, cryptocurrencies constituted the quickest and often the only option to retain financial agency.<sup><a href=\"https://www.financialinclusion.tech/\">1</a></sup> As seen in these examples, cryptocurrencies like Ethereum can provide unfettered access to the global economy when people are cut off from the outside world. Additionally, stablecoins offer a store of value when local currencies are collapsing due to hyperinflation.",
-  "page-what-is-ethereum-slide-3-title": "Empowering Creators",
-  "page-what-is-ethereum-slide-3-desc-1": "In 2021 alone, artists, musicians, writers, and other creators used Ethereum to earn around $3.5 billion collectively. This makes Ethereum one of the largest global platforms for creators, alongside Spotify, YouTube, and Etsy. <a href=\"https://stark.mirror.xyz/q3OnsK7mvfGtTQ72nfoxLyEV5lfYOqUfJIoKBx7BG1I\">Learn more</a>.",
-  "page-what-is-ethereum-slide-4-title": "Empowering Gamers",
-  "page-what-is-ethereum-slide-4-desc-1": "Play to earn games (where players are actually rewarded for playing the games) have recently emerged and are transforming the gaming industry. Traditionally, it is often prohibited to trade or transfer in-game assets to other players for real money. This forces players to use black market websites that are often a security risk. Blockchain gaming embraces the in-game economy and promotes such behavior in a trusted manner.",
-  "page-what-is-ethereum-slide-4-desc-2": "Moreover, players are incentivized by being able to trade in-game tokens for real money and thus being truly rewarded for their play time.",
-  "page-what-is-ethereum-meet-ether-title": "Meet ether, Ethereum's cryptocurrency",
-  "page-what-is-ethereum-meet-ether-desc-1": "Many actions on the Ethereum network require some work to be done on Ethereum's embedded computer (known as the Ethereum Virtual Machine). This computation is not free; it is paid for using Ethereum's native cryptocurrency called ether (ETH). This means you need at least a small amount of ether to use the network.",
-  "page-what-is-ethereum-meet-ether-desc-2": "Ether is purely digital, and you can send it to anyone anywhere in the world instantly. The supply of ether isn’t controlled by any government or company - it is decentralized and completely transparent. Ether is issued in a precise manner according to the protocol, only to stakers who secure the network.",
-  "page-what-is-ethereum-what-is-ether": "What is ether?",
-  "page-what-is-ethereum-get-eth": "Get ETH",
-  "page-what-is-ethereum-explore-applications": "Explore applications",
-  "page-what-is-ethereum-learn-defi": "Learn about DeFi",
-  "page-what-is-ethereum-who-runs-ethereum-title": "Who runs Ethereum?",
-  "page-what-is-ethereum-who-runs-ethereum-desc-1": "Ethereum is not controlled by any particular entity. It exists whenever there are connected computers running software following the Ethereum protocol and adding to the Ethereum <a href=\"/glossary/#blockchain\">blockchain</a>. Each of these computers is known as a node. Nodes can be run by anyone, although to participate in securing the network you have to <a href=\"/glossary/#staking\">stake</a> ETH (Ethereum’s native token). Anyone with 32 ETH can do this without needing permission.",
-  "page-what-is-ethereum-who-runs-ethereum-desc-2": "Even the Ethereum source code is not produced by a single entity. Anyone can suggest changes to the protocol and discuss upgrades. There are several implementations of the Ethereum protocol that are produced by independent organizations in several programming languages, and they are usually built in the open and encourage community contributions.",
-  "page-what-is-ethereum-run-a-node": "Run a node",
-  "page-what-is-ethereum-smart-contract-title": "What are smart contracts?",
-  "page-what-is-ethereum-smart-contract-desc-1": "<b>Smart contracts are computer programs</b> living on the Ethereum blockchain. They execute when triggered by a transaction from a user. They make Ethereum very flexible in what it can do. These programs act as building blocks for decentralized apps and organizations.",
-  "page-what-is-ethereum-smart-contract-desc-2": "Have you ever used a product that changed its terms of service? Or removed a feature you found useful? Once a smart contract is published to Ethereum, it will be online and operational for as long as Ethereum exists. Not even the author can take it down. Since smart contracts are automated, they do not discriminate against any user and are always ready to use.",
-  "page-what-is-ethereum-smart-contract-desc-3": "Popular examples of smart contracts are lending apps, decentralized trading exchanges, insurance, quadratic funding, social networks, <a href=\"/glossary/#nft\">NFTs</a> - basically anything you can think of.",
-  "page-what-is-ethereum-more-on-smart-contracts": "More on smart contracts",
-  "page-what-is-ethereum-explore-dapps": "Explore dapps",
-  "page-what-is-ethereum-criminal-activity-title": "I heard crypto is being used as a tool for criminal activity. Is this true?",
-  "page-what-is-ethereum-criminal-activity-desc-1": "Like any technology, it will sometimes be misused. However, because all Ethereum transactions happen on an open blockchain, it’s often easier for authorities to track illicit activity than it would be in the traditional financial system, arguably making Ethereum a less appealing choice for those who would rather go undetected.",
-  "page-what-is-ethereum-criminal-activity-desc-2": "Crypto is used much less than fiat currencies for criminal purposes according to the key findings of a recent report by Europol, the European Union Agency for Law Enforcement Cooperation:",
-  "page-what-is-ethereum-criminal-activity-desc-3": "“The use of cryptocurrencies for illicit activities seems to comprise only a small part of the overall cryptocurrency economy, and it appears to be comparatively smaller than the amount of illicit funds involved in traditional finance.”",
-  "page-what-is-ethereum-energy-title": "What about Ethereum's energy consumption?",
-  "page-what-is-ethereum-energy-desc-1": "On September 15, 2022, Ethereum went through The Merge upgrade which transitioned Ethereum from <a href=\"/glossary/#pow\">proof-of-work</a> to <a href=\"/glossary/#pos\">proof-of-stake</a>.",
-  "page-what-is-ethereum-energy-desc-2": "The Merge was Ethereum's biggest upgrade and reduced the energy consumption required to secure Ethereum by <b>99.95%</b>, creating a <b>more secure network for a much smaller carbon cost</b>. Ethereum is now a low-carbon blockchain while boosting its security and scalability.",
-  "page-what-is-ethereum-more-on-energy-consumption": "More on energy consumption",
-  "page-what-is-ethereum-energy-consumption-chart-legend": "Annual Energy Consumption in TWh/yr",
-  "energy-consumption-chart-global-data-centers-label": "Global data centers",
-  "energy-consumption-gold-mining-cbeci-label": "Gold mining",
-  "energy-consumption-chart-btc-pow-label": "BTC PoW",
-  "energy-consumption-chart-netflix-label": "Netflix",
-  "energy-consumption-chart-eth-pow-label": "ETH PoW",
-  "energy-consumption-chart-gaming-us-label": "Gaming in the US",
-  "energy-consumption-chart-airbnb-label": "AirBnB",
-  "energy-consumption-chart-paypal-label": "PayPal",
-  "energy-consumption-chart-eth-pos-label": "ETH PoS",
-  "page-what-is-ethereum-the-merge-update": "The Merge update",
-  "page-what-is-ethereum-additional-reading": "Further reading",
-  "page-what-is-ethereum-week-in-ethereum": "Week in Ethereum News",
-  "page-what-is-ethereum-week-in-ethereum-desc": "- A weekly newsletter covering key developments across the ecosystem.",
-  "page-what-is-ethereum-kernel-dreamers": "Kernel",
-  "page-what-is-ethereum-kernel-dreamers-desc": "Ethereum's Dream",
-  "page-what-is-ethereum-atoms-institutions-blockchains": "Atoms, Institutions, Blockchains",
-  "page-what-is-ethereum-atoms-institutions-blockchains-desc": "- Why blockchains matter?",
-  "page-what-is-ethereum-ethereum-in-numbers-title": "Ethereum in numbers",
-  "page-what-is-ethereum-ethereum-in-numbers-stat-1-desc": "Projects build on Ethereum",
-  "page-what-is-ethereum-ethereum-in-numbers-stat-2-desc": "Accounts (wallets) with an ETH balance",
-  "page-what-is-ethereum-ethereum-in-numbers-stat-3-desc": "Smart contracts on Ethereum",
-  "page-what-is-ethereum-ethereum-in-numbers-stat-4-desc": "Value secured on Ethereum",
-  "page-what-is-ethereum-ethereum-in-numbers-stat-5-desc": "Creator earnings on Ethereum in 2021",
-  "page-what-is-ethereum-ethereum-in-numbers-stat-6-desc": "Number of transactions today",
-  "adoption-chart-column-now-label": "Now",
-  "adoption-chart-investors-label": "Investors",
-  "adoption-chart-developers-label": "Developers",
-  "adoption-chart-companies-label": "Companies",
-  "adoption-chart-artists-label": "Artists",
-  "adoption-chart-musicians-label": "Musicians",
-  "adoption-chart-writers-label": "Writers",
-  "adoption-chart-gamers-label": "Gamers",
-  "adoption-chart-refugees-label": "Refugees",
-  "page-what-is-ethereum-get-eth-alt": "Get some ETH",
-  "page-what-is-ethereum-get-eth-description": "ETH is the native currency of Ethereum. You'll need some ETH in your wallet to use Ethereum applications.",
-  "page-what-is-ethereum-get-eth-title": "Get some ETH",
-  "page-what-is-ethereum-explore-dapps-alt": "Explore dapps",
-  "page-what-is-ethereum-explore-dapps-description": "Dapps are applications built on Ethereum. Dapps are disrupting current business models and inventing new ones.",
-  "page-what-is-ethereum-explore-dapps-title": "Try some dapps"
+  "page-what-is-ethereum-hero-description-1": "Ethereum is a decentralized blockchain network and software development platform, powered by the cryptocurrency ether (ETH).",
+  "page-what-is-ethereum-hero-description-2": "It's home to thousands of cryptocurrencies and applications across DeFi, NFTs, gaming, decentralized social media and stablecoins.",
+  "page-what-is-ethereum-ethereum-intro-1": "Ethereum is an open, public blockchain launched in July 2015 by a software developer called Vitalik Buterin and a small team of co-founders.",
+  "page-what-is-ethereum-ethereum-intro-2": "The idea behind Ethereum was simple. While Bitcoin let you send and receive digital cash, Ethereum would build on this with open-source programs called <a>smart contracts</a>.",
+  "page-what-is-ethereum-ethereum-intro-3": "<strong>Smart contracts</strong> let anyone create their own digital assets and decentralized applications (dapps) that run 24/7, globally. And unlike banks, corporations or other institutions, smart contracts are available to anyone with an internet connection.",
+  "page-what-is-ethereum-ethereum-intro-4": "Since 2015, Ethereum has grown into a thriving ecosystem of digital assets like <strong>stablecoins</strong>, non-fungible tokens (<strong>NFTs</strong>), and governance tokens, as well as a sprawling world of dapps for decentralized finance (<strong>DeFi</strong>), art and collectibles, gaming and decentralized social media.",
+  "page-what-is-ethereum-ethereum-intro-5": "Collectively, this ecosystem is called \"<strong>web3</strong>\", representing the third phase of the <strong>internet centered around ownership</strong>.",
+  "page-what-is-ethereum-ethereum-intro-6": "Today, Ethereum is used by <millions>millions of people</millions> around the world <billions>holding billions of dollars</billions> in assets who send and receive <trillions>trillions of dollars</trillions> every year—all without a bank.",
+  "page-what-is-ethereum-ethereum-intro-7": "At the heart of all this is Ethereum's native cryptocurrency <strong>ether (ETH)</strong>, a new kind of digital money used to power the whole network.",
+  "page-what-is-ethereum-network-title": "What is the Ethereum network?",
+  "page-what-is-ethereum-network-intro-1": "You can think of the ethereum network as <strong>a global digital infrastructure that anyone can use</strong> but nobody can abuse.",
+  "page-what-is-ethereum-network-intro-2": "The network is made up of <strong>thousands of independent computers</strong> around the world called nodes. These nodes, run by regular people, work together to provide financial services and digital applications to anyone, anywhere.",
+  "page-what-is-ethereum-network-intro-3": "The Ethereum network has <strong>3 key advantages</strong> over traditional networks owned by institutions. These are censorship resistance, enhanced security and improved reliability.",
+  "page-what-is-ethereum-network-censorship-title": "Censorship resistant",
+  "page-what-is-ethereum-network-censorship-desc-1": "While traditional apps and financial services rely on banks or corporations that can decide to block access or freeze accounts, dapps on Ethereum are censorship resistant.",
+  "page-what-is-ethereum-network-censorship-desc-2": "This is because ethereum's network of nodes record every single transaction without discrimination—and this rule is embedded in the code.",
+  "page-what-is-ethereum-network-security-title": "Highly secure",
+  "page-what-is-ethereum-network-security-desc-1": "While many apps today are hosted on cloud providers like AWS and can be vulnerable to takedowns and attacks, dapps on Ethereum are secured by the network itself. Every node stores and syncs the entire state of Ethereum, including all contracts.",
+  "page-what-is-ethereum-network-security-desc-2": "If someone tried to change a contract, the network would reject it since it wouldn't match their records. To take down a single app, attackers need to take over the entire network, which would costs billions and be extremely hard to coordinate.",
+  "page-what-is-ethereum-network-reliability-title": "Durable and reliable",
+  "page-what-is-ethereum-network-reliability-desc-1": "Downtime on cloud hosting platforms can take apps offline, but Ethereum's design ensures perfect uptime. The network will keep running even if some nodes go offline due to software bugs, government crackdowns, natural disaster, or war.",
+  "page-what-is-ethereum-network-reliability-desc-2": "Millions of people use thousands of dapps on Ethereum every day. While high demand can lead to elevated transaction fees, it reflects the strength of a network that prioritizes security, decentralization, and the guarantee that it's always available when you need it.",
+  "page-what-is-ethereum-network-layer2-title": "Ethereum extensions (Layer 2)",
+  "page-what-is-ethereum-network-layer2-desc-1": "Different teams have created Layer 2 (L2) networks that run on top of Ethereum to increase Ethereum's capacity. L2s act like express lanes, making transactions faster and cheaper—sometimes costing less than a cent on average.",
+  "page-what-is-ethereum-network-layer2-desc-2": "Some of the most popular L2s including <optimism>Optimism</optimism>, <arbitrum>Arbitrum</arbitrum>, <zksync>ZKSync</zksync>, and <base>Base</base> now process millions of transactions worth billions of dollars each year.",
+  "page-what-is-ethereum-network-learn-more": "Learn more about the Ethereum network",
+  "page-what-is-ethereum-ether-title": "What is ether (ETH)?",
+  "page-what-is-ethereum-ether-intro-1": "Ether (ETH) is the native cryptocurrency of Ethereum.",
+  "page-what-is-ethereum-ether-intro-2": "It's a new kind of <strong>digital money you can send to anyone, anywhere in the world in seconds</strong> for as little as a few cents. But ETH is about more than just payments. It plays a vital role in keeping the Ethereum network running.",
+  "page-what-is-ethereum-ether-intro-3": "When you use Ethereum to send money, collect art or build a new dapp, you pay a small <strong>transaction fee</strong> (or gas fee) <strong>in ETH</strong>. This fee helps prevent spam and rewards the people called validators who process transactions.",
+  "page-what-is-ethereum-ether-intro-4": "These <strong>validators help secure the ethereum network</strong> through a system called staking. By locking up their ETH they're eligible to process transactions. In return, they earn ETH as a reward. This gives Ethereum its own self-sustaining economy, powered by users rather than companies.",
+  "page-what-is-ethereum-ether-intro-5": "Unlike many traditional currencies, <strong>ETH can become more scarce over time</strong>. Every time someone uses Ethereum, a small portion of ETH is burned, which permanently removes it from the supply. On busy days, more ETH is burned than created, making ETH deflationary and increasing its value over time. The more Ethereum is used, the more ETH is burned.",
+  "page-what-is-ethereum-ether-intro-6": "Because of this, many people see ETH as an investment and choose to hold, stake or lend it to grow their savings.",
+  "page-what-is-ethereum-ether-learn-more": "Learn more about ether (ETH)",
+  "page-what-is-ethereum-how-title": "How does Ethereum work?",
+  "page-what-is-ethereum-how-intro-1": "When Ethereum <strong>launched in 2015</strong>, it used a system called proof of work.",
+  "page-what-is-ethereum-how-intro-2": "This mechanism pioneered by Bitcoin, is how all computers agreed on who owns what. Computers would use a lot of energy trying to solve a complex mathematical puzzle. The winner would get to propose a block of incoming transactions and earn new ETH.",
+  "page-what-is-ethereum-how-intro-3": "In 2022, Ethereum upgraded to a new system called <strong>proof of stake</strong> <a>that's 99% more energy efficient</a>. Instead of mathematical puzzles, validators lock their ETH as a security deposit to earn the right to process transactions.",
+  "page-what-is-ethereum-how-intro-4": "If they do it correctly, they earn ETH. If they cheat, they lose some of their stake.",
+  "page-what-is-ethereum-how-intro-5": "Here's an example:",
+  "page-what-is-ethereum-how-example-1-title": "When you send $10 in stablecoins to a friend on Ethereum:",
+  "page-what-is-ethereum-how-example-1-step-1": "You open your wallet, add the account address and the amount, then click send.",
+  "page-what-is-ethereum-how-example-1-step-2": "Your wallet signs the payment and broadcasts it to the network.",
+  "page-what-is-ethereum-how-example-1-step-3": "The payment waits in the public queue (mempool) until a block proposer picks it.",
+  "page-what-is-ethereum-how-example-1-step-4": "The block proposer adds it to the next block of transactions, broadcasts it, and earns a fee.",
+  "page-what-is-ethereum-how-example-1-step-5": "The stablecoin contract moves $10 from you to your friend, and both wallets update.",
+  "page-what-is-ethereum-how-example-1-step-6": "A global network of validators double-check and attest to the validity of the changes.",
+  "page-what-is-ethereum-how-example-2-title": "When you mint a $5 collectible on Ethereum:",
+  "page-what-is-ethereum-how-example-2-step-1": "You connect your wallet to the dapp and choose the item to mint.",
+  "page-what-is-ethereum-how-example-2-step-2": "You confirm the purchase; the wallet signs and broadcasts the transaction.",
+  "page-what-is-ethereum-how-example-2-step-3": "The mint request joins the mempool and is added to a block by a validator.",
+  "page-what-is-ethereum-how-example-2-step-4": "The NFT smart contract records your wallet as the new owner.",
+  "page-what-is-ethereum-how-example-2-step-5": "Your new collectible appears in your wallet a few seconds later.",
+  "page-what-is-ethereum-how-outro-1": "This is all possible thanks to the power of smart contracts; open-source programs that live on Ethereum and run 24/7, 365 accessible to anyone, anywhere.",
+  "page-what-is-ethereum-how-outro-2": "<strong>Every transaction, update, and action is synced across thousands of independent nodes.</strong> This gives Ethereum its reliability, transparency, and censorship resistance.",
+  "page-what-is-ethereum-how-learn-more-1": "Learn more about how Ethereum works",
+  "page-what-is-ethereum-how-learn-more-2": "Read developer docs for a technical overview of Ethereum",
+  "page-what-is-ethereum-what-title": "What is Ethereum used for?",
+  "page-what-is-ethereum-what-intro-1": "People use Ethereum to do things that weren't possible before.",
+  "page-what-is-ethereum-what-intro-2": "Farmers in Kenya can receive <insurance>automated insurance on their crops</insurance> without applying to a bank. Businesses like <strong>Visa</strong> can launch <payment>new payment systems that works globally</payment> from day one. Global organizations like the <strong>UN</strong> can deliver <aid>aid to refugees</aid> saving millions in bank fees.",
+  "page-what-is-ethereum-what-intro-3": "These dapps and assets run on Ethereum using open-source code and can't be restricted, censored or turned off.",
+  "page-what-is-ethereum-what-intro-4": "Here's how different groups are using it today:",
+  "page-what-is-ethereum-what-consumers-title": "Consumers",
+  "page-what-is-ethereum-what-consumers-desc-1": "Millions of people already use dapps on Ethereum to move money, trade, and own digital assets every day. Unlike traditional apps, there's no need to register with your name, wait for a bank to approve you, or hand over your personal data.",
+  "page-what-is-ethereum-what-consumers-desc-2": "With just a wallet and an internet connection you can:",
+  "page-what-is-ethereum-what-consumers-benefit-1": "<strong>Access financial services without a bank</strong> account or credit history",
+  "page-what-is-ethereum-what-consumers-benefit-2": "<strong>Own digital collectibles</strong>, art, and assets that can't be copied or confiscated",
+  "page-what-is-ethereum-what-consumers-benefit-3": "Sign into dapps using your wallet, not your email—<strong>no passwords, no personal information necessary</strong>",
+  "page-what-is-ethereum-what-consumers-benefit-4": "Participate in global communities where you can vote, contribute, and earn borderlessly",
+  "page-what-is-ethereum-what-businesses-title": "Businesses & developers",
+  "page-what-is-ethereum-what-businesses-benefit-1": "Launch dapps with built-in global payments system from day one",
+  "page-what-is-ethereum-what-businesses-benefit-2": "Deploy tamper-proof contracts that <strong>automatically enforce agreements</strong>",
+  "page-what-is-ethereum-what-businesses-benefit-3": "Create financial products that anyone can build on and drive value to",
+  "page-what-is-ethereum-what-businesses-example": "For example, <a>PayPal launched its own stablecoin, PYUSD, on Ethereum</a>. This is a sign that even the world's largest payments companies see the benefit of Ethereum's open and programmable nature.",
+  "page-what-is-ethereum-what-governments-title": "Governments",
+  "page-what-is-ethereum-what-governments-intro": "Governments are also starting to explore what Ethereum makes possible.",
+  "page-what-is-ethereum-what-governments-benefit-1": "<strong>Distribute public funds</strong> and benefits directly to citizens with full transparency",
+  "page-what-is-ethereum-what-governments-benefit-2": "<strong>Issue digital IDs</strong> or records that are verifiable and portable across borders",
+  "page-what-is-ethereum-what-governments-benefit-3": "Build <strong>tamper-proof public infrastructure for voting</strong>, land titles, and registries",
+  "page-what-is-ethereum-what-governments-example-1": "In another case, Ukraine's Ministry of Digital Transformation <a>used Ethereum to distribute wartime aid</a>.",
+  "page-what-is-ethereum-what-governments-example-2": "Funds were sent directly to citizens and NGOs using open smart contracts, providing transparency, speed, and accountability during a crisis.",
+  "page-what-is-ethereum-what-learn-more": "Learn more about what Ethereum is used for",
+  "page-what-is-ethereum-start-title": "How to start using Ethereum",
+  "page-what-is-ethereum-start-intro-1": "Getting started with Ethereum is easier than you might think.",
+  "page-what-is-ethereum-start-intro-2": "You don't need permission. You don't need a bank or even an ID document. All you need to get started is a device and an internet connection.",
+  "page-what-is-ethereum-start-individuals-title": "For individuals",
+  "page-what-is-ethereum-start-individuals-desc-1": "The first step is downloading a wallet.",
+  "page-what-is-ethereum-start-individuals-desc-2": "Think of it like an app that acts as both your account and your internet browser for Ethereum. It manages your crypto, lets you sign in to dapps, as well as send and receive digital assets like tokens and NFTs.",
+  "page-what-is-ethereum-start-individuals-desc-3": "Popular wallets like <zerion>Zerion</zerion>, <rainbow>Rainbow</rainbow>, and <coinbase>Coinbase Wallet</coinbase> are free and easy to use. Once your wallet is set up, you can:",
+  "page-what-is-ethereum-start-individuals-step-1": "Buy a small amount of ETH on an exchange or directly inside some wallets",
+  "page-what-is-ethereum-start-individuals-step-2": "Use that ETH to pay for transactions like sending tokens or collecting NFTs",
+  "page-what-is-ethereum-start-individuals-step-3": "Explore dapps like <zora>Zora</zora>, <uniswap>Uniswap</uniswap>, or <farcaster>Farcaster</farcaster>—no new logins or approvals needed",
+  "page-what-is-ethereum-start-individuals-desc-4": "These priorities will helps ensure Ethereum is secure, scalable and user friendly as more people rely on the network everyday.",
+  "page-what-is-ethereum-start-individuals-desc-5": "These dapps run in your browser and work with your wallet instantly. You can start using Ethereum in minutes.",
+  "page-what-is-ethereum-start-individuals-cta-1": "Start here",
+  "page-what-is-ethereum-start-individuals-cta-2": "See apps",
+  "page-what-is-ethereum-start-developers-title": "For developers",
+  "page-what-is-ethereum-start-developers-desc-1": "Ethereum is a playground for developers. You can start building without permission, approvals, or even real money.",
+  "page-what-is-ethereum-start-developers-desc-2": "The <a>Ethereum Developer Docs</a> walk you through everything from writing your first smart contract to deploying on test networks like Sepolia.",
+  "page-what-is-ethereum-start-developers-desc-3": "You can build full-stack dapps with tools like <hardhat>Hardhat</hardhat>, <foundry>Foundry</foundry>, and <ethers>Ethers.js</ethers>, or experiment with low-code platforms like <thirdweb>thirdweb</thirdweb> or <moralis>Moralis</moralis>.",
+  "page-what-is-ethereum-start-developers-desc-4": "Everything is open-source and composable, so you can remix and build on what's already out there without asking for permission.",
+  "page-what-is-ethereum-start-developers-cta": "Start building on Ethereum",
+  "page-what-is-ethereum-start-business-title": "Use Ethereum in business",
+  "page-what-is-ethereum-start-business-desc-1": "Enterprises are already using Ethereum to power new infrastructure.",
+  "page-what-is-ethereum-start-business-desc-2": "Many enterprises are starting with L2 networks like Optimism and Base to support high-volume use cases. These networks offer lower fees, faster speeds while still benefiting from Ethereum's security and removing counterparty risk.",
+  "page-what-is-ethereum-start-business-desc-3": "You can:",
+  "page-what-is-ethereum-start-business-benefit-1": "Launch modular loyalty programs that boost retention and cut third-party costs",
+  "page-what-is-ethereum-start-business-benefit-2": "Tokenize assets like tickets, coupons, or certificates to reduce fraud and resale risk",
+  "page-what-is-ethereum-start-business-benefit-3": "Enable instant global payments to lower transaction fees and unlock new markets",
+  "page-what-is-ethereum-start-business-example": "For example, in 2025, <a>Shopify launched on Base</a> to allow consumers to spend stablecoins with millions of merchants around the globe.",
+  "page-what-is-ethereum-start-business-cta": "Use Ethereum in business",
+  "page-what-is-ethereum-bitcoin-title": "What's the difference between Ethereum and Bitcoin?",
+  "page-what-is-ethereum-bitcoin-intro-1": "Bitcoin and Ethereum are the two biggest cryptocurrencies in the world.",
+  "page-what-is-ethereum-bitcoin-intro-2": "They both let you send money without a bank, both run on blockchain technology, and both are <strong>open to anyone</strong>. But that's where the similarities end.",
+  "page-what-is-ethereum-bitcoin-comparison-1-title": "Bitcoin is like digital gold.",
+  "page-what-is-ethereum-bitcoin-comparison-1-desc": "It has a fixed supply of 21 million coins, a narrow focus on peer-to-peer payments, and a basic scripting language that limits what you can build with it. This simplicity is by design since Bitcoin prioritizes predictability, durability, and long-term security over flexibility.",
+  "page-what-is-ethereum-bitcoin-comparison-2-title": "Ethereum takes a broader approach.",
+  "page-what-is-ethereum-bitcoin-comparison-2-desc": "It's not just money, it's programmable infrastructure. Instead of just sending and receiving value, Ethereum lets developers build entire applications. You've already seen this in action: from lending markets and stablecoins to collectibles, social media, and real-time payments—all powered by smart contracts and secured by ETH.",
+  "page-what-is-ethereum-bitcoin-comparison-3-title": "The way the networks reach consensus is also different.",
+  "page-what-is-ethereum-bitcoin-comparison-3-desc-1": "Bitcoin uses miners to secure the network. These are powerful computers that compete to solve complex puzzle, and the winner gets to add the next block of transactions to the chain and claim bitcoins as a reward. This process is called mining and it uses large amounts of electricity.",
+  "page-what-is-ethereum-bitcoin-comparison-3-desc-2": "Ethereum used to work like this too. But in 2022, it transitioned from proof of work to proof of stake. Today, transactions are confirmed by validators who lock up ETH as collateral. Honest validators earn ETH rewards while any dishonest ones lose part of their stake. This shift made Ethereum over 99.988% more energy efficient without sacrificing security or decentralization.",
+  "page-what-is-ethereum-bitcoin-comparison-4-title": "There's also a difference in how supply is handled.",
+  "page-what-is-ethereum-bitcoin-comparison-4-desc-1": "Bitcoin has a fixed supply. There will only ever be 21 million coins. Ethereum, on the other hand, has a dynamic supply. New ETH is issued to reward validators, while a portion is burned with every transaction. This means <strong>Ethereum can't just \"print infinite ETH.\"</strong>",
+  "page-what-is-ethereum-bitcoin-comparison-4-desc-2": "The issuance rate is limited by how much ETH is staked. As more ETH is staked, individual rewards decrease, creating a natural balance. This design ensures a sustainable security budget well into the future, without relying solely on transaction fees.",
+  "page-what-is-ethereum-bitcoin-comparison-4-desc-3": "In short, Bitcoin is a tool for sending value. Ethereum is a platform for building it.",
+  "page-what-is-ethereum-bitcoin-learn-more": "Learn more about the difference between Ethereum and Bitcoin",
+  "page-what-is-ethereum-when-who-title": "When did Ethereum launch, who founded it and who runs it now?",
+  "page-what-is-ethereum-when-who-intro-1": "From the start, Ethereum was designed to run by its community.",
+  "page-what-is-ethereum-when-who-intro-2": "In 2013, Vitalik Buterin published a white paper proposing a new kind of blockchain for money and apps anyone could use. The idea quickly gained traction.",
+  "page-what-is-ethereum-when-who-intro-3": "By 2014, co-founders like Gavin Wood and Joseph Lubin joined the effort, and the team raised funds through one of the earliest crypto crowdfunding campaigns.",
+  "page-what-is-ethereum-when-who-intro-4": "Ethereum officially launched in July 2015.",
+  "page-what-is-ethereum-when-who-history-title": "Key moments in Ethereum's history",
+  "page-what-is-ethereum-when-who-history-2013": "19-year-old Vitalik Buterin publishes the Ethereum whitepaper",
+  "page-what-is-ethereum-when-who-history-2014": "The Ethereum Foundation forms and launches a crowdfunding campaign",
+  "page-what-is-ethereum-when-who-history-2015": "Developers launch the Ethereum network with the <em>Frontier</em> release",
+  "page-what-is-ethereum-when-who-history-2016": "Smart contract exploit drains $60M (3.6M ETH) from The DAO prompting a chain fork",
+  "page-what-is-ethereum-when-who-history-2020": "Beacon Chain launch starts the move to Proof-of-Stake",
+  "page-what-is-ethereum-when-who-history-2021": "<em>London</em> upgrade starts burning gas fees via EIP-1559",
+  "page-what-is-ethereum-when-who-history-2022": "<em>The Merge</em> replaces mining with staking, cutting energy use by 99%",
+  "page-what-is-ethereum-when-who-history-2025": "<em>Pectra</em> upgrade improves smart wallet support and L2 compatibility",
+  "page-what-is-ethereum-when-who-governance-1": "Today, no single person or company runs Ethereum.",
+  "page-what-is-ethereum-when-who-contributors-title": "The network is maintained by a broad group of contributors:",
+  "page-what-is-ethereum-when-who-contributors-1": "Developers who write and propose upgrades",
+  "page-what-is-ethereum-when-who-contributors-2": "Node operators contributing to distributed physical infrastructure",
+  "page-what-is-ethereum-when-who-contributors-3": "Stakers who validate transactions",
+  "page-what-is-ethereum-when-who-contributors-4": "Community members who build the tools and culture",
+  "page-what-is-ethereum-when-who-contributors-5": "<strong>You</strong> by using the network",
+  "page-what-is-ethereum-when-who-governance-2": "<strong>There's no CEO, board, or central authority.</strong> The Ethereum Foundation still helps fund research and development, but the ecosystem runs on open participation.",
+  "page-what-is-ethereum-when-who-governance-3": "Changes are proposed through <eips>Ethereum Improvement Proposals (EIPs)</eips>, discussed publicly, and only adopted <governance>if the wider community supports them</governance>.",
+  "page-what-is-ethereum-when-who-governance-4": "This makes Ethereum slower to change than a startup, but also much harder to shut down or take over.",
+  "page-what-is-ethereum-when-who-learn-more": "Learn more about Ethereum's history",
+  "page-what-is-ethereum-roadmap-title": "What is the Ethereum roadmap for 2025?",
+  "page-what-is-ethereum-roadmap-intro-1": "Ethereum doesn't follow a fixed roadmap. It follows a shared vision.",
+  "page-what-is-ethereum-roadmap-intro-2": "Network upgrades are made as EIP proposals and developed in public by contributors around the world. There's no central team deciding what happens, just people building what they believe is useful based on users' needs.",
+  "page-what-is-ethereum-roadmap-intro-3": "Pectra is the most recent upgrade launched in May 2025. This upgrade improved wallet features, gave stakers more flexibility, and made it easier for dapps to run on L2s. The goal was to improve usability without compromising on security or decentralization.",
+  "page-what-is-ethereum-roadmap-priorities-intro": "<a>Looking ahead</a>, Ethereum's priorities include:",
+  "page-what-is-ethereum-roadmap-priority-1": "Making the core protocol and its L2s faster and cheaper for everyone",
+  "page-what-is-ethereum-roadmap-priority-2": "Improving the experience for users and developers",
+  "page-what-is-ethereum-roadmap-outro-1": "These priorities will helps ensure Ethereum is secure, scalable and user friendly as more people rely on the network everyday.",
+  "page-what-is-ethereum-roadmap-outro-2": "If you want to steer the direction for Ethereum, <a>get involved</a>. You don't need permission, just the desire to make a difference in this new digital economy.",
+  "page-what-is-ethereum-roadmap-learn-more": "See an overview of the Ethereum roadmap",
+  "page-what-is-ethereum-further-reading-title": "Read next",
+  "page-what-is-ethereum-further-reading-wallets": "What are wallets?",
+  "page-what-is-ethereum-further-reading-eth": "What is ether (ETH)?",
+  "page-what-is-ethereum-further-reading-web3": "What is web3?",
+  "page-what-is-ethereum-further-reading-networks": "Learn more about the Ethereum network",
+  "page-what-is-ethereum-toc-ethereum": "What is Ethereum?",
+  "page-what-is-ethereum-toc-network": "What is the Ethereum network?",
+  "page-what-is-ethereum-toc-ether": "What is ether (ETH)?",
+  "page-what-is-ethereum-toc-how": "How does Ethereum work?",
+  "page-what-is-ethereum-toc-what": "What is Ethereum used for?",
+  "page-what-is-ethereum-toc-start": "How to start using Ethereum",
+  "page-what-is-ethereum-toc-bitcoin": "What's the difference between Ethereum and Bitcoin?",
+  "page-what-is-ethereum-toc-when-who": "When did Ethereum launch, who founded it and who runs it now?",
+  "page-what-is-ethereum-toc-roadmap": "What is the Ethereum roadmap for 2025?",
+  "page-what-is-ethereum-banner-networks-alt": "Illustration of futuristic Ethereum community center",
+  "page-what-is-ethereum-banner-ether-alt": "Open hands holding ether glyph",
+  "page-what-is-ethereum-banner-how-alt": "Man repairing computer",
+  "page-what-is-ethereum-banner-contributing-alt": "Doge smiling at the computer",
+  "page-what-is-ethereum-banner-what-alt": "Four futuristic humans and a doge gazing into an Ethereum prism",
+  "page-what-is-ethereum-banner-start-alt": "Futuristic community gathering center",
+  "page-what-is-ethereum-banner-when-who-alt": "Two humans walking and talking"
 }
diff --git a/src/lib/utils/translations.ts b/src/lib/utils/translations.ts
index ea2b6310269..94e2374ca9d 100644
--- a/src/lib/utils/translations.ts
+++ b/src/lib/utils/translations.ts
@@ -105,7 +105,7 @@ const getRequiredNamespacesForPath = (relativePath: string) => {
   }
 
   if (path.startsWith("/energy-consumption/")) {
-    primaryNamespace = "page-what-is-ethereum"
+    primaryNamespace = "page-energy-consumption"
     requiredNamespaces = [...requiredNamespaces, "page-about"]
   }