fix: block interactions when animation is happening

app/stores/contact.ts

@@ -20,7 +20,7 @@ export const useContactStore = defineStore("contact", {
     },
 
     isIntro: true,
-    isOutro: true,
+    isOutro: false,
 
     notifications: [] as string[],
     notificationsYOffset: 0,
@@ -30,13 +30,8 @@ export const useContactStore = defineStore("contact", {
     animateIntro() {
       this.isIntro = true;
 
-      const timeline = gsap.timeline({
-        onComplete: () => {
-          this.isIntro = false;
-        },
-      });
-
-      timeline
+      gsap
+        .timeline()
         .fromTo(
           this.intro,
           {
@@ -76,7 +71,10 @@ export const useContactStore = defineStore("contact", {
             ease: "none",
           },
           2.3,
-        );
+        )
+        .call(() => {
+          this.isIntro = false;
+        });
     },
 
     pushNotification(content: string) {