1import{u as G,r as d,j as e,D as c,A as F,S as m,C as B,a as j,M as b,b as z,l as q,Z as W,p as H,G as N,o as y,d as w}from"./index-d4d12575.js";import{A as k}from"./alert-triangle-861a5729.js";import{A as o}from"./activity-83a86836.js";import{C as _}from"./chevron-left-00033082.js";import{H as V}from"./help-circle-9720834c.js";import{R as S}from"./radio-a7925e93.js";import{H as A}from"./hard-drive-7c5dc1d0.js";import{B as T}from"./bar-chart-3-dbe8e9b9.js";import{B as I}from"./bell-b98a632a.js";import{W as P}from"./wrench-f75ec977.js";import{G as E}from"./gauge-cc3e0982.js";const h=["https://cems.id/wp-content/uploads/2026/02/nocola-product-tanksight-cilegon.jpg","https://cems.id/wp-content/uploads/2026/02/nocola-product-tanksight1.jpg","https://cems.id/wp-content/uploads/2026/02/nocola-product-tanksight-drainage-air.jpg","https://cems.id/wp-content/uploads/2026/02/nocola-product-tanksight2.jpg"],Y=[{title:"Accurate Inventory",desc:"Real-time volume monitoring with millimeter precision using radar and hydrostatic sensors. Eliminate manual dipping errors.",icon:c},{title:"Leak Detection",desc:"Advanced algorithms detect minute level drops during inactive periods, preventing environmental disasters and product loss.",icon:k},{title:"Overfill Protection",desc:"Automated alarms and pump interlocks prevent hazardous tank overfills, ensuring safety and compliance.",icon:m},{title:"Remote Visibility",desc:"Monitor tank levels across multiple sites from a single cloud dashboard. Accessible via web and mobile app.",icon:N}],U=[{title:"Akurasi Inventaris Presisi",desc:"Pemantauan volume cairan real-time dengan akurasi milimeter menggunakan sensor radar dan hidrostatik. Hilangkan kesalahan pengukuran celup manual (manual dipping).",icon:c},{title:"Deteksi Dini Kebocoran",desc:"Algoritma cerdas mendeteksi penurunan level sekecil apa pun pada periode hening, mencegah pencemaran lingkungan dan kehilangan produk bernilai tinggi.",icon:k},{title:"Proteksi Luapan (Overfill)",desc:"Sistem alarm otomatis dan interlock pemutus pompa mencegah luapan tangki berbahaya, menjamin keselamatan operasional dan kepatuhan K3.",icon:m},{title:"Visibilitas Jarak Jauh Terpusat",desc:"Pantau level tangki di seluruh depot dan fasilitas pabrik dari satu dashboard cloud terpadu yang dapat diakses via web dan aplikasi seluler.",icon:N}],$=[{title:"Radar Level Sensor",category:"Sensing",desc:"Non-contact radar technology for precise liquid level measurement in harsh environments.",icon:S,details:["±2mm Accuracy","Explosion Proof","No Maintenance"]},{title:"Tank Controller",category:"Hardware",desc:"Local display unit and gateway. Collects sensor data and transmits to cloud via 4G/IoT network.",icon:A,details:["Local Display","Battery Backup","4G Connectivity"]},{title:"Leak Sensors",category:"Safety",desc:"Interstitial and sump sensors to detect liquid presence in containment areas.",icon:y,details:["Rapid Response","Double Wall","Safety Alert"]},{title:"Inventory Dashboard",category:"Software",desc:"Visualize tank levels, volume, and temperature. Generate automatic inventory reports.",icon:T,details:["Real-time Graph","Reconciliation","History Logs"]},{title:"Smart Alarms",category:"Automation",desc:"Instant notifications for low level, high level, water detection, and sensor faults.",icon:I,details:["SMS/Email","Pump Control","Theft Alert"]},{title:"Fuel Management",category:"Analytics",desc:"Track fuel delivery and consumption to identify variance and potential theft.",icon:o,details:["Delivery Verification","Consumption","Variance Analysis"]}],Q=[{title:"Sensor Level Radar",category:"Penginderaan (Sensing)",desc:"Teknologi radar non-kontak untuk pengukuran ketinggian cairan berpresisi tinggi di lingkungan tangki industri korosif atau bersuhu ekstrem.",icon:S,details:["Akurasi ±2 mm","Tahan Ledakan (ATEX)","Bebas Perawatan"]},{title:"Kontroler & Gateway Tangki",category:"Perangkat Keras",desc:"Unit layar tampilan lokal dan gateway telemetri. Menghimpun data sensor dan meneruskannya ke cloud via jaringan 4G/IoT.",icon:A,details:["Layar Display Lokal","Baterai Cadangan","Konektivitas 4G / IoT"]}
1,{title:"Sensor Deteksi Kebocoran",category:"Keselamatan",desc:"Sensor interstitial dan sump pit untuk mendeteksi keberadaan rembesan cairan pada ruang dinding ganda tangki penampung.",icon:y,details:["Respon Seketika","Proteksi Dinding Ganda","Peringatan Darurat"]},{title:"Dashboard Manajemen Stok",category:"Perangkat Lunak",desc:"Visualisasikan level tangki, volume cairan terkoreksi temperatur, dan densitas. Hasilkan laporan rekonsiliasi inventaris otomatis.",icon:T,details:["Grafik Real-Time","Rekonsiliasi Otomatis","Riwayat Data Lengkap"]},{title:"Sistem Alarm Cerdas",category:"Otomatisasi",desc:"Notifikasi instan untuk ambang batas level rendah, level tinggi, deteksi air dasar (water bottom), dan anomali sensor.",icon:I,details:["Notifikasi WA & Email","Kontrol Pemutus Pompa","Deteksi Kehilangan / Pencurian"]},{title:"Manajemen Bahan Bakar",category:"Platform Analitik",desc:"Lacak proses penerimaan armada tangki (delivery intake) dan konsumsi cairan guna memvalidasi selisih serta mencegah manipulasi stok.",icon:o,details:["Verifikasi Pengiriman","Analisis Laju Konsumsi","Audit Variansi Stok"]}],J=[{name:"Site Survey",icon:b,image:"https://cems.id/wp-content/uploads/2026/02/nocola-product-site-survey.jpg",desc:"Professional Assessment. We evaluate your tanks and infrastructure to recommend the best sensor technology.",areas:["Feasibility","Hazardous Area"]},{name:"Installation",icon:P,image:"https://cems.id/wp-content/uploads/2026/02/nocola-our-service-installation.jpg",desc:"Certified Installation. Expert setup of sensors and controllers, including ATEX compliant wiring for flammable liquids.",areas:["Mechanical","Electrical"]},{name:"Calibration",icon:E,image:"https://cems.id/wp-content/uploads/2026/02/nocola-product-calibration.jpg",desc:"Tank Strapping & Calibration. Creating accurate strapping tables to convert level height into precise volume.",areas:["3D Calibration","Table Gen"]},{name:"Maintenance",icon:w,image:"https://cems.id/wp-content/uploads/2026/02/nocola-product-maintenance.jpg",desc:"System Upkeep. Regular cleaning, testing, and verification to ensure measurement accuracy over time.",areas:["Preventive","Remote Support"]}],X=[{name:"Survei Fasilitas & Tangki",icon:b,image:"https://cems.id/wp-content/uploads/2026/02/nocola-product-site-survey.jpg",desc:"Penilaian profesional menyeluruh terhadap tangki dan infrastruktur pipa Anda untuk menentukan pemilihan sensor yang paling akurat dan aman.",areas:["Studi Kelayakan Tangki","Audit Area Berbahaya (Ex)"]},{name:"Instalasi & Rekayasa Lapangan",icon:P,image:"https://cems.id/wp-content/uploads/2026/02/nocola-our-service-installation.jpg",desc:"Pemasangan bersertifikasi oleh teknisi ahli, mencakup integrasi mekanis dan perkabelan standar ATEX/IECEx untuk cairan mudah terbakar.",areas:["Pemasangan Mekanikal","Kelistrikan Intrinsik"]},{name:"Kalibrasi & Tabel Strapping",icon:E,image:"https://cems.id/wp-content/uploads/2026/02/nocola-product-calibration.jpg",desc:"Pengukuran strapping tangki dan kalkulasi tabel kalibrasi 3D presisi tinggi untuk mengonversi ketinggian cairan menjadi volume aktual secara akurat.",areas:["Kalibrasi Tangki 3D","Penyusunan Tabel Strapping"]},{name:"Pemeliharaan & Pendampingan",icon:w,image:"https://cems.id/wp-content/uploads/2026/02/nocola-product-maintenance.jpg",desc:"Pemeriksaan berkala, kalibrasi ulang fungsional sensor, dan pemeliharaan preventif guna menjamin akurasi telemetri dalam jangka panjang.",areas:["Pemeliharaan Preventif","Dukungan Teknis Cepat"]}],Z=[{id:1,title:"Wonogiri Water Reservoir",client:"Wonogiri Regional Gov",industry:"Smart City",image:"https://cems.id/wp-content/uploads/2026/02/nocola-product-tanksight-wonogiri.jpg",challenge:"Manual water level inspection across large reservoirs caused critical delays in flood early warning alerts and complicated dry-season water allocation.",solution:"Deployed an automated IoT radar water level system transmitting real-time depth and volume trends to the district government's centralized command center.",stats:[{label:"DECISION MAKING",value:"Fast & Accurate"},{label:"FLOOD RISK",value:"Minimized"}],tags:["IOT","WATER MONITORING","RESERVOIR"]},{id:2,title:"Drainage Water Level System",client:"Municipal Public Works",industry:"Smart City",image:"https://cems.id/wp-content/uploads/2026/02/nocola-product-tanksight-drainage-air.jpg",challenge:"Urban retention basins and drainage gates lacked automated telemetry, delaying stormwater pump activation and resulting in periodic road inundation.",solution:"Implemented automated Drainage Water Level telemetry with instant ultrasonic depth gauges, triggering storm pump interlocks and public warning sirens automatically.",stats:[{label:"VISIBILITY",value:"Real-time"},{label:"DETECTION",value:"Early"}],tags:["IOT","FLOOD CONTROL","EARLY WARNING"]},{id:3,title:"Cilegon Heated Asphalt Tank",client:"Petrochemical Plant Cilegon",industry:"Petrochemical",image:"https://cems.id/wp-content/uploads/2026/02/nocola-product-tanksight-cilegon.jpg",challenge:"High-temperature liquid asphalt storage faced dangerous manual dipping risks, inventory discrepancy, and potential overfill hazards costing immense downtime.",solution:"Installed high-temperature non-contact radar level gauges and automated thermal tracking integrated into the plant SCADA and digital safety dashboard.",stats:[{label:"SAFETY & EFFICIENCY",value:"Improved"},{label:"OPERATIONAL RISK",value:"Minimized"}],tags:["IOT","TANK MONITORING","SAFETY"]}],ee=[{id:1,title:"Waduk Air Wonogiri",client:"Pemerintah Daerah Wonogiri",industry:"Kota Cerdas & Tata Air",image:"https://cems.id/wp-content/uploads/2026/02/nocola-product-tanksight-wonogiri.jpg",challenge:"Pengelolaan kualitas dan ketinggi
1an air waduk secara manual menyulitkan pengambilan keputusan cepat, berisiko terhadap keterlambatan informasi bencana banjir, serta potensi kekurangan pasokan air.",solution:"Nocola mengimplementasikan sistem IoT berbasis sensor untuk memantau kualitas dan level air secara real-time. Data ditampilkan pada dashboard digital terpusat untuk analisis yang akurat dan terintegrasi.",stats:[{label:"PENGAMBILAN KEPUTUSAN",value:"Cepat & Tepat"},{label:"RISIKO BANJIR",value:"Termitigasi"}],tags:["IOT","MONITORING AIR","WADUK"]},{id:2,title:"Sistem Level Air Drainase Perkotaan",client:"Dinas PU Kota",industry:"Infrastruktur Publik",image:"https://cems.id/wp-content/uploads/2026/02/nocola-product-tanksight-drainage-air.jpg",challenge:"Banyak wilayah menghadapi risiko banjir akibat kurangnya sistem pemantauan air yang akurat dan real-time. Monitoring manual sering terlambat mendeteksi kenaikan air, sehingga meningkatkan risiko kerugian dan menghambat pengelolaan drainase.",solution:"Mengimplementasikan sistem Drainage Water Level Monitoring berbasis IoT untuk pemantauan otomatis yang akurat dan real-time. Data dikumpulkan dan ditampilkan melalui dashboard digital guna memudahkan pengambilan keputusan yang cepat dan tepat.",stats:[{label:"VISIBILITAS AIR",value:"Real-time"},{label:"DETEKSI DINI",value:"Seketika"}],tags:["IOT","KONTROL BANJIR","PERINGATAN DINI"]},{id:3,title:"Tangki Aspal Panas Cilegon",client:"Pabrik Petrokimia Cilegon",industry:"Petrokimia & Industri Berat",image:"https://cems.id/wp-content/uploads/2026/02/nocola-product-tanksight-cilegon.jpg",challenge:"Penyimpanan aspal cair bersuhu tinggi sering menghadapi kendala pemantauan manual yang membahayakan pekerja, keterbatasan data real-time, serta risiko luapan (overload) dan kebocoran.",solution:"Implementasi Asphalt Tank Monitoring System berbasis IoT untuk memantau suhu, volume, dan kondisi keamanan tangki secara otomatis. Data terintegrasi dalam dashboard digital guna mendukung operasional yang lebih aman dan efisien.",stats:[{label:"KESELAMATAN KERJA",value:"Meningkat"},{label:"RISIKO OPERASIONAL",value:"Minimal"}],tags:["IOT","MONITORING TANGKI","KESELAMATAN K3"]}],ae=[{q:"Can TankSight measure any liquid?",a:"Yes. We have different sensor technologies (Radar, Ultrasonic, Hydrostatic, Magnetostrictive) to measure fuels, water, chemicals, oils, and even slurries."},{q:"Is the system safe for explosive liquids like gasoline?",a:"Absolutely. Our sensors and controllers for fuel applications are ATEX / IECEx certified (Intrinsically Safe or Explosion Proof) for Zone 0/1 environments."},{q:"How accurate is the system?",a:"It depends on the sensor chosen. Our high-precision probes offer accuracy up to ±1mm or ±0.1% of span, suitable for custody transfer applications."},{q:"Does it support leak detection?",a:"Yes. The system can perform statistical leak detection (SLD) by analyzing level changes during quiet periods, and we also support external leak sensors for double-wall tanks."}],te=[{q:"Apakah TankSight dapat mengukur segala jenis cairan industri?",a:"Ya. Kami menyediakan beragam opsi sensor (Radar Gelombang Mikro, Ultrasonik, Hidrostatik, dan Magnetostriktif) untuk mengukur bahan bakar minyak (BBM), air baku, bahan kimia asam/basa, pelumas, hingga aspal cair panas."},{q:"Apakah perangkat ini aman untuk tangki cairan mudah terbakar (flammable)?",a:"Sangat aman. Seluruh sensor dan gateway kami untuk aplikasi hidrokarbon dan bahan kimia telah tersertifikasi ATEX / IECEx (Intrinsically Safe atau Explosion-Proof) untuk penempatan di Hazardous Zone 0, 1, dan 2."},{q:"Seberapa tinggi akurasi pengukuran volume tangki?",a:"Tergantung pada tipe sensor yang dipilih. Probe magnetostriktif dan radar frekuensi tinggi kami menawarkan tingkat akurasi hingga ±1 mm atau ±0,1% dari rentang ukur, memenuhi standar audit inventaris dan custody transfer."},{q:"Apakah sistem ini mendukung deteksi dini kebocoran tangki?",a:"Ya. Sistem dilengkapi algoritma Statistical Leak Detection (SLD) yang menganalisis perubahan level cairan pada periode hening (idle), serta probe sensor optik interstitial untuk mendeteksi rembesan di dinding ganda tangki penampung."}],xe=({onNavigate:se})=>{const{isId:a}
1=G(),[u,v]=d.useState(0),[l,C]=d.useState(0),[i,g]=d.useState(0),D=a?U:Y,R=a?Q:$,f=a?X:J,r=a?ee:Z,M=a?te:ae;d.useEffect(()=>{const t=setInterval(()=>{v(s=>(s+1)%h.length)},5e3);return()=>clearInterval(t)},[]);const O=t=>{C(l===t?null:t)},L=()=>{g(t=>(t+1)%r.length)},K=()=>{g(t=>(t-1+r.length)%r.length)},n=r[i];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===u?"opacity-100":"opacity-0"}`,children:[e.jsx("img",{loading:"lazy",src:t,alt:`TankSight Slide ${s}`,className:`w-full h-full object-cover transition-transform duration-[10000ms] ease-linear ${s===u?"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-transparent 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.jsxs("div",{className:"inline-flex items-center px-6 py-2.5 rounded-full border border-blue-500/30 bg-blue-900/40 mb-8 backdrop-blur-md shadow-lg animate-fade-in-up hover:bg-blue-900/60 transition-colors",children:[e.jsx(c,{className:"w-6 h-6 mr-3 text-blue-400"}),e.jsx("span",{className:"text-white font-bold tracking-widest text-lg",children:"TANKSIGHT"})]}),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:["Sistem Pemantauan ",e.jsx("br",{}),e.jsx("span",{className:"text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-indigo-500",children:"Level & Inventaris Tangki"})]}):e.jsxs(e.Fragment,{children:["Precision Inventory ",e.jsx("br",{}),e.jsx("span",{className:"text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-indigo-500",children:"Monitoring System"})]})}),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 ketinggian cairan real-time, deteksi kebocoran dini, dan manajemen stok terintegrasi untuk tangki industri & tangki timbun.":"Real-time liquid level monitoring, leak detection, and inventory management for industrial tanks."}),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-blue-600 text-white rounded-full font-bold transition-all hover:bg-blue-500 shadow-[0_0_30px_-5px_rgba(37,99,235,0.5)] flex items-center justify-center",children:[a?"Minta Penawaran":"Request Quote"," ",e.jsx(F,{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 Produk":"View Products"})]})]})}),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:()=>v(s),className:`h-1 rounded-full transition-all duration-500 ${s===u?"w-16 bg-blue-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:D.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-blue-900/50 flex items-center justify-center text-blue-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-blue-50 border border-blue-100 rounded-lg text-blue-600 font-bold text-xs uppercase tracking-widest mb-4",children:a?"Mengenal TankSight":"What is TankSight?"}),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:["Visibilitas Total untuk ",e.jsx("br",{})," ",e.jsx("span",{className:"text-blue-600",children:"Aset Cairan Curah"})]}):e.jsxs(e.Fragment,{children:["Total Visibility for ",e.jsx("br",{})," ",e.jsx("span",{className:"text-blue-600",children:"Bulk Liquid Assets"})]})}),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:"TankSight adalah sistem pengukuran dan inventaris tangki (tank gauging) menyeluruh. Kami memadukan sensor industri berdaya tahan tinggi dengan platform analitik cloud untuk kendali penuh atas stok cairan Anda."}),e.jsx("p",{children:"Baik Anda mengelola tangki BBM SPBU, pabrik kimia petrokimia, maupun tandon air perkotaan, solusi kami meniadakan risiko pengukuran manual, mencegah susut dan pencurian, serta menjamin kepatuhan keselamatan lingkungan."})]}):e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"TankSight is an end-to-e
1nd tank gauging system. We combine robust industrial sensors with a smart cloud platform to give you complete control over your liquid inventory."}),e.jsx("p",{children:"Whether you manage fuel stations, chemical plants, or water reservoirs, our solution eliminates manual measurement risks, prevents theft, and ensures environmental compliance."})]})}),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:"99.5%"}),e.jsx("div",{className:"text-xs text-slate-500 font-bold uppercase tracking-wide mt-1",children:a?"Akurasi Data":"Accuracy"})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-3xl font-bold text-slate-900",children:"Nol"}),e.jsx("div",{className:"text-xs text-slate-500 font-bold uppercase tracking-wide mt-1",children:a?"Risiko Luapan":"Overfills"})]})]})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[{icon:c,title:a?"Inventaris Akurat":"Inventory",desc:a?"Pelacakan volume, massa, & densitas terkalibrasi.":"Volume, Mass, & Density tracking."},{icon:k,title:a?"Keamanan Penuh":"Safety",desc:a?"Alarm level tinggi/rendah dan deteksi kebocoran.":"High/Low level & leak alarms."},{icon:o,title:a?"Analitik Tren":"Analytics",desc:a?"Prakiraan kebutuhan & pola konsumsi harian.":"Consumption trends & forecast."},{icon:m,title:a?"Anti-Manipulasi":"Secure",desc:a?"Algoritma deteksi anomali susut & kehilangan BBM.":"Theft detection algorithms."}].map((t,s)=>e.jsxs("div",{className:"p-6 rounded-2xl bg-slate-50 border border-slate-100 hover:border-blue-200 hover:bg-blue-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-blue-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-blue-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-blue-600 font-bold tracking-wider uppercase text-sm mb-3",children:a?"Teknologi Terpadu":"Technology"}),e.jsx("h3",{className:"text-4xl font-bold text-slate-900 mb-4",children:a?"Ekosistem TankSight":"TankSight Ecosystem"}),e.jsx("p",{className:"text-slate-600 text-lg",children:a?"Perpaduan perangkat keras industri dan perangkat lunak cerdas untuk pengukuran berpresisi tinggi.":"Hardware and software working together for precision measurement."})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-8",children:R.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-blue-600 group-hover:bg-blue-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.category})]}),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-blue-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-blue-400 font-bold tracking-wider up
1percase text-sm mb-2",children:a?"Layanan Kami":"Our Services"}),e.jsx("h3",{className:"text-3xl font-bold text-white",children:a?"Dukungan Siklus Hidup Penuh":"Full Lifecycle Support"})]})}),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:[...f,...f].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-blue-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-blue-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-blue-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-blue-600 font-bold tracking-wider uppercase text-sm mb-3",children:a?"Studi Kasus":"Case Studies"}),e.jsx("h3",{className:"text-4xl font-bold text-slate-900",children:a?"Hasil Teruji di Industri":"Proven Results"})]}),e.jsxs("div",{className:"flex gap-4 mt-6 md:mt-0",children:[e.jsx("button",{onClick:K,className:"w-12 h-12 rounded-full border border-slate-200 flex items-center justify-center hover:bg-blue-50 hover:border-blue-200 text-slate-600 hover:text-blue-600 transition-all active:scale-95","aria-label":"Previous project",children:e.jsx(_,{className:"w-5 h-5"})}),e.jsx("button",{onClick:L,className:"w-12 h-12 rounded-full border border-slate-200 flex items-center justify-center hover:bg-blue-50 hover:border-blue-200 text-slate-600 hover:text-blue-600 transition-all active:scale-95","aria-label":"Next project",children:e.jsx(B,{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:n.image,alt:n.title,className:"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105 animate-fade-in"},n.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-blue-500 animate-pulse"}),e.jsx("div",{className:"text-xs font-bold text-slate-900 uppercase tracking-wider",children:n.client})]})]}),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-blue-50 rounded-bl-full opacity-50 pointer-events-none"}),e.jsx("div",{className:"flex flex-wrap gap-2 mb-6 animate-fade-in",children:n.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:n.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-blue-600 uppercase tracking-wider mb-2",children:[e.jsx(o,{className:"w-4 h-4"})," ",a?"Tantangan":"The Challenge"]}),e.jsx("p",{className:"text-slate-600 leading-relaxed text-sm",children:n.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-emerald-600 uppercase tracking-wider mb-2",children:[e.jsx(j,{className:"w-4 h-4"})," ",a?"Solusi Kami":"Our Solution"]}),e.jsx("p",{className:"text-slate-600 leading-relaxed text-sm",children:n.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:n.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:r.map((t,s)=>e.jsxs("button",{onClick:()=>g(s),className:`text-left relative rounded-2xl p-4 transition-all duration-300 border flex items-center gap-4 group ${i===s?"bg-white border-blue-500 shadow-xl ring-1 ring-blue-500/20 scale-105 z-10":"bg-slate-50 border-slate-100 hover:border-blue-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"}),i===s&&e.jsx("div",{className:"absolute inset-0 bg-blue-600/10"})]}),e.jsxs("div",{children:[e.jsx("div",{className:`text-[10px] font-bold uppercase tracking-wider mb-1 ${i===s?"text-blue-600":"text-slate-400"}`,children:t.client}),e.jsx("h4",{className:`font-bold text-sm leading-tight mb-1 ${i===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})]}),i===s&&e.jsx("div",{className:"absolute -top-3 -right-3 w-8 h-8 bg-blue-500 text-white rounded-full flex items-center justify-center border-4 border-white shadow-sm",children:e.jsx(o,{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-blue-200/40 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-blue-100 flex items-center justify-center text-blue-600",children:e.jsx(V,{className:"w-5 h-5"})}),e.jsx("span",{className:"text-blue-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 Seputar Tank Gauging":"C
1ommon Questions"}),e.jsx("p",{className:"text-slate-600 text-lg leading-relaxed mb-10",children:a?"Pelajari lebih dalam mengenai teknologi sensor, sertifikasi anti-ledakan (Ex), dan kalibrasi tangki.":"Learn more about our tank monitoring technology and services."}),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-FAQ-service3.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-transparent 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?"Butuh Penawaran Solusi?":"Need a Quote?"}),e.jsx("p",{className:"text-slate-300 text-sm mb-6",children:a?"Jadwalkan sesi audit tangki gratis bersama tim engineering kami.":"Schedule a free tank assessment with our engineering team."}),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-blue-50 transition-colors",children:[a?"Hubungi Konsultan":"Chat Consultant"," ",e.jsx(b,{className:"w-4 h-4 ml-2"})]})]})]})]})}),e.jsx("div",{className:"lg:col-span-7 space-y-4 pt-4",children:M.map((t,s)=>e.jsxs("div",{className:`bg-white border rounded-2xl overflow-hidden transition-all duration-300 ${l===s?"border-blue-500 shadow-xl ring-1 ring-blue-500/20":"border-slate-100 hover:border-blue-200 hover:shadow-md"}`,children:[e.jsxs("button",{onClick:()=>O(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 ${l===s?"text-blue-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 ${l===s?"bg-blue-600 text-white rotate-180 shadow-md":"bg-slate-100 text-slate-400"}`,children:e.jsx(z,{className:"w-5 h-5"})})]}),e.jsx("div",{className:`px-6 overflow-hidden transition-all duration-300 ease-in-out ${l===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-blue-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-cyan-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-blue-500/30 bg-blue-500/10 text-blue-300 font-bold text-xs uppercase tracking-widest mb-6",children:a?"Mulai Sekarang":"Get Started"}),e.jsx("h2",{className:"text-4xl md:text-5xl font-extrabold text-white mb-6 leading-tight",children:a?e.jsxs(e.Fragment,{children:["Optimalkan Manajemen ",e.jsx("br",{}),e.jsx("span",{className:"text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-cyan-300",children:"Stok & Tangki Industri Anda"})]}):e.jsxs(e.Fragment,{children:["Optimize Your ",e.jsx("br",{}),e.jsx("span",{className:"text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-cyan-300",children:"Inventory Management"})]})}),e.jsx("p",{className:"text-lg text-slate-300 mb-8 leading-relaxed font-light",children:a?"Dapatkan kendali menyeluruh atas aset cairan curah Anda dengan telemetri tangki yang presisi, otomatis, dan teruji.":"Gain complete control over your liquid assets with precise, automated tank monitoring."}),e.jsx("div",{className:"space-y-4 mb-10",children:[a?"Survei Tangki & Fasilitas Gratis":"Free Tank Survey",a?"Kalkulasi ROI & Pengurangan Susut":"ROI Calculation",a?"Desain Sistem Kustom Terpadu":"Custom System Design"].map((t,s)=>e.jsxs("div",{className:"flex items-center text-white",children:[e.jsx("div",{className:"w-6 h-6 rounded-full bg-blue-500/20 flex items-center justify-center mr-3 text-blue-400",children:e.jsx(j,{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-blue-500 to-cyan-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 TankSight":"C
1ontact 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(q,{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(W,{className:"w-5 h-5 mr-3 text-blue-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(H,{className:"w-5 h-5 mr-3 text-blue-400"}),"[email protected]"]})]}),e.jsxs("div",{className:"flex items-center justify-center gap-2 text-[10px] text-slate-500 mt-6",children:[e.jsx(m,{className:"w-3 h-3"}),e.jsx("span",{children:a?"Data Anda terenkripsi aman & privasi terjamin.":"Your data is safe & we respect privacy."})]})]})]})})]})]})};export{xe as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.