{"id":3065,"date":"2023-05-20T00:23:51","date_gmt":"2023-05-19T17:23:51","guid":{"rendered":"https:\/\/www.seva.id\/info\/?page_id=3065"},"modified":"2024-01-24T14:28:29","modified_gmt":"2024-01-24T07:28:29","slug":"hubungi-kami","status":"publish","type":"page","link":"https:\/\/www.seva.id\/info\/hubungi-kami","title":{"rendered":"Hubungi Kami"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3065\" class=\"elementor elementor-3065\">\n\t\t\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-d150a2e elementor-hidden-desktop elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"d150a2e\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8985305 elementor-hidden-desktop elementor-hidden-tablet jltma-glass-effect-no\" data-id=\"8985305\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-inner-section elementor-element elementor-element-b71507d elementor-section-full_width elementor-hidden-desktop elementor-hidden-tablet elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"b71507d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-f92841d elementor-hidden-desktop elementor-hidden-tablet jltma-glass-effect-no\" data-id=\"f92841d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0660265 elementor-hidden-desktop elementor-hidden-tablet jltma-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"0660265\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Lebih dekat <br>dengan kami<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-87db3ec elementor-hidden-desktop elementor-hidden-tablet jltma-glass-effect-no\" data-id=\"87db3ec\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e049d3f elementor-hidden-desktop elementor-hidden-tablet jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"e049d3f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"464\" height=\"325\" src=\"https:\/\/www.seva.id\/info\/wp-content\/uploads\/2023\/05\/Group-2714-4.png\" class=\"attachment-full size-full wp-image-3068\" alt=\"\" srcset=\"https:\/\/www.seva.id\/info\/wp-content\/uploads\/2023\/05\/Group-2714-4.png 464w, https:\/\/www.seva.id\/info\/wp-content\/uploads\/2023\/05\/Group-2714-4-300x210.png 300w\" sizes=\"(max-width: 464px) 100vw, 464px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-inner-section elementor-element elementor-element-4b79277 elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"4b79277\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-e8eb821 jltma-glass-effect-no\" data-id=\"e8eb821\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0dd836a elementor-hidden-desktop elementor-hidden-tablet jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"0dd836a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ingin tahu lebih jelas tentang layanan kami? Jangan ragu untuk langsung menghubungi kami. Cukup dengan masukkan nomor telepon dan kami akan segera menghubungi kamu.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-4d5d42f jltma-glass-effect-no\" data-id=\"4d5d42f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-7b10b1d elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"7b10b1d\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-9b8826c elementor-hidden-mobile jltma-glass-effect-no\" data-id=\"9b8826c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-d85689f elementor-hidden-mobile jltma-glass-effect-no\" data-id=\"d85689f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-54b63c9 elementor-hidden-mobile jltma-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"54b63c9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Lebih dekat <br>dengan kami<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4492c67 elementor-hidden-mobile jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"4492c67\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ingin tahu lebih jelas tentang layanan kami? Jangan ragu untuk langsung menghubungi kami. Cukup dengan masukkan nomor telepon dan kami akan segera menghubungi kamu.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f91625 elementor-hidden-mobile jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"3f91625\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1134\" height=\"792\" src=\"https:\/\/www.seva.id\/info\/wp-content\/uploads\/2023\/05\/Group-2714-3.png\" class=\"attachment-full size-full wp-image-3067\" alt=\"\" srcset=\"https:\/\/www.seva.id\/info\/wp-content\/uploads\/2023\/05\/Group-2714-3.png 1134w, https:\/\/www.seva.id\/info\/wp-content\/uploads\/2023\/05\/Group-2714-3-300x210.png 300w, https:\/\/www.seva.id\/info\/wp-content\/uploads\/2023\/05\/Group-2714-3-1024x715.png 1024w, https:\/\/www.seva.id\/info\/wp-content\/uploads\/2023\/05\/Group-2714-3-768x536.png 768w\" sizes=\"(max-width: 1134px) 100vw, 1134px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-e19f9e7 elementor-hidden-mobile jltma-glass-effect-no\" data-id=\"e19f9e7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-8996684 jltma-glass-effect-no\" data-id=\"8996684\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-77cee64 jltma-glass-effect-no elementor-widget elementor-widget-shortcode\" data-id=\"77cee64\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"hkf-form\" style=\"position:relative\">\n  <form class=\"hubungi-kami-form\" method=\"post\">\n    <div class=\"inputgroup\">\n      <span class=\"inputtitle\">\n        Nama Lengkap\n      <\/span>\n      <div class=\"hkf-input shake-animation\" style=\"display: flex; align-items: center;\">\n        <input id=\"hkf-name\" name=\"hkf-name\" placeholder=\"Contoh: John Doe\" style=\" width: 100%; \" \/>\n      <\/div>\n    <\/div>\n    <div class=\"inputgroup\">\n      <span class=\"inputtitle\">\n        Nomor HP\n      <\/span>\n      <div class=\"hkf-input\" style=\" display: flex; align-items: center;\">\n        <span style=\"font-weight: 600; margin-right:10px;color:#52627A\">\n          +62\n        <\/span>\n        <input id=\"hkf-phone\" name=\"hkf-phone\" placeholder=\"Contoh: 812345678\" maxlength=\"13\" style=\" width: 100%; \" \/>\n      <\/div>\n\n    <\/div>\n    <div class=\"inputgroup\">\n      <span class=\"inputtitle\">\n        Email\n      <\/span>\n      <div class=\"hkf-input\" style=\" display: flex; align-items: center;\">\n        <input id=\"hkf-email\" name=\"hkf-email\" placeholder=\"Contoh: johndoe@seva.id\" style=\" width: 100%; \" \/>\n      <\/div>\n    <\/div>\n    <div class=\"inputgroup\">\n      <span class=\"inputtitle\">\n        Pesan\n      <\/span>\n      <div class=\"hkf-input-2\" style=\" display: flex; align-items: center;\">\n        <textarea id=\"hkf-message\" name=\"hkf-message\" style=\"width:100%\"\n          placeholder=\"Tulis pesanmu (opsional)\"><\/textarea>\n      <\/div>\n    <\/div>\n\n    <button id=\"hkf-submit\" name=\"hkf-submit\" type=\"button\"\n      style=\"display: flex; background: #05256E;border-radius: 4px;color:white;padding:12px;outline: none;border: none;font-family: 'OutfitBold';width:100%;height: 48px; justify-content: center;\">\n      Kirim\n    <\/button>\n\n    <div id=\"hkf-success-msg\" style=\"display:none\">\n      <div\n        style=\" height: 81px; background: #26C649; color: white; text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; width: 100%; left: 0; font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; \">\n        <svg style=\"margin-right:29px\" width=\"19\" height=\"15\" viewBox=\"0 0 19 15\" fill=\"none\"\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M1 7.31372L6.65685 12.9706L17.9706 1.65687\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" \/>\n        <\/svg>\n        Pertanyaan kamu sudah terkirim\n      <\/div>\n    <\/div>\n\n  <\/form>\n<\/div>\n\n\n\n<style>\n  .color-primary-red {\n    color: #D83130 !important;\n  }\n\n  .border-primary-red {\n    border: 1px solid #D83130;\n  }\n\n  .hkf-form {\n    background: #FFFFFF;\n    border-radius: 14px;\n    padding: 28px 48px;\n    box-shadow: -4px 3px 31px #0000000f;\n  }\n\n\n\n  .hubungi-kami-form input,\n  .hubungi-kami-form textarea {\n    border: none;\n    outline: none;\n  }\n\n  .hubungi-kami-form .inputgroup {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: 24px\n  }\n\n  .hubungi-kami-form .inputtitle {\n    font-family: 'Open Sans';\n    font-size: 14px;\n    line-height: 20px;\n    color: #52627A;\n    font-weight: 600;\n    margin-bottom: 8px;\n  }\n\n  .hkf-input::placeholder,\n  .hkf-input input::placeholder,\n  .hkf-input textarea::placeholder {\n    color: #9EA3AC;\n    opacity: 0.5;\n  }\n\n  .hkf-input-2::placeholder,\n  .hkf-input-2 input::placeholder,\n  .hkf-input-2 textarea::placeholder {\n    color: #9EA3AC;\n    opacity: 0.5;\n  }\n\n  .adds {\n    font-family: 'Open Sans';\n    font-size: 16px;\n    font-weight: 400;\n    color: #52627A;\n    line-weight: 21.79px;\n    text-align: center;\n  }\n\n  .adds2 {\n    font-family: 'Open Sans';\n    font-size: 16px;\n    font-weight: 700;\n    color: #246ED4;\n    line-weight: 21.79px;\n    text-align: center;\n  }\n\n  .hkf-input {\n    font-family: 'Open Sans';\n    padding: 14px 16px;\n    background: #FFFFFF;\n    border: 1px solid #E4E9F1;\n    border-radius: 4px;\n    font-size: 16px;\n    width: 100%;\n    \/\/ width: 433px;\n    height: 48px;\n  }\n\n  .hkf-input-2 {\n    font-family: 'Open Sans';\n    padding: 14px 16px;\n    background: #FFFFFF;\n    border: 1px solid #E4E9F1;\n    border-radius: 4px;\n    font-size: 16px;\n    width: 100%;\n    \/\/ width: 433px;\n    height: 99px;\n  }\n\n  @keyframes shake-animation-X {\n    0% {\n      transform: translateX(0);\n    }\n\n    25% {\n      transform: translateX(8px);\n    }\n\n    75% {\n      transform: translateX(-8px);\n    }\n\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  .shake-animation-X {\n    animation: shake-animation-X 0.3s ease-in-out 0s 2;\n  }\n\n  #hkf-submit svg {\n    animation: spin 1s linear infinite;\n  }\n\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @media only screen and (max-width: 600px) {\n    .hkf-form {\n      border-radius: 0;\n      padding: 0px 16px;\n      box-shadow: none;\n    }\n\n    #hkf-submit {\n      width: 100% !important;\n    }\n\n    .hubungi-kami-form .inputtitle {\n      font-family: 'Open Sans';\n      font-style: normal;\n      font-weight: 600;\n      font-size: 12px !important;\n      line-height: 18px !important;\n    }\n\n    .hkf-input {\n      \/\/ width: 328px !important;\n      height: 40px !important;\n    }\n\n    .hkf-input-2 {\n      \/\/ width: 328px !important;\n      height: 100px !important;\n    }\n  }\n<\/style>\n\n\n<script>\n  document.addEventListener('DOMContentLoaded', () => {\n\n    var name = $('#hkf-name').val()\n    var phone = $('#hkf-phone').val()\n    var email = $('#hkf-email').val()\n\n    if (getUserToken === null) {\n      \/\/ action jika user tidak login\n    } else {\n      var ls_contactForm = localStorage.getItem('seva-cust')\n      let ciphertext = ls_contactForm.replace('encrypted-', '')\n      var bytes = CryptoJS.AES.decrypt(\n        ciphertext,\n        'XRWT2lTKcr13PbTRaWndA6H8AT6JuBwBVkrCpSGJ6cE6JnEhDHHV6Xz26gULg5rM',\n      )\n      var originalText = JSON.parse(bytes.toString(CryptoJS.enc.Utf8))\n      $('#hkf-name').val(originalText.fullName) \/\/  auto field nama\n      $('#hkf-email').val(originalText.email)\n      var formattedPhoneNumber = originalText.phoneNumber\n        .replace('+62', '')\n        .replace(\/[^0-9]\/g, '')\n        .replace(\/(\\d{4})(\\d{4})(\\d{4})\/, '$1-$2-$3'); \/\/ Format phone number\n\n      $('#hkf-phone').val(formattedPhoneNumber);\n\n      \/\/ Validate phone number to start with digit 8\n      if (!formattedPhoneNumber.startsWith('8')) {\n        alert('Nomor telepon harus dimulai dengan angka 8.');\n        $('#hkf-phone').val(''); \/\/ Clear the input field if validation fails\n        \/\/ Perform actions when validation fails (e.g., prevent form submission)\n      }\n\n      var name = $('#hkf-name').val();\n      var phone = formattedPhoneNumber;\n      var email = $('#hkf-email').val();\n      \/\/ if (originalText.phoneNumber !== '') {\n      \/\/   document.getElementById('hkf-phone');\n      \/\/   $('#hkf-phone')\n      \/\/     .parent()\n      \/\/ }\n    }\n\n\n    $('.hkf-form input').on('input', function (e) {\n      var name = $('#hkf-name').val()\n      var phone = $('#hkf-phone').val()\n      var email = $('#hkf-email').val()\n      var message = $('#hkf-message').val()\n\n      $('#hkf-name').val(\n        name\n          .replace(\/[^a-zA-Z' ']\/g, '')\n      )\n\n      $('#hkf-phone').val(\n        phone\n          .replace(\/[^0-9]\/g, '')\n          .replace(\/(\\..*?)\\..*\/g, '$1')\n          .replace(\/^0+\/, ''),\n      )\n\n      var name = $('#hkf-name').val()\n      var phone = $('#hkf-phone').val()\n      var email = $('#hkf-email').val()\n      var message = $('#hkf-message').val()\n\n      document.getElementById('hkf-submit');\n    })\n\n    function warningInputhkf(message) {\n      var Elements = `\n          <div class=\"warningInputhkf text-danger color-primary-red\" \n          style=\"font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 20px;display: flex;gap:5px;padding: 8px 0px ;\n            align-items: center;animation: shake 0.3s;\">\n          <svg style=\" margin-right: 3px; \" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <circle cx=\"6\" cy=\"6\" r=\"5.5\" stroke=\"#EC0A23\"\/>\n              <path d=\"M6 3.5V6\" stroke=\"#EC0A23\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M6 8V8.25\" stroke=\"#EC0A23\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        \n            ${message}\n          <\/div>`\n      return Elements\n    }\n\n    $(\"#hkf-submit\").click(async function () {\n      var phone = $(\".hkf-input input[name='hkf-phone']\").val()\n      var name = $(\".hkf-input input[name='hkf-name']\").val()\n      var email = $(\".hkf-input input[name='hkf-email']\").val()\n      var message = $(\".hkf-input input[name='hkf-message']\").val()\n\n      document.getElementById(\"hkf-submit\").innerHTML = '<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"sc-eCImPb bPtIlK\" style=\"width: 24px; height: 24px;\"><path d=\"M9.99992 1.66665C8.35174 1.66664 6.74058 2.15539 5.37017 3.07106C3.99976 3.98674 2.93165 5.28823 2.30092 6.81095C1.67019 8.33367 1.50516 10.0092 1.82671 11.6257C2.14825 13.2422 2.94192 14.7271 4.10736 15.8925C5.2728 17.058 6.75766 17.8516 8.37416 18.1732C9.99067 18.4947 11.6662 18.3297 13.1889 17.699C14.7117 17.0682 16.0132 16.0001 16.9288 14.6297C17.8445 13.2593 18.3333 11.6482 18.3333 9.99998\" stroke=\"#FCFCFC\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>';\n\n      \/\/ dibuat try catch supaya bisa set kondisi error ketika tidak terkirim\t\n      try {\n        if (checkInputField()) {\n\n          \/\/                 ini difetch di atas try aja\n          \/\/                 sama pakai variabel yang sdh di definisikan\n          const formData = new FormData();\n          formData.append('hkf-name', document.getElementById('hkf-name').value)\n          formData.append('hkf-email', document.getElementById('hkf-email').value)\n          formData.append('hkf-phone', document.getElementById('hkf-phone').value)\n          formData.append('hkf-message', document.getElementById('hkf-message').value)\n          $(\"#hkf-success-msg\").hide();\n\n\n          if (name !== '' && phone !== '' && email !== '' && message !== '') {\n            const response = await fetch('\/info\/hubungi-kami', {\n              method: 'POST',\n              body: formData,\n            })\n              \/\/ .then(response => response.json())\n              .then(() => {\n                $(\"#hkf-success-msg\").css(\"display\", \"flex\");\n                $(\"#hkf-success-msg\").show().delay(3000).fadeOut();\n              })\n              .catch((error) => {\n                throw new Error(error);\n                \/\/ console.log(error)\n              })\n              .finally(() => {\n\n              })\n          } else {\n            throw new Error(\"your data is null\");\n          }\n        } else {\n          throw new Error(\"please fill in the field\");\n        }\n\n      } catch (e) {\n        \/\/ console.log(e);\n      } finally {\n        \/\/ button perlu di delay supaya effect loading terlihat \n        setTimeout(function () {\n          $('#hkf-submit').html('Kirim');\n        }, 3000);\n      }\n\n    })\n\n\n    function checkInputField() {\n      var output = true\n      \/\/ reset semua warning text\n      $(\".warningInputhkf\").remove();\n\n      \/\/kondisi but check field phone and name\n      var phone = $(\".hkf-input input[name='hkf-phone']\").val()\n      var name = $(\".hkf-input input[name='hkf-name']\").val()\n      \/\/ reset border sebelum validasi\n\n      if (phone.length >= 1 && phone.length < 4) {\n        $(\".hkf-input input[name='hkf-phone']\")\n          .parent()\n          .addClass('border-danger')\n        $(\".hkf-input input[name='hkf-phone']\")\n          .parent()\n          .addClass('shake-animation-X text-danger color-primary-red')\n        $(\".hkf-input input[name='hkf-phone']\")\n          .parent()\n          .after(\n            warningInputhkf('Nomor HP yang kamu masukkan tidak valid'),\n          )\n        output = false\n      }\n\n      $(\".hkf-input input[name='hkf-name']\").on('propertychange input', function (e) {\n        var valueChanged = false;\n\n        if (e.type == 'propertychange') {\n          valueChanged = e.originalEvent.propertyName == 'value';\n        } else {\n          valueChanged = true;\n        }\n        if (valueChanged) {\n          $(\".hkf-input input[name='hkf-name']\")\n            .parent()\n            .removeClass('border-danger')\n          $(\".warningInputhkf\").remove();\n        }\n      });\n\n      $(\".hkf-input input[name='hkf-phone']\").on('propertychange input', function (e) {\n        var valueChanged = false;\n\n        if (e.type == 'propertychange') {\n          valueChanged = e.originalEvent.propertyName == 'value';\n        } else {\n          valueChanged = true;\n        }\n        if (valueChanged) {\n          $(\".hkf-input input[name='hkf-phone']\")\n            .parent()\n            .removeClass('border-danger')\n          $(\".warningInputhkf\").remove();\n        }\n      });\n\n      \/\/ if (phone.length < 9) {\n      \/\/   \/\/ Validasi min digit 9\n      \/\/   $(\".hkf-input input[name='hkf-phone']\")\n      \/\/     .parent()\n      \/\/     .addClass('border-danger')\n      \/\/     .after(\n      \/\/       warningInputhkf('Minimal 9 digit'),\n      \/\/     );\n      \/\/ }\n\n      if (name == '' || phone == '') {\n        if (name == '') {\n          $(\".hkf-input input[name='hkf-name']\")\n            .parent()\n            .addClass('border-danger')\n          $(\".hkf-input input[name='hkf-name']\")\n            .parent()\n            .addClass('shake-animation-X text-danger color-primary-red')\n          $(\".hkf-input input[name='hkf-name']\")\n            .parent()\n            .after(\n              warningInputhkf('Wajib diisi'),\n            )\n        }\n        if (phone == '') {\n          $(\".hkf-input input[name='hkf-phone']\")\n            .parent()\n            .addClass('border-danger')\n          $(\".hkf-input input[name='hkf-phone']\")\n            .parent()\n            .addClass('shake-animation-X text-danger color-primary-red')\n          $(\".hkf-input input[name='hkf-phone']\")\n            .parent()\n            .after(\n              warningInputhkf('Wajib diisi'),\n            )\n        }\n        output = false\n      }\n\n      return output\n    }\n\n    function KirimRincian() {\n      var name = $('#hkf-name').val()\n      var phone = $('#hkf-phone').val()\n      var email = $('#hkf-email').val()\n      var message = $('#hkf-message').val()\n      \/\/ data dikirim jika score 5\n      var score = 5;\n\n      \/\/ console.log(`score: ${score}`)\n\n      if (score == 5) {\n        sendhkfData()\n      }\n    }\n\n    const $hkfInputPhone = $(\".hkf-input input[name='hkf-phone']\").parent();\n    const $inputPhone = $(\".hkf-input input[name='hkf-phone']\");\n    const $hkfInputName = $(\".hkf-input input[name='hkf-name']\").parent();\n    const $inputName = $(\".hkf-input input[name='hkf-name']\");\n    const $hkfInputEmail = $(\".hkf-input input[name='hkf-email']\").parent();\n    const $inputEmail = $(\".hkf-input input[name='hkf-email']\");\n\n    function handleInput($input, $hkfInput) {\n      if ($input.val() === \"\") {\n        if (!$hkfInput.hasClass('border-danger')) {\n          $hkfInput\n            .addClass('border-danger shake-animation-X')\n            .removeClass('text-danger color-primary-red')\n            .after(warningInputhkf('Wajib diisi'));\n        }\n      } else {\n        $hkfInput.removeClass('border-danger');\n        $hkfInputPhone.removeClass('border-danger');\n        $hkfInputName.removeClass('border-danger');\n        $hkfInputEmail.removeClass('border-danger');\n        $(\".warningInputhkf\").remove();\n      }\n      updateSubmitButtonStatus();\n    }\n\n    const inputName = document.querySelector(\".hkf-input input[name='hkf-name']\");\n    const inputEmail = document.querySelector(\".hkf-input input[name='hkf-email']\");\n    const inputPhone = document.querySelector(\".hkf-input input[name='hkf-phone']\");\n    const submitButton = document.getElementById(\"hkf-submit\");\n\n    \/\/ Event listener for inputPhone\n    inputPhone.addEventListener(\"input\", () => handleInput($inputPhone, $hkfInputPhone));\n    inputPhone.addEventListener(\"click\", () => handleInput($inputPhone, $hkfInputPhone));\n\n    \/\/ Event listener for inputName\n    inputName.addEventListener(\"input\", () => handleInput($inputName, $hkfInputName));\n    inputName.addEventListener(\"click\", () => handleInput($inputName, $hkfInputName));\n\n    \/\/ Event listener for inputEmail\n    inputEmail.addEventListener(\"input\", () => handleInput($inputEmail, $hkfInputEmail));\n    inputEmail.addEventListener(\"click\", () => handleInput($inputEmail, $hkfInputEmail));\n\n    inputPhone.addEventListener(\"input\", (event) => {\n      \/\/ Cek apakah input hanya berisi angka\n      const value = event.target.value;\n      if (!\/^[0-9]+$\/.test(value)) {\n        event.target.value = value.replace(\/[^0-9]\/g, \"\");\n      }\n\n      \/\/ Cek apakah input dimulai dengan angka 8\n      if (value[0] !== \"8\") {\n        event.target.value = \"\";\n      }\n    });\n\n    inputPhone.addEventListener(\"click\", () => {\n      inputPhone.setAttribute(\"inputmode\", \"numeric\");\n    });\n\n\n    function updateSubmitButtonStatus() {\n      const isNameFilled = inputName.value.trim() !== \"\";\n      const isEmailFilled = inputEmail.value.trim() !== \"\";\n      const isPhoneFilled = inputPhone.value.trim() !== \"\";\n      const phoneDigits = inputPhone.value.trim().length >= 9;\n\n      const isAllFieldsFilled = isNameFilled && isEmailFilled && isPhoneFilled && phoneDigits;\n\n      submitButton.disabled = !isAllFieldsFilled;\n      submitButton.style.backgroundColor = submitButton.disabled ? \"#999\" : \"#05256E\";\n\n    }\n\n    \/\/ Initial button status check\n    updateSubmitButtonStatus();\n\n\n  });\n\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-748c259 elementor-hidden-mobile jltma-glass-effect-no\" data-id=\"748c259\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Lebih dekat dengan kami Ingin tahu lebih jelas tentang layanan kami? Jangan ragu untuk langsung menghubungi kami. Cukup dengan masukkan nomor telepon dan kami akan segera menghubungi kamu. Lebih dekat dengan kami Ingin tahu lebih jelas tentang layanan kami? Jangan ragu untuk langsung menghubungi kami. Cukup dengan masukkan nomor telepon dan kami akan segera menghubungi [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3065","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Hubungi Kami - SEVA<\/title>\n<meta name=\"description\" content=\"Ingin tahu lebih lanjut tentang layanan SEVA? Jangan ragu untuk hubungi kami. Klik untuk cek selengkapnya.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.seva.id\/info\/hubungi-kami\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hubungi Kami - SEVA\" \/>\n<meta property=\"og:description\" content=\"Ingin tahu lebih lanjut tentang layanan SEVA? Jangan ragu untuk hubungi kami. Klik untuk cek selengkapnya.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.seva.id\/info\/hubungi-kami\" \/>\n<meta property=\"og:site_name\" content=\"SEVA\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-24T07:28:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.seva.id\/info\/wp-content\/uploads\/2023\/05\/Group-2714-4.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.seva.id\/info\/hubungi-kami\",\"url\":\"https:\/\/www.seva.id\/info\/hubungi-kami\",\"name\":\"Hubungi Kami - SEVA\",\"isPartOf\":{\"@id\":\"https:\/\/www.seva.id\/info\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.seva.id\/info\/hubungi-kami#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.seva.id\/info\/hubungi-kami#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.seva.id\/info\/wp-content\/uploads\/2023\/05\/Group-2714-4.png\",\"datePublished\":\"2023-05-19T17:23:51+00:00\",\"dateModified\":\"2024-01-24T07:28:29+00:00\",\"description\":\"Ingin tahu lebih lanjut tentang layanan SEVA? Jangan ragu untuk hubungi kami. Klik untuk cek selengkapnya.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.seva.id\/info\/hubungi-kami#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.seva.id\/info\/hubungi-kami\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.seva.id\/info\/hubungi-kami#primaryimage\",\"url\":\"https:\/\/www.seva.id\/info\/wp-content\/uploads\/2023\/05\/Group-2714-4.png\",\"contentUrl\":\"https:\/\/www.seva.id\/info\/wp-content\/uploads\/2023\/05\/Group-2714-4.png\",\"width\":464,\"height\":325},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.seva.id\/info\/hubungi-kami#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.seva.id\/info\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hubungi Kami\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.seva.id\/info\/#website\",\"url\":\"https:\/\/www.seva.id\/info\/\",\"name\":\"SEVA\",\"description\":\"Promo Jelas dari Awal Cicilan Kredit Mobil Mulai dari 0%!\",\"alternateName\":\"SEVA\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.seva.id\/info\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hubungi Kami - SEVA","description":"Ingin tahu lebih lanjut tentang layanan SEVA? Jangan ragu untuk hubungi kami. Klik untuk cek selengkapnya.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.seva.id\/info\/hubungi-kami","og_locale":"en_US","og_type":"article","og_title":"Hubungi Kami - SEVA","og_description":"Ingin tahu lebih lanjut tentang layanan SEVA? Jangan ragu untuk hubungi kami. Klik untuk cek selengkapnya.","og_url":"https:\/\/www.seva.id\/info\/hubungi-kami","og_site_name":"SEVA","article_modified_time":"2024-01-24T07:28:29+00:00","og_image":[{"url":"https:\/\/www.seva.id\/info\/wp-content\/uploads\/2023\/05\/Group-2714-4.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.seva.id\/info\/hubungi-kami","url":"https:\/\/www.seva.id\/info\/hubungi-kami","name":"Hubungi Kami - SEVA","isPartOf":{"@id":"https:\/\/www.seva.id\/info\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.seva.id\/info\/hubungi-kami#primaryimage"},"image":{"@id":"https:\/\/www.seva.id\/info\/hubungi-kami#primaryimage"},"thumbnailUrl":"https:\/\/www.seva.id\/info\/wp-content\/uploads\/2023\/05\/Group-2714-4.png","datePublished":"2023-05-19T17:23:51+00:00","dateModified":"2024-01-24T07:28:29+00:00","description":"Ingin tahu lebih lanjut tentang layanan SEVA? Jangan ragu untuk hubungi kami. Klik untuk cek selengkapnya.","breadcrumb":{"@id":"https:\/\/www.seva.id\/info\/hubungi-kami#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.seva.id\/info\/hubungi-kami"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.seva.id\/info\/hubungi-kami#primaryimage","url":"https:\/\/www.seva.id\/info\/wp-content\/uploads\/2023\/05\/Group-2714-4.png","contentUrl":"https:\/\/www.seva.id\/info\/wp-content\/uploads\/2023\/05\/Group-2714-4.png","width":464,"height":325},{"@type":"BreadcrumbList","@id":"https:\/\/www.seva.id\/info\/hubungi-kami#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.seva.id\/info\/"},{"@type":"ListItem","position":2,"name":"Hubungi Kami"}]},{"@type":"WebSite","@id":"https:\/\/www.seva.id\/info\/#website","url":"https:\/\/www.seva.id\/info\/","name":"SEVA","description":"Promo Jelas dari Awal Cicilan Kredit Mobil Mulai dari 0%!","alternateName":"SEVA","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.seva.id\/info\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.seva.id\/info\/wp-json\/wp\/v2\/pages\/3065","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.seva.id\/info\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.seva.id\/info\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.seva.id\/info\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.seva.id\/info\/wp-json\/wp\/v2\/comments?post=3065"}],"version-history":[{"count":66,"href":"https:\/\/www.seva.id\/info\/wp-json\/wp\/v2\/pages\/3065\/revisions"}],"predecessor-version":[{"id":5114,"href":"https:\/\/www.seva.id\/info\/wp-json\/wp\/v2\/pages\/3065\/revisions\/5114"}],"wp:attachment":[{"href":"https:\/\/www.seva.id\/info\/wp-json\/wp\/v2\/media?parent=3065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}