{"id":53,"date":"2026-10-19T07:41:04","date_gmt":"2026-10-19T07:41:04","guid":{"rendered":"https:\/\/creatsigndev.com\/Willy\/?page_id=53"},"modified":"2026-10-19T07:44:07","modified_gmt":"2026-10-19T07:44:07","slug":"services","status":"publish","type":"page","link":"https:\/\/creatsigndev.com\/Willy\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"53\" class=\"elementor elementor-53\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abdaff9 e-con e-atomic-element e-flexbox-base e-default-div e-33b74d8 \" data-id=\"abdaff9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"abdaff9\">\n    \t\t<div class=\"elementor-element elementor-element-a339d5a elementor-widget elementor-widget-html\" data-id=\"a339d5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta name=\"description\" content=\"Layanan custom kemasan kosmetik dan skincare premium dari WILDES PACKAGING. Dari desain 3D hingga cetak finishing eksklusif.\">\r\n    <title>Layanan Kami - WILDES PACKAGING<\/title>\r\n    \r\n    <!-- Memuat Google Fonts: Poppins -->\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    <!-- Memuat Font Awesome -->\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    <!-- Memuat Tailwind CSS -->\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',     \/\/ Hijau gelap\r\n                            primary: '#165c37',  \/\/ Hijau utama\r\n                            light: '#2a945d',    \/\/ Hijau terang\r\n                            accent: '#e6c875'    \/\/ Aksen emas\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        \/* Efek Fade In *\/\r\n        .fade-in {\r\n            animation: fadeIn 1s ease-in forwards;\r\n        }\r\n        \r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(20px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        \/* Styling spesifik untuk garis penghubung langkah kerja (Desktop) *\/\r\n        @media (min-width: 768px) {\r\n            .step-connector::after {\r\n                content: '';\r\n                position: absolute;\r\n                top: 30px;\r\n                right: -50%;\r\n                width: 100%;\r\n                height: 2px;\r\n                background-image: linear-gradient(to right, #165c37 0%, transparent 100%);\r\n                z-index: -1;\r\n            }\r\n            .step-item:last-child .step-connector::after {\r\n                display: none;\r\n            }\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\": \"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      \"@id\": \"https:\/\/wildespackaging.com\",\r\n      \"url\": \"https:\/\/wildespackaging.com\",\r\n      \"telephone\": \"+6289688304659\",\r\n      \"email\": \"wildessuksesindonesia@gmail.com\",\r\n      \"description\": \"Supplier custom kemasan kosmetik atau skincare yang memberikan solusi kepada beautypreneur untuk membuat kemasan eksklusif dengan kualitas cetak terbaik.\",\r\n      \"address\": {\r\n        \"@type\": \"PostalAddress\",\r\n        \"streetAddress\": \"Rukan Boulevard, Jl. Taman Palem Mutiara No.28 Blok i-1, RT.4\/RW.14\",\r\n        \"addressLocality\": \"Cengkareng\",\r\n        \"addressRegion\": \"Jakarta Barat\",\r\n        \"postalCode\": \"11730\",\r\n        \"addressCountry\": \"ID\"\r\n      },\r\n      \"geo\": {\r\n        \"@type\": \"GeoCoordinates\",\r\n        \"latitude\": -6.1418979,\r\n        \"longitude\": 106.7363595\r\n      },\r\n      \"sameAs\": [\r\n        \"https:\/\/maps.app.goo.gl\/6ot4GXFggwJDtbNh8\"\r\n      ],\r\n      \"priceRange\": \"$$\",\r\n      \"makesOffer\": [\r\n        {\r\n          \"@type\": \"Offer\",\r\n          \"itemOffered\": {\r\n            \"@type\": \"Service\",\r\n            \"name\": \"Custom Desain Kemasan Kosmetik\"\r\n          }\r\n        },\r\n        {\r\n          \"@type\": \"Offer\",\r\n          \"itemOffered\": {\r\n            \"@type\": \"Service\",\r\n            \"name\": \"Cetak Kemasan Skincare Premium\"\r\n          }\r\n        }\r\n      ]\r\n    }\r\n    <\/script>\r\n<\/head>\r\n<body class=\"antialiased\">\r\n\r\n    <!-- Navbar Sederhana -->\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=\"about.html\" class=\"text-white hover:text-brand-accent transition-colors duration-300 text-sm font-medium flex items-center gap-2\">\r\n                Tentang Kami\r\n            <\/a>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <!-- Page Header (Hero Banner) -->\r\n    <section class=\"relative w-full h-[55vh] min-h-[450px] flex items-center justify-center overflow-hidden bg-brand-dark\">\r\n        <!-- Background Image -->\r\n        <div class=\"absolute inset-0 bg-cover bg-center bg-no-repeat opacity-40 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.25.36.webp');\">\r\n        <\/div>\r\n        <!-- Gradient Overlay -->\r\n        <div class=\"absolute inset-0 bg-gradient-to-t from-brand-dark via-brand-dark\/70 to-transparent\"><\/div>\r\n        \r\n        <!-- Konten Judul -->\r\n        <div class=\"relative z-10 text-center px-6 mt-16 fade-in max-w-4xl mx-auto\">\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                Solusi End-to-End\r\n            <\/span>\r\n            <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-6 leading-tight\">\r\n                Layanan <span class=\"text-brand-light\">Custom Kemasan<\/span> Profesional\r\n            <\/h1>\r\n            <p class=\"text-gray-300 max-w-2xl mx-auto text-lg mb-8 leading-relaxed\">\r\n                Kami menyediakan ekosistem produksi yang lengkap. Dari coretan ide di atas kertas hingga kemasan mewah yang siap memikat hati pelanggan Anda.\r\n            <\/p>\r\n            <!-- CTA Button di Hero -->\r\n            <a href=\"https:\/\/wa.me\/6289688304659?text=Halo,%20WILDES%20PACKAGING.%20Saya%20ingin%20konsultasi%20layanan%20kemasan%20kosmetik.\" target=\"_blank\" \r\n               class=\"inline-flex items-center gap-3 bg-whatsapp-default hover:bg-whatsapp-hover text-white px-8 py-3.5 rounded-full font-semibold text-base transition-all duration-300 shadow-lg hover:-translate-y-1\">\r\n                <i class=\"fab fa-whatsapp text-xl\"><\/i>\r\n                <span>Mulai Konsultasi Gratis<\/span>\r\n            <\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Rincian Layanan Utama Section -->\r\n    <section class=\"py-20 md:py-28 bg-white relative\">\r\n        <div class=\"absolute top-0 right-0 w-80 h-80 bg-brand-light\/5 rounded-full blur-3xl -translate-y-1\/2 translate-x-1\/4 pointer-events-none\"><\/div>\r\n        <div class=\"absolute bottom-1\/4 left-0 w-64 h-64 bg-brand-accent\/5 rounded-full blur-3xl -translate-x-1\/2 pointer-events-none\"><\/div>\r\n        \r\n        <div class=\"max-w-7xl mx-auto px-6 sm:px-12 lg:px-8 relative z-10\">\r\n            \r\n            <!-- Judul Section -->\r\n            <div class=\"text-center mb-16 md:mb-24\">\r\n                <h2 class=\"text-3xl md:text-4xl lg:text-[2.5rem] font-bold text-brand-dark mb-4\">Layanan Unggulan Kami<\/h2>\r\n                <p class=\"text-gray-600 max-w-2xl mx-auto text-lg\">Setiap tahap dirancang untuk memberikan hasil dengan estetika tinggi dan durabilitas maksimal.<\/p>\r\n            <\/div>\r\n\r\n            <!-- List Layanan (Alternating Layout) -->\r\n            <div class=\"space-y-20 lg:space-y-32\">\r\n                \r\n                <!-- Layanan 1: Desain -->\r\n                <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center group\">\r\n                    <div class=\"order-2 lg:order-1 flex flex-col justify-center\">\r\n                        <div class=\"w-14 h-14 bg-brand-primary\/10 rounded-xl flex items-center justify-center text-brand-primary text-2xl mb-6\">\r\n                            <i class=\"fas fa-pen-nib\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-2xl md:text-3xl font-bold text-brand-dark mb-4\">1. Desain Grafis & Struktur (Prototyping)<\/h3>\r\n                        <p class=\"text-gray-600 text-lg leading-relaxed mb-6\">\r\n                            Belum punya desain? Tim desainer ahli kami siap membantu Anda memvisualisasikan identitas brand. Kami merancang tidak hanya grafis yang memukau (warna, tipografi, logo), tetapi juga struktur *die-cut* atau jaring-jaring box yang inovatif, kokoh, dan sesuai dengan bentuk wadah kosmetik Anda.\r\n                        <\/p>\r\n                        <ul class=\"space-y-3 text-gray-700 font-medium\">\r\n                            <li class=\"flex items-center gap-3\"><i class=\"fas fa-check text-brand-light\"><\/i> Pembuatan Mockup 3D<\/li>\r\n                            <li class=\"flex items-center gap-3\"><i class=\"fas fa-check text-brand-light\"><\/i> Pemilihan Struktur Kardus \/ Box<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"order-1 lg:order-2 relative rounded-[2rem] overflow-hidden shadow-2xl group-hover:shadow-[0_20px_50px_rgba(22,92,55,0.15)] transition-shadow duration-500\">\r\n                        <img decoding=\"async\" src=\"https:\/\/creatsigndev.com\/Willy\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-19-at-13.07.55.webp\" alt=\"Desain Kemasan Kosmetik\" class=\"w-full h-[350px] md:h-[450px] object-cover transform transition-transform duration-700 group-hover:scale-105\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Layanan 2: Produksi & Cetak -->\r\n                <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center group\">\r\n                    <div class=\"order-1 relative rounded-[2rem] overflow-hidden shadow-2xl group-hover:shadow-[0_20px_50px_rgba(22,92,55,0.15)] transition-shadow duration-500\">\r\n                        <img decoding=\"async\" src=\"https:\/\/creatsigndev.com\/Willy\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-19-at-13.03.16.webp\" alt=\"Cetak Kemasan Kosmetik Premium\" class=\"w-full h-[350px] md:h-[450px] object-cover transform transition-transform duration-700 group-hover:scale-105\">\r\n                    <\/div>\r\n                    <div class=\"order-2 flex flex-col justify-center lg:pl-10\">\r\n                        <div class=\"w-14 h-14 bg-brand-primary\/10 rounded-xl flex items-center justify-center text-brand-primary text-2xl mb-6\">\r\n                            <i class=\"fas fa-print\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-2xl md:text-3xl font-bold text-brand-dark mb-4\">2. Pemilihan Material & High-Res Printing<\/h3>\r\n                        <p class=\"text-gray-600 text-lg leading-relaxed mb-6\">\r\n                            Kualitas cetak adalah penentu kesan pertama produk Anda. Kami menggunakan mesin cetak beresolusi tinggi dengan akurasi warna yang presisi. Kami juga menyediakan berbagai pilihan kertas dan material *board* premium standar kosmetik yang aman dan berkelas.\r\n                        <\/p>\r\n                        <ul class=\"space-y-3 text-gray-700 font-medium\">\r\n                            <li class=\"flex items-center gap-3\"><i class=\"fas fa-check text-brand-light\"><\/i> Art Carton, Ivory, Corrugated Premium<\/li>\r\n                            <li class=\"flex items-center gap-3\"><i class=\"fas fa-check text-brand-light\"><\/i> Warna Akurat (CMYK & Pantone)<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Layanan 3: Finishing -->\r\n                <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center group\">\r\n                    <div class=\"order-2 lg:order-1 flex flex-col justify-center\">\r\n                        <div class=\"w-14 h-14 bg-brand-primary\/10 rounded-xl flex items-center justify-center text-brand-primary text-2xl mb-6\">\r\n                            <i class=\"fas fa-sparkles\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-2xl md:text-3xl font-bold text-brand-dark mb-4\">3. Special Finishing Eksklusif<\/h3>\r\n                        <p class=\"text-gray-600 text-lg leading-relaxed mb-6\">\r\n                            Tingkatkan nilai kemewahan (luxury) pada kemasan *skincare* Anda dengan sentuhan akhir khusus. Efek sentuhan dan kilauan visual akan memberikan *unboxing experience* yang tak terlupakan bagi konsumen.\r\n                        <\/p>\r\n                        <div class=\"grid grid-cols-2 gap-4 mt-2\">\r\n                            <div class=\"bg-gray-50 p-4 rounded-xl border border-gray-100\"><span class=\"font-bold text-brand-dark block mb-1\">Hot Foil<\/span> (Emas\/Perak berkilau)<\/div>\r\n                            <div class=\"bg-gray-50 p-4 rounded-xl border border-gray-100\"><span class=\"font-bold text-brand-dark block mb-1\">Emboss \/ Deboss<\/span> (Efek timbul\/tenggelam)<\/div>\r\n                            <div class=\"bg-gray-50 p-4 rounded-xl border border-gray-100\"><span class=\"font-bold text-brand-dark block mb-1\">Spot UV<\/span> (Kilap pada logo)<\/div>\r\n                            <div class=\"bg-gray-50 p-4 rounded-xl border border-gray-100\"><span class=\"font-bold text-brand-dark block mb-1\">Laminasi<\/span> (Doff Matte \/ Glossy)<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"order-1 lg:order-2 relative rounded-[2rem] overflow-hidden shadow-2xl group-hover:shadow-[0_20px_50px_rgba(22,92,55,0.15)] transition-shadow duration-500\">\r\n                        <img decoding=\"async\" src=\"https:\/\/creatsigndev.com\/Willy\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-19-at-13.09.10.webp\" alt=\"Finishing Kemasan Kosmetik\" class=\"w-full h-[350px] md:h-[450px] object-cover transform transition-transform duration-700 group-hover:scale-105\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Cara Kerja Section -->\r\n    <section class=\"py-20 bg-brand-dark relative overflow-hidden\">\r\n        <!-- Dekorasi -->\r\n        <div class=\"absolute inset-0 bg-[url('data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiMyYTk0NWQiIGZpbGwtb3BhY2l0eT0iMC4wNSI+PHBhdGggZD0iTTM2IDM0djIwaC0ydi0yMGgtMjB2LTJoMjB2LTIwaDJ2MjBoMjB2MmgvMjB6Ii8+PC9nPjwvZz48L3N2Zz4=')] opacity-50\"><\/div>\r\n\r\n        <div class=\"max-w-7xl mx-auto px-6 sm:px-12 lg:px-8 relative z-10 text-center\">\r\n            <h2 class=\"text-3xl md:text-4xl font-bold text-white mb-16\">Alur Kerja Bersama Kami<\/h2>\r\n            \r\n            <div class=\"grid grid-cols-1 md:grid-cols-4 gap-10 md:gap-4 relative\">\r\n                \r\n                <!-- Step 1 -->\r\n                <div class=\"step-item relative text-center px-4\">\r\n                    <div class=\"step-connector relative z-10 w-16 h-16 mx-auto bg-brand-primary rounded-2xl flex items-center justify-center text-white text-2xl font-bold mb-6 shadow-[0_0_20px_rgba(22,92,55,0.6)] transform rotate-3 hover:rotate-0 transition-transform\">\r\n                        1\r\n                    <\/div>\r\n                    <h4 class=\"text-brand-accent font-bold text-lg mb-2\">Konsultasi<\/h4>\r\n                    <p class=\"text-gray-400 text-sm leading-relaxed\">Diskusi ide, kebutuhan material, ukuran, dan estimasi harga melalui WhatsApp atau tatap muka.<\/p>\r\n                <\/div>\r\n                \r\n                <!-- Step 2 -->\r\n                <div class=\"step-item relative text-center px-4\">\r\n                    <div class=\"step-connector relative z-10 w-16 h-16 mx-auto bg-brand-primary rounded-2xl flex items-center justify-center text-white text-2xl font-bold mb-6 shadow-[0_0_20px_rgba(22,92,55,0.6)] transform rotate-3 hover:rotate-0 transition-transform\">\r\n                        2\r\n                    <\/div>\r\n                    <h4 class=\"text-brand-accent font-bold text-lg mb-2\">Prototyping<\/h4>\r\n                    <p class=\"text-gray-400 text-sm leading-relaxed\">Pembuatan desain visual dan mockup struktur (*dummy*) untuk memastikan ukuran sesuai dengan produk.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Step 3 -->\r\n                <div class=\"step-item relative text-center px-4\">\r\n                    <div class=\"step-connector relative z-10 w-16 h-16 mx-auto bg-brand-primary rounded-2xl flex items-center justify-center text-white text-2xl font-bold mb-6 shadow-[0_0_20px_rgba(22,92,55,0.6)] transform rotate-3 hover:rotate-0 transition-transform\">\r\n                        3\r\n                    <\/div>\r\n                    <h4 class=\"text-brand-accent font-bold text-lg mb-2\">Produksi Masal<\/h4>\r\n                    <p class=\"text-gray-400 text-sm leading-relaxed\">Proses cetak dan *finishing* secara presisi dan diawasi ketat *Quality Control*.<\/p>\r\n                <\/div>\r\n\r\n                <!-- Step 4 -->\r\n                <div class=\"step-item relative text-center px-4\">\r\n                    <div class=\"step-connector relative z-10 w-16 h-16 mx-auto bg-brand-primary rounded-2xl flex items-center justify-center text-white text-2xl font-bold mb-6 shadow-[0_0_20px_rgba(22,92,55,0.6)] transform rotate-3 hover:rotate-0 transition-transform\">\r\n                        <i class=\"fas fa-truck text-xl\"><\/i>\r\n                    <\/div>\r\n                    <h4 class=\"text-brand-accent font-bold text-lg mb-2\">Pengiriman<\/h4>\r\n                    <p class=\"text-gray-400 text-sm leading-relaxed\">Pengemasan aman berlapis agar barang sampai di tangan Anda dalam kondisi sempurna.<\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n            \r\n            <!-- CTA Button WhatsApp di Alur Kerja -->\r\n            <div class=\"mt-16\">\r\n                <a href=\"https:\/\/wa.me\/6289688304659?text=Halo,%20saya%20sudah%20melihat%20alur%20kerjanya%20dan%20ingin%20memulai%20pembuatan%20kemasan.\" target=\"_blank\" \r\n                   class=\"inline-flex items-center gap-3 bg-whatsapp-default hover:bg-whatsapp-hover text-white px-8 py-4 rounded-full font-semibold text-lg transition-all duration-300 shadow-[0_0_20px_rgba(37,211,102,0.4)] hover:shadow-[0_0_30px_rgba(37,211,102,0.6)] hover:-translate-y-1\">\r\n                    <i class=\"fab fa-whatsapp text-2xl\"><\/i>\r\n                    <span>Pesan Kemasan Anda Sekarang<\/span>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Call to Action & Contact Section -->\r\n    <section class=\"py-20 md:py-28 bg-brand-dark border-t border-white\/10 relative overflow-hidden\">\r\n        <!-- Elemen Dekoratif -->\r\n        <div class=\"absolute top-0 left-0 w-96 h-96 bg-brand-light\/10 rounded-full blur-3xl -translate-y-1\/2 -translate-x-1\/2\"><\/div>\r\n        <div class=\"absolute bottom-0 right-0 w-80 h-80 bg-brand-accent\/5 rounded-full blur-3xl translate-y-1\/2 translate-x-1\/3\"><\/div>\r\n        \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-16 items-center\">\r\n                \r\n                <!-- Kolom Kiri: Informasi Kontak & Tombol -->\r\n                <div class=\"flex flex-col text-white\">\r\n                    <div class=\"flex items-center gap-3 mb-4\">\r\n                        <span class=\"w-12 h-0.5 bg-brand-accent\"><\/span>\r\n                        <span class=\"text-brand-accent font-semibold tracking-widest uppercase text-sm\">Hubungi Kami<\/span>\r\n                    <\/div>\r\n                    \r\n                    <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-bold leading-tight mb-6\">\r\n                        Mari Berkolaborasi Mewujudkan <span class=\"text-brand-light\">Kemasan Impian Anda<\/span>\r\n                    <\/h2>\r\n                    \r\n                    <p class=\"text-gray-300 text-lg mb-10 leading-relaxed max-w-lg\">\r\n                        Kunjungi kantor atau workshop kami untuk berdiskusi langsung, atau hubungi kami secara online untuk konsultasi cepat.\r\n                    <\/p>\r\n\r\n                    <!-- List Informasi Kontak -->\r\n                    <div class=\"space-y-8 mb-10\">\r\n                        <!-- Office -->\r\n                        <div class=\"flex items-start gap-5 group\">\r\n                            <div class=\"w-12 h-12 rounded-xl bg-white\/5 border border-white\/10 flex items-center justify-center text-brand-accent shrink-0 group-hover:bg-brand-accent group-hover:text-brand-dark transition-all duration-300\">\r\n                                <i class=\"fas fa-building text-xl\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"text-lg font-bold text-white mb-2\">Head Office<\/h4>\r\n                                <p class=\"text-gray-400 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, Daerah Khusus Ibukota Jakarta 11730\r\n                                <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Workshop -->\r\n                        <div class=\"flex items-start gap-5 group\">\r\n                            <div class=\"w-12 h-12 rounded-xl bg-white\/5 border border-white\/10 flex items-center justify-center text-brand-accent shrink-0 group-hover:bg-brand-accent group-hover:text-brand-dark transition-all duration-300\">\r\n                                <i class=\"fas fa-industry text-xl\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"text-lg font-bold text-white mb-2\">Workshop<\/h4>\r\n                                <p class=\"text-gray-400 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                        <!-- Email -->\r\n                        <div class=\"flex items-start gap-5 group\">\r\n                            <div class=\"w-12 h-12 rounded-xl bg-white\/5 border border-white\/10 flex items-center justify-center text-brand-accent shrink-0 group-hover:bg-brand-accent group-hover:text-brand-dark transition-all duration-300\">\r\n                                <i class=\"fas fa-envelope text-xl\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4 class=\"text-lg font-bold text-white mb-2\">Email<\/h4>\r\n                                <a href=\"mailto:wildessuksesindonesia@gmail.com\" class=\"text-brand-light hover:text-white transition-colors duration-300 text-sm\">\r\n                                    wildessuksesindonesia@gmail.com\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- CTA Button Footer -->\r\n                    <div>\r\n                        <a href=\"https:\/\/wa.me\/6289688304659?text=Halo,%20WILDES%20PACKAGING.%20Saya%20tertarik%20untuk%20konsultasi%20pembuatan%20custom%20kemasan.\" target=\"_blank\" \r\n                           class=\"inline-flex items-center gap-3 bg-whatsapp-default hover:bg-whatsapp-hover text-white px-8 py-4 rounded-full font-semibold text-lg transition-all duration-300 shadow-[0_0_20px_rgba(37,211,102,0.3)] hover:shadow-[0_0_30px_rgba(37,211,102,0.5)] hover:-translate-y-1\">\r\n                            <i class=\"fab fa-whatsapp text-2xl\"><\/i>\r\n                            <span>Hubungi via WhatsApp<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Kolom Kanan: Google Maps -->\r\n                <div class=\"relative w-full h-[400px] lg:h-[550px] rounded-3xl overflow-hidden shadow-[0_20px_50px_rgba(0,0,0,0.3)] border border-white\/10 group\">\r\n                    <div class=\"absolute inset-0 bg-brand-primary\/20 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                <\/div>\r\n                \r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\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>WILDES. Beranda Tentang Kami Solusi End-to-End Layanan Custom Kemasan Profesional Kami menyediakan ekosistem produksi yang lengkap. Dari coretan ide di [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","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-53","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/creatsigndev.com\/Willy\/wp-json\/wp\/v2\/pages\/53","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=53"}],"version-history":[{"count":6,"href":"https:\/\/creatsigndev.com\/Willy\/wp-json\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":59,"href":"https:\/\/creatsigndev.com\/Willy\/wp-json\/wp\/v2\/pages\/53\/revisions\/59"}],"wp:attachment":[{"href":"https:\/\/creatsigndev.com\/Willy\/wp-json\/wp\/v2\/media?parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}