{"id":133,"date":"2025-11-19T16:50:08","date_gmt":"2025-11-19T16:50:08","guid":{"rendered":"https:\/\/lab.rwb.my.id\/web\/?page_id=133"},"modified":"2025-11-19T16:50:27","modified_gmt":"2025-11-19T16:50:27","slug":"triple-offset-butterfly-valve","status":"publish","type":"page","link":"https:\/\/lab.rwb.my.id\/web\/triple-offset-butterfly-valve\/","title":{"rendered":"Triple Offset Butterfly Valve"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\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 Triple Offset Butterfly Valve - ValveTech Solutions<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\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: 'Poppins', sans-serif;\r\n background: #000814;\r\n color: #ffffff;\r\n overflow-x: hidden;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Holographic Background *\/\r\n .holographic-bg {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1;\r\n background: linear-gradient(45deg, #000814, #001d3d, #000814);\r\n overflow: hidden;\r\n }\r\n\r\n .holographic-particles {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .particle {\r\n position: absolute;\r\n width: 4px;\r\n height: 4px;\r\n background: radial-gradient(circle, rgba(0, 255, 255, 0.8), transparent);\r\n border-radius: 50%;\r\n animation: particleFloat 6s ease-in-out infinite;\r\n }\r\n\r\n @keyframes particleFloat {\r\n 0%, 100% { \r\n transform: translateY(0) scale(1);\r\n opacity: 0.8;\r\n }\r\n 50% { \r\n transform: translateY(-20px) scale(1.5);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n \/* Content Container *\/\r\n .content-wrapper {\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n \/* Header Styles *\/\r\n .header {\r\n background: rgba(0, 8, 20, 0.9);\r\n backdrop-filter: blur(20px);\r\n border-bottom: 1px solid rgba(0, 255, 255, 0.3);\r\n position: sticky;\r\n top: 0;\r\n z-index: 1000;\r\n box-shadow: 0 4px 30px rgba(0, 255, 255, 0.1);\r\n }\r\n\r\n .header-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n height: 70px;\r\n }\r\n\r\n .logo-section {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .logo-img {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 10px;\r\n object-fit: cover;\r\n border: 2px solid rgba(0, 255, 255, 0.5);\r\n box-shadow: 0 0 20px rgba(0, 255, 255, 0.3);\r\n }\r\n\r\n .company-name {\r\n font-size: clamp(16px, 2vw, 22px);\r\n font-weight: 600;\r\n background: linear-gradient(135deg, #00ffff, #ff00ff);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n text-shadow: 0 0 30px rgba(0, 255, 255, 0.5);\r\n }\r\n\r\n .nav-menu {\r\n display: none;\r\n gap: 40px;\r\n }\r\n\r\n .nav-menu a {\r\n color: #e0e0e0;\r\n text-decoration: none;\r\n transition: all 0.3s;\r\n font-size: 14px;\r\n position: relative;\r\n }\r\n\r\n .nav-menu a:hover {\r\n color: #00ffff;\r\n text-shadow: 0 0 10px rgba(0, 255, 255, 0.8);\r\n }\r\n\r\n .nav-menu a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -5px;\r\n left: 0;\r\n width: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, #00ffff, #ff00ff);\r\n transition: width 0.3s;\r\n }\r\n\r\n .nav-menu a:hover::after {\r\n width: 100%;\r\n }\r\n\r\n .cta-button {\r\n background: linear-gradient(135deg, #00ffff, #0088cc);\r\n color: #000814;\r\n border: none;\r\n padding: 12px 24px;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n font-size: 14px;\r\n box-shadow: 0 4px 20px rgba(0, 255, 255, 0.3);\r\n }\r\n\r\n .cta-button:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 30px rgba(0, 255, 255, 0.5);\r\n background: linear-gradient(135deg, #00ffff, #00aaff);\r\n }\r\n\r\n .mobile-menu-btn {\r\n display: block;\r\n background: none;\r\n border: 2px solid rgba(0, 255, 255, 0.5);\r\n color: #00ffff;\r\n cursor: pointer;\r\n padding: 10px;\r\n border-radius: 8px;\r\n transition: all 0.3s;\r\n }\r\n\r\n .mobile-menu-btn:hover {\r\n background: rgba(0, 255, 255, 0.1);\r\n box-shadow: 0 0 20px rgba(0, 255, 255, 0.3);\r\n }\r\n\r\n .mobile-menu {\r\n display: none;\r\n background: rgba(0, 8, 20, 0.95);\r\n backdrop-filter: blur(20px);\r\n border-top: 1px solid rgba(0, 255, 255, 0.3);\r\n box-shadow: 0 10px 40px rgba(0, 255, 255, 0.2);\r\n }\r\n\r\n .mobile-menu.active {\r\n display: block;\r\n }\r\n\r\n .mobile-menu a {\r\n display: block;\r\n padding: 20px;\r\n color: #e0e0e0;\r\n text-decoration: none;\r\n border-bottom: 1px solid rgba(0, 255, 255, 0.1);\r\n transition: all 0.3s;\r\n }\r\n\r\n .mobile-menu a:hover {\r\n color: #00ffff;\r\n background: rgba(0, 255, 255, 0.05);\r\n text-shadow: 0 0 10px rgba(0, 255, 255, 0.5);\r\n }\r\n\r\n \/* Product Detail Section *\/\r\n .product-detail {\r\n padding: 80px 20px;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n }\r\n\r\n .product-detail::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(0, 255, 255, 0.05), transparent);\r\n animation: heroPulse 4s ease-in-out infinite;\r\n }\r\n\r\n @keyframes heroPulse {\r\n 0%, 100% { opacity: 0.3; }\r\n 50% { opacity: 0.7; }\r\n }\r\n\r\n .product-detail-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 60px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .product-image-section {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .product-image-large {\r\n width: 100%;\r\n max-width: 400px;\r\n height: 400px;\r\n background: rgba(0, 255, 255, 0.05);\r\n backdrop-filter: blur(15px);\r\n border: 1px solid rgba(0, 255, 255, 0.2);\r\n border-radius: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 150px;\r\n color: rgba(0, 255, 255, 0.3);\r\n box-shadow: 0 0 40px rgba(0, 255, 255, 0.2);\r\n }\r\n\r\n .product-info-section {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n\r\n .product-title {\r\n font-size: clamp(28px, 5vw, 48px);\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n line-height: 1.1;\r\n }\r\n\r\n .product-title .gradient-text {\r\n background: linear-gradient(135deg, #00ffff, #ff00ff, #00ff00);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n text-shadow: 0 0 50px rgba(0, 255, 255, 0.5);\r\n animation: textShimmer 3s ease-in-out infinite;\r\n }\r\n\r\n @keyframes textShimmer {\r\n 0%, 100% { \r\n filter: hue-rotate(0deg) brightness(1);\r\n }\r\n 50% { \r\n filter: hue-rotate(30deg) brightness(1.2);\r\n }\r\n }\r\n\r\n .product-description {\r\n font-size: 16px;\r\n color: #e0e0e0;\r\n line-height: 1.8;\r\n }\r\n\r\n .product-features-list {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .feature-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 15px;\r\n font-size: 15px;\r\n color: #e0e0e0;\r\n }\r\n\r\n .feature-icon {\r\n width: 24px;\r\n height: 24px;\r\n background: linear-gradient(135deg, #00ffff, #0088cc);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n\r\n .feature-icon svg {\r\n width: 14px;\r\n height: 14px;\r\n stroke: #000814;\r\n stroke-width: 3;\r\n }\r\n\r\n .product-cta-buttons {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n }\r\n\r\n .btn-primary {\r\n background: linear-gradient(135deg, #00ffff, #0088cc);\r\n color: #000814;\r\n border: none;\r\n padding: 15px 30px;\r\n border-radius: 10px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n font-size: 16px;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n box-shadow: 0 6px 30px rgba(0, 255, 255, 0.4);\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 10px 40px rgba(0, 255, 255, 0.6);\r\n background: linear-gradient(135deg, #00ffff, #00aaff);\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: #00ffff;\r\n border: 2px solid #00ffff;\r\n padding: 15px 30px;\r\n border-radius: 10px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n font-size: 16px;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n box-shadow: 0 0 30px rgba(0, 255, 255, 0.2);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: rgba(0, 255, 255, 0.1);\r\n box-shadow: 0 0 50px rgba(0, 255, 255, 0.5);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* Premium Footer *\/\r\n .premium-footer {\r\n background: rgba(0, 8, 20, 0.95);\r\n backdrop-filter: blur(20px);\r\n border-top: 1px solid rgba(0, 255, 255, 0.3);\r\n padding: 30px 20px;\r\n position: relative;\r\n box-shadow: 0 -10px 40px rgba(0, 255, 255, 0.2);\r\n }\r\n\r\n .premium-footer::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(45deg, rgba(0, 255, 255, 0.05), rgba(255, 0, 255, 0.05));\r\n animation: footerGlow 4s ease-in-out infinite;\r\n }\r\n\r\n @keyframes footerGlow {\r\n 0%, 100% { opacity: 0.3; }\r\n 50% { opacity: 0.7; }\r\n }\r\n\r\n .footer-content {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 15px;\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .copyright {\r\n color: #e0e0e0;\r\n font-size: 14px;\r\n text-shadow: 0 0 20px rgba(0, 255, 255, 0.3);\r\n }\r\n\r\n .neon-link {\r\n color: #ffffff;\r\n text-decoration: none;\r\n transition: all 0.3s;\r\n animation: neonPulse 2s ease-in-out infinite;\r\n font-weight: 500;\r\n font-size: 14px;\r\n text-shadow: 0 0 20px rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n @keyframes neonPulse {\r\n 0%, 100% { \r\n opacity: 1;\r\n text-shadow: 0 0 20px rgba(255, 255, 255, 0.8),\r\n 0 0 40px rgba(255, 255, 255, 0.6),\r\n 0 0 60px rgba(255, 255, 255, 0.4);\r\n }\r\n 50% { \r\n opacity: 0.8;\r\n text-shadow: 0 0 10px rgba(255, 255, 255, 0.5),\r\n 0 0 20px rgba(255, 255, 255, 0.3),\r\n 0 0 30px rgba(255, 255, 255, 0.2);\r\n }\r\n }\r\n\r\n .neon-link:hover {\r\n color: #00ffff;\r\n animation: none;\r\n text-shadow: 0 0 30px rgba(0, 255, 255, 0.8);\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (min-width: 768px) {\r\n .nav-menu {\r\n display: flex;\r\n }\r\n\r\n .mobile-menu-btn {\r\n display: none;\r\n }\r\n\r\n .product-detail-container {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .product-cta-buttons {\r\n flex-direction: row;\r\n }\r\n\r\n .footer-content {\r\n flex-direction: row;\r\n justify-content: space-between;\r\n }\r\n }\r\n \r\n \/* Mobile Specific Adjustments *\/\r\n @media (max-width: 767px) {\r\n \/* Header adjustments *\/\r\n .header-container .cta-button {\r\n display: none;\r\n }\r\n \r\n \/* Product detail adjustments *\/\r\n .product-detail {\r\n padding: 40px 20px;\r\n }\r\n\r\n .product-image-large {\r\n height: 300px;\r\n font-size: 120px;\r\n }\r\n \r\n \/* Footer adjustments *\/\r\n .copyright {\r\n font-size: 12px;\r\n }\r\n \r\n .neon-link {\r\n font-size: 12px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Holographic Background -->\r\n <div class=\"holographic-bg\">\r\n <div class=\"holographic-particles\" id=\"particles\"><\/div>\r\n <\/div>\r\n\r\n <!-- Main Content -->\r\n <div class=\"content-wrapper\">\r\n <!-- Header -->\r\n <header class=\"header\">\r\n <div class=\"header-container\">\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/\" class=\"logo-section\">\r\n <img decoding=\"async\" src=\"https:\/\/lab.rwb.my.id\/web\/wp-content\/uploads\/sites\/2\/2025\/11\/Rudi-Web-Builder.png\" alt=\"Company Logo\" class=\"logo-img\" id=\"logoImg\">\r\n <span class=\"company-name\" id=\"companyName\">ValveTech Solutions<\/span>\r\n <\/a>\r\n \r\n <nav class=\"nav-menu\">\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/\">Beranda<\/a>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/tentang\/\">Tentang<\/a>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/produk\/\">Produk<\/a>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/solusi\/\">Solusi<\/a>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/kontak\/\">Kontak<\/a>\r\n <\/nav>\r\n\r\n <button class=\"cta-button\">Hubungi Kami<\/button>\r\n\r\n <button class=\"mobile-menu-btn\" id=\"mobileMenuBtn\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line>\r\n <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line>\r\n <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"mobile-menu\" id=\"mobileMenu\">\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/\">Beranda<\/a>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/tentang\/\">Tentang<\/a>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/produk\/\">Produk<\/a>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/solusi\/\">Solusi<\/a>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/kontak\/\">Kontak<\/a>\r\n <div style=\"padding: 20px;\">\r\n <button class=\"cta-button\" style=\"width: 100%;\">Hubungi Kami<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Product Detail Section -->\r\n <section class=\"product-detail\">\r\n <div class=\"product-detail-container\">\r\n <div class=\"product-image-section\">\r\n <div class=\"product-image-large\">\r\n <svg width=\"200\" height=\"200\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\">\r\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n <path d=\"M12 1v6m0 6v6m4.22-13.22l4.24 4.24M1.54 9.54l4.24 4.24M20.46 14.46l-4.24 4.24M7.78 7.78L3.54 3.54\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"product-info-section\">\r\n <h1 class=\"product-title\">\r\n <span class=\"gradient-text\">Triple Offset Butterfly Valve<\/span>\r\n <\/h1>\r\n <p class=\"product-description\">\r\n Solusi terdepan untuk kontrol aliran dan isolasi di berbagai industri. Desain triple offset yang unik menghilangkan gesekan antara disc dan seat selama operasi, memastikan penutupan yang rapat (bubble-tight) dan umur operasional yang sangat panjang bahkan dalam media yang abrasif atau korosif.\r\n <\/p>\r\n <ul class=\"product-features-list\">\r\n <li class=\"feature-item\">\r\n <div class=\"feature-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M20 6L9 17l-5-5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span>Desain Triple Offset menghilangkan gesekan, mengurangi torsi operasi dan aus.<\/span>\r\n <\/li>\r\n <li class=\"feature-item\">\r\n <div class=\"feature-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M20 6L9 17l-5-5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span>Seat Metal-to-Metal untuk aplikasi suhu tinggi dan media abrasif.<\/span>\r\n <\/li>\r\n <li class=\"feature-item\">\r\n <div class=\"feature-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M20 6L9 17l-5-5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span>Sertifikasi API 607 Fire-Safe dan API 6D untuk aplikasi migas.<\/span>\r\n <\/li>\r\n <li class=\"feature-item\">\r\n <div class=\"feature-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M20 6L9 17l-5-5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span>Desain Bi-directional, dapat menahan tekanan dari kedua arah.<\/span>\r\n <\/li>\r\n <li class=\"feature-item\">\r\n <div class=\"feature-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M20 6L9 17l-5-5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span>Aplikasi: Oil & Gas, Power Generation, Kimia, dan Processing Plant.<\/span>\r\n <\/li>\r\n <\/ul>\r\n <div class=\"product-cta-buttons\">\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/kontak\/\" class=\"btn-primary\">Minta Penawaran<\/a>\r\n <a href=\"#\" class=\"btn-secondary\">Unduh Datasheet<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Premium Footer -->\r\n <footer class=\"premium-footer\">\r\n <div class=\"footer-content\">\r\n <div class=\"copyright\" id=\"copyright\">\r\n \u00a9 2024 ValveTech Solutions. All rights reserved.\r\n <\/div>\r\n \r\n <div>\r\n <a href=\"https:\/\/rwb.my.id\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"neon-link\">\r\n \ud83d\udca1Proudly\ud83d\udc23By Rudi Web Builder\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Holographic Particles\r\n function createParticles() {\r\n const particlesContainer = document.getElementById('particles');\r\n const particleCount = 50;\r\n \r\n for (let i = 0; i < particleCount; i++) {\r\n const particle = document.createElement('div');\r\n particle.className = 'particle';\r\n particle.style.left = Math.random() * 100 + '%';\r\n particle.style.top = Math.random() * 100 + '%';\r\n particle.style.animationDelay = Math.random() * 6 + 's';\r\n particle.style.animationDuration = (4 + Math.random() * 4) + 's';\r\n particlesContainer.appendChild(particle);\r\n }\r\n }\r\n\r\n \/\/ Mobile Menu Toggle\r\n const mobileMenuBtn = document.getElementById('mobileMenuBtn');\r\n const mobileMenu = document.getElementById('mobileMenu');\r\n \r\n mobileMenuBtn.addEventListener('click', () => {\r\n mobileMenu.classList.toggle('active');\r\n });\r\n\r\n \/\/ Close mobile menu when clicking on links\r\n const mobileLinks = mobileMenu.querySelectorAll('a');\r\n mobileLinks.forEach(link => {\r\n link.addEventListener('click', () => {\r\n mobileMenu.classList.remove('active');\r\n });\r\n });\r\n\r\n \/\/ Update copyright year\r\n const currentYear = new Date().getFullYear();\r\n const copyrightElement = document.getElementById('copyright');\r\n const companyNameElement = document.getElementById('companyName');\r\n \r\n if (copyrightElement) {\r\n copyrightElement.textContent = `\u00a9 ${currentYear} ${companyNameElement.textContent}. All rights reserved.`;\r\n }\r\n\r\n \/\/ Initialize particles\r\n createParticles();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Triple Offset Butterfly Valve – ValveTech Solutions ValveTech Solutions Beranda Tentang Produk Solusi Kontak Hubungi Kami Beranda Tentang Produk Solusi Kontak Hubungi Kami Triple Offset Butterfly Valve Solusi terdepan untuk kontrol aliran dan isolasi di berbagai industri. Desain triple offset yang unik menghilangkan gesekan antara disc dan seat selama operasi, memastikan penutupan yang rapat (bubble-tight) […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-133","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/pages\/133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/comments?post=133"}],"version-history":[{"count":4,"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/pages\/133\/revisions"}],"predecessor-version":[{"id":137,"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/pages\/133\/revisions\/137"}],"wp:attachment":[{"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/media?parent=133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}