Endorsement disclaimer

src/components/ProductDisclaimer.tsx

@@ -0,0 +1,11 @@
+import React from "react"
+import InfoBanner from "./InfoBanner"
+import Translation from "./Translation"
+
+const ProductDisclaimer = () => (
+  <InfoBanner emoji="⚠️" isWarning>
+    <Translation id="product-disclaimer" />
+  </InfoBanner>
+)
+
+export default ProductDisclaimer

src/content/staking/pools/index.md

@@ -49,12 +49,12 @@ Attribute indicators are used below to signal notable strengths or weaknesses a
 
 There are a variety of options available to help you with your setup. Use the above indicators to help guide you through the tools below.
 
-<InfoBanner emoji="⚠️" isWarning>
-Please note the importance of choosing a service that takes <a href="/developers/docs/nodes-and-clients/client-diversity/">client diversity</a> seriously, as it improves the security of the network, and limits your risk. Services that have evidence of limiting majority client use are indicated with <em style="text-transform: uppercase;">"execution client diversity"</em> and <em style="text-transform: uppercase;">"consensus client diversity."</em>
-</InfoBanner>
+<ProductDisclaimer />
 
 <StakingProductsCardGrid category="pools" />
 
+Please note the importance of choosing a service that takes [client diversity](/developers/docs/nodes-and-clients/client-diversity/) seriously, as it improves the security of the network, and limits your risk. Services that have evidence of limiting majority client use are indicated with <em style="text-transform: uppercase;">"execution client diversity"</em> and <em style="text-transform: uppercase;">"consensus client diversity."</em>
+
 Have a suggestion for a staking tool we missed? Check out our [product listing policy](/contributing/adding-staking-products/) to see if it would be a good fit, and to submit it for review.
 
 ## Frequently asked questions {#faq}

src/content/staking/saas/index.md

@@ -41,14 +41,14 @@ Attribute indicators are used below to signal notable strengths or weaknesses a
 
 Below are some available SaaS provider. Use the above indicators to help guide you through these services
 
-<InfoBanner emoji="⚠️" isWarning>
-Please note the importance of supporting <a href="/developers/docs/nodes-and-clients/client-diversity/">client diversity</a> as it improves the security of the network, and limits your risk. Services that have evidence of limiting majority client use are indicated with <em style="text-transform: uppercase;">"execution client diversity"</em> and <em style="text-transform: uppercase;">"consensus client diversity."</em>
-</InfoBanner>
+<ProductDisclaimer />
 
 #### SaaS providers
 
 <StakingProductsCardGrid category="saas" />
 
+Please note the importance of supporting [client diversity](/developers/docs/nodes-and-clients/client-diversity/) as it improves the security of the network, and limits your risk. Services that have evidence of limiting majority client use are indicated with <em style="text-transform: uppercase;">"execution client diversity"</em> and <em style="text-transform: uppercase;">"consensus client diversity."</em>
+
 #### Key Generators
 
 <StakingProductsCardGrid category="keyGen" />

src/content/staking/solo/index.md

@@ -103,14 +103,14 @@ Attribute indicators are used below to signal notable strengths or weaknesses a
 
 There are a variety of options available to help you with your setup. Use the above indicators to help guide you through the tools below.
 
-<InfoBanner emoji="⚠️" isWarning>
-Please note the importance of choosing a <a href="/developers/docs/nodes-and-clients/client-diversity/">minority client</a> as it improves the security of the network, and limits your risk. Tools that allow you to setup minority client are denoted as <em style="text-transform: uppercase;">"multi-client."</em>
-</InfoBanner>
+<ProductDisclaimer />
 
 #### Node tools
 
 <StakingProductsCardGrid category="nodeTools" />
 
+Please note the importance of choosing a [minority client](/developers/docs/nodes-and-clients/client-diversity/) as it improves the security of the network, and limits your risk. Tools that allow you to setup minority client are denoted as <em style="text-transform: uppercase;">"multi-client."</em>
+
 #### Key Generators
 
 These tools can be used as an alternative to the [Staking Deposit CLI](https://github.com/ethereum/staking-deposit-cli/) to help with key generation.

src/intl/en/common.json

@@ -142,6 +142,7 @@
   "pools": "Pooled staking",
   "privacy-policy": "Privacy policy",
   "private-ethereum": "Private Ethereum",
+  "product-disclaimer": "Products and services are listed as a convenience for the Ethereum community. Inclusion of a product or service <strong>does not represent an endorsement</strong> from the ethereum.org website team, or the Ethereum Foundation.",
   "quizzes-title": "Quiz Hub",
   "quizzes": "Quizzes",
   "refresh": "Please refresh the page.",

src/templates/staking.tsx

@@ -32,6 +32,7 @@ import MarkdownTable from "../components/MarkdownTable"
 import Logo from "../components/Logo"
 import MeetupList from "../components/MeetupList"
 import PageMetadata from "../components/PageMetadata"
+import ProductDisclaimer from "../components/ProductDisclaimer"
 import RandomAppList from "../components/RandomAppList"
 import UpgradeTableOfContents from "../components/UpgradeTableOfContents"
 import TableOfContents, {
@@ -308,6 +309,7 @@ const components = {
   InfoGrid,
   Logo,
   MeetupList,
+  ProductDisclaimer,
   RandomAppList,
   SectionNav,
   StakingComparison,