diff --git a/app/(pages)/(hackers)/(hub)/page.tsx b/app/(pages)/(hackers)/(hub)/page.tsx
index bf6ae3c6..c42ab5a2 100644
--- a/app/(pages)/(hackers)/(hub)/page.tsx
+++ b/app/(pages)/(hackers)/(hub)/page.tsx
@@ -31,12 +31,12 @@ export default function Page() {
{/* temporarilty set featureId below to "hero-hacking" to test */}
-
+
-
+
diff --git a/app/(pages)/(hackers)/_components/TableNumberCheckin/ConfirmStage.tsx b/app/(pages)/(hackers)/_components/TableNumberCheckin/ConfirmStage.tsx
new file mode 100644
index 00000000..af94cf13
--- /dev/null
+++ b/app/(pages)/(hackers)/_components/TableNumberCheckin/ConfirmStage.tsx
@@ -0,0 +1,95 @@
+'use client';
+
+import Link from 'next/link';
+import Image from 'next/image';
+
+interface ConfirmStageProps {
+ tableNumber: number | null;
+ onConfirm: () => void;
+ onReset: () => void;
+}
+
+export default function ConfirmStage({
+ tableNumber,
+ onConfirm,
+ onReset,
+}: ConfirmStageProps) {
+ return (
+
+ {/* RIGHT column — first in DOM so it appears at top on mobile, right on desktop */}
+
+ {/* Table Number Card */}
+
+
+ TABLE
+
+
+ {tableNumber ?? 'A1'}
+
+
+
+
+ {/* LEFT column — second in DOM, reordered to first on desktop */}
+
+
+
+ Your Table Number
+
+
+
+ Check that you and your team members received the same table number.
+ It is extremely important to be
+ present at your table when
+ the judges arrive.
+
+
+ {/* LEFT column — second in DOM, reordered to first on desktop */}
+
+
+
+ {error
+ ? 'Oops! We did not find your Devpost number.'
+ : 'Find your Devpost number.'}
+
+
+
+ {error
+ ? 'Please double check you have entered the same number on your devpost account.'
+ : 'This can be found by going to _____ and selecting____. Enter the number exactly as it is presented.'}
+
+
+
+ {/* Buttons — bottom of left column on desktop, bottom of card on mobile */}
+
- Thank you for all your hard work during the past 24 hours, HackDavis
- recognizes your passion and talent. Please enter in the team number
- you received from Devpost.
-
-
-
- setTeamNumber(event.target.value)}
- />
-
-
-
- );
-
- const loadingStage = (
-
-
-
-
SEARCHING HIGH AND LOW...
-
- Please wait patiently while we match you to a judging table. Btw did
- you know next year will be HackDavis's 10 year anniversary?
-
-
-
- );
-
- const confirmStage = (
-
-
-
{tableNumber}
-
-
YOUR TABLE NUMBER
-
-
- Map Link{' '}
-
-
-
- Check that you and your team members received the same table
- number. It is extremely important to be{' '}
- present at your table when the judges arrive.
-