Skip to content

Commit 08d8314

Browse files
corwintinescorwintines
committed
adoption translated
1 parent 3ce4a7c commit 08d8314

File tree

5 files changed

+72
-95
lines changed

5 files changed

+72
-95
lines changed

‎app/[locale]/10years/_components/AdoptionSwiper.tsx

Lines changed: 36 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
11
"use client"
22

3+
import { useTranslations } from "next-intl"
4+
35
import { Image } from "@/components/Image"
6+
import Translation from "@/components/Translation"
47
import { ButtonLink } from "@/components/ui/buttons/Button"
58
import {
69
Swiper,
@@ -11,38 +14,50 @@ import {
1114

1215
import { cn } from "@/lib/utils/cn"
1316

14-
import { AdoptionCard } from "./types"
15-
1617
type AdoptionCardProps = {
17-
adoptionCards: AdoptionCard[]
18+
adoptionCards: { image: unknown; href: string }[]
1819
adoptionStyles: string[]
1920
}
21+
2022
const AdoptionSwiper = ({
2123
adoptionCards,
2224
adoptionStyles,
2325
}: AdoptionCardProps) => {
26+
const t = useTranslations("page-10-year-anniversary")
27+
2428
return (
2529
<div className="flex flex-1 flex-col gap-6 md:hidden">
2630
<SwiperContainer className="mx-auto w-full max-w-[550px]">
2731
<Swiper spaceBetween={32}>
28-
{adoptionCards.map((card, index) => (
29-
<SwiperSlide key={card.title}>
30-
<div
31-
className={cn("h-full rounded-2xl p-8", adoptionStyles[index])}
32-
>
33-
<Image
34-
src={card.image}
35-
alt={card.title}
36-
className="mx-auto mb-4 h-36 object-contain"
37-
/>
38-
<h3 className="mb-4 text-2xl font-bold">{card.title}</h3>
39-
{card.description}
40-
<ButtonLink href={card.href} hideArrow variant="outline">
41-
{card.linkText}
42-
</ButtonLink>
43-
</div>
44-
</SwiperSlide>
45-
))}
32+
{adoptionCards.map((card, index) => {
33+
const title = t(`page-10-year-adoption-card-${index + 1}-title`)
34+
return (
35+
<SwiperSlide key={title}>
36+
<div
37+
className={cn(
38+
"h-full rounded-2xl p-8",
39+
adoptionStyles[index]
40+
)}
41+
>
42+
<Image
43+
src={card.image}
44+
alt={title}
45+
className="mx-auto mb-4 h-36 object-contain"
46+
/>
47+
<h3 className="mb-4 text-2xl font-bold">{title}</h3>
48+
<p className="mb-8">
49+
<Translation
50+
id={`page-10-year-adoption-card-${index + 1}-description`}
51+
ns="page-10-year-anniversary"
52+
/>
53+
</p>
54+
<ButtonLink href={card.href} hideArrow variant="outline">
55+
{t(`page-10-year-adoption-card-${index + 1}-link-text`)}
56+
</ButtonLink>
57+
</div>
58+
</SwiperSlide>
59+
)
60+
})}
4661
<SwiperNavigation />
4762
</Swiper>
4863
</SwiperContainer>

‎app/[locale]/10years/_components/InnovationSwiper.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,5 @@
11
"use client"
22

3-
import { useTranslations } from "next-intl"
4-
53
import { Image } from "@/components/Image"
64
import {
75
Swiper,
@@ -12,8 +10,10 @@ import {
1210

1311
import { innovationCards } from "./data"
1412

13+
import { useTranslation } from "@/hooks/useTranslation"
14+
1515
export default function InnovationSwiper() {
16-
const t = useTranslations("page-10-year-anniversary")
16+
const { t } = useTranslation("page-10-year-anniversary")
1717

1818
return (
1919
<div className="w-[100%]">

‎app/[locale]/10years/_components/data.tsx

Lines changed: 1 addition & 65 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,3 @@
1-
import Link from "@/components/ui/Link"
2-
3-
import { AdoptionCard } from "./types"
4-
51
import Adoption1Image from "@/public/images/10-year-anniversary/adoption-1.png"
62
import Adoption2Image from "@/public/images/10-year-anniversary/adoption-2.png"
73
import Adoption3Image from "@/public/images/10-year-anniversary/adoption-3.png"
@@ -15,90 +11,30 @@ import StableCoinImage from "@/public/images/10-year-anniversary/the-pioneer-sta
1511
import Adoption4Image from "@/public/images/10-year-anniversary/walking-talking-1.png"
1612
import Adoption6Image from "@/public/images/10-year-anniversary/walking-talking-2.png"
1713

18-
const adoptionCards: AdoptionCard[] = [
14+
const adoptionCards = [
1915
{
2016
image: Adoption1Image,
21-
title: "Decade of Decentralization",
22-
description: (
23-
<p className="mb-8">
24-
What began as a specialized ecosystem now spans <b>80+ countries</b>{" "}
25-
with <b>870,000 validators</b>, <b>13,600 physical nodes</b>, and{" "}
26-
<b>millions of users</b> across continents.
27-
</p>
28-
),
2917
href: "/resources",
30-
linkText: "Check Ethereum stats",
3118
},
3219
{
3320
image: Adoption2Image,
34-
title: "10 years, 16 upgrades, 0 downtime",
35-
description: (
36-
<p className="mb-8">
37-
Ethereum has maintained perfect uptime while continuously evolving. The
38-
blockchain has never gone offline.
39-
</p>
40-
),
4121
href: "/roadmap",
42-
linkText: "See Roadmap",
4322
},
4423
{
4524
image: Adoption3Image,
46-
title: "$123 billion in stablecoin market cap",
47-
description: (
48-
<p className="mb-8">
49-
As of Q2 2025, Ethereum L1 secures over $123 billion in stablecoins,{" "}
50-
<Link href="https://defillama.com/stablecoins/chains">
51-
capturing over 50% of the global stablecoin market.
52-
</Link>
53-
</p>
54-
),
5525
href: "/stablecoins",
56-
linkText: "More on stablecoins",
5726
},
5827
{
5928
image: Adoption4Image,
60-
title: "$75 billion secured in Ethereum DeFi",
61-
description: (
62-
<p className="mb-8">
63-
As of Q2 2025,{" "}
64-
<Link href="https://defillama.com/chains">
65-
Ethereum secures over $75 billion in DeFi across its ecosystem.
66-
</Link>
67-
</p>
68-
),
6929
href: "/defi",
70-
linkText: "More on DeFi",
7130
},
7231
{
7332
image: Adoption5Image,
74-
title: "0.01 TWh per year",
75-
description: (
76-
<p className="mb-8">
77-
Following The Merge, Ethereum&apos;s energy consumption dropped
78-
dramatically to just{" "}
79-
<Link href="https://digiconomist.net/ethereum-energy-consumption">
80-
0.01 TWh per year
81-
</Link>
82-
, down from its peak of 93.95 TWh.
83-
</p>
84-
),
8533
href: "/energy-consumption",
86-
linkText: "More on Ethereum energy consumption",
8734
},
8835
{
8936
image: Adoption6Image,
90-
title: "Over 250 TPS",
91-
description: (
92-
<p className="mb-8">
93-
Ethereum&apos;s throughput has increased dramatically since launch, with
94-
Ethereum&apos;s ecosystem now handling over{" "}
95-
<Link href="https://l2beat.com/scaling/activity">
96-
250 transactions per second.
97-
</Link>
98-
</p>
99-
),
10037
href: "/layer-2",
101-
linkText: "More on layer 2s",
10238
},
10339
]
10440

‎app/[locale]/10years/page.tsx

Lines changed: 13 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ import Emoji from "@/components/Emoji"
1111
import I18nProvider from "@/components/I18nProvider"
1212
import { Image } from "@/components/Image"
1313
import MainArticle from "@/components/MainArticle"
14+
import Translation from "@/components/Translation"
1415
import { ButtonLink } from "@/components/ui/buttons/Button"
1516
import { LinkBox, LinkOverlay } from "@/components/ui/link-box"
1617
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
@@ -270,7 +271,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
270271
<div className="hidden flex-1 flex-col gap-6 md:flex">
271272
{adoptionCards.map((card, index) => (
272273
<div
273-
key={card.title}
274+
key={`adoption-card-${index}`}
274275
className={cn(
275276
"w-[70%] rounded-2xl p-8 shadow",
276277
index % 2 === 0 && "ml-auto",
@@ -281,13 +282,20 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
281282
>
282283
<Image
283284
src={card.image}
284-
alt={card.title}
285+
alt={t(`page-10-year-adoption-card-${index + 1}-title`)}
285286
className="mx-auto mb-4 max-h-[300px] object-contain"
286287
/>
287-
<h3 className="mb-4 text-2xl font-bold">{card.title}</h3>
288-
{card.description}
288+
<h3 className="mb-4 text-2xl font-bold">
289+
{t(`page-10-year-adoption-card-${index + 1}-title`)}
290+
</h3>
291+
<p className="mb-8">
292+
<Translation
293+
id={`page-10-year-adoption-card-${index + 1}-description`}
294+
ns="page-10-year-anniversary"
295+
/>
296+
</p>
289297
<ButtonLink href={card.href} hideArrow variant="outline">
290-
{card.linkText}
298+
{t(`page-10-year-adoption-card-${index + 1}-link-text`)}
291299
</ButtonLink>
292300
</div>
293301
))}

‎src/intl/en/page-10-year-anniversary.json

Lines changed: 19 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -80,5 +80,23 @@
8080
"page-10-year-innovation-card-6-title": "Spot ETH ETFs",
8181
"page-10-year-innovation-card-6-date": "May 23, 2024",
8282
"page-10-year-innovation-card-6-description-1": "Wall Street embraces Ethereum. Spot ETH ETFs launched, bringing institutional capital and regulatory legitimacy to the world's leading smart contract platform.",
83-
"page-10-year-innovation-card-6-description-2": "The approval signaled broader acceptance of tokenized real-world assets, with major financial institutions now building on Ethereum to bring everything from real estate to treasury bonds on-chain."
83+
"page-10-year-innovation-card-6-description-2": "The approval signaled broader acceptance of tokenized real-world assets, with major financial institutions now building on Ethereum to bring everything from real estate to treasury bonds on-chain.",
84+
"page-10-year-adoption-card-1-title": "Decade of Decentralization",
85+
"page-10-year-adoption-card-1-description": "What began as a specialized ecosystem now spans <b>80+ countries</b> with <b>870,000 validators</b>, <b>13,600 physical nodes</b>, and <b>millions of users</b> across continents.",
86+
"page-10-year-adoption-card-1-link-text": "Check Ethereum stats",
87+
"page-10-year-adoption-card-2-title": "10 years, 16 upgrades, 0 downtime",
88+
"page-10-year-adoption-card-2-description": "Ethereum has maintained perfect uptime while continuously evolving. The blockchain has never gone offline.",
89+
"page-10-year-adoption-card-2-link-text": "See Roadmap",
90+
"page-10-year-adoption-card-3-title": "$123 billion in stablecoin market cap",
91+
"page-10-year-adoption-card-3-description": "As of Q2 2025, Ethereum L1 secures over $123 billion in stablecoins, <a href=\"https://defillama.com/stablecoins/chains\">capturing over 50% of the global stablecoin market.</a>",
92+
"page-10-year-adoption-card-3-link-text": "More on stablecoins",
93+
"page-10-year-adoption-card-4-title": "$75 billion secured in Ethereum DeFi",
94+
"page-10-year-adoption-card-4-description": "As of Q2 2025, <a href=\"https://defillama.com/chains\">Ethereum secures over $75 billion in DeFi across its ecosystem.</a>",
95+
"page-10-year-adoption-card-4-link-text": "More on DeFi",
96+
"page-10-year-adoption-card-5-title": "0.01 TWh per year",
97+
"page-10-year-adoption-card-5-description": "Following The Merge, Ethereum's energy consumption dropped dramatically to just <a href=\"https://digiconomist.net/ethereum-energy-consumption\">0.01 TWh per year</a>, down from its peak of 93.95 TWh.",
98+
"page-10-year-adoption-card-5-link-text": "More on Ethereum energy consumption",
99+
"page-10-year-adoption-card-6-title": "Over 250 TPS",
100+
"page-10-year-adoption-card-6-description": "Ethereum's throughput has increased dramatically since launch, with Ethereum's ecosystem now handling over <a href=\"https://l2beat.com/scaling/activity\">250 transactions per second.</a>",
101+
"page-10-year-adoption-card-6-link-text": "More on layer 2s"
84102
}

0 commit comments

Comments
 (0)