Open in a new tab
View code
tsx
<LandingSection>
	<LandingHeader eyebrow="Partners" align="center" description="…">
		Built with the support of these teams
	</LandingHeader>
	<SponsorWall
		actions={
			<LinkButton href="/sponsor" color="brand" mix={[landingCtaChrome()]}>
				Become a sponsor
			</LinkButton>
		}
	>
		<SponsorWall.Tier label="Gold partners" size="xl">
			<a href="https://northwind.com"><svg role="img" aria-label="Northwind">…</svg></a>
			<a href="https://voltage.com"><svg role="img" aria-label="Voltage">…</svg></a>
		</SponsorWall.Tier>
		<SponsorWall.Tier label="Silver partners" size="lg">{silver}</SponsorWall.Tier>
		<SponsorWall.Tier label="Sponsors" size="sm">{bronze}</SponsorWall.Tier>
		<SponsorWall.Individuals label="Individual backers">
			<SponsorWall.Person href="https://github.com/ana" name="Ana Souza" src={ana} size="lg" />
			<SponsorWall.Person href="https://github.com/dana" name="Dana Okafor" size="md" />
			…
		</SponsorWall.Individuals>
	</SponsorWall>
</LandingSection>