{"id":2004,"date":"2026-10-30T17:10:18","date_gmt":"2026-10-30T10:10:18","guid":{"rendered":"https:\/\/keinabeauty.com\/?page_id=2004"},"modified":"2026-10-30T17:26:51","modified_gmt":"2026-10-30T10:26:51","slug":"reservasi","status":"publish","type":"page","link":"https:\/\/keinabeauty.com\/en\/reservasi\/","title":{"rendered":"Reservations"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2004\" class=\"elementor elementor-2004\">\n\t\t\t\t<div class=\"elementor-element elementor-element-667800d e-flex e-con-boxed e-con e-parent\" data-id=\"667800d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-863d4db elementor-widget elementor-widget-html\" data-id=\"863d4db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<div class=\"keina-booking\">\r\n  <div class=\"keina-booking-header\">\r\n    <span class=\"keina-booking-label\">KEINA CLINIC<\/span>\r\n    <h2>Booking Appointment<\/h2>\r\n    <p>Silakan lengkapi data berikut untuk melakukan reservasi treatment.<\/p>\r\n  <\/div>\r\n\r\n  <form id=\"keinaReservationForm\">\r\n    <div class=\"keina-form-grid\">\r\n\r\n      <div class=\"keina-field\">\r\n        <label for=\"keina-name\">Nama Lengkap <span>*<\/span><\/label>\r\n        <input type=\"text\" id=\"keina-name\" placeholder=\"Masukkan nama lengkap\" required>\r\n      <\/div>\r\n\r\n      <div class=\"keina-field\">\r\n        <label for=\"keina-phone\">No. WhatsApp <span>*<\/span><\/label>\r\n        <input type=\"tel\" id=\"keina-phone\" inputmode=\"tel\" placeholder=\"Contoh: 081234567890\" required>\r\n      <\/div>\r\n\r\n      <div class=\"keina-field keina-full\">\r\n        <label for=\"keina-address\">Alamat <span>*<\/span><\/label>\r\n        <textarea id=\"keina-address\" rows=\"2\" placeholder=\"Masukkan alamat lengkap\" required><\/textarea>\r\n      <\/div>\r\n\r\n      <div class=\"keina-field\">\r\n        <label for=\"keina-birthplace\">Tempat Lahir <span>*<\/span><\/label>\r\n        <input type=\"text\" id=\"keina-birthplace\" placeholder=\"Kota tempat lahir\" required>\r\n      <\/div>\r\n\r\n      <div class=\"keina-field\">\r\n        <label for=\"keina-birthdate\">Tanggal Lahir <span>*<\/span><\/label>\r\n        <input type=\"date\" id=\"keina-birthdate\" required>\r\n      <\/div>\r\n\r\n      <div class=\"keina-field keina-full\">\r\n        <label for=\"keina-treatment\">Treatment yang Diinginkan <span>*<\/span><\/label>\r\n        <input type=\"text\" id=\"keina-treatment\" placeholder=\"Masukkan treatment yang diinginkan\" required>\r\n      <\/div>\r\n\r\n      <div class=\"keina-field\">\r\n        <label for=\"keina-date\">Tanggal Reservasi <span>*<\/span><\/label>\r\n        <input type=\"date\" id=\"keina-date\" required>\r\n      <\/div>\r\n\r\n      <div class=\"keina-field\">\r\n        <label for=\"keina-time\">Jam Reservasi <span>*<\/span><\/label>\r\n        <input\r\n          type=\"time\"\r\n          id=\"keina-time\"\r\n          min=\"09:00\"\r\n          max=\"20:00\"\r\n          step=\"60\"\r\n          required\r\n        >\r\n        <small class=\"keina-time-note\">Pilih waktu antara pukul 09.00\u201320.00.<\/small>\r\n      <\/div>\r\n\r\n      <div class=\"keina-field\">\r\n        <label for=\"keina-height\">Tinggi Badan (cm) <span>*<\/span><\/label>\r\n        <input type=\"number\" id=\"keina-height\" min=\"1\" placeholder=\"Contoh: 165\" required>\r\n      <\/div>\r\n\r\n      <div class=\"keina-field\">\r\n        <label for=\"keina-weight\">Berat Badan (kg) <span>*<\/span><\/label>\r\n        <input type=\"number\" id=\"keina-weight\" min=\"1\" step=\"0.1\" placeholder=\"Contoh: 55\" required>\r\n      <\/div>\r\n\r\n      <div class=\"keina-field keina-full\">\r\n        <label for=\"keina-source\">Tahu KEINA dari Mana? <span>*<\/span><\/label>\r\n        <select id=\"keina-source\" required>\r\n          <option value=\"\">Pilih sumber informasi<\/option>\r\n          <option value=\"Instagram\">Instagram<\/option>\r\n          <option value=\"Facebook\">Facebook<\/option>\r\n          <option value=\"Google\">Google<\/option>\r\n          <option value=\"TikTok\">TikTok<\/option>\r\n          <option value=\"Shopee\">Shopee<\/option>\r\n          <option value=\"Kerabat \/ Keluarga\">Kerabat \/ Keluarga<\/option>\r\n          <option value=\"Plang KEINA Clinic\">Plang KEINA Clinic<\/option>\r\n          <option value=\"Lainnya\">Lainnya<\/option>\r\n        <\/select>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <p class=\"keina-form-note\">\r\n      * Wajib diisi. Pengajuan reservasi akan dikonfirmasi kembali oleh tim KEINA Clinic melalui WhatsApp.\r\n    <\/p>\r\n\r\n    <button type=\"submit\" class=\"keina-submit\">\r\n      Booking via WhatsApp\r\n      <span>\u2197<\/span>\r\n    <\/button>\r\n  <\/form>\r\n<\/div>\r\n\r\n<style>\r\n.keina-booking {\r\n  max-width: 850px;\r\n  margin: 30px auto;\r\n  padding: 38px;\r\n  background: #F8F7F1;\r\n  border: 1px solid #E9EEE3;\r\n  border-radius: 18px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  color: #245C38;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.keina-booking * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.keina-booking-header {\r\n  text-align: center;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.keina-booking-label {\r\n  display: inline-block;\r\n  color: #41AB5D;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 3px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.keina-booking-header h2 {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 34px;\r\n  color: #245C38;\r\n  margin: 0 0 10px;\r\n}\r\n\r\n.keina-booking-header p {\r\n  color: #536657;\r\n  font-size: 13px;\r\n  line-height: 1.7;\r\n  margin: 0;\r\n}\r\n\r\n.keina-form-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 19px 20px;\r\n}\r\n\r\n.keina-field {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-width: 0;\r\n}\r\n\r\n.keina-full {\r\n  grid-column: 1 \/ -1;\r\n}\r\n\r\n.keina-field label {\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  color: #245C38;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.keina-field label span {\r\n  color: #C45B4D;\r\n}\r\n\r\n.keina-field input,\r\n.keina-field select,\r\n.keina-field textarea {\r\n  width: 100%;\r\n  min-height: 48px;\r\n  padding: 12px 14px;\r\n  border: 1px solid #D9E1D5;\r\n  border-radius: 8px;\r\n  background: #FFFFFF;\r\n  color: #344A38;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 13px;\r\n  outline: none;\r\n  transition: border-color .2s, box-shadow .2s;\r\n}\r\n\r\n.keina-field textarea {\r\n  min-height: 78px;\r\n  resize: vertical;\r\n}\r\n\r\n.keina-field input:focus,\r\n.keina-field select:focus,\r\n.keina-field textarea:focus {\r\n  border-color: #41AB5D;\r\n  box-shadow: 0 0 0 3px rgba(65,171,93,.10);\r\n}\r\n\r\n.keina-field input::placeholder,\r\n.keina-field textarea::placeholder {\r\n  color: #A1AAA0;\r\n}\r\n\r\n.keina-time-note {\r\n  color: #718071;\r\n  font-size: 10px;\r\n  margin-top: 6px;\r\n}\r\n\r\n.keina-form-note {\r\n  color: #718071;\r\n  font-size: 11px;\r\n  line-height: 1.7;\r\n  margin: 22px 0;\r\n}\r\n\r\n.keina-submit {\r\n  width: 100%;\r\n  min-height: 52px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  border: none;\r\n  border-radius: 8px;\r\n  background: #245C38;\r\n  color: #FFFFFF;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: background .2s, transform .2s;\r\n}\r\n\r\n.keina-submit:hover {\r\n  background: #41AB5D;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.keina-submit span {\r\n  font-size: 18px;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .keina-booking {\r\n    padding: 24px 18px;\r\n    margin: 15px auto;\r\n    border-radius: 12px;\r\n  }\r\n\r\n  .keina-booking-header h2 {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .keina-form-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n\r\n  .keina-full {\r\n    grid-column: auto;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const form = document.getElementById('keinaReservationForm');\r\n  if (!form) return;\r\n\r\n  const dateInput = document.getElementById('keina-date');\r\n  const timeInput = document.getElementById('keina-time');\r\n\r\n  \/\/ Membatasi tanggal reservasi mulai hari ini\r\n  const today = new Date();\r\n  const localToday = new Date(\r\n    today.getTime() - today.getTimezoneOffset() * 60000\r\n  ).toISOString().split('T')[0];\r\n\r\n  dateInput.min = localToday;\r\n\r\n  \/\/ Memastikan jam reservasi berada di antara 09.00\u201320.00\r\n  timeInput.addEventListener('change', function () {\r\n    if (!this.value) return;\r\n\r\n    if (this.value < '09:00' || this.value > '20:00') {\r\n      alert('Mohon pilih jam reservasi antara pukul 09.00 sampai 20.00.');\r\n      this.value = '';\r\n    }\r\n  });\r\n\r\n  form.addEventListener('submit', function (event) {\r\n    event.preventDefault();\r\n\r\n    if (!form.reportValidity()) return;\r\n\r\n    const name = document.getElementById('keina-name').value.trim();\r\n    const phone = document.getElementById('keina-phone').value.trim();\r\n    const address = document.getElementById('keina-address').value.trim();\r\n    const birthplace = document.getElementById('keina-birthplace').value.trim();\r\n    const birthdate = document.getElementById('keina-birthdate').value;\r\n    const treatment = document.getElementById('keina-treatment').value.trim();\r\n    const date = document.getElementById('keina-date').value;\r\n    const timeValue = timeInput.value;\r\n    const height = document.getElementById('keina-height').value;\r\n    const weight = document.getElementById('keina-weight').value;\r\n    const source = document.getElementById('keina-source').value;\r\n\r\n    if (timeValue < '09:00' || timeValue > '20:00') {\r\n      alert('Jam reservasi harus antara pukul 09.00 sampai 20.00.');\r\n      return;\r\n    }\r\n\r\n    const time = timeValue.replace(':', '.');\r\n\r\n    const message =\r\n`Halo KEINA Clinic, saya ingin melakukan reservasi appointment.\r\n\r\nBerikut data saya:\r\n\r\nNama: ${name}\r\nNo. WhatsApp: ${phone}\r\nAlamat: ${address}\r\nTempat, Tanggal Lahir: ${birthplace}, ${birthdate}\r\nTreatment: ${treatment}\r\nTanggal & Jam Reservasi: ${date}, ${time}\r\nTinggi Badan: ${height} cm\r\nBerat Badan: ${weight} kg\r\nTahu KEINA dari: ${source}\r\n\r\nMohon informasi lebih lanjut mengenai ketersediaan jadwal. Terima kasih.`;\r\n\r\n    const whatsappURL =\r\n      'https:\/\/wa.me\/6281138902333?text=' + encodeURIComponent(message);\r\n\r\n    window.open(whatsappURL, '_blank');\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>KEINA CLINIC Booking Appointment Silakan lengkapi data berikut untuk melakukan reservasi treatment. Nama Lengkap * No. WhatsApp * Alamat * Tempat Lahir * Tanggal Lahir * Treatment yang Diinginkan * Tanggal Reservasi * Jam Reservasi * Pilih waktu antara pukul 09.00\u201320.00. Tinggi Badan (cm) * Berat Badan (kg) * Tahu KEINA dari Mana? * Pilih [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2004","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/keinabeauty.com\/en\/wp-json\/wp\/v2\/pages\/2004","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/keinabeauty.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/keinabeauty.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/keinabeauty.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/keinabeauty.com\/en\/wp-json\/wp\/v2\/comments?post=2004"}],"version-history":[{"count":7,"href":"https:\/\/keinabeauty.com\/en\/wp-json\/wp\/v2\/pages\/2004\/revisions"}],"predecessor-version":[{"id":2013,"href":"https:\/\/keinabeauty.com\/en\/wp-json\/wp\/v2\/pages\/2004\/revisions\/2013"}],"wp:attachment":[{"href":"https:\/\/keinabeauty.com\/en\/wp-json\/wp\/v2\/media?parent=2004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}