graphql.github.io/src/app/conf/2026/components/register-section/index.tsx at 6de8de5ef0cf10f7f68d0122e1eeb856878bbb2d · graphql/graphql.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
import { Button } from "@/app/conf/_design-system/button"
import { clsx } from "clsx"
import { BECOME_A_SPEAKER_LINK } from "../../links"

export interface RegisterSectionProps
  extends React.HTMLAttributes<HTMLDivElement> {}

export function RegisterSection({ className, ...props }: RegisterSectionProps) {
  return (
    <section
      className={clsx(
        "gql-section flex gap-x-12 gap-y-10 py-8 max-md:flex-col sm:py-12 md:py-24 xl:gap-x-24",
        className,
      )}
      {...props}
    >
      <div>
        <h2 className="typography-h2">Register</h2>
        <p className="typography-body-lg mt-6">
          Join a diverse community of GraphQL developers, architects, and
          enthusiasts while experiencing premium content and networking
          opportunities in a vendor-neutral environment. Act now - registration
          closes May 12!
        </p>
        <p className="typography-body-sm mt-6 md:mt-16">
          We never sell attendee lists or contact information, nor do we
          authorize others to do so. If you receive an email claiming to sell an
          attendee list for a Linux Foundation event, please forward it to
          events@linuxfoundation.org.
        </p>
      </div>
      <div className="flex flex-col gap-6 md:gap-8">
        <article className="border border-neu-400 p-6">
          <h3 className="typography-h3">Speakers</h3>
          <p className="typography-body-lg mt-6">
            You should have received a registration link in your acceptance
            email. If you did not, please contact us for more details:{" "}
            <a
              href="mailto:cfp@linuxfoundation.org"
              className="typography-link"
            >
              cfp@linuxfoundation.org
            </a>
          </p>
          <Button
            variant="primary"
            className="mt-6"
            href={BECOME_A_SPEAKER_LINK}
          >
            Become a speaker
          </Button>
        </article>
        <article className="border border-neu-400 p-6">
          <h3 className="typography-h3">Sponsors</h3>
          <p className="typography-body-lg mt-6">
            A registration link was shared in an email to your company's
            sponsorship contact. Please reach out to them if you need to
            register as a Sponsor. For further questions, please email us:{" "}
            <a
              href="mailto:graphql_events@linuxfoundation.org"
              className="typography-link"
            >
              graphql_events@linuxfoundation.org
            </a>
          </p>
          <Button
            variant="primary"
            className="mt-6"
            href="https://events.linuxfoundation.org/sponsor-graphqlconf26"
          >
            Become a sponsor
          </Button>
        </article>
        <article className="border border-neu-400 p-6">
          <h3 className="typography-h3">Media</h3>
          <p className="typography-body-lg mt-6">
            If you are a member of the media interested in attending this event,
            write us an email.
          </p>
          <Button
            variant="primary"
            className="mt-6"
            href="mailto:graphql_events@linuxfoundation.org"
          >
            Contact us
          </Button>
        </article>
      </div>
    </section>
  )
}