diff --git a/public/index.html b/public/index.html
index 5a71456..f657105 100644
--- a/public/index.html
+++ b/public/index.html
@@ -26,6 +26,15 @@
     <script src="https://www.gstatic.com/firebasejs/ui/9.6.2/firebase-ui-auth.js"></script>
     <link type="text/css" rel="stylesheet" href="https://www.gstatic.com/firebasejs/ui/9.6.2/firebase-ui-auth.css" />
 
+    <!-- Lenis -->
+    <script src="https://unpkg.com/lenis@1.3.11/dist/lenis.min.js" defer></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            const lenis = new Lenis({ autoRaf: true });
+            document.getElementById('scroll-down').addEventListener('click', (e) => lenis.scrollTo("#info"));
+        });
+    </script>
+
     <!-- Styles -->
     <link rel="stylesheet" href="styles/styles.css">
     <link rel="icon" type="image/png" href="images/code_society_round.png">
@@ -174,26 +183,6 @@
             </div>
         </div>
     </section>
-
-    <script src="https://unpkg.com/lenis@1.3.11/dist/lenis.min.js"></script> 
-    <!-- JavaScript for smooth scrolling when arrow clicked -->
-    <script>
-        document.getElementById('scroll-down').addEventListener('click', function (e) {
-            e.preventDefault();
-            setTimeout(function () {
-                document.getElementById('info').scrollIntoView({ behavior: 'smooth' });
-            }, 500);
-        });
-        // Initialize Lenis
-        const lenis = new Lenis({
-          autoRaf: true,
-        });
-        
-        // Listen for the scroll event and log the event data
-        lenis.on('scroll', (e) => {
-          console.log(e);
-        });
-    </script>
 </body>
 
 </html>