From 2a43d816b5aaf559a03658d2013d2f4fd557466d Mon Sep 17 00:00:00 2001
From: Bastian Masanek <bastian.masanek@experimenta.science>
Date: Wed, 5 Nov 2025 01:50:42 +0100
Subject: [PATCH] Enhance Confetti Animation in AreaTabs Component

- Increased particle count and spread for a more vibrant confetti effect.
- Adjusted ticks and gravity for improved animation speed and realism.
- Reduced initial velocity for a smoother visual experience during confetti bursts.
---
 app/components/navigation/AreaTabs.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/components/navigation/AreaTabs.vue b/app/components/navigation/AreaTabs.vue
index 1b4e892..667c6c8 100644
--- a/app/components/navigation/AreaTabs.vue
+++ b/app/components/navigation/AreaTabs.vue
@@ -153,13 +153,14 @@ function triggerConfetti(element: HTMLElement) {
 
   // Confetti burst from tab position
   confetti({
-    particleCount: 25,
-    spread: 50,
+    particleCount: 50,
+    spread: 120,
     origin: { x, y },
     colors: ['#E91E85', '#FF6B9D', '#C77DFF', '#9D4EDD'],
-    ticks: 200,
-    gravity: 1.2,
+    ticks: 60,
+    gravity: 1.3, // Increased gravity for faster fall
     scalar: 0.8,
+    startVelocity: 15, // Reduced initial velocity (default: 45)
   })
 }