diff --git a/resources/js/app.js b/resources/js/app.js
index 47ede7c..276cf53 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -2,4 +2,56 @@ import menuInit from './header';
 
 window.addEventListener('load', function () {
   menuInit();
+
+  gsap.to('.shape.square', {
+    scrollTrigger: {
+      trigger: '.branding',
+      start: 'top bottom',
+      end: 'bottom top',
+      markers: true,
+      scrub: 0.2,
+    },
+    y: '300%',
+    duration: 2,
+    ease: 'none',
+  });
+
+  gsap.to('.shape.circle', {
+    scrollTrigger: {
+      trigger: '.branding',
+      start: 'top bottom',
+      end: 'bottom top',
+      markers: true,
+      scrub: 0.4,
+    },
+    y: '175%',
+    duration: 2,
+    ease: 'none',
+  });
+
+  gsap.to('.shape.rectangle-rotated', {
+    scrollTrigger: {
+      trigger: '.branding',
+      start: 'top bottom',
+      end: 'bottom top',
+      markers: true,
+      scrub: 0.6,
+    },
+    y: '340%',
+    duration: 2,
+    ease: 'none',
+  });
+
+  gsap.to('.shape.rectangle-vertical', {
+    scrollTrigger: {
+      trigger: '.branding',
+      start: 'top bottom',
+      end: 'bottom top',
+      markers: true,
+      scrub: 0.3,
+    },
+    y: '150%',
+    duration: 2,
+    ease: 'none',
+  });
 });