Skip to content

Commit 6abefb7

Browse files
authored
GraphQLConf 2026 — Flex wrap and sentence case (#2332)
## Description Howdy 👋 I'd like to propose some changes to make the 2026 page a bit more consistent with previous year's design and give the hero a tiny bit more polish. ### What's changed - Used `variant=tertiary` for one of the buttons in 2026 hero section - Changed the button text casing to sentence case (matches the previous conf page, graphql.org, and tldr one of the designers behind the website is ex-Apple, so we're matching Apple Developer Guidelines and their readability studies) ### Screenshots | Before | After | | --- | --- | | <img width="1480" height="516" alt="image" src="https://github.com/user-attachments/assets/a9bac84b-398d-4eb2-9e43-1bce1f5c3020" /> | <img width="1485" height="427" alt="image" src="https://github.com/user-attachments/assets/f1f91799-86eb-49f4-85e3-8b5b43ee827c" /> |
1 parent 2c7a744 commit 6abefb7

File tree

2 files changed

+10
-12
lines changed

2 files changed

+10
-12
lines changed

src/app/conf/2026/components/register-today/index.tsx

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -37,11 +37,9 @@ export function RegisterToday({ className }: RegisterTodayProps) {
3737
</p>
3838
</div>
3939
<div className="mt-10 flex gap-x-6 gap-y-4 max-sm:flex-col">
40-
<Button className="opacity-55" href={GET_TICKETS_LINK}>
41-
Register
42-
</Button>
43-
<Button className="opacity-55" variant="secondary" href="#sponsors">
44-
Explore Sponsorship
40+
<Button href={GET_TICKETS_LINK}>Register</Button>
41+
<Button variant="secondary" href="#sponsors">
42+
Explore sponsorship
4543
</Button>
4644
</div>
4745
</div>

src/app/conf/2026/page.tsx

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -29,12 +29,12 @@ export default function Page() {
2929
<main className="gql-all-anchors-focusable">
3030
<Hero year="2026" bottom={<HeroImage />}>
3131
<HeroDateAndLocation />
32-
<Button className="md:w-fit" href={BECOME_A_SPEAKER_LINK}>
33-
Submit Your Talk
34-
</Button>
35-
<Button className="md:w-fit" href={GET_TICKETS_LINK}>
36-
Get Your Ticket
37-
</Button>
32+
<div className="flex flex-wrap gap-x-4 gap-y-2 max-xs:*:w-full sm:gap-x-6">
33+
<Button href={BECOME_A_SPEAKER_LINK}>Submit your talk</Button>
34+
<Button variant="tertiary" href={GET_TICKETS_LINK}>
35+
Get a ticket
36+
</Button>
37+
</div>
3838
</Hero>
3939
<div className="gql-container gql-conf-navbar-strip text-neu-900 before:bg-white/40 before:dark:bg-blk/30">
4040
<MarqueeRows
@@ -73,7 +73,7 @@ export default function Page() {
7373
variant="primary"
7474
href={GET_TICKETS_LINK}
7575
>
76-
Register Now
76+
Register now
7777
</Button>
7878
</CtaCardSection>
7979
<MarqueeRows

0 commit comments

Comments
 (0)