{"id":153,"date":"2025-11-19T17:00:00","date_gmt":"2025-11-19T17:00:00","guid":{"rendered":"https:\/\/lab.rwb.my.id\/web\/?page_id=153"},"modified":"2025-11-19T17:28:14","modified_gmt":"2025-11-19T17:28:14","slug":"solusi","status":"publish","type":"page","link":"https:\/\/lab.rwb.my.id\/web\/solusi\/","title":{"rendered":"Solusi"},"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 Solusi - 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 Solutions Page *\/\r\n .hero-solutions {\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-solutions::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-solutions-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-solutions-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-solutions-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-solutions-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 \/* Solutions Grid Section *\/\r\n .solutions-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 .solutions-grid {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 40px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .solution-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 padding: 40px;\r\n transition: all 0.4s;\r\n position: relative;\r\n overflow: hidden;\r\n text-align: center;\r\n }\r\n\r\n .solution-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 .solution-card:hover::before {\r\n opacity: 0.6;\r\n }\r\n\r\n .solution-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 .solution-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: linear-gradient(135deg, #00ffff, #ff00ff);\r\n border-radius: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 25px;\r\n transition: all 0.3s;\r\n box-shadow: 0 0 30px rgba(0, 255, 255, 0.4);\r\n }\r\n\r\n .solution-card:hover .solution-icon {\r\n transform: scale(1.1) rotate(5deg);\r\n box-shadow: 0 0 50px rgba(0, 255, 255, 0.6);\r\n }\r\n\r\n .solution-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 .solution-description {\r\n font-size: 14px;\r\n color: #e0e0e0;\r\n line-height: 1.7;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .solution-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 .solution-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-solutions {\r\n padding: 20px 20px;\r\n min-height: 50vh;\r\n }\r\n \r\n \/* Solutions section adjustments *\/\r\n .solutions-section {\r\n padding: 60px 20px;\r\n }\r\n\r\n .solutions-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n\r\n .solution-card {\r\n padding: 30px 20px;\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-solutions\">\r\n <div class=\"hero-solutions-content\">\r\n <h1 class=\"hero-solutions-title\">\r\n <span class=\"gradient-text\">Solusi Terintegrasi untuk Industri Anda<\/span>\r\n <\/h1>\r\n <p class=\"hero-solutions-subtitle\">\r\n Kami tidak hanya menyediakan produk, tetapi juga solusi menyeluruh yang dirancang khusus untuk meningkatkan efisiensi, keamanan, dan keandalan operasional industri Anda.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Solutions Grid Section -->\r\n <section class=\"solutions-section\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">\r\n <span class=\"gradient-text\">Solusi Berdasarkan Industri<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Pemahaman mendalam akan tantangan unik di setiap sektor, memungkinkan kami memberikan solusi yang paling efektif.\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"solutions-grid\">\r\n <div class=\"solution-card\">\r\n <div class=\"solution-icon\">\r\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"solution-title\">Oil & Gas<\/h3>\r\n <p class=\"solution-description\">\r\n Solusi untuk hulu hingga hilir, termasuk sistem HIPPS, kontrol proses, dan valve khusus untuk aplikasi LNG, refining, dan distribusi.\r\n <\/p>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/kontak\/?subject=Konsultasi%20Solusi%20Oil%20%26%20Gas\" class=\"solution-link\">Pelajari Lebih Lanjut \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"solution-card\">\r\n <div class=\"solution-icon\">\r\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"solution-title\">Power Generation<\/h3>\r\n <p class=\"solution-description\">\r\n Valve andal untuk siklus uap, sistem pendingin, dan kontrol bahan bakar di pembangkit listrik tenaga uap, gas, dan pembangkit listrik tenaga air.\r\n <\/p>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/kontak\/?subject=Konsultasi%20Solusi%20Power%20Generation\" class=\"solution-link\">Pelajari Lebih Lanjut \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"solution-card\">\r\n <div class=\"solution-icon\">\r\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"solution-title\">Water & Wastewater<\/h3>\r\n <p class=\"solution-description\">\r\n Sistem kontrol aliran yang tangguh untuk pengolahan air minum, distribusi, dan pengolahan air limbah, memastikan kebersihan dan efisiensi.\r\n <\/p>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/kontak\/?subject=Konsultasi%20Solusi%20Water%20%26%20Wastewater\" class=\"solution-link\">Pelajari Lebih Lanjut \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"solution-card\">\r\n <div class=\"solution-icon\">\r\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\r\n <path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"solution-title\">Chemical & Petrochemical<\/h3>\r\n <p class=\"solution-description\">\r\n Material yang tahan kimia dan desain yang aman untuk menangani fluida korosif dan berbahaya dalam proses kimia dan petrokimia.\r\n <\/p>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/kontak\/?subject=Konsultasi%20Solusi%20Chemical%20%26%20Petrochemical\" class=\"solution-link\">Pelajari Lebih Lanjut \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"solution-card\">\r\n <div class=\"solution-icon\">\r\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\r\n <polyline points=\"9 22 9 12 15 12 15 22\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"solution-title\">Marine & Shipbuilding<\/h3>\r\n <p class=\"solution-description\">\r\n Valve yang memenuhi standar ketat maritim untuk sistem balast, pendingin mesin, dan aplikasi dek di berbagai jenis kapal.\r\n <\/p>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/kontak\/?subject=Konsultasi%20Solusi%20Marine%20%26%20Shipbuilding\" class=\"solution-link\">Pelajari Lebih Lanjut \u2192<\/a>\r\n <\/div>\r\n\r\n <div class=\"solution-card\">\r\n <div class=\"solution-icon\">\r\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\r\n <polyline points=\"14 2 14 8 20 8\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"solution-title\">Mining & Minerals<\/h3>\r\n <p class=\"solution-description\">\r\n Solusi yang kokoh dan tahan aus untuk aplikasi slurry, pemrosesan mineral, dan kontrol debu di lingkungan pertambangan yang keras.\r\n <\/p>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/kontak\/?subject=Konsultasi%20Solusi%20Mining%20%26%20Minerals\" class=\"solution-link\">Pelajari Lebih Lanjut \u2192<\/a>\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 Setiap industri memiliki tantangannya sendiri. Tim kami siap untuk mendengarkan kebutuhan spesifik Anda dan merancang solusi valve yang paling efektif dan efisien. Hubungi kami untuk konsultasi teknis.\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=\"https:\/\/lab.rwb.my.id\/web\/produk\/\" class=\"btn-secondary\">Lihat Produk Kami<\/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>Solusi – ValveTech Solutions ValveTech Solutions Beranda Tentang Produk Solusi Kontak Hubungi Kami Beranda Tentang Produk Solusi Kontak Hubungi Kami Solusi Terintegrasi untuk Industri Anda Kami tidak hanya menyediakan produk, tetapi juga solusi menyeluruh yang dirancang khusus untuk meningkatkan efisiensi, keamanan, dan keandalan operasional industri Anda. Solusi Berdasarkan Industri Pemahaman mendalam akan tantangan unik di […]<\/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-153","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/pages\/153","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=153"}],"version-history":[{"count":10,"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/pages\/153\/revisions"}],"predecessor-version":[{"id":180,"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/pages\/153\/revisions\/180"}],"wp:attachment":[{"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/media?parent=153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}