diff --git a/public/index.html b/public/index.html
index c39937f..5a71456 100644
--- a/public/index.html
+++ b/public/index.html
@@ -20,6 +20,7 @@
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
         integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
         crossorigin="anonymous"></script>
+    <link rel="stylesheet" href="https://unpkg.com/lenis@1.3.11/dist/lenis.css">
 
     <!-- Firebase -->
     <script src="https://www.gstatic.com/firebasejs/ui/9.6.2/firebase-ui-auth.js"></script>
@@ -174,6 +175,7 @@
         </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) {
@@ -182,6 +184,15 @@
                 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>