feat: confetti

Closes #5

apps/web/src/components/homepage/CountdownBanner.tsx

@@ -1,5 +1,4 @@
-import confetti from "canvas-confetti";
-import { useEffect, useRef, useState } from "react";
+import { useState } from "react";
 import { REGISTRATION_OPENS_AT } from "@/lib/opening";
 import { useRegistrationOpen } from "@/lib/useRegistrationOpen";
 import { client } from "@/utils/orpc";
@@ -26,34 +25,6 @@ function UnitBox({ value, label }: UnitBoxProps) {
 	);
 }
 
-function fireConfetti() {
-	const colors = ["#d82560", "#52979b", "#d09035", "#214e51", "#ffffff"];
-
-	// Three bursts from different origins
-	confetti({
-		particleCount: 120,
-		spread: 80,
-		origin: { x: 0.3, y: 0.6 },
-		colors,
-	});
-	setTimeout(() => {
-		confetti({
-			particleCount: 120,
-			spread: 80,
-			origin: { x: 0.7, y: 0.6 },
-			colors,
-		});
-	}, 200);
-	setTimeout(() => {
-		confetti({
-			particleCount: 80,
-			spread: 100,
-			origin: { x: 0.5, y: 0.5 },
-			colors,
-		});
-	}, 400);
-}
-
 // Reminder opt-in form — sits at the very bottom of the banner
 function ReminderForm() {
 	const [email, setEmail] = useState("");
@@ -231,18 +202,9 @@ function ReminderForm() {
 
 /**
  * Shown in place of the registration form while registration is not yet open.
- * Fires confetti the moment the gate opens (without a page reload).
  */
 export function CountdownBanner() {
 	const { isOpen, days, hours, minutes, seconds } = useRegistrationOpen();
-	const confettiFired = useRef(false);
-
-	useEffect(() => {
-		if (isOpen && !confettiFired.current) {
-			confettiFired.current = true;
-			fireConfetti();
-		}
-	}, [isOpen]);
 
 	// Once open the parent component will unmount this — but render nothing just in case
 	if (isOpen) return null;