Kontak Kami \u2013 Robi Motor<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@400;600;700;800&family=Barlow:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --red: #E8660A;\n --red-dark: #C4540A;\n --red-glow: rgba(232,102,10,0.18);\n --black: #f2f3f5;\n --dark: #ffffff;\n --card: #ffffff;\n --border: rgba(232,102,10,0.25);\n --text: #1a1a1a;\n --muted: #777;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'Barlow', sans-serif;\n background: var(--black);\n color: var(--text);\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n \/* HERO HEADER *\/\n .hero {\n position: relative;\n background: var(--dark);\n padding: 60px 24px 50px;\n text-align: center;\n border-bottom: 1px solid var(--border);\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute;\n top: -80px; left: 50%;\n transform: translateX(-50%);\n width: 500px; height: 300px;\n background: radial-gradient(ellipse, var(--red-glow) 0%, transparent 70%);\n pointer-events: none;\n }\n .hero-label {\n display: inline-block;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 4px;\n text-transform: uppercase;\n color: var(--red);\n border: 1px solid var(--border);\n padding: 4px 14px;\n border-radius: 2px;\n margin-bottom: 16px;\n animation: fadeUp 0.6s ease both;\n }\n .hero h1 {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: clamp(42px, 10vw, 72px);\n font-weight: 800;\n line-height: 1;\n letter-spacing: -1px;\n text-transform: uppercase;\n animation: fadeUp 0.7s 0.1s ease both;\n }\n .hero h1 span { color: var(--red); }\n .hero p {\n margin-top: 12px;\n font-size: 15px;\n color: var(--muted);\n font-weight: 300;\n animation: fadeUp 0.7s 0.2s ease both;\n }\n\n \/* LAYOUT *\/\n .container {\n max-width: 900px;\n margin: 0 auto;\n padding: 48px 20px 80px;\n }\n\n .grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n }\n\n \/* CARDS *\/\n .card {\n background: var(--card);\n border: 1px solid #e8e8e8;\n border-radius: 6px;\n padding: 32px;\n position: relative;\n overflow: hidden;\n animation: fadeUp 0.7s ease both;\n box-shadow: 0 2px 12px rgba(0,0,0,0.06);\n }\n .card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 3px; height: 100%;\n background: var(--red);\n border-radius: 6px 0 0 6px;\n }\n .card-title {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 20px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: var(--red);\n margin-bottom: 24px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .card-title svg { flex-shrink: 0; }\n\n \/* INFO ITEMS *\/\n .info-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n }\n @media (max-width: 480px) { .info-grid { grid-template-columns: 1fr; } }\n\n .info-item {\n background: #f8f8f8;\n border: 1px solid #e8e8e8;\n border-radius: 4px;\n padding: 16px;\n }\n .info-item .label {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--muted);\n margin-bottom: 6px;\n }\n .info-item .value {\n font-size: 15px;\n font-weight: 500;\n color: var(--text);\n line-height: 1.5;\n }\n .info-item .value a {\n color: var(--text);\n text-decoration: none;\n transition: color 0.2s;\n }\n .info-item .value a:hover { color: var(--red); }\n\n \/* WA BUTTON *\/\n .wa-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n margin-top: 20px;\n background: #25D366;\n color: #fff;\n text-decoration: none;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 16px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n padding: 14px 28px;\n border-radius: 4px;\n transition: background 0.2s, transform 0.15s;\n }\n .wa-btn:hover { background: #1ebe59; transform: translateY(-2px); }\n\n \/* JAM OPERASIONAL *\/\n .jam-list { list-style: none; }\n .jam-list li {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 0;\n border-bottom: 1px solid #eeeeee;\n font-size: 14px;\n }\n .jam-list li:last-child { border-bottom: none; }\n .jam-list .hari { color: var(--muted); }\n .jam-list .waktu { font-weight: 500; }\n .jam-list .tutup { color: var(--red); font-weight: 600; }\n .badge-buka {\n display: inline-block;\n background: rgba(37,211,102,0.15);\n color: #25D366;\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n padding: 2px 8px;\n border-radius: 2px;\n border: 1px solid rgba(37,211,102,0.3);\n margin-left: 8px;\n }\n\n \/* FORM *\/\n .form-group { margin-bottom: 18px; }\n .form-group label {\n display: block;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--muted);\n margin-bottom: 8px;\n }\n .form-group input,\n .form-group textarea,\n .form-group select {\n width: 100%;\n background: #f8f8f8;\n border: 1px solid #ddd;\n border-radius: 4px;\n padding: 12px 16px;\n color: var(--text);\n font-family: 'Barlow', sans-serif;\n font-size: 15px;\n transition: border-color 0.2s, box-shadow 0.2s;\n outline: none;\n -webkit-appearance: none;\n }\n .form-group input:focus,\n .form-group textarea:focus,\n .form-group select:focus {\n border-color: var(--red);\n box-shadow: 0 0 0 3px var(--red-glow);\n }\n .form-group textarea { resize: vertical; min-height: 110px; }\n .form-group select option { background: var(--dark); }\n\n .form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n }\n @media (max-width: 480px) { .form-row { grid-template-columns: 1fr; } }\n\n .submit-btn {\n width: 100%;\n background: var(--red);\n color: #fff;\n border: none;\n border-radius: 4px;\n padding: 15px;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 17px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n cursor: pointer;\n transition: background 0.2s, transform 0.15s;\n margin-top: 4px;\n }\n .submit-btn:hover { background: var(--red-dark); transform: translateY(-2px); }\n .submit-btn:active { transform: translateY(0); }\n\n \/* SUCCESS MESSAGE *\/\n .success-msg {\n display: none;\n background: rgba(37,211,102,0.1);\n border: 1px solid rgba(37,211,102,0.3);\n border-radius: 4px;\n padding: 14px 18px;\n color: #25D366;\n font-size: 14px;\n font-weight: 500;\n margin-top: 16px;\n text-align: center;\n }\n\n \/* MAPS *\/\n .map-wrapper {\n border-radius: 4px;\n overflow: hidden;\n border: 1px solid var(--border);\n margin-top: 20px;\n }\n .map-wrapper iframe {\n width: 100%;\n height: 260px;\n display: block;\n filter: grayscale(80%) invert(90%) contrast(90%);\n }\n\n \/* ANIMATIONS *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .card:nth-child(1) { animation-delay: 0.1s; }\n .card:nth-child(2) { animation-delay: 0.2s; }\n .card:nth-child(3) { animation-delay: 0.3s; }\n .card:nth-child(4) { animation-delay: 0.4s; }\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"hero\">\n <div class=\"hero-label\">Hubungi Kami<\/div>\n <h1>Kontak <span>robimotor<\/span><\/h1>\n <p>Kami siap membantu kebutuhan motor Anda<\/p>\n<\/div>\n\n\n<div class=\"container\">\n <div class=\"grid\">\n\n \n <div class=\"card\">\n <div class=\"card-title\">\n <svg width=\"18\" height=\"18\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.09 9.81a19.79 19.79 0 01-3.07-8.67A2 2 0 012 1h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 8.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\n Nomor Kontak\n <\/div>\n <div class=\"info-grid\">\n <div class=\"info-item\">\n <div class=\"label\">WhatsApp \/ Telpon<\/div>\n <div class=\"value\"><a href=\"tel:+6287881861942\">+62 878-8186-1942<\/a><\/div>\n <\/div>\n <div class=\"info-item\">\n <div class=\"label\">Email<\/div>\n <div class=\"value\"><a href=\"mailto:admin@robimotor.com\">admin@robimotor.com<\/a><\/div>\n <\/div>\n <\/div>\n <a href=\"https:\/\/wa.me\/6287881861942?text=Halo%20Robi%20Motor%2C%20saya%20ingin%20bertanya...\" class=\"wa-btn\" target=\"_blank\" rel=\"noopener\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.127.558 4.122 1.532 5.854L.057 23.75a.5.5 0 00.614.614l5.957-1.46A11.945 11.945 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.818a9.805 9.805 0 01-5.027-1.386l-.36-.214-3.732.916.949-3.638-.235-.374A9.783 9.783 0 012.182 12C2.182 6.57 6.57 2.182 12 2.182S21.818 6.57 21.818 12 17.43 21.818 12 21.818z\"\/><\/svg>\n Chat via WhatsApp\n <\/a>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-title\">\n <svg width=\"18\" height=\"18\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 01-8 0\"\/><\/svg>\n Temukan Kami di Marketplace\n <\/div>\n <div style=\"display:grid; grid-template-columns:1fr 1fr; gap:14px;\">\n\n \n <a href=\"https:\/\/id.shp.ee\/vzogd9H2\" target=\"_blank\" style=\"display:flex;align-items:center;gap:12px;background:#fff4f0;border:1px solid #ffcbb3;border-radius:6px;padding:16px;text-decoration:none;\" rel=\"noopener\">\n <div style=\"width:44px;height:44px;flex-shrink:0;background:#EE4D2D;border-radius:8px;display:flex;align-items:center;justify-content:center;\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 50 50\" fill=\"white\"><path d=\"M25 3C12.85 3 3 12.85 3 25s9.85 22 22 22 22-9.85 22-22S37.15 3 25 3zm0 6c2.76 0 5 2.24 5 5s-2.24 5-5 5-5-2.24-5-5 2.24-5 5-5zm10 28H15v-2.5c0-6.67 13.33-10 20-10v2.5c-5 0-13 2-15 5h15V37z\"\/><\/svg>\n <\/div>\n <div>\n <div style=\"font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:800;color:#EE4D2D;text-transform:uppercase;letter-spacing:1px;\">Shopee<\/div>\n <div style=\"font-size:12px;color:#888;margin-top:2px;\">Klik untuk belanja<\/div>\n <\/div>\n <\/a>\n\n \n <a href=\"https:\/\/tk.tokopedia.com\/ZS9b5XsrW\" target=\"_blank\" style=\"display:flex;align-items:center;gap:12px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;padding:16px;text-decoration:none;\" rel=\"noopener\">\n <div style=\"width:44px;height:44px;flex-shrink:0;background:#010101;border-radius:8px;display:flex;align-items:center;justify-content:center;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\"><path d=\"M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 00-.79-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.33-6.34V8.69a8.18 8.18 0 004.78 1.52V6.76a4.85 4.85 0 01-1.01-.07z\"\/><\/svg>\n <\/div>\n <div>\n <div style=\"font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:800;color:#010101;text-transform:uppercase;letter-spacing:1px;\">TikTok Shop<\/div>\n <div style=\"font-size:12px;color:#888;margin-top:2px;\">via Tokopedia<\/div>\n <\/div>\n <\/a>\n\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-title\">\n <svg width=\"18\" height=\"18\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n Jam Operasional\n <\/div>\n <ul class=\"jam-list\">\n <li>\n <span class=\"hari\">Senin \u2013 Jumat<\/span>\n <span class=\"waktu\">08.00 \u2013 17.00 WIB <span class=\"badge-buka\">Buka<\/span><\/span>\n <\/li>\n <li>\n <span class=\"hari\">Sabtu<\/span>\n <span class=\"waktu\">08.00 \u2013 15.00 WIB <span class=\"badge-buka\">Buka<\/span><\/span>\n <\/li>\n <li>\n <span class=\"hari\">Minggu<\/span>\n <span class=\"waktu tutup\">Tutup<\/span>\n <\/li>\n <li>\n <span class=\"hari\">Hari Libur Nasional<\/span>\n <span class=\"waktu tutup\">Tutup<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-title\">\n <svg width=\"18\" height=\"18\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/><\/svg>\n Kirim Pesan\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Nama Lengkap<\/label>\n <input type=\"text\" id=\"nama\" placeholder=\"Nama kamu\" \/>\n <\/div>\n <div class=\"form-group\">\n <label>Nomor HP \/ WhatsApp<\/label>\n <input type=\"tel\" id=\"hp\" placeholder=\"+62 8xx-xxxx-xxxx\" \/>\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label>Email<\/label>\n <input type=\"email\" id=\"email\" placeholder=\"email@kamu.com\" \/>\n <\/div>\n <div class=\"form-group\">\n <label>Topik<\/label>\n <select id=\"topik\">\n <option value=\"\">Pilih topik…<\/option>\n <option>Pertanyaan Produk<\/option>\n <option>Pemesanan \/ Order<\/option>\n <option>Servis & Spare Part<\/option>\n <option>Keluhan \/ Komplain<\/option>\n <option>Kerjasama<\/option>\n <option>Lainnya<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>Pesan<\/label>\n <textarea id=\"pesan\" placeholder=\"Tulis pesan kamu di sini...\"><\/textarea>\n <\/div>\n <button class=\"submit-btn\" onclick=\"kirimPesan()\">Kirim Pesan \u2192<\/button>\n <div class=\"success-msg\" id=\"successMsg\">\u2713 Pesan berhasil dikirim! Kami akan segera menghubungi Anda.<\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-title\">\n <svg width=\"18\" height=\"18\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n Lokasi Kami\n <\/div>\n <div class=\"info-grid\">\n <div class=\"info-item\" style=\"grid-column: 1\/-1\">\n <div class=\"label\">Alamat Lengkap<\/div>\n <div class=\"value\">Jl. Menvo Dalam RT.006\/010 Kel. Tegal Alur Kec. Kalideres, Jakarta Barat 11820<\/div>\n <\/div>\n <\/div>\n \n <div class=\"map-wrapper\">\n <iframe\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3966.8!2d106.7183!3d-6.1285!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e6a02b235e8bc83:0xdb128c1f93e7a942!2sRobi+Motor+(Pulsar),+Jl.+Menvo+III+No.5+6,+RT.6%2FRW.10,+Tegal+Alur,+Kec.+Kalideres!5e0!3m2!1sid!2sid!4v1680000000000\"\n allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\">\n <\/iframe>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\nfunction kirimPesan() {\n const nama = document.getElementById('nama').value.trim();\n const hp = document.getElementById('hp').value.trim();\n const pesan = document.getElementById('pesan').value.trim();\n\n if (!nama || !hp || !pesan) {\n alert('Mohon lengkapi: Nama, Nomor HP, dan Pesan.');\n return;\n }\n\n \/\/ Kirim via WhatsApp\n const topik = document.getElementById('topik').value || 'Umum';\n const email = document.getElementById('email').value;\n const text = encodeURIComponent(\n `Halo Robi Motor 👋\\n\\n*Nama:* ${nama}\\n*HP:* ${hp}\\n*Email:* ${email || '-'}\\n*Topik:* ${topik}\\n\\n*Pesan:*\\n${pesan}`\n );\n window.open(`https:\/\/wa.me\/6287881861942?text=${text}`, '_blank');\n\n document.getElementById('successMsg').style.display = 'block';\n document.getElementById('nama').value = '';\n document.getElementById('hp').value = '';\n document.getElementById('email').value = '';\n document.getElementById('pesan').value = '';\n document.getElementById('topik').value = '';\n}\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Kontak Kami \u2013 Robi Motor Hubungi Kami Kontak robimotor Kami siap membantu kebutuhan motor Anda Nomor Kontak WhatsApp \/ Telpon<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-473","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/robimotor.com\/index.php?rest_route=\/wp\/v2\/pages\/473","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/robimotor.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/robimotor.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/robimotor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/robimotor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=473"}],"version-history":[{"count":1,"href":"https:\/\/robimotor.com\/index.php?rest_route=\/wp\/v2\/pages\/473\/revisions"}],"predecessor-version":[{"id":474,"href":"https:\/\/robimotor.com\/index.php?rest_route=\/wp\/v2\/pages\/473\/revisions\/474"}],"wp:attachment":[{"href":"https:\/\/robimotor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":473,"date":"2026-05-31T23:30:15","date_gmt":"2026-05-31T23:30:15","guid":{"rendered":"https:\/\/robimotor.com\/?page_id=473"},"modified":"2026-05-31T23:30:16","modified_gmt":"2026-05-31T23:30:16","slug":"hubungi-kami-2","status":"publish","type":"page","link":"https:\/\/robimotor.com\/?page_id=473","title":{"rendered":"HUBUNGI KAMI"},"content":{"rendered":"\n\n\n\n\n\nKontak Kami \u2013 Robi Motor<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@400;600;700;800&family=Barlow:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --red: #E8660A;\n --red-dark: #C4540A;\n --red-glow: rgba(232,102,10,0.18);\n --black: #f2f3f5;\n --dark: #ffffff;\n --card: #ffffff;\n --border: rgba(232,102,10,0.25);\n --text: #1a1a1a;\n --muted: #777;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'Barlow', sans-serif;\n background: var(--black);\n color: var(--text);\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n \/* HERO HEADER *\/\n .hero {\n position: relative;\n background: var(--dark);\n padding: 60px 24px 50px;\n text-align: center;\n border-bottom: 1px solid var(--border);\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute;\n top: -80px; left: 50%;\n transform: translateX(-50%);\n width: 500px; height: 300px;\n background: radial-gradient(ellipse, var(--red-glow) 0%, transparent 70%);\n pointer-events: none;\n }\n .hero-label {\n display: inline-block;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 4px;\n text-transform: uppercase;\n color: var(--red);\n border: 1px solid var(--border);\n padding: 4px 14px;\n border-radius: 2px;\n margin-bottom: 16px;\n animation: fadeUp 0.6s ease both;\n }\n .hero h1 {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: clamp(42px, 10vw, 72px);\n font-weight: 800;\n line-height: 1;\n letter-spacing: -1px;\n text-transform: uppercase;\n animation: fadeUp 0.7s 0.1s ease both;\n }\n .hero h1 span { color: var(--red); }\n .hero p {\n margin-top: 12px;\n font-size: 15px;\n color: var(--muted);\n font-weight: 300;\n animation: fadeUp 0.7s 0.2s ease both;\n }\n\n \/* LAYOUT *\/\n .container {\n max-width: 900px;\n margin: 0 auto;\n padding: 48px 20px 80px;\n }\n\n .grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n }\n\n \/* CARDS *\/\n .card {\n background: var(--card);\n border: 1px solid #e8e8e8;\n border-radius: 6px;\n padding: 32px;\n position: relative;\n overflow: hidden;\n animation: fadeUp 0.7s ease both;\n box-shadow: 0 2px 12px rgba(0,0,0,0.06);\n }\n .card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 3px; height: 100%;\n background: var(--red);\n border-radius: 6px 0 0 6px;\n }\n .card-title {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 20px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n color: var(--red);\n margin-bottom: 24px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .card-title svg { flex-shrink: 0; }\n\n \/* INFO ITEMS *\/\n .info-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n }\n @media (max-width: 480px) { .info-grid { grid-template-columns: 1fr; } }\n\n .info-item {\n background: #f8f8f8;\n border: 1px solid #e8e8e8;\n border-radius: 4px;\n padding: 16px;\n }\n .info-item .label {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--muted);\n margin-bottom: 6px;\n }\n .info-item .value {\n font-size: 15px;\n font-weight: 500;\n color: var(--text);\n line-height: 1.5;\n }\n .info-item .value a {\n color: var(--text);\n text-decoration: none;\n transition: color 0.2s;\n }\n .info-item .value a:hover { color: var(--red); }\n\n \/* WA BUTTON *\/\n .wa-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n margin-top: 20px;\n background: #25D366;\n color: #fff;\n text-decoration: none;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 16px;\n font-weight: 700;\n letter-spacing: 1px;\n text-transform: uppercase;\n padding: 14px 28px;\n border-radius: 4px;\n transition: background 0.2s, transform 0.15s;\n }\n .wa-btn:hover { background: #1ebe59; transform: translateY(-2px); }\n\n \/* JAM OPERASIONAL *\/\n .jam-list { list-style: none; }\n .jam-list li {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 0;\n border-bottom: 1px solid #eeeeee;\n font-size: 14px;\n }\n .jam-list li:last-child { border-bottom: none; }\n .jam-list .hari { color: var(--muted); }\n .jam-list .waktu { font-weight: 500; }\n .jam-list .tutup { color: var(--red); font-weight: 600; }\n .badge-buka {\n display: inline-block;\n background: rgba(37,211,102,0.15);\n color: #25D366;\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n padding: 2px 8px;\n border-radius: 2px;\n border: 1px solid rgba(37,211,102,0.3);\n margin-left: 8px;\n }\n\n \/* FORM *\/\n .form-group { margin-bottom: 18px; }\n .form-group label {\n display: block;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--muted);\n margin-bottom: 8px;\n }\n .form-group input,\n .form-group textarea,\n .form-group select {\n width: 100%;\n background: #f8f8f8;\n border: 1px solid #ddd;\n border-radius: 4px;\n padding: 12px 16px;\n color: var(--text);\n font-family: 'Barlow', sans-serif;\n font-size: 15px;\n transition: border-color 0.2s, box-shadow 0.2s;\n outline: none;\n -webkit-appearance: none;\n }\n .form-group input:focus,\n .form-group textarea:focus,\n .form-group select:focus {\n border-color: var(--red);\n box-shadow: 0 0 0 3px var(--red-glow);\n }\n .form-group textarea { resize: vertical; min-height: 110px; }\n .form-group select option { background: var(--dark); }\n\n .form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n }\n @media (max-width: 480px) { .form-row { grid-template-columns: 1fr; } }\n\n .submit-btn {\n width: 100%;\n background: var(--red);\n color: #fff;\n border: none;\n border-radius: 4px;\n padding: 15px;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 17px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n cursor: pointer;\n transition: background 0.2s, transform 0.15s;\n margin-top: 4px;\n }\n .submit-btn:hover { background: var(--red-dark); transform: translateY(-2px); }\n .submit-btn:active { transform: translateY(0); }\n\n \/* SUCCESS MESSAGE *\/\n .success-msg {\n display: none;\n background: rgba(37,211,102,0.1);\n border: 1px solid rgba(37,211,102,0.3);\n border-radius: 4px;\n padding: 14px 18px;\n color: #25D366;\n font-size: 14px;\n font-weight: 500;\n margin-top: 16px;\n text-align: center;\n }\n\n \/* MAPS *\/\n .map-wrapper {\n border-radius: 4px;\n overflow: hidden;\n border: 1px solid var(--border);\n margin-top: 20px;\n }\n .map-wrapper iframe {\n width: 100%;\n height: 260px;\n display: block;\n filter: grayscale(80%) invert(90%) contrast(90%);\n }\n\n \/* ANIMATIONS *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .card:nth-child(1) { animation-delay: 0.1s; }\n .card:nth-child(2) { animation-delay: 0.2s; }\n .card:nth-child(3) { animation-delay: 0.3s; }\n .card:nth-child(4) { animation-delay: 0.4s; }\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"hero\">\n <div class=\"hero-label\">Hubungi Kami<\/div>\n <h1>Kontak <span>robimotor<\/span><\/h1>\n <p>Kami siap membantu kebutuhan motor Anda<\/p>\n<\/div>\n\n\n<div class=\"container\">\n <div class=\"grid\">\n\n \n <div class=\"card\">\n <div class=\"card-title\">\n <svg width=\"18\" height=\"18\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.09 9.81a19.79 19.79 0 01-3.07-8.67A2 2 0 012 1h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.09 8.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\n Nomor Kontak\n <\/div>\n <div class=\"info-grid\">\n <div class=\"info-item\">\n <div class=\"label\">WhatsApp \/ Telpon<\/div>\n <div class=\"value\"><a href=\"tel:+6287881861942\">+62 878-8186-1942<\/a><\/div>\n <\/div>\n <div class=\"info-item\">\n <div class=\"label\">Email<\/div>\n <div class=\"value\"><a href=\"mailto:admin@robimotor.com\">admin@robimotor.com<\/a><\/div>\n <\/div>\n <\/div>\n <a href=\"https:\/\/wa.me\/6287881861942?text=Halo%20Robi%20Motor%2C%20saya%20ingin%20bertanya...\" class=\"wa-btn\" target=\"_blank\" rel=\"noopener\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.127.558 4.122 1.532 5.854L.057 23.75a.5.5 0 00.614.614l5.957-1.46A11.945 11.945 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.818a9.805 9.805 0 01-5.027-1.386l-.36-.214-3.732.916.949-3.638-.235-.374A9.783 9.783 0 012.182 12C2.182 6.57 6.57 2.182 12 2.182S21.818 6.57 21.818 12 17.43 21.818 12 21.818z\"\/><\/svg>\n Chat via WhatsApp\n <\/a>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-title\">\n <svg width=\"18\" height=\"18\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 01-8 0\"\/><\/svg>\n Temukan Kami di Marketplace\n <\/div>\n <div style=\"display:grid; grid-template-columns:1fr 1fr; gap:14px;\">\n\n \n <a href=\"https:\/\/id.shp.ee\/vzogd9H2\" target=\"_blank\" style=\"display:flex;align-items:center;gap:12px;background:#fff4f0;border:1px solid #ffcbb3;border-radius:6px;padding:16px;text-decoration:none;\" rel=\"noopener\">\n <div style=\"width:44px;height:44px;flex-shrink:0;background:#EE4D2D;border-radius:8px;display:flex;align-items:center;justify-content:center;\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 50 50\" fill=\"white\"><path d=\"M25 3C12.85 3 3 12.85 3 25s9.85 22 22 22 22-9.85 22-22S37.15 3 25 3zm0 6c2.76 0 5 2.24 5 5s-2.24 5-5 5-5-2.24-5-5 2.24-5 5-5zm10 28H15v-2.5c0-6.67 13.33-10 20-10v2.5c-5 0-13 2-15 5h15V37z\"\/><\/svg>\n <\/div>\n <div>\n <div style=\"font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:800;color:#EE4D2D;text-transform:uppercase;letter-spacing:1px;\">Shopee<\/div>\n <div style=\"font-size:12px;color:#888;margin-top:2px;\">Klik untuk belanja<\/div>\n <\/div>\n <\/a>\n\n \n <a href=\"https:\/\/tk.tokopedia.com\/ZS9b5XsrW\" target=\"_blank\" style=\"display:flex;align-items:center;gap:12px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;padding:16px;text-decoration:none;\" rel=\"noopener\">\n <div style=\"width:44px;height:44px;flex-shrink:0;background:#010101;border-radius:8px;display:flex;align-items:center;justify-content:center;\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\"><path d=\"M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 00-.79-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.33-6.34V8.69a8.18 8.18 0 004.78 1.52V6.76a4.85 4.85 0 01-1.01-.07z\"\/><\/svg>\n <\/div>\n <div>\n <div style=\"font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:800;color:#010101;text-transform:uppercase;letter-spacing:1px;\">TikTok Shop<\/div>\n <div style=\"font-size:12px;color:#888;margin-top:2px;\">via Tokopedia<\/div>\n <\/div>\n <\/a>\n\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-title\">\n <svg width=\"18\" height=\"18\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n Jam Operasional\n <\/div>\n <ul class=\"jam-list\">\n <li>\n <span class=\"hari\">Senin \u2013 Jumat<\/span>\n <span class=\"waktu\">08.00 \u2013 17.00 WIB <span class=\"badge-buka\">Buka<\/span><\/span>\n <\/li>\n <li>\n <span class=\"hari\">Sabtu<\/span>\n <span class=\"waktu\">08.00 \u2013 15.00 WIB <span class=\"badge-buka\">Buka<\/span><\/span>\n <\/li>\n <li>\n <span class=\"hari\">Minggu<\/span>\n <span class=\"waktu tutup\">Tutup<\/span>\n <\/li>\n <li>\n <span class=\"hari\">Hari Libur Nasional<\/span>\n <span class=\"waktu tutup\">Tutup<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-title\">\n <svg width=\"18\" height=\"18\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/><\/svg>\n Kirim Pesan\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Nama Lengkap<\/label>\n <input type=\"text\" id=\"nama\" placeholder=\"Nama kamu\" \/>\n <\/div>\n <div class=\"form-group\">\n <label>Nomor HP \/ WhatsApp<\/label>\n <input type=\"tel\" id=\"hp\" placeholder=\"+62 8xx-xxxx-xxxx\" \/>\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label>Email<\/label>\n <input type=\"email\" id=\"email\" placeholder=\"email@kamu.com\" \/>\n <\/div>\n <div class=\"form-group\">\n <label>Topik<\/label>\n <select id=\"topik\">\n <option value=\"\">Pilih topik…<\/option>\n <option>Pertanyaan Produk<\/option>\n <option>Pemesanan \/ Order<\/option>\n <option>Servis & Spare Part<\/option>\n <option>Keluhan \/ Komplain<\/option>\n <option>Kerjasama<\/option>\n <option>Lainnya<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>Pesan<\/label>\n <textarea id=\"pesan\" placeholder=\"Tulis pesan kamu di sini...\"><\/textarea>\n <\/div>\n <button class=\"submit-btn\" onclick=\"kirimPesan()\">Kirim Pesan \u2192<\/button>\n <div class=\"success-msg\" id=\"successMsg\">\u2713 Pesan berhasil dikirim! Kami akan segera menghubungi Anda.<\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-title\">\n <svg width=\"18\" height=\"18\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n Lokasi Kami\n <\/div>\n <div class=\"info-grid\">\n <div class=\"info-item\" style=\"grid-column: 1\/-1\">\n <div class=\"label\">Alamat Lengkap<\/div>\n <div class=\"value\">Jl. Menvo Dalam RT.006\/010 Kel. Tegal Alur Kec. Kalideres, Jakarta Barat 11820<\/div>\n <\/div>\n <\/div>\n \n <div class=\"map-wrapper\">\n <iframe\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3966.8!2d106.7183!3d-6.1285!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e6a02b235e8bc83:0xdb128c1f93e7a942!2sRobi+Motor+(Pulsar),+Jl.+Menvo+III+No.5+6,+RT.6%2FRW.10,+Tegal+Alur,+Kec.+Kalideres!5e0!3m2!1sid!2sid!4v1680000000000\"\n allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\">\n <\/iframe>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\nfunction kirimPesan() {\n const nama = document.getElementById('nama').value.trim();\n const hp = document.getElementById('hp').value.trim();\n const pesan = document.getElementById('pesan').value.trim();\n\n if (!nama || !hp || !pesan) {\n alert('Mohon lengkapi: Nama, Nomor HP, dan Pesan.');\n return;\n }\n\n \/\/ Kirim via WhatsApp\n const topik = document.getElementById('topik').value || 'Umum';\n const email = document.getElementById('email').value;\n const text = encodeURIComponent(\n `Halo Robi Motor 👋\\n\\n*Nama:* ${nama}\\n*HP:* ${hp}\\n*Email:* ${email || '-'}\\n*Topik:* ${topik}\\n\\n*Pesan:*\\n${pesan}`\n );\n window.open(`https:\/\/wa.me\/6287881861942?text=${text}`, '_blank');\n\n document.getElementById('successMsg').style.display = 'block';\n document.getElementById('nama').value = '';\n document.getElementById('hp').value = '';\n document.getElementById('email').value = '';\n document.getElementById('pesan').value = '';\n document.getElementById('topik').value = '';\n}\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Kontak Kami \u2013 Robi Motor Hubungi Kami Kontak robimotor Kami siap membantu kebutuhan motor Anda Nomor Kontak WhatsApp \/ Telpon<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-473","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/robimotor.com\/index.php?rest_route=\/wp\/v2\/pages\/473","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/robimotor.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/robimotor.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/robimotor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/robimotor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=473"}],"version-history":[{"count":1,"href":"https:\/\/robimotor.com\/index.php?rest_route=\/wp\/v2\/pages\/473\/revisions"}],"predecessor-version":[{"id":474,"href":"https:\/\/robimotor.com\/index.php?rest_route=\/wp\/v2\/pages\/473\/revisions\/474"}],"wp:attachment":[{"href":"https:\/\/robimotor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}