|
| 1 | +import { Metadata } from "next" |
| 2 | + |
| 3 | +import { Button } from "@/app/conf/_design-system/button" |
| 4 | + |
| 5 | +import { Hero, HeroStripes } from "../components/hero" |
| 6 | +import { NavbarPlaceholder } from "../components/navbar" |
| 7 | + |
| 8 | +export const metadata: Metadata = { |
| 9 | + title: "WG Day | GraphQLConf 2026", |
| 10 | + description: |
| 11 | + "Working Group Day at GraphQLConf 2026 on May 08 in Menlo Park for GraphQL working group members and maintainers of key GraphQL OSS, with intentionally unstructured time for technical discussion and social connection.", |
| 12 | +} |
| 13 | + |
| 14 | +export default function WGDayPage() { |
| 15 | + return ( |
| 16 | + <> |
| 17 | + <NavbarPlaceholder className="top-0 bg-neu-100 before:bg-white/30 dark:bg-[#181A12] dark:before:bg-blk/40" /> |
| 18 | + <Hero |
| 19 | + pageName="WG Day" |
| 20 | + year="2026" |
| 21 | + colorScheme="neutral" |
| 22 | + stripes={ |
| 23 | + <HeroStripes |
| 24 | + className="-scale-x-100 dark:data-[loaded=true]:opacity-80" |
| 25 | + evenClassName="bg-[linear-gradient(180deg,hsl(var(--color-sec-light))_0%,hsl(319deg_100%_90%_/_0.2)_100%)] dark:bg-[linear-gradient(180deg,hsl(var(--color-sec-dark))_0%,hsl(var(--color-neu-100))_100%)]" |
| 26 | + oddClassName="bg-[linear-gradient(180deg,hsl(319deg_100%_90%_/_0.2)_0%,hsl(var(--color-sec-base))_100%)] dark:bg-[linear-gradient(180deg,hsl(var(--color-sec-dark))_0%,hsl(var(--color-neu-0))_100%)]" |
| 27 | + /> |
| 28 | + } |
| 29 | + > |
| 30 | + <p className="typography-body-lg max-w-3xl"> |
| 31 | + A day for GraphQL working group members and maintainers of key GraphQL |
| 32 | + open source software to socialize, strategize, and build on the |
| 33 | + momentum of the main conference. |
| 34 | + </p> |
| 35 | + <div className="flex flex-wrap gap-x-6 gap-y-2"> |
| 36 | + <p className="typography-body-md"> |
| 37 | + <strong>Date:</strong>{" "} |
| 38 | + <time dateTime="2026-05-08">May 08, 2026</time> |
| 39 | + </p> |
| 40 | + <p className="typography-body-md"> |
| 41 | + <strong>Time:</strong> 9:30 AM-4:30 PM PT |
| 42 | + </p> |
| 43 | + <p className="typography-body-md"> |
| 44 | + <strong>Location:</strong> Meta MPK 21, Menlo Park |
| 45 | + </p> |
| 46 | + </div> |
| 47 | + </Hero> |
| 48 | + |
| 49 | + <main className="gql-all-anchors-focusable gql-conf-navbar-strip text-neu-900 before:bg-white/40 before:dark:bg-blk/30"> |
| 50 | + <section className="gql-container gql-section space-y-10 xl:mb-16 xl:mt-8"> |
| 51 | + <article className="space-y-4"> |
| 52 | + <h2 className="typography-h2">What is it?</h2> |
| 53 | + <p className="typography-body-lg max-w-4xl"> |
| 54 | + WG Day is a low-overhead in-person collaboration day right after |
| 55 | + GraphQLConf. There is no fixed schedule, no recording, and no |
| 56 | + formal programming. This unstructured format is deliberate: it is |
| 57 | + equally valid to spend the day diving deep on proposals, planning |
| 58 | + across groups, or simply socializing and getting to know each |
| 59 | + other. |
| 60 | + </p> |
| 61 | + </article> |
| 62 | + |
| 63 | + <article className="space-y-4"> |
| 64 | + <h2 className="typography-h2">Attendance</h2> |
| 65 | + <p className="typography-body-lg max-w-4xl"> |
| 66 | + Capacity is limited, so invitations will go to regular working |
| 67 | + group participants first. Additional attendees can join via a |
| 68 | + waitlist, with priority for maintainers of GraphQL-related open |
| 69 | + source software (clients, servers, libraries, frameworks, tooling, |
| 70 | + and documentation), plus Foundation board members and GraphQL |
| 71 | + Ambassadors. Room capacity is 48. |
| 72 | + </p> |
| 73 | + </article> |
| 74 | + |
| 75 | + <article className="space-y-4"> |
| 76 | + <h2 className="typography-h2">Logistics</h2> |
| 77 | + <ul className="typography-body-lg list-disc space-y-2 pl-5"> |
| 78 | + <li> |
| 79 | + Location: Meta MPK 21 (adjacent to the main conference building) |
| 80 | + </li> |
| 81 | + <li> |
| 82 | + Time: Drop-in between 9:30 AM-4:30 PM PT (last entry 2:00 PM |
| 83 | + </li> |
| 84 | + <li> |
| 85 | + Informal format: drop in and out as needed; early departures for |
| 86 | + travel are absolutely fine |
| 87 | + </li> |
| 88 | + <li></li> |
| 89 | + <li> |
| 90 | + Lunch plan: we expect to head to the cafeteria; if you arrive |
| 91 | + around midday, you may need to meet the group there |
| 92 | + </li> |
| 93 | + </ul> |
| 94 | + </article> |
| 95 | + |
| 96 | + <article className="space-y-4"> |
| 97 | + <h2 className="typography-h2">Contact</h2> |
| 98 | + <p className="typography-body-lg max-w-4xl"> |
| 99 | + Questions about attendance, waitlist priority, or logistics: |
| 100 | + </p> |
| 101 | + <Button |
| 102 | + href="mailto:operations@graphql.org?subject=GraphQLConf%202026%20WG%20Day" |
| 103 | + className="w-fit" |
| 104 | + > |
| 105 | + Email the event team |
| 106 | + </Button> |
| 107 | + </article> |
| 108 | + </section> |
| 109 | + </main> |
| 110 | + </> |
| 111 | + ) |
| 112 | +} |
0 commit comments