Add RegisterToday section

Author: hasparus

src/app/conf/2025/page.tsx

@@ -7,6 +7,7 @@ import { FAQ } from "./faq"
 import { Register } from "./register"
 import { Sponsors } from "./sponsors"
 import { Speakers } from "./speakers"
+import { RegisterToday } from "./register-today"
 
 export const metadata: Metadata = {
   title: "GraphQLConf 2025 — Sept 08-10",
@@ -60,6 +61,9 @@ export default function Page() {
   return (
     <main>
       <Hero />
+      <div className="mx-auto max-w-[90rem]">
+        <RegisterToday className="my-8 md:mb-16 md:mt-24" />
+      </div>
       <div className="container my-20 flex flex-col gap-20 md:my-32 md:gap-32">
         <Intro />
         <Sponsors />

src/app/conf/2025/register-today/index.tsx

@@ -0,0 +1,44 @@
+import { clsx } from "clsx"
+import NextImage from "next-image-export-optimizer"
+
+import { Button } from "../../_design-system/button"
+
+import speakerImage from "./speaker.webp"
+
+export interface RegisterTodayProps {
+  className?: string
+}
+
+export function RegisterToday({ className }: RegisterTodayProps) {
+  return (
+    <section
+      className={clsx(
+        "flex gap-x-24 gap-y-10 px-4 max-md:flex-col md:px-24",
+        className,
+      )}
+    >
+      <NextImage
+        src={speakerImage}
+        alt="GraphQL Conference"
+        width={450}
+        height={566}
+        className="object-cover"
+      />
+      <div className="flex flex-col justify-between">
+        <div>
+          <h2 className="typography-h2 text-neu-900">
+            Let's celebrate 10 years of GraphQL together
+          </h2>
+          <p className="typography-h3 text-neu-800 mt-6 md:mt-10">
+            Join three transformative days of expert insights and innovation to
+            shape the next decade of APIs!
+          </p>
+        </div>
+        <div className="flex gap-x-6 gap-y-4 max-md:flex-col">
+          <Button>Register today</Button>
+          <Button variant="secondary">Become a speaker</Button>
+        </div>
+      </div>
+    </section>
+  )
+}