{"id":110,"date":"2025-11-19T16:30:39","date_gmt":"2025-11-19T16:30:39","guid":{"rendered":"https:\/\/lab.rwb.my.id\/web\/?page_id=110"},"modified":"2025-11-19T17:15:58","modified_gmt":"2025-11-19T17:15:58","slug":"produk","status":"publish","type":"page","link":"https:\/\/lab.rwb.my.id\/web\/produk\/","title":{"rendered":"Produk"},"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 Produk - 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 \/* Hero Section for Products Page *\/\r\n .hero-products {\r\n min-height: 60vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 60px 20px;\r\n text-align: center;\r\n position: relative;\r\n }\r\n\r\n .hero-products::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 .hero-products-content {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .hero-products-title {\r\n font-size: clamp(24px, 4vw, 40px);\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n line-height: 1.1;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .hero-products-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 .hero-products-subtitle {\r\n font-size: clamp(14px, 2vw, 18px);\r\n color: #e0e0e0;\r\n line-height: 1.6;\r\n text-shadow: 0 0 20px rgba(0, 255, 255, 0.3);\r\n }\r\n\r\n \/* Products Grid Section *\/\r\n .products-section {\r\n padding: 100px 20px;\r\n background: rgba(0, 8, 20, 0.8);\r\n position: relative;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(24px, 4vw, 36px);\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .section-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: titleShimmer 4s ease-in-out infinite;\r\n }\r\n\r\n @keyframes titleShimmer {\r\n 0%, 100% { \r\n filter: hue-rotate(0deg) brightness(1);\r\n }\r\n 25% { \r\n filter: hue-rotate(90deg) brightness(1.1);\r\n }\r\n 50% { \r\n filter: hue-rotate(180deg) brightness(1);\r\n }\r\n 75% { \r\n filter: hue-rotate(270deg) brightness(1.1);\r\n }\r\n }\r\n\r\n .section-subtitle {\r\n font-size: clamp(14px, 2vw, 18px);\r\n color: #e0e0e0;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n text-shadow: 0 0 20px rgba(0, 255, 255, 0.3);\r\n }\r\n\r\n .products-grid {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 40px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .product-card {\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 overflow: hidden;\r\n transition: all 0.4s;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .product-card::before {\r\n content: '';\r\n position: absolute;\r\n top: -2px;\r\n left: -2px;\r\n right: -2px;\r\n bottom: -2px;\r\n background: linear-gradient(45deg, #00ffff, #ff00ff, #00ff00, #00ffff);\r\n border-radius: 20px;\r\n opacity: 0;\r\n z-index: -1;\r\n transition: opacity 0.4s;\r\n }\r\n\r\n .product-card:hover::before {\r\n opacity: 0.6;\r\n }\r\n\r\n .product-card:hover {\r\n transform: translateY(-15px) scale(1.02);\r\n box-shadow: 0 25px 50px rgba(0, 255, 255, 0.4);\r\n border-color: rgba(0, 255, 255, 0.5);\r\n }\r\n\r\n .product-image {\r\n height: 200px;\r\n background: #001d3d;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 60px;\r\n color: rgba(0, 255, 255, 0.3);\r\n }\r\n\r\n .product-content {\r\n padding: 30px;\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .product-title {\r\n font-size: clamp(18px, 2.5vw, 22px);\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin-bottom: 15px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .product-description {\r\n font-size: 14px;\r\n color: #e0e0e0;\r\n line-height: 1.7;\r\n margin-bottom: 25px;\r\n flex-grow: 1;\r\n }\r\n\r\n .product-link {\r\n background: linear-gradient(135deg, #00ffff, #0088cc);\r\n color: #000814;\r\n border: none;\r\n padding: 12px 20px;\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 text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n box-shadow: 0 4px 20px rgba(0, 255, 255, 0.3);\r\n }\r\n\r\n .product-link: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 \/* Premium CTA Section *\/\r\n .premium-cta {\r\n padding: 100px 20px;\r\n background: rgba(0, 8, 20, 0.8);\r\n position: relative;\r\n }\r\n\r\n .premium-cta::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, 0, 0.05), rgba(255, 0, 255, 0.05));\r\n animation: ctaGlow 6s ease-in-out infinite;\r\n }\r\n\r\n @keyframes ctaGlow {\r\n 0%, 100% { opacity: 0.3; }\r\n 50% { opacity: 0.7; }\r\n }\r\n\r\n .cta-card {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n background: rgba(0, 255, 255, 0.05);\r\n backdrop-filter: blur(20px);\r\n border: 1px solid rgba(0, 255, 255, 0.3);\r\n border-radius: 25px;\r\n padding: 60px 40px;\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n overflow: hidden;\r\n }\r\n\r\n .cta-card::before {\r\n content: '';\r\n position: absolute;\r\n top: -2px;\r\n left: -2px;\r\n right: -2px;\r\n bottom: -2px;\r\n background: linear-gradient(45deg, #00ffff, #ff00ff, #00ff00, #ffff00, #00ffff);\r\n border-radius: 25px;\r\n opacity: 0.3;\r\n z-index: -1;\r\n }\r\n\r\n .cta-title {\r\n font-size: clamp(22px, 3.5vw, 32px);\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .cta-title .gradient-text {\r\n background: linear-gradient(135deg, #00ffff, #ff00ff, #00ff00, #ffff00);\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: ctaTitleShimmer 5s ease-in-out infinite;\r\n }\r\n\r\n @keyframes ctaTitleShimmer {\r\n 0%, 100% { \r\n filter: hue-rotate(0deg) brightness(1);\r\n }\r\n 25% { \r\n filter: hue-rotate(90deg) brightness(1.2);\r\n }\r\n 50% { \r\n filter: hue-rotate(180deg) brightness(1);\r\n }\r\n 75% { \r\n filter: hue-rotate(270deg) brightness(1.2);\r\n }\r\n }\r\n\r\n .cta-subtitle {\r\n font-size: clamp(14px, 2vw, 18px);\r\n color: #e0e0e0;\r\n margin-bottom: 30px;\r\n max-width: 700px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n line-height: 1.6;\r\n text-shadow: 0 0 20px rgba(0, 255, 255, 0.3);\r\n }\r\n\r\n .cta-buttons {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n align-items: center;\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 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 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 .cta-buttons {\r\n flex-direction: row;\r\n justify-content: center;\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 \/* Hero section adjustments *\/\r\n .hero-products {\r\n padding: 20px 20px;\r\n min-height: 50vh;\r\n }\r\n \r\n \/* Products section adjustments *\/\r\n .products-section {\r\n padding: 60px 20px;\r\n }\r\n\r\n .products-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n \r\n \/* CTA section adjustments *\/\r\n .premium-cta {\r\n padding: 60px 20px;\r\n }\r\n\r\n .cta-card {\r\n padding: 40px 20px;\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 <!-- Hero Section -->\r\n <section class=\"hero-products\">\r\n <div class=\"hero-products-content\">\r\n <h1 class=\"hero-products-title\">\r\n <span class=\"gradient-text\">Produk Kami<\/span>\r\n <\/h1>\r\n <p class=\"hero-products-subtitle\">\r\n Jelajahi rangkaian produk valve industri kami yang dirancang dengan presisi tinggi. Dari standar hingga solusi kustom, setiap produk menjamin performa superior dan keandalan di lingkungan yang paling menantang.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Products Grid Section -->\r\n <section class=\"products-section\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">\r\n <span class=\"gradient-text\">Katalog Produk Unggulan<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Temukan solusi valve yang tepat untuk setiap kebutuhan operasional industri Anda.\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"products-grid\">\r\n <div class=\"product-card\">\r\n <div class=\"product-image\">\r\n <svg width=\"80\" height=\"80\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n <path d=\"M12 6v6l4 2\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"product-content\">\r\n <h3 class=\"product-title\">High-Performance Ball Valve<\/h3>\r\n <p class=\"product-description\">\r\n Desain trunnion mounted untuk aplikasi tekanan tinggi dan suhu ekstrem. Material anti-korosi dan seat metal-to-metal untuk umur panjang.\r\n <\/p>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/high-performance-ball-valve\/\" class=\"product-link\">Selengkapnya \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image\">\r\n <svg width=\"80\" height=\"80\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\">\r\n <rect x=\"3\" y=\"8\" width=\"18\" height=\"8\" rx=\"1\"><\/rect>\r\n <path d=\"M12 8v8M8 12h8\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"product-content\">\r\n <h3 class=\"product-title\">Cryogenic Gate Valve<\/h3>\r\n <p class=\"product-description\">\r\n Dirancang khusus untuk suhu sangat rendah hingga -196\u00b0C. Dilengkapi extended bonnet dan material yang tahan cryogenic.\r\n <\/p>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/cryogenic-gate-valve\/\" class=\"product-link\">Selengkapnya \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image\">\r\n <svg width=\"80\" height=\"80\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\r\n <path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"product-content\">\r\n <h3 class=\"product-title\">Triple Offset Butterfly Valve<\/h3>\r\n <p class=\"product-description\">\r\n Solusi ideal untuk kontrol aliran dan isolasi di berbagai industri. Desain tanpa gesekan memastikan operasi seumur hidup.\r\n <\/p>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/triple-offset-butterfly-valve\/\" class=\"product-link\">Selengkapnya \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image\">\r\n <svg width=\"80\" height=\"80\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\">\r\n <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"product-content\">\r\n <h3 class=\"product-title\">Smart Control Valve<\/h3>\r\n <p class=\"product-description\">\r\n Valve kontrol dengan integrasi AI untuk akurasi throttling. Dilengkapi sensor posisi dan tekanan real-time untuk monitoring jarak jauh.\r\n <\/p>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/smart-control-valve\/\" class=\"product-link\">Selengkapnya \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image\">\r\n <svg width=\"80\" height=\"80\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\">\r\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\r\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"product-content\">\r\n <h3 class=\"product-title\">Subsea Safety Valve<\/h3>\r\n <p class=\"product-description\">\r\n Sistem keselamatan HIPPS (High Integrity Pressure Protection System) untuk aplikasi lepas pantai. Sertifikasi SIL 3 untuk keandalan maksimal.\r\n <\/p>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/subsea-safety-valve\/\" class=\"product-link\">Selengkapnya \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-image\">\r\n <svg width=\"80\" height=\"80\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\">\r\n <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"product-content\">\r\n <h3 class=\"product-title\">Y-Type Strainer<\/h3>\r\n <p class=\"product-description\">\r\n Saringan pipa untuk melindungi peralatan penting dari kontaminan padat. Tersedia dalam berbagai ukuran mesh dan material.\r\n <\/p>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/y-type-strainer\/\" class=\"product-link\">Selengkapnya \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Premium CTA Section -->\r\n <section class=\"premium-cta\">\r\n <div class=\"cta-card\">\r\n <h2 class=\"cta-title\">\r\n <span class=\"gradient-text\">Butuh Solusi Kustom?<\/span>\r\n <\/h2>\r\n <p class=\"cta-subtitle\">\r\n Tim engineer kami siap merancang dan memproduksi valve sesuai dengan spesifikasi unik aplikasi Anda. Hubungi kami untuk konsultasi teknis dan penawaran terbaik.\r\n <\/p>\r\n <div class=\"cta-buttons\">\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/kontak\/\" class=\"btn-primary\">Konsultasi Sekarang<\/a>\r\n <a href=\"#\" class=\"btn-secondary\">Unduh Katalog PDF<\/a>\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>Produk – ValveTech Solutions ValveTech Solutions Beranda Tentang Produk Solusi Kontak Hubungi Kami Beranda Tentang Produk Solusi Kontak Hubungi Kami Produk Kami Jelajahi rangkaian produk valve industri kami yang dirancang dengan presisi tinggi. Dari standar hingga solusi kustom, setiap produk menjamin performa superior dan keandalan di lingkungan yang paling menantang. Katalog Produk Unggulan Temukan solusi […]<\/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-110","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/pages\/110","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=110"}],"version-history":[{"count":16,"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/pages\/110\/revisions"}],"predecessor-version":[{"id":171,"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/pages\/110\/revisions\/171"}],"wp:attachment":[{"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/media?parent=110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}