{"id":2456,"date":"2026-07-14T01:43:36","date_gmt":"2026-07-14T01:43:36","guid":{"rendered":"https:\/\/www.gmid.co.id\/?page_id=2456"},"modified":"2026-08-07T10:54:29","modified_gmt":"2026-08-07T10:54:29","slug":"gmi-contact","status":"publish","type":"page","link":"https:\/\/www.gmid.co.id\/en\/gmi-contact\/","title":{"rendered":"GMI Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2456\" class=\"elementor elementor-2456\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ede54bc e-flex e-con-boxed e-con e-parent\" data-id=\"ede54bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-220a57e elementor-widget elementor-widget-html\" data-id=\"220a57e\" 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    \/* ======================================================\n   RESET\n====================================================== *\/\n\n*{\n    margin:0;\n    padding:0;\n    box-sizing:border-box;\n}\n\nhtml{\n    scroll-behavior:smooth;\n}\n\nbody{\n    font-family:'Inter',sans-serif;\n    padding-top:80px;\n    color:#1E293B;\n    background:#ffffff;\n    overflow-x:hidden;\n}\n\na{\n    text-decoration:none;\n}\n\nul{\n    list-style:none;\n}\n\n\/* ======================================================\n   HEADER\n====================================================== *\/\n\n.gmi-header{\n\n    position:fixed;\n\n    top:0;\n    left:0;\n\n    width:100%;\n\n    height:80px;\n\n    background:rgba(255,255,255,.96);\n\n    backdrop-filter:blur(14px);\n    -webkit-backdrop-filter:blur(14px);\n\n    border-bottom:1px solid #E5E7EB;\n\n    z-index:9999;\n\n}\n\n\/* ======================================================\n   CONTAINER\n====================================================== *\/\n\n.gmi-container{\n\n    max-width:1280px;\n\n    height:100%;\n\n    margin:auto;\n\n    padding:0 28px;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:space-between;\n\n}\n\n\/* ======================================================\n   LOGO\n====================================================== *\/\n\n.gmi-logo{\n\n    display:flex;\n\n    align-items:center;\n\n    flex-shrink:0;\n\n}\n\n.gmi-logo img{\n\n    display:block;\n\n    height:36px;\n\n    width:auto;\n    margin-left: 40px;\n\n}\n\n\/* ======================================================\n   NAVIGATION\n====================================================== *\/\n\n.gmi-nav{\n\n    flex:1;\n\n    display:flex;\n\n    justify-content:center;\n\n}\n\n.gmi-nav ul{\n\n    display:flex;\n\n    align-items:center;\n\n    gap:34px;\n\n}\n\n.gmi-nav li{\n\n    position:relative;\n\n}\n\n.gmi-nav a{\n\n    color:#1E293B;\n\n    font-size:15px;\n\n    font-weight:500;\n\n    transition:.25s;\n\n    position:relative;\n\n}\n\n.gmi-nav a:hover{\n\n    color:#3F51B5;\n\n}\n\n.gmi-nav a::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    left:0;\n\n    bottom:-8px;\n\n    width:0;\n\n    height:2px;\n\n    background:#3F51B5;\n\n    transition:.25s;\n\n}\n\n.gmi-nav a:hover::after{\n\n    width:100%;\n\n}\n\n\/* ======================================================\n   ACTION AREA\n====================================================== *\/\n\n.gmi-actions{\n\n    display:flex;\n\n    align-items:center;\n\n    gap:20px;\n\n}\n\n\/* ======================================================\n   LOGIN\n====================================================== *\/\n\n.gmi-login{\n\n    color:#1E293B;\n\n    font-size:15px;\n\n    font-weight:500;\n\n    transition:.25s;\n\n}\n\n.gmi-login:hover{\n\n    color:#3F51B5;\n\n}\n\n\/* ======================================================\n   BUTTON\n====================================================== *\/\n\na.gmi-btn,\n.gmi-btn,\n.gmi-header a.gmi-btn,\n.gmi-mobile-menu a.gmi-btn{\n\n    display:inline-flex !important;\n    align-items:center;\n    justify-content:center;\n\n    padding:12px 22px;\n\n    background:#3F51B5 !important;\n    color:#FFFFFF !important;\n\n    border:none !important;\n    border-radius:10px !important;\n\n    text-decoration:none !important;\n\n    font-size:14px !important;\n    font-weight:600 !important;\n    line-height:1 !important;\n\n    transition:.25s;\n\n}\n\na.gmi-btn:hover,\n.gmi-btn:hover{\n\n    background:#3142A4 !important;\n    color:#FFFFFF !important;\n\n    text-decoration:none !important;\n\n    transform:translateY(-2px);\n\n}\n\n\/* ======================================================\n   LANGUAGE\n====================================================== *\/\n\n.gmi-language{\n    position:relative;\n    display:flex;\n    align-items:center;\n}\n\n.gmi-language-btn{\n    display:flex !important;\n    align-items:center;\n    gap:6px;\n\n    background:transparent !important;\n    border:none !important;\n    box-shadow:none !important;\n\n    color:#1E293B !important;\n\n    padding:0 !important;\n    margin:0 !important;\n\n    cursor:pointer;\n}\n\n\/* Dropdown *\/\n.gmi-language > ul{\n\n    position:absolute !important;\n\n    top:calc(100% + 12px) !important;\n    right:0 !important;\n\n    width:170px;\n\n    margin:0 !important;\n    padding:8px 0 !important;\n\n    list-style:none !important;\n\n    background:#fff !important;\n\n    border:1px solid #E5E7EB;\n\n    border-radius:10px;\n\n    box-shadow:0 10px 30px rgba(0,0,0,.08);\n\n    display:none !important;\n\n    z-index:99999;\n\n}\n\n\/* Tampilkan saat hover *\/\n.gmi-language.active > ul{\n    display:block !important;\n}\n\n.gmi-language > ul li{\n    margin:0 !important;\n    padding:0 !important;\n}\n\n.gmi-language > ul li a{\n\n    display:block !important;\n\n    padding:12px 18px !important;\n\n    color:#1E293B !important;\n\n    text-decoration:none !important;\n\n    background:transparent !important;\n\n}\n\n.gmi-language > ul li a:hover{\n\n    background:#F8FAFC !important;\n\n    color:#3F51B5 !important;\n\n}\n\n\/* ======================================================\n   HAMBURGER\n====================================================== *\/\n\n.gmi-hamburger{\n\n    display:none;\n\n    width:44px;\n\n    height:44px;\n\n    border:none;\n\n    background:none;\n\n    cursor:pointer;\n\n    flex-direction:column;\n\n    justify-content:center;\n\n    align-items:center;\n\n    gap:5px;\n\n}\n\n.gmi-hamburger span{\n\n    width:24px;\n\n    height:2px;\n\n    background:#ffff;\n\n    border-radius:20px;\n\n    transition:.3s;\n\n}\n\n\/* ======================================================\n   MOBILE MENU\n====================================================== *\/\n\n.gmi-mobile-menu{\n\n    display:none;\n\n}\n\/* ======================================================\n   MOBILE MENU\n====================================================== *\/\n\n.gmi-mobile-menu{\n\n    position:absolute;\n\n    top:80px;\n\n    left:0;\n\n    width:100%;\n\n    background:#ffffff;\n\n    border-top:1px solid #E5E7EB;\n\n    box-shadow:0 10px 30px rgba(0,0,0,.08);\n\n    display:none;\n\n    flex-direction:column;\n\n    padding:20px;\n\n    animation:gmiFade .3s ease;\n\n    z-index:9998;\n\n}\n\n.gmi-mobile-menu.active{\n\n    display:flex;\n\n}\n\n.gmi-mobile-menu nav{\n\n    display:flex;\n\n    flex-direction:column;\n\n}\n\n.gmi-mobile-menu{\n\n    position:fixed;\n\n    top:72px;\n\n    left:0;\n\n    width:100%;\n\n    background:#fff;\n\n    display:none;\n\n    flex-direction:column;\n\n    padding:20px;\n\n    border-top:1px solid #eee;\n\n    box-shadow:0 10px 25px rgba(0,0,0,.08);\n\n    z-index:9998;\n\n}\n\n.gmi-mobile-menu.active{\n\n    display:flex;\n\n}\n\n.gmi-mobile-menu nav a:hover{\n\n    color:#3F51B5;\n\n    padding-left:8px;\n\n}\n\n.gmi-mobile-divider{\n\n    width:100%;\n\n    height:1px;\n\n    background:#E5E7EB;\n\n    margin:18px 0;\n\n}\n\n.gmi-mobile-login{\n\n    color:#1E293B;\n\n    font-weight:600;\n\n    margin-bottom:16px;\n\n}\n\n.gmi-mobile-btn{\n\n    width:100%;\n\n    justify-content:center;\n\n}\n\n.gmi-mobile-language{\n\n    display:flex;\n\n    flex-direction:column;\n\n    gap:12px;\n\n}\n\n.gmi-mobile-language strong{\n\n    color:#64748B;\n\n    font-size:13px;\n\n    text-transform:uppercase;\n\n    letter-spacing:1px;\n\n}\n\n.gmi-mobile-language a{\n\n    color:#1E293B;\n\n    transition:.25s;\n\n}\n\n.gmi-mobile-language a:hover{\n\n    color:#3F51B5;\n\n}\n\n\/* ======================================================\n   HAMBURGER ACTIVE\n====================================================== *\/\n\n.gmi-hamburger.active span:nth-child(1){\n\n    transform:translateY(7px) rotate(45deg);\n\n}\n\n.gmi-hamburger.active span:nth-child(2){\n\n    opacity:0;\n\n}\n\n.gmi-hamburger.active span:nth-child(3){\n\n    transform:translateY(-7px) rotate(-45deg);\n\n}\n\n\/* ======================================================\n   ANIMATION\n====================================================== *\/\n\n@keyframes gmiFade{\n\n    from{\n\n        opacity:0;\n\n        transform:translateY(-12px);\n\n    }\n\n    to{\n\n        opacity:1;\n\n        transform:translateY(0);\n\n    }\n\n}\n\n\/* ======================================================\n   TABLET\n====================================================== *\/\n\n@media (max-width:991px){\n\n    body{\n\n        padding-top:72px;\n\n    }\n\n    .gmi-header{\n\n        height:72px;\n\n    }\n\n    .gmi-container{\n\n        padding:0 18px;\n\n    }\n\n    .gmi-logo img{\n\n        height:32px;\n\n    }\n\n    .gmi-nav{\n\n        display:none;\n\n    }\n\n    .gmi-actions{\n\n        display:none;\n\n    }\n\n    .gmi-hamburger{\n\n        display:flex;\n\n    }\n\n    .gmi-mobile-menu{\n\n        top:72px;\n\n    }\n\n}\n\n\/* ======================================================\n   MOBILE\n====================================================== *\/\n\n@media (max-width:767px){\n\n    .gmi-container{\n\n        padding:0 16px;\n\n    }\n\n    .gmi-logo img{\n\n        height:28px;\n\n    }\n\n    .gmi-mobile-menu{\n\n        padding:16px;\n\n    }\n\n    .gmi-mobile-menu nav a{\n\n        font-size:15px;\n\n        padding:12px 0;\n\n    }\n\n}\n\n\/* ======================================================\n   EXTRA SMALL\n====================================================== *\/\n\n@media (max-width:480px){\n\n    .gmi-container{\n\n        padding:0 14px;\n\n    }\n\n    .gmi-mobile-menu{\n\n        padding:14px;\n\n    }\n\n}\n\n\/* =====================================\n   MOBILE - Geser Logo ke Kanan\n===================================== *\/\n@media (max-width:767px){\n\n    .gmi-logo{\n        margin-left: 14px;\n         \/* ubah sesuai kebutuhan *\/\n    }\n\n    .gmi-logo img{\n        margin-left:0;\n        height:28px;\n    }\n\n}\n@media (max-width:991px){\n\n    .gmi-hamburger{\n        margin-right:12px; \/* Ubah nilainya sesuai kebutuhan *\/\n    }\n\n}\n<\/style>\n<header class=\"gmi-header\">\n\n    <div class=\"gmi-container\">\n\n        <!-- =========================\n             LOGO\n        ========================== -->\n\n        <a href=\"https:\/\/www.gmid.co.id\/\" class=\"gmi-logo\">\n\n            <img decoding=\"async\" src=\"https:\/\/www.gmid.co.id\/wp-content\/uploads\/2026\/08\/logo-gmi-1-001.png\" alt=\"Logo\">\n\n        <\/a>\n\n        <!-- =========================\n             MENU DESKTOP\n        ========================== -->\n\n        <nav class=\"gmi-nav\">\n\n            <ul>\n\n                <li><a href=\"https:\/\/www.gmid.co.id\/beauty_beranda\">Product<\/a><\/li>\n\n                <li><a href=\"https:\/\/www.gmid.co.id\/package\">Package<\/a><\/li>\n\n                <li><a href=\"https:\/\/www.gmid.co.id\/gmi_hardware\">Hardware<\/a><\/li>\n\n                <li><a href=\"https:\/\/www.gmid.co.id\/gmi_news\">News<\/a><\/li>\n\n                <li><a href=\"https:\/\/www.gmid.co.id\/gmi-contact\/\">Contact<\/a><\/li>\n\n            <\/ul>\n\n        <\/nav>\n\n        <!-- =========================\n             ACTION DESKTOP\n        ========================== -->\n\n        <div class=\"gmi-actions\">\n\n<a href=\"https:\/\/beauty-android-dmzctr.id.biot-apps.com\/\"\n   class=\"gmi-login\"\n   target=\"_blank\"\n   rel=\"noopener noreferrer\">\n    Masuk\n<\/a>\n\n            <a href=\"https:\/\/www.gmid.co.id\/gmi-contact\/\" class=\"gmi-btn\">\n                Coba Gratis\n            <\/a>\n\n            <!--<div class=\"gmi-language\">\n\n                <button class=\"gmi-language-btn\">\n\n                    <span id=\"currentLang\">\ud83c\uddee\ud83c\udde9 ID<\/span>\n\n                    <svg width=\"14\"\n                         height=\"14\"\n                         viewBox=\"0 0 24 24\"\n                         fill=\"none\">\n\n                        <polyline\n                            points=\"6 9 12 15 18 9\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"2\"\n                            fill=\"none\"\/>\n\n                    <\/svg>\n\n                <\/button>\n\n                <ul>\n\n                    <li>\n                        <a href=\"#\" data-lang=\"id\">\n                            Indonesia\n                        <\/a>\n                    <\/li>\n\n                    <li>\n                        <a href=\"#\" data-lang=\"en\">\n                            English\n                        <\/a>\n                    <\/li>\n\n                <\/ul>\n\n            <\/div>-->\n\n        <\/div>\n\n        <!-- =========================\n             HAMBURGER\n        ========================== -->\n\n        <button id=\"gmiHamburger\"\n                class=\"gmi-hamburger\"\n                aria-label=\"Menu\">\n\n            <span><\/span>\n\n            <span><\/span>\n\n            <span><\/span>\n\n        <\/button>\n\n    <\/div>\n\n<\/header>\n\n<!-- =============================\n     MOBILE MENU\n============================== -->\n\n<div id=\"gmiMobileMenu\"\n     class=\"gmi-mobile-menu\">\n\n    <nav>\n\n        <a href=\"https:\/\/www.gmid.co.id\/beauty_beranda\">Product<\/a>\n\n        <a href=\"https:\/\/www.gmid.co.id\/package\">Package<\/a>\n\n        <a href=\"https:\/\/www.gmid.co.id\/gmi_hardware\">Hardware<\/a>\n\n        <a href=\"https:\/\/www.gmid.co.id\/gmi_news\">News<\/a>\n\n        <a href=\"https:\/\/www.gmid.co.id\/gmi-contact\/\">Contact<\/a>\n\n    <\/nav>\n\n    <div class=\"gmi-mobile-divider\"><\/div>\n\n<a href=\"https:\/\/beauty-android-dmzctr.id.biot-apps.com\/\"\n   class=\"gmi-mobile-login\"\n   target=\"_blank\"\n   rel=\"noopener noreferrer\">\n    Masuk\n<\/a>\n\n    <a href=\"https:\/\/www.gmid.co.id\/gmi-contact\/\"\n       class=\"gmi-btn gmi-mobile-btn\">\n\n        Coba Gratis\n\n    <\/a>\n\n    <!--<div class=\"gmi-mobile-divider\"><\/div>\n\n    <div class=\"gmi-mobile-language\">\n\n        <strong>Bahasa<\/strong>\n\n        <a href=\"#\" data-lang=\"id\">\n\n            \ud83c\uddee\ud83c\udde9 Indonesia\n\n        <\/a>\n\n        <a href=\"#\" data-lang=\"en\">\n\n            \ud83c\uddfa\ud83c\uddf8 English\n\n        <\/a>\n\n    <\/div>-->\n\n<\/div>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const hamburger = document.getElementById(\"gmiHamburger\");\n    const mobileMenu = document.getElementById(\"gmiMobileMenu\");\n\n    if (!hamburger || !mobileMenu) return;\n\n    \/\/ Toggle menu\n    hamburger.addEventListener(\"click\", function () {\n\n        hamburger.classList.toggle(\"active\");\n        mobileMenu.classList.toggle(\"active\");\n\n    });\n\n    \/\/ Tutup menu saat klik link\n    const links = mobileMenu.querySelectorAll(\"a\");\n\n    links.forEach(function(link){\n\n        link.addEventListener(\"click\", function(){\n\n            hamburger.classList.remove(\"active\");\n            mobileMenu.classList.remove(\"active\");\n\n        });\n\n    });\n\n    \/\/ Tutup menu jika kembali ke desktop\n    window.addEventListener(\"resize\", function(){\n\n        if(window.innerWidth > 991){\n\n            hamburger.classList.remove(\"active\");\n            mobileMenu.classList.remove(\"active\");\n\n        }\n\n    });\n\n\n    \/\/ Language dropdown\n    const lang=document.querySelector('.gmi-language');\n    const btn=document.querySelector('.gmi-language-btn');\n    if(lang&&btn){\n      btn.addEventListener('click',function(e){\n        e.preventDefault();\n        e.stopPropagation();\n        lang.classList.toggle('active');\n      });\n      document.addEventListener('click',function(){\n        lang.classList.remove('active');\n      });\n      const menu=lang.querySelector('ul');\n      if(menu){\n        menu.addEventListener('click',function(e){e.stopPropagation();});\n      }\n    }\n\n});\n\n\/\/ =========================\n\/\/ GTranslate Integration\n\/\/ =========================\ndocument.querySelectorAll(\".gmi-language a[data-lang]\").forEach(function(item){\n item.addEventListener(\"click\",function(e){\n  e.preventDefault();\n  const lang=this.dataset.lang;\n  const timer=setInterval(function(){\n    const gt=document.querySelector(\".goog-te-combo\");\n    if(gt){\n      gt.value=lang;\n      gt.dispatchEvent(new Event(\"change\"));\n      const c=document.getElementById(\"currentLang\");\n      if(c){c.innerHTML=lang===\"en\"?\"\ud83c\uddfa\ud83c\uddf8 EN\":\"\ud83c\uddee\ud83c\udde9 ID\";}\n      localStorage.setItem(\"gmi_lang\",lang);\n      clearInterval(timer);\n    }\n  },300);\n });\n});\nwindow.addEventListener(\"load\",function(){\n const saved=localStorage.getItem(\"gmi_lang\");\n if(saved){\n   const t=setInterval(function(){\n    const gt=document.querySelector(\".goog-te-combo\");\n    if(gt){\n      gt.value=saved;\n      gt.dispatchEvent(new Event(\"change\"));\n      const c=document.getElementById(\"currentLang\");\n      if(c){c.innerHTML=saved===\"en\"?\"\ud83c\uddfa\ud83c\uddf8 EN\":\"\ud83c\uddee\ud83c\udde9 ID\";}\n      clearInterval(t);\n    }\n   },300);\n }\n});\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c10024c e-flex e-con-boxed e-con e-parent\" data-id=\"c10024c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6852dfc e-con-full e-flex e-con e-child\" data-id=\"6852dfc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-084744f elementor-widget elementor-widget-spacer\" data-id=\"084744f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab05381 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ab05381\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" 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\">Temukan Solusi Yang Tepat Untuk Perkembangan Bisnis Anda<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7696e7 elementor-widget elementor-widget-html\" data-id=\"e7696e7\" 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 href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n*{\n    margin:0;\n    padding:0;\n    box-sizing:border-box;\n}\n\n.gmid-showcase{\n    width:100%;\n    max-width:900px;\n    margin:auto;\n    font-family:'Inter',sans-serif;\n    position:relative;\n    padding:20px 15px 70px;\n}\n\n\/* Circle *\/\n\n.gmid-circle{\n    width:100%;\n    max-width:620px;\n    aspect-ratio:1\/1;\n    margin:auto;\n    background:rgba(255,255,255,.18);\n    border:10px solid #fff;\n    border-radius:50%;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    overflow:hidden;\n}\n\n.gmid-circle img{\n    width:92%;\n    display:block;\n}\n\n\/* Statistic Card *\/\n\n.gmid-stats{\n    position:absolute;\n    left:50%;\n    bottom:0;\n    transform:translateX(-50%);\n    width:100%;\n    max-width:760px;\n\n    display:flex;\n    overflow:hidden;\n\n    border-radius:18px;\n\n    background:#2140D8;\n\n    box-shadow:\n    0 18px 45px rgba(0,0,0,.18);\n}\n\n.gmid-item{\n    flex:1;\n    text-align:center;\n    padding:22px 18px;\n    color:#fff;\n}\n\n.gmid-item:not(:last-child){\n    border-right:1px solid rgba(255,255,255,.12);\n}\n\n.gmid-number{\n    font-size:42px;\n    font-weight:800;\n    line-height:1;\n    margin-bottom:10px;\n}\n\n.gmid-label{\n    font-size:15px;\n    font-weight:500;\n    opacity:.95;\n    line-height:1.5;\n}\n\n\/* Tablet *\/\n\n@media(max-width:768px){\n\n.gmid-showcase{\n    padding-bottom:150px;\n}\n\n.gmid-circle{\n    max-width:430px;\n    border-width:8px;\n}\n\n.gmid-number{\n    font-size:32px;\n}\n\n.gmid-label{\n    font-size:14px;\n}\n\n}\n\n\/* Mobile *\/\n\n@media(max-width:576px){\n\n.gmid-showcase{\n    padding-bottom:230px;\n}\n\n.gmid-circle{\n    max-width:340px;\n    border-width:7px;\n}\n\n.gmid-stats{\n    flex-direction:column;\n    max-width:340px;\n}\n\n.gmid-item{\n    padding:18px;\n}\n\n.gmid-item:not(:last-child){\n    border-right:none;\n    border-bottom:1px solid rgba(255,255,255,.12);\n}\n\n.gmid-number{\n    font-size:30px;\n}\n\n.gmid-label{\n    font-size:14px;\n}\n\n}\n<\/style>\n\n<div class=\"gmid-showcase\">\n\n    <div class=\"gmid-circle\">\n        <img decoding=\"async\" src=\"https:\/\/www.gmid.co.id\/wp-content\/uploads\/2026\/07\/image-1-008.png\" alt=\"\">\n    <\/div>\n\n    <div class=\"gmid-stats\">\n\n        <div class=\"gmid-item\">\n            <div class=\"gmid-number\">1000+<\/div>\n            <div class=\"gmid-label\">Merchant Aktif<\/div>\n        <\/div>\n\n        <div class=\"gmid-item\">\n            <div class=\"gmid-number\">50rb+<\/div>\n            <div class=\"gmid-label\">Transaksi Per Bulan<\/div>\n        <\/div>\n\n        <div class=\"gmid-item\">\n            <div class=\"gmid-number\">50+<\/div>\n            <div class=\"gmid-label\">Kota di Indonesia<\/div>\n        <\/div>\n\n    <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35ae1f2 e-con-full e-flex e-con e-child\" data-id=\"35ae1f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11e4b7c elementor-widget elementor-widget-html\" data-id=\"11e4b7c\" 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\/* Reset dasar untuk form *\/\n.demo-form-card, .demo-form-card * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    font-family: inter;\n}\n\n.demo-form-card {\n    width: 520px;\n    max-width: 100%;\n    background: #fff;\n    padding: 35px;\n    border-radius: 24px;\n    box-shadow: 0 20px 50px rgba(0,0,0,.15);\n    margin: 20px auto; \/* Ditambahkan agar posisi center jika ditaruh standalone *\/\n}\n\n.demo-badge {\n    color: #4a4bb7;\n    font-size: 16px;\n    font-weight: 700;\n    margin-bottom: 10px;\n}\n\n.demo-form-title {\n    font-size: 20px;\n    font-weight: 800;\n    line-height: 1.2;\n    margin-bottom: 10px;\n    color: #000;\n}\n\n.demo-form-subtitle {\n    color: #6f7486;\n    font-size: 14px;\n    line-height: 1.7;\n    margin-bottom: 25px;\n}\n\n.form-group {\n    margin-bottom: 18px;\n}\n\n.form-group label {\n    display: block;\n    font-size: 14px;\n    font-weight: 700;\n    margin-bottom: 8px;\n    color: #343a7d;\n}\n\n.form-control {\n    width: 100%;\n    height: 56px;\n    border: 1px solid #d8dce7;\n    border-radius: 12px;\n    padding: 0 16px;\n    font-size: 16px;\n    outline: none;\n}\n\n.form-control:focus {\n    border-color: #4a4bb7;\n}\n\n.form-note {\n    margin: 20px 0;\n    color: #6f7486;\n    font-size: 14px;\n    line-height: 1.7;\n}\n\n.submit-btn {\n    width: 100%;\n    border: none;\n    height: 60px;\n    background: #2836c7;\n    color: #fff;\n    font-size: 22px;\n    font-weight: 700;\n    border-radius: 14px;\n    cursor: pointer;\n    transition: .3s;\n}\n\n.submit-btn:hover {\n    transform: translateY(-2px);\n}\n\n\/* RESPONSIVE MOBILE *\/\n@media(max-width:767px){\n    .demo-form-card {\n        padding: 25px;\n        border-radius: 18px;\n    }\n    .submit-btn {\n        font-size: 18px;\n        height: 56px;\n    }\n}\n<\/style>\n\n<div class=\"demo-form-card\">\n\n    <div class=\"demo-badge\">Demo Gratis<\/div>\n\n    <h3 class=\"demo-form-title\">\n        Hubungi Tim Kami\n    <\/h3>\n\n    <p class=\"demo-form-subtitle\">\n        Isi formulir berikut dan tim kami akan menghubungi Anda dalam waktu maksimal 1 hari kerja.\n    <\/p>\n\n    <form id=\"waForm\">\n\n        <div class=\"form-group\">\n            <label>NAMA *<\/label>\n            <input type=\"text\" id=\"nama\" class=\"form-control\" required placeholder=\"Nama Lengkap\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label>HANDPHONE *<\/label>\n            <input type=\"tel\" id=\"hp\" class=\"form-control\" required placeholder=\"0812xxxxxxx\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label>EMAIL<\/label>\n            <input type=\"email\" id=\"email\" class=\"form-control\" placeholder=\"nama@email.com\">\n        <\/div>\n\n        <div class=\"form-group\">\n            <label>JENIS USAHA<\/label>\n            <select id=\"usaha\" class=\"form-control\">\n                <option value=\"\">-- Pilih jenis usaha --<\/option>\n                <option>Salon Kecantikan<\/option>\n                <option>Barbershop<\/option>\n                <option>Nail Art<\/option>\n                <option>Spa & Wellness<\/option>\n                <option>Klinik Kecantikan<\/option>\n                <option>Pilates<\/option>\n                <option>Gym<\/option>\n                <option>Other<\/option>\n            <\/select>\n        <\/div>\n\n        <div class=\"form-note\">\n            Dengan mengirim formulir ini, Anda menyetujui untuk dihubungi melalui WhatsApp terkait informasi produk.\n        <\/div>\n\n        <button type=\"submit\" class=\"submit-btn\">\n            Jadwalkan Demo Gratis\n        <\/button>\n\n    <\/form>\n\n<\/div>\n\n<script>\ndocument.getElementById('waForm').addEventListener('submit', function(e){\n\n    e.preventDefault();\n\n    const waNumber = '6285285401773';\n\n    const nama = document.getElementById('nama').value;\n    const hp = document.getElementById('hp').value;\n    const email = document.getElementById('email').value;\n    const usaha = document.getElementById('usaha').value;\n\n    const pesan =\n`Halo GMI Beauty,\n\nSaya ingin menjadwalkan demo gratis.\n\n*Nama:* ${nama}\n*No. HP:* ${hp}\n*Email:* ${email}\n*Jenis Usaha:* ${usaha}\n\nMohon informasi lebih lanjut.`;\n\n    window.open(\n        `https:\/\/wa.me\/${waNumber}?text=${encodeURIComponent(pesan)}`,\n        '_blank'\n    );\n\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e11152 e-flex e-con-boxed e-con e-parent\" data-id=\"4e11152\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1bd600 elementor-widget elementor-widget-html\" data-id=\"b1bd600\" 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    \/* Import Font Awesome untuk Ikon Sosmed & Kontak jika belum ada di WordPress Anda *\/\n@import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css');\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n\/* Base Footer Styling *\/\n.gmi-footer {\n  background-color: #23227B; \/* Warna navy sesuai background figma *\/\n  color: #FFFFFF;\n  font-family: 'Inter', sans-serif;\n  padding: 80px 0 0 0;\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n.gmi-footer-container {\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 0 24px;\n  display: grid;\n  grid-template-columns: 2.2fr 1fr 1fr 1.8fr; \/* Pembagian rasio kolom sesuai desain *\/\n  gap: 48px;\n}\n\n\/* Kolom Brand\/Logo *\/\n.gmi-footer-logo img {\n  height: 40px;\n  width: auto;\n  margin-bottom: 24px;\n  filter: brightness(0) invert(1); \/* Mengubah logo hitam menjadi putih agar kontras *\/\n}\n\n.gmi-footer-desc {\n  color: rgba(255, 255, 255, 0.75);\n  margin-bottom: 24px;\n  max-width: 320px;\n}\n\n\/* Sosial Media *\/\n.gmi-social-icons {\n  display: flex;\n  gap: 16px;\n}\n\n.gmi-social-icons a {\n  color: #FFFFFF;\n  background-color: rgba(255, 255, 255, 0.1);\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  text-decoration: none;\n  transition: background-color 0.2s ease;\n}\n\n.gmi-social-icons a:hover {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n\/* Headings & Links *\/\n.gmi-footer-heading {\n  color: #FFFFFF;\n  font-size: 16px;\n  font-weight: 600;\n  margin-top: 0;\n  margin-bottom: 24px;\n}\n\n.gmi-footer-links-sec ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.gmi-footer-links-sec ul li {\n  margin-bottom: 12px;\n}\n\n.gmi-footer-links-sec ul li a {\n  color: rgba(255, 255, 255, 0.75);\n  text-decoration: none;\n  transition: color 0.2s ease;\n}\n\n.gmi-footer-links-sec ul li a:hover {\n  color: #FFFFFF;\n}\n\n\/* Kontak Spesifik *\/\n\/* ===========================\nCONTACT\n=========================== *\/\n\n.gmi-contact-list{\n\n    list-style:none;\n\n    padding:0;\n\n    margin:0;\n\n}\n\n.gmi-contact-list li{\n\n    display:flex;\n\n    align-items:flex-start;\n\n    gap:12px;\n\n    margin-bottom:18px;\n\n    color:#fff;\n\n}\n\n.gmi-contact-list i{\n\n    width:18px;\n\n    margin-top:4px;\n\n    color:#7C4DFF;\n\n    flex-shrink:0;\n\n}\n\n.gmi-contact-list a{\n\n    color:#ffffff;\n\n    text-decoration:none;\n\n    transition:.3s;\n\n}\n\n.gmi-contact-list a:hover{\n\n    color:#7C4DFF;\n\n}\n\n.gmi-address div{\n\n    display:flex;\n\n    flex-direction:column;\n\n}\n\n.gmi-address strong{\n\n    margin-bottom:6px;\n\n    font-size:15px;\n\n    color:#ffffff;\n\n}\n\n.gmi-address span{\n\n    line-height:1.7;\n\n    color:#D1D5DB;\n\n    font-size:14px;\n\n}\n\n.gmi-footer .gmi-address {\n  line-height: 1.5;\n  font-size: 13px;\n  margin-top: 8px;\n}\n\n\/* Copyright Section *\/\n.gmi-footer-bottom {\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\n  margin-top: 60px;\n  padding: 24px 0;\n}\n\n.gmi-footer-bottom p {\n  margin: 0;\n  color: rgba(255, 255, 255, 0.5);\n  font-size: 13px;\n}\n\n\/* Responsive Tablet & Mobile *\/\n@media (max-width: 991px) {\n  .gmi-footer-container {\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n  }\n}\n\n@media (max-width: 576px) {\n  .gmi-footer {\n    padding: 60px 0 0 0;\n  }\n  .gmi-footer-container {\n    grid-template-columns: 1fr;\n    gap: 32px;\n  }\n  .gmi-footer-bottom {\n    margin-top: 40px;\n  }\n}\n\n\/* ===========================\nBOTTOM FOOTER\n=========================== *\/\n\n.gmi-footer-bottom{\n\n    margin-top:50px;\n\n    padding-top:24px;\n\n    border-top:1px solid rgba(255,255,255,.12);\n\n    text-align:center;\n\n}\n\n.gmi-footer-bottom p{\n\n    margin:0;\n\n    color:#CBD5E1;\n\n    font-size:14px;\n\n    line-height:1.6;\n\n}\n<\/style>\n<footer class=\"gmi-footer\">\n  <div class=\"gmi-footer-container\">\n    \n    <!-- Kolom Kiri: Logo, Deskripsi, & Sosmed -->\n    <div class=\"gmi-footer-brand-sec\">\n      <div class=\"gmi-footer-logo\">\n        <img decoding=\"async\" src=\"http:\/\/cvberkahmandiri.my.id\/wp-content\/uploads\/2026\/06\/logo-gmi-1-001.png\" alt=\"GMI Beauty Logo\" class=\"gmi-logo-white\">\n      <\/div>\n      <p class=\"gmi-footer-desc\">\n        Kelola bisnis beauty lebih mudah dalam satu platform. Berikan pengalaman terbaik bagi pelanggan dengan fitur yang terhubung dalam satu sistem.\n      <\/p>\n      <div class=\"gmi-social-icons\">\n        <a href=\"https:\/\/www.instagram.com\/gmipos.id\/\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\n        <a href=\"https:\/\/www.tiktok.com\/@gmipos\/\" aria-label=\"TikTok\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n        <a href=\"https:\/\/www.threads.com\/@gmipos.id\" aria-label=\"Thread\"><i class=\"fas fa-at\"><\/i><\/a>\n        <a href=\"https:\/\/www.youtube.com\/@GmiOfficialChannel\" aria-label=\"YouTube\"><i class=\"fab fa-youtube\"><\/i><\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Kolom Tengah 1: Product -->\n    <div class=\"gmi-footer-links-sec\">\n      <p class=\"gmi-footer-heading\">Product<\/p>\n      <ul>\n        <li><a href=\"https:\/\/www.gmid.co.id\/beauty_beranda\/\">GMI Beauty<\/a><\/li>\n      <\/ul>\n    <\/div>\n\n    <!-- Kolom Tengah 2: Hardware -->\n    <div class=\"gmi-footer-links-sec\">\n      <p class=\"gmi-footer-heading\">Hardware<\/p>\n      <ul>\n        <li><a href=\"https:\/\/www.gmid.co.id\/gmi_hardware\">Sunmi D3<\/a><\/li>\n        <li><a href=\"https:\/\/www.gmid.co.id\/gmi_hardware\">Sunmi D3 Pro<\/a><\/li>\n        <li><a href=\"https:\/\/www.gmid.co.id\/gmi_hardware\">Sunmi D3 Mini<\/a><\/li>\n        <li><a href=\"https:\/\/www.gmid.co.id\/gmi_hardware\">Sunmi V3<\/a><\/li>\n        <li><a href=\"https:\/\/www.gmid.co.id\/gmi_hardware\">Sunmi CPad<\/a><\/li>\n      <\/ul>\n    <\/div>\n\n    <!-- Kolom Kanan: Contact -->\n    <div class=\"gmi-footer-links-sec\">\n      <p class=\"gmi-footer-heading\">Contact<\/p>\n      <!-- Kolom Kanan: Contact -->\n<div class=\"gmi-footer-links-sec\">\n    \n    <h4 class=\"gmi-footer-heading\"><\/h4>\n\n    <ul class=\"gmi-contact-list\">\n\n        <li>\n            <i class=\"fas fa-phone-alt\"><\/i>\n\n            <a href=\"tel:085285401773\">\n                0852 8540 1773\n            <\/a>\n        <\/li>\n\n        <li>\n            <i class=\"far fa-envelope\"><\/i>\n\n            <a href=\"mailto:info@gmid.co.id\">\n                gmiofficial0525@gmail.com\n            <\/a>\n        <\/li>\n\n        <li class=\"gmi-address\">\n\n            <i class=\"fas fa-map-marker-alt\"><\/i>\n\n            <div>\n\n                <strong>Jakarta Office<\/strong>\n\n                <span>\n           Jakarta Office Citylofts Sudirman, 13, Jl. K.H. Mas Mansyur No.121, RT.13\/RW.11\n                <\/span>\n\n            <\/div>\n\n        <\/li>\n        <li class=\"gmi-address\">\n\n            <i class=\"fas fa-map-marker-alt\"><\/i>\n\n            <div>\n\n                <strong>Sunmi Home Jakarta<\/strong>\n\n                <span>\n           Jl. Kartini Raya No.16, RT.13\/RW.5, Pasar Baru, Kecamatan Sawah Besar, Kota Jakarta Pusat, Daerah Khusus Ibukota Jakarta 10750\n                <\/span>\n\n            <\/div>\n\n        <\/li>\n        <li class=\"gmi-address\">\n\n            <i class=\"fas fa-map-marker-alt\"><\/i>\n\n            <div>\n\n                <strong>Sunmi Home Tangerang<\/strong>\n\n                <span>\n           QJHF+29X, RT.001\/RW.009, West Panunggangan, Cibodas, Tangerang City, Banten 15138\n                <\/span>\n\n            <\/div>\n\n        <\/li>\n\n    <\/ul>\n\n<\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- Bagian Bawah: Copyright -->\n  <div class=\"gmi-footer-bottom\">\n\n    <p>\n        \u00a9 2026 GMI Beauty. All Rights Reserved.\n    <\/p>\n\n<\/div>\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Product Package Hardware News Contact Masuk Coba Gratis Product Package Hardware News Contact Masuk Coba Gratis Temukan Solusi Yang Tepat Untuk Perkembangan Bisnis Anda 1000+ Merchant Aktif 50rb+ Transaksi Per Bulan 50+ Kota di Indonesia Demo Gratis Hubungi Tim Kami Isi formulir berikut dan tim kami akan menghubungi Anda dalam waktu maksimal 1 hari kerja. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2456","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.gmid.co.id\/en\/wp-json\/wp\/v2\/pages\/2456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gmid.co.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gmid.co.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gmid.co.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gmid.co.id\/en\/wp-json\/wp\/v2\/comments?post=2456"}],"version-history":[{"count":43,"href":"https:\/\/www.gmid.co.id\/en\/wp-json\/wp\/v2\/pages\/2456\/revisions"}],"predecessor-version":[{"id":2816,"href":"https:\/\/www.gmid.co.id\/en\/wp-json\/wp\/v2\/pages\/2456\/revisions\/2816"}],"wp:attachment":[{"href":"https:\/\/www.gmid.co.id\/en\/wp-json\/wp\/v2\/media?parent=2456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}