Skip to content

Commit 2a6b61b

Browse files
YassinEldeebYassinEldeeb
authored
Update 2024 sponsors (#1712)
* update 2024 sponsors * chore: prettier * add apollo
1 parent 94597bd commit 2a6b61b

File tree

2 files changed

+71
-90
lines changed

2 files changed

+71
-90
lines changed

‎public/img/conf/Sponsors/Apollo.svg‎

Lines changed: 9 additions & 0 deletions
Loading

‎src/app/conf/2024/sponsors.tsx‎

Lines changed: 62 additions & 90 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,8 @@
11
import Stellate from "public/img/conf/Sponsors/Stellate.svg"
2-
import Postman from "public/img/conf/Sponsors/Postman.svg"
3-
import Solo from "public/img/conf/Sponsors/Solo.svg"
42
import Hasura from "public/img/conf/Sponsors/Hasura.svg"
5-
import TheGraph from "public/img/conf/Sponsors/TheGraph.svg"
63
import TheGuild from "public/img/conf/Sponsors/TheGuild.svg"
7-
import Hygraph from "public/img/conf/Sponsors/Hygraph.svg"
8-
import StepZen from "public/img/conf/Sponsors/StepZen.svg"
9-
import Inigo from "public/img/conf/Sponsors/Inigo.svg"
10-
import Neo4j from "public/img/conf/Sponsors/Neo4j.svg"
11-
import WunderGraph from "public/img/conf/Sponsors/WunderGraph.svg"
12-
import Graphabase from "public/img/conf/Sponsors/Graphabase.svg"
13-
import GraphQLWeekly from "public/img/conf/Partners/GraphQLWeekly.svg"
14-
import GraphQLWTF from "public/img/conf/Partners/GraphQLwtf.svg"
15-
import EscapeTechnologies from "public/img/conf/Partners/EscapeTechnologies.svg"
16-
import AmsterdamGraphQL from "public/img/conf/Partners/AmsterdamGraphQL.svg"
17-
import BangkokGraphQL from "public/img/conf/Partners/BangkokGraphQL.svg"
18-
import TypeGraphQL from "public/img/conf/Partners/TypeGraphQL.svg"
4+
import Apollo from "public/img/conf/Sponsors/Apollo.svg"
5+
196
import { clsx } from "clsx"
207
import NextImage from "next-image-export-optimizer"
218

@@ -26,60 +13,25 @@ interface Image {
2613
}
2714

2815
const sponsorDiamond: Image[] = [
29-
{ icon: Hasura, name: "Hasura", link: "https://hasura.io" },
30-
{ icon: Postman, name: "Postman", link: "https://postman.com" },
3116
{ icon: TheGuild, name: "The Guild", link: "https://the-guild.dev" },
3217
]
3318

34-
const sponsorPlatinum: Image[] = [
35-
{ icon: Hygraph, name: "Hygraph", link: "https://hygraph.com" },
36-
{ icon: Solo, name: "Solo.io", link: "https://solo.io" },
37-
]
19+
const sponsorPlatinum: Image[] = []
3820

3921
const sponsorGold: Image[] = [
40-
{ icon: StepZen, name: "StepZen", link: "https://stepzen.com" },
41-
{ icon: Inigo, name: "Inigo", link: "https://inigo.io" },
42-
{ icon: TheGraph, name: "The Graph", link: "https://thegraph.com" },
22+
{ icon: Apollo, name: "Apollo", link: "https://www.apollographql.com/" },
23+
{ icon: Hasura, name: "Hasura", link: "https://hasura.io" },
4324
]
4425

4526
const sponsorSilver: Image[] = [
46-
{ icon: Graphabase, name: "Graphabase", link: "https://graphabase.com" },
47-
{ icon: Neo4j, name: "Neo4j", link: "https://neo4j.com" },
4827
{ icon: Stellate, name: "Stellate", link: "https://stellate.co" },
49-
{ icon: WunderGraph, name: "WunderGraph", link: "https://wundergraph.com" },
5028
]
5129

52-
const workshopDaySponsors: Image[] = [
53-
{ icon: TheGuild, name: "The Guild", link: "https://the-guild.dev" },
54-
]
30+
const workshopDaySponsors: Image[] = []
5531

56-
const mediaPartners: Image[] = [
57-
{ icon: GraphQLWTF, name: "GraphQLWTF", link: "https://graphql.wtf" },
58-
{
59-
icon: GraphQLWeekly,
60-
name: "GraphQLWeekly",
61-
link: "https://graphqlweekly.com",
62-
},
63-
]
32+
const mediaPartners: Image[] = []
6433

65-
const communityPartners: Image[] = [
66-
{
67-
icon: AmsterdamGraphQL,
68-
name: "Amsterdam GraphQL",
69-
link: "https://meetup.com/amsterdam-graphql-meetup",
70-
},
71-
{
72-
icon: BangkokGraphQL,
73-
name: "Bangkok GraphQL",
74-
link: "https://meetup.com/graphql-bangkok",
75-
},
76-
{
77-
icon: EscapeTechnologies,
78-
name: "EscapeTechnologies",
79-
link: "https://escape.tech",
80-
},
81-
{ icon: TypeGraphQL, name: "TypeGraphQL", link: "https://typegraphql.com" },
82-
]
34+
const communityPartners: Image[] = []
8335

8436
function List({
8537
items,
@@ -91,7 +43,7 @@ function List({
9143
linkClassName?: string
9244
}) {
9345
return (
94-
<div className={clsx("grid gap-7 w-full", className)}>
46+
<div className={clsx("grid gap-7 w-full flex-1", className)}>
9547
{items.map(({ link, icon, name }, i) => (
9648
<a
9749
key={i}
@@ -132,39 +84,59 @@ export function Sponsors() {
13284
return (
13385
<div id="sponsors" className="bg-conf-black">
13486
<div className="container conf-block">
135-
<h1 className={classes.title}>Thanks to our 2023 sponsors!</h1>
136-
<h3 className={classes.heading}>Diamond</h3>
137-
<List
138-
items={sponsorDiamond}
139-
className="grid-cols-1"
140-
linkClassName="p-8 lg:p-16 h-28 lg:h-[220px]"
141-
/>
142-
<h3 className={classes.heading}>Platinum</h3>
143-
<List
144-
items={sponsorPlatinum}
145-
className="grid-cols-2"
146-
linkClassName="p-8 lg:py-14 h-28 lg:h-[210px]"
147-
/>
148-
<h3 className={classes.heading}>Gold</h3>
149-
<List
150-
items={sponsorGold}
151-
className="grid-cols-2 xl:grid-cols-3"
152-
linkClassName="p-8 lg:py-14 h-28 lg:h-[170px]"
153-
/>
154-
<h3 className={classes.heading}>Silver</h3>
155-
<List
156-
items={sponsorSilver}
157-
className="grid-cols-2 xl:grid-cols-4"
158-
linkClassName="p-6 lg:p-10 h-28 lg:h-[155px]"
159-
/>
160-
<h3 className={classes.heading}>Workshop Day Sponsor</h3>
161-
<List
162-
items={workshopDaySponsors}
163-
className="grid-cols-2 lg:grid-cols-1 lg:w-1/2 mx-auto"
164-
linkClassName="p-8 lg:p-10 h-28 lg:h-[155px]"
165-
/>
87+
<h1 className={classes.title}>Thanks to our 2024 sponsors!</h1>
88+
{sponsorDiamond.length && (
89+
<>
90+
<h3 className={classes.heading}>Diamond</h3>
91+
<List
92+
items={sponsorDiamond}
93+
className="flex"
94+
linkClassName="p-8 lg:p-16 h-28 lg:h-[220px]"
95+
/>
96+
</>
97+
)}
98+
{sponsorPlatinum.length && (
99+
<>
100+
<h3 className={classes.heading}>Platinum</h3>
101+
<List
102+
items={sponsorPlatinum}
103+
className="flex"
104+
linkClassName="p-8 lg:py-14 h-28 lg:h-[210px]"
105+
/>{" "}
106+
</>
107+
)}
108+
{sponsorGold.length && (
109+
<>
110+
<h3 className={classes.heading}>Gold</h3>
111+
<List
112+
items={sponsorGold}
113+
className="flex"
114+
linkClassName="p-8 lg:py-14 h-28 lg:h-[170px]"
115+
/>
116+
</>
117+
)}
118+
{sponsorSilver.length && (
119+
<>
120+
<h3 className={classes.heading}>Silver</h3>
121+
<List
122+
items={sponsorSilver}
123+
className="flex"
124+
linkClassName="p-6 lg:p-10 h-28 lg:h-[155px]"
125+
/>
126+
</>
127+
)}
128+
{workshopDaySponsors.length && (
129+
<>
130+
<h3 className={classes.heading}>Workshop Day Sponsor</h3>
131+
<List
132+
items={workshopDaySponsors}
133+
className="flex"
134+
linkClassName="p-8 lg:p-10 h-28 lg:h-[155px]"
135+
/>
136+
</>
137+
)}
166138
</div>
167-
<div className="container py-24">
139+
{/* <div className="container py-24">
168140
<h1 className={classes.title}>Partners</h1>
169141
<h3 className={classes.heading}>Media Partners</h3>
170142
<List
@@ -178,7 +150,7 @@ export function Sponsors() {
178150
className="grid-cols-2 xl:grid-cols-4"
179151
linkClassName="p-6 lg:p-10 h-28 lg:h-[155px]"
180152
/>
181-
</div>
153+
</div> */}
182154
</div>
183155
)
184156
}

0 commit comments

Comments
 (0)