修改

src/App.vue

 <script setup>
 import whatsApp from '@/assets/social/whatsApp.png'
+import { handleFabClick } from './view/utils/util'
+
+// const handleFabClick = () => {
+//   window.open('https://www.umrazafund.com')
+// }
+
+const handleFabClickWhats = () => {
+  window.open('https://api.whatsapp.com/send?phone=6285355005867')
+}
+
 </script>
 
+
 <template>
   <!-- <Suspense>
     <template #default>
@@ -11,14 +22,14 @@ import whatsApp from '@/assets/social/whatsApp.png'
 
       <div
         class="fixed bottom-24 left-6 pl-4 pr-4 pt-3 pb-3 bg-[#00322fe6] hover:opacity-90 text-white rounded-full flex items-center justify-center shadow-lg cursor-pointer"
-        @click="handleFabClick"
+        @click="handleFabClick()"
       >
-        <span>Hubungi Kami</span>
+        <span>Dana Haji</span>
       </div>
 
       <div
         class="fixed bottom-6 left-6 w-14 h-14 bg-green-500 hover:bg-green-600 text-white rounded-full flex items-center justify-center shadow-lg cursor-pointer"
-        @click="handleFabClick"
+        @click="handleFabClickWhats"
       >
         <img class="w-14" :src="whatsApp" alt="">
       </div>

src/view/header/header.vue

@@ -60,13 +60,13 @@
     </div>
 
     <!-- phone -->
-    <div class="lg:hidden sm:block bg-black h-10 w-full text-white items-center flex p-4 text-[12px]">
+    <div class="lg:hidden sm:block md:block bg-black h-10 w-full text-white items-center flex p-4 text-[12px]">
         <div class="flex flex-row items-center h-full">
             <img @click="tapChat(index)" class="h-5 bg-black hover:opacity-50" v-for="(value,index) in imgList" :src="value" alt="">
         </div>
     </div>
     <div
-        class="lg:hidden sm:block flex flex-row items-center justify-between p-2.5 sticky top-0 z-50 bg-white border-b border-gray-200">
+        class="lg:hidden  flex flex-row items-center justify-between p-2.5 sticky top-0 z-50 bg-white border-b border-gray-200">
         <strong><span @click="menuTap" class="text-[14px] text-[#333333]">☰ MENU</span></strong>
         <img class="h-10" :src="logoImg" alt="">
         <div class="flex items-center justify-center w-[93px] h-[42px] bg-[#f3f3f3]">

src/view/home/home.vue

@@ -4,19 +4,19 @@
         <iframe :src="embedUrl" frameborder="0" allow="autoplay; muted; loop; encrypted-media"></iframe>
         <!-- <div class="absolute top-12 z-40 opacity-30 bg-[green] left-24 right-24 h-[600px] pl-24 pr-24 pt-12">
         </div> -->
-        <div class="absolute top-100 left-24 right-24 hover:opacity-80 text-white flex justify-center items-center">
-            <div class="z-41 border pl-3 pr-3 pt-3 pb-3 rounded-sm">
-                <strong class="hover:opacity-50">KLIK UNTUK RESERVASI</strong>
+        <div @click="handleFabClick()" class="absolute top-100 left-24 right-24 hover:opacity-80 text-white flex justify-center items-center">
+            <div  class="z-50 border pl-3 pr-3 pt-3 pb-3 rounded-sm">
+                <strong>KLIK UNTUK RESERVASI</strong>
             </div>
         </div>
     </div>
 
-    <div class="lg:hidden sm:block w-full h-[400px] pt-4">
-        <div><img class="h-[400px] object-cover" :src="backImg" alt=""></div>
+    <div class="lg:hidden  w-full h-[400px] pt-4">
+        <div><img class="h-[400px] w-full object-cover" :src="backImg" alt=""></div>
         <div class="absolute top-4 w-full z-40 opacity-30 bg-[green] h-[400px] pl-24 pr-24 pt-12">
         </div>
         <div class="absolute top-50 w-full hover:opacity-80 text-white flex justify-center items-center">
-            <div class="z-41 border pl-3 pr-3 pt-3 pb-3 rounded-sm">
+            <div @click="handleFabClick()" class="z-41 border pl-3 pr-3 pt-3 pb-3 rounded-sm">
                 <strong class="hover:opacity-50">KLIK UNTUK RESERVASI</strong>
             </div>
         </div>
@@ -155,7 +155,7 @@
             <div class="mt-2.5"><strong><span class="text-[22px] leading-8">Pesan Perjalanan Suci Anda</span></strong></div>
             <strong><span class="text-[22px] leading-8">Sekarang!</span></strong>
             <div class="mt-2.5 text-center w-full lg:w-[500px]"><span class="text-[14px] leading-6 text-center text-[#ffffffcc]">Hubungi kami sekarang untuk mempelajari lebih lanjut tentang paket umrah kami dan melakukan reservasi. Nikmati pengalaman umrah yang tak terlupakan dengan pemandu berpengalaman dan layanan yang nyaman.</span></div>
-            <div class="p-3 border rounded-sm border-white text-[13px] mt-10">
+            <div @click="handleFabClick()" class="p-3 border rounded-sm border-white text-[13px] mt-10">
                 KLIK UNTUK RESERVASI
             </div>
             <div class="flex flex-row h-10 mt-5">
@@ -187,6 +187,7 @@ import ins from "@/assets/social/ins.jpg"
 import x from "@/assets/social/x.jpg"
 import whats from "@/assets/social/whats.jpg"
 import you from "@/assets/social/you.jpg"
+import { handleFabClick } from '../utils/util';
 
 const id = 'L-YyR1oN66w'
 const embedUrl =
@@ -330,7 +331,7 @@ const bottomList = [
 
 //聊天了
 const chatAction = () => {
-
+    handleFabClick()
 }
 const clickChat = (index) => {
     if(index == 0){
@@ -342,7 +343,7 @@ const clickChat = (index) => {
 
 <style scoped>
 .video-bg {
-    pointer-events: none;
+    /* pointer-events: none; */
     background: #fff;
 }
 .video-bg iframe {

src/view/tentang/tentang.vue

@@ -78,7 +78,7 @@
                     <div class="mt-2.5"><strong><span class="text-[22px] leading-8">Pesan Perjalanan Suci Anda</span></strong></div>
                     <strong><span class="text-[22px] leading-8">Sekarang!</span></strong>
                     <div class="mt-2.5 text-center lg:w-[500px] w-[90%]"><span class="text-[14px] leading-6 text-center text-[#ffffffcc]">Hubungi kami sekarang untuk mempelajari lebih lanjut tentang paket umrah kami dan melakukan reservasi. Nikmati pengalaman umrah yang tak terlupakan dengan pemandu berpengalaman dan layanan yang nyaman.</span></div>
-                    <div class="p-3 border rounded-sm border-white text-[13px] mt-10">
+                    <div @click="handleFabClick()" class="p-3 border rounded-sm border-white text-[13px] mt-10">
                         KLIK UNTUK RESERVASI
                     </div>
                     <!-- <div class="w-[100px] bg-red-700 h-10 mt-5"></div> -->
@@ -98,6 +98,7 @@ import ins from "@/assets/social/ins.jpg"
 import x from "@/assets/social/x.jpg"
 import whats from "@/assets/social/whats.jpg"
 import you from "@/assets/social/you.jpg"
+import { handleFabClick } from "../utils/util"
 
 const imgList = [
     facebook,

src/view/utils/util.js

+// src/utils.js
+export const handleFabClick = () => {
+  window.open('https://www.umrazafund.com')
+}