feat: add conf 2025 gallery (#2143)

Author: saihaj

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

@@ -37,7 +37,9 @@ export function RegisterToday({ className }: RegisterTodayProps) {
           </p>
         </div>
         <div className="mt-10 flex gap-x-6 gap-y-4 max-sm:flex-col">
-          <Button href={GET_TICKETS_LINK}>Register today</Button>
+          <Button disabled className="opacity-55" href={GET_TICKETS_LINK}>
+            Registeration closed
+          </Button>
           <Button
             disabled
             className="opacity-55"

src/app/conf/2025/components/top-minds/index.tsx

@@ -110,11 +110,7 @@ export default function TopMindsSection({
               <Button variant="secondary" href="/conf/2025/speakers/">
                 View all speakers
               </Button>
-            ) : (
-              <Button variant="secondary" href={GET_TICKETS_LINK}>
-                Get tickets
-              </Button>
-            )}
+            ) : null}
           </div>
         </div>
       </div>

src/app/conf/2025/layout.tsx

@@ -10,6 +10,7 @@ import { Footer } from "./components/footer"
 // @ts-expect-error: we want to import the same version as Nextra for the main page
 import { ThemeProvider } from "next-themes"
 import { GraphQLConfLogoLink } from "./components/graphql-conf-logo-link"
+import { GALLERY_LINK } from "./links"
 
 export const metadata = {
   description:
@@ -43,8 +44,11 @@ export default function Layout({
           { children: "Schedule", href: "/conf/2025/schedule" },
           { children: "Speakers", href: "/conf/2025/speakers" },
           { children: "Sponsors", href: "/conf/2025/#sponsors" },
-          { children: "Recap", href: "/conf/2024" },
           { children: "Resources", href: "/conf/2025/resources" },
+          {
+            children: "Gallery",
+            href: GALLERY_LINK,
+          },
           { children: "FAQ", href: "/conf/2025/#faq" },
         ]}
       />

src/app/conf/2025/links.ts

@@ -3,3 +3,6 @@ export const GET_TICKETS_LINK =
 
 export const BECOME_A_SPEAKER_LINK =
   "https://sessionize.com/graphqlconf-2025?utm_medium=website&utm_campaign=speaker_section"
+
+export const GALLERY_LINK =
+  "https://www.flickr.com/photos/linuxfoundation/sets/72177720328905487/"

src/app/conf/2025/page.tsx

@@ -14,7 +14,7 @@ import { GraphQLFoundationCard } from "./components/graphql-foundation-card"
 import { MarqueeRows } from "./components/marquee-rows"
 import { CtaCardSection } from "./components/cta-card-section"
 import { Button } from "../_design-system/button"
-import { GET_TICKETS_LINK } from "./links"
+import { GALLERY_LINK, GET_TICKETS_LINK } from "./links"
 import { GalleryStrip } from "./components/gallery-strip"
 import { Testimonials } from "./components/testimonials"
 import { HeroImage } from "./components/hero/hero-image"
@@ -29,8 +29,8 @@ export default function Page() {
     <main className="gql-all-anchors-focusable">
       <Hero year="2025" bottom={<HeroImage />}>
         <HeroDateAndLocation />
-        <Button className="md:w-fit" href={GET_TICKETS_LINK}>
-          Get your tickets
+        <Button className="md:w-fit" href={GALLERY_LINK}>
+          View Gallery
         </Button>
       </Hero>
       <div className="gql-container gql-conf-navbar-strip text-neu-900 before:bg-white/40 before:dark:bg-blk/30">
@@ -87,8 +87,13 @@ export default function Page() {
             title="Get your ticket"
             description="Join three transformative days of expert insights and innovation to shape the next decade of APIs!"
           >
-            <Button variant="primary" href={GET_TICKETS_LINK}>
-              Get tickets
+            <Button
+              disabled
+              className="opacity-55"
+              variant="primary"
+              href={GET_TICKETS_LINK}
+            >
+              Sold out
             </Button>
           </CtaCardSection>
           <MarqueeRows

src/app/conf/2025/schedule/[id]/page.tsx

@@ -166,8 +166,13 @@ export default function SessionPage({ params }: SessionProps) {
               title="Get your ticket"
               description="Join three transformative days of expert insights and innovation to shape the next decade of APIs!"
             >
-              <Button variant="primary" href={GET_TICKETS_LINK}>
-                Get tickets
+              <Button
+                disabled
+                className="opacity-55"
+                variant="primary"
+                href={GET_TICKETS_LINK}
+              >
+                Sold out
               </Button>
             </CtaCardSection>
             <div className="py-8">

src/app/conf/2025/schedule/page.tsx

@@ -27,7 +27,9 @@ export default function SchedulePage() {
     <main className="gql-all-anchors-focusable bg-neu-50 dark:bg-neu-0">
       <Hero pageName="Schedule" year={year}>
         <div className="mt-[18px] flex gap-4">
-          <Button href={GET_TICKETS_LINK}>Get your tickets</Button>
+          <Button disabled className="opacity-55" href={GET_TICKETS_LINK}>
+            Sold out
+          </Button>
           <Button variant="tertiary" href={`/conf/${year}/speakers`}>
             See the speakers
           </Button>
@@ -49,8 +51,13 @@ export default function SchedulePage() {
             title="Get your ticket"
             description="Join three transformative days of expert insights and innovation to shape the next decade of APIs!"
           >
-            <Button variant="primary" href={GET_TICKETS_LINK}>
-              Get tickets
+            <Button
+              disabled
+              className="opacity-55"
+              variant="primary"
+              href={GET_TICKETS_LINK}
+            >
+              Sold out
             </Button>
           </CtaCardSection>
           <div className="py-8">

src/app/conf/2025/speakers/[id]/page.tsx

@@ -121,8 +121,13 @@ export default function SpeakerPage({ params }: SpeakerProps) {
               title="Get your ticket"
               description="Join three transformative days of expert insights and innovation to shape the next decade of APIs!"
             >
-              <Button variant="primary" href={GET_TICKETS_LINK}>
-                Get tickets
+              <Button
+                disabled
+                className="opacity-55"
+                variant="primary"
+                href={GET_TICKETS_LINK}
+              >
+                Sold out
               </Button>
             </CtaCardSection>
             <div className="py-8">

src/app/conf/2025/speakers/page.tsx

@@ -20,7 +20,9 @@ export default function Page() {
     <main className="gql-all-anchors-focusable bg-neu-50 dark:bg-neu-0">
       <Hero pageName="Speakers" year={year}>
         <div className="mt-[18px] flex gap-4">
-          <Button href={GET_TICKETS_LINK}>Get your tickets</Button>
+          <Button disabled className="opacity-55" href={GET_TICKETS_LINK}>
+            Sold out
+          </Button>
           <Button variant="tertiary" href={`/conf/${year}/schedule`}>
             See the schedule
           </Button>
@@ -45,8 +47,13 @@ export default function Page() {
             title="Get your ticket"
             description="Join three transformative days of expert insights and innovation to shape the next decade of APIs!"
           >
-            <Button variant="primary" href={GET_TICKETS_LINK}>
-              Get tickets
+            <Button
+              disabled
+              className="opacity-55"
+              variant="primary"
+              href={GET_TICKETS_LINK}
+            >
+              Sold out
             </Button>
           </CtaCardSection>
           <div className="py-8">