diff --git a/src/app/conf/2025/components/sponsors.tsx b/src/app/conf/2025/components/sponsors.tsx index 7f7365f8fe..3bdbb3f101 100644 --- a/src/app/conf/2025/components/sponsors.tsx +++ b/src/app/conf/2025/components/sponsors.tsx @@ -12,6 +12,8 @@ interface Sponsor { const sponsorDiamond: Sponsor[] = [] +const sponsorPlatinum: Sponsor[] = [] + const sponsorGold: Sponsor[] = [ { icon: Apollo, name: "Apollo", link: "https://www.apollographql.com" }, ] @@ -34,6 +36,10 @@ const sponsorTiers: Tier[] = [ name: "Diamond", items: sponsorDiamond, }, + { + name: "Platinum", + items: sponsorPlatinum, + }, { name: "Gold", items: sponsorGold, @@ -51,23 +57,31 @@ export function Sponsors({ heading }: SponsorsProps) {
{sponsorTiers.map( - tier => tier.items.length > 0 && , + tier => + tier.items.length > 0 && ( + + ), )}
) } -function Tier({ tier }: { tier: Tier }) { +function Tier({ tier, logoHeight }: { tier: Tier; logoHeight: number }) { return (
-

+

{tier.name}

2 && "sm:grid-cols-2 xl:grid-cols-3", )} > {tier.items.map(({ link, icon: Icon, name }, i) => ( @@ -77,9 +91,14 @@ function Tier({ tier }: { tier: Tier }) { target="_blank" rel="noreferrer" title={name} - className="group flex h-24 w-72 items-center justify-center opacity-75 [--fill:hsl(var(--color-neu-700))] hover:bg-neu-500/10 hover:[--fill:hsl(var(--color-neu-800))] dark:opacity-90" + className="group flex min-h-24 items-center justify-center opacity-75 [--fill:hsl(var(--color-neu-700))] hover:bg-neu-500/10 hover:[--fill:hsl(var(--color-neu-800))] dark:opacity-90" > - + ))}