{"id":832,"date":"2025-02-10T15:57:50","date_gmt":"2025-02-10T15:57:50","guid":{"rendered":"https:\/\/quansel.com\/staging\/?page_id=832"},"modified":"2026-07-07T08:45:08","modified_gmt":"2026-07-07T08:45:08","slug":"kontak","status":"publish","type":"page","link":"https:\/\/quansel.com\/staging\/kontak\/","title":{"rendered":"Kontak"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"832\" class=\"elementor elementor-832\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ed879e1 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ed879e1\" data-element_type=\"section\" data-e-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=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c5943fe\" data-id=\"c5943fe\" data-element_type=\"column\" data-e-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-f7e16b9 elementor-widget elementor-widget-html\" data-id=\"f7e16b9\" 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<!-- IMPORT FONT & VARIABEL GLOBAL (Cukup di widget paling atas ini) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;700&family=Work+Sans:wght@400;500&family=IBM+Plex+Mono:wght@500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root {\r\n    --q-blue: #0573e3;\r\n    --q-green: #6cffba;\r\n    --q-dark: #54565a;\r\n    --q-black: #0c1017;\r\n    --q-bg: #ffffff;\r\n    --q-border: rgba(12, 16, 23, 0.1);\r\n}\r\n\r\n.q-hero-intro * { box-sizing: border-box; margin: 0; padding: 0; }\r\n.q-hero-intro {\r\n    padding: 15vh 5vw 8vh 5vw;\r\n    background-color: #ffffff;\r\n    position: relative;\r\n    width: 100%;\r\n}\r\n.q-mono-tag-hero {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 13px;\r\n    letter-spacing: 2px;\r\n    color: var(--q-blue);\r\n    display: block;\r\n    margin-bottom: 30px;\r\n    font-weight: 600;\r\n}\r\n.q-hero-headline {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-size: clamp(3rem, 6vw, 6rem);\r\n    font-weight: 700;\r\n    line-height: 1.05;\r\n    letter-spacing: -0.03em;\r\n    color: var(--q-black);\r\n}\r\n.q-text-blue { color: var(--q-blue); }\r\n.q-hero-line {\r\n    width: 100%;\r\n    height: 1px;\r\n    background-color: var(--q-border);\r\n    margin-top: 8vh;\r\n}\r\n<\/style>\r\n\r\n<section class=\"q-hero-intro\">\r\n    <div class=\"q-hero-content\">\r\n        <h1 class=\"q-hero-headline\">\r\n    Hubungi Kami.<br>\r\n    <span class=\"q-text-blue\">Kami Siap Membantu.<\/span>\r\n<\/h1>\r\n    <\/div>\r\n    <div class=\"q-hero-line\"><\/div>\r\n<\/section>\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=\"elementor-section elementor-top-section elementor-element elementor-element-59c7605 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"59c7605\" data-element_type=\"section\" data-e-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=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-76c58f3\" data-id=\"76c58f3\" data-element_type=\"column\" data-e-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-6b015f6 elementor-widget elementor-widget-html\" data-id=\"6b015f6\" 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<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;700&family=Work+Sans:wght@400;500&family=IBM+Plex+Mono:wght@500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root{\r\n    --q-blue:#0573e3;\r\n    --q-green:#6cffba;\r\n    --q-black:#0c1017;\r\n    --q-dark:#54565a;\r\n    --q-border:rgba(12,16,23,.08);\r\n    --q-bg:#f7f7f7;\r\n}\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700&family=Work+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap');\r\n\r\n\/* \u2500\u2500\u2500 VARIABEL \u2500\u2500\u2500 *\/\r\n.q-contact-wrap {\r\n    --q-blue:   #0573e3;\r\n    --q-green:  #6cffba;\r\n    --q-dark:   #54565a;\r\n    --q-black:  #0c1017;\r\n    --q-bg:     #ffffff;\r\n    --q-border: rgba(12, 16, 23, 0.13);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 OUTER WRAPPER \u2500\u2500\u2500 *\/\r\n.q-contact-wrap {\r\n    width: 100%;\r\n    padding: 100px 5vw 120px;\r\n    background: var(--q-bg);\r\n    font-family: 'Work Sans', sans-serif;\r\n}\r\n\r\n.q-contact-inner {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    gap: 80px;\r\n    align-items: flex-start;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 LEFT: INFO PANEL \u2500\u2500\u2500 *\/\r\n.q-contact-info {\r\n    width: 38%;\r\n    flex-shrink: 0;\r\n    padding-top: 8px;\r\n}\r\n\r\n.q-contact-eyebrow {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: var(--q-blue);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.q-contact-eyebrow::before {\r\n    content: '';\r\n    width: 24px;\r\n    height: 2px;\r\n    background: var(--q-blue);\r\n    flex-shrink: 0;\r\n}\r\n\r\n.q-contact-heading {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-size: clamp(2rem, 3.2vw, 3rem);\r\n    font-weight: 700;\r\n    letter-spacing: -0.03em;\r\n    line-height: 1.08;\r\n    color: var(--q-black);\r\n    margin-bottom: 28px;\r\n}\r\n\r\n.q-contact-heading em {\r\n    font-style: normal;\r\n    background: linear-gradient(180deg, transparent 60%, var(--q-green) 60%);\r\n}\r\n\r\n.q-contact-subtext {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 1rem;\r\n    line-height: 1.8;\r\n    color: var(--q-dark);\r\n    font-weight: 400;\r\n    margin-bottom: 48px;\r\n}\r\n\r\n\/* Detail kontak *\/\r\n.q-contact-details {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0;\r\n    border-top: 2px solid var(--q-black);\r\n}\r\n\r\n.q-contact-detail-row {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n    padding: 20px 0;\r\n    border-bottom: 1px solid var(--q-border);\r\n}\r\n\r\n.q-detail-label {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    color: var(--q-blue);\r\n}\r\n\r\n.q-detail-value {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 0.975rem;\r\n    font-weight: 500;\r\n    color: var(--q-black);\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\na.q-detail-value:hover { color: var(--q-blue); }\r\n\r\n\/* \u2500\u2500\u2500 RIGHT: FORM PANEL \u2500\u2500\u2500 *\/\r\n.q-contact-form-panel {\r\n    flex: 1;\r\n    border-top: 2px solid var(--q-black);\r\n    padding-top: 40px;\r\n    position: relative;\r\n}\r\n\r\n\/* tag label di sudut kanan atas border *\/\r\n.q-contact-form-panel::before {\r\n    content: \"[ FORMULIR KONTAK ]\";\r\n    position: absolute;\r\n    top: -14px;\r\n    right: 0;\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n    color: var(--q-bg);\r\n    background: var(--q-black);\r\n    padding: 4px 12px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 FIELDROW: 2 kolom untuk nama & email \u2500\u2500\u2500 *\/\r\n.q-field-row {\r\n    display: flex;\r\n    gap: 32px;\r\n    margin-bottom: 32px;\r\n}\r\n\r\n.q-field-row .q-field { flex: 1; margin-bottom: 0; }\r\n\r\n\/* \u2500\u2500\u2500 FIELD GROUP \u2500\u2500\u2500 *\/\r\n.q-field {\r\n    margin-bottom: 32px;\r\n    position: relative;\r\n}\r\n\r\n\/* Label *\/\r\n.q-field-label {\r\n    display: block;\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    color: var(--q-dark);\r\n    margin-bottom: 10px;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.q-field:focus-within .q-field-label {\r\n    color: var(--q-blue);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 INPUT & TEXTAREA RESET \u2500\u2500\u2500 *\/\r\n.q-contact-wrap .wpcf7-form input[type=\"text\"],\r\n.q-contact-wrap .wpcf7-form input[type=\"email\"],\r\n.q-contact-wrap .wpcf7-form input[type=\"tel\"],\r\n.q-contact-wrap .wpcf7-form textarea,\r\n.q-contact-wrap .wpcf7-form select {\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    border: none;\r\n    border-bottom: 1.5px solid var(--q-border);\r\n    border-radius: 0;\r\n    background: transparent;\r\n    padding: 10px 0 12px;\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 1rem;\r\n    font-weight: 400;\r\n    color: var(--q-black);\r\n    transition: border-color 0.25s ease;\r\n    display: block;\r\n}\r\n\r\n.q-contact-wrap .wpcf7-form input[type=\"text\"]::placeholder,\r\n.q-contact-wrap .wpcf7-form input[type=\"email\"]::placeholder,\r\n.q-contact-wrap .wpcf7-form input[type=\"tel\"]::placeholder,\r\n.q-contact-wrap .wpcf7-form textarea::placeholder {\r\n    font-family: 'Work Sans', sans-serif;\r\n    font-size: 0.9rem;\r\n    color: rgba(84,86,90,0.45);\r\n    font-weight: 300;\r\n}\r\n\r\n.q-contact-wrap .wpcf7-form textarea {\r\n    min-height: 130px;\r\n    resize: vertical;\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* Focus state *\/\r\n.q-contact-wrap .wpcf7-form input:focus,\r\n.q-contact-wrap .wpcf7-form textarea:focus {\r\n    outline: none;\r\n    border-color: var(--q-blue);\r\n}\r\n\r\n\/* Underline animasi saat focus *\/\r\n.q-field::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 0;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, var(--q-blue), var(--q-green));\r\n    transition: width 0.35s cubic-bezier(0.16, 1, 0.3, 1);\r\n    pointer-events: none;\r\n}\r\n\r\n.q-field:focus-within::after { width: 100%; }\r\n\r\n\/* \u2500\u2500\u2500 VALIDATION \u2500\u2500\u2500 *\/\r\n.q-contact-wrap .wpcf7-not-valid {\r\n    border-color: #d93025 !important;\r\n}\r\n\r\n.q-contact-wrap .wpcf7-not-valid-tip {\r\n    display: block;\r\n    margin-top: 6px;\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 11px;\r\n    color: #d93025;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 SELECT (jika ada) \u2500\u2500\u2500 *\/\r\n.q-contact-wrap .wpcf7-form select {\r\n    cursor: pointer;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%230573e3' stroke-width='1.5' fill='none'\/%3E%3C\/svg%3E\");\r\n    background-repeat: no-repeat;\r\n    background-position: right 4px center;\r\n    padding-right: 24px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 hCAPTCHA \u2500\u2500\u2500 *\/\r\n.q-contact-wrap .hcaptcha-wrapper {\r\n    margin: 8px 0 32px;\r\n    padding-top: 24px;\r\n    border-top: 1px dashed var(--q-border);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 SUBMIT BUTTON \u2500\u2500\u2500 *\/\r\n.q-form-footer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding-top: 32px;\r\n    border-top: 1px solid var(--q-border);\r\n    gap: 20px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.q-form-note {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 10px;\r\n    letter-spacing: 1.5px;\r\n    color: var(--q-dark);\r\n    opacity: 0.6;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.q-contact-wrap .wpcf7-form input.wpcf7-submit,\r\n.q-contact-wrap .wpcf7-form button[type=\"submit\"] {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 13px;\r\n    letter-spacing: 0.06em;\r\n    text-transform: uppercase;\r\n    color: #fff;\r\n    background-color: var(--q-black);\r\n    border: 2px solid var(--q-black);\r\n    border-radius: 0;\r\n    padding: 14px 36px;\r\n    cursor: pointer;\r\n    position: relative;\r\n    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);\r\n    flex-shrink: 0;\r\n}\r\n\r\n.q-contact-wrap .wpcf7-form input.wpcf7-submit:hover,\r\n.q-contact-wrap .wpcf7-form button[type=\"submit\"]:hover {\r\n    background-color: var(--q-blue);\r\n    border-color: var(--q-blue);\r\n}\r\n\r\n.q-contact-wrap .wpcf7-form input.wpcf7-submit:active,\r\n.q-contact-wrap .wpcf7-form button[type=\"submit\"]:active {\r\n    transform: translate(0, 0);\r\n    box-shadow: 2px 2px 0 0 var(--q-black);\r\n    background-color: var(--q-green);\r\n    border-color: var(--q-green);\r\n    color: var(--q-black);\r\n}\r\n\r\n\/* Spinner *\/\r\n.q-contact-wrap .wpcf7-spinner {\r\n    margin-left: 10px;\r\n    vertical-align: middle;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RESPONSE OUTPUT \u2500\u2500\u2500 *\/\r\n.q-contact-wrap .wpcf7-response-output {\r\n    margin-top: 20px;\r\n    border-radius: 0;\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 12px;\r\n    letter-spacing: 0.5px;\r\n    padding: 14px 18px;\r\n    border: 1.5px solid var(--q-dark);\r\n}\r\n\r\n.q-contact-wrap .wpcf7-form.sent .wpcf7-response-output {\r\n    border-color: var(--q-green);\r\n    background: rgba(108, 255, 186, 0.08);\r\n    color: var(--q-black);\r\n}\r\n\r\n.q-contact-wrap .wpcf7-form.invalid .wpcf7-response-output,\r\n.q-contact-wrap .wpcf7-form.failed .wpcf7-response-output {\r\n    border-color: #d93025;\r\n    color: #d93025;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n@media (max-width: 1024px) {\r\n    .q-contact-inner {\r\n        flex-direction: column;\r\n        gap: 48px;\r\n    }\r\n    .q-contact-info { width: 100%; }\r\n    .q-contact-heading { font-size: clamp(1.8rem, 5vw, 2.4rem); }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .q-contact-wrap { padding: 64px 5vw 80px; }\r\n    .q-field-row { flex-direction: column; gap: 0; }\r\n    .q-form-footer { flex-direction: column; align-items: flex-start; }\r\n    .q-contact-wrap .wpcf7-form input.wpcf7-submit,\r\n    .q-contact-wrap .wpcf7-form button[type=\"submit\"] { width: 100%; text-align: center; }\r\n    .q-contact-form-panel::before { display: none; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"q-contact-wrap\">\r\n    <div class=\"q-contact-inner\">\r\n\r\n        <!-- Info kiri -->\r\n        <div class=\"q-contact-info\">\r\n            <p class=\"q-contact-eyebrow\">Hubungi Kami<\/p>\r\n            <h2 class=\"q-contact-heading\">Konsultasi<br><em>hukum<\/em> untuk<br>bisnis Anda.<\/h2>\r\n            <p class=\"q-contact-subtext\">Ceritakan kebutuhan hukum bisnis Anda. Tim kami akan merespons dalam satu hari kerja.<\/p>\r\n\r\n            <div class=\"q-contact-details\">\r\n                <div class=\"q-contact-detail-row\">\r\n                    <span class=\"q-detail-label\">Lokasi<\/span>\r\n                    <span class=\"q-detail-value\">The Classic Indonesia<br>Jalan Bona Vista Raya No. 1, RT. 001 RW. 001, Lebak Bulus, Kecamatan Cilandak, Kota Jakarta Selatan<\/span>\r\n                <\/div>\r\n                <div class=\"q-contact-detail-row\">\r\n                    <span class=\"q-detail-label\">Jam Kerja<\/span>\r\n                    <span class=\"q-detail-value\">Senin \u2013 Jumat, 08.00 \u2013 17.00 WIB<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Form kanan -->\r\n        <div class=\"q-contact-form-panel\">\r\n\r\n            <!-- GANTI [your-cf7-shortcode] dengan shortcode CF7 kamu -->\r\n            <!-- Struktur label + input dibungkus .q-field agar animasi underline jalan -->\r\n            <!-- Contoh struktur manual kalau CF7 kamu punya custom HTML: -->\r\n\r\n            \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1582-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"1582\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/staging\/wp-json\/wp\/v2\/pages\/832#wpcf7-f1582-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"1582\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1582-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><span id=\"wpcf7-6a810b44dbf26-wrapper\" class=\"wpcf7-form-control-wrap hp-quansel-wrap\" data-cf7apps-honeypot=\"hp-quansel\" ><input type=\"hidden\" name=\"hp-quansel-random-hash\" value=\"96289389\"><label\n\t\t    for=\"wpcf7-6a810b44dbf26-field\"\n\t\t    class=\"hp-message\"\n        >Please leave this field empty.<\/label><input\n\t    id=\"wpcf7-6a810b44dbf26-field\"\n\t    \n\t    class=\"wpcf7-form-control wpcf7-text\"\n\t    type=\"text\"\n\t    name=\"0dm5zzdrguyw\"\n\t    value=\"\"\n\t    size=\"40\"\n\t    autocomplete=\"off\"\n\t    tabindex=\"1000\"\n    \/><\/span>\n<\/p>\n<div class=\"q-field-row\">\n\t<div class=\"q-field\">\n\t\t<p><label class=\"q-field-label\">Nama Lengkap<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nama Lengkap\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"q-field\">\n\t\t<p><label class=\"q-field-label\">Email<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"email@perusahaan.com\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<div class=\"q-field\">\n\t<p><label class=\"q-field-label\">Perusahaan Anda<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-company\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Perusahaan Anda\" value=\"\" type=\"text\" name=\"your-company\" \/><\/span>\n\t<\/p>\n<\/div>\n<div class=\"q-field\">\n\t<p><label class=\"q-field-label\">Pesan<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Pesan yang ingin disampaikan...\" name=\"your-message\"><\/textarea><\/span>\n\t<\/p>\n<\/div>\n<div class=\"hcaptcha-wrapper\">\n\t<p><div class=\"h-captcha\" data-sitekey=\"02e62e94-7346-48e0-a19a-52d4607e0ae2\" data-size=\"normal\" data-theme=\"light\" data-lang=\"en\"><\/div><span class=\"wpcf7-form-control-wrap cf7apps-hcaptcha\" data-name=\"cf7apps-hcaptcha\"><input type=\"hidden\" name=\"cf7apps-hcaptcha\" value=\"\" class=\"wpcf7-form-control\"><\/span>\n\t<\/p>\n<\/div>\n<div class=\"q-form-footer\">\n\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Kirim Pesan \u2192\" \/>\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ CF7 Form Enhancements\r\ndocument.addEventListener('DOMContentLoaded', function(){\r\n    const forms = document.querySelectorAll('.wpcf7-form');\r\n    \r\n    forms.forEach(form => {\r\n        \/\/ Add required indicator\r\n        const requiredFields = form.querySelectorAll('[aria-required=\"true\"], [required]');\r\n        requiredFields.forEach(field => {\r\n            const label = field.closest('p')?.querySelector('label');\r\n            if(label && !label.querySelector('.wpcf7-required')){\r\n                label.innerHTML += '<span class=\"wpcf7-required\">*<\/span>';\r\n            }\r\n        });\r\n        \r\n        \/\/ Loading state\r\n        form.addEventListener('submit', function(){\r\n            this.classList.add('submitting');\r\n        });\r\n        \r\n        \/\/ Success handler\r\n        form.addEventListener('wpcf7mailsent', function(event){\r\n            this.classList.remove('submitting');\r\n            \r\n            \/\/ Optional: Custom success message\r\n            setTimeout(() => {\r\n                this.scrollIntoView({behavior:'smooth', block:'center'});\r\n            }, 100);\r\n        });\r\n        \r\n        \/\/ Error handler\r\n        form.addEventListener('wpcf7mailfailed', function(){\r\n            this.classList.remove('submitting');\r\n        });\r\n        \r\n        \/\/ Invalid handler\r\n        form.addEventListener('wpcf7invalid', function(){\r\n            this.classList.remove('submitting');\r\n        });\r\n    });\r\n});\r\n<\/script>\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hubungi Kami. Kami Siap Membantu. Hubungi Kami Konsultasihukum untukbisnis Anda. Ceritakan kebutuhan hukum bisnis Anda. Tim kami akan merespons dalam satu hari kerja. Lokasi The Classic IndonesiaJalan Bona Vista Raya No. 1, RT. 001 RW. 001, Lebak Bulus, Kecamatan Cilandak, Kota Jakarta Selatan Jam Kerja Senin \u2013 Jumat, 08.00 \u2013 17.00 WIB<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"slim_seo":{"title":"Hubungi Quansel | Konsultasi Hukum Bisnis","description":"Diskusikan kebutuhan hukum bisnis Anda bersama tim Quansel. Kami siap membantu melalui konsultasi yang sesuai dengan kondisi dan tujuan usaha Anda."},"footnotes":""},"class_list":["post-832","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/pages\/832","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/comments?post=832"}],"version-history":[{"count":32,"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/pages\/832\/revisions"}],"predecessor-version":[{"id":1821,"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/pages\/832\/revisions\/1821"}],"wp:attachment":[{"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/media?parent=832"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}