add scroll instruction

resources/js/app.js

@@ -16,6 +16,13 @@ document.addEventListener('DOMContentLoaded', function () {
         this.classList.remove("animate__flash");
     })
 
+    let scrollerInd = document.getElementById("scroller");
+
+    setTimeout(()=>{
+        window.addEventListener('scroll', function(){
+            scrollerInd.remove();
+        })
+    },1000)
 });
 
 
@@ -24,7 +31,7 @@ document.addEventListener('click', function () {
     let initLoad = sessionStorage.getItem("initial-load")
 
     let pointer = document.getElementById("pointer")
-    pointer.remove()
+    if(pointer) pointer.remove()
 
     // parts is intro cover
     let parts = document.getElementsByClassName("part");

resources/views/components/main-event.blade.php

@@ -1,4 +1,4 @@
-<div class="flex flex-col gap-5 w-4/5 mt-44 mb-40 text-navbarcolor">
+<div class="flex flex-col gap-5 w-4/5 mt-44 mb-40 text-navbarcolor relative">
     <div class="flex justify-center fade-element">
         <p class="font-semibold text-sm">WALIMATULURUS</p>
     </div>
@@ -29,4 +29,5 @@
             <p class="font-semibold text-sm">SULTAN HAJI AHMAD SHAH</p>
         </div>
     </div>
+    <img id="scroller" src="{{asset('assets/scrolling.png')}}" alt="" class="absolute animate__animated animate__fadeInUp animate__infinite" width="35" height="35" style="bottom: 50%; right:20px">
 </div>