1a710aa3c6
Some checks are pending
Deploy to Cloudflare Workers (OpenNext) / deploy (push) Waiting to run
38 lines
1.5 KiB
TypeScript
38 lines
1.5 KiB
TypeScript
import Link from "next/link";
|
|
import { partnerTiers } from "@/content/partners";
|
|
import { PartnerLogoPlaceholder } from "@/components/brand/PartnerLogoPlaceholder";
|
|
import { Section } from "@/components/layout/Section";
|
|
import { Separator } from "@/components/ui/separator";
|
|
import { Button } from "@/components/ui/button";
|
|
|
|
export function SponsorTiers() {
|
|
return (
|
|
<Section variant="muted" id="partners" riftPattern="fork">
|
|
<h2 className="text-center text-3xl font-bold">Partners & sponsors</h2>
|
|
<p className="mx-auto mt-3 max-w-xl text-center text-muted-foreground">
|
|
Logo slots below are open — partner with GRV Summit and feature your brand here.
|
|
</p>
|
|
<div className="mt-12 space-y-12">
|
|
{partnerTiers.slice(0, 2).map((tier) => (
|
|
<div key={tier.id}>
|
|
<Separator className="mb-6" />
|
|
<h3 className="text-center text-sm font-semibold uppercase tracking-wider text-[#1f3d7e]">
|
|
{tier.name}
|
|
</h3>
|
|
<div className="mt-6 flex flex-wrap items-center justify-center gap-6">
|
|
{tier.partners.map((p, i) => (
|
|
<PartnerLogoPlaceholder key={`${tier.id}-${i}`} size="md" />
|
|
))}
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
<div className="mt-10 text-center">
|
|
<Button className="rounded-full bg-[#1f3d7e]" asChild>
|
|
<Link href="/partners">Become a partner</Link>
|
|
</Button>
|
|
</div>
|
|
</Section>
|
|
);
|
|
}
|