diff --git a/src/app/conf/2025/components/become-a-sponsor/blur-blob.webp b/src/app/conf/2025/components/become-a-sponsor/blur-blob.webp new file mode 100644 index 0000000000..af6299d6bd Binary files /dev/null and b/src/app/conf/2025/components/become-a-sponsor/blur-blob.webp differ diff --git a/src/app/conf/2025/components/become-a-sponsor/index.tsx b/src/app/conf/2025/components/become-a-sponsor/index.tsx new file mode 100644 index 0000000000..f0a3964b11 --- /dev/null +++ b/src/app/conf/2025/components/become-a-sponsor/index.tsx @@ -0,0 +1,125 @@ +import clsx from "clsx" + +import { Button } from "../../../_design-system/button" + +import blurBlob from "./blur-blob.webp" +import { StripesDecoration } from "@/app/conf/_design-system/stripes-decoration" + +export function BecomeASponsor() { + return ( +
+ +
+
+
+

Become a Sponsor

+

+ Connect with the global GraphQL community and showcase your brand + to industry leaders and decision-makers. +

+
+ +
+
+ + + + + + +
+
+
+ ) +} + +function DefinitionListItem({ + className, + term, + definition, +}: { + className?: string + term: string + definition: string +}) { + return ( +
+
+ {term} +
+
{definition}
+
+ ) +} + +function Stripes() { + return ( +
+ +
+ ) +} diff --git a/src/app/conf/2025/components/marquee-rows/index.tsx b/src/app/conf/2025/components/marquee-rows/index.tsx index af8647a28e..5706113f3f 100644 --- a/src/app/conf/2025/components/marquee-rows/index.tsx +++ b/src/app/conf/2025/components/marquee-rows/index.tsx @@ -33,7 +33,7 @@ export function MarqueeRows({ return (
+

{heading}

- {sponsorTiers.map(tier => ( - - ))} + {sponsorTiers.map( + tier => tier.items.length > 0 && , + )}
) @@ -78,7 +64,7 @@ function Tier({ tier }: { tier: Tier }) {
{tier.items.map(({ link, icon: Icon, name }, i) => ( diff --git a/src/app/conf/2025/page.tsx b/src/app/conf/2025/page.tsx index b284fccfbb..f4e10734d8 100644 --- a/src/app/conf/2025/page.tsx +++ b/src/app/conf/2025/page.tsx @@ -1,5 +1,5 @@ import { Metadata } from "next" -import { Sponsor } from "./sponsorship" +import { BecomeASponsor } from "./components/become-a-sponsor" import { Venue } from "./venue" import { FAQ } from "./faq" import { CallForProposals } from "./components/call-for-proposals" @@ -40,38 +40,47 @@ export default function Page() {
-
- - - - - - - - - +
+
+ + +
+ +
+ + + + + + +
) diff --git a/src/app/conf/2025/sponsorship.tsx b/src/app/conf/2025/sponsorship.tsx deleted file mode 100644 index 31b20a16c7..0000000000 --- a/src/app/conf/2025/sponsorship.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import { InfoGrid } from "../_components/info-grid" -import { Button } from "../_design-system/button" - -export function Sponsor() { - return ( -
- - -
- -
-
- ) -}