edit MAT-28 page

resources/assets/js/components/demo/voter/home/mat.vue

@@ -4,10 +4,13 @@
 
             <!-- <h6 class="text-center">Pautan Zoom</h6> -->
             <div>
-                <img :src="imageUrl" alt="background-img" class="background-img"  @click="navigateToURL"  />
-                <!-- logoImage.src = window.location.origin + '/images/login-admin.jpeg?' + new Date().getTime(); -->
+                <img :src="imageUrl" alt="background-img" class="background-img" @click="navigateToURL" />
 
-            </div><hr>
+            </div>
+            <hr>
+            <div class="mt-2 text-muted text-center" style="font-weight: bold;">
+                Tekan pada gambar untuk ke <span style="color: #007bff;">Linktree</span>
+            </div>
 
             <!-- <div class="right-button">
                 <button class="btn btn-info right-button">Lampiran Dokumen MAT ke-27/2023 >></button>
@@ -20,7 +23,6 @@
 
 <script>
 
-import myImage from '/images/banner-mat28.jpg';
 
 export default {
 
@@ -49,7 +51,7 @@ export default {
 
     data() {
         return {
-            imageUrl: myImage
+            imageUrl: '/images/linktree-kopkb.jpg'
         }
 
     }
@@ -68,16 +70,18 @@ export default {
     /* Ensure the image does not exceed container dimensions */
     max-width: 100%;
     max-height: 80vh;
-    border-radius: 20px; 
+    border-radius: 20px;
 }
-    /* transform: translate(-50%, -50%); */
+
+/* transform: translate(-50%, -50%); */
 
 
 
 .right-button {
 
     border-color: rgb(14, 14, 15);
-    text-align: left; /* Align button content to the left */
+    text-align: left;
+    /* Align button content to the left */
     color: #fff;
     border-radius: 10px;
     cursor: pointer;