diff --git a/public/images/network-maturity/developing.svg b/public/images/network-maturity/developing.svg new file mode 100644 index 00000000000..1085ae950e6 --- /dev/null +++ b/public/images/network-maturity/developing.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/images/network-maturity/emerging.svg b/public/images/network-maturity/emerging.svg new file mode 100644 index 00000000000..fa3554c02bc --- /dev/null +++ b/public/images/network-maturity/emerging.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/public/images/network-maturity/maturing.svg b/public/images/network-maturity/maturing.svg new file mode 100644 index 00000000000..0a140c29b03 --- /dev/null +++ b/public/images/network-maturity/maturing.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/network-maturity/robust.svg b/public/images/network-maturity/robust.svg new file mode 100644 index 00000000000..68e0e989d3d --- /dev/null +++ b/public/images/network-maturity/robust.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/NetworkMaturity.tsx b/src/components/NetworkMaturity.tsx new file mode 100644 index 00000000000..41fa17872e9 --- /dev/null +++ b/src/components/NetworkMaturity.tsx @@ -0,0 +1,109 @@ +import InlineLink from "./ui/Link" +import { + Table, + TableBody, + TableCell, + TableHead, + TableHeader, + TableRow, +} from "./ui/table" +import ExpandableCard from "./ExpandableCard" + +import DevelopingImage from "@/public/images/network-maturity/developing.svg" +import EmergingImage from "@/public/images/network-maturity/emerging.svg" +import MaturingImage from "@/public/images/network-maturity/maturing.svg" +import RobustImage from "@/public/images/network-maturity/robust.svg" + +const NetworkMaturity = () => { + return ( +
+ +
+
+

+ We review the network’s progress towards{" "} + + Ethereum alignment + {" "} + (rollup stages 0-2),{" "} + total value locked (TVL), + time live in production, and{" "} + risk considerations. These levels help track + network development and provide a standardized way for the + community to evaluate progress. +

+

+ Technical progress alone is not enough, user adoption and age are + essential part of the overall strength and maturity on any + network. +

+
+ + + + + Maturity + Requirements + + + + + +
+ + Robust +
+ + + • Stage 2
• At least $1B TVL + + + + + +
+ + Maturing +
+ + + • Stage 1
• At least $150M TVL +
• 6+ months live in production + + + + + +
+ + Developing +
+ + + • Stage 0
• Risk assessment: 3/5 (L2beat) +
• At least $150M TVL +
• 6+ months live in production + + + + + +
+ + Emerging +
+ + + • Stage 0
• Risk assessment: 2/5 (L2beat) +
• At least $150M TVL or 6+ months live in production + + + +
+
+ +
+ ) +} + +export default NetworkMaturity diff --git a/src/pages/[locale]/layer-2/networks.tsx b/src/pages/[locale]/layer-2/networks.tsx index d74cbb5946f..5785f299309 100644 --- a/src/pages/[locale]/layer-2/networks.tsx +++ b/src/pages/[locale]/layer-2/networks.tsx @@ -6,6 +6,7 @@ import Callout from "@/components/Callout" import { ContentHero, ContentHeroProps } from "@/components/Hero" import Layer2NetworksTable from "@/components/Layer2NetworksTable" import MainArticle from "@/components/MainArticle" +import NetworkMaturity from "@/components/NetworkMaturity" import PageMetadata from "@/components/PageMetadata" import { ButtonLink } from "@/components/ui/buttons/Button" @@ -194,6 +195,8 @@ const Layer2Networks = ({ layer2Data, locale, mainnetData }) => { + +