Add transitions to missing pages and attempt to animate it better?

src/routes/credits.svelte

@@ -1,10 +1,65 @@
 <script lang="ts">
+    import { browser } from '$app/env'
+    import { onMount } from 'svelte'
+    import anime from 'animejs'
+    import type { AnimeTimelineInstance } from 'animejs'
     // Components
     import Metas from '$components/Metas.svelte'
     import SiteTitle from '$components/atoms/SiteTitle.svelte'
     import InteractiveGlobe from '$components/organisms/InteractiveGlobe.svelte'
+    import Image from '$components/atoms/Image.svelte'
 
     export let data: any
+
+
+
+    /**
+     * Transition: Anime timeline
+     */
+     let timeline: AnimeTimelineInstance
+
+    if (browser) {
+        requestAnimationFrame(() => {
+            // Setup animations
+            timeline = anime.timeline({
+                duration: 1600,
+                easing: 'easeOutQuart',
+                autoplay: false,
+            })
+
+            anime.set('.credits__heading > *, .credits__category > ul > li', {
+                opacity: 0,
+                translateY: 24,
+            })
+            anime.set('.credits__category', {
+                opacity: 0,
+            })
+
+            // Elements
+            timeline.add({
+                targets: '.credits__heading > *, .credits__category',
+                opacity: 1,
+                translateY: 0,
+                delay: anime.stagger(350),
+            }, 500)
+
+            // Names
+            timeline.add({
+                targets: '.credits__category > ul > li',
+                opacity: 1,
+                translateY: 0,
+                delay: anime.stagger(350),
+            }, 1100)
+        })
+    }
+
+
+    onMount(() => {
+        // Transition in
+        requestAnimationFrame(() => {
+            timeline.play()
+        })
+    })
 </script>
 
 <Metas