{"id":18342,"date":"2026-11-02T13:59:33","date_gmt":"2026-11-02T13:59:33","guid":{"rendered":"https:\/\/hucle-consulting.com\/?page_id=18342"},"modified":"2026-11-02T13:59:33","modified_gmt":"2026-11-02T13:59:33","slug":"hubungi-kami","status":"publish","type":"page","link":"https:\/\/hucle-consulting.com\/?page_id=18342","title":{"rendered":"Hubungi Kami"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18342\" class=\"elementor elementor-18342\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f589bd7 e-con e-atomic-element e-flexbox-base e-default-div e-0501a93 \" data-id=\"f589bd7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f589bd7\" id=\"Kontak\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-9a4ea13 e-con e-atomic-element e-flexbox-base e-default-div e-29b42a6 \" data-id=\"9a4ea13\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9a4ea13\">\n    \t\t<div class=\"elementor-element elementor-element-3070ed0 gsap-move-no rs-tween_max_btn-no elementor-widget elementor-widget-html\" data-id=\"3070ed0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ELEMENTOR CUSTOM HTML: CONTACT US PT. HUCLE INDONESIA (BENTO GRID) -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n  .hucle-bento-sec { font-family: 'Plus Jakarta Sans', sans-serif; max-width: 1200px; margin: 0 auto; padding: 72px 24px; color: #0F172A; box-sizing: border-box; }\n  .hucle-bento-sec * { box-sizing: border-box; }\n  .hucle-bento-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; margin: 40px 0; }\n  .hucle-bento-item { background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 20px; padding: 28px; }\n  .hucle-bento-dark { background: #0F172A; color: #FFFFFF; border-radius: 20px; padding: 28px; }\n<\/style>\n<section class=\"hucle-bento-sec\">\n  <div style=\"text-align:center; max-width:720px; margin:0 auto;\">\n    <span style=\"background:#0F172A; color:#fff; padding:6px 14px; border-radius:99px; font-size:12px; font-weight:700;\">&#9733; 4.1 (28 Ulasan Google)<\/span>\n    <h1 style=\"font-size:clamp(28px, 4vw, 44px); font-weight:800; margin:16px 0 12px;\">Terhubung dengan <span style=\"color:#2563EB;\">PT. Hucle Indonesia<\/span><\/h1>\n    <p style=\"color:#475569; font-size:16px; line-height:1.7;\">Mitra terpercaya dalam pengembangan sumber daya manusia di Kota Semarang.<\/p>\n  <\/div>\n  <div class=\"hucle-bento-grid\">\n    <div class=\"hucle-bento-item\">\n      <div style=\"font-size:12px; font-weight:700; color:#2563EB; text-transform:uppercase;\">Telepon Kantor<\/div>\n      <div style=\"font-size:24px; font-weight:800; margin:8px 0;\">(024) 76424977<\/div>\n      <p style=\"font-size:13px; color:#64748B; margin:0;\">Hubungi tim konsultan kami pada jam kerja operasional.<\/p>\n    <\/div>\n    <div class=\"hucle-bento-dark\">\n      <div style=\"font-size:12px; font-weight:700; color:#60A5FA; text-transform:uppercase;\">Lokasi Kantor Semarang<\/div>\n      <div style=\"font-size:17px; font-weight:700; margin:8px 0;\">Jl. Kalilangse No.149, Gajahmungkur<\/div>\n      <p style=\"font-size:13px; color:#CBD5E1; margin:0;\">Kota Semarang, Jawa Tengah 50232 (Masuk lewat Jl. Malabar).<\/p>\n    <\/div>\n    <div class=\"hucle-bento-item\">\n      <div style=\"font-size:12px; font-weight:700; color:#059669; text-transform:uppercase;\">Jam Operasional<\/div>\n      <div style=\"font-size:22px; font-weight:800; margin:8px 0;\">Buka Pukul 08.00 WIB<\/div>\n      <p style=\"font-size:13px; color:#64748B; margin:0;\">Senin s\/d Jumat: 08.00 - 16.00 WIB.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4074005 e-con e-atomic-element e-flexbox-base e-default-div e-67082c3 \" data-id=\"4074005\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4074005\">\n    \t\t<div class=\"elementor-element elementor-element-efbb691 gsap-move-no rs-tween_max_btn-no elementor-widget elementor-widget-html\" data-id=\"efbb691\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .hucle-right-child {\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n    background: #FFFFFF;\n    border: 1px solid #E2E8F0;\n    border-radius: 24px;\n    padding: 36px;\n    box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.06);\n  }\n  .hucle-form-header {\n    margin-bottom: 24px;\n  }\n  .hucle-form-header h3 {\n    margin: 0 0 6px 0;\n    font-size: 22px;\n    font-weight: 800;\n    color: #0F172A;\n  }\n  .hucle-form-header p {\n    margin: 0;\n    font-size: 14px;\n    color: #64748B;\n  }\n  .hucle-form-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n    margin-bottom: 16px;\n  }\n  @media (max-width: 640px) {\n    .hucle-form-grid {\n      grid-template-columns: 1fr;\n    }\n    .hucle-right-child {\n      padding: 24px;\n    }\n  }\n  .hucle-form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    margin-bottom: 16px;\n  }\n  .hucle-label {\n    font-size: 13px;\n    font-weight: 700;\n    color: #334155;\n  }\n  .hucle-input, .hucle-select, .hucle-textarea {\n    width: 100%;\n    box-sizing: border-box;\n    padding: 12px 14px;\n    border-radius: 10px;\n    border: 1px solid #CBD5E1;\n    background: #F8FAFC;\n    font-size: 14px;\n    color: #0F172A;\n    font-family: inherit;\n    transition: all 0.2s ease;\n  }\n  .hucle-input:focus, .hucle-select:focus, .hucle-textarea:focus {\n    outline: none;\n    background: #FFFFFF;\n    border-color: #2563EB;\n    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);\n  }\n  .hucle-pills {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 4px;\n  }\n  .hucle-pill-label {\n    cursor: pointer;\n  }\n  .hucle-pill-label input {\n    display: none;\n  }\n  .hucle-pill-span {\n    display: inline-block;\n    padding: 8px 14px;\n    border-radius: 999px;\n    font-size: 13px;\n    font-weight: 600;\n    background: #F1F5F9;\n    color: #475569;\n    border: 1px solid transparent;\n    transition: all 0.2s ease;\n  }\n  .hucle-pill-label input:checked + .hucle-pill-span {\n    background: #EFF6FF;\n    color: #2563EB;\n    border-color: #93C5FD;\n  }\n  .hucle-submit-btn {\n    width: 100%;\n    padding: 15px 24px;\n    border: none;\n    border-radius: 12px;\n    background: #0F172A;\n    color: #FFFFFF;\n    font-size: 15px;\n    font-weight: 700;\n    cursor: pointer;\n    transition: all 0.25s ease;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 8px;\n  }\n  .hucle-submit-btn:hover {\n    background: #2563EB;\n    transform: translateY(-1px);\n    box-shadow: 0 10px 20px -5px rgba(37, 99, 235, 0.35);\n  }\n<\/style>\n\n<div class=\"hucle-right-child\">\n  <div class=\"hucle-form-header\">\n    <h3>Jadwalkan Sesi Konsultasi<\/h3>\n    <p>Isi detail kebutuhan organisasi Anda, tim konsultan kami akan segera menghubungi Anda.<\/p>\n  <\/div>\n\n  <form onsubmit=\"event.preventDefault(); alert('Terima kasih! Permintaan konsultasi Anda ke PT. Hucle Indonesia telah terkirim.');\">\n    <!-- Baris 1: Nama & Perusahaan -->\n    <div class=\"hucle-form-grid\">\n      <div>\n        <label class=\"hucle-label\">Nama Lengkap *<\/label>\n        <input type=\"text\" class=\"hucle-input\" placeholder=\"Budi Santoso\" required>\n      <\/div>\n      <div>\n        <label class=\"hucle-label\">Nama Perusahaan \/ Instansi *<\/label>\n        <input type=\"text\" class=\"hucle-input\" placeholder=\"PT. Maju Bersama\" required>\n      <\/div>\n    <\/div>\n\n    <!-- Baris 2: Email & WhatsApp -->\n    <div class=\"hucle-form-grid\">\n      <div>\n        <label class=\"hucle-label\">Email Korporat *<\/label>\n        <input type=\"email\" class=\"hucle-input\" placeholder=\"budi@perusahaan.com\" required>\n      <\/div>\n      <div>\n        <label class=\"hucle-label\">Nomor Telepon \/ WhatsApp *<\/label>\n        <input type=\"tel\" class=\"hucle-input\" placeholder=\"0812-xxxx-xxxx\" required>\n      <\/div>\n    <\/div>\n\n    <!-- Pilihan Topik Layanan SDM -->\n    <div class=\"hucle-form-group\">\n      <label class=\"hucle-label\">Fokus Pengembangan SDM yang Dibutuhkan<\/label>\n      <div class=\"hucle-pills\">\n        <label class=\"hucle-pill-label\">\n          <input type=\"checkbox\" name=\"topik\" value=\"Sistem HR & KPI\" checked>\n          <span class=\"hucle-pill-span\">Sistem HR & KPI<\/span>\n        <\/label>\n        <label class=\"hucle-pill-label\">\n          <input type=\"checkbox\" name=\"topik\" value=\"Asesmen & Rekrutmen\">\n          <span class=\"hucle-pill-span\">Asesmen & Rekrutmen<\/span>\n        <\/label>\n        <label class=\"hucle-pill-label\">\n          <input type=\"checkbox\" name=\"topik\" value=\"Pelatihan & Pengembangan\">\n          <span class=\"hucle-pill-span\">Pelatihan & Training<\/span>\n        <\/label>\n        <label class=\"hucle-pill-label\">\n          <input type=\"checkbox\" name=\"topik\" value=\"Riset & Survei SDM\">\n          <span class=\"hucle-pill-span\">Analitik & Riset SDM<\/span>\n        <\/label>\n      <\/div>\n    <\/div>\n\n    <!-- Pesan Detail -->\n    <div class=\"hucle-form-group\">\n      <label class=\"hucle-label\">Ringkasan Tantangan \/ Kebutuhan Organisasi<\/label>\n      <textarea rows=\"3\" class=\"hucle-textarea\" placeholder=\"Ceritakan singkat mengenai jumlah karyawan atau program SDM yang ingin dioptimalkan...\"><\/textarea>\n    <\/div>\n\n    <!-- Tombol Kirim -->\n    <button type=\"submit\" class=\"hucle-submit-btn\">\n      <span>Kirim Permintaan Konsultasi<\/span>\n      <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"\/>\n      <\/svg>\n    <\/button>\n  <\/form>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&#9733; 4.1 (28 Ulasan Google) Terhubung dengan PT. Hucle Indonesia Mitra terpercaya dalam pengembangan sumber daya manusia di Kota Semarang. Telepon Kantor (024) 76424977 Hubungi tim konsultan kami pada jam kerja operasional. Lokasi Kantor Semarang Jl. Kalilangse No.149, Gajahmungkur Kota Semarang, Jawa Tengah 50232 (Masuk lewat Jl. Malabar). Jam Operasional Buka Pukul 08.00 WIB Senin&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18342","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hucle-consulting.com\/index.php?rest_route=\/wp\/v2\/pages\/18342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hucle-consulting.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hucle-consulting.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hucle-consulting.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hucle-consulting.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18342"}],"version-history":[{"count":8,"href":"https:\/\/hucle-consulting.com\/index.php?rest_route=\/wp\/v2\/pages\/18342\/revisions"}],"predecessor-version":[{"id":18350,"href":"https:\/\/hucle-consulting.com\/index.php?rest_route=\/wp\/v2\/pages\/18342\/revisions\/18350"}],"wp:attachment":[{"href":"https:\/\/hucle-consulting.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}