Add What to Expect section

Author: hasparus

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>
+  )
+}

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 />