diff --git a/public/index.html b/public/index.html
index f4d0266..ddd39da 100644
--- a/public/index.html
+++ b/public/index.html
@@ -350,6 +350,12 @@ <h2>Get in Touch</h2>
             </div>
         </div>
 
+        <!-- Gsap CDN  -->
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+        
+        <!-- Added Index.js file -->
+        <script src="index.js"></script>
+
         <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
         <script src="https://cdn.jsdelivr.net/gh/automat/controlkit.js@master/bin/controlKit.min.js"></script>
diff --git a/public/index.js b/public/index.js
new file mode 100644
index 0000000..6b33aca
--- /dev/null
+++ b/public/index.js
@@ -0,0 +1,13 @@
+var tl = gsap.timeline()
+tl.from("#nav .icon",{
+    opacity:0,
+    delay:1,
+    duration:1,
+    y:-30
+})
+tl.from("#right a",{
+    opacity:0,
+    duration:1,
+    y:-30,
+    stagger:0.3
+})
\ No newline at end of file