{"id":8,"date":"2025-11-18T01:58:04","date_gmt":"2025-11-18T01:58:04","guid":{"rendered":"https:\/\/lab.rwb.my.id\/web\/?page_id=8"},"modified":"2025-11-19T15:27:50","modified_gmt":"2025-11-19T15:27:50","slug":"home-hologram","status":"publish","type":"page","link":"https:\/\/lab.rwb.my.id\/web\/","title":{"rendered":"Home Circuit"},"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 ValveTech Solutions - Premium Industrial Supplier<\/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 *\/\r\n .hero {\r\n min-height: 100vh;\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::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-content {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .hero-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: linear-gradient(135deg, #00ffff, #ff00ff);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 30px;\r\n animation: iconRotate 10s linear infinite;\r\n box-shadow: 0 0 50px rgba(0, 255, 255, 0.5);\r\n }\r\n\r\n @keyframes iconRotate {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n .hero-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-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-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 .hero-buttons {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n align-items: center;\r\n margin-bottom: 40px;\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 .hero-badges {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n justify-content: center;\r\n }\r\n\r\n .badge {\r\n background: rgba(0, 255, 255, 0.1);\r\n color: #00ffff;\r\n border: 1px solid rgba(0, 255, 255, 0.3);\r\n padding: 8px 15px;\r\n border-radius: 25px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n box-shadow: 0 0 20px rgba(0, 255, 255, 0.2);\r\n transition: all 0.3s;\r\n }\r\n\r\n .badge:hover {\r\n background: rgba(0, 255, 255, 0.2);\r\n box-shadow: 0 0 30px rgba(0, 255, 255, 0.4);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* Premium Stats Section *\/\r\n .premium-stats {\r\n padding: 80px 20px;\r\n background: rgba(0, 8, 20, 0.7);\r\n backdrop-filter: blur(10px);\r\n position: relative;\r\n }\r\n\r\n .premium-stats::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), transparent);\r\n animation: statsGlow 4s ease-in-out infinite;\r\n }\r\n\r\n @keyframes statsGlow {\r\n 0%, 100% { opacity: 0.3; }\r\n 50% { opacity: 0.7; }\r\n }\r\n\r\n .stats-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 30px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .stat-item {\r\n text-align: center;\r\n padding: 25px;\r\n background: rgba(0, 255, 255, 0.05);\r\n border: 1px solid rgba(0, 255, 255, 0.2);\r\n border-radius: 20px;\r\n backdrop-filter: blur(10px);\r\n transition: all 0.3s;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .stat-item::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: linear-gradient(45deg, transparent, rgba(0, 255, 255, 0.1), transparent);\r\n }\r\n\r\n .stat-item:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(0, 255, 255, 0.3);\r\n border-color: rgba(0, 255, 255, 0.5);\r\n }\r\n\r\n .stat-number {\r\n font-size: clamp(24px, 4vw, 36px);\r\n font-weight: 700;\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 margin-bottom: 10px;\r\n text-shadow: 0 0 30px rgba(0, 255, 255, 0.5);\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .stat-label {\r\n font-size: clamp(12px, 2vw, 16px);\r\n color: #e0e0e0;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n font-weight: 500;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* Premium Products Section *\/\r\n .premium-products {\r\n padding: 80px 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: 50px;\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: 1400px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\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 padding: 30px;\r\n transition: all 0.4s;\r\n position: relative;\r\n overflow: hidden;\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-icon {\r\n width: 60px;\r\n height: 60px;\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-bottom: 20px;\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 .product-card:hover .product-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 .product-title {\r\n font-size: clamp(18px, 2.5vw, 22px);\r\n font-weight: 600;\r\n color: #ffffff;\r\n margin-bottom: 12px;\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 margin-bottom: 20px;\r\n line-height: 1.6;\r\n }\r\n\r\n .product-features {\r\n list-style: none;\r\n }\r\n\r\n .product-features li {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 10px;\r\n font-size: 13px;\r\n color: #e0e0e0;\r\n font-weight: 400;\r\n }\r\n\r\n .check-icon {\r\n color: #00ff00;\r\n width: 18px;\r\n height: 18px;\r\n filter: drop-shadow(0 0 10px rgba(0, 255, 0, 0.5));\r\n }\r\n\r\n \/* Premium Solutions Section *\/\r\n .premium-solutions {\r\n padding: 80px 20px;\r\n background: rgba(0, 8, 20, 0.9);\r\n position: relative;\r\n }\r\n\r\n .premium-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(255, 0, 255, 0.05), transparent);\r\n animation: solutionsGlow 5s ease-in-out infinite;\r\n }\r\n\r\n @keyframes solutionsGlow {\r\n 0%, 100% { opacity: 0.3; }\r\n 50% { opacity: 0.7; }\r\n }\r\n\r\n .solutions-content {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .solutions-text h2 {\r\n font-size: clamp(22px, 3.5vw, 32px);\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .solutions-text .gradient-text {\r\n background: linear-gradient(135deg, #ff00ff, #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 40px rgba(255, 0, 255, 0.5);\r\n }\r\n\r\n .solutions-text p {\r\n font-size: clamp(14px, 2vw, 18px);\r\n color: #e0e0e0;\r\n margin-bottom: 30px;\r\n line-height: 1.8;\r\n text-shadow: 0 0 20px rgba(255, 0, 255, 0.3);\r\n }\r\n\r\n .solutions-features {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .solution-feature {\r\n display: flex;\r\n gap: 20px;\r\n align-items: flex-start;\r\n padding: 20px;\r\n background: rgba(255, 0, 255, 0.05);\r\n border: 1px solid rgba(255, 0, 255, 0.2);\r\n border-radius: 15px;\r\n backdrop-filter: blur(10px);\r\n transition: all 0.3s;\r\n }\r\n\r\n .solution-feature:hover {\r\n transform: translateX(10px);\r\n box-shadow: 0 10px 30px rgba(255, 0, 255, 0.3);\r\n border-color: rgba(255, 0, 255, 0.4);\r\n }\r\n\r\n .solution-feature-icon {\r\n width: 50px;\r\n height: 50px;\r\n background: linear-gradient(135deg, #ff00ff, #00ffff);\r\n border-radius: 15px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n box-shadow: 0 0 25px rgba(255, 0, 255, 0.4);\r\n }\r\n\r\n .solution-feature-content h3 {\r\n font-size: clamp(16px, 2.5vw, 20px);\r\n font-weight: 600;\r\n color: #ffffff;\r\n margin-bottom: 8px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .solution-feature-content p {\r\n font-size: 14px;\r\n color: #e0e0e0;\r\n line-height: 1.6;\r\n }\r\n\r\n .solutions-stats {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n\r\n .solution-stat-card {\r\n background: rgba(0, 255, 255, 0.05);\r\n border: 1px solid rgba(0, 255, 255, 0.2);\r\n border-radius: 15px;\r\n padding: 25px;\r\n text-align: center;\r\n backdrop-filter: blur(10px);\r\n transition: all 0.3s;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .solution-stat-card::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(0, 255, 255, 0.2), transparent);\r\n }\r\n\r\n .solution-stat-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 30px rgba(0, 255, 255, 0.3);\r\n border-color: rgba(0, 255, 255, 0.4);\r\n }\r\n\r\n .solution-stat-number {\r\n font-size: clamp(22px, 3.5vw, 30px);\r\n font-weight: 700;\r\n background: linear-gradient(135deg, #00ffff, #00ff00);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n margin-bottom: 8px;\r\n text-shadow: 0 0 30px rgba(0, 255, 255, 0.5);\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .solution-stat-label {\r\n font-size: 12px;\r\n color: #e0e0e0;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n font-weight: 500;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* Premium CTA Section *\/\r\n .premium-cta {\r\n padding: 80px 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: 50px 30px;\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 \/* 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 .hero-buttons {\r\n flex-direction: row;\r\n justify-content: center;\r\n }\r\n\r\n .cta-buttons {\r\n flex-direction: row;\r\n justify-content: center;\r\n }\r\n\r\n .stats-container {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n\r\n .solutions-content {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .solutions-stats {\r\n grid-template-columns: repeat(2, 1fr);\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 @media (min-width: 1024px) {\r\n .products-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (min-width: 1200px) {\r\n .products-grid {\r\n grid-template-columns: repeat(4, 1fr);\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 {\r\n align-items: flex-start; \/* Align content to top *\/\r\n padding-top: 100px; \/* 70px header + 30px gap *\/\r\n }\r\n \r\n .btn-secondary {\r\n padding: 12px 20px;\r\n font-size: 14px;\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\" id=\"home\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-icon\">\r\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\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 \r\n <h1 class=\"hero-title\">\r\n <span class=\"gradient-text\">Premium Industrial<\/span>\r\n <br>\r\n <span>Valve Supplier<\/span>\r\n <\/h1>\r\n \r\n <p class=\"hero-subtitle\">\r\n Solusi valve industri terdepan dengan teknologi holographic dan kualitas premium untuk kebutuhan industri modern\r\n <\/p>\r\n \r\n <div class=\"hero-buttons\">\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/kontak\/\" class=\"btn-primary\">\r\n Dapatkan Penawaran\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/produk\/\" class=\"btn-secondary\">\r\n Lihat Katalog\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n \r\n <div class=\"hero-badges\">\r\n <span class=\"badge\">ISO Certified<\/span>\r\n <span class=\"badge\">Premium Quality<\/span>\r\n <span class=\"badge\">Global Shipping<\/span>\r\n <span class=\"badge\">24\/7 Support<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Premium Stats Section -->\r\n <section class=\"premium-stats\">\r\n <div class=\"stats-container\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">15+<\/div>\r\n <div class=\"stat-label\">Tahun Pengalaman<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">5000+<\/div>\r\n <div class=\"stat-label\">Produk Tersedia<\/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 Dilayani<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">99.9%<\/div>\r\n <div class=\"stat-label\">Kepuasan Pelanggan<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Premium Products Section -->\r\n <section class=\"premium-products\" id=\"products\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">\r\n <span class=\"gradient-text\">Produk Premium<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Koleksi valve industri berkualitas tinggi dengan teknologi terkini\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-icon\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\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 <h3 class=\"product-title\">Gate Valve<\/h3>\r\n <p class=\"product-description\">Valve gerbang premium untuk kontrol aliran fluida industri<\/p>\r\n <ul class=\"product-features\">\r\n <li>\r\n <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg>\r\n Material Stainless Steel\r\n <\/li>\r\n <li>\r\n <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg>\r\n Pressure Rating 2500 PSI\r\n <\/li>\r\n <li>\r\n <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg>\r\n Temperature Range -196\u00b0C to 650\u00b0C\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-icon\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 0 0-7z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"product-title\">Globe Valve<\/h3>\r\n <p class=\"product-description\">Valve bola dengan performa tinggi untuk aplikasi kritis<\/p>\r\n <ul class=\"product-features\">\r\n <li>\r\n <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg>\r\n Full Bore Design\r\n <\/li>\r\n <li>\r\n <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg>\r\n Anti-Static Coating\r\n <\/li>\r\n <li>\r\n <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg>\r\n Fire Safe Certification\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-icon\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\r\n <path d=\"M2 17l10 5 10-5\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"product-title\">Butterfly Valve<\/h3>\r\n <p class=\"product-description\">Valve kupu-kupu untuk kontrol presisi aliran cairan<\/p>\r\n <ul class=\"product-features\">\r\n <li>\r\n <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg>\r\n Zero Leakage Design\r\n <\/li>\r\n <li>\r\n <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg>\r\n Wafer-Less Construction\r\n <\/li>\r\n <li>\r\n <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg>\r\n High Flow Capacity\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"product-card\">\r\n <div class=\"product-icon\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\r\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line>\r\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"product-title\">Control Valve<\/h3>\r\n <p class=\"product-description\">Valve kontrol otomatis dengan sistem cerdas<\/p>\r\n <ul class=\"product-features\">\r\n <li>\r\n <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg>\r\n Digital Positioner\r\n <\/li>\r\n <li>\r\n <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg>\r\n HART Communication\r\n <\/li>\r\n <li>\r\n <svg class=\"check-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg>\r\n Self-Diagnostics\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Premium Solutions Section -->\r\n <section class=\"premium-solutions\" id=\"solutions\">\r\n <div class=\"solutions-content\">\r\n <div class=\"solutions-text\">\r\n <h2>\r\n <span class=\"gradient-text\">Solusi Industri<\/span>\r\n <\/h2>\r\n <p>\r\n Kami menyediakan solusi valve industri komprehensif dengan teknologi holographic canggih untuk meningkatkan efisiensi dan keamanan operasional industri Anda.\r\n <\/p>\r\n \r\n <div class=\"solutions-features\">\r\n <div class=\"solution-feature\">\r\n <div class=\"solution-feature-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\r\n <path d=\"M2 17l10 5 10-5\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"solution-feature-content\">\r\n <h3>Smart Monitoring<\/h3>\r\n <p>Sistem monitoring real-time dengan sensor holographic untuk tracking kinerja valve<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"solution-feature\">\r\n <div class=\"solution-feature-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\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=\"solution-feature-content\">\r\n <h3>Predictive Maintenance<\/h3>\r\n <p>AI-powered predictive maintenance untuk mencegah downtime dan optimasi performa<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"solutions-stats\">\r\n <div class=\"solution-stat-card\">\r\n <div class=\"solution-stat-number\">30%<\/div>\r\n <div class=\"solution-stat-label\">Efisiensi Meningkat<\/div>\r\n <\/div>\r\n <div class=\"solution-stat-card\">\r\n <div class=\"solution-stat-number\">50%<\/div>\r\n <div class=\"solution-stat-label\">Biaya Maintenance Turun<\/div>\r\n <\/div>\r\n <div class=\"solution-stat-card\">\r\n <div class=\"solution-stat-number\">99%<\/div>\r\n <div class=\"solution-stat-label\">Uptime Terjamin<\/div>\r\n <\/div>\r\n <div class=\"solution-stat-card\">\r\n <div class=\"solution-stat-number\">24\/7<\/div>\r\n <div class=\"solution-stat-label\">Support Teknis<\/div>\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\" id=\"contact\">\r\n <div class=\"cta-card\">\r\n <h2 class=\"cta-title\">\r\n <span class=\"gradient-text\">Transformasi Industri Anda<\/span>\r\n <\/h2>\r\n <p class=\"cta-subtitle\">\r\n Bergabunglah dengan ratusan perusahaan industri yang telah mempercayai solusi valve premium kami untuk meningkatkan produktivitas dan keamanan operasional\r\n <\/p>\r\n <div class=\"cta-buttons\">\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/kontak\/\" class=\"btn-primary\">Dapatkan Penawaran<\/a>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/kontak\/\" class=\"btn-secondary\">Konsultasi Gratis<\/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>ValveTech Solutions – Premium Industrial Supplier ValveTech Solutions Beranda Tentang Produk Solusi Kontak Hubungi Kami Beranda Tentang Produk Solusi Kontak Hubungi Kami Premium Industrial Valve Supplier Solusi valve industri terdepan dengan teknologi holographic dan kualitas premium untuk kebutuhan industri modern Dapatkan Penawaran Lihat Katalog ISO Certified Premium Quality Global Shipping 24\/7 Support 15+ Tahun Pengalaman […]<\/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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/pages\/8","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=8"}],"version-history":[{"count":50,"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":76,"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/pages\/8\/revisions\/76"}],"wp:attachment":[{"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}