digital-card/resources/views/modals/contact-modal.blade.php

<dialog id="contact" class="modal">
    <div class="modal-box w-11/12 max-w-5xl">
      <h3 class="text-lg font-bold">Hubungi PIC</h3>
      <div class="flex flex-col space-y-3 pt-2">
        
        <div class="flex justify-between">
          <p class="font-medium text-gray-600">Ariff</p>
          <div class="flex space-x-3">
            <a href="tel:+60192290504" class="flex items-center space-x-2 font-medium text-blue-900">
              <i class="fa-solid fa-phone-volume text-2xl"></i>
            </a>
            <a href="https://wa.me/60192290504" target="_blank" class="flex items-center space-x-2 font-medium text-green-600">
              <i class="fa-brands fa-whatsapp text-3xl"></i>
            </a>
          </div>
        </div>

        <div class="flex justify-between">
          <p class="font-medium text-gray-600">Akmal</p>
          <div class="flex space-x-3">
            <a href="tel:+60127605716" class="flex items-center space-x-2 font-medium text-blue-900">
              <i class="fa-solid fa-phone-volume text-2xl"></i>
            </a>
            <a href="https://wa.me/60127605716" target="_blank" class="flex items-center space-x-2 font-medium text-green-600">
              <i class="fa-brands fa-whatsapp text-3xl"></i>
            </a>
          </div>
        </div>

        <div class="flex justify-between">
          <p class="font-medium text-gray-600">PIC 3</p>
          <div class="flex space-x-3">
            <a href="tel:+6" class="flex items-center space-x-2 font-medium text-blue-900">
              <i class="fa-solid fa-phone-volume text-2xl"></i>
            </a>
            <a href="https://wa.me/6" target="_blank" class="flex items-center space-x-2 font-medium text-green-600">
              <i class="fa-brands fa-whatsapp text-3xl"></i>
            </a>
          </div>
        </div>

        <div class="flex justify-between">
          <p class="font-medium text-gray-600">PIC 4</p>
          <div class="flex space-x-3">
            <a href="tel:+6" class="flex items-center space-x-2 font-medium text-blue-900">
              <i class="fa-solid fa-phone-volume text-2xl"></i>
            </a>
            <a href="https://wa.me/6" target="_blank" class="flex items-center space-x-2 font-medium text-green-600">
              <i class="fa-brands fa-whatsapp text-3xl"></i>
            </a>
          </div>
        </div>
      </div>

      <div class="modal-action">
        <form method="dialog">
          <!-- if there is a button, it will close the modal -->
          <button class="btn">Tutup</button>
        </form>
      </div>
    </div>
  </dialog>