Chatbot LBH ABG<\/title>\r\n<style>\r\nbody {\r\n font-family: Arial, sans-serif;\r\n background-color: #f5f5f5;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n.container {\r\n max-width: 450px;\r\n margin: 50px auto;\r\n background: #fff;\r\n border-radius: 10px;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n padding: 20px;\r\n}\r\nh2 {\r\n text-align: center;\r\n color: #333;\r\n}\r\nlabel {\r\n display: block;\r\n margin-top: 10px;\r\n font-weight: bold;\r\n}\r\ninput, select, textarea {\r\n width: 100%;\r\n padding: 8px;\r\n margin-top: 5px;\r\n border-radius: 5px;\r\n border: 1px solid #ccc;\r\n box-sizing: border-box;\r\n}\r\nbutton {\r\n margin-top: 15px;\r\n padding: 10px;\r\n width: 100%;\r\n background-color: #007bff;\r\n color: #fff;\r\n border: none;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n}\r\nbutton:hover {\r\n background-color: #0056b3;\r\n}\r\n.chat-output {\r\n margin-top: 20px;\r\n padding: 10px;\r\n background: #e9ecef;\r\n border-radius: 5px;\r\n min-height: 50px;\r\n white-space: pre-line;\r\n}\r\n.agent-buttons {\r\n display: flex;\r\n flex-direction: column;\r\n margin-top: 15px;\r\n}\r\n.agent-buttons a {\r\n margin: 5px 0;\r\n padding: 10px;\r\n background: #28a745;\r\n color: #fff;\r\n border-radius: 5px;\r\n text-decoration: none;\r\n text-align: center;\r\n}\r\n.agent-buttons a:hover {\r\n background: #218838;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"container\">\r\n <h2>Chatbot LBH ABG<\/h2>\r\n\r\n <div id=\"chatbot\">\r\n <div class=\"chat-output\" id=\"chatOutput\">\r\nHalo, selamat datang di LBH Advokat Bersama Garuda!\r\nSilakan isi formulir berikut untuk memulai konsultasi hukum.\r\n <\/div>\r\n\r\n <form id=\"clientForm\">\r\n <label>Nama Lengkap:<\/label>\r\n <input type=\"text\" id=\"nama\" required>\r\n\r\n <label>Nomor HP:<\/label>\r\n <input type=\"text\" id=\"hp\" required>\r\n\r\n <label>Domisili:<\/label>\r\n <input type=\"text\" id=\"domisili\" required>\r\n\r\n <label>Jenis Perkara:<\/label>\r\n <select id=\"perkara\" required>\r\n <option value=\"\">--Pilih Jenis Perkara--<\/option>\r\n <option value=\"Perdata\">Perdata<\/option>\r\n <option value=\"Pidana\">Pidana<\/option>\r\n <option value=\"Administrasi\">Administrasi<\/option>\r\n <option value=\"Lainnya\">Lainnya<\/option>\r\n <\/select>\r\n\r\n <label>Kronologis Singkat:<\/label>\r\n <textarea id=\"kronologi\" rows=\"3\" required><\/textarea>\r\n\r\n <label>Waktu Janji Temu yang Diajukan:<\/label>\r\n <input type=\"text\" id=\"waktu\" required>\r\n\r\n <button type=\"submit\">Kirim & Pilih Pengacara<\/button>\r\n <\/form>\r\n\r\n <div class=\"agent-buttons\" id=\"agentButtons\" style=\"display:none;\">\r\n <a href=\"#\" target=\"_blank\" id=\"agent1\">Pengacara 1: Ir. Ahmad Sarmadi, S.H., M.Si<\/a>\r\n <a href=\"#\" target=\"_blank\" id=\"agent2\">Pengacara 2: Ranu Hendani, S.H<\/a>\r\n <a href=\"#\" target=\"_blank\" id=\"agent3\">Pengacara 3: Agung Susilo, S.H<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.getElementById(\"clientForm\").addEventListener(\"submit\", function(e){\r\n e.preventDefault();\r\n\r\n const nama = encodeURIComponent(document.getElementById(\"nama\").value);\r\n const hp = encodeURIComponent(document.getElementById(\"hp\").value);\r\n const domisili = encodeURIComponent(document.getElementById(\"domisili\").value);\r\n const perkara = encodeURIComponent(document.getElementById(\"perkara\").value);\r\n const kronologi = encodeURIComponent(document.getElementById(\"kronologi\").value);\r\n const waktu = encodeURIComponent(document.getElementById(\"waktu\").value);\r\n\r\n \/\/ Format pesan WhatsApp\r\n const msg = `Halo, saya ingin melakukan konsultasi hukum dengan LBH Advokat Bersama Garuda.%0A%0ABerikut data diri saya:%0A%0ANama Lengkap : ${nama}%0ANomor HP : ${hp}%0ADomisili : ${domisili}%0APerkara yang dimohonkan : ${perkara}%0AKronologis singkat perkara : ${kronologi}%0AWaktu janji temu yang diajukan : ${waktu}`;\r\n\r\n \/\/ Nomor pengacara\r\n const agent1Num = \"628121331832\";\r\n const agent2Num = \"6282352076666\";\r\n const agent3Num = \"6281318172722\";\r\n\r\n document.getElementById(\"agent1\").href = `https:\/\/wa.me\/${agent1Num}?text=${msg}`;\r\n document.getElementById(\"agent2\").href = `https:\/\/wa.me\/${agent2Num}?text=${msg}`;\r\n document.getElementById(\"agent3\").href = `https:\/\/wa.me\/${agent3Num}?text=${msg}`;\r\n\r\n \/\/ Tampilkan tombol pengacara\r\n document.getElementById(\"agentButtons\").style.display = \"flex\";\r\n\r\n \/\/ Update chat output\r\n document.getElementById(\"chatOutput\").textContent = \r\n`Formulir Anda telah dikirim. Silakan pilih pengacara untuk memulai chat.\r\n\r\nJika pengacara pertama tidak merespon dalam 5 menit, silakan pilih pengacara berikutnya.`;\r\n\r\n \/\/ Sembunyikan form\r\n document.getElementById(\"clientForm\").style.display = \"none\";\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\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-70c9213 e-flex e-con-boxed e-con e-parent\" data-id=\"70c9213\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-aa0ea11 e-con-full e-flex e-con e-child\" data-id=\"aa0ea11\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-87ca12e e-con-full e-flex e-con e-child\" data-id=\"87ca12e\" data-element_type=\"container\" data-e-type=\"container\">\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>Chatbot LBH ABG Chatbot LBH ABG Halo, selamat datang di LBH Advokat Bersama Garuda! Silakan isi formulir berikut untuk memulai konsultasi hukum. Nama Lengkap: Nomor HP: Domisili: Jenis Perkara: –Pilih Jenis Perkara–PerdataPidanaAdministrasiLainnya Kronologis Singkat: Waktu Janji Temu yang Diajukan: Kirim & Pilih Pengacara Pengacara 1: Ir. Ahmad Sarmadi, S.H., M.Si Pengacara 2: Ranu Hendani, S.H […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-249","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/pages\/249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/comments?post=249"}],"version-history":[{"count":7,"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/pages\/249\/revisions"}],"predecessor-version":[{"id":265,"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/pages\/249\/revisions\/265"}],"wp:attachment":[{"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/media?parent=249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nChatbot LBH ABG<\/title>\r\n<style>\r\nbody {\r\n font-family: Arial, sans-serif;\r\n background-color: #f5f5f5;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n.container {\r\n max-width: 450px;\r\n margin: 50px auto;\r\n background: #fff;\r\n border-radius: 10px;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n padding: 20px;\r\n}\r\nh2 {\r\n text-align: center;\r\n color: #333;\r\n}\r\nlabel {\r\n display: block;\r\n margin-top: 10px;\r\n font-weight: bold;\r\n}\r\ninput, select, textarea {\r\n width: 100%;\r\n padding: 8px;\r\n margin-top: 5px;\r\n border-radius: 5px;\r\n border: 1px solid #ccc;\r\n box-sizing: border-box;\r\n}\r\nbutton {\r\n margin-top: 15px;\r\n padding: 10px;\r\n width: 100%;\r\n background-color: #007bff;\r\n color: #fff;\r\n border: none;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n}\r\nbutton:hover {\r\n background-color: #0056b3;\r\n}\r\n.chat-output {\r\n margin-top: 20px;\r\n padding: 10px;\r\n background: #e9ecef;\r\n border-radius: 5px;\r\n min-height: 50px;\r\n white-space: pre-line;\r\n}\r\n.agent-buttons {\r\n display: flex;\r\n flex-direction: column;\r\n margin-top: 15px;\r\n}\r\n.agent-buttons a {\r\n margin: 5px 0;\r\n padding: 10px;\r\n background: #28a745;\r\n color: #fff;\r\n border-radius: 5px;\r\n text-decoration: none;\r\n text-align: center;\r\n}\r\n.agent-buttons a:hover {\r\n background: #218838;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"container\">\r\n <h2>Chatbot LBH ABG<\/h2>\r\n\r\n <div id=\"chatbot\">\r\n <div class=\"chat-output\" id=\"chatOutput\">\r\nHalo, selamat datang di LBH Advokat Bersama Garuda!\r\nSilakan isi formulir berikut untuk memulai konsultasi hukum.\r\n <\/div>\r\n\r\n <form id=\"clientForm\">\r\n <label>Nama Lengkap:<\/label>\r\n <input type=\"text\" id=\"nama\" required>\r\n\r\n <label>Nomor HP:<\/label>\r\n <input type=\"text\" id=\"hp\" required>\r\n\r\n <label>Domisili:<\/label>\r\n <input type=\"text\" id=\"domisili\" required>\r\n\r\n <label>Jenis Perkara:<\/label>\r\n <select id=\"perkara\" required>\r\n <option value=\"\">--Pilih Jenis Perkara--<\/option>\r\n <option value=\"Perdata\">Perdata<\/option>\r\n <option value=\"Pidana\">Pidana<\/option>\r\n <option value=\"Administrasi\">Administrasi<\/option>\r\n <option value=\"Lainnya\">Lainnya<\/option>\r\n <\/select>\r\n\r\n <label>Kronologis Singkat:<\/label>\r\n <textarea id=\"kronologi\" rows=\"3\" required><\/textarea>\r\n\r\n <label>Waktu Janji Temu yang Diajukan:<\/label>\r\n <input type=\"text\" id=\"waktu\" required>\r\n\r\n <button type=\"submit\">Kirim & Pilih Pengacara<\/button>\r\n <\/form>\r\n\r\n <div class=\"agent-buttons\" id=\"agentButtons\" style=\"display:none;\">\r\n <a href=\"#\" target=\"_blank\" id=\"agent1\">Pengacara 1: Ir. Ahmad Sarmadi, S.H., M.Si<\/a>\r\n <a href=\"#\" target=\"_blank\" id=\"agent2\">Pengacara 2: Ranu Hendani, S.H<\/a>\r\n <a href=\"#\" target=\"_blank\" id=\"agent3\">Pengacara 3: Agung Susilo, S.H<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.getElementById(\"clientForm\").addEventListener(\"submit\", function(e){\r\n e.preventDefault();\r\n\r\n const nama = encodeURIComponent(document.getElementById(\"nama\").value);\r\n const hp = encodeURIComponent(document.getElementById(\"hp\").value);\r\n const domisili = encodeURIComponent(document.getElementById(\"domisili\").value);\r\n const perkara = encodeURIComponent(document.getElementById(\"perkara\").value);\r\n const kronologi = encodeURIComponent(document.getElementById(\"kronologi\").value);\r\n const waktu = encodeURIComponent(document.getElementById(\"waktu\").value);\r\n\r\n \/\/ Format pesan WhatsApp\r\n const msg = `Halo, saya ingin melakukan konsultasi hukum dengan LBH Advokat Bersama Garuda.%0A%0ABerikut data diri saya:%0A%0ANama Lengkap : ${nama}%0ANomor HP : ${hp}%0ADomisili : ${domisili}%0APerkara yang dimohonkan : ${perkara}%0AKronologis singkat perkara : ${kronologi}%0AWaktu janji temu yang diajukan : ${waktu}`;\r\n\r\n \/\/ Nomor pengacara\r\n const agent1Num = \"628121331832\";\r\n const agent2Num = \"6282352076666\";\r\n const agent3Num = \"6281318172722\";\r\n\r\n document.getElementById(\"agent1\").href = `https:\/\/wa.me\/${agent1Num}?text=${msg}`;\r\n document.getElementById(\"agent2\").href = `https:\/\/wa.me\/${agent2Num}?text=${msg}`;\r\n document.getElementById(\"agent3\").href = `https:\/\/wa.me\/${agent3Num}?text=${msg}`;\r\n\r\n \/\/ Tampilkan tombol pengacara\r\n document.getElementById(\"agentButtons\").style.display = \"flex\";\r\n\r\n \/\/ Update chat output\r\n document.getElementById(\"chatOutput\").textContent = \r\n`Formulir Anda telah dikirim. Silakan pilih pengacara untuk memulai chat.\r\n\r\nJika pengacara pertama tidak merespon dalam 5 menit, silakan pilih pengacara berikutnya.`;\r\n\r\n \/\/ Sembunyikan form\r\n document.getElementById(\"clientForm\").style.display = \"none\";\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\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-70c9213 e-flex e-con-boxed e-con e-parent\" data-id=\"70c9213\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-aa0ea11 e-con-full e-flex e-con e-child\" data-id=\"aa0ea11\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-87ca12e e-con-full e-flex e-con e-child\" data-id=\"87ca12e\" data-element_type=\"container\" data-e-type=\"container\">\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>Chatbot LBH ABG Chatbot LBH ABG Halo, selamat datang di LBH Advokat Bersama Garuda! Silakan isi formulir berikut untuk memulai konsultasi hukum. Nama Lengkap: Nomor HP: Domisili: Jenis Perkara: –Pilih Jenis Perkara–PerdataPidanaAdministrasiLainnya Kronologis Singkat: Waktu Janji Temu yang Diajukan: Kirim & Pilih Pengacara Pengacara 1: Ir. Ahmad Sarmadi, S.H., M.Si Pengacara 2: Ranu Hendani, S.H […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-249","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/pages\/249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/comments?post=249"}],"version-history":[{"count":7,"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/pages\/249\/revisions"}],"predecessor-version":[{"id":265,"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/pages\/249\/revisions\/265"}],"wp:attachment":[{"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/media?parent=249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}