From a81782401d6a4f36d8abfadbc37cfeaf56fb5d66 Mon Sep 17 00:00:00 2001
From: Erik Thorelli <ethorelli@gmail.com>
Date: Wed, 16 Sep 2026 12:56:08 -0700
Subject: [PATCH] Delegate public event registration and availability to Luma

---
 .../2024-10-05-hackathon-at-sentry/page.tsx   | 26 +-------
 .../page.tsx                                  | 33 ++--------
 .../2025-04-26-hackathon-at-sentry/page.tsx   | 26 +-------
 .../app/2025-06-02-nextdevfm-live/page.tsx    | 26 +-------
 .../page.tsx                                  | 26 +-------
 app/src/app/[slug]/page.tsx                   | 27 +-------
 app/src/components/event-details.tsx          | 61 ++++---------------
 7 files changed, 31 insertions(+), 194 deletions(-)

diff --git a/app/src/app/2024-10-05-hackathon-at-sentry/page.tsx b/app/src/app/2024-10-05-hackathon-at-sentry/page.tsx
index 5d31a26..9721d40 100644
--- a/app/src/app/2024-10-05-hackathon-at-sentry/page.tsx
+++ b/app/src/app/2024-10-05-hackathon-at-sentry/page.tsx
@@ -2,7 +2,6 @@ import { notFound } from "next/navigation";
 import { Metadata } from "next";
 import { getExpandedEventBySlug } from "@/lib/expanded-events";
 import { isEventInPast } from "@/lib/events";
