https://nocola.co.id/nocola-assets/WQMSProduct-2a96c8b0.js

1var F=Object.defineProperty,q=Object.defineProperties;var G=Object.getOwnPropertyDescriptors;var y=Object.getOwnPropertySymbols;var z=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var k=(i,a,n)=>a in i?F(i,a,{enumerable:!0,configurable:!0,writable:!0,value:n}):i[a]=n,w=(i,a)=>{for(var n in a||(a={}))z.call(a,n)&&k(i,n,a[n]);if(y)for(var n of y(a))B.call(a,n)&&k(i,n,a[n]);return i},N=(i,a)=>q(i,G(a));import{f as U,u as _,r as m,j as e,A as Y,S,C as $,a as A,M as b,b as V,l as J,Z as c,p as Z,G as T,d as I,s as R}from"./index-4d5b7891.js";import{A as g}from"./activity-b6d036bd.js";import{B as X}from"./bar-chart-3-581c1e59.js";import{W as f}from"./wrench-f75a78de.js";import{C as ee}from"./chevron-left-e4dee71a.js";import{H as ae}from"./help-circle-7c2806fd.js";import{A as M}from"./alert-triangle-e7cae39e.js";import{M as P}from"./microscope-edc6fb8c.js";const K=U("Waves",[["path",{d:"M2 6c.6.5 1.2 1 2.5 1C7 7 7 5 9.5 5c2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1",key:"knzxuh"}],["path",{d:"M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1",key:"2jd2cc"}],["path",{d:"M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1",key:"rd2r6e"}]]),h=["https://cems.id/wp-content/uploads/2026/02/nocola-hero-WQMS1.jpg","https://cems.id/wp-content/uploads/2026/02/nocola-hero-WQMS2.jpg","https://cems.id/wp-content/uploads/2026/02/nocola-industries-we-build-water-treatment.jpg","https://cems.id/wp-content/uploads/2026/02/end-to-end-solution-1.jpg"];function D(i){return e.jsxs("svg",N(w({xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},i),{children:[e.jsx("ellipse",{cx:"12",cy:"5",rx:"9",ry:"3"}),e.jsx("path",{d:"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"}),e.jsx("path",{d:"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"})]}))}const te=[{title:"Pollution Control",desc:"Tackle industrial liquid waste containing hazardous chemicals. Protect ecosystems and human health through vigilant monitoring.",icon:M},{title:"Network Expansion",desc:"Solve the lack of monitoring networks. Deploy scalable units to cover vast water bodies and remote industrial discharge points.",icon:T},{title:"Data Accessibility",desc:"Democratize water quality data. Provide transparent, real-time access for stakeholders, government, and the public.",icon:D},{title:"Low Power Design",desc:"Super-Low Power Consumption IoT Device with more than 2 Years battery life for remote, off-grid deployments.",icon:c}],se=[{title:"Pengendalian Pencemaran Air",desc:"Mengatasi limbah cair industri yang mengandung bahan kimia berbahaya. Lindungi ekosistem perairan dan kesehatan masyarakat melalui pemantauan intensif.",icon:M},{title:"Perluasan Jaringan Sensor",desc:"Mengatasi keterbatasan pemantauan manual. Pasang stasiun telemetri terdistribusi untuk mencakup badan air luas dan titik outfall limbah industri.",icon:T},{title:"Aksesibilitas Data Terbuka",desc:"Transparansi data kualitas air secara real-time dan akurat bagi pemangku kepentingan industri, kepatuhan KLHK, dan keselamatan publik.",icon:D},{title:"Desain Daya Ultra-Rendah",desc:"Perangkat IoT berdaya sangat hemat dengan ketahanan baterai hingga lebih dari 2 tahun untuk penempatan di lokasi terpencil tanpa listrik PLN (off-grid).",icon:c}],ne=[{title:"Dissolved Oxygen (DO)",model:"RK500-04",desc:"Critical for aquatic life and treatment efficiency. Measures oxygen saturation with high precision.",icon:K,details:["Res: 0.01mg/L","Output: 4-20mA/RS485","IP68 Protection","Temp Compensation"]},{title:"ORP Sensor",model:"RK500-06",desc:"Oxidation-Reduction Potential sensor for fresh or sea water. Essential for disinfection monitoring.",icon:c,details:["Range: ±1500mV","Accuracy: ±0.5mV","Platinum Ring Principle","High Sensitivity"]},{title:"Turbidity Sensor",model:"RK500-07",desc:"Measures water clarity and suspended solids. Ideal for sediment monitoring and treatment processes.",icon:P,details:["Range: 0-4000NTU","Material: 316L Steel","RS485 Output","Self-cleaning option"]}],ie=[{title:"Sensor Oksigen Terlarut (DO)",model:"RK500-04",desc:"Sangat krusial untuk kehidupan perairan dan efisiensi pengolahan IPAL. Mengukur saturasi oksigen terlarut dengan presisi tinggi.",icon:K,details:["Resolusi: 0,01 mg/L","Output: 4-20mA / RS485","Proteksi IP68 Kedap Air","Kompensasi Suhu Otomatis"]},{title:"Sensor Potensial Redoks (ORP)",model:"RK500-06",desc:"Sensor Oxidation-Reduction Potential untuk air tawar dan air laut. Esensial untuk pemantauan disinfeksi dan stabilitas kimia air.",icon:c,details:["Rentang: ±1500 mV","Akurasi: ±0,5 mV","Prinsip Cincin Platina","Sensitivitas Respon Tinggi"]},{title:"Sensor Kekeruhan (Turbidity)",model:"RK500-07",desc:"Mengukur kejernihan air dan padatan tersuspensi (TSS). Sangat ideal untuk pemantauan sedimentasi dan proses filtrasi limbah.",icon:P,details:["Rentang: 0-4000 NTU","Material: Baja Tahan Karat 316L","Output RS485 Modbus","Opsi Pembersih Otomatis (Wiper)"]}],le=[{name:"System Integration",icon:I,image:"https://cems.id/wp-content/uploads/2026/02/nocola-our-service-System-Integrator.jpg",desc:"Seamlessly connect WQMS data to your existing SCADA, DCS, or Environmental Reporting dashboards.",areas:["API Integration","Dashboard Setup"]},{name:"Maintenance",icon:f,image:"https://cems.id/wp-content/uploads/2026/02/nocola-our-service-maintenance.jpg",desc:"Scheduled sensor cleaning, calibration, and firmware updates to ensure data accuracy over years of operation.",areas:["Calibration","Sensor Cleaning"]},{name:"Data Reporting",icon:R,image:"https://cems.id/wp-content/uploads/2026/02/nocola-our-service-Data-Reporting.jpg",desc:"Automated generation of compliance reports compliant with local government standards (e.g., SISPEK KLHK).",areas:["KLHK Reporting","Audit Trail"]},{name:"Consultation",icon:b,image:"https://images.unsplash.com/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80",desc:"Expert advice on sensor placement, parameter selection, and network topology for your specific water body.",areas:["Site Survey","Tech Planning"]}],re=[{name:"Integrasi Sistem Terpadu",icon:I,image:"https://cems.id/wp-content/uploads/2026/02/nocola-our-service-System-Integrator.jpg",desc:"Koneksikan data telemetri WQMS secara mulus ke SCADA, DCS pabrik, atau dashboard Pelaporan SPARING KLHK eksisting.",areas:["Integrasi API & Modbus","Setup Dashboard Pantau"]},{name:"Pemeliharaan & Kalibrasi",icon:f,image:"https://cems.id/wp-content/uploads/2026/02/nocola-our-service-maintenance.jpg",desc:"Pembersihan sensor terjadwal, kalibrasi larutan 

1standar berkala, dan pembaruan firmware untuk menjamin keakuratan data bertahun-tahun.",areas:["Kalibrasi Standar","Pembersihan Sensor"]},{name:"Pelaporan Data Kepatuhan",icon:R,image:"https://cems.id/wp-content/uploads/2026/02/nocola-our-service-Data-Reporting.jpg",desc:"Penyusunan laporan kepatuhan otomatis yang memenuhi regulasi SPARING dan SISPEK Kementerian Lingkungan Hidup dan Kehutanan.",areas:["Pelaporan SPARING KLHK","Jejak Audit Regulasi"]},{name:"Konsultasi Teknis & Lingkungan",icon:b,image:"https://images.unsplash.com/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80",desc:"Rekomendasi ahli terkait titik outfall sensor, pemilihan parameter esensial (COD, BOD, TSS), dan topologi jaringan komunikasi.",areas:["Survei Titik Outfall","Perencanaan Teknis"]}],oe=[{id:1,title:"Marine Laboratory Water Research System Ambon",client:"Marine Laboratory",industry:"Marine Science",image:"https://cems.id/wp-content/uploads/2026/02/nocola-product-WQMS-ambon.jpg",challenge:"Marine research in Ambon required high precision and continuous data collection across seasonal changes that was unsustainable via manual sampling.",solution:"Deployed an integrated WQMS sensor station recording salinity, temperature, and sea conductivity continuously into a centralized research database.",stats:[{label:"DATA QUALITY",value:"High-Fidelity"},{label:"REMOTE ACCESS",value:"Real-time"}],tags:["WQMS","RESEARCH","DATA PRECISION"]},{id:2,title:"Integrated Shrimp & Milkfish Pond Monitoring",client:"Coastal Farming Demak",industry:"Aquaculture",image:"https://cems.id/wp-content/uploads/2026/02/nocola-product-WQMS-demak.jpg",challenge:"Frequent spikes in ammonia and salinity fluctuations in Demak aquaculture ponds hampered shrimp and milkfish survival rates without early warning.",solution:"Implemented IoT-based WQMS telemetry detecting water chemical shifts instantly, enabling automated paddle aerators and smart water circulation.",stats:[{label:"FASTER GROWTH",value:"Optimized"},{label:"RESOURCE EFFICIENCY",value:"Measured"}],tags:["WQMS","SHRIMP & MILKFISH","COASTAL FARMING"]},{id:3,title:"Water Quality Monitoring System Aceh",client:"Integrated Water Monitoring",industry:"ENVIRONMENT",image:"https://cems.id/wp-content/uploads/2026/03/nocola-product-wqms-aceh.jpg",challenge:"Difficult manual sampling in remote river basins resulted in delayed pollution alerts, putting local aquatic ecosystems and community water supplies at risk.",solution:"Installed an off-grid solar-powered WQMS station transmitting vital water parameters 24/7 to the environmental agency's central dashboard.",stats:[{label:"DATA QUALITY",value:"High-Fidelity"},{label:"REMOTE ACCESS",value:"Real-time"}],tags:["ENVIRONMENT","WQMS","IOT","REAL-TIME"]}],de=[{id:1,title:"Sistem Riset Air Laboratorium Laut Ambon",client:"Laboratorium Kelautan",industry:"Sains & Riset Kelautan",image:"https://cems.id/wp-content/uploads/2026/02/nocola-product-WQMS-ambon.jpg",challenge:"Kebutuhan data riset di laboratorium laut Ambon memerlukan akurasi tinggi dan pengumpulan data jangka panjang yang sulit dilakukan secara manual di lapangan.",solution:"Implementasi sistem sensor kualitas air terintegrasi untuk mencatat salinitas, suhu, dan konduktivitas air laut secara otomatis dan terpusat dalam database riset.",stats:[{label:"KUALITAS DATA",value:"Akurasi Tinggi"},{label:"AKSES JARAK JAUH",value:"Real-time"}],tags:["WQMS","RISET KELAUTAN","PRESISI TINGGI"]},{id:2,title:"Monitoring Tambak Terintegrasi Udang & Bandeng",client:"Budidaya Pesisir Demak",industry:"Akuakultur & Perikanan",image:"https://cems.id/wp-content/uploads/2026/02/nocola-product-WQMS-demak.jpg",challenge:"Tingginya fluktuasi amonia dan salinitas pada tambak di Demak sering menghambat pertumbuhan udang dan bandeng, yang sulit dideteksi tanpa alat ukur presisi.",solution:"Penyediaan solusi WQMS berbasis IoT yang mampu mendeteksi perubahan kimia air secara instan, memungkinkan pengaturan sirkulasi air yang lebih efisien.",stats:[{label:"PERTUMBUHAN BIOTA",value:"Optimal"},{label:"EFISIENSI SUMBER DAYA",value:"Terukur"}],tags:["WQMS","TAMBAK UDANG & BANDENG","AKUAKULTUR"]},{id:3,title:"Sistem Pemantauan Kualitas Air Aceh",client:"Monitoring Kualitas Air Terintegrasi",industry:"LINGKUNGAN HIDUP",image:"https://cems.id/wp-content/uploads/2026/03/nocola-product-wqms-aceh.jpg",challenge:"Sulitnya mendapatkan data kualitas air yang akurat dan kontinu secara manual di lokasi terpencil. Keterbatasan ini menghambat respon cepat terhadap perubahan kondisi lingkungan yang dapat berdampak pada ekosistem air lokal.",solution:"Implementasi sistem sensor WQMS terintegrasi untuk mencatat parameter vital air secara otomatis. Data dikirimkan secara real-time ke database pusat, memungkinkan pemantauan kondisi lingkungan 24/7 tanpa perlu inspeksi fisik yang sering.",stats:[{label:"INTEGRITAS DATA",value:"Presisi Tinggi"},{label:"MONITORING 24/7",value:"Real-time"}],tags:["LINGKUNGAN","WQMS","IOT","REAL-TIME"]}],ce=[{q:"What parameters can WQMS measure?",a:"Our standard system measures pH, Temperature, Dissolved Oxygen (DO), Turbidity, TSS, BOD, COD, and ORP. Custom parameters can be added upon request."},{q:"How often do the sensors need calibration?",a:"It depends on the water quality. For clean water, every 3-6 months. For wastewater with high fouling potential, we recommend monthly maintenance or using our auto-cleaning sensors."},{q:"Is the data transmission secure?",a:"Yes. We use encrypted MQTT/HTTPS protocols over cellular (4G/NB-IoT) or LoRaWAN networks to ensure data integrity from the field to the cloud."},{q:"Can this system integrate with SISPEK KLHK?",a:"Yes, our WQMS platform generates data formats compliant with KLHK (Ministry of Environment) standards for c

1ontinuous emission monitoring integration (SPARING)."}],me=[{q:"Parameter apa saja yang dapat dipantau oleh sistem WQMS?",a:"Sistem standar kami mengukur parameter utama seperti pH, Suhu, Dissolved Oxygen (DO), Kekeruhan (Turbidity), TSS, BOD, COD, dan ORP. Parameter tambahan seperti amonia, nitrat, dan logam berat dapat dikonfigurasi sesuai kebutuhan baku mutu."},{q:"Seberapa sering sensor memerlukan kalibrasi?",a:"Tergantung pada karakteristik air limbah yang diukur. Untuk air bersih/badan air alami, kalibrasi berkala dilakukan tiap 3–6 bulan. Untuk air limbah industri pekat, disarankan pengecekan bulanan atau memakai sensor dengan mekanisme auto-cleaning wiper."},{q:"Bagaimana keandalan dan keamanan transmisi data ke server?",a:"Sangat aman. Kami menggunakan protokol terenkripsi MQTT/HTTPS melalui jaringan seluler 4G/NB-IoT maupun LoRaWAN untuk menjamin integritas data dari stasiun outfall lapangan hingga ke server cloud tanpa risiko manipulasi."},{q:"Apakah WQMS Nocola kompatibel dengan SPARING / SISPEK KLHK?",a:"Ya, sistem WQMS kami telah memenuhi spesifikasi teknis dan protokol transmisi data yang diwajibkan oleh Kementerian Lingkungan Hidup dan Kehutanan (KLHK) untuk sistem pemantauan kualitas air limbah secara terus-menerus (SPARING)."}],ye=({onNavigate:i})=>{const{isId:a}=_(),[n,j]=m.useState(0),[o,C]=m.useState(0),[r,u]=m.useState(0),E=a?se:te,O=a?ie:ne,v=a?re:le,d=a?de:oe,W=a?me:ce;m.useEffect(()=>{const t=setInterval(()=>{j(s=>(s+1)%h.length)},5e3);return()=>clearInterval(t)},[]);const L=t=>{C(o===t?null:t)},Q=()=>{u(t=>(t+1)%d.length)},H=()=>{u(t=>(t-1+d.length)%d.length)},l=d[r];return e.jsxs("div",{className:"animate-fade-in font-sans text-slate-900 bg-white",children:[e.jsxs("section",{className:"relative h-screen min-h-[700px] flex items-center justify-center overflow-hidden bg-slate-900",children:[h.map((t,s)=>e.jsxs("div",{className:`absolute inset-0 z-0 transition-opacity duration-1000 ease-in-out ${s===n?"opacity-100":"opacity-0"}`,children:[e.jsx("img",{loading:"lazy",src:t,alt:`WQMS Slide ${s}`,className:`w-full h-full object-cover transition-transform duration-[10000ms] ease-linear ${s===n?"scale-110":"scale-100"}`}),e.jsx("div",{className:"absolute inset-0 bg-slate-900/80"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-slate-950 via-trans

1parent to-slate-950/30"})]},s)),e.jsx("div",{className:"absolute inset-0 bg-[url('https://grainy-gradients.vercel.app/noise.svg')] opacity-20 mix-blend-overlay z-[1] pointer-events-none"}),e.jsx("div",{className:"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full pt-12 text-center",children:e.jsxs("div",{className:"max-w-4xl mx-auto mt-16",children:[e.jsx("div",{className:"inline-flex items-center px-6 py-2.5 rounded-full border border-cyan-500/30 bg-cyan-900/40 mb-8 backdrop-blur-md shadow-lg animate-fade-in-up hover:bg-cyan-900/60 transition-colors",children:e.jsx("img",{loading:"lazy",src:"https://cems.id/wp-content/uploads/2026/02/wqms-03-e1730520517117-2048x658-1.png",alt:"WQMS Logo",className:"h-8 w-auto"})}),e.jsx("h1",{className:"text-4xl md:text-6xl lg:text-7xl font-extrabold text-white leading-tight mb-8 animate-fade-in-up [animation-delay:200ms]",children:a?e.jsxs(e.Fragment,{children:["Pemantauan Kualitas Air ",e.jsx("br",{}),e.jsx("span",{className:"text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-blue-500",children:"Cerdas & Terintegrasi"})]}):e.jsxs(e.Fragment,{children:["Intelligent ",e.jsx("br",{}),e.jsx("span",{className:"text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-blue-500",children:"Water Monitoring"})]})}),e.jsx("p",{className:"text-xl md:text-2xl text-slate-300 leading-relaxed mb-10 max-w-3xl mx-auto font-light animate-fade-in-up [animation-delay:400ms]",children:a?"Monitoring real-time untuk parameter pH, DO, Kekeruhan, COD, BOD, dan TSS. Solusi terpadu untuk kepatuhan regulasi lingkungan dan keselamatan air.":"Real-time monitoring for pH, DO, Turbidity, and more. A complete solution for environmental compliance and water safety."}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-4 justify-center animate-fade-in-up [animation-delay:600ms]",children:[e.jsxs("a",{href:"#cta",className:"px-10 py-4 bg-cyan-600 text-white rounded-full font-bold transition-all hover:bg-cyan-500 shadow-[0_0_30px_-5px_rgba(6,182,212,0.5)] flex items-center justify-center",children:[a?"Ajukan Demo":"Request Demo"," ",e.jsx(Y,{className:"w-5 h-5 ml-2"})]}),e.jsx("a",{href:"#ecosystem",className:"px-10 py-4 bg-white/10 border border-white/20 text-white rounded-full font-bold transition-all hover:bg-white/20 backdrop-blur-md flex items-center justify-center",children:a?"Lihat Sensor":"View Sensors"})]})]})}),e.jsx("div",{className:"absolute bottom-8 left-1/2 transform -translate-x-1/2 z-20 flex space-x-2",children:h.map((t,s)=>e.jsx("button",{onClick:()=>j(s),className:`h-1 rounded-full transition-all duration-500 ${s===n?"w-16 bg-cyan-400":"w-4 bg-white/30"}`,"aria-label":`Go to slide ${s+1}`},s))})]}),e.jsx("section",{className:"bg-slate-900 border-b border-slate-800 relative z-20",children:e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 divide-y md:divide-y-0 md:divide-x divide-slate-800",children:E.map((t,s)=>e.jsxs("div",{className:"py-10 px-6 group hover:bg-slate-800/50 transition-colors",children:[e.jsx("div",{className:"w-12 h-12 rounded-xl bg-slate-800 group-hover:bg-cyan-900/50 flex items-center justify-center text-cyan-400 mb-6 transition-colors border border-slate-700",children:e.jsx(t.icon,{className:"w-6 h-6"})}),e.jsx("h3",{className:"text-white font-bold text-lg mb-2",children:t.title}),e.jsx("p",{className:"text-slate-400 text-sm leading-relaxed",children:t.desc})]},s))})})}),e.jsx("section",{id:"description",className:"py-28 bg-white",children:e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center",children:[e.jsxs("div",{children:[e.jsx("div",{className:"inline-block px-3 py-1 bg-cyan-50 border border-cyan-100 rounded-lg text-cyan-600 font-bold text-xs uppercase tracking-widest mb-4",children:a?"Mengenal WQMS":"What is WQMS?"}),e.jsx("h2",{className:"text-4xl md:text-5xl font-extrabold text-slate-900 mb-6 leading-tight",children:a?e.jsxs(e.Fragment,{children:["Melindungi Sumber Daya ",e.jsx("br",{})," ",e.jsx("span",{className:"text-cyan-600",children:"Paling Vital di Bumi"})]}):e.jsxs(e.Fragment,{children:["Protecting Our ",e.jsx("br",{})," ",e.jsx("span",{className:"text-cyan-600",children:"Most Vital Resource"})]})}),e.jsx("div",{className:"space-y-6 text-lg text-slate-600 leading-relaxed font-light",children:a?e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"Water Quality Monitoring System (WQMS) adalah solusi IoT industri terintegrasi yang dirancang untuk mengukur dan menganalisis parameter kualitas air secara terus-menerus (kontinu)."}),e.jsx("p",{children:"Mulai dari pemantauan efluen limbah industri (IPAL), air tambak budidaya, hingga kelestarian sungai dan pesisir, WQMS menghadirkan data akurat yang diperlukan untuk pengambilan keputusan cepat. Kami melacak pH, Suhu, COD, BOD, DO, TSS, dan ORP dengan presisi standar laboratorium."})]}):e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"The Water Quality Monitoring System (WQMS) is an integrated solution designed to continuously measure and analyze critical water parameters."}),e.jsx("p",{children:"From monitoring industrial effluent to ensuring river health, WQMS provides the data needed to make informed decisions. We track pH, Temperature, COD, BOD, DO, TSS, and ORP with industrial-grade precision."})]})}),e.jsxs("div",{className:"mt-8 pt-8 border-t border-slate-100 flex gap-8",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-3xl font-bold text-slate-900",children:"2+ Yrs"}),e.jsx("div",{className:"text-xs text-slate-500 font-bold uppercase tracking-wide mt-1",children:a?"Ketahanan Baterai":"Battery Life"})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-3xl font-bold text-slate-900",children:"IP68"}),e.jsx("div",{className:"text-xs text-slate-500 font-bold uppercase tracking-wide mt-1",children:a?"Proteksi Kedap Air":"Waterproof"})]})]})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[{icon:g,title:a?"Real-time Telemetri":"Real-time",desc:a?"Deteksi seketika setiap fluktuasi parameter air.":"Instant detection of water changes."},{icon:X,title:a?"Wawasan Akurat":"Insights",desc:a?"Data presisi untuk tindakan mitigasi berbasis sains.":"Data for smarter decision making."},{icon:f,title:a?"Efisien & Otomatis":"Efficient",desc:a?"Pangkas biaya operasional uji lab & sampling manual.":"Reduce manual inspection costs."},{icon:S,title:a?"Kepatuhan Regulasi":"Compliant",desc:a?"Sepenuhnya selaras regulasi SPARING KLHK.":"Adhere to environmental regulations."}].map((t,s)=>e.jsxs("div",{className:"p-6 rounded-2xl bg-slate-50 border border-slate-100 hover:border-cyan-200 hover:bg-cyan-50/30 transition-all duration-300 group",children:[e.jsx("div",{className:"w-10 h-10 rounded-lg bg-white shadow-sm flex items-center justify-center text-cyan-500 mb-4 group-hover:scale-110 transition-transform",children:e.jsx(t.icon,{className:"w-5 h-5"})}),e.jsx("h4",{className:"font-bold text-slate-900 mb-2",children:t.title}),e.jsx("p",{className:"text-sm text-slate-500 leading-relaxed",children:t.desc})]},s))})]})})}),e.jsxs("section",{id:"ecosystem",className:"py-24 bg-slate-50 relative overflow-hidden",children:[e.jsx("div",{className:"absolute top-0 right-0 w-[500px] h-[500px] bg-cyan-100/50 rounded-full blur-[120px] -translate-y-1/2"}),e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10",children:[e.jsxs("div",{className:"text-center max-w-3xl mx-auto mb-20",children:[e.jsx("h2",{className:"text-cyan-600 font-bold tracking-wider up

1percase text-sm mb-3",children:a?"Sensor Kelas Industri":"Professional Sensors"}),e.jsx("h3",{className:"text-4xl font-bold text-slate-900 mb-4",children:a?"Teknologi Pengukuran Berpresisi Tinggi":"Precision Technology"}),e.jsx("p",{className:"text-slate-600 text-lg",children:a?"Kami menggunakan sensor industri berkualitas tinggi untuk pemantauan jangka panjang yang stabil dan andal.":"We utilize high-grade Rika Electronic sensors for reliable, long-term monitoring."})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-8",children:O.map((t,s)=>e.jsxs("div",{className:"bg-white p-8 rounded-2xl shadow-sm border border-slate-100 hover:shadow-xl hover:-translate-y-1 transition-all duration-300 group flex flex-col",children:[e.jsxs("div",{className:"flex justify-between items-start mb-6",children:[e.jsx("div",{className:"w-14 h-14 bg-slate-50 rounded-xl flex items-center justify-center text-cyan-600 group-hover:bg-cyan-600 group-hover:text-white transition-colors",children:e.jsx(t.icon,{className:"w-7 h-7"})}),e.jsx("span",{className:"text-[10px] uppercase font-bold tracking-wider text-slate-400 bg-slate-100 px-2 py-1 rounded",children:t.model})]}),e.jsx("h4",{className:"text-xl font-bold text-slate-900 mb-3",children:t.title}),e.jsx("p",{className:"text-slate-600 text-sm leading-relaxed mb-6",children:t.desc}),e.jsx("ul",{className:"space-y-2 border-t border-slate-100 pt-5 mt-auto",children:t.details.map((p,x)=>e.jsxs("li",{className:"flex items-start text-xs font-semibold text-slate-500 group-hover:text-slate-600",children:[e.jsx("div",{className:"w-1.5 h-1.5 rounded-full bg-cyan-400 mt-1.5 mr-2 flex-shrink-0"}),p]},x))})]},s))})]})]}),e.jsxs("section",{className:"py-20 bg-slate-900 overflow-hidden border-b border-slate-800",children:[e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mb-12 flex flex-col md:flex-row justify-between items-end",children:e.jsxs("div",{className:"w-full",children:[e.jsx("h2",{className:"text-cyan-400 font-bold tracking-wider uppercase text-sm mb-2",children:a?"Layanan Kami":"Our Services"}),e.jsx("h3",{className:"text-3xl font-bold text-white",children:a?"Implementasi Lengkap & Profesional":"Full-Service Implementation"})]})}),e.jsxs("div",{className:"relative w-full",children:[e.jsx("div",{className:"absolute left-0 top-0 bottom-0 w-16 bg-gradient-to-r from-slate-900 to-transparent z-10 pointer-events-none"}),e.jsx("div",{className:"absolute right-0 top-0 bottom-0 w-16 bg-gradient-to-l from-slate-900 to-transparent z-10 pointer-events-none"}),e.jsx("div",{className:"flex animate-scroll hover:[animation-play-state:paused] gap-5 w-max px-8",children:[...v,...v].map((t,s)=>e.jsxs("div",{className:"w-[350px] flex-shrink-0 group bg-slate-800 rounded-xl overflow-hidden border border-slate-700 hover:border-cyan-500 transition-all duration-300 hover:shadow-xl flex flex-col relative",children:[e.jsxs("div",{className:"h-40 overflow-hidden relative",children:[e.jsx("img",{loading:"lazy",src:t.image,alt:t.name,className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 opacity-70 group-hover:opacity-100"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-slate-900 via-transparent to-transparent"}),e.jsx("div",{className:"absolute top-3 right-3 bg-slate-900/80 backdrop-blur p-1.5 rounded-lg text-cyan-400 border border-slate-700 shadow-lg",children:e.jsx(t.icon,{className:"w-5 h-5"})})]}),e.jsxs("div",{className:"p-5 flex flex-col flex-grow relative bg-slate-800",children:[e.jsx("h4",{className:"text-lg font-bold text-white mb-2 group-hover:text-cyan-400 transition-colors",children:t.name}),e.jsx("p",{className:"text-slate-400 text-xs leading-relaxed mb-4",children:t.desc}),e.jsx("div",{className:"mt-auto pt-3 border-t border-slate-700/50",children:e.jsx("div",{className:"flex flex-wrap gap-1.5",children:t.areas.map((p,x)=>e.jsx("span",{className:"px-2 py-0.5 bg-slate-900 border border-slate-700 rounded-md text-[10px] text-slate-300",children:p},x))})})]})]},s))})]})]}),e.jsxs("section",{className:"py-24 bg-white relative overflow-hidden",children:[e.jsx("div",{className:"absolute top-0 left-0 w-full h-1/2 bg-slate-50/50 -skew-y-2 origin-top-left z-0 pointer-events-none"}),e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10",children:[e.jsxs("div",{className:"flex flex-col md:flex-row justify-between items-end mb-12",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-cyan-600 font-bold tracking-wider up

1percase text-sm mb-3",children:a?"Studi Kasus":"Case Studies"}),e.jsx("h3",{className:"text-4xl font-bold text-slate-900",children:a?"Keberhasilan di Lapangan":"Proven Results"})]}),e.jsxs("div",{className:"flex gap-4 mt-6 md:mt-0",children:[e.jsx("button",{onClick:H,className:"w-12 h-12 rounded-full border border-slate-200 flex items-center justify-center hover:bg-cyan-50 hover:border-cyan-200 text-slate-600 hover:text-cyan-600 transition-all active:scale-95","aria-label":"Previous project",children:e.jsx(ee,{className:"w-5 h-5"})}),e.jsx("button",{onClick:Q,className:"w-12 h-12 rounded-full border border-slate-200 flex items-center justify-center hover:bg-cyan-50 hover:border-cyan-200 text-slate-600 hover:text-cyan-600 transition-all active:scale-95","aria-label":"Next project",children:e.jsx($,{className:"w-5 h-5"})})]})]}),e.jsxs("div",{className:"bg-white rounded-[2rem] shadow-2xl overflow-hidden border border-slate-100 flex flex-col lg:flex-row min-h-[500px] transition-all duration-500",children:[e.jsxs("div",{className:"lg:w-[55%] relative overflow-hidden h-72 lg:h-auto group",children:[e.jsx("img",{loading:"lazy",src:l.image,alt:l.title,className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105 animate-fade-in"},l.id),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-slate-900/50 to-transparent"}),e.jsxs("div",{className:"absolute top-8 left-8 bg-white/95 backdrop-blur-md px-6 py-2.5 rounded-full shadow-lg flex items-center gap-3 animate-fade-in-up",children:[e.jsx("div",{className:"w-2 h-2 rounded-full bg-cyan-500 animate-pulse"}),e.jsx("div",{className:"text-xs font-bold text-slate-900 uppercase tracking-wider",children:l.industry})]})]}),e.jsxs("div",{className:"lg:w-[45%] p-10 lg:p-14 flex flex-col justify-center bg-white relative",children:[e.jsx("div",{className:"absolute top-0 right-0 w-32 h-32 bg-cyan-50 rounded-bl-full opacity-50 pointer-events-none"}),e.jsx("div",{className:"flex flex-wrap gap-2 mb-6 animate-fade-in",children:l.tags.map((t,s)=>e.jsx("span",{className:"bg-slate-50 text-slate-600 px-3 py-1 rounded-full text-[10px] font-bold border border-slate-200 uppercase tracking-wide",children:t},s))}),e.jsx("h3",{className:"text-3xl lg:text-4xl font-extrabold text-slate-900 mb-8 leading-[1.1] animate-fade-in",children:l.title}),e.jsxs("div",{className:"space-y-8 mb-10",children:[e.jsxs("div",{className:"animate-fade-in [animation-delay:100ms]",children:[e.jsxs("h5",{className:"flex items-center gap-2 text-xs font-bold text-cyan-600 uppercase tracking-wider mb-2",children:[e.jsx(g,{className:"w-4 h-4"})," ",a?"Tantangan":"The Challenge"]}),e.jsx("p",{className:"text-slate-600 leading-relaxed text-sm",children:l.challenge})]}),e.jsxs("div",{className:"animate-fade-in [animation-delay:200ms]",children:[e.jsxs("h5",{className:"flex items-center gap-2 text-xs font-bold text-blue-600 uppercase tracking-wider mb-2",children:[e.jsx(A,{className:"w-4 h-4"})," ",a?"Solusi Kami":"Our Solution"]}),e.jsx("p",{className:"text-slate-600 leading-relaxed text-sm",children:l.solution})]})]}),e.jsx("div",{className:"grid grid-cols-2 gap-6 pt-8 border-t border-slate-100 mt-auto animate-fade-in [animation-delay:300ms]",children:l.stats.map((t,s)=>e.jsxs("div",{children:[e.jsx("div",{className:"text-2xl font-extrabold text-slate-900 mb-1 tracking-tight",children:t.value}),e.jsx("div",{className:"text-xs text-slate-500 font-bold uppercase tracking-wide",children:t.label})]},s))})]})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4 lg:gap-8 mt-12",children:d.map((t,s)=>e.jsxs("button",{onClick:()=>u(s),className:`text-left relative rounded-2xl p-4 transition-all duration-300 border flex items-center gap-4 group ${r===s?"bg-white border-cyan-500 shadow-xl ring-1 ring-cyan-500/20 scale-105 z-10":"bg-slate-50 border-slate-100 hover:border-cyan-200 hover:bg-white hover:shadow-md grayscale opacity-70 hover:grayscale-0 hover:opacity-100"}`,children:[e.jsxs("div",{className:"w-20 h-20 rounded-xl overflow-hidden flex-shrink-0 relative shadow-inner",children:[e.jsx("img",{loading:"lazy",src:t.image,alt:t.title,className:"w-full h-full object-cover"}),r===s&&e.jsx("div",{className:"absolute inset-0 bg-cyan-600/10"})]}),e.jsxs("div",{children:[e.jsx("div",{className:`text-[10px] font-bold uppercase tracking-wider mb-1 ${r===s?"text-cyan-600":"text-slate-400"}`,children:t.client}),e.jsx("h4",{className:`font-bold text-sm leading-tight mb-1 ${r===s?"text-slate-900":"text-slate-600 group-hover:text-slate-900"}`,children:t.title}),e.jsx("div",{className:"text-[10px] text-slate-400 font-medium",children:t.industry})]}),r===s&&e.jsx("div",{className:"absolute -top-3 -right-3 w-8 h-8 bg-cyan-500 text-white rounded-full flex items-center justify-center border-4 border-white shadow-sm",children:e.jsx(g,{className:"w-4 h-4"})})]},s))})]})]}),e.jsxs("section",{id:"faq",className:"py-24 bg-slate-50 relative overflow-hidden",children:[e.jsx("div",{className:"absolute top-0 right-0 w-[500px] h-[500px] bg-cyan-600/20 rounded-full blur-[120px] -translate-y-1/2 translate-x-1/2 pointer-events-none"}),e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-12 items-start",children:[e.jsx("div",{className:"lg:col-span-5 sticky top-32",children:e.jsxs("div",{children:[e.jsxs("div",{className:"inline-flex items-center gap-2 mb-4",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-cyan-100 flex items-center justify-center text-cyan-600",children:e.jsx(ae,{className:"w-5 h-5"})}),e.jsx("span",{className:"text-cyan-600 font-bold uppercase tracking-widest text-xs",children:a?"TANYA JAWAB (FAQ)":"FAQ"})]}),e.jsx("h2",{className:"text-4xl font-extrabold text-slate-900 mb-6 leading-tight",children:a?"Pertanyaan Umum Seputar WQMS":"Common Questions"}),e.jsx("p",{className:"text-slate-600 text-lg leading-relaxed mb-10",children:a?"Informasi seputar parameter sensor, kalibrasi, transmisi data, dan integrasi SPARING KLHK.":"Answers about sensor parameters, calibration cycles, telemetry security, and KLHK compliance."}),e.jsxs("div",{className:"relative rounded-2xl overflow-hidden shadow-2xl aspect-[4/5] group bg-slate-900",children:[e.jsx("img",{loading:"lazy",src:"https://cems.id/wp-content/uploads/2026/02/nocola-hero-WQMS1.jpg",alt:"Support Team",className:"w-full h-full object-cover opacity-60 transition-transform duration-700 group-hover:scale-105"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-slate-900 via-trans

1parent to-transparent"}),e.jsxs("div",{className:"absolute bottom-0 left-0 right-0 p-8",children:[e.jsx("div",{className:"text-white font-bold text-xl mb-2",children:a?"Perlu Konsultasi SPARING?":"Need Compliance Help?"}),e.jsx("p",{className:"text-slate-300 text-sm mb-6",children:a?"Konsultasikan kepatuhan baku mutu air limbah fasilitas industri Anda bersama tim kami.":"Consult your industrial effluent compliance with our environmental instrumentation specialists."}),e.jsxs("a",{href:"https://wa.me/6285161521615",className:"flex items-center justify-center w-full py-3 bg-white text-slate-900 rounded-xl font-bold text-sm hover:bg-cyan-50 transition-colors",children:[a?"Hubungi Spesialis":"Chat Specialist"," ",e.jsx(b,{className:"w-4 h-4 ml-2"})]})]})]})]})}),e.jsx("div",{className:"lg:col-span-7 space-y-4 pt-4",children:W.map((t,s)=>e.jsxs("div",{className:`bg-white border rounded-2xl overflow-hidden transition-all duration-300 ${o===s?"border-cyan-500 shadow-xl ring-1 ring-cyan-500/20":"border-slate-100 hover:border-cyan-200 hover:shadow-md"}`,children:[e.jsxs("button",{onClick:()=>L(s),className:"w-full flex justify-between items-start p-6 text-left focus:outline-none",children:[e.jsx("span",{className:`text-lg font-bold pr-8 leading-snug ${o===s?"text-cyan-600":"text-slate-800"}`,children:t.q}),e.jsx("div",{className:`flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 mt-1 ${o===s?"bg-cyan-600 text-white rotate-180 shadow-md":"bg-slate-100 text-slate-400"}`,children:e.jsx(V,{className:"w-5 h-5"})})]}),e.jsx("div",{className:`px-6 overflow-hidden transition-all duration-300 ease-in-out ${o===s?"max-h-96 pb-8 opacity-100":"max-h-0 opacity-0"}`,children:e.jsx("p",{className:"text-slate-600 leading-relaxed text-base border-t border-slate-50 pt-4",children:t.a})})]},s))})]})})]}),e.jsxs("section",{id:"cta",className:"py-24 bg-slate-900 relative overflow-hidden",children:[e.jsx("div",{className:"absolute top-0 right-0 w-[600px] h-[600px] bg-cyan-600/20 rounded-full blur-[120px] translate-x-1/3 -translate-y-1/3 pointer-events-none"}),e.jsx("div",{className:"absolute bottom-0 left-0 w-[600px] h-[600px] bg-blue-600/10 rounded-full blur-[100px] -translate-x-1/3 translate-y-1/3 pointer-events-none"}),e.jsx("div",{className:"absolute inset-0 bg-[url('https://grainy-gradients.vercel.app/noise.svg')] opacity-10 mix-blend-overlay pointer-events-none"}),e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center",children:[e.jsxs("div",{children:[e.jsx("div",{className:"inline-block px-4 py-1.5 rounded-full border border-cyan-500/30 bg-cyan-500/10 text-cyan-300 font-bold text-xs uppercase tracking-widest mb-6",children:a?"Mulai Monitoring":"Start Monitoring"}),e.jsx("h2",{className:"text-4xl md:text-5xl font-extrabold text-white mb-6 leading-tight",children:a?e.jsxs(e.Fragment,{children:["Pastikan Kualitas Air ",e.jsx("br",{}),e.jsx("span",{className:"text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-blue-300",children:"Aman & Sesuai Regulasi"})]}):e.jsxs(e.Fragment,{children:["Ensure Water ",e.jsx("br",{}),e.jsx("span",{className:"text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-blue-300",children:"Safety & Compliance"})]})}),e.jsx("p",{className:"text-lg text-slate-300 mb-8 leading-relaxed font-light",children:a?"Jangan tunggu sampai masalah lingkungan berujung sanksi. Terapkan solusi WQMS yang andal dan teruji sekarang.":"Don't wait for environmental issues to escalate. Implement a robust WQMS solution today."}),e.jsx("div",{className:"space-y-4 mb-10",children:[a?"Survei Titik Lokasi Gratis":"Free Site Assessment",a?"Sesi Demo Sensor & Dashboard":"Sensor Demo",a?"Konsultasi Regulasi SPARING KLHK":"Compliance Consultation"].map((t,s)=>e.jsxs("div",{className:"flex items-center text-white",children:[e.jsx("div",{className:"w-6 h-6 rounded-full bg-cyan-500/20 flex items-center justify-center mr-3 text-cyan-400",children:e.jsx(A,{className:"w-4 h-4"})}),e.jsx("span",{className:"font-medium",children:t})]},s))})]}),e.jsxs("div",{className:"bg-white/5 backdrop-blur-xl border border-white/10 p-8 md:p-10 rounded-3xl shadow-2xl relative",children:[e.jsx("div",{className:"absolute -top-4 -right-4 bg-gradient-to-r from-cyan-500 to-blue-500 text-white text-xs font-bold px-4 py-2 rounded-xl shadow-lg transform rotate-3",children:a?"Respon Cepat":"Fast Response"}),e.jsxs("div",{className:"text-center mb-8",children:[e.jsx("div",{className:"text-white font-bold text-xl mb-2",children:a?"Hubungi Tim Ahli WQMS":"Contact Sales Team"}),e.jsx("p",{className:"text-slate-400 text-sm",children:a?"Dapatkan tanggapan dalam 2 jam kerja":"Get a response within 2 hours"})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("a",{href:"https://wa.me/6285161521615",target:"_blank",rel:"noopener noreferrer",className:"block w-full py-4 bg-[#25D366] text-white font-bold rounded-xl hover:bg-[#20bd5a] transition-all shadow-lg flex items-center justify-center group",children:[e.jsx(J,{className:"w-5 h-5 mr-3"}),a?"Konsultasi via WhatsApp":"Chat WhatsApp"]}),e.jsxs("div",{className:"relative flex py-2 items-center",children:[e.jsx("div",{className:"flex-grow border-t border-slate-700"}),e.jsx("span",{className:"flex-shrink-0 mx-4 text-slate-500 text-xs uppercase",children:a?"Atau Hubungi Langsung":"Or Contact Directly"}),e.jsx("div",{className:"flex-grow border-t border-slate-700"})]}),e.jsxs("a",{href:"tel:+6285161521615",className:"block w-full py-4 bg-slate-800 border border-slate-700 text-white font-bold rounded-xl hover:bg-slate-700 transition-all flex items-center justify-center",children:[e.jsx(c,{className:"w-5 h-5 mr-3 text-cyan-400"}),"(+62) 851 6152 1615"]}),e.jsxs("a",{href:"mailto:[email protected]",className:"block w-full py-4 bg-slate-800 border border-slate-700 text-white font-bold rounded-xl hover:bg-slate-700 transition-all flex items-center justify-center",children:[e.jsx(Z,{className:"w-5 h-5 mr-3 text-cyan-400"}),"[email protected]"]})]}),e.jsxs("div",{className:"flex items-center justify-center gap-2 text-[10px] text-slate-500 mt-6",children:[e.jsx(S,{className:"w-3 h-3"}),e.jsx("span",{children:a?"Data Anda terenkripsi aman & privasi terjamin.":"Your data is safe & we respect privacy."})]})]})]})})]})]})};export{ye as default};