{"id":1004,"date":"2021-02-16T15:30:24","date_gmt":"2021-02-16T15:30:24","guid":{"rendered":"http:\/\/hpmc.ae\/home\/"},"modified":"2025-12-25T07:16:29","modified_gmt":"2025-12-25T07:16:29","slug":"home","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/id","title":{"rendered":"Beranda"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n LANDU - Pemasok Global Terpercaya Anda<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n \/* \u7ec4\u4ef6\u5c40\u90e8\u6837\u5f0f - \u53ea\u5f71\u54cd .landu-hero-component \u5185\u7684\u5185\u5bb9 *\/\r\n .landu-hero-component {\r\n font-family: 'Inter', sans-serif;\r\n line-height: 1.6;\r\n overflow: hidden;\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .landu-hero-component *,\r\n .landu-hero-component *::before,\r\n .landu-hero-component *::after {\r\n box-sizing: border-box;\r\n }\r\n\r\n .landu-hero-component .hero-banner {\r\n min-height: 67vh;\r\n background: linear-gradient(135deg, #e0f7fa 0%, #f1f8e9 30%, #ffffff 70%);\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n padding: 40px 20px;\r\n margin: 0;\r\n }\r\n\r\n .landu-hero-component .hero-banner::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"molecules\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\"><circle cx=\"10\" cy=\"10\" r=\"1\" fill=\"%2310b981\" opacity=\"0.1\"\/><circle cx=\"5\" cy=\"15\" r=\"0.5\" fill=\"%233b82f6\" opacity=\"0.08\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23molecules)\"\/><\/svg>');\r\n opacity: 0.3;\r\n z-index: 1;\r\n }\r\n\r\n .landu-hero-component .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .landu-hero-component .hero-content {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n text-align: center;\r\n }\r\n\r\n .landu-hero-component .hero-text {\r\n animation: landu-fadeInUp 0.8s ease-out;\r\n }\r\n\r\n .landu-hero-component .hero-title {\r\n font-size: clamp(2rem, 4vw, 3.2rem);\r\n font-weight: 700;\r\n color: #0f172a;\r\n margin: 0 0 16px 0;\r\n padding: 0;\r\n line-height: 1.2;\r\n background: linear-gradient(135deg, #0f172a 0%, #1e40af 100%);\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .landu-hero-component .hero-subtitle {\r\n font-size: clamp(1rem, 1.8vw, 1.2rem);\r\n color: #475569;\r\n margin: 0 auto 32px auto;\r\n padding: 0;\r\n max-width: 700px;\r\n font-weight: 400;\r\n }\r\n\r\n .landu-hero-component .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .landu-hero-component .feature-card {\r\n background: rgba(255, 255, 255, 0.9);\r\n border-radius: 16px;\r\n padding: 20px 16px;\r\n text-align: center;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(10px);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n margin: 0;\r\n }\r\n\r\n .landu-hero-component .feature-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, #10b981, #3b82f6);\r\n transform: scaleX(0);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .landu-hero-component .feature-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);\r\n }\r\n\r\n .landu-hero-component .feature-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .landu-hero-component .feature-icon {\r\n width: 48px;\r\n height: 48px;\r\n margin: 0 auto 12px auto;\r\n background: linear-gradient(135deg, #10b981, #3b82f6);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 18px;\r\n animation: landu-pulse 2s infinite;\r\n }\r\n\r\n .landu-hero-component .feature-title {\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n color: #1e293b;\r\n margin: 0 0 6px 0;\r\n padding: 0;\r\n }\r\n\r\n .landu-hero-component .feature-description {\r\n font-size: 0.8rem;\r\n color: #64748b;\r\n line-height: 1.3;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .landu-hero-component .cta-buttons {\r\n display: flex;\r\n gap: 16px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .landu-hero-component .btn {\r\n padding: 12px 28px;\r\n border-radius: 40px;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n transition: all 0.3s ease;\r\n border: none;\r\n cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n margin: 0;\r\n }\r\n\r\n .landu-hero-component .btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n transition: left 0.6s ease;\r\n }\r\n\r\n .landu-hero-component .btn:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .landu-hero-component .btn-primary {\r\n background: linear-gradient(135deg, #ff6b35, #f59e0b);\r\n color: white;\r\n box-shadow: 0 6px 20px rgba(255, 107, 53, 0.3);\r\n }\r\n\r\n .landu-hero-component .btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 30px rgba(255, 107, 53, 0.4);\r\n }\r\n\r\n .landu-hero-component .btn-secondary {\r\n background: linear-gradient(135deg, #64748b, #475569);\r\n color: white;\r\n box-shadow: 0 6px 20px rgba(100, 116, 139, 0.3);\r\n }\r\n\r\n .landu-hero-component .btn-secondary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 30px rgba(100, 116, 139, 0.4);\r\n }\r\n\r\n .landu-hero-component .floating-shapes {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n\r\n .landu-hero-component .shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #10b981, #3b82f6);\r\n opacity: 0.1;\r\n animation: landu-float 6s ease-in-out infinite;\r\n }\r\n\r\n .landu-hero-component .shape:nth-child(1) {\r\n width: 60px;\r\n height: 60px;\r\n top: 15%;\r\n left: 10%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .landu-hero-component .shape:nth-child(2) {\r\n width: 90px;\r\n height: 90px;\r\n top: 25%;\r\n right: 15%;\r\n animation-delay: 2s;\r\n }\r\n\r\n .landu-hero-component .shape:nth-child(3) {\r\n width: 45px;\r\n height: 45px;\r\n bottom: 35%;\r\n left: 20%;\r\n animation-delay: 4s;\r\n }\r\n\r\n .landu-hero-component .shape:nth-child(4) {\r\n width: 75px;\r\n height: 75px;\r\n bottom: 25%;\r\n right: 10%;\r\n animation-delay: 1s;\r\n }\r\n\r\n @keyframes landu-fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes landu-pulse {\r\n 0%, 100% {\r\n transform: scale(1);\r\n }\r\n 50% {\r\n transform: scale(1.05);\r\n }\r\n }\r\n\r\n @keyframes landu-float {\r\n 0%, 100% {\r\n transform: translateY(0px) rotate(0deg);\r\n }\r\n 33% {\r\n transform: translateY(-15px) rotate(120deg);\r\n }\r\n 66% {\r\n transform: translateY(8px) rotate(240deg);\r\n }\r\n }\r\n\r\n \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\r\n @media (max-width: 1200px) {\r\n .landu-hero-component .features-grid {\r\n gap: 16px;\r\n }\r\n \r\n .landu-hero-component .feature-card {\r\n padding: 18px 14px;\r\n }\r\n \r\n .landu-hero-component .feature-description {\r\n font-size: 0.75rem;\r\n }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .landu-hero-component .features-grid {\r\n gap: 14px;\r\n }\r\n \r\n .landu-hero-component .feature-card {\r\n padding: 16px 10px;\r\n }\r\n \r\n .landu-hero-component .feature-icon {\r\n width: 42px;\r\n height: 42px;\r\n font-size: 16px;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .landu-hero-component .feature-title {\r\n font-size: 0.85rem;\r\n }\r\n \r\n .landu-hero-component .feature-description {\r\n font-size: 0.7rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .landu-hero-component .hero-banner {\r\n padding: 30px 16px;\r\n min-height: auto;\r\n }\r\n\r\n .landu-hero-component .features-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px;\r\n }\r\n\r\n .landu-hero-component .feature-card {\r\n padding: 20px 16px;\r\n }\r\n \r\n .landu-hero-component .feature-icon {\r\n width: 48px;\r\n height: 48px;\r\n font-size: 18px;\r\n margin-bottom: 12px;\r\n }\r\n \r\n .landu-hero-component .feature-title {\r\n font-size: 0.9rem;\r\n }\r\n \r\n .landu-hero-component .feature-description {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .landu-hero-component .cta-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .landu-hero-component .btn {\r\n width: 100%;\r\n max-width: 250px;\r\n justify-content: center;\r\n }\r\n\r\n .landu-hero-component .hero-content {\r\n gap: 30px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .landu-hero-component .hero-title {\r\n font-size: 1.8rem;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .landu-hero-component .hero-subtitle {\r\n font-size: 0.95rem;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .landu-hero-component .features-grid {\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n }\r\n\r\n .landu-hero-component .feature-card {\r\n padding: 16px 14px;\r\n }\r\n\r\n .landu-hero-component .feature-icon {\r\n width: 44px;\r\n height: 44px;\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n \/* \u6df1\u8272\u6a21\u5f0f\u652f\u6301 *\/\r\n @media (prefers-color-scheme: dark) {\r\n .landu-hero-component .hero-banner {\r\n background: linear-gradient(135deg, #0f172a 0%, #1e293b 30%, #334155 70%);\r\n }\r\n\r\n .landu-hero-component .hero-title {\r\n background: linear-gradient(135deg, #ffffff 0%, #60a5fa 100%);\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .landu-hero-component .hero-subtitle {\r\n color: #cbd5e1;\r\n }\r\n\r\n .landu-hero-component .feature-card {\r\n background: rgba(30, 41, 59, 0.8);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .landu-hero-component .feature-title {\r\n color: #f1f5f9;\r\n }\r\n\r\n .landu-hero-component .feature-description {\r\n color: #94a3b8;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- \u6dfb\u52a0\u552f\u4e00\u7684\u7ec4\u4ef6\u5bb9\u5668\u7c7b\u540d -->\r\n <div class=\"landu-hero-component\">\r\n <section class=\"hero-banner\">\r\n <div class=\"floating-shapes\">\r\n <div class=\"shape\"><\/div>\r\n <div class=\"shape\"><\/div>\r\n <div class=\"shape\"><\/div>\r\n <div class=\"shape\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"container\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-text\">\r\n <h1 class=\"hero-title\">Penyedia Tepercaya Global Anda untuk Cellulose Ether & RDP<\/h1>\r\n <p class=\"hero-subtitle\">Memberikan solusi kimia unggulan untuk konstruksi, pelapis, makanan, dan farmasi.<\/p>\r\n <\/div>\r\n\r\n <div class=\"features-grid\">\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <i class=\"fas fa-industry\"><\/i>\r\n <\/div>\r\n <h3 class=\"feature-title\">Produksi Skala Besar<\/h3>\r\n <p class=\"feature-description\">Produksi tahunan 75.000 ton \u2013 memastikan pengiriman cepat dan pasokan skala besar<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <i class=\"fas fa-certificate\"><\/i>\r\n <\/div>\r\n <h3 class=\"feature-title\">Bersertifikat Kualitas<\/h3>\r\n <p class=\"feature-description\">Tersertifikasi ISO 9001 & EU REACH \u2013 kualitas dan keamanan terjamin<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <i class=\"fas fa-lightbulb\"><\/i>\r\n <\/div>\r\n <h3 class=\"feature-title\">Pemimpin Inovasi<\/h3>\r\n <p class=\"feature-description\">11 Paten & 4 Model Utilitas \u2013 mendorong inovasi dalam eter selulosa dan aditif polimer<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <i class=\"fas fa-leaf\"><\/i>\r\n <\/div>\r\n <h3 class=\"feature-title\">Ramah Lingkungan<\/h3>\r\n <p class=\"feature-description\">Ramah Lingkungan & Berkelanjutan \u2013 Pengolahan air limbah MVR dan praktik emisi nol limbah<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cta-buttons\">\r\n <a href=\"https:\/\/hpmc.ae\/id\/cellulose-ether-hpmc\/\" class=\"btn btn-primary\" target=\"_blank\">\r\n <i class=\"fas fa-search\"><\/i>\r\n Jelajahi Produk Kami\r\n <\/a>\r\n <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" class=\"btn btn-secondary\" target=\"_blank\">\r\n <i class=\"fas fa-comments\"><\/i>\r\n Hubungi Ahli Kami\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ JavaScript \u4ee3\u7801\u4e5f\u9700\u8981\u9650\u5b9a\u4f5c\u7528\u57df\r\n (function() {\r\n \/\/ \u9650\u5b9a\u5728\u7ec4\u4ef6\u5185\u90e8\r\n const component = document.querySelector('.landu-hero-component');\r\n if (!component) return;\r\n\r\n \/\/ \u6dfb\u52a0\u6eda\u52a8\u52a8\u753b\u6548\u679c\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.animation = 'landu-fadeInUp 0.8s ease-out forwards';\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ \u53ea\u89c2\u5bdf\u7ec4\u4ef6\u5185\u7684\u7279\u6027\u5361\u7247\r\n component.querySelectorAll('.feature-card').forEach((card, index) => {\r\n card.style.opacity = '0';\r\n card.style.transform = 'translateY(20px)';\r\n card.style.animationDelay = `${index * 0.15}s`;\r\n observer.observe(card);\r\n });\r\n\r\n \/\/ \u79fb\u9664\u5e73\u6ed1\u6eda\u52a8\u529f\u80fd\uff0c\u56e0\u4e3a\u73b0\u5728\u662f\u5916\u90e8\u94fe\u63a5\r\n \/\/ \u5916\u90e8\u94fe\u63a5\u4f1a\u76f4\u63a5\u8df3\u8f6c\uff0c\u4e0d\u9700\u8981\u5e73\u6ed1\u6eda\u52a8\r\n\r\n \/\/ \u52a8\u6001\u7c92\u5b50\u6548\u679c\r\n function createParticle() {\r\n const floatingShapes = component.querySelector('.floating-shapes');\r\n if (!floatingShapes) return;\r\n\r\n const particle = document.createElement('div');\r\n particle.style.position = 'absolute';\r\n particle.style.width = Math.random() * 3 + 'px';\r\n particle.style.height = particle.style.width;\r\n particle.style.background = 'linear-gradient(135deg, #10b981, #3b82f6)';\r\n particle.style.borderRadius = '50%';\r\n particle.style.opacity = '0.3';\r\n particle.style.left = Math.random() * 100 + '%';\r\n particle.style.top = '100%';\r\n particle.style.pointerEvents = 'none';\r\n particle.style.zIndex = '1';\r\n \r\n floatingShapes.appendChild(particle);\r\n \r\n const animation = particle.animate([\r\n { transform: 'translateY(0px)', opacity: 0.3 },\r\n { transform: 'translateY(-70vh)', opacity: 0 }\r\n ], {\r\n duration: Math.random() * 2500 + 4000,\r\n easing: 'linear'\r\n });\r\n \r\n animation.onfinish = () => particle.remove();\r\n }\r\n\r\n \/\/ \u521b\u5efa\u7c92\u5b50\u6548\u679c\r\n setInterval(createParticle, 2500);\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-067ab17 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"067ab17\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b1a8c6a\" data-id=\"b1a8c6a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c831c28 elementor-widget elementor-widget-html\" data-id=\"c831c28\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>LANDU - Perkenalan Perusahaan<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n line-height: 1.6;\r\n color: #1e293b;\r\n background: #fafafa;\r\n }\r\n\r\n \/* Main Container *\/\r\n .company-section {\r\n padding: 60px 0;\r\n background: linear-gradient(135deg, #fafafa 0%, #f1f5f9 100%);\r\n }\r\n\r\n .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n }\r\n\r\n \/* Header with Side Layout *\/\r\n .header-section {\r\n display: grid;\r\n grid-template-columns: 1fr 400px;\r\n gap: 60px;\r\n margin-bottom: 50px;\r\n align-items: center;\r\n }\r\n\r\n .header-content h1 {\r\n font-size: clamp(2.5rem, 4vw, 3.5rem);\r\n font-weight: 800;\r\n color: #0f172a;\r\n margin-bottom: 16px;\r\n line-height: 1.1;\r\n }\r\n\r\n .header-content .subtitle {\r\n font-size: 1.3rem;\r\n color: #3b82f6;\r\n font-weight: 600;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .header-content p {\r\n font-size: 1rem;\r\n color: #64748b;\r\n line-height: 1.7;\r\n }\r\n\r\n .header-stats {\r\n background: #ffffff;\r\n border-radius: 20px;\r\n padding: 32px;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\r\n border: 1px solid #e2e8f0;\r\n }\r\n\r\n .stats-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n }\r\n\r\n .stat-item {\r\n text-align: center;\r\n }\r\n\r\n .stat-number {\r\n font-size: 2.2rem;\r\n font-weight: 800;\r\n color: #10b981;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .stat-label {\r\n font-size: 0.85rem;\r\n color: #64748b;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* Main Content - Three Column Layout *\/\r\n .main-content {\r\n display: grid;\r\n grid-template-columns: 300px 1fr 320px;\r\n gap: 40px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n \/* Left Sidebar *\/\r\n .sidebar-left {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 24px;\r\n }\r\n\r\n .sidebar-card {\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 24px;\r\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);\r\n border: 1px solid #e2e8f0;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .sidebar-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .card-icon {\r\n width: 48px;\r\n height: 48px;\r\n background: linear-gradient(135deg, #10b981, #3b82f6);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 20px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .card-title {\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n color: #1e293b;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .card-text {\r\n font-size: 0.9rem;\r\n color: #64748b;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* Center Content Area *\/\r\n .center-content {\r\n background: #ffffff;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\r\n border: 1px solid #e2e8f0;\r\n }\r\n\r\n .image-gallery {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n grid-template-rows: 200px 200px;\r\n gap: 1px;\r\n background: #e2e8f0;\r\n }\r\n\r\n .gallery-item {\r\n position: relative;\r\n overflow: hidden;\r\n background: #ffffff;\r\n }\r\n\r\n .gallery-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .gallery-item:hover img {\r\n transform: scale(1.1);\r\n }\r\n\r\n .gallery-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));\r\n color: white;\r\n padding: 16px;\r\n transform: translateY(100%);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .gallery-item:hover .gallery-overlay {\r\n transform: translateY(0);\r\n }\r\n\r\n .gallery-overlay h4 {\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n }\r\n\r\n .content-description {\r\n padding: 32px;\r\n }\r\n\r\n .content-description h3 {\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .content-description p {\r\n font-size: 0.95rem;\r\n color: #64748b;\r\n line-height: 1.6;\r\n margin-bottom: 12px;\r\n }\r\n\r\n \/* Right Sidebar *\/\r\n .sidebar-right {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 24px;\r\n }\r\n\r\n .feature-list {\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 28px;\r\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);\r\n border: 1px solid #e2e8f0;\r\n }\r\n\r\n .feature-list h3 {\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin-bottom: 20px;\r\n text-align: center;\r\n }\r\n\r\n .feature-item {\r\n display: flex;\r\n align-items: center;\r\n padding: 12px 0;\r\n border-bottom: 1px solid #f1f5f9;\r\n }\r\n\r\n .feature-item:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .feature-check {\r\n width: 20px;\r\n height: 20px;\r\n background: linear-gradient(135deg, #10b981, #3b82f6);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 10px;\r\n margin-right: 12px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .feature-text {\r\n font-size: 0.85rem;\r\n color: #475569;\r\n font-weight: 500;\r\n }\r\n\r\n \/* CTA Card *\/\r\n .cta-card {\r\n background: linear-gradient(135deg, #1e40af 0%, #10b981 100%);\r\n border-radius: 16px;\r\n padding: 28px;\r\n color: white;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cta-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><circle cx=\"20\" cy=\"20\" r=\"1\" fill=\"white\" opacity=\"0.1\"\/><circle cx=\"80\" cy=\"40\" r=\"1.5\" fill=\"white\" opacity=\"0.08\"\/><\/svg>');\r\n animation: float 8s ease-in-out infinite;\r\n }\r\n\r\n .cta-card h3 {\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .cta-card p {\r\n font-size: 0.85rem;\r\n margin-bottom: 20px;\r\n opacity: 0.9;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .cta-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(255, 255, 255, 0.2);\r\n color: white;\r\n padding: 10px 20px;\r\n border-radius: 25px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 0.85rem;\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .cta-button:hover {\r\n background: rgba(255, 255, 255, 0.3);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* Bottom Features Section *\/\r\n .bottom-features {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 24px;\r\n }\r\n\r\n .feature-card {\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 28px;\r\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);\r\n border: 1px solid #e2e8f0;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .feature-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 3px;\r\n background: linear-gradient(90deg, #10b981, #3b82f6);\r\n transform: scaleX(0);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .feature-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 16px 48px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .feature-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .feature-header {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .feature-icon {\r\n width: 44px;\r\n height: 44px;\r\n background: linear-gradient(135deg, #f8fafc, #e2e8f0);\r\n border: 2px solid #10b981;\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #10b981;\r\n font-size: 18px;\r\n margin-right: 16px;\r\n }\r\n\r\n .feature-card h4 {\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n color: #1e293b;\r\n }\r\n\r\n .feature-card p {\r\n font-size: 0.9rem;\r\n color: #64748b;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n 33% { transform: translateY(-5px) rotate(120deg); }\r\n 66% { transform: translateY(3px) rotate(240deg); }\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 1200px) {\r\n .main-content {\r\n grid-template-columns: 280px 1fr 280px;\r\n gap: 30px;\r\n }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .header-section {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n text-align: center;\r\n }\r\n\r\n .main-content {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n\r\n .sidebar-left,\r\n .sidebar-right {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 20px;\r\n }\r\n\r\n .image-gallery {\r\n grid-template-rows: 180px 180px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .container {\r\n padding: 0 16px;\r\n }\r\n\r\n .company-section {\r\n padding: 40px 0;\r\n }\r\n\r\n .header-section {\r\n margin-bottom: 40px;\r\n }\r\n\r\n .main-content {\r\n margin-bottom: 40px;\r\n }\r\n\r\n .stats-grid {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n }\r\n\r\n .image-gallery {\r\n grid-template-columns: 1fr;\r\n grid-template-rows: repeat(4, 150px);\r\n }\r\n\r\n .sidebar-left,\r\n .sidebar-right {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .bottom-features {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"company-section\">\r\n <div class=\"container\">\r\n <!-- Header Section with Side Stats -->\r\n <div class=\"header-section\">\r\n <div class=\"header-content\">\r\n <h1>Mendorong Keunggulan dalam Bahan Kimia Kinerja<\/h1>\r\n <div class=\"subtitle\">Mitra Tepercaya Anda untuk Cellulose Ethers dan Bubuk Polimer Redispersible<\/div>\r\n <p>LANDU adalah pemimpin global dalam pengembangan dan produksi cellulose ethers berkinerja tinggi (CE) dan polimer redispersible VAE (RDP). Dengan puluhan tahun pengalaman dalam inovasi kimia, kami berdedikasi untuk menyediakan modifikasi berkualitas tinggi\u2014termasuk HPMC, HEMC (MHEC), HEC, dan PCE\u2014yang meningkatkan kinerja bahan konstruksi, bahan kimia harian, produk makanan, dan farmasi.<\/p>\r\n <\/div>\r\n <div class=\"header-stats\">\r\n <div class=\"stats-grid\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">75K<\/div>\r\n <div class=\"stat-label\">Kapasitas Ton<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">11+<\/div>\r\n <div class=\"stat-label\">Paten<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">3<\/div>\r\n <div class=\"stat-label\">Fasilitas<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">50+<\/div>\r\n <div class=\"stat-label\">Negara<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Three Column Main Content -->\r\n <div class=\"main-content\">\r\n <!-- Left Sidebar -->\r\n <div class=\"sidebar-left\">\r\n <div class=\"sidebar-card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-industry\"><\/i>\r\n <\/div>\r\n <div class=\"card-title\">Manufaktur Lanjutan<\/div>\r\n <div class=\"card-text\">Tiga fasilitas produksi mutakhir dengan kapasitas tahunan total 75.000 ton.<\/div>\r\n <\/div>\r\n\r\n <div class=\"sidebar-card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-certificate\"><\/i>\r\n <\/div>\r\n <div class=\"card-title\">Bersertifikat Kualitas<\/div>\r\n <div class=\"card-text\">Tersertifikasi ISO 9001 dan sesuai dengan EU REACH untuk standar pasar global.<\/div>\r\n <\/div>\r\n\r\n <div class=\"sidebar-card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-lightbulb\"><\/i>\r\n <\/div>\r\n <div class=\"card-title\">Pemimpin Inovasi<\/div>\r\n <div class=\"card-text\">11 paten produk dan 4 model utilitas yang mendorong kemajuan teknologi.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Center Content -->\r\n <div class=\"center-content\">\r\n <div class=\"image-gallery\">\r\n <div class=\"gallery-item\">\r\n <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/hidroxipropil-metilo-celulose-hpmc-inovador-solucao.jpg\" alt=\"Laboratorium R&D\">\r\n <div class=\"gallery-overlay\">\r\n <h4>Laboratorium R&D Lanjutan<\/h4>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img loading=\"lazy\" height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-DCS-Monitoring-system.jpg\" alt=\"Pemantauan Produksi\">\r\n <div class=\"gallery-overlay\">\r\n <h4>Sistem Monitoring DCS<\/h4>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landu-Sales-Staff-meeting-in-office.jpg\" alt=\"Layanan Berorientasi Pelanggan\">\r\n <div class=\"gallery-overlay\">\r\n <h4>Layanan Berorientasi Pelanggan<\/h4>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <img loading=\"lazy\" height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-advanced-HPMC-manufacturing-facilities.jpg\" alt=\"Pabrik Produk\">\r\n <div class=\"gallery-overlay\">\r\n <h4>Pabrik Produk<\/h4>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"content-description\">\r\n <h3>Portofolio Produk Lengkap<\/h3>\r\n <p>Komitmen kami melampaui pembuatan: kami fokus pada keberlanjutan, inovasi, dan solusi berorientasi pelanggan untuk membantu mitra meraih keberhasilan di pasar yang kompetitif.<\/p>\r\n <p>Dari laboratorium riset canggih hingga pemantauan produksi mutakhir, LANDU memberikan keunggulan di setiap langkah proses manufaktur kimia.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Right Sidebar -->\r\n <div class=\"sidebar-right\">\r\n <div class=\"feature-list\">\r\n <h3>Keunggulan Inti<\/h3>\r\n <div class=\"feature-item\">\r\n <div class=\"feature-check\">\r\n <i class=\"fas fa-check\"><\/i>\r\n <\/div>\r\n <div class=\"feature-text\">Kapasitas produksi skala besar<\/div>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"feature-check\">\r\n <i class=\"fas fa-check\"><\/i>\r\n <\/div>\r\n <div class=\"feature-text\">Jaringan rantai pasok yang andal<\/div>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"feature-check\">\r\n <i class=\"fas fa-check\"><\/i>\r\n <\/div>\r\n <div class=\"feature-text\">Keahlian industri yang terbukti<\/div>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"feature-check\">\r\n <i class=\"fas fa-check\"><\/i>\r\n <\/div>\r\n <div class=\"feature-text\">Inovasi & portofolio paten<\/div>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"feature-check\">\r\n <i class=\"fas fa-check\"><\/i>\r\n <\/div>\r\n <div class=\"feature-text\">Standar kualitas & kepatuhan<\/div>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <div class=\"feature-check\">\r\n <i class=\"fas fa-check\"><\/i>\r\n <\/div>\r\n <div class=\"feature-text\">Layanan Berorientasi Pelanggan<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cta-card\">\r\n <h3>Siap Menjadi Mitra?<\/h3>\r\n <p>Perkuat industri Anda dengan solusi kimia yang efektif dan berkelanjutan.<\/p>\r\n <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" class=\"cta-button\" target=\"_blank\">\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n Mulai Sekarang\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Bottom Features Grid -->\r\n <div class=\"bottom-features\">\r\n <div class=\"feature-card\">\r\n <div class=\"feature-header\">\r\n <div class=\"feature-icon\">\r\n <i class=\"fas fa-truck-fast\"><\/i>\r\n <\/div>\r\n <h4>Rantai Pasok yang Andal<\/h4>\r\n <\/div>\r\n <p>Pergudangan yang luas memastikan pengiriman cepat dan ketersediaan produk yang konsisten di seluruh dunia.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-header\">\r\n <div class=\"feature-icon\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <\/div>\r\n <h4>Keahlian Terbukti<\/h4>\r\n <\/div>\r\n <p>Pengalaman luas bekerja dengan perusahaan multinasional dan pabrik kelas atas di berbagai industri.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-header\">\r\n <div class=\"feature-icon\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <\/div>\r\n <h4>Layanan Berorientasi Pelanggan<\/h4>\r\n <\/div>\r\n <p>Dari dukungan teknis hingga panduan formulasi, kami bekerja sama dengan klien untuk mengembangkan solusi yang disesuaikan.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Intersection Observer for animations\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, { \r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n });\r\n\r\n \/\/ Animate cards on scroll\r\n document.querySelectorAll('.sidebar-card, .feature-card, .gallery-item').forEach((el, i) => {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(30px)';\r\n el.style.transition = `all 0.6s ease ${i * 0.1}s`;\r\n observer.observe(el);\r\n });\r\n\r\n \/\/ Counter animation\r\n const animateCounter = (element, target) => {\r\n let current = 0;\r\n const increment = target \/ 50;\r\n const timer = setInterval(() => {\r\n current += increment;\r\n if (current >= target) {\r\n element.textContent = element.textContent.replace(\/\\d+\/, target);\r\n clearInterval(timer);\r\n } else {\r\n const currentNum = Math.floor(current);\r\n element.textContent = element.textContent.replace(\/\\d+\/, currentNum);\r\n }\r\n }, 30);\r\n };\r\n\r\n \/\/ Trigger counter animations\r\n const statsObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n const numbers = entry.target.querySelectorAll('.stat-number');\r\n numbers.forEach(num => {\r\n const target = parseInt(num.textContent.replace(\/\\D\/g, ''));\r\n animateCounter(num, target);\r\n });\r\n statsObserver.unobserve(entry.target);\r\n }\r\n });\r\n });\r\n\r\n const statsSection = document.querySelector('.header-stats');\r\n if (statsSection) {\r\n statsObserver.observe(statsSection);\r\n }\r\n\r\n \/\/ Smooth scrolling for internal links only\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n target.scrollIntoView({ behavior: 'smooth' });\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-40ffaf7 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"40ffaf7\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0b22a59\" data-id=\"0b22a59\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f8a06d6 elementor-widget elementor-widget-html\" data-id=\"f8a06d6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Merek LANDU - Cellulose Ethers LANDERCOLL<\/title>\r\n <style>\r\n .landu-hero-banner {\r\n height: 25vh;\r\n min-height: 200px;\r\n background: linear-gradient(135deg, #0ea5e9 0%, #10b981 100%);\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n \/* Modern floating elements *\/\r\n .landu-floating-shapes {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n overflow: hidden;\r\n }\r\n\r\n .landu-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n opacity: 0.1;\r\n animation: landu-float 20s ease-in-out infinite;\r\n }\r\n\r\n .landu-shape:nth-child(1) {\r\n width: 100px;\r\n height: 100px;\r\n background: rgba(255, 255, 255, 0.2);\r\n top: 10%;\r\n left: 15%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .landu-shape:nth-child(2) {\r\n width: 60px;\r\n height: 60px;\r\n background: rgba(255, 255, 255, 0.15);\r\n top: 70%;\r\n right: 20%;\r\n animation-delay: -7s;\r\n }\r\n\r\n .landu-shape:nth-child(3) {\r\n width: 80px;\r\n height: 80px;\r\n background: rgba(255, 255, 255, 0.1);\r\n bottom: 20%;\r\n left: 70%;\r\n animation-delay: -14s;\r\n }\r\n\r\n \/* Abstract waves *\/\r\n .landu-hero-banner::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: \r\n radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.06) 0%, transparent 50%);\r\n }\r\n\r\n @keyframes landu-float {\r\n 0%, 100% {\r\n transform: translateY(0px) translateX(0px) scale(1);\r\n }\r\n 33% {\r\n transform: translateY(-15px) translateX(10px) scale(1.1);\r\n }\r\n 66% {\r\n transform: translateY(10px) translateX(-5px) scale(0.9);\r\n }\r\n }\r\n\r\n .landu-hero-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .landu-hero-content {\r\n color: white;\r\n }\r\n\r\n .landu-brand-logo {\r\n font-size: 1rem;\r\n font-weight: 700;\r\n color: rgba(255, 255, 255, 0.9);\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .landu-hero-headline {\r\n font-size: 2.2rem;\r\n font-weight: 800;\r\n color: white;\r\n line-height: 1.2;\r\n margin-bottom: 12px;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .landu-hero-subheadline {\r\n font-size: 1rem;\r\n color: rgba(255, 255, 255, 0.9);\r\n line-height: 1.3;\r\n margin-bottom: 25px;\r\n font-weight: 400;\r\n }\r\n\r\n .landu-brand-highlight {\r\n font-weight: 700;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .landu-cta-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(255, 255, 255, 0.9);\r\n color: #0ea5e9;\r\n padding: 12px 28px;\r\n border: 2px solid transparent;\r\n border-radius: 30px;\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .landu-cta-button:hover {\r\n background: white;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .landu-hero-banner {\r\n height: auto;\r\n min-height: 180px;\r\n padding: 20px 0;\r\n }\r\n\r\n .landu-hero-container {\r\n padding: 0 20px;\r\n }\r\n\r\n .landu-hero-headline {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .landu-hero-subheadline {\r\n font-size: 0.9rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .landu-hero-headline {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .landu-hero-subheadline {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"landu-hero-banner\">\r\n <div class=\"landu-floating-shapes\">\r\n <div class=\"landu-shape\"><\/div>\r\n <div class=\"landu-shape\"><\/div>\r\n <div class=\"landu-shape\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"landu-hero-container\">\r\n <div class=\"landu-hero-content\">\r\n <div class=\"landu-brand-logo\">Merek LANDU<\/div>\r\n \r\n <h1 class=\"landu-hero-headline\">\r\n <span class=\"landu-brand-highlight\">LANDERCOLL<\/span> Eter Selulosa Presisi untuk Industri Masa Depan\r\n <\/h1>\r\n \r\n <p class=\"landu-hero-subheadline\">\r\n Produsen Global dari <span class=\"landu-brand-highlight\">HPMC, HEMC, CMC & HEC<\/span> \u2013 Dipercaya oleh <span class=\"landu-brand-highlight\">Lebih dari 1000 Perusahaan<\/span> Di seluruh <span class=\"landu-brand-highlight\">60 Negara<\/span>\r\n <\/p>\r\n\r\n <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" class=\"landu-cta-button\" target=\"_blank\">\r\n Hubungi Kami\r\n <span>\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-10fe225 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"10fe225\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-49b04ec\" data-id=\"49b04ec\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-eaeb734 elementor-widget elementor-widget-html\" data-id=\"eaeb734\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Produk LANDERCOLL - Solusi Eter Selulosa Premium<\/title>\r\n <style>\r\n body {\r\n font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);\r\n min-height: 100vh;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .products-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 30px;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 60px 20px;\r\n }\r\n\r\n .product-card {\r\n background: white;\r\n border-radius: 25px;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n width: 100%;\r\n max-width: 1200px;\r\n display: flex;\r\n align-items: stretch;\r\n height: 375px;\r\n }\r\n\r\n .product-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);\r\n }\r\n\r\n .product-image {\r\n flex: 0 0 40%;\r\n height: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n background: #f8fafc;\r\n }\r\n\r\n .product-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .product-card:hover .product-image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .product-content {\r\n flex: 1;\r\n padding: 45px 40px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\r\n }\r\n\r\n .product-header {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .product-title {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n background: linear-gradient(135deg, #2563eb, #10b981);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .product-subtitle {\r\n font-size: 1.05rem;\r\n color: #64748b;\r\n margin-bottom: 35px;\r\n font-weight: 500;\r\n }\r\n\r\n .product-description {\r\n font-size: 1rem;\r\n color: #475569;\r\n line-height: 1.7;\r\n margin-bottom: 35px;\r\n flex: 1;\r\n }\r\n\r\n .product-actions {\r\n margin-bottom: 25px;\r\n }\r\n\r\n .view-more-btn {\r\n background: linear-gradient(135deg, #2563eb, #10b981);\r\n color: white;\r\n border: none;\r\n padding: 14px 28px;\r\n border-radius: 24px;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);\r\n margin-bottom: 15px;\r\n text-decoration: none;\r\n display: inline-block;\r\n }\r\n\r\n .view-more-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(37, 99, 235, 0.4);\r\n background: linear-gradient(135deg, #1d4ed8, #059669);\r\n }\r\n\r\n .product-applications {\r\n font-size: 0.95rem;\r\n color: #64748b;\r\n line-height: 1.5;\r\n font-style: italic;\r\n }\r\n\r\n .product-features {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 20px;\r\n }\r\n\r\n .feature-tag {\r\n background: linear-gradient(135deg, #2563eb, #10b981);\r\n color: white;\r\n padding: 8px 14px;\r\n border-radius: 20px;\r\n font-size: 0.8rem;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n white-space: nowrap;\r\n }\r\n\r\n .feature-tag:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\r\n }\r\n\r\n \/* \u4e3a\u4e0d\u540c\u4ea7\u54c1\u6dfb\u52a0\u84dd\u7eff\u8272\u7cfb\u7279\u8272\u8fb9\u6846 *\/\r\n .product-card:nth-child(1) {\r\n border-left: 5px solid #2563eb;\r\n }\r\n\r\n .product-card:nth-child(2) {\r\n border-left: 5px solid #10b981;\r\n }\r\n\r\n .product-card:nth-child(3) {\r\n border-left: 5px solid #0891b2;\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 1024px) {\r\n .products-container {\r\n padding: 40px 15px;\r\n }\r\n \r\n .product-card {\r\n height: 350px;\r\n }\r\n \r\n .product-content {\r\n padding: 40px 35px;\r\n }\r\n \r\n .product-title {\r\n font-size: 1.7rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .products-container {\r\n padding: 30px 10px;\r\n }\r\n \r\n .product-card {\r\n flex-direction: column;\r\n height: auto;\r\n min-height: 500px;\r\n }\r\n\r\n .product-image {\r\n width: 100%;\r\n height: 220px;\r\n flex: none;\r\n }\r\n\r\n .product-content {\r\n padding: 35px 30px;\r\n flex: 1;\r\n }\r\n \r\n .product-subtitle {\r\n margin-bottom: 25px;\r\n }\r\n \r\n .product-description {\r\n margin-bottom: 25px;\r\n }\r\n\r\n .view-more-btn {\r\n width: 100%;\r\n text-align: center;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .product-features {\r\n margin-top: 15px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .products-container {\r\n padding: 20px 5px;\r\n }\r\n \r\n .product-card {\r\n min-height: 480px;\r\n }\r\n \r\n .product-content {\r\n padding: 30px 25px;\r\n }\r\n \r\n .product-title {\r\n font-size: 1.4rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"products-container\">\r\n <!-- HPMC Product -->\r\n <div class=\"product-card\">\r\n <div class=\"product-image\">\r\n <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Hydroxypropyl-Methyl-Cellulose-product-sample.jpg\" alt=\"LANDERCOLL HPMC\">\r\n <\/div>\r\n <div class=\"product-content\">\r\n <div class=\"product-header\">\r\n <h2 class=\"product-title\">LANDERCOLL HPMC<\/h2>\r\n <p class=\"product-subtitle\">Hydroxypropyl Methylcellulose<\/p>\r\n <p class=\"product-description\">\r\n Ether selulosa grade premium yang dirancang untuk retensi air dan kinerja pengikat yang luar biasa. \n Polimer serbaguna ini meningkatkan kemudahan pengerjaan, daya rekat, dan ketahanan dalam aplikasi konstruksi \n sambil memberikan sifat pembentuk film yang sangat baik untuk lapisan pelindung.\r\n <\/p>\r\n <\/div>\r\n <div class=\"product-actions\">\r\n <a href=\"https:\/\/hpmc.ae\/id\/cellulose-ether-hpmc\/landercoll-cellulose-ether\/hydroxpropyl-methylcellulose-hpmc\/\" class=\"view-more-btn\" target=\"_blank\">Lihat Detail Lebih Lanjut<\/a>\r\n <p class=\"product-applications\">\r\n Ideal untuk: Lem ubin, mortar semen, sistem isolasi eksternal, dan campuran self-leveling\r\n <\/p>\r\n <\/div>\r\n <div class=\"product-features\">\r\n <span class=\"feature-tag\">Retensi Air<\/span>\r\n <span class=\"feature-tag\">Sifat Pengikat<\/span>\r\n <span class=\"feature-tag\">Kelas Konstruksi<\/span>\r\n <span class=\"feature-tag\">Pembentuk Film<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- HEMC Product -->\r\n <div class=\"product-card\">\r\n <div class=\"product-image\">\r\n <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Hydroxyethyl-Methyl-Cellulose-product.jpg\" alt=\"LANDERCOLL HEMC\">\r\n <\/div>\r\n <div class=\"product-content\">\r\n <div class=\"product-header\">\r\n <h2 class=\"product-title\">LANDERCOLL HEMC<\/h2>\r\n <p class=\"product-subtitle\">Hydroxyethyl Methylcellulose<\/p>\r\n <p class=\"product-description\">\r\n Pengubah rheologi tingkat lanjut yang menawarkan kemampuan pengental dan suspensi yang unggul. \n Memberikan kontrol aliran dan stabilitas optimal di berbagai kondisi pH, menjadikannya \n pilihan utama untuk formulasi pelapis dan lem berkinerja tinggi.\r\n <\/p>\r\n <\/div>\r\n <div class=\"product-actions\">\r\n <a href=\"https:\/\/hpmc.ae\/id\/cellulose-ether-hpmc\/landercoll-cellulose-ether\/hydroxyethyl-methyl-cellulose-hemc\/\" class=\"view-more-btn\" target=\"_blank\">Lihat Detail Lebih Lanjut<\/a>\r\n <p class=\"product-applications\">\r\n Sempurna untuk: Cat lateks, pelapis berbasis air, glasir keramik, dan lem industri\r\n <\/p>\r\n <\/div>\r\n <div class=\"product-features\">\r\n <span class=\"feature-tag\">Zat Pengental<\/span>\r\n <span class=\"feature-tag\">Kontrol Suspensi<\/span>\r\n <span class=\"feature-tag\">Kelas Pelapis<\/span>\r\n <span class=\"feature-tag\">Stabil pH<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- HEC Product -->\r\n <div class=\"product-card\">\r\n <div class=\"product-image\">\r\n <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Hydroxyethyl-Cellulose-sample.jpg\" alt=\"LANDERCOLL HEC\">\r\n <\/div>\r\n <div class=\"product-content\">\r\n <div class=\"product-header\">\r\n <h2 class=\"product-title\">LANDERCOLL HEC<\/h2>\r\n <p class=\"product-subtitle\">Hydroxyethyl Cellulose<\/p>\r\n <p class=\"product-description\">\r\n Zat pengental berkinerja tinggi dengan kompatibilitas dan stabilitas yang luar biasa. \n Menyediakan peningkatan tekstur halus dan kontrol viskositas yang konsisten, memastikan \n kinerja produk yang unggul dalam aplikasi perawatan pribadi dan kosmetik yang menuntut.\r\n <\/p>\r\n <\/div>\r\n <div class=\"product-actions\">\r\n <a href=\"https:\/\/hpmc.ae\/id\/cellulose-ether-hpmc\/landercoll-cellulose-ether\/hydroxyethyl-cellulose-hec\/\" class=\"view-more-btn\" target=\"_blank\">Lihat Detail Lebih Lanjut<\/a>\r\n <p class=\"product-applications\">\r\n Cocok untuk: Sampo, pembersih tubuh, hand sanitizer, dan produk perawatan kulit premium\r\n <\/p>\r\n <\/div>\r\n <div class=\"product-features\">\r\n <span class=\"feature-tag\">Pengentalan Superior<\/span>\r\n <span class=\"feature-tag\">Perawatan Pribadi<\/span>\r\n <span class=\"feature-tag\">Peningkatan Tekstur<\/span>\r\n <span class=\"feature-tag\">Kompatibilitas Tinggi<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4f6a363 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4f6a363\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a6692e5\" data-id=\"a6692e5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8fd556c elementor-widget elementor-widget-html\" data-id=\"8fd556c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>ACCURATE\u2122 Bubuk Polimer Redispersible<\/title>\r\n <style>\r\n .landu-hero-banner {\r\n height: 25vh;\r\n min-height: 200px;\r\n background: linear-gradient(135deg, #0ea5e9 0%, #10b981 100%);\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n \/* Modern floating elements *\/\r\n .landu-floating-shapes {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n overflow: hidden;\r\n }\r\n\r\n .landu-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n opacity: 0.1;\r\n animation: landu-float 20s ease-in-out infinite;\r\n }\r\n\r\n .landu-shape:nth-child(1) {\r\n width: 100px;\r\n height: 100px;\r\n background: rgba(255, 255, 255, 0.2);\r\n top: 10%;\r\n left: 15%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .landu-shape:nth-child(2) {\r\n width: 60px;\r\n height: 60px;\r\n background: rgba(255, 255, 255, 0.15);\r\n top: 70%;\r\n right: 20%;\r\n animation-delay: -7s;\r\n }\r\n\r\n .landu-shape:nth-child(3) {\r\n width: 80px;\r\n height: 80px;\r\n background: rgba(255, 255, 255, 0.1);\r\n bottom: 20%;\r\n left: 70%;\r\n animation-delay: -14s;\r\n }\r\n\r\n \/* Abstract waves *\/\r\n .landu-hero-banner::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: \r\n radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.06) 0%, transparent 50%);\r\n }\r\n\r\n @keyframes landu-float {\r\n 0%, 100% {\r\n transform: translateY(0px) translateX(0px) scale(1);\r\n }\r\n 33% {\r\n transform: translateY(-15px) translateX(10px) scale(1.1);\r\n }\r\n 66% {\r\n transform: translateY(10px) translateX(-5px) scale(0.9);\r\n }\r\n }\r\n\r\n .landu-hero-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .landu-hero-content {\r\n color: white;\r\n }\r\n\r\n .landu-hero-headline {\r\n font-size: 2.2rem;\r\n font-weight: 800;\r\n color: white;\r\n line-height: 1.2;\r\n margin-bottom: 15px;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .landu-trademark {\r\n font-size: 0.8em;\r\n vertical-align: super;\r\n opacity: 0.9;\r\n }\r\n\r\n .landu-hero-subheadline {\r\n font-size: 1rem;\r\n color: rgba(255, 255, 255, 0.9);\r\n line-height: 1.3;\r\n margin-bottom: 25px;\r\n font-weight: 400;\r\n }\r\n\r\n .landu-brand-highlight {\r\n font-weight: 700;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .landu-cta-buttons {\r\n display: flex;\r\n gap: 15px;\r\n justify-content: center;\r\n }\r\n\r\n .landu-btn-primary {\r\n background: rgba(255, 255, 255, 0.2);\r\n color: white;\r\n padding: 12px 28px;\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 30px;\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n backdrop-filter: blur(10px);\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n display: inline-block;\r\n }\r\n\r\n .landu-btn-primary:hover {\r\n background: rgba(255, 255, 255, 0.3);\r\n border-color: rgba(255, 255, 255, 0.5);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .landu-btn-secondary {\r\n background: rgba(255, 255, 255, 0.9);\r\n color: #0ea5e9;\r\n padding: 12px 28px;\r\n border: 2px solid transparent;\r\n border-radius: 30px;\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n display: inline-block;\r\n }\r\n\r\n .landu-btn-secondary:hover {\r\n background: white;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .landu-hero-banner {\r\n height: auto;\r\n min-height: 180px;\r\n padding: 20px 0;\r\n }\r\n\r\n .landu-hero-container {\r\n padding: 0 20px;\r\n }\r\n\r\n .landu-hero-headline {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .landu-hero-subheadline {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .landu-cta-buttons {\r\n gap: 10px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .landu-hero-headline {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .landu-hero-subheadline {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .landu-cta-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .landu-btn-primary,\r\n .landu-btn-secondary {\r\n width: 200px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"landu-hero-banner\">\r\n <div class=\"landu-floating-shapes\">\r\n <div class=\"landu-shape\"><\/div>\r\n <div class=\"landu-shape\"><\/div>\r\n <div class=\"landu-shape\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"landu-hero-container\">\r\n <div class=\"landu-hero-content\">\r\n <h1 class=\"landu-hero-headline\">\r\n AKURAT<span class=\"landu-trademark\">\u2122<\/span> Serbuk Polimer Redispersible\r\n <\/h1>\r\n \r\n <p class=\"landu-hero-subheadline\">\r\n <span class=\"landu-brand-highlight\">AKURAT<\/span> adalah merek yang dimiliki oleh <span class=\"landu-brand-highlight\">LANDU<\/span>, menyediakan berbagai jenis Serbuk Polimer Redispersible.\r\n <\/p>\r\n\r\n <div class=\"landu-cta-buttons\">\r\n <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" class=\"landu-btn-primary\" target=\"_blank\">Permintaan Sampel<\/a>\r\n <a href=\"https:\/\/hpmc.ae\/id\/cellulose-ether-hpmc\/re-dispersible-polymer-powder-rdp\/\" class=\"landu-btn-secondary\" target=\"_blank\">Lihat Produk<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44495d8 elementor-widget elementor-widget-html\" data-id=\"44495d8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ACCURATE VAE RDP\u4ea7\u54c1\u5e03\u5c40\u5bb9\u5668 *\/\r\n.accurate-products-container {\r\n max-width: 1600px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n}\r\n\r\n\/* \u73b0\u4ee3\u5316\u4ea7\u54c1\u7f51\u683c\u5e03\u5c40 - 1x4\u5e03\u5c40 *\/\r\n.accurate-products-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n margin-top: 32px;\r\n}\r\n\r\n\/* \u73b0\u4ee3\u5316\u4ea7\u54c1\u5361\u7247 - \u5782\u76f4\u5e03\u5c40 *\/\r\n.accurate-product-card {\r\n background: #ffffff;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);\r\n border: 1px solid #f1f5f9;\r\n transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);\r\n position: relative;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.accurate-product-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: linear-gradient(135deg, rgba(14, 165, 233, 0.03), rgba(16, 185, 129, 0.03));\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n z-index: 1;\r\n}\r\n\r\n.accurate-product-card:hover::before {\r\n opacity: 1;\r\n}\r\n\r\n.accurate-product-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 12px 32px rgba(14, 165, 233, 0.15);\r\n border-color: rgba(14, 165, 233, 0.25);\r\n}\r\n\r\n\/* \u56fe\u7247\u533a\u57df - \u81ea\u9002\u5e94\u663e\u793a\u5b8c\u6574\u56fe\u7247 *\/\r\n.accurate-product-image-container {\r\n height: 200px;\r\n overflow: hidden;\r\n position: relative;\r\n background: linear-gradient(135deg, #f0f9ff 0%, #ecfdf5 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 12px;\r\n}\r\n\r\n.accurate-product-image {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.accurate-product-card:hover .accurate-product-image {\r\n transform: scale(1.08);\r\n}\r\n\r\n.accurate-product-overlay {\r\n position: absolute;\r\n top: 16px;\r\n left: 16px;\r\n background: linear-gradient(135deg, #0ea5e9, #10b981);\r\n backdrop-filter: blur(10px);\r\n color: white;\r\n padding: 6px 14px;\r\n border-radius: 20px;\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);\r\n z-index: 2;\r\n}\r\n\r\n\/* \u5185\u5bb9\u533a\u57df - \u5728\u4e0b\u65b9 *\/\r\n.accurate-product-content {\r\n padding: 20px 16px;\r\n display: flex;\r\n flex-direction: column;\r\n flex: 1;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n.accurate-product-name {\r\n font-size: 1.3rem;\r\n font-weight: 800;\r\n color: #0f172a;\r\n margin-bottom: 6px;\r\n line-height: 1.2;\r\n}\r\n\r\n.accurate-product-full-name {\r\n font-size: 0.8rem;\r\n color: #64748b;\r\n font-weight: 600;\r\n margin-bottom: 12px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.accurate-product-description {\r\n font-size: 1rem;\r\n color: #475569;\r\n line-height: 1.6;\r\n margin-bottom: 16px;\r\n flex-grow: 1;\r\n}\r\n\r\n\/* \u73b0\u4ee3\u5316\u4f18\u52bf\u6807\u7b7e - \u84dd\u7eff\u8272\u4e3b\u9898 *\/\r\n.accurate-product-features {\r\n margin-bottom: 16px;\r\n}\r\n\r\n.accurate-features-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 6px;\r\n}\r\n\r\n.accurate-feature-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n padding: 5px 10px;\r\n background: linear-gradient(135deg, #f0f9ff 0%, #ecfdf5 100%);\r\n border: 1.5px solid #06b6d4;\r\n border-radius: 14px;\r\n font-size: 0.75rem;\r\n color: #0891b2;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.accurate-feature-tag:hover {\r\n background: linear-gradient(135deg, #0ea5e9, #10b981);\r\n color: white;\r\n border-color: transparent;\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);\r\n}\r\n\r\n.accurate-feature-tag .accurate-feature-icon {\r\n width: 12px;\r\n height: 12px;\r\n background: linear-gradient(135deg, #06b6d4, #059669);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 7px;\r\n margin-right: 6px;\r\n flex-shrink: 0;\r\n transition: background 0.3s ease;\r\n}\r\n\r\n.accurate-feature-tag:hover .accurate-feature-icon {\r\n background: rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n\/* \u73b0\u4ee3\u5316\u6309\u94ae - \u84dd\u7eff\u8272\u6e10\u53d8 *\/\r\n.accurate-product-button {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 12px 20px;\r\n background: linear-gradient(135deg, #0ea5e9, #10b981);\r\n color: white;\r\n text-decoration: none;\r\n border-radius: 12px;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 4px 12px rgba(14, 165, 233, 0.25);\r\n}\r\n\r\n.accurate-product-button::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);\r\n transition: left 0.5s ease;\r\n}\r\n\r\n.accurate-product-button:hover::before {\r\n left: 100%;\r\n}\r\n\r\n.accurate-product-button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(14, 165, 233, 0.4);\r\n background: linear-gradient(135deg, #0284c7, #059669);\r\n}\r\n\r\n\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\r\n@media (max-width: 1400px) {\r\n .accurate-products-container {\r\n max-width: 1200px;\r\n }\r\n}\r\n\r\n@media (max-width: 1200px) {\r\n .accurate-products-container {\r\n max-width: 1000px;\r\n }\r\n \r\n .accurate-products-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n \r\n .accurate-product-image-container {\r\n height: 220px;\r\n padding: 14px;\r\n }\r\n \r\n .accurate-product-name {\r\n font-size: 1.4rem;\r\n }\r\n \r\n .accurate-product-description {\r\n font-size: 1.05rem;\r\n }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n .accurate-products-grid {\r\n gap: 18px;\r\n }\r\n \r\n .accurate-product-image-container {\r\n height: 200px;\r\n padding: 12px;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .accurate-products-container {\r\n padding: 0 16px;\r\n }\r\n \r\n .accurate-products-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n \r\n .accurate-product-image-container {\r\n height: 260px;\r\n padding: 16px;\r\n }\r\n \r\n .accurate-product-content {\r\n padding: 26px 22px;\r\n }\r\n \r\n .accurate-product-name {\r\n font-size: 1.6rem;\r\n }\r\n \r\n .accurate-product-description {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .accurate-features-list {\r\n gap: 8px;\r\n }\r\n \r\n .accurate-feature-tag {\r\n font-size: 0.85rem;\r\n padding: 7px 13px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .accurate-product-name {\r\n font-size: 1.5rem;\r\n }\r\n \r\n .accurate-product-content {\r\n padding: 24px 20px;\r\n }\r\n \r\n .accurate-product-button {\r\n padding: 15px 24px;\r\n font-size: 1.05rem;\r\n }\r\n \r\n .accurate-product-image-container {\r\n height: 240px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<!-- ACCURATE VAE RDP\u4ea7\u54c1\u7248\u5757\u5185\u5bb9 -->\r\n<div class=\"accurate-products-container\">\r\n <div class=\"accurate-products-grid\">\r\n <!-- Rigid RDP Product Card -->\r\n <div class=\"accurate-product-card\">\r\n <div class=\"accurate-product-image-container\">\r\n <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Rigid-Redispersible-Polymer-Powder-product.jpg\" alt=\"Kemasan Rigid RDP ACCURATE\" class=\"accurate-product-image\">\r\n <div class=\"accurate-product-overlay\">RDP Kaku<\/div>\r\n <\/div>\r\n <div class=\"accurate-product-content\">\r\n <h3 class=\"accurate-product-name\">RDP Kaku<\/h3>\r\n <p class=\"accurate-product-full-name\">Serbuk Polimer Re-dispersibel Kaku<\/p>\r\n <p class=\"accurate-product-description\">RDP Kaku dirancang untuk memberikan kekuatan struktural yang sangat baik dan stabilitas dimensi. Cocok untuk aplikasi yang membutuhkan kekuatan tekan tinggi dan deformasi minimal.<\/p>\r\n <div class=\"accurate-product-features\">\r\n <div class=\"accurate-features-list\">\r\n <span class=\"accurate-feature-tag\">\r\n <span class=\"accurate-feature-icon\">\r\n <i class=\"fas fa-cube\"><\/i>\r\n <\/span>\r\n Kekuatan tinggi\r\n <\/span>\r\n <span class=\"accurate-feature-tag\">\r\n <span class=\"accurate-feature-icon\">\r\n <i class=\"fas fa-ruler-combined\"><\/i>\r\n <\/span>\r\n Stabilitas dimensi\r\n <\/span>\r\n <span class=\"accurate-feature-tag\">\r\n <span class=\"accurate-feature-icon\">\r\n <i class=\"fas fa-compress\"><\/i>\r\n <\/span>\r\n Kekuatan tekan\r\n <\/span>\r\n <span class=\"accurate-feature-tag\">\r\n <span class=\"accurate-feature-icon\">\r\n <i class=\"fas fa-hard-hat\"><\/i>\r\n <\/span>\r\n Integritas struktural\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/hpmc.ae\/id\/cellulose-ether-hpmc\/re-dispersible-polymer-powder-rdp\/rigid-redispersible-polymer-powder\/\" class=\"accurate-product-button\" target=\"_blank\">\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n Pelajari Lebih Lanjut\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Flexible RDP Product Card -->\r\n <div class=\"accurate-product-card\">\r\n <div class=\"accurate-product-image-container\">\r\n <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Flexible-Redispersible-Polymer-Powder-product.jpg\" alt=\"Kemasan Fleksibel RDP ACCURATE\" class=\"accurate-product-image\">\r\n <div class=\"accurate-product-overlay\">RDP Fleksibel<\/div>\r\n <\/div>\r\n <div class=\"accurate-product-content\">\r\n <h3 class=\"accurate-product-name\">RDP Fleksibel<\/h3>\r\n <p class=\"accurate-product-full-name\">Serbuk Polimer Re-disperse Fleksibel<\/p>\r\n <p class=\"accurate-product-description\">RDP Fleksibel dirancang untuk memberikan fleksibilitas dan elastisitas. Fokus pada toleransi gerak yang lebih besar dan ketahanan terhadap retak untuk aplikasi dinamis.<\/p>\r\n <div class=\"accurate-product-features\">\r\n <div class=\"accurate-features-list\">\r\n <span class=\"accurate-feature-tag\">\r\n <span class=\"accurate-feature-icon\">\r\n <i class=\"fas fa-wave-square\"><\/i>\r\n <\/span>\r\n Fleksibilitas maksimum\r\n <\/span>\r\n <span class=\"accurate-feature-tag\">\r\n <span class=\"accurate-feature-icon\">\r\n <i class=\"fas fa-compress-arrows-alt\"><\/i>\r\n <\/span>\r\n Elastisitas yang ditingkatkan\r\n <\/span>\r\n <span class=\"accurate-feature-tag\">\r\n <span class=\"accurate-feature-icon\">\r\n <i class=\"fas fa-arrows-alt-h\"><\/i>\r\n <\/span>\r\n Toleransi gerakan\r\n <\/span>\r\n <span class=\"accurate-feature-tag\">\r\n <span class=\"accurate-feature-icon\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/span>\r\n Ketahanan terhadap retak\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/hpmc.ae\/id\/cellulose-ether-hpmc\/re-dispersible-polymer-powder-rdp\/flexible-redispersible-polymer-powder\/\" class=\"accurate-product-button\" target=\"_blank\">\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n Pelajari Lebih Lanjut\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Hydrophobic RDP Product Card -->\r\n <div class=\"accurate-product-card\">\r\n <div class=\"accurate-product-image-container\">\r\n <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Hydrophobic-Redispersible-Polymer-Powder-products.jpg\" alt=\"Kemasan RDP Hydrofobik ACCURATE\" class=\"accurate-product-image\">\r\n <div class=\"accurate-product-overlay\">RDP Hidrofobik<\/div>\r\n <\/div>\r\n <div class=\"accurate-product-content\">\r\n <h3 class=\"accurate-product-name\">RDP Hidrofobik<\/h3>\r\n <p class=\"accurate-product-full-name\">Serbuk Polimer Re-dispersibel Hidrofobik<\/p>\r\n <p class=\"accurate-product-description\">Hydrophobic RDP meningkatkan ketahanan air dari produk akhir. Sangat cocok untuk aplikasi di mana paparan kelembapan menjadi perhatian.<\/p>\r\n <div class=\"accurate-product-features\">\r\n <div class=\"accurate-features-list\">\r\n <span class=\"accurate-feature-tag\">\r\n <span class=\"accurate-feature-icon\">\r\n <i class=\"fas fa-tint-slash\"><\/i>\r\n <\/span>\r\n Ketahanan air\r\n <\/span>\r\n <span class=\"accurate-feature-tag\">\r\n <span class=\"accurate-feature-icon\">\r\n <i class=\"fas fa-umbrella\"><\/i>\r\n <\/span>\r\n Perlindungan kelembapan\r\n <\/span>\r\n <span class=\"accurate-feature-tag\">\r\n <span class=\"accurate-feature-icon\">\r\n <i class=\"fas fa-eye-slash\"><\/i>\r\n <\/span>\r\n Hydrophobic\r\n <\/span>\r\n <span class=\"accurate-feature-tag\">\r\n <span class=\"accurate-feature-icon\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <\/span>\r\n Daya tahan jangka panjang\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/hpmc.ae\/id\/cellulose-ether-hpmc\/re-dispersible-polymer-powder-rdp\/hydrophobic-redispersible-polymer-powder\/\" class=\"accurate-product-button\" target=\"_blank\">\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n Pelajari Lebih Lanjut\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Leveling RDP Product Card -->\r\n <div class=\"accurate-product-card\">\r\n <div class=\"accurate-product-image-container\">\r\n <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Leveling-Redispersible-Polymer-Powder-product.jpg\" alt=\"Kemasan RDP Leveling ACCURATE\" class=\"accurate-product-image\">\r\n <div class=\"accurate-product-overlay\">Penyesuaian RDP<\/div>\r\n <\/div>\r\n <div class=\"accurate-product-content\">\r\n <h3 class=\"accurate-product-name\">Penyesuaian RDP<\/h3>\r\n <p class=\"accurate-product-full-name\">Serbuk Polimer Re-dispersibel untuk Penyamaan Tingkat<\/p>\r\n <p class=\"accurate-product-description\">Leveling RDP dirancang khusus untuk memberikan aliran yang baik dan sifat self-leveling. Menciptakan permukaan yang halus dan seragam dengan usaha minimal.<\/p>\r\n <div class=\"accurate-product-features\">\r\n <div class=\"accurate-features-list\">\r\n <span class=\"accurate-feature-tag\">\r\n <span class=\"accurate-feature-icon\">\r\n <i class=\"fas fa-water\"><\/i>\r\n <\/span>\r\n Self-leveling\r\n <\/span>\r\n <span class=\"accurate-feature-tag\">\r\n <span class=\"accurate-feature-icon\">\r\n <i class=\"fas fa-layer-group\"><\/i>\r\n <\/span>\r\n Hasil akhir yang halus\r\n <\/span>\r\n <span class=\"accurate-feature-tag\">\r\n <span class=\"accurate-feature-icon\">\r\n <i class=\"fas fa-stream\"><\/i>\r\n <\/span>\r\n Aliran yang sangat baik\r\n <\/span>\r\n <span class=\"accurate-feature-tag\">\r\n <span class=\"accurate-feature-icon\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <\/span>\r\n Permukaan yang seragam\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/hpmc.ae\/id\/cellulose-ether-hpmc\/re-dispersible-polymer-powder-rdp\/leveling-redispersible-polymer-powder-rdp\/\" class=\"accurate-product-button\" target=\"_blank\">\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n Pelajari Lebih Lanjut\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dbdc1fd elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"dbdc1fd\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3de7d4f\" data-id=\"3de7d4f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6714270 elementor-widget elementor-widget-html\" data-id=\"6714270\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Tambahan LANDU NOVASTAR\u2122<\/title>\r\n <style>\r\n .novastar-hero-banner {\r\n min-height: 200px;\r\n background: linear-gradient(135deg, #0ea5e9 0%, #10b981 100%);\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 35px 0;\r\n }\r\n\r\n \/* Modern floating elements *\/\r\n .novastar-floating-shapes {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n overflow: hidden;\r\n }\r\n\r\n .novastar-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n opacity: 0.1;\r\n animation: novastar-float 20s ease-in-out infinite;\r\n }\r\n\r\n .novastar-shape:nth-child(1) {\r\n width: 100px;\r\n height: 100px;\r\n background: rgba(255, 255, 255, 0.2);\r\n top: 10%;\r\n left: 15%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .novastar-shape:nth-child(2) {\r\n width: 60px;\r\n height: 60px;\r\n background: rgba(255, 255, 255, 0.15);\r\n top: 70%;\r\n right: 20%;\r\n animation-delay: -7s;\r\n }\r\n\r\n .novastar-shape:nth-child(3) {\r\n width: 80px;\r\n height: 80px;\r\n background: rgba(255, 255, 255, 0.1);\r\n bottom: 20%;\r\n left: 70%;\r\n animation-delay: -14s;\r\n }\r\n\r\n \/* Abstract waves *\/\r\n .novastar-hero-banner::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: \r\n radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.06) 0%, transparent 50%);\r\n }\r\n\r\n @keyframes novastar-float {\r\n 0%, 100% {\r\n transform: translateY(0px) translateX(0px) scale(1);\r\n }\r\n 33% {\r\n transform: translateY(-15px) translateX(10px) scale(1.1);\r\n }\r\n 66% {\r\n transform: translateY(10px) translateX(-5px) scale(0.9);\r\n }\r\n }\r\n\r\n .novastar-hero-container {\r\n max-width: 1200px;\r\n width: 100%;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .novastar-hero-content {\r\n color: white;\r\n }\r\n\r\n .novastar-hero-headline {\r\n font-size: 2.2rem;\r\n font-weight: 800;\r\n color: white;\r\n line-height: 1.3;\r\n margin-bottom: 12px;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .novastar-trademark {\r\n font-size: 0.8em;\r\n vertical-align: super;\r\n opacity: 0.9;\r\n }\r\n\r\n .novastar-hero-subheadline {\r\n font-size: 1.05rem;\r\n color: rgba(255, 255, 255, 0.95);\r\n line-height: 1.5;\r\n margin-bottom: 20px;\r\n font-weight: 400;\r\n max-width: 900px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .novastar-brand-highlight {\r\n font-weight: 700;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .novastar-cta-buttons {\r\n display: flex;\r\n gap: 15px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .novastar-btn-primary {\r\n background: rgba(255, 255, 255, 0.2);\r\n color: white;\r\n padding: 12px 28px;\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 30px;\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n backdrop-filter: blur(10px);\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n display: inline-block;\r\n }\r\n\r\n .novastar-btn-primary:hover {\r\n background: rgba(255, 255, 255, 0.3);\r\n border-color: rgba(255, 255, 255, 0.5);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .novastar-btn-secondary {\r\n background: rgba(255, 255, 255, 0.9);\r\n color: #0ea5e9;\r\n padding: 12px 28px;\r\n border: 2px solid transparent;\r\n border-radius: 30px;\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n display: inline-block;\r\n }\r\n\r\n .novastar-btn-secondary:hover {\r\n background: white;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .novastar-hero-banner {\r\n min-height: 180px;\r\n padding: 30px 0;\r\n }\r\n\r\n .novastar-hero-container {\r\n padding: 0 30px;\r\n }\r\n\r\n .novastar-hero-headline {\r\n font-size: 1.8rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .novastar-hero-subheadline {\r\n font-size: 0.95rem;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .novastar-cta-buttons {\r\n gap: 12px;\r\n }\r\n\r\n .novastar-btn-primary,\r\n .novastar-btn-secondary {\r\n padding: 11px 24px;\r\n font-size: 0.85rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .novastar-hero-banner {\r\n min-height: 160px;\r\n padding: 25px 0;\r\n }\r\n\r\n .novastar-hero-container {\r\n padding: 0 20px;\r\n }\r\n\r\n .novastar-hero-headline {\r\n font-size: 1.5rem;\r\n margin-bottom: 10px;\r\n line-height: 1.4;\r\n }\r\n\r\n .novastar-hero-subheadline {\r\n font-size: 0.85rem;\r\n margin-bottom: 15px;\r\n line-height: 1.5;\r\n }\r\n\r\n .novastar-cta-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .novastar-btn-primary,\r\n .novastar-btn-secondary {\r\n width: 100%;\r\n max-width: 250px;\r\n padding: 11px 24px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"novastar-hero-banner\">\r\n <div class=\"novastar-floating-shapes\">\r\n <div class=\"novastar-shape\"><\/div>\r\n <div class=\"novastar-shape\"><\/div>\r\n <div class=\"novastar-shape\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"novastar-hero-container\">\r\n <div class=\"novastar-hero-content\">\r\n <h1 class=\"novastar-hero-headline\">\r\n LANDU NOVASTAR<span class=\"novastar-trademark\">\u2122<\/span> Zat aditif untuk Revolusi Industri Konstruksi\r\n <\/h1>\r\n \r\n <p class=\"novastar-hero-subheadline\">\r\n Berbasis di Indonesia, <span class=\"novastar-brand-highlight\">Novastar<\/span> adalah produsen global Polycarboxylate Superplasticizer, Gypsum Retarder, Bubuk Hydrophobic Silikon, dan Defoamer Bubuk. Zat aditif premium kami untuk bahan bangunan telah mendapatkan kepercayaan lebih dari <span class=\"novastar-brand-highlight\">3.000 klien<\/span> di seluruh lebih dari <span class=\"novastar-brand-highlight\">60 negara<\/span>.\r\n <\/p>\r\n\r\n <div class=\"novastar-cta-buttons\">\r\n <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" class=\"novastar-btn-primary\" target=\"_blank\">Permintaan Sampel<\/a>\r\n <a href=\"https:\/\/hpmc.ae\/id\/cellulose-ether-hpmc\/novastar-specialty-additives\/\" class=\"novastar-btn-secondary\" target=\"_blank\">Lihat Produk<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-eb8e53c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"eb8e53c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ebf0ead\" data-id=\"ebf0ead\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b2647b6 elementor-widget elementor-widget-html\" data-id=\"b2647b6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Pameran Produk Kimia NovaStar<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .nps-container {\r\n max-width: 1600px;\r\n margin: 0 auto;\r\n padding: 60px 30px;\r\n background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n .nps-products-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 40px;\r\n }\r\n\r\n \/* Both Rows: 3 Products Each *\/\r\n .nps-row-three {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n }\r\n\r\n .nps-product-card {\r\n background: white;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n border: 1px solid rgba(226, 232, 240, 0.4);\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .nps-product-card:hover {\r\n transform: translateY(-12px);\r\n box-shadow: 0 35px 80px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .nps-product-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(135deg, #0ea5e9, #10b981);\r\n }\r\n\r\n .nps-image-container {\r\n width: 100%;\r\n height: 280px;\r\n background: linear-gradient(135deg, #f8fafc, #f1f5f9);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .nps-image-container::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: radial-gradient(circle at center, rgba(14, 165, 233, 0.05), transparent 70%);\r\n z-index: 1;\r\n }\r\n\r\n .nps-product-image {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n transition: transform 0.4s ease;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .nps-product-card:hover .nps-product-image {\r\n transform: scale(1.05);\r\n }\r\n\r\n .nps-content-section {\r\n flex: 1;\r\n padding: 35px 30px;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .nps-product-badge {\r\n display: inline-block;\r\n background: linear-gradient(135deg, #0ea5e9, #10b981);\r\n color: white;\r\n padding: 8px 16px;\r\n border-radius: 50px;\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n width: fit-content;\r\n }\r\n\r\n .nps-product-title {\r\n font-size: 1.4rem;\r\n font-weight: 800;\r\n color: #1e293b;\r\n margin: 0 0 15px 0;\r\n line-height: 1.3;\r\n letter-spacing: -0.3px;\r\n }\r\n\r\n .nps-product-desc {\r\n font-size: 0.95rem;\r\n line-height: 1.6;\r\n color: #475569;\r\n margin: 0 0 20px 0;\r\n flex-grow: 1;\r\n }\r\n\r\n .nps-features-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .nps-feature-item {\r\n background: rgba(14, 165, 233, 0.08);\r\n color: #0369a1;\r\n padding: 6px 12px;\r\n border-radius: 15px;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n text-align: center;\r\n border: 1px solid rgba(14, 165, 233, 0.15);\r\n }\r\n\r\n .nps-cta-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n background: linear-gradient(135deg, #0ea5e9, #10b981);\r\n color: white;\r\n text-decoration: none;\r\n padding: 12px 24px;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n font-size: 0.9rem;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 8px 25px rgba(14, 165, 233, 0.3);\r\n }\r\n\r\n .nps-cta-button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 12px 35px rgba(14, 165, 233, 0.4);\r\n }\r\n\r\n .nps-cta-button .arrow {\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .nps-cta-button:hover .arrow {\r\n transform: translateX(3px);\r\n }\r\n\r\n @media (max-width: 1200px) {\r\n .nps-row-three {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 25px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .nps-container {\r\n padding: 40px 20px;\r\n }\r\n\r\n .nps-row-three {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n\r\n .nps-image-container {\r\n height: 250px;\r\n }\r\n\r\n .nps-content-section {\r\n padding: 25px 20px;\r\n }\r\n\r\n .nps-product-title {\r\n font-size: 1.4rem;\r\n }\r\n\r\n .nps-product-desc {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .nps-features-grid {\r\n grid-template-columns: 1fr;\r\n gap: 8px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"nps-container\">\r\n <div class=\"nps-products-container\">\r\n <!-- First Row: 3 Products -->\r\n <div class=\"nps-row-three\">\r\n <!-- Product 1: PCE Polycarboxylate Superplasticizer -->\r\n <div class=\"nps-product-card\">\r\n <div class=\"nps-image-container\">\r\n <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Polycarboxylate-Superplasticizer-powder-sample.jpg\" alt=\"PCE Polikarboksilat Superplastisizer\" class=\"nps-product-image\">\r\n <\/div>\r\n <div class=\"nps-content-section\">\r\n <div class=\"nps-product-badge\">Reducer Air<\/div>\r\n <h2 class=\"nps-product-title\">Superplastisiser Polikarboxilat (PCE)<\/h2>\r\n <p class=\"nps-product-desc\">\r\n Superplastisiser polikarboxilat canggih yang memberikan peningkatan keability kerja yang luar biasa dan pengurangan air yang unggul untuk aplikasi beton berkinerja tinggi.\r\n <\/p>\r\n <div class=\"nps-features-grid\">\r\n <span class=\"nps-feature-item\">Pengurangan Tinggi<\/span>\r\n <span class=\"nps-feature-item\">Keability Kerja Unggul<\/span>\r\n <span class=\"nps-feature-item\">Ramah Lingkungan<\/span>\r\n <span class=\"nps-feature-item\">Penggunaan Serbaguna<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/hpmc.ae\/id\/cellulose-ether-hpmc\/pce-superplasticizer-for-concrete\/\" class=\"nps-cta-button\" target=\"_blank\">\r\n Pelajari Lebih Lanjut\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Product 2: Silicone Hydrophobic Powder -->\r\n <div class=\"nps-product-card\">\r\n <div class=\"nps-image-container\">\r\n <img loading=\"lazy\" height=\"533\" width=\"799\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Silicone-Hydrophobic-Powder.jpg\" alt=\"Serbuk Hydrofobik Silikon\" class=\"nps-product-image\">\r\n <\/div>\r\n <div class=\"nps-content-section\">\r\n <div class=\"nps-product-badge\">Perlindungan<\/div>\r\n <h2 class=\"nps-product-title\">Serbuk Hidrofobik Silikon (SHP)<\/h2>\r\n <p class=\"nps-product-desc\">\r\n Serbuk hidrofobik berbasis silikon canggih yang memberikan ketahanan air yang luar biasa dan perlindungan kelembapan untuk bahan konstruksi dan pelapis.\r\n <\/p>\r\n <div class=\"nps-features-grid\">\r\n <span class=\"nps-feature-item\">Tahan Air<\/span>\r\n <span class=\"nps-feature-item\">Penghalang Kelembapan<\/span>\r\n <span class=\"nps-feature-item\">Tahan Lama<\/span>\r\n <span class=\"nps-feature-item\">Aplikasi Mudah<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/hpmc.ae\/id\/cellulose-ether-hpmc\/novastar-specialty-additives\/silicone-hydrophobic-powder\/\" class=\"nps-cta-button\" target=\"_blank\">\r\n Pelajari Lebih Lanjut\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Product 3: Gypsum Retarder -->\r\n <div class=\"nps-product-card\">\r\n <div class=\"nps-image-container\">\r\n <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Gypsum-Retarder-sample.jpg\" alt=\"Penghambat Pengaturan Gypsum\" class=\"nps-product-image\">\r\n <\/div>\r\n <div class=\"nps-content-section\">\r\n <div class=\"nps-product-badge\">Penghambat Waktu Pengaturan<\/div>\r\n <h2 class=\"nps-product-title\">Penghambat Pengaturan Gypsum<\/h2>\r\n <p class=\"nps-product-desc\">\r\n Penghambat gypsum profesional untuk pengendalian waktu pengaturan yang tepat memastikan waktu kerja optimal dan kualitas hasil permukaan yang baik.\r\n <\/p>\r\n <div class=\"nps-features-grid\">\r\n <span class=\"nps-feature-item\">Pengendalian Tepat<\/span>\r\n <span class=\"nps-feature-item\">Waktu Perpanjangan<\/span>\r\n <span class=\"nps-feature-item\">Hasil Akhir Berkualitas<\/span>\r\n <span class=\"nps-feature-item\">Profesional<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/hpmc.ae\/id\/cellulose-ether-hpmc\/novastar-specialty-additives\/gypsum-retarder\/\" class=\"nps-cta-button\" target=\"_blank\">\r\n Pelajari Lebih Lanjut\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Second Row: 3 Products -->\r\n <div class=\"nps-row-three\">\r\n <!-- Product 4: Powder Defoamer -->\r\n <div class=\"nps-product-card\">\r\n <div class=\"nps-image-container\">\r\n <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Powder-Defoamer.jpg\" alt=\"Agen Penghilang Busa\" class=\"nps-product-image\">\r\n <\/div>\r\n <div class=\"nps-content-section\">\r\n <div class=\"nps-product-badge\">Seri Additif<\/div>\r\n <h2 class=\"nps-product-title\">Defoamer Bubuk<\/h2>\r\n <p class=\"nps-product-desc\">\r\n Agen de-foaming efisiensi tinggi untuk aplikasi beton dan mortar. Secara efektif menghilangkan gelembung udara, meningkatkan kepadatan, dan memperbaiki hasil permukaan.\r\n <\/p>\r\n <div class=\"nps-features-grid\">\r\n <span class=\"nps-feature-item\">Penghilangan Gelembung<\/span>\r\n <span class=\"nps-feature-item\">Peningkatan Kepadatan<\/span>\r\n <span class=\"nps-feature-item\">Peningkatan Permukaan<\/span>\r\n <span class=\"nps-feature-item\">Efisiensi Tinggi<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/hpmc.ae\/id\/cellulose-ether-hpmc\/novastar-specialty-additives\/powder-defoamers\/\" class=\"nps-cta-button\" target=\"_blank\">\r\n Pelajari Lebih Lanjut\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Product 5: Hydroxypropyl Starch Ether -->\r\n <div class=\"nps-product-card\">\r\n <div class=\"nps-image-container\">\r\n <img loading=\"lazy\" height=\"533\" width=\"799\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Hydroxypropyl-Starch-Ether-sample-HPS.jpg\" alt=\"Eter Tepung Hydroxypropyl\" class=\"nps-product-image\">\r\n <\/div>\r\n <div class=\"nps-content-section\">\r\n <div class=\"nps-product-badge\">Seri Kinerja<\/div>\r\n <h2 class=\"nps-product-title\">Eter Tepung Hydroxypropyl (HPS)<\/h2>\r\n <p class=\"nps-product-desc\">\r\n Eter tepung pati berkinerja tinggi yang memberikan retensi air yang sangat baik, peningkatan kemampuan kerja, dan sifat pengikat untuk bahan berbasis gypsum dan semen.\r\n <\/p>\r\n <div class=\"nps-features-grid\">\r\n <span class=\"nps-feature-item\">Retensi Air<\/span>\r\n <span class=\"nps-feature-item\">Peningkatan Kemampuan Kerja<\/span>\r\n <span class=\"nps-feature-item\">Pengikatan Kuat<\/span>\r\n <span class=\"nps-feature-item\">Dasar Alami<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/hpmc.ae\/id\/cellulose-ether-hpmc\/novastar-specialty-additives\/hydroxypropyl-starch-ether-hps\/\" class=\"nps-cta-button\" target=\"_blank\">\r\n Pelajari Lebih Lanjut\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Product 6: Polypropylene Fiber -->\r\n <div class=\"nps-product-card\">\r\n <div class=\"nps-image-container\">\r\n <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Polypropylene-Fiber-samples.jpg\" alt=\"Penguat Serat PP\" class=\"nps-product-image\">\r\n <\/div>\r\n <div class=\"nps-content-section\">\r\n <div class=\"nps-product-badge\">Seri Serat<\/div>\r\n <h2 class=\"nps-product-title\">Serat Polipropilena (Serat PP)<\/h2>\r\n <p class=\"nps-product-desc\">\r\n Serat polipropilena berkualitas tinggi untuk penguatan beton. Memberikan kontrol retak yang sangat baik, ketahanan terhadap benturan, dan peningkatan integritas struktural dalam berbagai aplikasi konstruksi.\r\n <\/p>\r\n <div class=\"nps-features-grid\">\r\n <span class=\"nps-feature-item\">Kontrol Retak<\/span>\r\n <span class=\"nps-feature-item\">Ketahanan terhadap Benturan<\/span>\r\n <span class=\"nps-feature-item\">Mudah Dicampur<\/span>\r\n <span class=\"nps-feature-item\">Efektif Biaya<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/hpmc.ae\/id\/cellulose-ether-hpmc\/polypropylene-pp-fiber\/\" class=\"nps-cta-button\" target=\"_blank\">\r\n Pelajari Lebih Lanjut\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cb002f9 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"cb002f9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1f77f1e\" data-id=\"1f77f1e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-afa9c8f elementor-widget elementor-widget-html\" data-id=\"afa9c8f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\r\n \r\n \/* \u5c06\u6240\u6709\u6837\u5f0f\u9650\u5b9a\u5728 .landu-global-partner-wrapper \u5bb9\u5668\u5185 *\/\r\n .landu-global-partner-wrapper {\r\n font-family: 'Inter', sans-serif;\r\n }\r\n \r\n .landu-global-partner-wrapper * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .landu-global-partner-wrapper .global-partner-section {\r\n position: relative;\r\n background: #ffffff;\r\n padding: 100px 0;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u73b0\u4ee3\u5316\u80cc\u666f\u88c5\u9970 *\/\r\n .landu-global-partner-wrapper .bg-decoration {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: \r\n radial-gradient(circle at 85% 15%, rgba(72, 209, 204, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 15% 85%, rgba(52, 152, 219, 0.08) 0%, transparent 50%);\r\n z-index: 1;\r\n }\r\n\r\n .landu-global-partner-wrapper .floating-shapes {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n z-index: 1;\r\n }\r\n\r\n .landu-global-partner-wrapper .shape {\r\n position: absolute;\r\n opacity: 0.6;\r\n animation: landugentleFloat 12s ease-in-out infinite;\r\n }\r\n\r\n .landu-global-partner-wrapper .shape-1 {\r\n top: 20%;\r\n left: 5%;\r\n width: 100px;\r\n height: 100px;\r\n background: linear-gradient(135deg, #48d1cc20, #3498db15);\r\n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .landu-global-partner-wrapper .shape-2 {\r\n top: 60%;\r\n right: 8%;\r\n width: 80px;\r\n height: 80px;\r\n background: linear-gradient(45deg, #3498db20, #48d1cc15);\r\n border-radius: 50%;\r\n animation-delay: 4s;\r\n }\r\n\r\n .landu-global-partner-wrapper .shape-3 {\r\n bottom: 30%;\r\n left: 12%;\r\n width: 60px;\r\n height: 60px;\r\n background: linear-gradient(135deg, #2a529820, #48d1cc15);\r\n clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);\r\n animation-delay: 8s;\r\n }\r\n\r\n @keyframes landugentleFloat {\r\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n 33% { transform: translateY(-15px) rotate(3deg); }\r\n 66% { transform: translateY(-10px) rotate(-2deg); }\r\n }\r\n\r\n .landu-global-partner-wrapper .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .landu-global-partner-wrapper .section-header {\r\n text-align: center;\r\n margin-bottom: 80px;\r\n }\r\n\r\n .landu-global-partner-wrapper .section-title {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 3.5rem;\r\n font-weight: 800;\r\n color: #1a365d;\r\n margin-bottom: 24px;\r\n line-height: 1.2;\r\n background: linear-gradient(135deg, #1a365d 0%, #2a5298 50%, #3498db 100%);\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .landu-global-partner-wrapper .section-subtitle {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 1.25rem;\r\n font-weight: 400;\r\n color: #4a5568;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n }\r\n\r\n .landu-global-partner-wrapper .main-content {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: start;\r\n margin-bottom: 60px;\r\n }\r\n\r\n \/* \u5de6\u4fa7\u6587\u672c\u5185\u5bb9 *\/\r\n .landu-global-partner-wrapper .content-text {\r\n padding-right: 20px;\r\n }\r\n\r\n .landu-global-partner-wrapper .content-paragraph {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 1.1rem;\r\n font-weight: 400;\r\n line-height: 1.8;\r\n color: #2d3748;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .landu-global-partner-wrapper .highlight-text {\r\n background: linear-gradient(135deg, #48d1cc20, #3498db15);\r\n padding: 2px 8px;\r\n border-radius: 4px;\r\n font-weight: 500;\r\n }\r\n\r\n .landu-global-partner-wrapper .cta-section {\r\n margin-top: 50px;\r\n }\r\n\r\n .landu-global-partner-wrapper .cta-buttons {\r\n display: flex;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .landu-global-partner-wrapper .cta-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 16px 32px;\r\n font-family: 'Inter', sans-serif;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n text-decoration: none;\r\n border-radius: 50px;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .landu-global-partner-wrapper .cta-primary {\r\n background: linear-gradient(135deg, #3498db, #2980b9);\r\n color: white;\r\n box-shadow: 0 8px 30px rgba(52, 152, 219, 0.3);\r\n }\r\n\r\n .landu-global-partner-wrapper .cta-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 12px 40px rgba(52, 152, 219, 0.4);\r\n }\r\n\r\n .landu-global-partner-wrapper .cta-secondary {\r\n background: white;\r\n color: #3498db;\r\n border: 2px solid #3498db;\r\n box-shadow: 0 4px 20px rgba(52, 152, 219, 0.1);\r\n }\r\n\r\n .landu-global-partner-wrapper .cta-secondary:hover {\r\n background: #3498db;\r\n color: white;\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 30px rgba(52, 152, 219, 0.3);\r\n }\r\n\r\n \/* \u53f3\u4fa7\u56fe\u7247\u7f51\u683c *\/\r\n .landu-global-partner-wrapper .image-showcase {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n grid-template-rows: repeat(3, 140px);\r\n gap: 15px;\r\n height: 450px;\r\n }\r\n\r\n .landu-global-partner-wrapper .image-item {\r\n position: relative;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n background: #f7fafc;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .landu-global-partner-wrapper .image-item:hover {\r\n transform: translateY(-8px) scale(1.02);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n z-index: 10;\r\n }\r\n\r\n \/* \u521b\u610f\u5e03\u5c40 - 6\u5f20\u56fe\u7247 *\/\r\n .landu-global-partner-wrapper .image-item:nth-child(1) {\r\n grid-column: 1 \/ 3;\r\n grid-row: 1 \/ 2;\r\n }\r\n\r\n .landu-global-partner-wrapper .image-item:nth-child(2) {\r\n grid-column: 3 \/ 4;\r\n grid-row: 1 \/ 3;\r\n }\r\n\r\n .landu-global-partner-wrapper .image-item:nth-child(3) {\r\n grid-column: 1 \/ 2;\r\n grid-row: 2 \/ 4;\r\n }\r\n\r\n .landu-global-partner-wrapper .image-item:nth-child(4) {\r\n grid-column: 2 \/ 3;\r\n grid-row: 2 \/ 3;\r\n }\r\n\r\n .landu-global-partner-wrapper .image-item:nth-child(5) {\r\n grid-column: 2 \/ 4;\r\n grid-row: 3 \/ 4;\r\n }\r\n\r\n .landu-global-partner-wrapper .image-item:nth-child(6) {\r\n grid-column: 3 \/ 4;\r\n grid-row: 3 \/ 4;\r\n display: none; \/* \u9690\u85cf\u7b2c6\u5f20,\u4fdd\u63015\u5f20\u7684\u5e73\u8861\u5e03\u5c40 *\/\r\n }\r\n\r\n .landu-global-partner-wrapper .image-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n transition: transform 0.5s ease;\r\n filter: brightness(0.95) contrast(1.05);\r\n }\r\n\r\n .landu-global-partner-wrapper .image-item:hover img {\r\n transform: scale(1.1);\r\n filter: brightness(1) contrast(1.1) saturate(1.1);\r\n }\r\n\r\n .landu-global-partner-wrapper .image-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: linear-gradient(transparent, rgba(26, 54, 93, 0.9));\r\n color: white;\r\n padding: 20px 15px 15px;\r\n transform: translateY(100%);\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .landu-global-partner-wrapper .image-item:hover .image-overlay {\r\n transform: translateY(0);\r\n }\r\n\r\n .landu-global-partner-wrapper .overlay-title {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .landu-global-partner-wrapper .overlay-desc {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.75rem;\r\n font-weight: 400;\r\n opacity: 0.9;\r\n }\r\n\r\n \/* \u7edf\u8ba1\u6570\u636e\u533a\u57df *\/\r\n .landu-global-partner-wrapper .stats-section {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 30px;\r\n padding: 60px 0;\r\n border-top: 1px solid #e2e8f0;\r\n margin-top: 60px;\r\n }\r\n\r\n .landu-global-partner-wrapper .stat-item {\r\n text-align: center;\r\n padding: 30px 20px;\r\n background: white;\r\n border-radius: 20px;\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .landu-global-partner-wrapper .stat-item:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .landu-global-partner-wrapper .stat-number {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n color: #3498db;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .landu-global-partner-wrapper .stat-label {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 0.95rem;\r\n font-weight: 500;\r\n color: #4a5568;\r\n }\r\n\r\n \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\r\n @media (max-width: 1024px) {\r\n .landu-global-partner-wrapper .main-content {\r\n grid-template-columns: 1fr;\r\n gap: 60px;\r\n }\r\n\r\n .landu-global-partner-wrapper .section-title {\r\n font-size: 3rem;\r\n }\r\n\r\n .landu-global-partner-wrapper .stats-section {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .landu-global-partner-wrapper .container {\r\n padding: 0 20px;\r\n }\r\n\r\n .landu-global-partner-wrapper .global-partner-section {\r\n padding: 60px 0;\r\n }\r\n\r\n .landu-global-partner-wrapper .section-title {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .landu-global-partner-wrapper .section-subtitle {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .landu-global-partner-wrapper .image-showcase {\r\n grid-template-columns: repeat(2, 1fr);\r\n grid-template-rows: repeat(3, 120px);\r\n height: 380px;\r\n }\r\n\r\n .landu-global-partner-wrapper .image-item:nth-child(1) { grid-column: 1 \/ 3; grid-row: 1; }\r\n .landu-global-partner-wrapper .image-item:nth-child(2) { grid-column: 1; grid-row: 2; }\r\n .landu-global-partner-wrapper .image-item:nth-child(3) { grid-column: 2; grid-row: 2; }\r\n .landu-global-partner-wrapper .image-item:nth-child(4) { grid-column: 1; grid-row: 3; }\r\n .landu-global-partner-wrapper .image-item:nth-child(5) { grid-column: 2; grid-row: 3; }\r\n\r\n .landu-global-partner-wrapper .cta-buttons {\r\n justify-content: center;\r\n }\r\n\r\n .landu-global-partner-wrapper .stats-section {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .landu-global-partner-wrapper .section-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .landu-global-partner-wrapper .cta-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .landu-global-partner-wrapper .cta-btn {\r\n width: 100%;\r\n max-width: 250px;\r\n justify-content: center;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"landu-global-partner-wrapper\">\r\n <section class=\"global-partner-section\">\r\n <!-- \u80cc\u666f\u88c5\u9970 -->\r\n <div class=\"bg-decoration\"><\/div>\r\n <div class=\"floating-shapes\">\r\n <div class=\"shape shape-1\"><\/div>\r\n <div class=\"shape shape-2\"><\/div>\r\n <div class=\"shape shape-3\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"container\">\r\n <!-- \u533a\u57df\u6807\u9898 -->\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">Mitra Global Anda dalam Bahan Kimia Konstruksi<\/h2>\r\n <p class=\"section-subtitle\">\r\n Membuka inovasi dan keberlanjutan dalam bahan kimia konstruksi di seluruh dunia\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- \u4e3b\u8981\u5185\u5bb9\u533a\u57df -->\r\n <div class=\"main-content\">\r\n <!-- \u5de6\u4fa7\uff1a\u6587\u5b57\u5185\u5bb9 -->\r\n <div class=\"content-text\">\r\n <p class=\"content-paragraph\">\r\n <span class=\"highlight-text\">LANDU berada di garis depan<\/span> dari industri bahan kimia konstruksi di Indonesia, didorong oleh komitmen terhadap inovasi, tanggung jawab lingkungan, dan kualitas tanpa kompromi. Beragam produk kami\u2014mulai dari eter selulosa, bubuk polimer redispersible, hingga aditif khusus canggih\u2014memberikan kinerja dan keandalan yang meningkat untuk bahan bangunan di seluruh dunia.\r\n <\/p>\r\n \r\n <p class=\"content-paragraph\">\r\n Namun misi kami jauh melampaui pembuatan. Di LANDU, kami berinvestasi dalam keberhasilan setiap pelanggan dengan menyediakan <span class=\"highlight-text\">bimbingan teknis yang disesuaikan<\/span>, solusi yang dapat diadaptasi, dan rantai pasokan yang dapat diandalkan. Kami bertujuan menjadi lebih dari sekadar pemasok \u2014 kami adalah sekutu jangka panjang Anda dalam menciptakan struktur yang lebih kuat dan masa depan yang lebih berkelanjutan.\r\n <\/p>\r\n\r\n <div class=\"cta-section\">\r\n <div class=\"cta-buttons\">\r\n <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" class=\"cta-btn cta-primary\" target=\"_blank\">\r\n <span>\ud83d\ude80<\/span>\r\n Jelajahi Solusi\r\n <\/a>\r\n <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" class=\"cta-btn cta-secondary\" target=\"_blank\">\r\n <span>\ud83d\udcac<\/span>\r\n Hubungi LANDU\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u53f3\u4fa7\uff1a\u56fe\u7247\u5c55\u793a -->\r\n <div class=\"image-showcase\">\r\n <div class=\"image-item\">\r\n <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-application-test-laboratories.jpg\" alt=\"Penelitian Laboratorium\" loading=\"lazy\">\r\n <div class=\"image-overlay\">\r\n <div class=\"overlay-title\">\ud83d\udd2c Laboratorium Canggih<\/div>\r\n <div class=\"overlay-desc\">Fasilitas penelitian mutakhir<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"image-item\">\r\n <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-application-test-innovative-laboratories-1.jpg\" alt=\"Inovasi R&D\" loading=\"lazy\">\r\n <div class=\"image-overlay\">\r\n <div class=\"overlay-title\">\ud83d\udca1 Keunggulan R&D<\/div>\r\n <div class=\"overlay-desc\">Pengembangan berbasis inovasi<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"image-item\">\r\n <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-product-performance-application-test-equipment.jpg\" alt=\"Solusi Pintar\" loading=\"lazy\">\r\n <div class=\"image-overlay\">\r\n <div class=\"overlay-title\">\ud83c\udfd7\ufe0f Solusi Pintar<\/div>\r\n <div class=\"overlay-desc\">Aplikasi mutakhir<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"image-item\">\r\n <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/landu-professional-service-7.jpg\" alt=\"Layanan Profesional\" loading=\"lazy\">\r\n <div class=\"image-overlay\">\r\n <div class=\"overlay-title\">\u26a1 Layanan Profesional<\/div>\r\n <div class=\"overlay-desc\">Dukungan teknis ahli<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"image-item\">\r\n <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/landu-professional-service-32.jpg\" alt=\"Kemitraan Global\" loading=\"lazy\">\r\n <div class=\"image-overlay\">\r\n <div class=\"overlay-title\">\ud83c\udf0d Jaringan Global<\/div>\r\n <div class=\"overlay-desc\">Kemitraan di Seluruh Dunia<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u7edf\u8ba1\u6570\u636e\u533a\u57df -->\r\n <div class=\"stats-section\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">25+<\/div>\r\n <div class=\"stat-label\">Pengalaman Bertahun-tahun<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">100+<\/div>\r\n <div class=\"stat-label\">Negara yang Dilayani<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">500+<\/div>\r\n <div class=\"stat-label\">Mitra Global<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">50+<\/div>\r\n <div class=\"stat-label\">Lini Produk<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bdab2ff elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"bdab2ff\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-81567cf\" data-id=\"81567cf\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-70d0949 elementor-widget elementor-widget-html\" data-id=\"70d0949\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\r\n \r\n .landu-applications-wrapper {\r\n font-family: 'Inter', sans-serif;\r\n }\r\n \r\n .landu-applications-wrapper * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .landu-applications-wrapper .applications-section {\r\n position: relative;\r\n background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0891b2 100%);\r\n padding: 100px 0;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u84dd\u7eff\u6e10\u53d8\u80cc\u666f\u88c5\u9970 *\/\r\n .landu-applications-wrapper .gradient-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: \r\n radial-gradient(circle at 10% 20%, rgba(6, 182, 212, 0.15) 0%, transparent 50%),\r\n radial-gradient(circle at 90% 80%, rgba(16, 185, 129, 0.12) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(13, 148, 136, 0.08) 0%, transparent 50%);\r\n z-index: 1;\r\n }\r\n\r\n .landu-applications-wrapper .floating-particles {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n z-index: 1;\r\n }\r\n\r\n .landu-applications-wrapper .particle {\r\n position: absolute;\r\n width: 6px;\r\n height: 6px;\r\n background: rgba(6, 182, 212, 0.4);\r\n border-radius: 50%;\r\n animation: particleFloat 15s ease-in-out infinite;\r\n }\r\n\r\n .landu-applications-wrapper .particle:nth-child(1) { top: 10%; left: 10%; animation-delay: 0s; }\r\n .landu-applications-wrapper .particle:nth-child(2) { top: 20%; right: 15%; animation-delay: 3s; }\r\n .landu-applications-wrapper .particle:nth-child(3) { bottom: 30%; left: 20%; animation-delay: 6s; }\r\n .landu-applications-wrapper .particle:nth-child(4) { bottom: 10%; right: 10%; animation-delay: 9s; }\r\n .landu-applications-wrapper .particle:nth-child(5) { top: 50%; left: 50%; animation-delay: 12s; }\r\n\r\n @keyframes particleFloat {\r\n 0%, 100% { transform: translateY(0px) scale(1); opacity: 0.4; }\r\n 50% { transform: translateY(-30px) scale(1.2); opacity: 0.8; }\r\n }\r\n\r\n .landu-applications-wrapper .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .landu-applications-wrapper .section-header {\r\n text-align: center;\r\n margin-bottom: 80px;\r\n }\r\n\r\n .landu-applications-wrapper .section-title {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 3.5rem;\r\n font-weight: 800;\r\n color: #ffffff;\r\n margin-bottom: 25px;\r\n line-height: 1.2;\r\n }\r\n\r\n .landu-applications-wrapper .section-subtitle {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 1.2rem;\r\n font-weight: 400;\r\n color: #94a3b8;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* \u5e94\u7528\u7f51\u683c\u5e03\u5c40 *\/\r\n .landu-applications-wrapper .applications-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 30px;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .landu-applications-wrapper .application-card {\r\n background: rgba(255, 255, 255, 0.05);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 20px;\r\n overflow: hidden;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n .landu-applications-wrapper .application-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);\r\n border-color: rgba(6, 182, 212, 0.5);\r\n background: rgba(6, 182, 212, 0.1);\r\n }\r\n\r\n .landu-applications-wrapper .card-image {\r\n width: 100%;\r\n height: 220px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .landu-applications-wrapper .card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n transition: transform 0.6s ease;\r\n filter: brightness(0.9) contrast(1.1);\r\n }\r\n\r\n .landu-applications-wrapper .application-card:hover .card-image img {\r\n transform: scale(1.1);\r\n filter: brightness(1) contrast(1.2) saturate(1.1);\r\n }\r\n\r\n .landu-applications-wrapper .image-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.2), rgba(16, 185, 129, 0.1));\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n }\r\n\r\n .landu-applications-wrapper .application-card:hover .image-overlay {\r\n opacity: 1;\r\n }\r\n\r\n .landu-applications-wrapper .card-content {\r\n padding: 25px;\r\n color: white;\r\n }\r\n\r\n .landu-applications-wrapper .card-title {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin-bottom: 15px;\r\n line-height: 1.3;\r\n }\r\n\r\n .landu-applications-wrapper .card-description {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n color: #cbd5e1;\r\n line-height: 1.6;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .landu-applications-wrapper .view-more-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 12px 24px;\r\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.2), rgba(16, 185, 129, 0.15));\r\n color: #06b6d4;\r\n text-decoration: none;\r\n border-radius: 30px;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n border: 1px solid rgba(6, 182, 212, 0.3);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .landu-applications-wrapper .view-more-btn:hover {\r\n background: linear-gradient(135deg, #06b6d4, #10b981);\r\n color: white;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(6, 182, 212, 0.3);\r\n }\r\n\r\n .landu-applications-wrapper .view-more-btn .arrow {\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .landu-applications-wrapper .view-more-btn:hover .arrow {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* \u7279\u8272\u9ad8\u4eae\u5361\u7247 *\/\r\n .landu-applications-wrapper .featured-card {\r\n grid-column: span 2;\r\n background: linear-gradient(135deg, rgba(6, 182, 212, 0.15), rgba(16, 185, 129, 0.1));\r\n border: 2px solid rgba(6, 182, 212, 0.3);\r\n }\r\n\r\n .landu-applications-wrapper .featured-card .card-image {\r\n height: 280px;\r\n }\r\n\r\n .landu-applications-wrapper .featured-badge {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n background: linear-gradient(135deg, #06b6d4, #10b981);\r\n color: white;\r\n padding: 6px 12px;\r\n border-radius: 15px;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n z-index: 2;\r\n }\r\n\r\n \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\r\n @media (max-width: 1024px) {\r\n .landu-applications-wrapper .applications-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .landu-applications-wrapper .featured-card {\r\n grid-column: span 1;\r\n }\r\n\r\n .landu-applications-wrapper .section-title {\r\n font-size: 3rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .landu-applications-wrapper .container {\r\n padding: 0 20px;\r\n }\r\n\r\n .landu-applications-wrapper .applications-section {\r\n padding: 80px 0;\r\n }\r\n\r\n .landu-applications-wrapper .section-title {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .landu-applications-wrapper .section-subtitle {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .landu-applications-wrapper .applications-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .landu-applications-wrapper .card-image {\r\n height: 200px;\r\n }\r\n\r\n .landu-applications-wrapper .featured-card .card-image {\r\n height: 220px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .landu-applications-wrapper .section-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .landu-applications-wrapper .card-content {\r\n padding: 20px;\r\n }\r\n\r\n .landu-applications-wrapper .card-title {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .landu-applications-wrapper .card-description {\r\n font-size: 0.95rem;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"landu-applications-wrapper\">\r\n <section class=\"applications-section\">\r\n <!-- \u84dd\u7eff\u6e10\u53d8\u80cc\u666f -->\r\n <div class=\"gradient-bg\"><\/div>\r\n <div class=\"floating-particles\">\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <div class=\"particle\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"container\">\r\n <!-- \u6807\u9898\u533a\u57df -->\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">Aplikasi yang Kami Layani<\/h2>\r\n <p class=\"section-subtitle\">\r\n Keahlian kami dalam ilmu pengetahuan dan kimia mendorong inovasi di berbagai industri. Dengan mengintegrasikan aditif peningkat kinerja ke dalam berbagai formulasi, kami membantu mengubah bahan bangunan dan produk khusus di seluruh dunia.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- \u5e94\u7528\u7f51\u683c -->\r\n <div class=\"applications-grid\">\r\n <!-- Tile Adhesive - \u7279\u8272\u5361\u7247 -->\r\n <div class=\"application-card featured-card\">\r\n <div class=\"featured-badge\">Unggulan<\/div>\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn1.genspark.ai\/user-upload-image\/5_generated\/8c6569b8-510f-439e-80b7-faf411ac93c2\" alt=\"Aplikasi Lem Keramik\" loading=\"lazy\">\r\n <div class=\"image-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">lem perekat ubin<\/h3>\r\n <p class=\"card-description\">\r\n Juga dikenal sebagai perekat ubin, formulasi ini menggabungkan semen, pasir, batu kapur, air, dan aditif canggih untuk memberikan kekuatan ikatan yang unggul dan daya tahan yang tahan lama.\r\n <\/p>\r\n <a href=\"https:\/\/hpmc.ae\/id\/industrial-applications\/drymix-mortar\/tile-adhesive-performance-with-hpmc\/\" class=\"view-more-btn\" target=\"_blank\">\r\n Lihat Lebih Banyak\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Skim Coat \/ Wall Putty -->\r\n <div class=\"application-card\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn1.genspark.ai\/user-upload-image\/5_generated\/a6172bbd-0094-49b6-acfb-53b6dad3f8ed\" alt=\"Skim Coat Wall Putty\" loading=\"lazy\">\r\n <div class=\"image-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Tambah bahan untuk lapisan tipis \/ plamir dinding<\/h3>\r\n <p class=\"card-description\">\r\n Sering disebut sebagai lapisan skim, plamir dinding adalah lapisan halus, dekoratif, dan fungsional yang terbuat dari semen putih, air, dan aditif peningkatan kinerja khusus.\r\n <\/p>\r\n <a href=\"https:\/\/hpmc.ae\/id\/industrial-applications\/drymix-mortar\/wall-putty-additives\/\" class=\"view-more-btn\" target=\"_blank\">\r\n Lihat Lebih Banyak\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ETICS \/ EIFS -->\r\n <div class=\"application-card\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn1.genspark.ai\/user-upload-image\/5_generated\/b2a2910b-8476-4b36-836b-5e475c4013b8\" alt=\"Insulasi Termal ETICS EIFS\" loading=\"lazy\">\r\n <div class=\"image-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Zat Tambahan ETICS \/ EIFS<\/h3>\r\n <p class=\"card-description\">\r\n Sistem Insulasi Termal Eksterior (ETICS), juga disebut EIFS, adalah solusi berlapis banyak yang dirancang untuk memberikan isolasi yang efektif dan ketahanan terhadap cuaca.\r\n <\/p>\r\n <a href=\"https:\/\/hpmc.ae\/id\/industrial-applications\/drymix-mortar\/external-thermal-insulation-composite-systems-additives\/\" class=\"view-more-btn\" target=\"_blank\">\r\n Lihat Lebih Banyak\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Gypsum Applications -->\r\n <div class=\"application-card\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn1.genspark.ai\/user-upload-image\/5_generated\/1c796df3-9434-4c3b-847c-ddf217834bfb\" alt=\"Aplikasi Plester Gypsum\" loading=\"lazy\">\r\n <div class=\"image-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Aplikasi Gypsum<\/h3>\r\n <p class=\"card-description\">\r\n Solusi berbasis gypsum kami mencakup berbagai produk \u2014 dari plester gypsum berkualitas tinggi hingga ornamen dekoratif \u2014 dirancang untuk presisi, hasil akhir, dan kinerja yang tahan lama.\r\n <\/p>\r\n <a href=\"https:\/\/hpmc.ae\/id\/industrial-applications\/drymix-mortar\/gypsum-additives\/\" class=\"view-more-btn\" target=\"_blank\">\r\n Lihat Lebih Banyak\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Self-Leveling Compounds -->\r\n <div class=\"application-card\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn1.genspark.ai\/user-upload-image\/5_generated\/e6bbbf74-c7ab-4c99-9f9e-307221a9c24b\" alt=\"Campuran Pengisi Otomatis\" loading=\"lazy\">\r\n <div class=\"image-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Campuran Pengisi Otomatis<\/h3>\r\n <p class=\"card-description\">\r\n Campuran semen ini yang terdiri dari pengisi dan aditif kimia mengalir dengan mudah, menciptakan permukaan yang halus dan rata yang ideal untuk penutup lantai akhir.\r\n <\/p>\r\n <a href=\"https:\/\/hpmc.ae\/id\/industrial-applications\/drymix-mortar\/self-leveling-compounds-additives\/\" class=\"view-more-btn\" target=\"_blank\">\r\n Lihat Lebih Banyak\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Cement Render -->\r\n <div class=\"application-card\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn1.genspark.ai\/user-upload-image\/5_generated\/0a03c9cd-adac-4e1f-911f-b86ee2d00cbe\" alt=\"Tambah bahan aditif untuk plester semen\" loading=\"lazy\">\r\n <div class=\"image-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Tambah bahan aditif untuk plester semen<\/h3>\r\n <p class=\"card-description\">\r\n Juga dikenal sebagai plester berbasis semen, campuran serbaguna dari semen, pasir, air, dan aditif kinerja ini menawarkan kemudahan pengerjaan dan daya tahan yang lebih baik.\r\n <\/p>\r\n <a href=\"https:\/\/hpmc.ae\/id\/industrial-applications\/drymix-mortar\/cement-plaster-render-additives\/\" class=\"view-more-btn\" target=\"_blank\">\r\n Lihat Lebih Banyak\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Paint & Coatings -->\r\n <div class=\"application-card\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn1.genspark.ai\/user-upload-image\/5_generated\/a9b8b467-d1ee-4321-b246-0b7ace597783\" alt=\"Tambah Cat dan Lapisan\" loading=\"lazy\">\r\n <div class=\"image-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Zat Tambah Cat & Pelapis<\/h3>\r\n <p class=\"card-description\">\r\n Dirancang untuk daya tarik dekoratif dan kinerja perlindungan, aditif kami meningkatkan penampilan, daya tahan, dan efisiensi aplikasi dalam cat dan pelapis.\r\n <\/p>\r\n <a href=\"https:\/\/hpmc.ae\/id\/industrial-applications\/paints-and-coatings\/\" class=\"view-more-btn\" target=\"_blank\">\r\n Lihat Lebih Banyak\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Personal & Home Care -->\r\n <div class=\"application-card\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn1.genspark.ai\/user-upload-image\/5_generated\/757c3d28-63cd-4d04-878f-a07aadd12d6b\" alt=\"Produk Perawatan Pribadi Rumah\" loading=\"lazy\">\r\n <div class=\"image-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Perawatan Pribadi & Rumah<\/h3>\r\n <p class=\"card-description\">\r\n Teknologi kami juga mendukung formulasi khusus di sektor perawatan pribadi dan rumah tangga, menyelaraskan fungsi dengan standar keamanan dan kualitas.\r\n <\/p>\r\n <a href=\"https:\/\/hpmc.ae\/id\/industrial-applications\/personal-and-home-care\/\" class=\"view-more-btn\" target=\"_blank\">\r\n Lihat Lebih Banyak\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f2e102 elementor-widget elementor-widget-html\" data-id=\"1f2e102\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>LANDU - Keunggulan Kompetitif Kami<\/title>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: #ffffff;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* \u7ade\u4e89\u4f18\u52bf\u4e3b\u533a\u5757 *\/\r\n .competitive-advantages {\r\n position: relative;\r\n background: linear-gradient(135deg, #ffffff 0%, #f8fbff 25%, #f0f8ff 75%, #ffffff 100%);\r\n padding: 50px 0;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u80cc\u666f\u88c5\u9970 *\/\r\n .bg-decoration {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: \r\n radial-gradient(circle at 20% 20%, rgba(52, 152, 219, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 80%, rgba(72, 209, 204, 0.08) 0%, transparent 50%);\r\n z-index: 1;\r\n }\r\n\r\n .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* \u6807\u9898\u533a\u57df *\/\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .section-title {\r\n font-size: 3rem;\r\n font-weight: 800;\r\n color: #1a365d;\r\n margin-bottom: 15px;\r\n line-height: 1.2;\r\n background: linear-gradient(135deg, #1a365d 0%, #2980b9 35%, #3498db 70%, #48d1cc 100%);\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .section-title::after {\r\n content: '';\r\n display: block;\r\n width: 80px;\r\n height: 3px;\r\n background: linear-gradient(90deg, #3498db, #48d1cc);\r\n margin: 15px auto 0;\r\n border-radius: 2px;\r\n }\r\n\r\n \/* \u4f18\u52bf\u7f51\u683c *\/\r\n .advantages-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\r\n gap: 25px;\r\n margin-top: 30px;\r\n }\r\n\r\n .advantage-card {\r\n background: white;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 6px 30px rgba(52, 152, 219, 0.08);\r\n transition: all 0.4s ease;\r\n position: relative;\r\n border: 1px solid rgba(52, 152, 219, 0.1);\r\n height: auto;\r\n }\r\n\r\n .advantage-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 3px;\r\n background: linear-gradient(135deg, #3498db, #48d1cc);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.4s ease;\r\n z-index: 2;\r\n }\r\n\r\n .advantage-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 60px rgba(52, 152, 219, 0.15);\r\n }\r\n\r\n .advantage-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n \/* \u56fe\u7247\u533a\u57df *\/\r\n .advantage-image {\r\n width: 100%;\r\n height: 200px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .advantage-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n transition: all 0.5s ease;\r\n filter: brightness(0.9) contrast(1.1);\r\n }\r\n\r\n .advantage-card:hover .advantage-image img {\r\n transform: scale(1.08);\r\n filter: brightness(1) contrast(1.15) saturate(1.1);\r\n }\r\n\r\n \/* \u56fe\u7247\u6e10\u53d8\u906e\u7f69 *\/\r\n .image-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 60px;\r\n background: linear-gradient(transparent, rgba(26, 54, 93, 0.6));\r\n z-index: 1;\r\n }\r\n\r\n \/* \u5185\u5bb9\u533a\u57df *\/\r\n .advantage-content {\r\n padding: 25px 20px;\r\n }\r\n\r\n .advantage-title {\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n color: #1a365d;\r\n margin-bottom: 12px;\r\n line-height: 1.3;\r\n }\r\n\r\n .advantage-description {\r\n font-size: 0.95rem;\r\n color: #4a5568;\r\n line-height: 1.7;\r\n margin-bottom: 18px;\r\n }\r\n\r\n \/* \u5b9a\u5236\u670d\u52a1\u7279\u8272\u533a\u57df *\/\r\n .customization-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 12px;\r\n margin: 18px 0 12px 0;\r\n }\r\n\r\n .custom-feature {\r\n background: linear-gradient(135deg, #f8fbff, #f0f8ff);\r\n border-radius: 10px;\r\n padding: 14px;\r\n border-left: 3px solid #48d1cc;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .custom-feature:hover {\r\n transform: translateX(3px);\r\n box-shadow: 0 4px 12px rgba(72, 209, 204, 0.15);\r\n }\r\n\r\n .custom-feature-icon {\r\n font-size: 1.5rem;\r\n margin-bottom: 6px;\r\n display: block;\r\n }\r\n\r\n .custom-feature-title {\r\n font-size: 0.85rem;\r\n font-weight: 700;\r\n color: #1a365d;\r\n margin-bottom: 4px;\r\n line-height: 1.3;\r\n }\r\n\r\n .custom-feature-desc {\r\n font-size: 0.8rem;\r\n color: #4a5568;\r\n line-height: 1.5;\r\n }\r\n\r\n .customization-highlight {\r\n font-style: italic;\r\n color: #48d1cc;\r\n font-weight: 500;\r\n margin-top: 12px;\r\n font-size: 0.9rem;\r\n padding: 10px;\r\n background: rgba(72, 209, 204, 0.1);\r\n border-radius: 8px;\r\n text-align: center;\r\n }\r\n\r\n \/* \u4ea7\u80fd\u6570\u636e\u7279\u6b8a\u6837\u5f0f *\/\r\n .capacity-data {\r\n background: linear-gradient(135deg, #f8fbff, #f0f8ff);\r\n border-radius: 12px;\r\n padding: 18px;\r\n margin: 18px 0 12px 0;\r\n border-left: 3px solid #3498db;\r\n }\r\n\r\n .capacity-item {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 10px;\r\n gap: 10px;\r\n }\r\n\r\n .capacity-item:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .capacity-number {\r\n font-size: 1.5rem;\r\n font-weight: 800;\r\n color: #3498db;\r\n min-width: 75px;\r\n text-shadow: 0 2px 10px rgba(52, 152, 219, 0.2);\r\n }\r\n\r\n .capacity-unit {\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n color: #2d3748;\r\n flex: 1;\r\n }\r\n\r\n .delivery-guarantee {\r\n font-style: italic;\r\n color: #48d1cc;\r\n font-weight: 500;\r\n margin-top: 12px;\r\n font-size: 0.9rem;\r\n padding: 10px;\r\n background: rgba(72, 209, 204, 0.1);\r\n border-radius: 8px;\r\n text-align: center;\r\n }\r\n\r\n \/* CTA\u6309\u94ae *\/\r\n .advantage-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 12px 24px;\r\n background: linear-gradient(135deg, #3498db, #2980b9);\r\n color: white;\r\n text-decoration: none;\r\n border-radius: 25px;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 20px rgba(52, 152, 219, 0.3);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .advantage-cta::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n transition: left 0.6s ease;\r\n }\r\n\r\n .advantage-cta:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .advantage-cta:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 30px rgba(52, 152, 219, 0.4);\r\n }\r\n\r\n .cta-text {\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .advantage-cta:hover .cta-text {\r\n transform: translateX(3px);\r\n }\r\n\r\n \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\r\n @media (max-width: 1024px) {\r\n .advantages-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 22px;\r\n }\r\n\r\n .section-title {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .advantage-image {\r\n height: 180px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .competitive-advantages {\r\n padding: 40px 0;\r\n }\r\n\r\n .container {\r\n padding: 0 20px;\r\n }\r\n\r\n .section-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .section-header {\r\n margin-bottom: 30px;\r\n }\r\n\r\n .advantages-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .advantage-content {\r\n padding: 20px 18px;\r\n }\r\n\r\n .advantage-title {\r\n font-size: 1.25rem;\r\n }\r\n\r\n .advantage-description {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .advantage-image {\r\n height: 160px;\r\n }\r\n\r\n .capacity-number {\r\n font-size: 1.3rem;\r\n }\r\n\r\n .customization-grid {\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .competitive-advantages {\r\n padding: 30px 0;\r\n }\r\n\r\n .section-title {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .advantage-content {\r\n padding: 18px 15px;\r\n }\r\n\r\n .advantage-image {\r\n height: 140px;\r\n }\r\n\r\n .capacity-item {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 4px;\r\n }\r\n\r\n .capacity-number {\r\n min-width: auto;\r\n }\r\n\r\n .advantage-cta {\r\n width: 100%;\r\n justify-content: center;\r\n font-size: 0.85rem;\r\n padding: 10px 20px;\r\n }\r\n\r\n .customization-grid {\r\n gap: 8px;\r\n }\r\n\r\n .custom-feature {\r\n padding: 12px;\r\n }\r\n\r\n .custom-feature-icon {\r\n font-size: 1.3rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"competitive-advantages\">\r\n <div class=\"bg-decoration\"><\/div>\r\n \r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">Keunggulan Kompetitif Kami<\/h2>\r\n <\/div>\r\n\r\n <div class=\"advantages-grid\">\r\n <!-- Advanced Technology -->\r\n <div class=\"advantage-card\">\r\n <div class=\"advantage-image\">\r\n <img height=\"1280\" width=\"1920\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-advanced-spray-drying.jpg\" alt=\"Teknologi Manufaktur Canggih\" loading=\"lazy\">\r\n <div class=\"image-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"advantage-content\">\r\n <h3 class=\"advantage-title\">Teknologi Canggih<\/h3>\r\n <p class=\"advantage-description\">\r\n Di LANDU, kami beroperasi dengan peralatan berteknologi tinggi yang dirancang oleh insinyur Jerman dan proses manufaktur canggih yang sepenuhnya sesuai dengan standar kualitas internasional. Pusat R&D kami yang berdedikasi bekerja tanpa henti untuk mengembangkan formula baru yang berkinerja tinggi.\r\n <\/p>\r\n <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" class=\"advantage-cta\" target=\"_blank\">\r\n <span class=\"cta-text\">Tanya Sekarang<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Quality Consistency -->\r\n <div class=\"advantage-card\">\r\n <div class=\"advantage-image\">\r\n <img height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/HPMC-raw-material-REFINED-cotton-LANDU.jpg\" alt=\"Laboratorium Pengendalian Kualitas\" loading=\"lazy\">\r\n <div class=\"image-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"advantage-content\">\r\n <h3 class=\"advantage-title\">Konsistensi Kualitas<\/h3>\r\n <p class=\"advantage-description\">\r\n Kualitas bukan hanya bagian dari proses kami \u2014 itu inti dari filosofi bisnis kami. Dari pengambilan sampel awal hingga produksi skala penuh, setiap batch menjalani pemeriksaan kualitas yang teliti dan berlapis-lapis.\r\n <\/p>\r\n <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" class=\"advantage-cta\" target=\"_blank\">\r\n <span class=\"cta-text\">Tanya Sekarang<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Customization Service -->\r\n <div class=\"advantage-card\">\r\n <div class=\"advantage-image\">\r\n <img height=\"507\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/landu-laboratory-cellulose-ether.jpg\" alt=\"Layanan Kustomisasi R&D\" loading=\"lazy\">\r\n <div class=\"image-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"advantage-content\">\r\n <h3 class=\"advantage-title\">Layanan Kustomisasi<\/h3>\r\n <p class=\"advantage-description\">\r\n Mengandalkan bertahun-tahun pengalaman OEM dan hubungan yang kuat dengan klien global, LANDU mengkhususkan diri dalam menciptakan formulasi kustom yang secara tepat sesuai dengan kebutuhan aplikasi dan regulasi lokal Anda.\r\n <\/p>\r\n \r\n <div class=\"customization-grid\">\r\n <div class=\"custom-feature\">\r\n <div class=\"custom-feature-title\">Formulasi Khusus<\/div>\r\n <div class=\"custom-feature-desc\">Spesifikasi unik sesuai kebutuhan Anda<\/div>\r\n <\/div>\r\n <div class=\"custom-feature\">\r\n <div class=\"custom-feature-title\">Pengembangan Kolaboratif<\/div>\r\n <div class=\"custom-feature-desc\">Merancang solusi bersama para ahli R&D kami<\/div>\r\n <\/div>\r\n <div class=\"custom-feature\">\r\n <div class=\"custom-feature-title\">Dukungan Teknis<\/div>\r\n <div class=\"custom-feature-desc\">Dari pengambilan sampel hingga produksi skala penuh<\/div>\r\n <\/div>\r\n <div class=\"custom-feature\">\r\n <div class=\"custom-feature-title\">Kemasan Fleksibel<\/div>\r\n <div class=\"custom-feature-desc\">Ukuran khusus & opsi label pribadi<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"customization-highlight\">\r\n Ubah visi Anda menjadi kenyataan dengan solusi yang dirancang dengan presisi\r\n <\/div>\r\n\r\n <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" class=\"advantage-cta\" target=\"_blank\">\r\n <span class=\"cta-text\">Tanya Sekarang<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Annual Capacity -->\r\n <div class=\"advantage-card\">\r\n <div class=\"advantage-image\">\r\n <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-Factory.webp\" alt=\"Fasilitas Kapasitas Produksi\" loading=\"lazy\">\r\n <div class=\"image-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"advantage-content\">\r\n <h3 class=\"advantage-title\">Kapasitas Tahunan<\/h3>\r\n <p class=\"advantage-description\">Skala produksi kami memastikan keamanan pasokan dan fleksibilitas untuk semua ukuran pesanan:<\/p>\r\n \r\n <div class=\"capacity-data\">\r\n <div class=\"capacity-item\">\r\n <span class=\"capacity-number\">40,000<\/span>\r\n <span class=\"capacity-unit\">MT\/tahun eter selulosa<\/span>\r\n <\/div>\r\n <div class=\"capacity-item\">\r\n <span class=\"capacity-number\">20,000<\/span>\r\n <span class=\"capacity-unit\">MT\/tahun bubuk polimer redispersible<\/span>\r\n <\/div>\r\n <div class=\"capacity-item\">\r\n <span class=\"capacity-number\">20,000<\/span>\r\n <span class=\"capacity-unit\">MT\/tahun spesialisasi kimia lainnya<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"delivery-guarantee\">\r\n Berkat rantai pasokan yang efisien, kami menyediakan pengiriman tepat waktu ke seluruh dunia \u2014 tanpa memandang volume.\r\n <\/div>\r\n\r\n <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" class=\"advantage-cta\" target=\"_blank\">\r\n <span class=\"cta-text\">Tanya Sekarang<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ISO-Certified Assurance -->\r\n <div class=\"advantage-card\">\r\n <div class=\"advantage-image\">\r\n <img height=\"450\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Certification-ISO-REACH-ECOVADIS.jpg\" alt=\"Dokumen Sertifikasi ISO\" loading=\"lazy\">\r\n <div class=\"image-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"advantage-content\">\r\n <h3 class=\"advantage-title\">Jaminan Bersertifikat ISO<\/h3>\r\n <p class=\"advantage-description\">\r\n Sertifikasi ISO LANDU menunjukkan Komitmen terhadap Kualitas, Keamanan, dan Tanggung Jawab Lingkungan, mewakili komitmen kami terhadap standar tertinggi di seluruh dunia. Akreditasi ini berfungsi sebagai jaminan kepercayaan bagi klien di setiap pasar yang kami layani.\r\n <\/p>\r\n <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" class=\"advantage-cta\" target=\"_blank\">\r\n <span class=\"cta-text\">Tanya Sekarang<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Global Customer Service -->\r\n <div class=\"advantage-card\">\r\n <div class=\"advantage-image\">\r\n <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landu-Saleswomen-in-the-Office.jpg\" alt=\"Tim Layanan Pelanggan Global\" loading=\"lazy\">\r\n <div class=\"image-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"advantage-content\">\r\n <h3 class=\"advantage-title\">Layanan Pelanggan Global<\/h3>\r\n <p class=\"advantage-description\">\r\n Dengan kehadiran di lebih dari 30 negara, LANDU telah membangun reputasi untuk layanan yang responsif dan kerjasama jangka panjang. Pendekatan kami yang berorientasi pada klien memastikan dukungan yang dipersonalisasi sebelum, selama, dan setelah setiap proyek.\r\n <\/p>\r\n <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" class=\"advantage-cta\" target=\"_blank\">\r\n <span class=\"cta-text\">Tanya Sekarang<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4cc89a3 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4cc89a3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a50ab22\" data-id=\"a50ab22\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-af054be elementor-widget elementor-widget-html\" data-id=\"af054be\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Wawasan & Inovasi LANDU<\/title>\r\n <style>\r\n .landu-hero-banner {\r\n height: 25vh;\r\n min-height: 200px;\r\n background: linear-gradient(135deg, #0ea5e9 0%, #10b981 100%);\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n \/* Modern floating elements *\/\r\n .landu-floating-shapes {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n overflow: hidden;\r\n }\r\n\r\n .landu-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n opacity: 0.1;\r\n animation: landu-float 20s ease-in-out infinite;\r\n }\r\n\r\n .landu-shape:nth-child(1) {\r\n width: 100px;\r\n height: 100px;\r\n background: rgba(255, 255, 255, 0.2);\r\n top: 10%;\r\n left: 15%;\r\n animation-delay: 0s;\r\n }\r\n\r\n .landu-shape:nth-child(2) {\r\n width: 60px;\r\n height: 60px;\r\n background: rgba(255, 255, 255, 0.15);\r\n top: 70%;\r\n right: 20%;\r\n animation-delay: -7s;\r\n }\r\n\r\n .landu-shape:nth-child(3) {\r\n width: 80px;\r\n height: 80px;\r\n background: rgba(255, 255, 255, 0.1);\r\n bottom: 20%;\r\n left: 70%;\r\n animation-delay: -14s;\r\n }\r\n\r\n \/* Abstract waves *\/\r\n .landu-hero-banner::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: \r\n radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.06) 0%, transparent 50%);\r\n }\r\n\r\n @keyframes landu-float {\r\n 0%, 100% {\r\n transform: translateY(0px) translateX(0px) scale(1);\r\n }\r\n 33% {\r\n transform: translateY(-15px) translateX(10px) scale(1.1);\r\n }\r\n 66% {\r\n transform: translateY(10px) translateX(-5px) scale(0.9);\r\n }\r\n }\r\n\r\n .landu-hero-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .landu-hero-content {\r\n color: white;\r\n }\r\n\r\n .landu-hero-headline {\r\n font-size: 2.2rem;\r\n font-weight: 800;\r\n color: white;\r\n line-height: 1.2;\r\n margin-bottom: 15px;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .landu-trademark {\r\n font-size: 0.8em;\r\n vertical-align: super;\r\n opacity: 0.9;\r\n }\r\n\r\n .landu-hero-subheadline {\r\n font-size: 1rem;\r\n color: rgba(255, 255, 255, 0.9);\r\n line-height: 1.3;\r\n margin-bottom: 25px;\r\n font-weight: 400;\r\n }\r\n\r\n .landu-brand-highlight {\r\n font-weight: 700;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .landu-cta-buttons {\r\n display: flex;\r\n gap: 15px;\r\n justify-content: center;\r\n }\r\n\r\n .landu-btn-primary {\r\n background: rgba(255, 255, 255, 0.2);\r\n color: white;\r\n padding: 12px 28px;\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 30px;\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n backdrop-filter: blur(10px);\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n display: inline-block;\r\n }\r\n\r\n .landu-btn-primary:hover {\r\n background: rgba(255, 255, 255, 0.3);\r\n border-color: rgba(255, 255, 255, 0.5);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .landu-btn-secondary {\r\n background: rgba(255, 255, 255, 0.9);\r\n color: #0ea5e9;\r\n padding: 12px 28px;\r\n border: 2px solid transparent;\r\n border-radius: 30px;\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n display: inline-block;\r\n }\r\n\r\n .landu-btn-secondary:hover {\r\n background: white;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .landu-hero-banner {\r\n height: auto;\r\n min-height: 180px;\r\n padding: 20px 0;\r\n }\r\n\r\n .landu-hero-container {\r\n padding: 0 20px;\r\n }\r\n\r\n .landu-hero-headline {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .landu-hero-subheadline {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .landu-cta-buttons {\r\n gap: 10px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .landu-hero-headline {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .landu-hero-subheadline {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .landu-cta-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .landu-btn-primary,\r\n .landu-btn-secondary {\r\n width: 200px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"landu-hero-banner\">\r\n <div class=\"landu-floating-shapes\">\r\n <div class=\"landu-shape\"><\/div>\r\n <div class=\"landu-shape\"><\/div>\r\n <div class=\"landu-shape\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"landu-hero-container\">\r\n <div class=\"landu-hero-content\">\r\n <h1 class=\"landu-hero-headline\">\r\n Tetap Terdepan dengan Pembaruan & Inovasi LANDU Insights\r\n <\/h1>\r\n \r\n <p class=\"landu-hero-subheadline\">\r\n Jelajahi kami <span class=\"landu-brand-highlight\">Wawasan<\/span> menampilkan pembaruan terbaru dan inovasi konstruksi.\r\n <\/p>\r\n\r\n <div class=\"landu-cta-buttons\">\r\n <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" class=\"landu-btn-primary\" target=\"_blank\">Permintaan Sampel<\/a>\r\n <a href=\"https:\/\/hpmc.ae\/id\/cellulose-ether-hpmc\/\" class=\"landu-btn-secondary\" target=\"_blank\">Lihat Produk<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-50db1af elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"50db1af\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fad3069\" data-id=\"fad3069\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>LANDU \u2013 Pemasok Global Terpercaya Anda Pemasok Global Terpercaya bahan eter selulosa & RDP Menyediakan solusi kimia unggul untuk konstruksi, pelapis, makanan, dan farmasi. Produksi Skala Besar 75.000 ton produksi tahunan \u2013 memastikan pengiriman cepat dan pasokan skala besar. Bersertifikat Kualitas ISO 9001 & EU REACH \u2013 kualitas dan keamanan terjamin. Pemimpin Inovasi 11 Paten [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1004","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/1004","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=1004"}],"version-history":[{"count":369,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/1004\/revisions"}],"predecessor-version":[{"id":5481,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/1004\/revisions\/5481"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/media?parent=1004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}