{"id":10617,"date":"2026-06-25T15:04:47","date_gmt":"2026-06-25T08:04:47","guid":{"rendered":"https:\/\/heibola.com\/en\/contact\/"},"modified":"2026-06-25T15:30:20","modified_gmt":"2026-06-25T08:30:20","slug":"contact","status":"publish","type":"page","link":"https:\/\/heibola.com\/en\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Contact<\/h1>\n\n\n\n<style>\n.entry-title{\n  text-align:center;\n  margin-bottom:24px;\n}\n\n.anr-contact-shell{\n  max-width:1050px;\n  margin:24px auto 56px;\n  padding:0 18px;\n  font-family:inherit;\n}\n\n.anr-contact-grid{\n  display:grid;\n  grid-template-columns:minmax(280px,0.95fr) minmax(320px,1.05fr);\n  gap:38px;\n  align-items:center;\n}\n\n.anr-contact-visual{\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  text-align:left;\n}\n\n.anr-contact-brand{\n  display:inline-flex;\n  justify-content:center;\n  align-items:center;\n  margin:0 0 22px;\n  text-decoration:none;\n}\n\n.anr-contact-brand img{\n  width:220px;\n  max-width:80%;\n  height:auto;\n  display:block;\n}\n\n.anr-contact-illustration{\n  width:min(360px,100%);\n  min-height:245px;\n  border-radius:24px;\n  background:linear-gradient(135deg,#fff 0%,#fff 52%,#fff4f4 52%,#fff4f4 100%);\n  border:1px solid #f1d9d9;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  margin-bottom:24px;\n  position:relative;\n  overflow:hidden;\n}\n\n.anr-contact-illustration:before{\n  content:'\u2709';\n  position:absolute;\n  left:42px;\n  top:58px;\n  font-size:34px;\n  color:#d71920;\n}\n\n.anr-contact-illustration:after{\n  content:'24\/7';\n  position:absolute;\n  right:42px;\n  top:36px;\n  border:2px solid #202020;\n  border-radius:999px;\n  padding:18px 13px;\n  font-weight:800;\n  color:#d71920;\n  background:#fff;\n  font-size:15px;\n}\n\n.anr-contact-person{\n  font-size:88px;\n  line-height:1;\n}\n\n.anr-contact-list{\n  width:min(430px,100%);\n  display:grid;\n  gap:15px;\n}\n\n.anr-contact-item{\n  display:grid;\n  grid-template-columns:42px 1fr;\n  gap:13px;\n  align-items:flex-start;\n}\n\n.anr-contact-icon{\n  width:38px;\n  height:38px;\n  border:1.5px solid #d71920;\n  border-radius:50%;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:#d71920;\n  font-size:16px;\n  flex-shrink:0;\n}\n\n.anr-contact-item strong{\n  display:block;\n  color:#222;\n  font-size:14px;\n  line-height:1.25;\n  margin-bottom:3px;\n}\n\n.anr-contact-item a,\n.anr-contact-item span{\n  color:#444;\n  text-decoration:none;\n  font-size:15px;\n  line-height:1.45;\n  word-break:break-word;\n}\n\n.anr-contact-item a:hover{\n  color:#d71920;\n}\n\n.anr-contact-card{\n  background:#fff;\n  border:1px solid #ececec;\n  border-radius:16px;\n  box-shadow:0 10px 28px rgba(0,0,0,.06);\n  padding:30px;\n}\n\n.anr-contact-card h2{\n  margin:0 0 20px;\n  font-size:22px;\n  line-height:1.25;\n  color:#111;\n}\n\n.anr-contact-form p{\n  margin:0 0 15px;\n}\n\n.anr-contact-form label{\n  display:block;\n  font-size:13px;\n  font-weight:700;\n  margin:0 0 7px;\n  color:#333;\n}\n\n.anr-contact-form input[type=text],\n.anr-contact-form input[type=email],\n.anr-contact-form textarea{\n  width:100%;\n  border:1px solid #e2e2e2;\n  border-radius:8px;\n  padding:12px 14px;\n  font-size:14px;\n  line-height:1.5;\n  background:#fff;\n  color:#222;\n  outline:none;\n}\n\n.anr-contact-form input[type=text]:focus,\n.anr-contact-form input[type=email]:focus,\n.anr-contact-form textarea:focus{\n  border-color:#d71920;\n  box-shadow:0 0 0 3px rgba(215,25,32,.08);\n}\n\n.anr-contact-form textarea{\n  min-height:130px;\n  resize:vertical;\n}\n\n.anr-contact-agree label{\n  display:flex;\n  gap:9px;\n  align-items:flex-start;\n  font-weight:400;\n  font-size:13px;\n  line-height:1.45;\n}\n\n.anr-contact-agree input{\n  margin-top:3px;\n}\n\n.anr-contact-agree a{\n  color:#d71920;\n  font-weight:700;\n  text-decoration:none;\n}\n\n.anr-submit-wrap{\n  text-align:center;\n  margin-top:6px;\n}\n\n.anr-submit-wrap button,\n.anr-contact-form button,\n.anr-contact-form input[type=submit]{\n  background:#d71920;\n  color:#fff;\n  border:0;\n  border-radius:8px;\n  padding:12px 28px;\n  font-weight:800;\n  cursor:pointer;\n  line-height:1.2;\n}\n\n.anr-submit-wrap button:hover,\n.anr-contact-form button:hover,\n.anr-contact-form input[type=submit]:hover{\n  background:#b9141a;\n}\n\n.anr-contact-notice{\n  padding:12px 14px;\n  border-radius:8px;\n  margin:0 0 16px;\n  font-size:14px;\n}\n\n.anr-contact-success{\n  background:#eaf7ee;\n  border:1px solid #bfe6c8;\n}\n\n.anr-contact-error{\n  background:#fff0f0;\n  border:1px solid #f0c2c2;\n}\n\n.anr-form-honeypot{\n  position:absolute;\n  left:-9999px;\n  opacity:0;\n}\n\n@media(max-width:900px){\n  .anr-contact-shell{\n    margin:18px auto 44px;\n  }\n\n  .anr-contact-grid{\n    grid-template-columns:1fr;\n    gap:28px;\n  }\n\n  .anr-contact-visual{\n    order:1;\n  }\n\n  .anr-contact-card{\n    order:2;\n  }\n}\n\n@media(max-width:600px){\n  .entry-title{\n    font-size:26px;\n    margin-bottom:18px;\n  }\n\n  .anr-contact-shell{\n    padding:0 14px;\n    margin-top:16px;\n  }\n\n  .anr-contact-brand img{\n    width:180px;\n  }\n\n  .anr-contact-illustration{\n    min-height:190px;\n    border-radius:18px;\n    margin-bottom:20px;\n  }\n\n  .anr-contact-illustration:before{\n    left:28px;\n    top:48px;\n    font-size:26px;\n  }\n\n  .anr-contact-illustration:after{\n    right:24px;\n    top:26px;\n    padding:14px 10px;\n    font-size:13px;\n  }\n\n  .anr-contact-person{\n    font-size:66px;\n  }\n\n  .anr-contact-list{\n    gap:13px;\n  }\n\n  .anr-contact-item{\n    grid-template-columns:38px 1fr;\n    gap:11px;\n  }\n\n  .anr-contact-icon{\n    width:36px;\n    height:36px;\n    font-size:15px;\n  }\n\n  .anr-contact-item a,\n  .anr-contact-item span{\n    font-size:14px;\n  }\n\n  .anr-contact-card{\n    padding:22px 18px;\n    border-radius:14px;\n  }\n\n  .anr-contact-card h2{\n    font-size:20px;\n  }\n\n  .anr-contact-form input[type=text],\n  .anr-contact-form input[type=email],\n  .anr-contact-form textarea{\n    font-size:14px;\n    padding:11px 12px;\n  }\n\n  .anr-contact-form textarea{\n    min-height:120px;\n  }\n\n  .anr-submit-wrap button,\n  .anr-contact-form button,\n  .anr-contact-form input[type=submit]{\n    width:100%;\n    padding:13px 20px;\n  }\n}\n<\/style>\n\n<div class=\"anr-contact-shell\">\n  <div class=\"anr-contact-grid\">\n\n    <div class=\"anr-contact-visual\" aria-label=\"Contact information\">\n\n      <a class=\"anr-contact-brand\" href=\"https:\/\/heibola.com\/\" aria-label=\"Go to HeiBola homepage\">\n        <img decoding=\"async\" src=\"https:\/\/heibola.com\/en\/wp-content\/uploads\/2026\/06\/logo-heibola.png\" alt=\"HeiBola\">\n      <\/a>\n\n      <div class=\"anr-contact-illustration\" aria-hidden=\"true\">\n        <span class=\"anr-contact-person\">\ud83c\udfa7<\/span>\n      <\/div>\n\n      <div class=\"anr-contact-list\">\n\n        <div class=\"anr-contact-item\">\n          <span class=\"anr-contact-icon\">\u2709<\/span>\n          <div>\n            <strong>Email<\/strong>\n            <a href=\"mailto:redaksi@heibola.com\">redaksi@heibola.com<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"anr-contact-item\">\n          <span class=\"anr-contact-icon\">\ud83c\udf10<\/span>\n          <div>\n            <strong>Website<\/strong>\n            <a href=\"https:\/\/heibola.com\/\">heibola.com<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"anr-contact-item\">\n          <span class=\"anr-contact-icon\">\ud83d\udccd<\/span>\n          <div>\n            <strong>Address<\/strong>\n            <span>Jl. Kuningan Persada No.Kav 4, DKI Jakarta, Indonesia<\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <div class=\"anr-contact-card\">\n      <h2>Send a Message<\/h2>\n              <form class=\"anr-contact-form\" method=\"post\" action=\"\">\n            <input type=\"hidden\" id=\"anr_contact_form_nonce\" name=\"anr_contact_form_nonce\" value=\"f27191c2ef\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/10617\" \/>            <input type=\"hidden\" name=\"anr_contact_form_submit\" value=\"1\" \/>\n            <p class=\"anr-form-honeypot\"><label>Website <input type=\"text\" name=\"anr_website_url\" value=\"\" autocomplete=\"off\" \/><\/label><\/p>\n\n            <p>\n                <label for=\"anr_name\">Name<\/label>\n                <input id=\"anr_name\" name=\"anr_name\" type=\"text\" placeholder=\"Name\" required \/>\n            <\/p>\n            <p>\n                <label for=\"anr_email\">Email<\/label>\n                <input id=\"anr_email\" name=\"anr_email\" type=\"email\" placeholder=\"Email Address\" required \/>\n            <\/p>\n            <p>\n                <label for=\"anr_subject\">Subject<\/label>\n                <input id=\"anr_subject\" name=\"anr_subject\" type=\"text\" placeholder=\"Subject\" required \/>\n            <\/p>\n            <p>\n                <label for=\"anr_message\">Message<\/label>\n                <textarea id=\"anr_message\" name=\"anr_message\" rows=\"7\" placeholder=\"Message\" required><\/textarea>\n            <\/p>\n            <p class=\"anr-contact-agree\">\n                <label><input type=\"checkbox\" name=\"anr_agree\" value=\"1\" required \/> I have read and agree to the <a href=\"https:\/\/heibola.com\/en\/terms-and-conditions\/\">Terms and Conditions<\/a>.<\/label>\n            <\/p>\n            <p class=\"anr-submit-wrap\"><button type=\"submit\">Submit<\/button><\/p>\n        <\/form>\n        \n    <\/div>\n\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Contact \ud83c\udfa7 \u2709 Email redaksi@heibola.com \ud83c\udf10 Website heibola.com \ud83d\udccd Address Jl. Kuningan Persada No.Kav 4,<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-10617","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/heibola.com\/en\/wp-json\/wp\/v2\/pages\/10617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/heibola.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/heibola.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/heibola.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/heibola.com\/en\/wp-json\/wp\/v2\/comments?post=10617"}],"version-history":[{"count":1,"href":"https:\/\/heibola.com\/en\/wp-json\/wp\/v2\/pages\/10617\/revisions"}],"predecessor-version":[{"id":10639,"href":"https:\/\/heibola.com\/en\/wp-json\/wp\/v2\/pages\/10617\/revisions\/10639"}],"wp:attachment":[{"href":"https:\/\/heibola.com\/en\/wp-json\/wp\/v2\/media?parent=10617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}