From ed60b742caecc567cdb05dc19623367ac4205683 Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Thu, 24 Apr 2025 01:22:07 +0200
Subject: [PATCH 1/5] Add What to Expect section

---
 .../conf/2025/components/what-to-expect.tsx   | 23 +++++++++++++++++++
 src/app/conf/2025/page.tsx                    |  4 +++-
 2 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 src/app/conf/2025/components/what-to-expect.tsx

diff --git a/src/app/conf/2025/components/what-to-expect.tsx b/src/app/conf/2025/components/what-to-expect.tsx
new file mode 100644
index 0000000000..2fecc95412
--- /dev/null
+++ b/src/app/conf/2025/components/what-to-expect.tsx
@@ -0,0 +1,23 @@
+import clsx from "clsx"
+import { HTMLAttributes } from "react"
+
+interface WhatToExpectSectionProps extends HTMLAttributes<HTMLElement> {}
+
+export default function WhatToExpectSection({
+  className,
+  ...rest
+}: WhatToExpectSectionProps) {
+  return (
+    <section className={clsx("text-neu-900", className)} {...rest}>
+      <h1>What to expect</h1>
+      <dl className="uppercase [text-box:trim_cap]">
+        <li className="p-6">
+          <span className="text-[72px]">3</span> days
+        </li>
+        <li className="p-6">23 speakers</li>
+        <li className="p-6">36 panels & workshops</li>
+        <li className="p-6">1 unique venue</li>
+      </dl>
+    </section>
+  )
+}
diff --git a/src/app/conf/2025/page.tsx b/src/app/conf/2025/page.tsx
index 739a3ed114..204d790f6e 100644
--- a/src/app/conf/2025/page.tsx
+++ b/src/app/conf/2025/page.tsx
@@ -9,6 +9,7 @@ import { Sponsors } from "./sponsors"
 import { Speakers } from "./speakers"
 import { RegisterToday } from "./components/register-today"
 import { Hero } from "./components/hero"
