@@ -3,15 +3,47 @@ import { HTMLAttributes } from "react"
3
3
import Image from "next-image-export-optimizer"
4
4
import type { StaticImageData } from "next/image"
5
5
6
- import elizabethStone from "./speakers/elizabeth-stone.webp"
7
- import kamilKisiela from "./speakers/kamil-kisiela.webp"
8
- import rajeevRajan from "./speakers/rajeev-rajan.webp"
9
- import tanmaiGopal from "./speakers/tanmai-gopal.webp"
10
- import uriGoldshtein from "./speakers/uri-goldshtein.webp"
11
6
import TwitterIcon from "@/icons/twitter.svg"
12
7
import { Button } from "@/app/conf/_design-system/button"
13
8
import { BECOME_A_SPEAKER_LINK } from "../../links"
14
9
10
+ const previousConfSpeakers = {
11
+ benjie : {
12
+ name : "Benjie Gillam" ,
13
+ title : "GraphQL TSC & Spec" ,
14
+ src : "https://avatars.sched.co/b/99/18743846/avatar.jpg.320x320px.jpg" ,
15
+ twitter : "benjie" ,
16
+ linkedin : "benjiegillam" ,
17
+ } ,
18
+ kewei : {
19
+ name : "Kewei Qu" ,
20
+ title : "Meta — Senior Staff Software Engineer" ,
21
+ src : "https://avatars.sched.co/9/1a/18743864/avatar.jpg.320x320px.jpg" ,
22
+ twitter : "kewei_qu" ,
23
+ linkedin : "keweiqu" ,
24
+ } ,
25
+ donna : {
26
+ name : "Donna Zhou" ,
27
+ title : "Atlassian — Maintainer of GraphQL Java" ,
28
+ src : "https://avatars.sched.co/0/1d/18743879/avatar.jpg.320x320px.jpg?e1f" ,
29
+ linkedin : "donnazhou" ,
30
+ } ,
31
+ uri : {
32
+ name : "Uri Goldshtein" ,
33
+ title : "The Guild — Founder" ,
34
+ src : "https://avatars.sched.co/8/2b/14900013/avatar.jpg.320x320px.jpg?9f1" ,
35
+ twitter : "UriGoldshtein" ,
36
+ linkedin : "urigo" ,
37
+ } ,
38
+ alessia : {
39
+ name : "Alessia Bellisario" ,
40
+ title : "Apollo GraphQL — Staff Open Source Engineer" ,
41
+ src : "https://avatars.sched.co/a/c6/18743837/avatar.jpg.320x320px.jpg?847" ,
42
+ twitter : "alessbell" ,
43
+ linkedin : "alessiabellisario" ,
44
+ } ,
45
+ }
46
+
15
47
interface TopMindsSectionProps extends HTMLAttributes < HTMLElement > {
16
48
hasSpeakersPage ?: boolean
17
49
}
@@ -34,42 +66,22 @@ export default function TopMindsSection({
34
66
< h3 className = "mr-auto flex w-full grow text-pretty pb-6 pr-6 typography-h2 [@media(width>857px)]:basis-0" >
35
67
Meet the top industry minds
36
68
</ h3 >
69
+ < SpeakerCard { ...previousConfSpeakers . benjie } />
37
70
< SpeakerCard
38
- name = "Uri Goldshtein"
39
- title = "The Guild — Founder"
40
- src = { uriGoldshtein }
41
- linkedin = "urigo"
42
- twitter = "UriGoldshtein"
43
- />
44
- < SpeakerCard
45
- name = "Elizabeth Stone"
46
- title = "Netflix — CTO"
47
- src = { elizabethStone }
48
- linkedin = "elizabeth-stone-608a754"
71
+ { ...previousConfSpeakers . kewei }
49
72
className = "[@media(width<=742px)]:border-l"
50
73
/>
51
74
< div className = "flex grow border-sec-dark [@media(width<970px)]:contents [@media(width>=970px)]:border-t [@media(width>=970px)]:*:border-t-0" >
52
75
< SpeakerCard
53
- name = "Kamil Kisiela"
54
- title = "The Guild — Developer"
55
- src = { kamilKisiela }
56
- linkedin = "kamilkisiela"
57
- twitter = "kamilkisiela"
76
+ { ...previousConfSpeakers . donna }
58
77
className = "[@media(744px<=width<=970px)]:first-of-type:border-l-0"
59
78
/>
60
79
< SpeakerCard
61
- name = "Rajeev Rajan"
62
- title = "Atlassian — CTO"
63
- src = { rajeevRajan }
64
- linkedin = "rajeev-rajan"
80
+ { ...previousConfSpeakers . uri }
65
81
className = "[@media(639px<=width<=970px)]:border-l"
66
82
/>
67
83
< SpeakerCard
68
- name = "Tanmai Gopal"
69
- title = "Hasura — CEO & Co-Founder"
70
- src = { tanmaiGopal }
71
- twitter = "tanmaigo"
72
- linkedin = "tanmaig"
84
+ { ...previousConfSpeakers . alessia }
73
85
className = "[@media(width<744px)]:border-l"
74
86
/>
75
87
< div className = "mt-6 flex shrink-0 basis-[content] items-end justify-stretch max-lg:w-full [@media(640px<=width<=855px)]:basis-[236px] [@media(width<=444px)]:*:w-full [@media(width>742px)]:justify-end [@media(width>742px)]:pl-6 [@media(width>855px)]:grow" >
0 commit comments