GraphQL Day Melbourne: link tickets, date is Oct 29

src/app/day/2026/components/about-section.tsx

@@ -1,6 +1,14 @@
 import { ReactNode } from "react"
 
-export function AboutSection({ children }: { children?: ReactNode }) {
+export function AboutSection({
+  children,
+  date,
+  hostNote,
+}: {
+  children?: ReactNode
+  date?: ReactNode
+  hostNote?: ReactNode
+}) {
   return (
     <div className="bg-neu-100 dark:bg-neu-0/50">
       <section className="gql-section gql-container flex gap-6 max-md:flex-col xl:py-12">
@@ -9,15 +17,16 @@ export function AboutSection({ children }: { children?: ReactNode }) {
           {children || (
             <>
               <p className="typography-body-lg">
-                GraphQL Day is a one-day community event hosted at{" "}
+                GraphQL Day is a one-day community event
+                {date && <> on {date}</>} hosted at{" "}
                 <a
                   href="https://www.joinfost.io"
                   className="underline hover:text-neu-900"
                 >
                   FOST
                 </a>{" "}
                 (Future of Software Technologies, think federation of
-                conferences!).
+                conferences!).{hostNote && <> {hostNote}</>}
               </p>
               <p className="typography-body-lg text-pretty">
                 It is an opportunity to connect with other API ecosystems, meet

src/app/day/2026/melbourne/opengraph-image.tsx

@@ -7,6 +7,6 @@ export {
 
 export default SimpleOpengraphImage.bind(null, {
   pageTitle: "Melbourne",
-  date: "Oct 28-29, 2026",
+  date: "Oct 29, 2026",
   location: "Melbourne, Australia",
 })

src/app/day/2026/melbourne/page.tsx

@@ -27,8 +27,11 @@ const MARQUEE_ITEMS = [
   ],
 ]
 
+const TICKETS_URL =
+  "https://portal.joinfost.io/event/future-of-software-technologies-australia-2026/f2ece7d0-7781-4c6e-a8de-3b03da1eda85/graphql-day-australia-2026"
+
 export const metadata: Metadata = {
-  title: "GraphQL Day @ FOST Melbourne — Oct 28-29",
+  title: "GraphQL Day @ FOST Melbourne — Oct 29",
 }
 
 export default function MelbournePage() {
@@ -38,18 +41,21 @@ export default function MelbournePage() {
       <main className="gql-all-anchors-focusable">
         <Hero subtitle="@ FOST Melbourne" colorScheme="neutral">
           <HeroDateAndLocation
-            date="October 28-29, 2026"
-            dateTime="2026-10-28"
+            date="October 29, 2026"
+            dateTime="2026-10-29"
             location="MCEC, Melbourne, Australia"
           />
           <div className="flex flex-wrap items-center gap-x-4 gap-y-2 max-sm:*:flex-1">
-            <Button disabled className="whitespace-nowrap opacity-55 md:w-fit">
-              Tickets coming soon
+            <Button href={TICKETS_URL} className="whitespace-nowrap md:w-fit">
+              Get tickets
             </Button>
             <CfpButton className="whitespace-nowrap md:w-fit" />
           </div>
         </Hero>
-        <AboutSection />
+        <AboutSection
+          date="the 29th of October"
+          hostNote="API Days spans 28th - 29th October."
+        />
         <MarqueeRows
           variant="primary"
           className="z-10 bg-neu-0 py-4 max-sm:pb-1 sm:py-6 md:space-y-2 md:py-12"
@@ -66,11 +72,11 @@ export default function MelbournePage() {
             description="Join us for a day of GraphQL talks, networking, and hands-on learning at FOST Melbourne."
           >
             <Button
-              disabled
+              href={TICKETS_URL}
               variant="primary"
-              className="whitespace-nowrap opacity-55"
+              className="whitespace-nowrap"
             >
-              Tickets coming soon
+              Get tickets
             </Button>
           </CtaCardSection>
           <MarqueeRows