+import WhatToExpectSection from "./components/what-to-expect"
 
 export const metadata: Metadata = {
   title: "GraphQLConf 2025 — Sept 08-10",
@@ -35,7 +36,8 @@ export default function Page() {
     <main>
       <Hero />
       <div className="mx-auto max-w-[90rem]">
-        <RegisterToday className="my-8 md:mb-16 md:mt-24" />
+        <RegisterToday className="mt-8 md:mb-16 md:mt-24" />
+        <WhatToExpectSection className="mt-8" />
       </div>
       <div className="container my-20 flex flex-col gap-20 md:my-32 md:gap-32">
         <Intro />

From a8506d54bcbdaf92baeaae4318e7667a622cc63f Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Thu, 24 Apr 2025 12:19:06 +0200
Subject: [PATCH 2/5] Improve gql-conf-container class

---
 src/globals.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/globals.css b/src/globals.css
index aff1482ad9..8e215c2f3d 100644
--- a/src/globals.css
+++ b/src/globals.css
@@ -509,5 +509,5 @@ div[id^="headlessui-menu-items"] {
 }
 
 .gql-conf-container {
-  @apply w-[120rem];
+  @apply mx-auto w-full max-w-[120rem];
 }

From 5d0a55435cbd63bec8495b13a27ed2bc8cb809a5 Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Thu, 24 Apr 2025 12:22:42 +0200
Subject: [PATCH 3/5] Style What to Expect section nicely

---
 .../2025/components/register-today/index.tsx  |  6 ++--
 .../conf/2025/components/what-to-expect.tsx   | 33 ++++++++++++++-----
 src/app/conf/2025/page.tsx                    |  6 ++--
 3 files changed, 30 insertions(+), 15 deletions(-)

diff --git a/src/app/conf/2025/components/register-today/index.tsx b/src/app/conf/2025/components/register-today/index.tsx
index 30539999d5..e31f22226d 100644
--- a/src/app/conf/2025/components/register-today/index.tsx
+++ b/src/app/conf/2025/components/register-today/index.tsx
@@ -14,7 +14,7 @@ export function RegisterToday({ className }: RegisterTodayProps) {
   return (
     <section
       className={clsx(
-        "flex gap-10 px-4 max-lg:flex-col-reverse lg:px-12 xl:gap-x-24 xl:px-24",
+        "flex gap-10 px-4 py-8 max-lg:flex-col-reverse lg:px-12 xl:gap-x-24 xl:px-24",
         className,
       )}
     >
@@ -28,10 +28,10 @@ export function RegisterToday({ className }: RegisterTodayProps) {
       />
       <div className="flex flex-col justify-between">
         <div>
-          <h2 className="typography-h2 text-neu-900">
+          <h2 className="text-neu-900 typography-h2">
             Let's celebrate 10 years of GraphQL together
           </h2>
-          <p className="typography-h3 text-neu-800 mt-6 md:mt-10">
+          <p className="mt-6 text-neu-800 typography-h3 md:mt-10">
             Join three transformative days of expert insights and innovation to
             shape the next decade of APIs!
           </p>
diff --git a/src/app/conf/2025/components/what-to-expect.tsx b/src/app/conf/2025/components/what-to-expect.tsx
index 2fecc95412..ca43874413 100644
--- a/src/app/conf/2025/components/what-to-expect.tsx
+++ b/src/app/conf/2025/components/what-to-expect.tsx
@@ -8,16 +8,31 @@ export default function WhatToExpectSection({
   ...rest
 }: WhatToExpectSectionProps) {
   return (
-    <section className={clsx("text-neu-900", className)} {...rest}>
-      <h1>What to expect</h1>
-      <dl className="uppercase [text-box:trim_cap]">
-        <li className="p-6">
-          <span className="text-[72px]">3</span> days
-        </li>
-        <li className="p-6">23 speakers</li>
-        <li className="p-6">36 panels & workshops</li>
-        <li className="p-6">1 unique venue</li>
+    <section
+      className={clsx(
+        "flex gap-6 px-4 py-8 text-neu-900 max-md:flex-col lg:px-12 xl:gap-x-24 xl:px-24",
+        className,
+      )}
+      {...rest}
+    >
+      <h3 className="typography-h2 md:flex-1">What to expect</h3>
+      <dl className="flex flex-col gap-6 uppercase md:flex-1">
+        <ListItem number="3" text="days" />
+        <ListItem number="23" text="speakers" />
+        <ListItem number="36" text="panels & workshops" />
+        <ListItem number="1" text="unique venue" />
       </dl>
     </section>
   )
 }
+
+function ListItem({ number, text }: { number: string; text: string }) {
+  return (
+    <li className="list-none bg-gradient-to-r from-[#CDF27E] p-6 dark:from-[#507501]">
+      <span className="inline-block w-[87px] text-[72px]/none [text-box:trim-both_cap_alphabetic]">
+        {number}
+      </span>{" "}
+      <span className="ml-10 inline-block typography-menu">{text}</span>
+    </li>
+  )
+}
diff --git a/src/app/conf/2025/page.tsx b/src/app/conf/2025/page.tsx
index 204d790f6e..dbcfb6d224 100644
--- a/src/app/conf/2025/page.tsx
+++ b/src/app/conf/2025/page.tsx
@@ -35,9 +35,9 @@ export default function Page() {
   return (
     <main>
       <Hero />
-      <div className="mx-auto max-w-[90rem]">
-        <RegisterToday className="mt-8 md:mb-16 md:mt-24" />
-        <WhatToExpectSection className="mt-8" />
+      <div className="gql-conf-container mx-auto">
+        <RegisterToday className="md:mb-8 md:mt-24" />
+        <WhatToExpectSection className="md:mb-8 md:mt-24" />
       </div>
       <div className="container my-20 flex flex-col gap-20 md:my-32 md:gap-32">
         <Intro />

From f35aadb7a635b25ef6fd38f5b46923aaeecb29af Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Thu, 24 Apr 2025 12:24:01 +0200
Subject: [PATCH 4/5] Remove the old Intro section

---
 src/app/conf/2025/page.tsx | 17 -----------------
 1 file changed, 17 deletions(-)

diff --git a/src/app/conf/2025/page.tsx b/src/app/conf/2025/page.tsx
index dbcfb6d224..d1e5534e6e 100644
--- a/src/app/conf/2025/page.tsx
+++ b/src/app/conf/2025/page.tsx
@@ -15,22 +15,6 @@ export const metadata: Metadata = {
   title: "GraphQLConf 2025 — Sept 08-10",
 }
 
-function Intro() {
-  return (
-    <section className="flex flex-col gap-20 md:gap-32">
-      <h2 className="text-3xl font-normal lg:text-5xl">
-        Celebrating 10 Years of GraphQL. Three transformative days of expert
-        insights and innovation to shape the next decade of APIs together!
-      </h2>
-
-      <GridButton
-        title="Get Tickets"
-        href="https://cvent.me/PBNYEe?utm_source=graphql_conf_2025&utm_medium=website&utm_campaign=cta"
-      />
-    </section>
-  )
-}
-
 export default function Page() {
   return (
     <main>
@@ -40,7 +24,6 @@ export default function Page() {
         <WhatToExpectSection className="md:mb-8 md:mt-24" />
       </div>
       <div className="container my-20 flex flex-col gap-20 md:my-32 md:gap-32">
-        <Intro />
         <Sponsors />
         <Sponsor />
         <Speakers />

From 77ae1e3526b2cb0f49eceaf84ef37c64a1921ea2 Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Thu, 24 Apr 2025 12:32:14 +0200
Subject: [PATCH 5/5] Add a two hacky classes to make the old part of website
 still readable

---
 src/app/conf/2025/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/conf/2025/page.tsx b/src/app/conf/2025/page.tsx
index d1e5534e6e..f2fa5e6c97 100644
--- a/src/app/conf/2025/page.tsx
+++ b/src/app/conf/2025/page.tsx
@@ -23,7 +23,7 @@ export default function Page() {
         <RegisterToday className="md:mb-8 md:mt-24" />
         <WhatToExpectSection className="md:mb-8 md:mt-24" />
       </div>
-      <div className="container my-20 flex flex-col gap-20 md:my-32 md:gap-32">
+      <div className="container my-20 flex flex-col gap-20 md:my-32 md:gap-32 [.light_&_.text-white]:text-neu-900 [.light_&_[alt='Grafbase_logo']]:invert">
         <Sponsors />
         <Sponsor />
         <Speakers />