{"id":57,"date":"2025-11-19T15:08:19","date_gmt":"2025-11-19T15:08:19","guid":{"rendered":"https:\/\/lab.rwb.my.id\/web\/?page_id=57"},"modified":"2025-11-19T16:28:09","modified_gmt":"2025-11-19T16:28:09","slug":"tentang","status":"publish","type":"page","link":"https:\/\/lab.rwb.my.id\/web\/tentang\/","title":{"rendered":"Tentang"},"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 Tentang Kami - 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 About Page *\/\r\n .hero-about {\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-about::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-about-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-about-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-about-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-about-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 \/* Premium Features Section *\/\r\n .premium-features {\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 .features-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 .feature-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 .feature-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 .feature-card:hover::before {\r\n opacity: 0.6;\r\n }\r\n\r\n .feature-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 .feature-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 .feature-card:hover .feature-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 .feature-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 .feature-description {\r\n font-size: 14px;\r\n color: #e0e0e0;\r\n line-height: 1.7;\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-about {\r\n padding: 20px 20px; \/* PERUBAHAN ADA DI SINI: dikurangi jadi 20px *\/\r\n min-height: 50vh;\r\n }\r\n \r\n \/* Features section adjustments *\/\r\n .premium-features {\r\n padding: 60px 20px;\r\n }\r\n\r\n .features-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n\r\n .feature-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-about\">\r\n <div class=\"hero-about-content\">\r\n <h1 class=\"hero-about-title\">\r\n <span class=\"gradient-text\">Tentang Kami<\/span>\r\n <\/h1>\r\n <p class=\"hero-about-subtitle\">\r\n Kami adalah pionir dalam solusi valve industri, menghadirkan inovasi dan keandalan untuk mendukung kemajuan industri global. Komitmen kami pada kualitas premium adalah fondasi dari setiap produk yang kami hasilkan.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Premium Features Section -->\r\n <section class=\"premium-features\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">\r\n <span class=\"gradient-text\">Fitur Premium Kami<\/span>\r\n <\/h2>\r\n <p class=\"section-subtitle\">\r\n Keunggulan yang membedakan kami dan memberikan nilai tak tertandingi untuk mitra industri Anda.\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"features-grid\">\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <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\"><\/path>\r\n <path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"feature-title\">Material Terbaik<\/h3>\r\n <p class=\"feature-description\">\r\n Kami hanya menggunakan material-grade tertinggi seperti stainless steel duplex dan superalloy, memastikan daya tahan maksimal dan ketahanan terhadap korosi di lingkungan industri yang paling keras.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M9 11l3 3L22 4\"><\/path>\r\n <path d=\"M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"feature-title\">Sertifikasi Internasional<\/h3>\r\n <p class=\"feature-description\">\r\n Semua produk kami bersertifikasi ISO 9001, API 6D, dan standar industri lainnya, menjamin kepatuhan dan kualitas yang diakui secara global untuk setiap pengiriman.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n <path d=\"M12 1v6m0 6v6m4.22-13.22l4.24 4.24M1.54 9.54l4.24 4.24M20.46 14.46l-4.24 4.24M7.78 7.78L3.54 3.54\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"feature-title\">Teknologi Canggih<\/h3>\r\n <p class=\"feature-description\">\r\n Integrasi sensor holographic dan AI untuk monitoring real-time dan predictive maintenance, memberikan data presisi untuk optimasi operasional dan pencegahan kerusakan.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\r\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"feature-title\">Tim Ahli Berpengalaman<\/h3>\r\n <p class=\"feature-description\">\r\n Didukung oleh tim insinyur dan teknisi berpengalaman lebih dari 15 tahun, siap memberikan solusi teknis dan dukungan pelanggan yang responsif dan ahli.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-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\"><\/path>\r\n <polyline points=\"14 2 14 8 20 8\"><\/polyline>\r\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\r\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\r\n <polyline points=\"10 9 9 9 8 9\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"feature-title\">Solusi Kustom<\/h3>\r\n <p class=\"feature-description\">\r\n Kami merancang dan memproduksi solusi valve yang disesuaikan dengan kebutuhan spesifik aplikasi Anda, memastikan performa optimal dan integrasi yang sempurna dengan sistem Anda.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path>\r\n <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line>\r\n <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"feature-title\">Garansi & Dukungan Penuh<\/h3>\r\n <p class=\"feature-description\">\r\n Setiap produk dilindungi garansi komprehensif dan didukung oleh layanan pelanggan 24\/7, memastikan ketenangan pikiran dan operasional yang berjalan lancar tanpa henti.\r\n <\/p>\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\">Temukan Keunggulan Kami<\/span>\r\n <\/h2>\r\n <p class=\"cta-subtitle\">\r\n Jangan ragu untuk menghubungi tim kami. Konsultasikan kebutuhan industri Anda dan biarkan ValveTech Solutions menunjukkan bagaimana fitur premium kami dapat mengubah cara Anda bekerja.\r\n <\/p>\r\n <div class=\"cta-buttons\">\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/kontak\/\" class=\"btn-primary\">Hubungi Kami Sekarang<\/a>\r\n <a href=\"https:\/\/lab.rwb.my.id\/web\/produk\/\" class=\"btn-secondary\">Lihat Katalog Produk<\/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>Tentang Kami – ValveTech Solutions ValveTech Solutions Beranda Tentang Produk Solusi Kontak Hubungi Kami Beranda Tentang Produk Solusi Kontak Hubungi Kami Tentang Kami Kami adalah pionir dalam solusi valve industri, menghadirkan inovasi dan keandalan untuk mendukung kemajuan industri global. Komitmen kami pada kualitas premium adalah fondasi dari setiap produk yang kami hasilkan. Fitur Premium Kami […]<\/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-57","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/pages\/57","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=57"}],"version-history":[{"count":43,"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/pages\/57\/revisions"}],"predecessor-version":[{"id":109,"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/pages\/57\/revisions\/109"}],"wp:attachment":[{"href":"https:\/\/lab.rwb.my.id\/web\/wp-json\/wp\/v2\/media?parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}