Hubungi Kami - WILDES PACKAGING<\/title>\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Poppins', 'sans-serif'],\r\n },\r\n colors: {\r\n brand: {\r\n dark: '#0a2e1b', \r\n primary: '#165c37', \r\n light: '#2a945d', \r\n accent: '#e6c875' \r\n },\r\n whatsapp: {\r\n default: '#25D366',\r\n hover: '#128C7E'\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #f8fafc;\r\n overflow-x: hidden;\r\n }\r\n \r\n .fade-in {\r\n animation: fadeIn 1s ease-in forwards;\r\n }\r\n \r\n .slide-up {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n animation: slideUp 0.8s ease-out forwards;\r\n }\r\n\r\n .delay-200 { animation-delay: 0.2s; }\r\n .delay-400 { animation-delay: 0.4s; }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n\r\n @keyframes slideUp {\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* Custom Input Autofill styling *\/\r\n input:-webkit-autofill,\r\n textarea:-webkit-autofill {\r\n -webkit-box-shadow: 0 0 0 30px white inset !important;\r\n -webkit-text-fill-color: #333 !important;\r\n }\r\n <\/style>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"ContactPage\",\r\n \"name\": \"Hubungi WILDES PACKAGING\",\r\n \"description\": \"Halaman kontak resmi WILDES PACKAGING JAKARTA.\",\r\n \"url\": \"https:\/\/wildespackaging.com\/contact\",\r\n \"mainEntity\": {\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"WILDES PACKAGING JAKARTA\",\r\n \"image\": \"https:\/\/creatsigndev.com\/Willy\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-19-at-13.03.16.webp\",\r\n \"telephone\": \"+6289688304659\",\r\n \"email\": \"wildessuksesindonesia@gmail.com\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"streetAddress\": \"Rukan Boulevard, Jl. Taman Palem Mutiara No.28 Blok i-1\",\r\n \"addressLocality\": \"Cengkareng\",\r\n \"addressRegion\": \"Jakarta Barat\",\r\n \"postalCode\": \"11730\",\r\n \"addressCountry\": \"ID\"\r\n }\r\n }\r\n }\r\n <\/script>\r\n<\/head>\r\n<body class=\"antialiased\">\r\n\r\n <nav class=\"absolute top-0 left-0 w-full z-50 px-6 py-6 lg:px-12 flex justify-between items-center bg-gradient-to-b from-black\/60 to-transparent\">\r\n <div class=\"text-white font-bold text-2xl tracking-wider\">\r\n WILDES<span class=\"text-brand-accent\">.<\/span>\r\n <\/div>\r\n <div class=\"flex gap-6\">\r\n <a href=\"index.html\" class=\"text-white hover:text-brand-accent transition-colors duration-300 text-sm font-medium flex items-center gap-2\">\r\n <i class=\"fas fa-home\"><\/i> Beranda\r\n <\/a>\r\n <a href=\"products.html\" class=\"text-white hover:text-brand-accent transition-colors duration-300 text-sm font-medium hidden md:flex items-center gap-2\">\r\n Katalog\r\n <\/a>\r\n <\/div>\r\n <\/nav>\r\n\r\n <section class=\"relative w-full h-[45vh] min-h-[350px] flex items-center justify-center overflow-hidden bg-brand-dark\">\r\n \r\n <div class=\"absolute inset-0 bg-cover bg-center bg-no-repeat opacity-30 transform scale-105\" \r\n style=\"background-image: url('https:\/\/creatsigndev.com\/Willy\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-19-at-13.20.05.webp');\">\r\n <\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-50 via-brand-dark\/80 to-brand-dark\/90\"><\/div>\r\n \r\n \r\n <div class=\"relative z-10 text-center px-6 mt-16 slide-up\">\r\n <span class=\"inline-block py-1 px-3 rounded-full bg-brand-light\/20 border border-brand-light\/50 text-brand-accent text-sm font-semibold tracking-[0.2em] uppercase mb-4 shadow-sm\">\r\n Layanan Pelanggan\r\n <\/span>\r\n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-4 leading-tight\">\r\n Hubungi <span class=\"text-brand-light\">Kami<\/span>\r\n <\/h1>\r\n <p class=\"text-gray-300 max-w-2xl mx-auto text-lg leading-relaxed\">\r\n Kami siap membantu Anda mewujudkan kemasan kosmetik dan skincare impian. Konsultasikan kebutuhan Anda bersama tim ahli kami.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-16 md:py-24 bg-slate-50 relative\">\r\n <div class=\"max-w-7xl mx-auto px-6 sm:px-12 lg:px-8 relative z-10\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20\">\r\n \r\n \r\n <div class=\"slide-up delay-200\">\r\n <div class=\"flex items-center gap-3 mb-4\">\r\n <span class=\"w-10 h-0.5 bg-brand-accent\"><\/span>\r\n <span class=\"text-brand-primary font-semibold tracking-widest uppercase text-sm\">Informasi Kontak<\/span>\r\n <\/div>\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-brand-dark mb-8 leading-tight\">\r\n Mari Berdiskusi Lebih <span class=\"text-brand-light\">Dekat<\/span>\r\n <\/h2>\r\n \r\n <div class=\"space-y-8\">\r\n \r\n <div class=\"flex items-start gap-5 p-6 bg-white rounded-2xl shadow-[0_4px_20px_rgba(0,0,0,0.03)] border border-gray-100 hover:border-brand-primary\/30 hover:shadow-lg transition-all duration-300 group\">\r\n <div class=\"w-14 h-14 rounded-xl bg-brand-primary\/10 flex items-center justify-center text-brand-primary shrink-0 group-hover:bg-brand-primary group-hover:text-white transition-colors duration-300\">\r\n <i class=\"fas fa-building text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-bold text-brand-dark mb-2\">Head Office<\/h4>\r\n <p class=\"text-gray-600 text-sm leading-relaxed\">\r\n Rukan Boulevard, Jl. Taman Palem Mutiara No.28 Blok i-1, RT.4\/RW.14, Cengkareng Tim., Kec. Cengkareng, Kota Jakarta Barat, 11730\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex items-start gap-5 p-6 bg-white rounded-2xl shadow-[0_4px_20px_rgba(0,0,0,0.03)] border border-gray-100 hover:border-brand-primary\/30 hover:shadow-lg transition-all duration-300 group\">\r\n <div class=\"w-14 h-14 rounded-xl bg-brand-primary\/10 flex items-center justify-center text-brand-primary shrink-0 group-hover:bg-brand-primary group-hover:text-white transition-colors duration-300\">\r\n <i class=\"fas fa-industry text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-bold text-brand-dark mb-2\">Workshop Produksi<\/h4>\r\n <p class=\"text-gray-600 text-sm leading-relaxed\">\r\n Jl. Pemda Tigaraksa No.1, Pergudangan Bizpoint, Blok Jakarta No. 66-68, Sukamulya, Kec. Cikupa, Tangerang, Indonesia\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\r\n \r\n <div class=\"p-6 bg-white rounded-2xl shadow-[0_4px_20px_rgba(0,0,0,0.03)] border border-gray-100 flex flex-col items-start hover:border-brand-primary\/30 transition-colors\">\r\n <div class=\"w-10 h-10 rounded-full bg-brand-light\/10 text-brand-light flex items-center justify-center mb-4\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <h4 class=\"font-bold text-brand-dark mb-1\">Email<\/h4>\r\n <a href=\"mailto:wildessuksesindonesia@gmail.com\" class=\"text-gray-500 hover:text-brand-primary text-sm break-all\">\r\n wildessuksesindonesia@gmail.com\r\n <\/a>\r\n <\/div>\r\n \r\n <div class=\"p-6 bg-white rounded-2xl shadow-[0_4px_20px_rgba(0,0,0,0.03)] border border-gray-100 flex flex-col items-start hover:border-brand-primary\/30 transition-colors\">\r\n <div class=\"w-10 h-10 rounded-full bg-whatsapp-default\/10 text-whatsapp-default flex items-center justify-center mb-4\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/div>\r\n <h4 class=\"font-bold text-brand-dark mb-1\">WhatsApp<\/h4>\r\n <a href=\"https:\/\/wa.me\/6289688304659\" class=\"text-gray-500 hover:text-brand-primary text-sm\">\r\n +62 896 8830 4659\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"slide-up delay-400\">\r\n <div class=\"bg-white p-8 md:p-10 rounded-[2rem] shadow-[0_20px_50px_rgba(22,92,55,0.08)] border border-gray-100 relative overflow-hidden\">\r\n \r\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-brand-accent\/10 rounded-bl-full pointer-events-none\"><\/div>\r\n \r\n <h3 class=\"text-2xl font-bold text-brand-dark mb-2 relative z-10\">Kirim Pesan Cepat<\/h3>\r\n <p class=\"text-gray-500 text-sm mb-8 relative z-10\">Isi form di bawah ini dan kami akan meresponnya langsung melalui WhatsApp Anda.<\/p>\r\n\r\n <form id=\"contactForm\" class=\"space-y-6 relative z-10\">\r\n <div>\r\n <label for=\"nama\" class=\"block text-sm font-medium text-gray-700 mb-2\">Nama Lengkap <span class=\"text-red-500\">*<\/span><\/label>\r\n <input type=\"text\" id=\"nama\" required placeholder=\"Masukkan nama Anda\" \r\n class=\"w-full px-5 py-3.5 bg-gray-50 border border-gray-200 rounded-xl focus:outline-none focus:border-brand-primary focus:ring-2 focus:ring-brand-primary\/20 transition-all text-gray-700\">\r\n <\/div>\r\n \r\n <div>\r\n <label for=\"instansi\" class=\"block text-sm font-medium text-gray-700 mb-2\">Nama Brand \/ Perusahaan<\/label>\r\n <input type=\"text\" id=\"instansi\" placeholder=\"Opsional\" \r\n class=\"w-full px-5 py-3.5 bg-gray-50 border border-gray-200 rounded-xl focus:outline-none focus:border-brand-primary focus:ring-2 focus:ring-brand-primary\/20 transition-all text-gray-700\">\r\n <\/div>\r\n\r\n <div>\r\n <label for=\"layanan\" class=\"block text-sm font-medium text-gray-700 mb-2\">Tertarik Pada Layanan <span class=\"text-red-500\">*<\/span><\/label>\r\n <div class=\"relative\">\r\n <select id=\"layanan\" required class=\"w-full px-5 py-3.5 bg-gray-50 border border-gray-200 rounded-xl focus:outline-none focus:border-brand-primary focus:ring-2 focus:ring-brand-primary\/20 transition-all text-gray-700 appearance-none\">\r\n <option value=\"\" disabled selected>Pilih jenis kemasan...<\/option>\r\n <option value=\"Tube Kosmetik\">Tube Kosmetik<\/option>\r\n <option value=\"Jar \/ Pot Cream\">Jar \/ Pot Cream<\/option>\r\n <option value=\"Botol Kosmetik (Pump\/Spray)\">Botol Kosmetik (Pump\/Spray)<\/option>\r\n <option value=\"Botol Parfum\">Botol Parfum<\/option>\r\n <option value=\"Box \/ Kardus Kemasan\">Box \/ Kardus Kemasan<\/option>\r\n <option value=\"Konsultasi Desain\">Konsultasi Desain<\/option>\r\n <option value=\"Lainnya\">Lainnya<\/option>\r\n <\/select>\r\n <div class=\"absolute inset-y-0 right-0 flex items-center px-5 pointer-events-none text-gray-400\">\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <label for=\"pesan\" class=\"block text-sm font-medium text-gray-700 mb-2\">Detail Pesan <span class=\"text-red-500\">*<\/span><\/label>\r\n <textarea id=\"pesan\" rows=\"4\" required placeholder=\"Ceritakan kebutuhan kemasan Anda (jumlah pesanan, ukuran, dll)...\" \r\n class=\"w-full px-5 py-3.5 bg-gray-50 border border-gray-200 rounded-xl focus:outline-none focus:border-brand-primary focus:ring-2 focus:ring-brand-primary\/20 transition-all text-gray-700 resize-none\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" \r\n class=\"w-full inline-flex items-center justify-center gap-3 bg-brand-primary hover:bg-brand-dark text-white px-8 py-4 rounded-xl font-semibold text-lg transition-all duration-300 shadow-lg hover:shadow-xl hover:-translate-y-1\">\r\n <i class=\"fab fa-whatsapp text-xl\"><\/i>\r\n <span>Kirim via WhatsApp<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-16 bg-white relative border-t border-gray-100\">\r\n <div class=\"max-w-7xl mx-auto px-6 sm:px-12 lg:px-8 text-center\">\r\n <h2 class=\"text-2xl md:text-3xl font-bold text-brand-dark mb-10\">Temukan Kami di Peta<\/h2>\r\n \r\n <div class=\"relative w-full h-[400px] lg:h-[500px] rounded-[2rem] overflow-hidden shadow-[0_20px_50px_rgba(0,0,0,0.15)] border border-gray-100 group\">\r\n \r\n <div class=\"absolute inset-0 bg-brand-primary\/10 pointer-events-none group-hover:bg-transparent transition-colors duration-500 z-10\"><\/div>\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3966.916651525234!2d106.73635949999999!3d-6.141897900000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69f70c26ea94b5%3A0x9f070aadfd998e4e!2sWILDES%20PACKAGING%20JAKARTA!5e0!3m2!1sid!2sid!4v1792394601698!5m2!1sid!2sid\" \r\n class=\"w-full h-full\" \r\n style=\"border:0;\" \r\n allowfullscreen=\"\" \r\n loading=\"lazy\" \r\n referrerpolicy=\"strict-origin-when-cross-origin\">\r\n <\/iframe>\r\n \r\n \r\n <div class=\"absolute bottom-6 left-6 z-20 bg-white\/95 backdrop-blur-sm px-6 py-4 rounded-xl shadow-lg border border-gray-100 flex items-center gap-4\">\r\n <div class=\"w-10 h-10 bg-brand-primary text-white rounded-full flex items-center justify-center animate-bounce\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <div class=\"text-left\">\r\n <p class=\"font-bold text-brand-dark text-sm\">WILDES PACKAGING<\/p>\r\n <p class=\"text-xs text-gray-500\">Jakarta Barat<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const form = document.getElementById('contactForm');\r\n const waNumber = \"6289688304659\";\r\n\r\n form.addEventListener('submit', function(e) {\r\n e.preventDefault(); \/\/ Mencegah form reload page\r\n \r\n \/\/ Mengambil nilai input\r\n const nama = document.getElementById('nama').value.trim();\r\n const instansi = document.getElementById('instansi').value.trim() || \"-\";\r\n const layanan = document.getElementById('layanan').value;\r\n const pesan = document.getElementById('pesan').value.trim();\r\n\r\n \/\/ Menyusun Format Pesan WhatsApp\r\n const textWa = `Halo WILDES PACKAGING,%0A%0ASaya ingin berkonsultasi mengenai pembuatan kemasan. Berikut data saya:%0A%0A*Nama:* ${nama}%0A*Brand\/Instansi:* ${instansi}%0A*Tertarik Pada:* ${layanan}%0A*Detail Pesan:*%0A${pesan}%0A%0AMohon info lebih lanjut. Terima kasih.`;\r\n\r\n \/\/ URL Tujuan WhatsApp\r\n const waUrl = `https:\/\/wa.me\/${waNumber}?text=${textWa}`;\r\n\r\n \/\/ Membuka WhatsApp di tab baru\r\n window.open(waUrl, '_blank');\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hubungi Kami – WILDES PACKAGING WILDES. Beranda Katalog Layanan Pelanggan Hubungi Kami Kami siap membantu Anda mewujudkan kemasan kosmetik dan […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"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":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","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-69","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/creatsigndev.com\/Willy\/wp-json\/wp\/v2\/pages\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creatsigndev.com\/Willy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/creatsigndev.com\/Willy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/creatsigndev.com\/Willy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creatsigndev.com\/Willy\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":4,"href":"https:\/\/creatsigndev.com\/Willy\/wp-json\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/creatsigndev.com\/Willy\/wp-json\/wp\/v2\/pages\/69\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/creatsigndev.com\/Willy\/wp-json\/wp\/v2\/media?parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n Hubungi Kami - WILDES PACKAGING<\/title>\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Poppins', 'sans-serif'],\r\n },\r\n colors: {\r\n brand: {\r\n dark: '#0a2e1b', \r\n primary: '#165c37', \r\n light: '#2a945d', \r\n accent: '#e6c875' \r\n },\r\n whatsapp: {\r\n default: '#25D366',\r\n hover: '#128C7E'\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #f8fafc;\r\n overflow-x: hidden;\r\n }\r\n \r\n .fade-in {\r\n animation: fadeIn 1s ease-in forwards;\r\n }\r\n \r\n .slide-up {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n animation: slideUp 0.8s ease-out forwards;\r\n }\r\n\r\n .delay-200 { animation-delay: 0.2s; }\r\n .delay-400 { animation-delay: 0.4s; }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n\r\n @keyframes slideUp {\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* Custom Input Autofill styling *\/\r\n input:-webkit-autofill,\r\n textarea:-webkit-autofill {\r\n -webkit-box-shadow: 0 0 0 30px white inset !important;\r\n -webkit-text-fill-color: #333 !important;\r\n }\r\n <\/style>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"ContactPage\",\r\n \"name\": \"Hubungi WILDES PACKAGING\",\r\n \"description\": \"Halaman kontak resmi WILDES PACKAGING JAKARTA.\",\r\n \"url\": \"https:\/\/wildespackaging.com\/contact\",\r\n \"mainEntity\": {\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"WILDES PACKAGING JAKARTA\",\r\n \"image\": \"https:\/\/creatsigndev.com\/Willy\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-19-at-13.03.16.webp\",\r\n \"telephone\": \"+6289688304659\",\r\n \"email\": \"wildessuksesindonesia@gmail.com\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"streetAddress\": \"Rukan Boulevard, Jl. Taman Palem Mutiara No.28 Blok i-1\",\r\n \"addressLocality\": \"Cengkareng\",\r\n \"addressRegion\": \"Jakarta Barat\",\r\n \"postalCode\": \"11730\",\r\n \"addressCountry\": \"ID\"\r\n }\r\n }\r\n }\r\n <\/script>\r\n<\/head>\r\n<body class=\"antialiased\">\r\n\r\n <nav class=\"absolute top-0 left-0 w-full z-50 px-6 py-6 lg:px-12 flex justify-between items-center bg-gradient-to-b from-black\/60 to-transparent\">\r\n <div class=\"text-white font-bold text-2xl tracking-wider\">\r\n WILDES<span class=\"text-brand-accent\">.<\/span>\r\n <\/div>\r\n <div class=\"flex gap-6\">\r\n <a href=\"index.html\" class=\"text-white hover:text-brand-accent transition-colors duration-300 text-sm font-medium flex items-center gap-2\">\r\n <i class=\"fas fa-home\"><\/i> Beranda\r\n <\/a>\r\n <a href=\"products.html\" class=\"text-white hover:text-brand-accent transition-colors duration-300 text-sm font-medium hidden md:flex items-center gap-2\">\r\n Katalog\r\n <\/a>\r\n <\/div>\r\n <\/nav>\r\n\r\n <section class=\"relative w-full h-[45vh] min-h-[350px] flex items-center justify-center overflow-hidden bg-brand-dark\">\r\n \r\n <div class=\"absolute inset-0 bg-cover bg-center bg-no-repeat opacity-30 transform scale-105\" \r\n style=\"background-image: url('https:\/\/creatsigndev.com\/Willy\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-19-at-13.20.05.webp');\">\r\n <\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-50 via-brand-dark\/80 to-brand-dark\/90\"><\/div>\r\n \r\n \r\n <div class=\"relative z-10 text-center px-6 mt-16 slide-up\">\r\n <span class=\"inline-block py-1 px-3 rounded-full bg-brand-light\/20 border border-brand-light\/50 text-brand-accent text-sm font-semibold tracking-[0.2em] uppercase mb-4 shadow-sm\">\r\n Layanan Pelanggan\r\n <\/span>\r\n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-4 leading-tight\">\r\n Hubungi <span class=\"text-brand-light\">Kami<\/span>\r\n <\/h1>\r\n <p class=\"text-gray-300 max-w-2xl mx-auto text-lg leading-relaxed\">\r\n Kami siap membantu Anda mewujudkan kemasan kosmetik dan skincare impian. Konsultasikan kebutuhan Anda bersama tim ahli kami.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-16 md:py-24 bg-slate-50 relative\">\r\n <div class=\"max-w-7xl mx-auto px-6 sm:px-12 lg:px-8 relative z-10\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20\">\r\n \r\n \r\n <div class=\"slide-up delay-200\">\r\n <div class=\"flex items-center gap-3 mb-4\">\r\n <span class=\"w-10 h-0.5 bg-brand-accent\"><\/span>\r\n <span class=\"text-brand-primary font-semibold tracking-widest uppercase text-sm\">Informasi Kontak<\/span>\r\n <\/div>\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-brand-dark mb-8 leading-tight\">\r\n Mari Berdiskusi Lebih <span class=\"text-brand-light\">Dekat<\/span>\r\n <\/h2>\r\n \r\n <div class=\"space-y-8\">\r\n \r\n <div class=\"flex items-start gap-5 p-6 bg-white rounded-2xl shadow-[0_4px_20px_rgba(0,0,0,0.03)] border border-gray-100 hover:border-brand-primary\/30 hover:shadow-lg transition-all duration-300 group\">\r\n <div class=\"w-14 h-14 rounded-xl bg-brand-primary\/10 flex items-center justify-center text-brand-primary shrink-0 group-hover:bg-brand-primary group-hover:text-white transition-colors duration-300\">\r\n <i class=\"fas fa-building text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-bold text-brand-dark mb-2\">Head Office<\/h4>\r\n <p class=\"text-gray-600 text-sm leading-relaxed\">\r\n Rukan Boulevard, Jl. Taman Palem Mutiara No.28 Blok i-1, RT.4\/RW.14, Cengkareng Tim., Kec. Cengkareng, Kota Jakarta Barat, 11730\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex items-start gap-5 p-6 bg-white rounded-2xl shadow-[0_4px_20px_rgba(0,0,0,0.03)] border border-gray-100 hover:border-brand-primary\/30 hover:shadow-lg transition-all duration-300 group\">\r\n <div class=\"w-14 h-14 rounded-xl bg-brand-primary\/10 flex items-center justify-center text-brand-primary shrink-0 group-hover:bg-brand-primary group-hover:text-white transition-colors duration-300\">\r\n <i class=\"fas fa-industry text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-bold text-brand-dark mb-2\">Workshop Produksi<\/h4>\r\n <p class=\"text-gray-600 text-sm leading-relaxed\">\r\n Jl. Pemda Tigaraksa No.1, Pergudangan Bizpoint, Blok Jakarta No. 66-68, Sukamulya, Kec. Cikupa, Tangerang, Indonesia\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\r\n \r\n <div class=\"p-6 bg-white rounded-2xl shadow-[0_4px_20px_rgba(0,0,0,0.03)] border border-gray-100 flex flex-col items-start hover:border-brand-primary\/30 transition-colors\">\r\n <div class=\"w-10 h-10 rounded-full bg-brand-light\/10 text-brand-light flex items-center justify-center mb-4\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <h4 class=\"font-bold text-brand-dark mb-1\">Email<\/h4>\r\n <a href=\"mailto:wildessuksesindonesia@gmail.com\" class=\"text-gray-500 hover:text-brand-primary text-sm break-all\">\r\n wildessuksesindonesia@gmail.com\r\n <\/a>\r\n <\/div>\r\n \r\n <div class=\"p-6 bg-white rounded-2xl shadow-[0_4px_20px_rgba(0,0,0,0.03)] border border-gray-100 flex flex-col items-start hover:border-brand-primary\/30 transition-colors\">\r\n <div class=\"w-10 h-10 rounded-full bg-whatsapp-default\/10 text-whatsapp-default flex items-center justify-center mb-4\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/div>\r\n <h4 class=\"font-bold text-brand-dark mb-1\">WhatsApp<\/h4>\r\n <a href=\"https:\/\/wa.me\/6289688304659\" class=\"text-gray-500 hover:text-brand-primary text-sm\">\r\n +62 896 8830 4659\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"slide-up delay-400\">\r\n <div class=\"bg-white p-8 md:p-10 rounded-[2rem] shadow-[0_20px_50px_rgba(22,92,55,0.08)] border border-gray-100 relative overflow-hidden\">\r\n \r\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-brand-accent\/10 rounded-bl-full pointer-events-none\"><\/div>\r\n \r\n <h3 class=\"text-2xl font-bold text-brand-dark mb-2 relative z-10\">Kirim Pesan Cepat<\/h3>\r\n <p class=\"text-gray-500 text-sm mb-8 relative z-10\">Isi form di bawah ini dan kami akan meresponnya langsung melalui WhatsApp Anda.<\/p>\r\n\r\n <form id=\"contactForm\" class=\"space-y-6 relative z-10\">\r\n <div>\r\n <label for=\"nama\" class=\"block text-sm font-medium text-gray-700 mb-2\">Nama Lengkap <span class=\"text-red-500\">*<\/span><\/label>\r\n <input type=\"text\" id=\"nama\" required placeholder=\"Masukkan nama Anda\" \r\n class=\"w-full px-5 py-3.5 bg-gray-50 border border-gray-200 rounded-xl focus:outline-none focus:border-brand-primary focus:ring-2 focus:ring-brand-primary\/20 transition-all text-gray-700\">\r\n <\/div>\r\n \r\n <div>\r\n <label for=\"instansi\" class=\"block text-sm font-medium text-gray-700 mb-2\">Nama Brand \/ Perusahaan<\/label>\r\n <input type=\"text\" id=\"instansi\" placeholder=\"Opsional\" \r\n class=\"w-full px-5 py-3.5 bg-gray-50 border border-gray-200 rounded-xl focus:outline-none focus:border-brand-primary focus:ring-2 focus:ring-brand-primary\/20 transition-all text-gray-700\">\r\n <\/div>\r\n\r\n <div>\r\n <label for=\"layanan\" class=\"block text-sm font-medium text-gray-700 mb-2\">Tertarik Pada Layanan <span class=\"text-red-500\">*<\/span><\/label>\r\n <div class=\"relative\">\r\n <select id=\"layanan\" required class=\"w-full px-5 py-3.5 bg-gray-50 border border-gray-200 rounded-xl focus:outline-none focus:border-brand-primary focus:ring-2 focus:ring-brand-primary\/20 transition-all text-gray-700 appearance-none\">\r\n <option value=\"\" disabled selected>Pilih jenis kemasan...<\/option>\r\n <option value=\"Tube Kosmetik\">Tube Kosmetik<\/option>\r\n <option value=\"Jar \/ Pot Cream\">Jar \/ Pot Cream<\/option>\r\n <option value=\"Botol Kosmetik (Pump\/Spray)\">Botol Kosmetik (Pump\/Spray)<\/option>\r\n <option value=\"Botol Parfum\">Botol Parfum<\/option>\r\n <option value=\"Box \/ Kardus Kemasan\">Box \/ Kardus Kemasan<\/option>\r\n <option value=\"Konsultasi Desain\">Konsultasi Desain<\/option>\r\n <option value=\"Lainnya\">Lainnya<\/option>\r\n <\/select>\r\n <div class=\"absolute inset-y-0 right-0 flex items-center px-5 pointer-events-none text-gray-400\">\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <label for=\"pesan\" class=\"block text-sm font-medium text-gray-700 mb-2\">Detail Pesan <span class=\"text-red-500\">*<\/span><\/label>\r\n <textarea id=\"pesan\" rows=\"4\" required placeholder=\"Ceritakan kebutuhan kemasan Anda (jumlah pesanan, ukuran, dll)...\" \r\n class=\"w-full px-5 py-3.5 bg-gray-50 border border-gray-200 rounded-xl focus:outline-none focus:border-brand-primary focus:ring-2 focus:ring-brand-primary\/20 transition-all text-gray-700 resize-none\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" \r\n class=\"w-full inline-flex items-center justify-center gap-3 bg-brand-primary hover:bg-brand-dark text-white px-8 py-4 rounded-xl font-semibold text-lg transition-all duration-300 shadow-lg hover:shadow-xl hover:-translate-y-1\">\r\n <i class=\"fab fa-whatsapp text-xl\"><\/i>\r\n <span>Kirim via WhatsApp<\/span>\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-16 bg-white relative border-t border-gray-100\">\r\n <div class=\"max-w-7xl mx-auto px-6 sm:px-12 lg:px-8 text-center\">\r\n <h2 class=\"text-2xl md:text-3xl font-bold text-brand-dark mb-10\">Temukan Kami di Peta<\/h2>\r\n \r\n <div class=\"relative w-full h-[400px] lg:h-[500px] rounded-[2rem] overflow-hidden shadow-[0_20px_50px_rgba(0,0,0,0.15)] border border-gray-100 group\">\r\n \r\n <div class=\"absolute inset-0 bg-brand-primary\/10 pointer-events-none group-hover:bg-transparent transition-colors duration-500 z-10\"><\/div>\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3966.916651525234!2d106.73635949999999!3d-6.141897900000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69f70c26ea94b5%3A0x9f070aadfd998e4e!2sWILDES%20PACKAGING%20JAKARTA!5e0!3m2!1sid!2sid!4v1792394601698!5m2!1sid!2sid\" \r\n class=\"w-full h-full\" \r\n style=\"border:0;\" \r\n allowfullscreen=\"\" \r\n loading=\"lazy\" \r\n referrerpolicy=\"strict-origin-when-cross-origin\">\r\n <\/iframe>\r\n \r\n \r\n <div class=\"absolute bottom-6 left-6 z-20 bg-white\/95 backdrop-blur-sm px-6 py-4 rounded-xl shadow-lg border border-gray-100 flex items-center gap-4\">\r\n <div class=\"w-10 h-10 bg-brand-primary text-white rounded-full flex items-center justify-center animate-bounce\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <div class=\"text-left\">\r\n <p class=\"font-bold text-brand-dark text-sm\">WILDES PACKAGING<\/p>\r\n <p class=\"text-xs text-gray-500\">Jakarta Barat<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const form = document.getElementById('contactForm');\r\n const waNumber = \"6289688304659\";\r\n\r\n form.addEventListener('submit', function(e) {\r\n e.preventDefault(); \/\/ Mencegah form reload page\r\n \r\n \/\/ Mengambil nilai input\r\n const nama = document.getElementById('nama').value.trim();\r\n const instansi = document.getElementById('instansi').value.trim() || \"-\";\r\n const layanan = document.getElementById('layanan').value;\r\n const pesan = document.getElementById('pesan').value.trim();\r\n\r\n \/\/ Menyusun Format Pesan WhatsApp\r\n const textWa = `Halo WILDES PACKAGING,%0A%0ASaya ingin berkonsultasi mengenai pembuatan kemasan. Berikut data saya:%0A%0A*Nama:* ${nama}%0A*Brand\/Instansi:* ${instansi}%0A*Tertarik Pada:* ${layanan}%0A*Detail Pesan:*%0A${pesan}%0A%0AMohon info lebih lanjut. Terima kasih.`;\r\n\r\n \/\/ URL Tujuan WhatsApp\r\n const waUrl = `https:\/\/wa.me\/${waNumber}?text=${textWa}`;\r\n\r\n \/\/ Membuka WhatsApp di tab baru\r\n window.open(waUrl, '_blank');\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hubungi Kami – WILDES PACKAGING WILDES. Beranda Katalog Layanan Pelanggan Hubungi Kami Kami siap membantu Anda mewujudkan kemasan kosmetik dan […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"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":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","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-69","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/creatsigndev.com\/Willy\/wp-json\/wp\/v2\/pages\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creatsigndev.com\/Willy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/creatsigndev.com\/Willy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/creatsigndev.com\/Willy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creatsigndev.com\/Willy\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":4,"href":"https:\/\/creatsigndev.com\/Willy\/wp-json\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/creatsigndev.com\/Willy\/wp-json\/wp\/v2\/pages\/69\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/creatsigndev.com\/Willy\/wp-json\/wp\/v2\/media?parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}