<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">Muqriz</p>
          <div class="flex space-x-3">
            <a href="tel:+601133133619" 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/01133133619" 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">Hamzah</p>
          <div class="flex space-x-3">
            <a href="tel:+601133133619" 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/01133133619" 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>