new celebration effect

utils/celebrations.ts

@@ -1,6 +1,24 @@
 import confetti from 'canvas-confetti'
+import JSConfetti from 'js-confetti'
+
+let jsConfetti: JSConfetti | null = null
+
+if (typeof window !== 'undefined') {
+  jsConfetti = new JSConfetti()
+}
 
 export const celebrations = {
+  emojiParty: () => {
+    if (jsConfetti) {
+      // 20% chance to use only coin emoji
+      const useCoinsOnly = Math.random() < 0.2
+      jsConfetti.addConfetti({
+        emojis: useCoinsOnly ? ['💰', '🪙'] : ['🎉', '✨', '🦄', '🌈', '⚡️', '🌸', '💫', '🌟'],
+        emojiSize: 50,
+        confettiNumber: useCoinsOnly ? 50 : 30, // More coins when it's coin-only
+      })
+    }
+  },
   basic: () => {
     confetti({
       particleCount: 200,
@@ -14,7 +32,7 @@ export const celebrations = {
     const animationEnd = Date.now() + duration
     const defaults = { startVelocity: 30, spread: 360, ticks: 60, zIndex: 0 }
 
-    const interval: any = setInterval(function() {
+    const interval: any = setInterval(function () {
       const timeLeft = animationEnd - Date.now()
 
       if (timeLeft <= 0) {
@@ -32,27 +50,27 @@ export const celebrations = {
 
   shower: () => {
     const end = Date.now() + 2000
-    
-    const colors = ['#ff0000', '#00ff00', '#0000ff']
-    ;(function frame() {
-      confetti({
-        particleCount: 2,
-        angle: 60,
-        spread: 55,
-        origin: { x: 0 },
-        colors: colors
-      })
-      confetti({
-        particleCount: 2,
-        angle: 120,
-        spread: 55,
-        origin: { x: 1 },
-        colors: colors
-      })
 
-      if (Date.now() < end) {
-        requestAnimationFrame(frame)
-      }
-    }())
+    const colors = ['#ff0000', '#00ff00', '#0000ff']
+      ; (function frame() {
+        confetti({
+          particleCount: 2,
+          angle: 60,
+          spread: 55,
+          origin: { x: 0 },
+          colors: colors
+        })
+        confetti({
+          particleCount: 2,
+          angle: 120,
+          spread: 55,
+          origin: { x: 1 },
+          colors: colors
+        })
+
+        if (Date.now() < end) {
+          requestAnimationFrame(frame)
+        }
+      }())
   }
 }