diff --git a/public/content/whitepaper/index.md b/public/content/whitepaper/index.md index c46ac3bdc17..d600f778985 100644 --- a/public/content/whitepaper/index.md +++ b/public/content/whitepaper/index.md @@ -6,13 +6,11 @@ sidebarDepth: 2 hideEditButton: true --- -# Ethereum Whitepaper {#ethereum-whitepaper} - -_This introductory paper was originally published in 2014 by Vitalik Buterin, the founder of [Ethereum](/what-is-ethereum/), before the project's launch in 2015. It's worth noting that Ethereum, like many community-driven, open-source software projects, has evolved since its initial inception._ + -_While several years old, we maintain this paper because it continues to serve as a useful reference and an accurate representation of Ethereum and its vision. To learn about the latest developments of Ethereum, and how changes to the protocol are made, we recommend [this guide](/learn/)._ +_While several years old, we maintain the original paper below because it continues to serve as a useful reference and an accurate representation of Ethereum and its vision._ -[Researchers and academics seeking a historical or canonical version of the whitepaper [from December 2014] should use this PDF.](./whitepaper-pdf/Ethereum_Whitepaper_-_Buterin_2014.pdf) +# Ethereum Whitepaper {#ethereum-whitepaper} ## A Next-Generation Smart Contract and Decentralized Application Platform {#a-next-generation-smart-contract-and-decentralized-application-platform} diff --git a/src/components/WhitepaperBridge/index.tsx b/src/components/WhitepaperBridge/index.tsx new file mode 100644 index 00000000000..97c6ee306b6 --- /dev/null +++ b/src/components/WhitepaperBridge/index.tsx @@ -0,0 +1,98 @@ +import { ArrowRight, CheckCircle2, Info } from "lucide-react" +import { getLocale } from "next-intl/server" + +import { Lang } from "@/lib/types" + +import { ButtonLink } from "@/components/ui/buttons/Button" +import { Card, CardContent } from "@/components/ui/card" +import { Flex } from "@/components/ui/flex" +import { Tag } from "@/components/ui/tag" + +import { cn } from "@/lib/utils/cn" +import { getDirection } from "@/lib/utils/direction" + +import { UnorderedList } from "../ui/list" +import { Section } from "../ui/section" + +/** + * WhitepaperBridge component + * + * Displayed at the top of the whitepaper page to help visitors understand + * that the whitepaper is a historical document and direct them to current + * Ethereum learning resources. + * + * Context: Many users land on this page from investment/banking apps that link + * to the whitepaper. These users expect to learn "what Ethereum is today" but + * find a 2014 historical document. This component bridges that gap. + */ +const WhitepaperBridge = async () => { + const locale = await getLocale() + const { twFlipForRtl } = getDirection(locale as Lang) + + const evolutionPoints = [ + "Ethereum moved from proof-of-work to proof-of-stake (The Merge, 2022)", + "Layer 2 scaling solutions now process millions of transactions", + "DeFi, NFTs, and DAOs emerged as major use cases", + "Smart contract standards (ERC-20, ERC-721) became industry foundations", + ] + + return ( +
+ {/* Eyebrow tag - uses warning status for attention */} + + + Before you read + + + {/* Main heading */} +
+

+ Looking to understand Ethereum? +

+

+ This whitepaper was published in{" "} + 2014, before Ethereum launched. + After 10+ years of development, major upgrades, and ecosystem growth,{" "} + + the original whitepaper no longer reflects what Ethereum is today + + . +

+
+ + {/* CTAs */} + + + Learn about Ethereum today + + + + Download original PDF (2014) + + + + {/* What's changed card - uses card-gradient-secondary */} + + +

+ What's changed since 2014? +

+ + {evolutionPoints.map((point, index) => ( + + + {point} + + ))} + +
+
+
+ ) +} + +export default WhitepaperBridge diff --git a/src/layouts/Static.tsx b/src/layouts/Static.tsx index 11f22aaabd8..ca0e35bbee0 100644 --- a/src/layouts/Static.tsx +++ b/src/layouts/Static.tsx @@ -32,6 +32,7 @@ import TranslationChartImage from "@/components/TranslationChartImage" import { Alert } from "@/components/ui/alert" import { Flex, Stack } from "@/components/ui/flex" import Link from "@/components/ui/Link" +import WhitepaperBridge from "@/components/WhitepaperBridge" import { getEditPath } from "@/lib/utils/editPath" import { isLangRightToLeft } from "@/lib/utils/translations" @@ -71,6 +72,7 @@ export const staticComponents = { SocialListItem, TranslationChartImage, ListenToPlayer, + WhitepaperBridge, } type StaticLayoutProps = ChildOnlyProp &