From ad850cba465e6fde64e41113554693c05b3a6491 Mon Sep 17 00:00:00 2001 From: Jory Burson Date: Thu, 13 Feb 2025 16:13:57 -0500 Subject: [PATCH 1/4] Add Grafbase logo for 2025 Conf --- public/img/conf/Sponsors/Grafbase.svg | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 public/img/conf/Sponsors/Grafbase.svg diff --git a/public/img/conf/Sponsors/Grafbase.svg b/public/img/conf/Sponsors/Grafbase.svg new file mode 100644 index 0000000000..8bafcfde35 --- /dev/null +++ b/public/img/conf/Sponsors/Grafbase.svg @@ -0,0 +1,7 @@ + + + + + + + From 99497515351ac510043ccfd1fd5c0abf8ca2b8f3 Mon Sep 17 00:00:00 2001 From: Jory Burson Date: Thu, 13 Feb 2025 16:35:00 -0500 Subject: [PATCH 2/4] Create sponsors.tsx --- src/app/conf/2025/sponsors.tsx | 149 +++++++++++++++++++++++++++++++++ 1 file changed, 149 insertions(+) create mode 100644 src/app/conf/2025/sponsors.tsx diff --git a/src/app/conf/2025/sponsors.tsx b/src/app/conf/2025/sponsors.tsx new file mode 100644 index 0000000000..601e2d307f --- /dev/null +++ b/src/app/conf/2025/sponsors.tsx @@ -0,0 +1,149 @@ +import Grafbase from "public/img/conf/Sponsors/Grafbase.svg" + +import { clsx } from "clsx" +import NextImage from "next-image-export-optimizer" + +interface Image { + icon: string + name: string + link: string +} + +const sponsorDiamond: Image[] = [] + +const sponsorPlatinum: Image[] = [] + +const sponsorGold: Image[] = [] + +const sponsorSilver: Image[] = [ + { icon: Grafbase, name: "Grafbase", link: "https://grafbase.com/" }, +] + +const workshopDaySponsors: Image[] = [] + +const mediaPartners: Image[] = [] + +const communityPartners: Image[] = [] + +function List({ + items, + className, + linkClassName, +}: { + className?: string + items: Image[] + linkClassName?: string +}) { + return ( +
+ {items.map(({ link, icon, name }, i) => ( + + + + ↗ + + + ))} +
+ ) +} + +const classes = { + heading: + "text-center text-primary text-2xl lg:text-3xl font-bold mb-10 mt-20", + title: "md:text-center text-white conf-heading", +} + +export function Sponsors() { + return ( +
+
+

Thanks to our 2024 sponsors!

+ {sponsorDiamond.length && ( + <> +

Diamond

+ + + )} + {sponsorPlatinum.length && ( + <> +

Platinum

+ {" "} + + )} + {sponsorGold.length && ( + <> +

Gold

+ + + )} + {sponsorSilver.length && ( + <> +

Silver

+ + + )} + {workshopDaySponsors.length && ( + <> +

Workshop Day Sponsor

+ + + )} +
+ {/*
+

Partners

+

Media Partners

+ +

Community Partners

+ +
*/} +
+ ) +} From 91a718ec3903a96558fa16e45995f81e8b9fa811 Mon Sep 17 00:00:00 2001 From: Jory Burson Date: Thu, 13 Feb 2025 16:37:49 -0500 Subject: [PATCH 3/4] Update page.tsx --- src/app/conf/2025/page.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/app/conf/2025/page.tsx b/src/app/conf/2025/page.tsx index 08a33b1f1e..b74a5caf42 100644 --- a/src/app/conf/2025/page.tsx +++ b/src/app/conf/2025/page.tsx @@ -5,6 +5,7 @@ import { Sponsor } from "./sponsorship" import { Venue } from "./venue" import { FAQ } from "./faq" import { Register } from "./register" +import { Sponsors } from "./sponsors" import { PastSponsors } from "./past-sponsors" import { Speakers } from "./speakers" From 39cfd795d421965e4d04399399df66a33087e341 Mon Sep 17 00:00:00 2001 From: Saihajpreet Singh Date: Mon, 17 Feb 2025 10:02:21 +0530 Subject: [PATCH 4/4] use the new design --- src/app/conf/2025/page.tsx | 3 +- src/app/conf/2025/past-sponsors.tsx | 122 --------------------- src/app/conf/2025/sponsors.tsx | 158 +++++++++++----------------- 3 files changed, 63 insertions(+), 220 deletions(-) delete mode 100644 src/app/conf/2025/past-sponsors.tsx diff --git a/src/app/conf/2025/page.tsx b/src/app/conf/2025/page.tsx index b74a5caf42..43bc84cc9a 100644 --- a/src/app/conf/2025/page.tsx +++ b/src/app/conf/2025/page.tsx @@ -6,7 +6,6 @@ import { Venue } from "./venue" import { FAQ } from "./faq" import { Register } from "./register" import { Sponsors } from "./sponsors" -import { PastSponsors } from "./past-sponsors" import { Speakers } from "./speakers" export const metadata: Metadata = { @@ -63,7 +62,7 @@ export default function Page() {
- + diff --git a/src/app/conf/2025/past-sponsors.tsx b/src/app/conf/2025/past-sponsors.tsx deleted file mode 100644 index 9e3d25dcc0..0000000000 --- a/src/app/conf/2025/past-sponsors.tsx +++ /dev/null @@ -1,122 +0,0 @@ -import Stellate from "public/img/conf/Sponsors/Stellate.svg" -import Hasura from "public/img/conf/Sponsors/Hasura.svg" -import TheGuild from "public/img/conf/Sponsors/TheGuild.svg" -import Apollo from "public/img/conf/Sponsors/Apollo.svg" -import Tyk from "public/img/conf/Sponsors/Tyk.svg" -import IBM from "public/img/conf/Sponsors/IBM.svg" -import Graphweaver from "public/img/conf/Sponsors/Graphweaver.svg" - -import { clsx } from "clsx" -import NextImage from "next-image-export-optimizer" - -type LogosType = { - icon: string - name: string - link: string -} - -const SPONSORS: Array<{ - title: string - logos: Array -}> = [ - { - title: "Diamond", - logos: [ - { icon: TheGuild, name: "The Guild", link: "https://the-guild.dev" }, - { - icon: IBM, - name: "IBM", - link: "https://www.ibm.com/products/api-connect", - }, - ], - }, - { - title: "Gold", - logos: [ - { icon: Apollo, name: "Apollo", link: "https://www.apollographql.com/" }, - { - icon: Graphweaver, - name: "Graphweaver", - link: "https://graphweaver.com", - }, - { icon: Hasura, name: "Hasura", link: "https://hasura.io" }, - ], - }, - { - title: "Silver", - logos: [ - { icon: Stellate, name: "Stellate", link: "https://stellate.co" }, - { icon: Tyk, name: "Tyk", link: "https://tyk.io/" }, - ], - }, -] - -function List({ - items, - className, - linkClassName, -}: { - className?: string - items: Array - linkClassName?: string -}) { - return ( -
- {items.map(({ link, icon, name }, i) => ( - - - - ↗ - - - ))} -
- ) -} - -export function PastSponsors() { - return ( -
-

Thanks to our 2024 sponsors!

- {SPONSORS.map(({ title, logos }, i) => ( - <> -
- {/* Square box */} -
-

{title}

-
- - - ))} -
- ) -} diff --git a/src/app/conf/2025/sponsors.tsx b/src/app/conf/2025/sponsors.tsx index 601e2d307f..5cd8c50222 100644 --- a/src/app/conf/2025/sponsors.tsx +++ b/src/app/conf/2025/sponsors.tsx @@ -3,49 +3,74 @@ import Grafbase from "public/img/conf/Sponsors/Grafbase.svg" import { clsx } from "clsx" import NextImage from "next-image-export-optimizer" -interface Image { +type LogosType = { icon: string name: string link: string } -const sponsorDiamond: Image[] = [] - -const sponsorPlatinum: Image[] = [] - -const sponsorGold: Image[] = [] - -const sponsorSilver: Image[] = [ - { icon: Grafbase, name: "Grafbase", link: "https://grafbase.com/" }, +const SPONSORS: Array<{ + title: string + logos: Array +}> = [ + // { + // title: "Diamond", + // logos: [ + // { icon: TheGuild, name: "The Guild", link: "https://the-guild.dev" }, + // { + // icon: IBM, + // name: "IBM", + // link: "https://www.ibm.com/products/api-connect", + // }, + // ], + // }, + // { + // title: "Gold", + // logos: [ + // { icon: Apollo, name: "Apollo", link: "https://www.apollographql.com/" }, + // { + // icon: Graphweaver, + // name: "Graphweaver", + // link: "https://graphweaver.com", + // }, + // { icon: Hasura, name: "Hasura", link: "https://hasura.io" }, + // ], + // }, + { + title: "Silver", + logos: [ + { icon: Grafbase, name: "Grafbase", link: "https://grafbase.com/" }, + ], + }, ] -const workshopDaySponsors: Image[] = [] - -const mediaPartners: Image[] = [] - -const communityPartners: Image[] = [] - function List({ items, className, linkClassName, }: { className?: string - items: Image[] + items: Array linkClassName?: string }) { return ( -
+
{items.map(({ link, icon, name }, i) => ( - + ↗ @@ -67,83 +92,24 @@ function List({ ) } -const classes = { - heading: - "text-center text-primary text-2xl lg:text-3xl font-bold mb-10 mt-20", - title: "md:text-center text-white conf-heading", -} - export function Sponsors() { return ( -
-
-

Thanks to our 2024 sponsors!

- {sponsorDiamond.length && ( - <> -

Diamond

- - - )} - {sponsorPlatinum.length && ( - <> -

Platinum

- {" "} - - )} - {sponsorGold.length && ( - <> -

Gold

- - - )} - {sponsorSilver.length && ( - <> -

Silver

- - - )} - {workshopDaySponsors.length && ( - <> -

Workshop Day Sponsor

- - - )} -
- {/*
-

Partners

-

Media Partners

- -

Community Partners

- -
*/} -
+
+

Sponsors

+ {SPONSORS.map(({ title, logos }, i) => ( + <> +
+ {/* Square box */} +
+

{title}

+
+ + + ))} +
) }