{"id":2726,"date":"2025-06-17T09:39:26","date_gmt":"2025-06-17T02:39:26","guid":{"rendered":"https:\/\/www.halonijane.co.id\/login\/"},"modified":"2025-07-23T19:57:25","modified_gmt":"2025-07-23T12:57:25","slug":"login","status":"publish","type":"page","link":"https:\/\/www.halonijane.co.id\/id\/login\/","title":{"rendered":"Masuk"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2726\" class=\"elementor elementor-2726\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69dd96c elementor-hidden-mobile elementor-hidden-tablet e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"69dd96c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fac2f7 elementor-widget elementor-widget-spacer\" data-id=\"6fac2f7\" 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-2ce1ba5 elementor-widget elementor-widget-html\" data-id=\"2ce1ba5\" 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<!-- Kotak Informasi Versi Mobile - HTML Murni -->\r\n<style>\r\n    \/* Sembunyikan kotak ini di layar kecil (mobile) *\/\r\n    @media (max-width: 768px) {\r\n        .desktop-only-notice {\r\n            display: none;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"desktop-only-notice\" style=\"background-color: #f4f6f8; border: 1px solid #e0e0e0; border-radius: 12px; padding: 25px; max-width: 500px; margin: 20px auto; text-align: center; font-family: sans-serif; box-shadow: 0 4px 12px rgba(0,0,0,0.05);\">\r\n    \r\n    <!-- Ikon Smartphone SVG -->\r\n    <div style=\"margin-bottom: 15px;\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2c3e50\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-smartphone\">\r\n            <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"><\/rect>\r\n            <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"><\/line>\r\n        <\/svg>\r\n    <\/div>\r\n    \r\n    <!-- Judul Pesan -->\r\n    <h3 style=\"margin-top: 0; margin-bottom: 10px; color: #2c3e50; font-size: 1.4em;\">Aplikasi ini Dioptimalkan untuk Mobile<\/h3>\r\n    \r\n    <!-- Teks Penjelasan -->\r\n    <p style=\"color: #555; font-size: 1em; line-height: 1.6;\">\r\n        Saat ini, tampilan dan pengalaman terbaik dirancang khusus untuk perangkat mobile. Silakan buka halaman ini di smartphone Anda untuk fungsionalitas penuh.\r\n    <\/p>\r\n\r\n<\/div>\r\n\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-74c54f2 elementor-hidden-desktop e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"74c54f2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;shape_divider_top&quot;:&quot;opacity-tilt&quot;,&quot;shape_divider_bottom&quot;:&quot;opacity-tilt&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 2600 131.1\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0 0L2600 0 2600 69.1 0 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.5\" d=\"M0 0L2600 0 2600 69.1 0 69.1z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.25\" d=\"M2600 0L0 0 0 130.1 2600 69.1z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 2600 131.1\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0 0L2600 0 2600 69.1 0 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.5\" d=\"M0 0L2600 0 2600 69.1 0 69.1z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.25\" d=\"M2600 0L0 0 0 130.1 2600 69.1z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1556759 elementor-widget elementor-widget-spacer\" data-id=\"1556759\" 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-650726a elementor-widget elementor-widget-image\" data-id=\"650726a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"700\" height=\"379\" src=\"https:\/\/www.halonijane.co.id\/wp-content\/uploads\/2025\/06\/HALO-Logo-Only-2-700x379.png\" class=\"attachment-large size-large wp-image-2990\" alt=\"\" srcset=\"https:\/\/www.halonijane.co.id\/wp-content\/uploads\/2025\/06\/HALO-Logo-Only-2-700x379.png 700w, https:\/\/www.halonijane.co.id\/wp-content\/uploads\/2025\/06\/HALO-Logo-Only-2-300x163.png 300w, https:\/\/www.halonijane.co.id\/wp-content\/uploads\/2025\/06\/HALO-Logo-Only-2-768x416.png 768w, https:\/\/www.halonijane.co.id\/wp-content\/uploads\/2025\/06\/HALO-Logo-Only-2-1536x832.png 1536w, https:\/\/www.halonijane.co.id\/wp-content\/uploads\/2025\/06\/HALO-Logo-Only-2-320x173.png 320w, https:\/\/www.halonijane.co.id\/wp-content\/uploads\/2025\/06\/HALO-Logo-Only-2-480x260.png 480w, https:\/\/www.halonijane.co.id\/wp-content\/uploads\/2025\/06\/HALO-Logo-Only-2-800x433.png 800w, https:\/\/www.halonijane.co.id\/wp-content\/uploads\/2025\/06\/HALO-Logo-Only-2-600x325.png 600w, https:\/\/www.halonijane.co.id\/wp-content\/uploads\/2025\/06\/HALO-Logo-Only-2.png 2023w\" sizes=\"(max-width: 700px) 100vw, 700px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26f3b24 elementor-widget elementor-widget-spacer\" data-id=\"26f3b24\" 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-3fad32a elementor-widget elementor-widget-heading\" data-id=\"3fad32a\" data-element_type=\"widget\" data-e-type=\"widget\" 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\">Login<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12fbca5 elementor-widget elementor-widget-spacer\" data-id=\"12fbca5\" 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-9846796 elementor-widget-mobile__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"9846796\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <!-- PERUBAHAN: Memuat library scanner jsQR yang baru -->\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/jsqr@1.4.0\/dist\/jsQR.js\"><\/script>\n    <style>\n        .qr-scan-btn { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 12px; margin-top: 15px; font-size: 1em; font-weight: 600; color: #333; background-color: #f0f0f0; border: 1px solid #ddd; border-radius: 8px; cursor: pointer; transition: background-color 0.2s; }\n        .qr-scan-btn:hover { background-color: #e5e5e5; }\n        \n        #qr-scanner-overlay-v3 {\n            display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n            background-color: #000; z-index: 99999; flex-direction: column;\n            justify-content: center; align-items: center;\n        }\n        #video-container { position: relative; width: 100%; height: 100%; }\n        #qr-video { width: 100%; height: 100%; object-fit: cover; }\n        \n        .viewfinder-overlay {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            box-shadow: inset 0 0 0 9999px rgba(0,0,0,0.7);\n        }\n        .viewfinder-box {\n            position: absolute; top: 50%; left: 50%;\n            width: 250px; height: 250px;\n            transform: translate(-50%, -50%);\n        }\n        .scanner-line {\n            position: absolute; top: 0; left: 0; width: 100%; height: 3px;\n            background: linear-gradient(90deg, transparent, #00FF80, transparent);\n            animation: scanning 2s infinite ease-in-out;\n        }\n        @keyframes scanning { 0% { top: 0%; } 100% { top: 100%; } }\n        \n        #close-scanner-btn-v3 { position: absolute; bottom: 10%; background: rgba(255,255,255,0.2); border: none; color: white; font-size: 1em; font-weight: 600; padding: 12px 25px; border-radius: 25px; cursor: pointer; }\n        #qr-scan-status-v3 { color: white; padding: 20px; font-family: sans-serif; font-size: 1.1em; text-align: center; max-width: 90%; position: absolute; top: 15%; }\n    <\/style>\n\n    <button type=\"button\" class=\"qr-scan-btn\" id=\"open-qr-scanner-btn-v3\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 7V5a2 2 0 0 1 2-2h2\"><\/path><path d=\"M17 3h2a2 2 0 0 1 2 2v2\"><\/path><path d=\"M21 17v2a2 2 0 0 1-2 2h-2\"><\/path><path d=\"M7 21H5a2 2 0 0 1-2-2v-2\"><\/path><\/svg>\n        Login dengan QR Code\n    <\/button>\n    \n    <div id=\"qr-scanner-overlay-v3\">\n        <div id=\"video-container\">\n            <video id=\"qr-video\" playsinline><\/video>\n            <div class=\"viewfinder-overlay\">\n                <div class=\"viewfinder-box\">\n                    <div class=\"scanner-line\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div id=\"qr-scan-status-v3\">Arahkan kamera ke QR Code<\/div>\n        <button id=\"close-scanner-btn-v3\">Batal<\/button>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const openBtn = document.getElementById('open-qr-scanner-btn-v3');\n            const closeBtn = document.getElementById('close-scanner-btn-v3');\n            const overlay = document.getElementById('qr-scanner-overlay-v3');\n            const statusDiv = document.getElementById('qr-scan-status-v3');\n            const video = document.getElementById('qr-video');\n            let stream = null;\n\n            function onScanSuccess(decodedText) {\n                if (decodedText.startsWith(\"HALOESOP:\/\/login?\")) {\n                    statusDiv.innerText = \"Kode terdeteksi. Mengalihkan...\";\n                    const params = new URLSearchParams(decodedText.split('?')[1]);\n                    const user = params.get('user');\n                    const pass = params.get('pass');\n                    const redirectUrl = `https:\/\/www.halonijane.co.id\/user\/${user}`;\n                    const loginUrl = `https:\/\/www.halonijane.co.id\/?qr_user=${encodeURIComponent(user)}&qr_master_pass=${encodeURIComponent(pass)}&redirect_to_url=${encodeURIComponent(redirectUrl)}`;\n                    window.location.href = loginUrl;\n                }\n            }\n            \n            function tick() {\n                if (video.readyState === video.HAVE_ENOUGH_DATA) {\n                    const canvasElement = document.createElement('canvas');\n                    const canvas = canvasElement.getContext('2d');\n                    canvasElement.height = video.videoHeight;\n                    canvasElement.width = video.videoWidth;\n                    canvas.drawImage(video, 0, 0, canvasElement.width, canvasElement.height);\n                    const imageData = canvas.getImageData(0, 0, canvasElement.width, canvasElement.height);\n                    const code = jsQR(imageData.data, imageData.width, imageData.height, { inversionAttempts: \"dontInvert\" });\n                    if (code) {\n                        onScanSuccess(code.data);\n                    }\n                }\n                if (overlay.style.display === 'flex') {\n                    requestAnimationFrame(tick);\n                }\n            }\n\n            function startScanner() {\n                overlay.style.display = 'flex';\n                navigator.mediaDevices.getUserMedia({ video: { facingMode: \"environment\" } })\n                    .then(function(s) {\n                        stream = s;\n                        video.srcObject = s;\n                        video.play();\n                        requestAnimationFrame(tick);\n                    })\n                    .catch(function(err) {\n                        console.error(\"Kamera error:\", err);\n                        statusDiv.innerHTML = \"<strong>Kamera Error.<\/strong><br>Pastikan Kamu memberikan izin akses kamera.\";\n                    });\n            }\n\n            function stopScanner() {\n                if (stream) {\n                    stream.getTracks().forEach(track => track.stop());\n                }\n                overlay.style.display = 'none';\n            }\n\n            openBtn.addEventListener('click', startScanner);\n            closeBtn.addEventListener('click', stopScanner);\n        });\n    <\/script>\n    <\/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-3a0a0d93 e-transform elementor-widget elementor-widget-shortcode\" data-id=\"3a0a0d93\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.9,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"um um-login um-2719\">\n\t<div class=\"um-form\">\n\t\t<form method=\"post\" action=\"\" autocomplete=\"off\">\n\t\t\t<div class=\"um-row _um_row_1 \" style=\"margin: 0 0 30px 0;\"><div class=\"um-col-1\"><div  id=\"um_field_2719_username\" class=\"um-field um-field-text  um-field-username um-field-text um-field-type_text\" data-key=\"username\"><div class=\"um-field-label\"><label for=\"username-2719\">Username or E-mail<\/label><div class=\"um-clear\"><\/div><\/div><div class=\"um-field-area\"><input  autocomplete=\"off\" class=\"um-form-field valid \" type=\"text\" name=\"username-2719\" id=\"username-2719\" value=\"\" placeholder=\"\" data-validate=\"unique_username_or_email\" data-key=\"username\"  aria-invalid=\"false\" \/>\n\n\t\t\t\t\t\t<\/div><\/div><div  id=\"um_field_2719_user_password\" class=\"um-field um-field-password  um-field-user_password um-field-password um-field-type_password\" data-key=\"user_password\"><div class=\"um-field-label\"><label for=\"user_password-2719\">Password<\/label><div class=\"um-clear\"><\/div><\/div><div class=\"um-field-area\"><div class=\"um-field-area-password\">\n\t\t\t\t\t\t\t\t\t<input class=\"um-form-field valid \" type=\"password\" name=\"user_password-2719\" id=\"user_password-2719\" value=\"\" placeholder=\"\" data-validate=\"\" data-key=\"user_password\"  aria-invalid=\"false\" \/>\n\t\t\t\t\t\t\t\t\t<span class=\"um-toggle-password\"><i class=\"um-icon-eye\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><\/div><\/div><\/div>\t<input type=\"hidden\" name=\"form_id\" id=\"form_id_2719\" value=\"2719\" \/>\n\t\t<p class=\"um_request_name\">\n\t\t<label for=\"um_request_2719\">Only fill in if you are not human<\/label>\n\t\t<input type=\"hidden\" name=\"um_request\" id=\"um_request_2719\" class=\"input\" value=\"\" size=\"25\" autocomplete=\"off\" \/>\n\t<\/p>\n\t<input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"13dbd9fe7c\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/id\/wp-json\/wp\/v2\/pages\/2726\" \/>\n\t<div class=\"um-col-alt\">\n\n\t\t\n\n\t\t\t<div class=\"um-field um-field-c\">\n\t\t\t\t<div class=\"um-field-area\">\n\t\t\t\t\t<label class=\"um-field-checkbox\">\n\t\t\t\t\t\t<input type=\"checkbox\" name=\"rememberme\" value=\"1\"  \/>\n\t\t\t\t\t\t<span class=\"um-field-checkbox-state\"><i class=\"um-icon-android-checkbox-outline-blank\"><\/i><\/span>\n\t\t\t\t\t\t<span class=\"um-field-checkbox-option\"> Keep me signed in<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"um-clear\"><\/div>\n\t\t\n\t\t\t<div class=\"um-left um-half\">\n\t\t\t\t<input type=\"submit\" value=\"Login\" class=\"um-button\" id=\"um-submit-btn\" \/>\n\t\t\t<\/div>\n\t\t\t<div class=\"um-right um-half\">\n\t\t\t\t<a href=\"https:\/\/www.halonijane.co.id\/id\/register\/\" class=\"um-button um-alt\">\n\t\t\t\t\tRegister\t\t\t\t<\/a>\n\t\t\t<\/div>\n\n\t\t\n\t\t<div class=\"um-clear\"><\/div>\n\n\t<\/div>\n\n\t\t\t<\/form>\n\t<\/div>\n<\/div>\n<style>\n\t\t\t.um-2719.um {\n\t\t\tmax-width: 450px;\n\t\t}\n\t\t<\/style>\n<\/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-43e1f19 elementor-widget elementor-widget-spacer\" data-id=\"43e1f19\" 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-91d23b5 elementor-widget elementor-widget-html\" data-id=\"91d23b5\" 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<!-- Splash Screen Overlay - HTML & CSS -->\r\n<style>\r\n    \/* Overlay untuk menutupi seluruh layar *\/\r\n    #splash-screen-overlay {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0; \r\n        width: 100vw;\r\n        height: 100vh;\r\n        background-color: #039247; \r\n        background-image: \/\/url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e9ecef' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\r\n        z-index: 99999;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        font-family: 'Poppins', sans-serif;\r\n        \/* PERUBAHAN: Animasi fadeOut setelah 3 detik *\/\r\n        animation: fadeOut 0.4s ease-in-out 4s forwards;\r\n    }\r\n\r\n    .splash-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        text-align: center;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .logo-wrapper {\r\n        animation: fadeInScale 1.5s ease-out forwards;\r\n    }\r\n\r\n    .logo-wrapper img {\r\n        width: 1000px;\r\n        height: 1000px;\r\n        object-fit: contain; \r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .app-title {\r\n        color: #1E5631;\r\n        font-size: 1.5em;\r\n        font-weight: 700;\r\n        letter-spacing: 1px;\r\n        line-height: 1.4;\r\n        opacity: 0;\r\n        animation: fadeInText 1s ease-out 0.3s forwards;\r\n    }\r\n\r\n    .app-title .halo-highlight {\r\n        background-color: #1E5631;\r\n        color: #ffffff;\r\n        padding: 2px 10px;\r\n        border-radius: 8px;\r\n        display: inline-block;\r\n    }\r\n    \r\n    .app-tagline {\r\n        margin-top: 15px;\r\n        color: #555;\r\n        font-size: 1em;\r\n        font-weight: 500;\r\n        opacity: 0;\r\n        animation: fadeInText 1s ease-out 0.8s forwards;\r\n    }\r\n    \r\n    \/* Animasi *\/\r\n    @keyframes fadeInScale { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n    @keyframes fadeInText { from { transform: translateY(10px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }\r\n    \r\n    \/* PERUBAHAN: Animasi untuk menghilangkan splash screen *\/\r\n    @keyframes fadeOut {\r\n        from { opacity: 1; }\r\n        to { opacity: 0; visibility: hidden; }\r\n    }\r\n<\/style>\r\n\r\n<!-- Elemen Overlay Splash Screen -->\r\n<div id=\"splash-screen-overlay\">\r\n    <div class=\"splash-container\">\r\n        <div class=\"logo-wrapper\">\r\n            <img decoding=\"async\" src=\"http:\/\/www.halonijane.co.id\/wp-content\/uploads\/2025\/06\/HALO-Logo-APP-1.png\" alt=\"Logo PT Haloni Jane Tbk\">\r\n        <\/div>\r\n        <h1 class=\"app-title\">\r\n            <span class=\"halo-highlight\">HALO<\/span> \r\n            <br>HALO <br> EXECUTIVE\r\n        <\/h1>\r\n        <p class=\"app-tagline\">PT. Haloni Jane Tbk<\/p>\r\n    <\/div>\r\n<\/div>\r\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-901dc1f e-grid elementor-hidden-desktop e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"901dc1f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;fixed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c55932 elementor-widget-mobile__width-initial elementor-fixed elementor-hidden-desktop elementor-widget elementor-widget-heading\" data-id=\"3c55932\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">HALO <br> EXCLUSIVE<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d95190 elementor-widget-mobile__width-initial elementor-fixed elementor-widget-tablet__width-initial elementor-widget elementor-widget-image\" data-id=\"2d95190\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"13640\" height=\"7200\" src=\"https:\/\/www.halonijane.co.id\/wp-content\/uploads\/2025\/04\/HALONI-JANE-Tbk.png\" class=\"attachment-full size-full wp-image-2089\" alt=\"\" srcset=\"https:\/\/www.halonijane.co.id\/wp-content\/uploads\/2025\/04\/HALONI-JANE-Tbk.png 13640w, https:\/\/www.halonijane.co.id\/wp-content\/uploads\/2025\/04\/HALONI-JANE-Tbk-300x158.png 300w, https:\/\/www.halonijane.co.id\/wp-content\/uploads\/2025\/04\/HALONI-JANE-Tbk-700x370.png 700w, https:\/\/www.halonijane.co.id\/wp-content\/uploads\/2025\/04\/HALONI-JANE-Tbk-768x405.png 768w, https:\/\/www.halonijane.co.id\/wp-content\/uploads\/2025\/04\/HALONI-JANE-Tbk-1536x811.png 1536w, https:\/\/www.halonijane.co.id\/wp-content\/uploads\/2025\/04\/HALONI-JANE-Tbk-2048x1081.png 2048w, https:\/\/www.halonijane.co.id\/wp-content\/uploads\/2025\/04\/HALONI-JANE-Tbk-320x169.png 320w, https:\/\/www.halonijane.co.id\/wp-content\/uploads\/2025\/04\/HALONI-JANE-Tbk-480x253.png 480w, https:\/\/www.halonijane.co.id\/wp-content\/uploads\/2025\/04\/HALONI-JANE-Tbk-800x422.png 800w\" sizes=\"(max-width: 13640px) 100vw, 13640px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\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>Aplikasi ini Dioptimalkan untuk Mobile Saat ini, tampilan dan pengalaman terbaik dirancang khusus untuk perangkat mobile. Silakan buka halaman ini di smartphone Anda untuk fungsionalitas penuh. Login HALO HALO EXECUTIVE PT. Haloni Jane Tbk HALO EXCLUSIVE<\/p>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-2726","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.halonijane.co.id\/id\/wp-json\/wp\/v2\/pages\/2726","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.halonijane.co.id\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.halonijane.co.id\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.halonijane.co.id\/id\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.halonijane.co.id\/id\/wp-json\/wp\/v2\/comments?post=2726"}],"version-history":[{"count":137,"href":"https:\/\/www.halonijane.co.id\/id\/wp-json\/wp\/v2\/pages\/2726\/revisions"}],"predecessor-version":[{"id":5140,"href":"https:\/\/www.halonijane.co.id\/id\/wp-json\/wp\/v2\/pages\/2726\/revisions\/5140"}],"wp:attachment":[{"href":"https:\/\/www.halonijane.co.id\/id\/wp-json\/wp\/v2\/media?parent=2726"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}