feat: Implement Animations for landing page

2026-03-04 15:49:53 +01:00
parent f8065f06cd
commit 7f44ed1112
10 changed files with 768 additions and 347 deletions
@@ -96,3 +96,27 @@
    border: 2px solid var(--clr-ts-red-400);
  }
 </style>
+
+<script>
+  import { gsap } from "gsap";
+  import { SplitText } from "gsap/SplitText";
+  import { ScrollTrigger } from "gsap/ScrollTrigger";
+
+  gsap.registerPlugin(SplitText);
+  gsap.registerPlugin(ScrollTrigger);
+
+  const footer = document.querySelector("footer");
+
+  if (footer) {
+    gsap.from(footer, {
+      scrollTrigger: {
+        trigger: footer,
+        start: "top 90%",
+      },
+      duration: 2,
+      opacity: 0,
+      yPercent: 10,
+      ease: "expo.out",
+    });
+  }
+</script>