diff --git a/docs/data/material/discover-more/backers/backers.md b/docs/data/material/discover-more/backers/backers.md index a88996b84f1ce1..f1feb3e50a984a 100644 --- a/docs/data/material/discover-more/backers/backers.md +++ b/docs/data/material/discover-more/backers/backers.md @@ -30,6 +30,15 @@ via [Open Collective](https://opencollective.com/mui-org) or via [the for-profi
+ + + Gold sponsors are those who've pledged \$500/month or more to the MUI organization. [Tier benefits](#gold). ## Silver sponsors diff --git a/docs/public/static/sponsors/twicsy-square.svg b/docs/public/static/sponsors/twicsy-square.svg new file mode 100644 index 00000000000000..4da483cb9bba52 --- /dev/null +++ b/docs/public/static/sponsors/twicsy-square.svg @@ -0,0 +1,6 @@ + + diff --git a/docs/src/components/home/BacklinkSponsor.tsx b/docs/src/components/home/BacklinkSponsor.tsx new file mode 100644 index 00000000000000..a26b30dbe14d5b --- /dev/null +++ b/docs/src/components/home/BacklinkSponsor.tsx @@ -0,0 +1,35 @@ +import * as React from 'react'; +import { Link } from '@mui/docs/Link'; +import OpenInNewRoundedIcon from '@mui/icons-material/OpenInNewRounded'; + +export default function BacklinkSponsor(props: { + item: { + name: string; + description: string; + href: string; + }; +}) { + const { item } = props; + // Keep it under two rows maximum. + if (item.description.length > 50) { + throw new Error( + `${item.name}'s description is too long (${item.description.length} characters). It must fit into two line, so under 50 characters.`, + ); + } + + return ( + + {item.name} +