right now we currently have the "AMPLIFY Your 2026!" please make that and the firework annimation disspare after 2 secound

components/amplify-2026.js

@@ -173,15 +173,16 @@ class Amplify2026 extends HTMLElement {
     }
     // Start animation
     setTimeout(animate, 1000);
-    
-    // Fade out text after 4 seconds
+    // Fade out after 2 seconds
     setTimeout(() => {
-        const textElement = this.shadowRoot.getElementById('amplify-text');
-        if (textElement) {
-            textElement.style.transition = 'opacity 2s ease-out';
-            textElement.style.opacity = '0';
-        }
-    }, 4000);
+        this.style.transition = 'opacity 1s ease-out';
+        this.style.opacity = '0';
+        
+        // Remove element after fade out
+        setTimeout(() => {
+            this.remove();
+        }, 1000);
+    }, 2000);
 }
 }
 

components/fireworks.js

@@ -127,10 +127,20 @@ class FireworksAnimation extends HTMLElement {
 
       requestAnimationFrame(animate);
     }
-
     // Initial launch
     setTimeout(launchRocket, 500);
     animate();
-  }
+
+    // Remove after 2 seconds
+    setTimeout(() => {
+        this.style.transition = 'opacity 1s ease-out';
+        this.style.opacity = '0';
+        
+        // Remove element after fade out
+        setTimeout(() => {
+            this.remove();
+        }, 1000);
+    }, 2000);
+}
 }
 customElements.define('fireworks-animation', FireworksAnimation);