-import { getEventAttendeeCount } from "@/lib/attendee-counter";
 import { mainConfig } from "@/lib/config";
 import {
   EventDetailsPage,
@@ -64,32 +63,13 @@ export default async function HackathonPage() {
     notFound();
   }
 
-  // Get real attendee count from Luma API
-  const attendeeCount = event.lumaEventId
-    ? await getEventAttendeeCount(event.lumaEventId)
-    : 0;
-  const attendeeLimit = event.attendeeLimit;
-  const isAtCapacity = attendeeCount >= attendeeLimit;
   const isInPast = isEventInPast(event);
   const showEventImageSection = !!event.images.length;
 
   return (
-    <EventDetailsPage
-      event={event}
-      isAtCapacity={isAtCapacity}
-      isInPast={isInPast}
-    >
-      <HeroSection
-        event={event}
-        isAtCapacity={isAtCapacity}
-        isInPast={isInPast}
-      />
-      <AllYouNeedToKnowSection
-        event={event}
-        attendeeCount={attendeeCount}
-        attendeeLimit={attendeeLimit}
-        isInPast={isInPast}
-      />
+    <EventDetailsPage event={event} isInPast={isInPast}>
+      <HeroSection event={event} isInPast={isInPast} />
+      <AllYouNeedToKnowSection event={event} isInPast={isInPast} />
       {showEventImageSection && (
         <ImagesSection background="default" images={event.images} />
       )}
diff --git a/app/src/app/2024-12-03-all-things-web-at-convex/page.tsx b/app/src/app/2024-12-03-all-things-web-at-convex/page.tsx
index bec8ea0..85e15d8 100644
--- a/app/src/app/2024-12-03-all-things-web-at-convex/page.tsx
+++ b/app/src/app/2024-12-03-all-things-web-at-convex/page.tsx
@@ -2,7 +2,6 @@ import { notFound } from "next/navigation";
 import { Metadata } from "next";
 import { getExpandedEventBySlug } from "@/lib/expanded-events";
 import { isEventInPast } from "@/lib/events";
-import { getEventAttendeeCount } from "@/lib/attendee-counter";
 import { mainConfig } from "@/lib/config";
 import {
   EventDetailsPage,
@@ -73,40 +72,16 @@ export default async function ConvexEventPage() {
     notFound();
   }
 
-  // Get real attendee count from Luma API
-  const attendeeCount = event.lumaEventId
-    ? await getEventAttendeeCount(event.lumaEventId)
-    : 0;
-  const attendeeLimit = event.attendeeLimit;
-  const isAtCapacity = attendeeCount >= attendeeLimit;
   const isInPast = isEventInPast(event);
 
   return (
-    <EventDetailsPage
-      event={event}
-      isAtCapacity={isAtCapacity}
-      isInPast={isInPast}
-    >
-      <HeroSection
-        className="md:mt-20"
-        event={event}
-        isAtCapacity={isAtCapacity}
-        isInPast={isInPast}
-      >
-        <HeroSectionTitle
-          event={event}
-          isAtCapacity={isAtCapacity}
-          isInPast={isInPast}
-        >
+    <EventDetailsPage event={event} isInPast={isInPast}>
+      <HeroSection className="md:mt-20" event={event} isInPast={isInPast}>
+        <HeroSectionTitle event={event} isInPast={isInPast}>
           {HeroAnimation}
         </HeroSectionTitle>
       </HeroSection>
-      <AllYouNeedToKnowSection
-        event={event}
-        attendeeCount={attendeeCount}
-        attendeeLimit={attendeeLimit}
-        isInPast={isInPast}
-      />
+      <AllYouNeedToKnowSection event={event} isInPast={isInPast} />
       {event.talks.length > 0 && <TalksSection talks={event.talks} />}
       {event.images.length > 0 && (
         <ImagesSection
diff --git a/app/src/app/2025-04-26-hackathon-at-sentry/page.tsx b/app/src/app/2025-04-26-hackathon-at-sentry/page.tsx
index 3b4ed9b..c188c09 100644
--- a/app/src/app/2025-04-26-hackathon-at-sentry/page.tsx
+++ b/app/src/app/2025-04-26-hackathon-at-sentry/page.tsx
@@ -2,7 +2,6 @@ import { notFound } from "next/navigation";
 import { Metadata } from "next";
 import { getExpandedEventBySlug } from "@/lib/expanded-events";
 import { isEventInPast } from "@/lib/events";
-import { getEventAttendeeCount } from "@/lib/attendee-counter";
 import { mainConfig } from "@/lib/config";
 import {
   EventDetailsPage,
@@ -65,32 +64,13 @@ export default async function HackathonPage() {
     notFound();
   }
 
-  // Get real attendee count from Luma API
-  const attendeeCount = event.lumaEventId
-    ? await getEventAttendeeCount(event.lumaEventId)
-    : 0;
-  const attendeeLimit = event.attendeeLimit;
-  const isAtCapacity = attendeeCount >= attendeeLimit;
   const isInPast = isEventInPast(event);
   const showEventImageSection = !!event.images.length;
 
   return (
-    <EventDetailsPage
-      event={event}
-      isAtCapacity={isAtCapacity}
-      isInPast={isInPast}
-    >
-      <HeroSection
-        event={event}
-        isAtCapacity={isAtCapacity}
-        isInPast={isInPast}
-      />
-      <AllYouNeedToKnowSection
-        event={event}
-        attendeeCount={attendeeCount}
-        attendeeLimit={attendeeLimit}
-        isInPast={isInPast}
-      />
+    <EventDetailsPage event={event} isInPast={isInPast}>
+      <HeroSection event={event} isInPast={isInPast} />
+      <AllYouNeedToKnowSection event={event} isInPast={isInPast} />
       {showEventImageSection && (
         <ImagesSection background="default" images={event.images} />
       )}
diff --git a/app/src/app/2025-06-02-nextdevfm-live/page.tsx b/app/src/app/2025-06-02-nextdevfm-live/page.tsx
index de005fb..8f80c0d 100644
--- a/app/src/app/2025-06-02-nextdevfm-live/page.tsx
+++ b/app/src/app/2025-06-02-nextdevfm-live/page.tsx
@@ -3,7 +3,6 @@ import { Metadata } from "next";
 import Link from "next/link";
 import { getExpandedEventBySlug } from "@/lib/expanded-events";
 import { isEventInPast } from "@/lib/events";
-import { getEventAttendeeCount } from "@/lib/attendee-counter";
 import { mainConfig } from "@/lib/config";
 import {
   EventDetailsPage,
@@ -80,12 +79,6 @@ export default async function NextDevFmLivePage() {
     notFound();
   }
 
-  // Get real attendee count from Luma API
-  const attendeeCount = event.lumaEventId
-    ? await getEventAttendeeCount(event.lumaEventId)
-    : 0;
-  const attendeeLimit = event.attendeeLimit;
-  const isAtCapacity = attendeeCount >= attendeeLimit;
   const isInPast = isEventInPast(event);
   const showEventImageSection = !!event.images.length;
 
@@ -98,22 +91,9 @@ export default async function NextDevFmLivePage() {
   const ted = getProfile(tedNymanId);
 
   return (
-    <EventDetailsPage
-      event={event}
-      isAtCapacity={isAtCapacity}
-      isInPast={isInPast}
-    >
-      <HeroSection
-        event={event}
-        isAtCapacity={isAtCapacity}
-        isInPast={isInPast}
-      />
-      <AllYouNeedToKnowSection
-        event={event}
-        attendeeCount={attendeeCount}
-        attendeeLimit={attendeeLimit}
-        isInPast={isInPast}
-      />
+    <EventDetailsPage event={event} isInPast={isInPast}>
+      <HeroSection event={event} isInPast={isInPast} />
+      <AllYouNeedToKnowSection event={event} isInPast={isInPast} />
       {showEventImageSection && (
         <ImagesSection background="default" images={event.images} />
       )}
diff --git a/app/src/app/2025-09-23-lightning-hackathon-at-sentry/page.tsx b/app/src/app/2025-09-23-lightning-hackathon-at-sentry/page.tsx
index 581716e..d0abebf 100644
--- a/app/src/app/2025-09-23-lightning-hackathon-at-sentry/page.tsx
+++ b/app/src/app/2025-09-23-lightning-hackathon-at-sentry/page.tsx
@@ -2,7 +2,6 @@ import { notFound } from "next/navigation";
 import { Metadata } from "next";
 import { getExpandedEventBySlug } from "@/lib/expanded-events";
 import { isEventInPast } from "@/lib/events";
-import { getEventAttendeeCount } from "@/lib/attendee-counter";
 import { mainConfig } from "@/lib/config";
 import {
   EventDetailsPage,
@@ -65,32 +64,13 @@ export default async function LightningHackathonPage() {
     notFound();
   }
 
-  // Get real attendee count from Luma API
-  const attendeeCount = event.lumaEventId
-    ? await getEventAttendeeCount(event.lumaEventId)
-    : 0;
-  const attendeeLimit = event.attendeeLimit;
-  const isAtCapacity = attendeeCount >= attendeeLimit;
   const isInPast = isEventInPast(event);
   const showEventImageSection = !!event.images.length;
 
   return (
-    <EventDetailsPage
-      event={event}
-      isAtCapacity={isAtCapacity}
-      isInPast={isInPast}
-    >
-      <HeroSection
-        event={event}
-        isAtCapacity={isAtCapacity}
-        isInPast={isInPast}
-      />
-      <AllYouNeedToKnowSection
-        event={event}
-        attendeeCount={attendeeCount}
-        attendeeLimit={attendeeLimit}
-        isInPast={isInPast}
-      />
+    <EventDetailsPage event={event} isInPast={isInPast}>
+      <HeroSection event={event} isInPast={isInPast} />
+      <AllYouNeedToKnowSection event={event} isInPast={isInPast} />
       {showEventImageSection && (
         <ImagesSection background="default" images={event.images} />
       )}
diff --git a/app/src/app/[slug]/page.tsx b/app/src/app/[slug]/page.tsx
index 3f6d27d..5201e36 100644
--- a/app/src/app/[slug]/page.tsx
+++ b/app/src/app/[slug]/page.tsx
@@ -2,7 +2,6 @@ import { notFound } from "next/navigation";
 import { Metadata } from "next";
 import { getExpandedEventBySlug } from "@/lib/expanded-events";
 import { isEventInPast } from "@/lib/events";
-import { getEventAttendeeCount } from "@/lib/attendee-counter";
 import { mainConfig } from "@/lib/config";
 import {
   EventDetailsPage,
@@ -71,32 +70,12 @@ export default async function EventPage({ params }: PageProps) {
     notFound();
   }
 
-  // Get real attendee count from Luma API
-  const attendeeCount =
-    event.lumaEventId && event.attendeeLimit > 0
-      ? await getEventAttendeeCount(event.lumaEventId)
-      : 0;
-  const attendeeLimit = event.attendeeLimit;
-  const isAtCapacity = attendeeLimit > 0 && attendeeCount >= attendeeLimit;
   const isInPast = isEventInPast(event);
 
   return (
-    <EventDetailsPage
-      event={event}
-      isAtCapacity={isAtCapacity}
-      isInPast={isInPast}
-    >
-      <HeroSection
-        event={event}
-        isAtCapacity={isAtCapacity}
-        isInPast={isInPast}
-      />
-      <AllYouNeedToKnowSection
-        event={event}
-        attendeeCount={attendeeCount}
-        attendeeLimit={attendeeLimit}
-        isInPast={isInPast}
-      />
+    <EventDetailsPage event={event} isInPast={isInPast}>
+      <HeroSection event={event} isInPast={isInPast} />
+      <AllYouNeedToKnowSection event={event} isInPast={isInPast} />
       {event.talks.length > 0 && <TalksSection talks={event.talks} />}
       {event.images.length > 0 && (
         <ImagesSection
diff --git a/app/src/components/event-details.tsx b/app/src/components/event-details.tsx
index 4826144..65e2010 100644
--- a/app/src/components/event-details.tsx
+++ b/app/src/components/event-details.tsx
@@ -1,5 +1,4 @@
 import {
-  AlertCircleIcon,
   CalendarIcon,
   ExternalLink,
   InfoIcon,
@@ -29,12 +28,10 @@ import { SocialsList } from "@/components/profile-card";
 
 export function HeroSectionTitle({
   event,
-  isAtCapacity,
   isInPast,
   children,
 }: {
   event: ExpandedEvent;
-  isAtCapacity: boolean;
   isInPast: boolean;
   children?: React.ReactNode;
 }) {
@@ -66,11 +63,7 @@ export function HeroSectionTitle({
           target="_blank"
           rel="noopener noreferrer"
         >
-          {isInPast
-            ? "View on Luma"
-            : isAtCapacity
-              ? "Join waitlist on Luma"
-              : "Register on Luma"}
+          {isInPast ? "View on Luma" : "Register on Luma"}
         </Link>
       </Button>
     </div>
@@ -144,12 +137,10 @@ export function HeroSectionImage({
 export function HeroSection({
   event,
   isInPast,
-  isAtCapacity,
   children,
   className,
 }: {
   event: ExpandedEvent;
-  isAtCapacity: boolean;
   isInPast: boolean;
   children?: React.ReactNode;
   className?: string;
@@ -163,11 +154,7 @@ export function HeroSection({
           ) : (
             <>
               <div className="text-center lg:text-left">
-                <HeroSectionTitle
-                  event={event}
-                  isAtCapacity={isAtCapacity}
-                  isInPast={isInPast}
-                />
+                <HeroSectionTitle event={event} isInPast={isInPast} />
               </div>
               <div className="w-full max-w-md lg:max-w-[400px] xl:max-w-[600px] lg:flex-1">
                 <HeroSectionImage
@@ -193,13 +180,9 @@ export function HeroSection({
 
 export function AllYouNeedToKnowSection({
   event,
-  attendeeLimit,
-  attendeeCount,
   isInPast,
 }: {
   event: ExpandedEvent;
-  attendeeLimit: number;
-  attendeeCount: number;
   isInPast: boolean;
 }) {
   return (
@@ -215,25 +198,19 @@ export function AllYouNeedToKnowSection({
               <h3 className="text-lg sm:text-xl lg:text-2xl xl:text-3xl font-medium leading-tight">
                 {isInPast
                   ? "Event has ended"
-                  : attendeeLimit <= 0
+                  : event.lumaEventUrl
                     ? "Registration on Luma"
-                    : attendeeCount < attendeeLimit
-                      ? "Spots available"
-                      : "At capacity"}
+                    : "Event details"}
               </h3>
-              <p className="text-sm sm:text-base lg:text-lg xl:text-xl text-muted-foreground mt-1">
-                {attendeeLimit > 0 ? (
-                  <>
-                    {attendeeCount} / {attendeeLimit} guests registered
-                  </>
-                ) : (
-                  <Link
-                    href={event.lumaEventUrl || "https://luma.com/allthingsweb"}
-                  >
-                    View event details on Luma
+              {event.lumaEventUrl && (
+                <p className="text-sm sm:text-base lg:text-lg xl:text-xl text-muted-foreground mt-1">
+                  <Link href={event.lumaEventUrl}>
+                    {isInPast
+                      ? "View event details on Luma"
+                      : "Check availability on Luma"}
                   </Link>
-                )}
-              </p>
+                </p>
+              )}
             </div>
           </div>
           <div className="flex gap-3 sm:gap-4 flex-col items-center text-center">
@@ -573,28 +550,14 @@ export function ImagesSection({
 export function EventDetailsPage({
   children,
   event,
-  isAtCapacity,
   isInPast,
 }: {
   children?: React.ReactNode;
   event: ExpandedEvent;
-  isAtCapacity: boolean;
   isInPast: boolean;
 }) {
   return (
     <PageLayout>
-      {isAtCapacity && !isInPast && (
-        <div className="px-4 lg:px-6">
-          <Alert variant="default">
-            <AlertCircleIcon className="h-6 w-6 text-destructive pr-2" />
-            <AlertTitle>Registration closed</AlertTitle>
-            <AlertDescription>
-              This event is fully booked! Join the waitlist to be notified if
-              any spots open up. We appreciate your interest!
-            </AlertDescription>
-          </Alert>
-        </div>
-      )}
       {isInPast && (
         <div className="px-4 lg:px-6">
           <Alert>