[website] List benefits for sponsors (mui#39640)

Signed-off-by: Olivier Tassinari <[email protected]>
Co-authored-by: Sam Sycamore <[email protected]>

CHANGELOG.md

@@ -3220,7 +3220,7 @@ A big thanks to the 19 contributors who made this release possible. Here are som
 - [docs] Improve line-height readability (#35387) @oliviertassinari
 - [docs] Improve a bit the Composition docs (#35329) @oliviertassinari
 - [docs] Refactor `ToggleButtonSizes` demo (#35375) @Armanio
-- [docs] Standardize the usage of callouts in the MUI Core docs (#35361) @samuelsycamore
+- [docs] Standardize the usage of callouts in the docs (#35361) @samuelsycamore
 - [docs] Format feedback to add a link to the commented section (#35381) @alexfauquette
 - [docs] Direct users from Material UI to Base UI for duplicated components (#35293) @samuelsycamore
 - [docs] Fix typo in FormControl API docs (#35449) @Spanishiwa
@@ -3586,7 +3586,7 @@ A big thanks to the 16 contributors who made this release possible. Here are som
 - &#8203;<!-- 16 -->[docs] Fix typo in docs title (#34926) @PunitSoniME
 - &#8203;<!-- 25 -->[docs] Fix missing emotion prefixes (#34958) @oliviertassinari
 - &#8203;<!-- 26 -->[docs] Improve UI display for copy code (#34950) @oliviertassinari
-- &#8203;<!-- 15 -->[docs] Standardize all MUI Core "Usage" pages (#34183) @samuelsycamore
+- &#8203;<!-- 15 -->[docs] Standardize all "Usage" pages (#34183) @samuelsycamore
 - &#8203;<!-- 14 -->[docs] Update templates' readme files to include required dependencies (#34757) @michaldudak
 - &#8203;<!-- 13 -->[docs] Fix inconsistent theme colors when applying custom colors in playground (#34866) @cherniavskii
 - &#8203;<!-- 12 -->[docs] Fix typo in bottom-navigation.md (#34884) @RoodyCode
@@ -3952,7 +3952,7 @@ A big thanks to the 21 contributors who made this release possible. Here are som
 - [docs] Update the guide for migrating to TSS (#34417) @garronej
 - [docs] Fix typo in `Grid` docs (#34475) @Dustin-Digitar
 - [docs] Fix typo in `Back to top` section in AppBar docs (#34479) @Dustin-Digitar
-- [docs] Standardize all MUI Core "Installation" pages (#34168) @samuelsycamore
+- [docs] Standardize all "Installation" pages (#34168) @samuelsycamore
 - [docs] Fix webpack file name to the standard: `webpack.config.js` (#34446) @CodingItWrong
 - [docs] Fix Select `onChange` call (#34408) @siriwatknp
 - [docs] Notification for pickers blog - v5 stable (#34400) @joserodolfofreitas

CONTRIBUTING.md

@@ -285,7 +285,7 @@ docs/src/pages/components/buttons/
 
 ### 2. Write the demo code
 
-MUI Core uses TypeScript to document our components.
+We uses TypeScript to document our components.
 We prefer demos written in TS (using the `.tsx` file format).
 
 After creating a TypeScript demo, run `yarn docs:typescript:formatted` to automatically create the JavaScript version, which is also required.

README.md

@@ -76,7 +76,7 @@ Visit [https://mui.com/system/getting-started/](https://mui.com/system/getting-s
   <a href="https://www.doit.com/flexsave/?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="128" width="128" src="https://avatars.githubusercontent.com/u/8424863?s=256" alt="doit" title="Management Platform for Google Cloud and AWS" loading="lazy" /></a>
 </p>
 
-Diamond Sponsors are those who have pledged \$1,500/month or more to MUI.
+Diamond sponsors are those who have pledged \$1,500/month or more to MUI.
 
 ### Gold 🏆
 
@@ -93,7 +93,7 @@ via [Open Collective](https://opencollective.com/mui) or via [Patreon](https://
   <a href="https://ipinfo.ai?utm_source=MUI&utm_medium=referral&utm_content=readme" rel="noopener sponsored" target="_blank"><img height="96" width="96" src="https://images.opencollective.com/ipinfoai/04f41d5/logo/192.png" alt="ipinfo.ai" title="We offer various IP data API services, including IP Geolocation Data, ASN Data, Company Data, IP Ranges Data, Abuse Contacts Data, Anonymous Browsing Detection, etc." loading="lazy"></a>
 </p>
 
-Gold Sponsors are those who have pledged \$500/month or more to MUI.
+Gold sponsors are those who have pledged \$500/month or more to MUI.
 
 ### More backers
 
@@ -115,7 +115,7 @@ You can find complete templates and themes in the [MUI Store](https://mui.com/st
 
 Read the [contributing guide](/CONTRIBUTING.md) to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.
 
-Contributing to MUI Core is about more than just issues and pull requests!
+Contributing is about more than just issues and pull requests!
 There are many other ways to [support MUI](https://mui.com/material-ui/getting-started/faq/#mui-is-awesome-how-can-i-support-the-project) beyond contributing to the code base.
 
 ## Changelog

docs/data/material/discover-more/backers/backers.md

@@ -1,12 +1,11 @@
-# Sponsors & Backers
+# Sponsors and Backers
 
-<p class="description">Support the development of new open-source projects from MUI through crowdfunding.</p>
+<p class="description">Support the development of the open-source projects of the MUI organization through crowdfunding.</p>
 
-The core of MUI is our crowd-funded open-source projects, licensed under the permissive MIT license. Sponsorship increases the rate of bug fixes, documentation improvements, and feature development.
+Material UI, Joy UI, and Base UI, are crowd-funded open-source projects, licensed under the permissive MIT license.
+Sponsorship increases the rate of bug fixes, documentation improvements, and feature development.
 
-## MUI's sponsors
-
-### Diamond 💎
+## Diamond sponsors
 
 <p style="display: flex; justify-content: start; align-items: center; flex-wrap: wrap;">
   <a data-ga-event-category="sponsor" data-ga-event-action="docs-backers" data-ga-event-label="octopus.com" href="https://octopus.com/?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="128" width="128" src="https://i.ibb.co/w0HF0Nz/Logo-Blue-140px-rgb.png" srcset="https://i.ibb.co/w0HF0Nz/Logo-Blue-140px-rgb.png 2x" alt="octopus" title="Repeatable, reliable deployments" loading="lazy" /></a>
@@ -15,11 +14,9 @@ The core of MUI is our crowd-funded open-source projects, licensed under the per
 
 _1/3 slots available_
 
-Diamond Sponsors are those who have pledged \$1,500/month or more to MUI.
-Please contact us at [email protected] to subscribe to this tier.
-Even when there are no more slots available, we accept higher bids.
+Diamond sponsors are those who've pledged \$1,500/month or more to MUI. [Tier benefits](#diamond).
 
-### Gold 🏆
+## Gold sponsors
 
 via [Open Collective](https://opencollective.com/mui) or via [the for-profit](https://www.patreon.com/oliviertassinari)
 
@@ -29,33 +26,33 @@ via [Open Collective](https://opencollective.com/mui) or via [the for-profit](h
   <a data-ga-event-category="sponsor" data-ga-event-action="docs-backers" data-ga-event-label="spotify.com" href="https://open.spotify.com?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://images.opencollective.com/spotify/f37ea28/logo/96.png" srcset="https://images.opencollective.com/spotify/f37ea28/logo/192.png 2x" alt="Spotify" title="Music service to access to millions of songs" loading="lazy"></a>
   <a data-ga-event-category="sponsor" data-ga-event-action="docs-backers" data-ga-event-label="megafamous.com" href="https://megafamous.com/?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="/static/sponsors/megafamous.png" alt="megafamous.com" title="The best place to buy Instagram followers & likes" loading="lazy" /></a>
   <a data-ga-event-category="sponsor" data-ga-event-action="docs-backers" data-ga-event-label="dialmycalls.com" href="https://www.dialmycalls.com/?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://images.opencollective.com/dialmycalls/f5ae9ab/avatar/96.png" srcset="https://images.opencollective.com/dialmycalls/f5ae9ab/avatar/192.png 2x" alt="dialmycalls.com" title="Send text messages, calls & emails to thousands with ease." loading="lazy" /></a>
-  <a data-ga-event-category="sponsor" data-ga-event-action="docs-backers" data-ga-event-label="goread.io" href="https://goread.io/?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://images.opencollective.com/goread_io/eb6337d/logo/96.png" srcset="https://images.opencollective.com/goread_io/eb6337d/logo/192.png 2x" alt="goread.io" title="Instagram followers, likes, power likes, views, comments, saves in minutes." loading="lazy" /></a>
+  <a data-ga-event-category="sponsor" data-ga-event-action="docs-backers" data-ga-event-label="goread.io" href="https://goread.io/?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 16px; display:flex;"><img height="110" width="96" src="https://images.opencollective.com/goread_io/eb6337d/logo/96.png" srcset="https://images.opencollective.com/goread_io/eb6337d/logo/192.png 2x" alt="goread.io" title="Instagram followers, likes, power likes, views, comments, saves in minutes." loading="lazy" /></a>
   <a data-ga-event-category="sponsor" data-ga-event-action="docs-backers" data-ga-event-label="icons8.com" href="https://icons8.com?utm_source=MUI&utm_medium=referral&utm_content=backers" rel="noopener sponsored" target="_blank" style="margin-right: 16px;"><img height="96" width="96" src="https://images.opencollective.com/icons8/7fa1641/logo/96.png" srcset="https://images.opencollective.com/icons8/7fa1641/logo/192.png 2x" alt="Icons8" title="We provide the neat icons, photos, illustrations, and music. Developers, use our API to insert all the content we have into your apps." loading="lazy"></a>
 </p>
 
-Gold Sponsors are those who have pledged \$500/month or more to MUI.
+Gold sponsors are those who've pledged \$500/month or more to MUI. [Tier benefits](#gold).
 
-### Silver
+## Silver sponsors
 
 via [Open Collective](https://opencollective.com/mui)
 
 <p style="overflow: auto;">
   <object type="image/svg+xml" data="https://opencollective.com/mui/tiers/silver-sponsor.svg?avatarHeight=70&width=600" style="border-radius: 10px;">Silver Sponsors</object>
 </p>
 
-Silver Sponsors are those who have pledged $250/month to $500/month to MUI.
+Silvers sponsors are those who've pledged $250/month to $500/month to MUI. [Tier benefits](#silver).
 
-### Bronze
+## Bronze sponsors
 
 via [Open Collective](https://opencollective.com/mui)
 
 <p style="overflow: auto;">
   <object type="image/svg+xml" data="https://opencollective.com/mui/tiers/bronze-sponsor.svg?avatarHeight=60&width=600" style="border-radius: 10px;">Bronze Sponsors</object>
 </p>
 
-Bronze Sponsors are those who have pledged $100/month to $250/month to MUI.
+Bronze sponsors are those who've pledged $100/month to $250/month to MUI. [Tier benefits](#sliver).
 
-### Backers
+## Backers
 
 via [Open Collective](https://opencollective.com/mui)
 
@@ -93,32 +90,68 @@ Funds transferred to the MUI for-profit support the company's mission.
 These great services sponsor MUI's core infrastructure:
 
 <span class="only-light-mode">
-  <img src="/static/readme/github-lightmode.svg" alt="GitHub logo" loading="lazy" width="80" height="43">
+  <img src="/static/readme/github-lightmode.svg" alt="GitHub logo" loading="lazy" width="300" height="107" style="width:80px;">
 </span>
 <span class="only-dark-mode">
-  <img src="/static/readme/github-darkmode.svg" alt="GitHub logo" loading="lazy" width="80" height="43">
+  <img src="/static/readme/github-darkmode.svg" alt="GitHub logo" loading="lazy" width="300" height="107" style="width:80px;">
 </span>
 
 [GitHub](https://github.com/) lets us host the Git repository and coordinate contributions.
 
 <span class="only-light-mode">
-  <img src="/static/readme/netlify-lightmode.svg" alt="Netlify logo" loading="lazy" width="100" height="27" style="margin-top: 1rem;">
+  <img src="/static/readme/netlify-lightmode.svg" alt="Netlify logo" loading="lazy" width="180" height="49" style="width: 100px; margin-top: 1rem;">
 </span>
 <span class="only-dark-mode">
-  <img src="/static/readme/netlify-darkmode.svg" alt="Netlify logo" loading="lazy" width="100" height="27" style="margin-top: 1rem;">
+  <img src="/static/readme/netlify-darkmode.svg" alt="Netlify logo" loading="lazy" width="180" height="49" style="width: 100px; margin-top: 1rem;">
 </span>
 
 [Netlify](https://www.netlify.com/) lets us distribute the documentation.
 
 <span class="only-light-mode">
-  <img src="/static/readme/browserstack-lightmode.svg" alt="BrowserStack logo" loading="lazy" width="140" height="25" style="margin-top: 1rem;">
+  <img src="/static/readme/browserstack-lightmode.svg" alt="BrowserStack logo" loading="lazy" width="180" height="32" style="width: 140px; margin-top: 1rem;">
 </span>
 <span class="only-dark-mode">
-  <img src="/static/readme/browserstack-darkmode.svg" alt="BrowserStack logo" loading="lazy" width="140" height="25" style="margin-top: 1rem;">
+  <img src="/static/readme/browserstack-darkmode.svg" alt="BrowserStack logo" loading="lazy" width="180" height="32" style="width: 140px; margin-top: 1rem;">
 </span>
 
 [BrowserStack](https://www.browserstack.com/) lets us test in real browsers.
 
-<img loading="lazy" alt="CodeCov logo" src="https://avatars.githubusercontent.com/u/8226205?s=70" width="35" height="35" style="margin-top: 1rem;">
+<img loading="lazy" alt="CodeCov logo" src="https://avatars.githubusercontent.com/u/8226205?s=70" width="70" height="70" style="width: 35px; margin-top: 1rem;">
 
 [CodeCov](https://about.codecov.io/) lets us monitor test coverage.
+
+## Tier benefits
+
+### Diamond
+
+Your organization logo will be prominently featured:
+
+- on the sidebar of all content pages (4m+ sessions, 900k+ unique visitors/month)
+- the [homepage](https://mui.com/#sponsors) (500k+ pageviews and 150k+ unique visitors/month)
+- the [README.md](https://github.com/mui/material-ui#sponsors) (80k+ unique visitors/month)
+- the [Diamond sponsor list](#diamond-sponsors)
+
+Please contact us at [email protected] before subscribing to this tier to get preliminary approval.
+
+### Gold
+
+Your organization logo will be placed in:
+
+- the [homepage](https://mui.com/#sponsors) (500k+ pageviews and 150k+ unique visitors/month)
+- the [README.md](https://github.com/mui/material-ui#sponsors) (80k+ unique visitors/month)
+- the [Gold sponsor list](#gold-sponsors)
+
+\*we accept donations, but we won't show unethical ads.
+
+### Silver
+
+Your organization logo will be placed in the [Silver sponsor list](#silver-sponsors).
+
+### Bronze
+
+Your organization logo will be placed in the [Bronze sponsor list](#bronze-sponsors).
+
+### Backers
+
+Help support more open-source development by becoming a Backer.
+We'll thank you by including your avatar in the [backers list](#backers).

docs/data/material/pages.ts

@@ -240,7 +240,7 @@ const pages: MuiPage[] = [
       { pathname: '/material-ui/discover-more/related-projects' },
       { pathname: '/material-ui/discover-more/design-kits' },
       { pathname: '/material-ui/discover-more/roadmap' },
-      { pathname: '/material-ui/discover-more/backers', title: 'Sponsors & Backers' },
+      { pathname: '/material-ui/discover-more/backers', title: 'Sponsors and Backers' },
       { pathname: '/material-ui/discover-more/vision' },
       { pathname: '/material-ui/discover-more/changelog' },
     ],

docs/src/modules/components/DiamondSponsors.js

@@ -122,8 +122,7 @@ export default function DiamondSponsors() {
         </StyledAnchor>
         <Link
           aria-label={`${t('becomeADiamondSponsor')}${t('diamondSponsorVacancies')}`}
-          rel="noopener noreferrer"
-          href="/material-ui/discover-more/backers/#diamond"
+          href="/material-ui/discover-more/backers/#diamond-sponsors"
           sx={(theme) => ({
             width: '100%',
             p: 1,

docs/src/route.ts

@@ -30,7 +30,7 @@ const ROUTES = {
   vision: '/material-ui/discover-more/vision/',
   support: '/material-ui/getting-started/support/#professional-support-premium',
   privacyPolicy: 'https://mui.com/legal/privacy/',
-  goldSponsor: '/material-ui/discover-more/backers/#gold',
+  goldSponsor: '/material-ui/discover-more/backers/#gold-sponsors',
   store: 'https://mui.com/store/',
   advancedComponents: '/x/introduction/',
   toolpadDocs: '/toolpad/getting-started/overview/',

docs/translations/translations.json

@@ -92,8 +92,8 @@
   "demoStylingSelectSystem": "MUI System",
   "demoStylingSelectTailwind": "Tailwind CSS",
   "demoStylingSelectCSS": "Plain CSS",
-  "diamondSponsors": "Diamond Sponsors",
-  "becomeADiamondSponsor": "Become a Diamond Sponsor",
+  "diamondSponsors": "Diamond sponsors",
+  "becomeADiamondSponsor": "Become a Diamond sponsor",
   "diamondSponsorVacancies": "One spot left!",
   "editorHint": "Press <kbd>Enter</kbd> to start editing",
   "editPage": "Edit this page",
@@ -457,7 +457,7 @@
     "/material-ui/discover-more/related-projects": "Related projects",
     "/material-ui/discover-more/design-kits": "Design kits",
     "/material-ui/discover-more/roadmap": "Roadmap",
-    "/material-ui/discover-more/backers": "Sponsors & Backers",
+    "/material-ui/discover-more/backers": "Sponsors and Backers",
     "/material-ui/discover-more/vision": "Vision",
     "/material-ui/discover-more/changelog": "Changelog",
     "/material-ui/migration": "Migration",