{"id":1587,"date":"2026-07-02T04:20:04","date_gmt":"2026-07-02T04:20:04","guid":{"rendered":"https:\/\/quansel.com\/staging\/?page_id=1587"},"modified":"2026-07-07T08:45:09","modified_gmt":"2026-07-07T08:45:09","slug":"contact","status":"publish","type":"page","link":"https:\/\/quansel.com\/staging\/en\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1587\" class=\"elementor elementor-1587\">\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    Get in Touch.<br>\r\n    <span class=\"q-text-blue\">We're Here to Help.<\/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\">Contact Us<\/p>\r\n    <h2 class=\"q-contact-heading\">Legal<br><em>solutions<\/em> for<br>your business.<\/h2>\r\n    <p class=\"q-contact-subtext\">\r\n        Tell us about your business legal needs. Our team will get back to you within one business day.\r\n    <\/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\">office<\/span>\r\n            <span class=\"q-detail-value\">The Classic Indonesia <br> Jalan Bona Vista Raya No. 1, RT. 001 RW. 001, Lebak Bulus, Cilandak, South Jakarta<\/span>\r\n        <\/div>\r\n        <div class=\"q-contact-detail-row\">\r\n            <span class=\"q-detail-label\">Business Hours<\/span>\r\n            <span class=\"q-detail-value\">Monday \u2013 Friday, 8:00 AM \u2013 5:00 PM (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-f1586-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"1586\">\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\/1587#wpcf7-f1586-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=\"1586\" \/><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-f1586-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-6a8118446dc67-wrapper\" class=\"wpcf7-form-control-wrap hp-quansel-wrap\" data-cf7apps-honeypot=\"hp-quansel\" ><input type=\"hidden\" name=\"hp-quansel-random-hash\" value=\"98815299\"><label\n\t\t    for=\"wpcf7-6a8118446dc67-field\"\n\t\t    class=\"hp-message\"\n        >Please leave this field empty.<\/label><input\n\t    id=\"wpcf7-6a8118446dc67-field\"\n\t    \n\t    class=\"wpcf7-form-control wpcf7-text\"\n\t    type=\"text\"\n\t    name=\"hfwxddoiqulv\"\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\">Full Name<\/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=\"Your Name\" 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@company.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\">Company<\/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=\"Your Company\" 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\">Message<\/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=\"Your Message...\" 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=\"Submit \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>Get in Touch. We&#8217;re Here to Help. Contact Us Legalsolutions foryour business. Tell us about your business legal needs. Our team will get back to you within one business day. office The Classic Indonesia Jalan Bona Vista Raya No. 1, RT. 001 RW. 001, Lebak Bulus, Cilandak, South Jakarta Business Hours Monday \u2013 Friday, 8:00 [&hellip;]<\/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":"Contact Quansel | Business Legal Consultation","description":"Have a legal question or business matter to discuss? Get in touch with Quansel and speak with our team about the right legal approach for your business."},"footnotes":""},"class_list":["post-1587","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/pages\/1587","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=1587"}],"version-history":[{"count":19,"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/pages\/1587\/revisions"}],"predecessor-version":[{"id":1824,"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/pages\/1587\/revisions\/1824"}],"wp:attachment":[{"href":"https:\/\/quansel.com\/staging\/wp-json\/wp\/v2\/media?parent=1587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}