Skip to content

Commit d9ce67f

Browse files
authored
Merge pull request #14954 from LifeofDan-EL/website-update
Feat: Added the section clarifying the network maturity criteria
2 parents 179fdf8 + 02419da commit d9ce67f

File tree

6 files changed

+187
-0
lines changed

6 files changed

+187
-0
lines changed
Lines changed: 12 additions & 0 deletions
Loading
Lines changed: 15 additions & 0 deletions
Loading
Lines changed: 20 additions & 0 deletions
Loading
Lines changed: 28 additions & 0 deletions
Loading

src/components/NetworkMaturity.tsx

Lines changed: 109 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,109 @@
1+
import InlineLink from "./ui/Link"
2+
import {
3+
Table,
4+
TableBody,
5+
TableCell,
6+
TableHead,
7+
TableHeader,
8+
TableRow,
9+
} from "./ui/table"
10+
import ExpandableCard from "./ExpandableCard"
11+
12+
import DevelopingImage from "@/public/images/network-maturity/developing.svg"
13+
import EmergingImage from "@/public/images/network-maturity/emerging.svg"
14+
import MaturingImage from "@/public/images/network-maturity/maturing.svg"
15+
import RobustImage from "@/public/images/network-maturity/robust.svg"
16+
17+
const NetworkMaturity = () => {
18+
return (
19+
<div className="mx-9 mt-10">
20+
<ExpandableCard title="Network maturity explained">
21+
<div>
22+
<div className="space-y-4">
23+
<p>
24+
We review the network’s progress towards{" "}
25+
<InlineLink href="https://medium.com/l2beat/introducing-stages-a-framework-to-evaluate-rollups-maturity-d290bb22befe">
26+
Ethereum alignment
27+
</InlineLink>{" "}
28+
(<strong>rollup stages 0-2</strong>),{" "}
29+
<strong>total value locked (TVL)</strong>,
30+
<strong> time live in production</strong>, and{" "}
31+
<strong>risk considerations</strong>. These levels help track
32+
network development and provide a standardized way for the
33+
community to evaluate progress.
34+
</p>
35+
<p>
36+
Technical progress alone is not enough, user adoption and age are
37+
essential part of the overall strength and maturity on any
38+
network.
39+
</p>
40+
</div>
41+
42+
<Table className="mt-4 w-full max-w-[760px]">
43+
<TableHeader>
44+
<TableRow>
45+
<TableHead className="w-1/2">Maturity</TableHead>
46+
<TableHead className="w-1/2">Requirements</TableHead>
47+
</TableRow>
48+
</TableHeader>
49+
<TableBody>
50+
<TableRow>
51+
<TableCell className="border-none bg-[#3C4CEB] align-middle text-white">
52+
<div className="flex items-center gap-2">
53+
<RobustImage />
54+
<strong>Robust</strong>
55+
</div>
56+
</TableCell>
57+
<TableCell>
58+
• Stage 2<br />• At least $1B TVL
59+
</TableCell>
60+
</TableRow>
61+
62+
<TableRow>
63+
<TableCell className="bg-[#6995F7] align-middle text-white">
64+
<div className="flex items-center gap-2">
65+
<MaturingImage />
66+
<strong>Maturing</strong>
67+
</div>
68+
</TableCell>
69+
<TableCell>
70+
• Stage 1<br />• At least $150M TVL
71+
<br />• 6+ months live in production
72+
</TableCell>
73+
</TableRow>
74+
75+
<TableRow>
76+
<TableCell className="bg-[#CADFFB] align-middle text-black">
77+
<div className="flex items-center gap-2">
78+
<DevelopingImage />
79+
<strong>Developing</strong>
80+
</div>
81+
</TableCell>
82+
<TableCell>
83+
• Stage 0<br />• Risk assessment: 3/5 (L2beat)
84+
<br />• At least $150M TVL
85+
<br />• 6+ months live in production
86+
</TableCell>
87+
</TableRow>
88+
89+
<TableRow>
90+
<TableCell className="bg-[#E8F1FF] align-middle text-black">
91+
<div className="flex items-center gap-2">
92+
<EmergingImage />
93+
<strong>Emerging</strong>
94+
</div>
95+
</TableCell>
96+
<TableCell>
97+
• Stage 0<br />• Risk assessment: 2/5 (L2beat)
98+
<br />• At least $150M TVL or 6+ months live in production
99+
</TableCell>
100+
</TableRow>
101+
</TableBody>
102+
</Table>
103+
</div>
104+
</ExpandableCard>
105+
</div>
106+
)
107+
}
108+
109+
export default NetworkMaturity

src/pages/[locale]/layer-2/networks.tsx

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ import Callout from "@/components/Callout"
66
import { ContentHero, ContentHeroProps } from "@/components/Hero"
77
import Layer2NetworksTable from "@/components/Layer2NetworksTable"
88
import MainArticle from "@/components/MainArticle"
9+
import NetworkMaturity from "@/components/NetworkMaturity"
910
import PageMetadata from "@/components/PageMetadata"
1011
import { ButtonLink } from "@/components/ui/buttons/Button"
1112

@@ -194,6 +195,8 @@ const Layer2Networks = ({ layer2Data, locale, mainnetData }) => {
194195
</div>
195196
</div>
196197

198+
<NetworkMaturity />
199+
197200
<div
198201
id="callout-cards"
199202
className="flex w-full flex-col px-8 py-9 lg:flex-row lg:gap-16"

0 commit comments

Comments
 (0)