{"id":5341,"date":"2025-12-08T05:48:01","date_gmt":"2025-12-08T05:48:01","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5341"},"modified":"2025-12-08T05:48:01","modified_gmt":"2025-12-08T05:48:01","slug":"pre-sales-service","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/id\/service\/pre-sales-service\/","title":{"rendered":"Layanan Pra-Penjualan"},"content":{"rendered":"<div class=\"lemonx-visual-block\" data-block-id=\"4\">\n<div class=\"presales-services-content\">\n<div class=\"content-container\">\n        <!-- Header Section --><\/p>\n<div class=\"content-header\">\n<h1 class=\"section-title\">Layanan Pra-Penjualan LANDU<\/h1>\n<p class=\"section-subtitle\">Keahlian, Pengujian &amp; Dukungan Global<\/p>\n<div class=\"header-description\">\n<p>Di LANDU, kami percaya kemitraan yang kuat dimulai jauh sebelum pesanan pertama. Layanan pra-penjualan kami yang komprehensif memastikan Anda mendapatkan panduan ahli, pengujian yang andal, dan dukungan tanpa hambatan yang disesuaikan dengan kebutuhan aplikasi spesifik Anda.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Service 1: Technical Expertise --><\/p>\n<div class=\"service-section\">\n<div class=\"service-content\">\n<div class=\"service-text\">\n<h2 class=\"service-title\">1. Keahlian Teknis &amp; Kustomisasi<\/h2>\n<p class=\"service-description\">Our technical consultation is at the core of our service. LANDU&#8217;s specialists work closely with you to select the most suitable cellulose ether, RDP, or related products for your industry\u2014whether construction, paints, coatings, or beyond.<\/p>\n<div class=\"service-features\">\n<div class=\"feature-item\">\n<div class=\"feature-bullet\"><\/div>\n<p>                            <span>Solusi yang disesuaikan untuk viskositas, kelarutan, waktu terbuka, dan spesifikasi utama lainnya.<\/span>\n                        <\/div>\n<div class=\"feature-item\">\n<div class=\"feature-bullet\"><\/div>\n<p>                            <span>Kustomisasi yang fleksibel untuk memenuhi kebutuhan formulasi unik.<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"service-image\">\n                    <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landu-Professional-Service-Meeting.jpg\" alt=\"Pertemuan Layanan Profesional LANDU\"><\/p>\n<div class=\"image-caption\">Konsultasi Teknis Profesional<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"service-section reverse\">\n<div class=\"service-content\">\n<div class=\"service-image\">\n            <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-advanced-equipment-in-application-lab.jpg\" alt=\"Peralatan Canggih LANDU di Laboratorium Aplikasi\"><\/p>\n<div class=\"image-caption\">Peralatan Laboratorium Canggih<\/div>\n<\/p><\/div>\n<div class=\"service-text\">\n<h2 class=\"service-title\">2. Sampel Gratis &amp; Pengujian Kinerja<\/h2>\n<p class=\"service-description\">Kami menyediakan sampel produk gratis agar Anda dapat mengevaluasi kinerja dalam aplikasi nyata. Setiap sampel didukung dengan panduan rinci dan instruksi aplikasi untuk pengujian yang akurat.<\/p>\n<div class=\"service-features\">\n<div class=\"feature-item\">\n<div class=\"feature-bullet\"><\/div>\n<p>                    <span>Pengujian laboratorium internal tersedia untuk analisis yang lebih mendalam.<\/span>\n                <\/div>\n<div class=\"feature-item\">\n<div class=\"feature-bullet\"><\/div>\n<p>                    <span>Laporan kinerja lengkap dan rekomendasi dari ahli.<\/span>\n                <\/div>\n<\/p><\/div>\n<div class=\"cta-highlight\">\n                <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-link\"><\/p>\n<p><strong><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udc49\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f449.svg\"> Hubungi para ahli kami hari ini untuk meminta sampel gratis Anda.<\/strong><\/p>\n<p>                <\/a>\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p>        <!-- Service 3: Knowledge Sharing --><\/p>\n<div class=\"service-section\">\n<div class=\"service-content\">\n<div class=\"service-text\">\n<h2 class=\"service-title\">3. Berbagi Pengetahuan &amp; Dokumentasi<\/h2>\n<p class=\"service-description\">Kami memberdayakan klien kami dengan pengetahuan untuk sukses:<\/p>\n<div class=\"service-features\">\n<div class=\"feature-item\">\n<div class=\"feature-bullet\"><\/div>\n<p>                            <span>Workshop, webinar, dan sesi pelatihan di lokasi.<\/span>\n                        <\/div>\n<div class=\"feature-item\">\n<div class=\"feature-bullet\"><\/div>\n<p>                            <span>Dokumentasi produk lengkap, termasuk TDS, SDS, dan COA untuk setiap produk.<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"service-image\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-physicochemical-and-application-laboratories.jpg\" alt=\"Laboratorium Fisikokimia dan Aplikasi LANDU\"><\/p>\n<div class=\"image-caption\">Laboratorium Fisikokimia &amp; Aplikasi<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Service 4: Logistics & Partnership --><\/p>\n<div class=\"service-section reverse\">\n<div class=\"service-content\">\n<div class=\"service-image\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/landu-professional-sales-person.jpg\" alt=\"Tenaga Penjualan Profesional LANDU\"><\/p>\n<div class=\"image-caption\">Tim Penjualan &amp; Kemitraan Profesional<\/div>\n<\/p><\/div>\n<div class=\"service-text\">\n<h2 class=\"service-title\">4. Logistik &amp; Pembangunan Kemitraan<\/h2>\n<p class=\"service-description\">LANDU mengelola seluruh proses logistik, mulai dari pengiriman internasional hingga dokumentasi bea cukai, memastikan pengiriman yang lancar dan tepat waktu.<\/p>\n<p class=\"service-description\">Kami juga mendorong kolaborasi jangka panjang melalui:<\/p>\n<div class=\"service-features\">\n<div class=\"feature-item\">\n<div class=\"feature-bullet\"><\/div>\n<p>                            <span>Kesempatan pengembangan bersama.<\/span>\n                        <\/div>\n<div class=\"feature-item\">\n<div class=\"feature-bullet\"><\/div>\n<p>                            <span>Ketentuan kemitraan yang fleksibel.<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Why Choose LANDU Section --><\/p>\n<div class=\"why-choose-section\">\n<div class=\"why-choose-content\">\n<h2 class=\"subsection-title\">Mengapa Memilih Layanan Pra-Penjualan LANDU?<\/h2>\n<p class=\"why-choose-description\">Dengan menggabungkan keahlian teknis, pengujian yang andal, berbagi pengetahuan, dan logistik global, LANDU menempatkan dirinya sebagai mitra terpercaya. Pendekatan kami membantu Anda membuat keputusan yang tepat dan meletakkan dasar untuk keberhasilan bisnis yang berkelanjutan dan jangka panjang.<\/p>\n<div class=\"benefits-grid\">\n<div class=\"benefit-card\">\n<div class=\"benefit-icon expertise-icon\">\n<div class=\"expertise-brain\"><\/div>\n<div class=\"expertise-pulse\"><\/div>\n<\/p><\/div>\n<h3>Keahlian Teknis<\/h3>\n<p>Pengetahuan industri yang mendalam dan konsultasi khusus<\/p>\n<\/p><\/div>\n<div class=\"benefit-card\">\n<div class=\"benefit-icon testing-icon\">\n<div class=\"testing-flask\"><\/div>\n<div class=\"testing-bubbles\"><\/div>\n<\/p><\/div>\n<h3>Pengujian yang Handal<\/h3>\n<p>Analisis laboratorium komprehensif dan validasi kinerja<\/p>\n<\/p><\/div>\n<div class=\"benefit-card\">\n<div class=\"benefit-icon knowledge-icon\">\n<div class=\"knowledge-book\"><\/div>\n<div class=\"knowledge-rays\"><\/div>\n<\/p><\/div>\n<h3>Berbagi Pengetahuan<\/h3>\n<p>Pelatihan, dokumentasi, dan dukungan berkelanjutan<\/p>\n<\/p><\/div>\n<div class=\"benefit-card\">\n<div class=\"benefit-icon logistics-icon\">\n<div class=\"logistics-globe\"><\/div>\n<div class=\"logistics-arrows\"><\/div>\n<\/p><\/div>\n<h3>Logistik Global<\/h3>\n<p>Pengiriman internasional tanpa hambatan dan dukungan bea cukai<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Contact Us Button --><\/p>\n<div class=\"contact-button-wrapper\">\n                    <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"contact-us-button\"><br \/>\n                        <span class=\"button-text\">Hubungi Kami<\/span><br \/>\n                        <span class=\"button-icon\">\u2192<\/span><br \/>\n                    <\/a>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n.presales-services-content {\n    background: linear-gradient(180deg, #f8fcff 0%, #ffffff 100%);\n    padding: 80px 0;\n    position: relative;\n    font-family: 'Arial', sans-serif;\n}<\/p>\n<p>.presales-services-content::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 10% 30%, rgba(64, 163, 163, 0.05) 0%, transparent 50%),\n        radial-gradient(circle at 90% 70%, rgba(44, 90, 160, 0.04) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.content-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 40px;\n    position: relative;\n    z-index: 1;\n}<\/p>\n<p>.content-header {\n    text-align: center;\n    margin-bottom: 80px;\n}<\/p>\n<p>.section-title {\n    font-size: 3.2rem;\n    font-weight: 700;\n    color: #0f3460;\n    margin-bottom: 15px;\n    line-height: 1.2;\n}<\/p>\n<p>.section-subtitle {\n    font-size: 1.6rem;\n    color: #40a3a3;\n    font-weight: 600;\n    margin-bottom: 30px;\n}<\/p>\n<p>.header-description {\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 30px;\n    background: linear-gradient(135deg, rgba(64, 163, 163, 0.08), rgba(15, 52, 96, 0.05));\n    border-radius: 20px;\n    border: 1px solid rgba(64, 163, 163, 0.1);\n}<\/p>\n<p>.header-description p {\n    font-size: 1.2rem;\n    line-height: 1.7;\n    color: #2c5aa0;\n    margin: 0;\n}<\/p>\n<p>\/* Service Sections *\/\n.service-section {\n    margin-bottom: 80px;\n}<\/p>\n<p>.service-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 50px;\n    align-items: center;\n    background: white;\n    padding: 50px;\n    border-radius: 25px;\n    box-shadow: 0 15px 40px rgba(15, 52, 96, 0.1);\n    border: 1px solid rgba(64, 163, 163, 0.1);\n}<\/p>\n<p>.service-section.reverse .service-content {\n    background: linear-gradient(135deg, rgba(64, 163, 163, 0.06), rgba(15, 52, 96, 0.03));\n}<\/p>\n<p>.service-section.reverse .service-text {\n    order: 2;\n}<\/p>\n<p>.service-section.reverse .service-image {\n    order: 1;\n}<\/p>\n<p>.service-title {\n    font-size: 2rem;\n    font-weight: 700;\n    color: #0f3460;\n    margin-bottom: 20px;\n    position: relative;\n    padding-bottom: 15px;\n}<\/p>\n<p>.service-title::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 50px;\n    height: 3px;\n    background: linear-gradient(45deg, #40a3a3, #ffa500);\n    border-radius: 2px;\n}<\/p>\n<p>.service-description {\n    font-size: 1.1rem;\n    line-height: 1.7;\n    color: #333;\n    margin-bottom: 25px;\n}<\/p>\n<p>.service-features {\n    margin-bottom: 25px;\n}<\/p>\n<p>.feature-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 15px;\n    margin-bottom: 15px;\n    padding: 12px;\n    background: rgba(64, 163, 163, 0.05);\n    border-radius: 10px;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.feature-item:hover {\n    background: rgba(64, 163, 163, 0.1);\n    transform: translateX(5px);\n}<\/p>\n<p>.feature-bullet {\n    width: 10px;\n    height: 10px;\n    background: linear-gradient(45deg, #40a3a3, #ffa500);\n    border-radius: 50%;\n    flex-shrink: 0;\n    margin-top: 5px;\n    position: relative;\n}<\/p>\n<p>.feature-bullet::after {\n    content: '';\n    width: 6px;\n    height: 6px;\n    background: white;\n    border-radius: 50%;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n}<\/p>\n<p>.feature-item span {\n    font-size: 1rem;\n    color: #333;\n    line-height: 1.6;\n}<\/p>\n<p>.cta-highlight {\n    background: linear-gradient(45deg, rgba(255, 165, 0, 0.1), rgba(64, 163, 163, 0.1));\n    padding: 20px;\n    border-radius: 15px;\n    border-left: 4px solid #ffa500;\n    margin-top: 25px;\n}<\/p>\n<p>.cta-highlight p {\n    color: #0f3460;\n    font-size: 1.1rem;\n    margin: 0;\n}<\/p>\n<p>.service-image {\n    position: relative;\n    overflow: hidden;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(15, 52, 96, 0.15);\n    transition: all 0.3s ease;\n}<\/p>\n<p>.service-image:hover {\n    transform: scale(1.02);\n    box-shadow: 0 20px 45px rgba(15, 52, 96, 0.2);\n}<\/p>\n<p>.service-image img {\n    width: 100%;\n    height: 350px;\n    object-fit: cover;\n    object-position: center top;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.service-image:hover img {\n    transform: scale(1.05);\n}<\/p>\n<p>.image-caption {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: linear-gradient(transparent, rgba(15, 52, 96, 0.9));\n    color: white;\n    padding: 20px;\n    font-weight: 600;\n    font-size: 1rem;\n    text-align: center;\n}<\/p>\n<p>\/* Why Choose Section *\/\n.why-choose-section {\n    background: linear-gradient(135deg, #0f3460, #2c5aa0, #40a3a3);\n    padding: 60px 50px;\n    border-radius: 25px;\n    color: white;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.why-choose-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 20% 30%, rgba(255, 165, 0, 0.1) 0%, transparent 50%),\n        radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);\n    animation: whyChooseGlow 8s ease-in-out infinite;\n}<\/p>\n<p>@keyframes whyChooseGlow {\n    0%, 100% { opacity: 0.6; }\n    50% { opacity: 1; }\n}<\/p>\n<p>.why-choose-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n}<\/p>\n<p>.subsection-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    margin-bottom: 25px;\n    color: white;\n}<\/p>\n<p>.why-choose-description {\n    font-size: 1.2rem;\n    line-height: 1.7;\n    margin-bottom: 50px;\n    max-width: 800px;\n    margin-left: auto;\n    margin-right: auto;\n    opacity: 0.95;\n}<\/p>\n<p>.benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 30px;\n    margin-bottom: 50px;\n}<\/p>\n<p>.benefit-card {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 30px 20px;\n    border-radius: 20px;\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    transition: all 0.3s ease;\n    text-align: center;\n}<\/p>\n<p>.benefit-card:hover {\n    transform: translateY(-10px);\n    background: rgba(255, 255, 255, 0.15);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\n}<\/p>\n<p>.benefit-icon {\n    width: 60px;\n    height: 60px;\n    margin: 0 auto 20px;\n    position: relative;\n}<\/p>\n<p>.benefit-card h3 {\n    font-size: 1.2rem;\n    font-weight: 600;\n    margin-bottom: 12px;\n    color: white;\n}<\/p>\n<p>.benefit-card p {\n    font-size: 0.95rem;\n    color: rgba(255, 255, 255, 0.9);\n    line-height: 1.5;\n    margin: 0;\n}<\/p>\n<p>\/* Contact Us Button *\/\n.contact-button-wrapper {\n    text-align: center;\n    margin-top: 50px;\n}<\/p>\n<p>.contact-us-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 18px 45px;\n    background: linear-gradient(135deg, #ffa500, #ff8c00);\n    color: white;\n    font-size: 1.2rem;\n    font-weight: 700;\n    text-decoration: none;\n    border-radius: 50px;\n    border: 2px solid rgba(255, 255, 255, 0.3);\n    box-shadow: 0 10px 30px rgba(255, 165, 0, 0.4);\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.contact-us-button::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n    transition: left 0.6s ease;\n}<\/p>\n<p>.contact-us-button:hover::before {\n    left: 100%;\n}<\/p>\n<p>.contact-us-button:hover {\n    transform: translateY(-5px) scale(1.05);\n    box-shadow: 0 15px 40px rgba(255, 165, 0, 0.6);\n    border-color: rgba(255, 255, 255, 0.5);\n}<\/p>\n<p>.contact-us-button:active {\n    transform: translateY(-2px) scale(1.02);\n}<\/p>\n<p>.button-text {\n    position: relative;\n    z-index: 1;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.button-icon {\n    position: relative;\n    z-index: 1;\n    font-size: 1.4rem;\n    font-weight: bold;\n    transition: transform 0.3s ease;\n}<\/p>\n<p>.contact-us-button:hover .button-icon {\n    transform: translateX(5px);\n    animation: arrowBounce 0.6s ease infinite;\n}<\/p>\n<p>@keyframes arrowBounce {\n    0%, 100% { transform: translateX(5px); }\n    50% { transform: translateX(10px); }\n}<\/p>\n<p>\/* Benefit Icons *\/\n.expertise-icon .expertise-brain {\n    width: 45px;\n    height: 35px;\n    background: linear-gradient(135deg, #ffa500, #ff8c00);\n    border-radius: 45px 45px 20px 20px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    animation: brainPulse 3s ease-in-out infinite;\n}<\/p>\n<p>.expertise-icon .expertise-pulse {\n    width: 20px;\n    height: 15px;\n    background: rgba(255, 255, 255, 0.8);\n    border-radius: 50%;\n    position: absolute;\n    top: 45%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    animation: pulseBeat 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes brainPulse {\n    0%, 100% { transform: translate(-50%, -50%) scale(1); }\n    50% { transform: translate(-50%, -50%) scale(1.05); }\n}<\/p>\n<p>@keyframes pulseBeat {\n    0%, 100% { opacity: 0.8; transform: translate(-50%, -50%) scale(1); }\n    50% { opacity: 1; transform: translate(-50%, -50%) scale(1.2); }\n}<\/p>\n<p>.testing-icon .testing-flask {\n    width: 25px;\n    height: 40px;\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7));\n    border-radius: 0 0 15px 15px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n}<\/p>\n<p>.testing-icon .testing-flask::before {\n    content: '';\n    width: 15px;\n    height: 8px;\n    background: rgba(255, 255, 255, 0.9);\n    border-radius: 8px 8px 0 0;\n    position: absolute;\n    top: -8px;\n    left: 5px;\n}<\/p>\n<p>.testing-icon .testing-bubbles {\n    position: absolute;\n    top: 30%;\n    left: 50%;\n    transform: translateX(-50%);\n}<\/p>\n<p>.testing-icon .testing-bubbles::before,\n.testing-icon .testing-bubbles::after {\n    content: '';\n    width: 4px;\n    height: 4px;\n    background: #ffa500;\n    border-radius: 50%;\n    position: absolute;\n    animation: bubbleFloat 2s ease-in-out infinite;\n}<\/p>\n<p>.testing-icon .testing-bubbles::before {\n    left: -3px;\n    animation-delay: 0s;\n}<\/p>\n<p>.testing-icon .testing-bubbles::after {\n    right: -3px;\n    animation-delay: 0.5s;\n}<\/p>\n<p>@keyframes bubbleFloat {\n    0%, 100% { transform: translateY(0); opacity: 1; }\n    50% { transform: translateY(-10px); opacity: 0.5; }\n}<\/p>\n<p>.knowledge-icon .knowledge-book {\n    width: 35px;\n    height: 28px;\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7));\n    border-radius: 3px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n}<\/p>\n<p>.knowledge-icon .knowledge-book::before {\n    content: '';\n    width: 25px;\n    height: 2px;\n    background: #ffa500;\n    position: absolute;\n    top: 8px;\n    left: 5px;\n    box-shadow: 0 6px 0 #ffa500, 0 12px 0 #ffa500;\n}<\/p>\n<p>.knowledge-icon .knowledge-rays {\n    position: absolute;\n    top: 25%;\n    left: 50%;\n    transform: translateX(-50%);\n}<\/p>\n<p>.knowledge-icon .knowledge-rays::before,\n.knowledge-icon .knowledge-rays::after {\n    content: '';\n    width: 3px;\n    height: 12px;\n    background: #ffa500;\n    position: absolute;\n    animation: rayShine 2s ease-in-out infinite;\n}<\/p>\n<p>.knowledge-icon .knowledge-rays::before {\n    left: -15px;\n    transform: rotate(-30deg);\n}<\/p>\n<p>.knowledge-icon .knowledge-rays::after {\n    right: -15px;\n    transform: rotate(30deg);\n}<\/p>\n<p>@keyframes rayShine {\n    0%, 100% { opacity: 0.5; }\n    50% { opacity: 1; }\n}<\/p>\n<p>.logistics-icon .logistics-globe {\n    width: 40px;\n    height: 40px;\n    border: 3px solid rgba(255, 255, 255, 0.9);\n    border-radius: 50%;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    animation: globeRotate 4s linear infinite;\n}<\/p>\n<p>.logistics-icon .logistics-globe::before {\n    content: '';\n    width: 20px;\n    height: 2px;\n    background: #ffa500;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: 2px;\n}<\/p>\n<p>.logistics-icon .logistics-arrows {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n}<\/p>\n<p>.logistics-icon .logistics-arrows::before,\n.logistics-icon .logistics-arrows::after {\n    content: '';\n    width: 0;\n    height: 0;\n    border-left: 8px solid #ffa500;\n    border-top: 5px solid transparent;\n    border-bottom: 5px solid transparent;\n    position: absolute;\n    animation: arrowMove 2s ease-in-out infinite;\n}<\/p>\n<p>.logistics-icon .logistics-arrows::before {\n    top: -20px;\n    left: -4px;\n    animation-delay: 0s;\n}<\/p>\n<p>.logistics-icon .logistics-arrows::after {\n    bottom: -20px;\n    right: -4px;\n    transform: rotate(180deg);\n    animation-delay: 1s;\n}<\/p>\n<p>@keyframes globeRotate {\n    0% { transform: translate(-50%, -50%) rotate(0deg); }\n    100% { transform: translate(-50%, -50%) rotate(360deg); }\n}<\/p>\n<p>@keyframes arrowMove {\n    0%, 100% { opacity: 0.5; transform: scale(1); }\n    50% { opacity: 1; transform: scale(1.2); }\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1024px) {\n    .benefits-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .content-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 2.2rem;\n    }<\/p>\n<p>    .service-content {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }<\/p>\n<p>    .service-section.reverse .service-text,\n    .service-section.reverse .service-image {\n        order: initial;\n    }<\/p>\n<p>    .service-image img {\n        height: 300px;\n    }<\/p>\n<p>    .benefits-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n    }<\/p>\n<p>    .why-choose-section {\n        padding: 40px 30px;\n    }<\/p>\n<p>    .contact-us-button {\n        padding: 16px 35px;\n        font-size: 1.1rem;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .section-title {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .service-content {\n        padding: 30px;\n    }<\/p>\n<p>    .service-image img {\n        height: 250px;\n    }<\/p>\n<p>    .header-description {\n        padding: 20px;\n    }<\/p>\n<p>    .contact-us-button {\n        padding: 14px 30px;\n        font-size: 1rem;\n    }\n}\n.cta-highlight {\n    background: linear-gradient(45deg, rgba(255, 165, 0, 0.1), rgba(64, 163, 163, 0.1));\n    padding: 20px;\n    border-radius: 15px;\n    border-left: 4px solid #ffa500;\n    margin-top: 25px;\n    transition: all 0.3s ease;\n    cursor: pointer;\n}<\/p>\n<p>.cta-highlight:hover {\n    background: linear-gradient(45deg, rgba(255, 165, 0, 0.15), rgba(64, 163, 163, 0.15));\n    border-left-width: 6px;\n    transform: translateX(5px);\n    box-shadow: 0 5px 15px rgba(255, 165, 0, 0.2);\n}<\/p>\n<p>.cta-link {\n    text-decoration: none;\n    display: block;\n}<\/p>\n<p>.cta-link p {\n    color: #0f3460;\n    font-size: 1.1rem;\n    margin: 0;\n    transition: color 0.3s ease;\n}<\/p>\n<p>.cta-highlight:hover .cta-link p {\n    color: #ff8c00;\n}<\/p>\n<\/style>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Keahlian Layanan Pra-Penjualan LANDU, Pengujian &amp; Dukungan Global Di LANDU, kami percaya kemitraan yang kuat dimulai jauh sebelum pesanan pertama. Layanan pra-penjualan kami yang komprehensif memastikan Anda mendapatkan panduan ahli, pengujian yang andal, dan dukungan tanpa hambatan yang disesuaikan dengan kebutuhan aplikasi spesifik Anda. 1. Keahlian Teknis &amp; Kustomisasi Konsultasi teknis kami adalah inti dari layanan kami. [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5317,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5341","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/comments?post=5341"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5341\/revisions"}],"predecessor-version":[{"id":5342,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5341\/revisions\/5342"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5317"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/media?parent=5341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}