add pointing instuction

resources/js/app.js

@@ -18,6 +18,9 @@ document.addEventListener('click', function () {
 
     let initLoad = sessionStorage.getItem("initial-load")
 
+    let pointer = document.getElementById("pointer")
+    pointer.remove()
+
     // parts is intro cover
     let parts = document.getElementsByClassName("part");
     for (let part of parts) {
@@ -86,6 +89,11 @@ function imageLoading() {
             for (let part of parts) {
                 part.classList.remove("hidden")
             }
+
+            let pointer = document.getElementById("pointer")
+            setTimeout(() => {
+                pointer.classList.remove("hidden")
+            }, 1500);
         }
     }
 

resources/views/components/front-cover-intro-dummy.blade.php

@@ -18,5 +18,6 @@
             <img src="{{ asset('assets/name-right.webp') }}" alt="Name Right" class="logo-img">
         </div>
         <img src="{{asset('assets/flower-right.webp')}}" alt="" class="absolute -right-2/4 top-32 h-96 w-96 animate__animated animate__fadeIn animate__delay-2s">
+        <img id="pointer" src="{{asset('assets/tap.png')}}" alt="" class="absolute hidden animate__animated animate__flash animate__infinite" width="35" height="35" style="bottom: 35vh; left:10vw">
     </div>
 </div>

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

@@ -13,7 +13,7 @@
             <p class="font-tan-pearl font-semibold text-5xl"><span class="text-6xl">A</span>yuna</p>
         </div>
     </div>
-    <div class="flex flex-col justify-center ">
+    <div class="flex flex-col justify-center">
         <div class="flex justify-center">
             <p class="font-bold text-base">SABTU</p>
         </div>

resources/views/digital-card.blade.php

@@ -10,7 +10,7 @@
         <link rel="preconnect" href="https://fonts.bunny.net">
         <link href="https://fonts.bunny.net/css?family=figtree:400,600&display=swap" rel="stylesheet" />
         <link href="https://cdn.jsdelivr.net/npm/daisyui@4.12.10/dist/full.min.css" rel="stylesheet" type="text/css" />
-
+        <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
 
         <meta name="csrf-token" content="{{ csrf_token() }}">
 
@@ -57,6 +57,7 @@
 
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" defer/>
+        <script src="https://unpkg.com/aos@2.3.1/dist/aos.js" defer></script>
 
         @stack('script')
     </body>