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/Layer2NetworksTable/NetworkMaturityTooltip.tsx b/src/components/Layer2NetworksTable/NetworkMaturityTooltip.tsx index fe63440696d..5ec5150c5e4 100644 --- a/src/components/Layer2NetworksTable/NetworkMaturityTooltip.tsx +++ b/src/components/Layer2NetworksTable/NetworkMaturityTooltip.tsx @@ -17,7 +17,7 @@ const NetworkMaturityTooltip = ({ maturity }: { maturity: MaturityLevel }) => { description: "Fully decentralized and secure network that cannot be tampered with or stopped by any individual or group, including its creators.\n\nThis is a network that fulfills Ethereum's vision of decentralization.", tag: { - className: "bg-blue-100 text-black border-none", + className: "bg-blue-600 text-white border-none", }, }, maturing: { @@ -25,7 +25,7 @@ const NetworkMaturityTooltip = ({ maturity }: { maturity: MaturityLevel }) => { description: "A network transitioning to being decentralized. A group of actors still may be able to halt the network in extreme situations.", tag: { - className: "bg-blue-200 text-black border-none", + className: "bg-blue-400 text-white border-none", }, }, developing: { @@ -33,7 +33,7 @@ const NetworkMaturityTooltip = ({ maturity }: { maturity: MaturityLevel }) => { description: "A centralized operator runs the network but adds fail-safe features to reduce risks of centralization.", tag: { - className: "bg-blue-400 text-white border-none", + className: "bg-blue-200 text-black border-none", }, }, emerging: { @@ -41,7 +41,7 @@ const NetworkMaturityTooltip = ({ maturity }: { maturity: MaturityLevel }) => { description: "A centralized operator runs the network. The data is publicly visible on Ethereum to verify whether the operator is being honest.", tag: { - className: "bg-blue-600 text-white border-none", + className: "bg-blue-100 text-black border-none", }, }, } as const 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]/index.tsx b/src/pages/[locale]/index.tsx index 6cb6180478c..0b7b9523b1e 100644 --- a/src/pages/[locale]/index.tsx +++ b/src/pages/[locale]/index.tsx @@ -493,7 +493,7 @@ const HomePage = ({