https://www.pelangicomm.net/assets/CoveragePage-D80thMtN.js

1import{r as n,D as v,j as e,a as x,C as k,A as w,M as C,k as A,b as S}from"./index-BO4j6sSs.js";import{S as z}from"./SEO-LtvLVjnW.js";import{R as i}from"./Reveal-DdsTKNZm.js";import{S as L}from"./search-CFV0r310.js";import{A as M}from"./arrow-right-Cdf2gs-m.js";import{C as T}from"./clock-CEciyBkc.js";const P=()=>{const[p,h]=n.useState([]),[c,f]=n.useState(v),[o,b]=n.useState(""),[j,y]=n.useState(!0);n.useEffect(()=>{(async()=>{const s=await A(),r=await S();h(s),f(r),y(!1)})()},[]);const g=(a,s,r)=>{const l=c.whatsappContactList;let t=c.whatsappNumber;r&&r.trim()!==""?t=r:l&&l.length>0&&(t=l[Math.floor(Math.random()*l.length)]),t=t.replace(/\D/g,""),t.startsWith("0")&&(t="62"+t.slice(1));let m="";s==="available"?m=`Halo Pelangi Commnet, saya ingin pasang internet di area ${a}. Apakah bisa dibantu proses registrasinya?`:m=`Halo Pelangi Commnet, saya melihat area ${a} statusnya ${s}. Mohon info kapan kira-kira tersedia?`;const N=`https://wa.me/${t}?text=${encodeURIComponent(m)}`;window.open(N,"_blank")},u=p.filter(a=>a.name.toLowerCase().includes(o.toLowerCase())||a.region.toLowerCase().includes(o.toLowerCase())),d=u.reduce((a,s)=>

1(a[s.region]||(a[s.region]=[]),a[s.region].push(s),a),{});return e.jsxs("div",{className:"flex flex-col min-h-screen",children:[e.jsx(z,{title:"Cek Area Coverage",description:"Cek ketersediaan jaringan internet fiber optic Pelangi Commnet di wilayah Anda. Coverage area kami terus meluas.",keywords:"Cek Area Internet, Coverage Area ISP, Jangkauan Fiber Optic, Internet Jakarta"}),e.jsxs("section",{className:"bg-red-900 text-white pt-32 pb-20 relative overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 opacity-10 bg-[url('https://www.transparenttextures.com/patterns/cubes.png')]"}),e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 text-center",children:e.jsxs(i,{type:"zoom",children:[e.jsx("div",{className:"inline-flex items-center justify-center p-3 bg-red-800 rounded-full mb-6 ring-4 ring-red-800/50",children:e.jsx(x,{size:32,className:"text-orange-400"})}),e.jsx("h1",{className:"text-4xl md:text-5xl font-bold mb-6",children:"Cek Ketersediaan Area"}),e.jsx("p",{className:"text-xl text-red-100 max-w-2xl mx-auto mb-10",children:"Jaringan fiber optic kami terus meluas. Cek apakah lokasi rumah atau kantor Anda sudah tercover oleh layanan kami."}),e.jsxs("div",{className:"max-w-xl mx-auto relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none",children:e.jsx(L,{className:"text-gray-400",size:24})}),e.jsx("input",{type:"text",className:"w-full pl-12 pr-4 py-4 rounded-xl text-gray-900 text-lg shadow-xl focus:ring-4 focus:ring-red-500 focus:outline-none",placeholder:"Masukkan nama jalan, perumahan, atau kecamatan...",value:o,onChange:a=>b(a.target.value)})]})]})})]}),e.jsx("section",{className:"py-20 bg-gray-50 min-h-[500px]",children:e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:j?e.jsx("div",{className:"text-center py-12 text-gray-500",children:"Memuat data area..."}):u.length===0?e.jsx(i,{type:"fade-up",children:e.jsxs("div",{className:"text-center py-12 bg-white rounded-2xl shadow-sm border border-gray-100",children:[e.jsx("div",{className:"w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-4 text-gray-400",children:e.jsx(x,{size:32})}),e.jsx("h3",{className:"text-lg font-bold text-gray-900 mb-2",children:"Area Tidak Ditemukan"}),e.jsx("p",{className:"text-gray-500 mb-6",children:"Lokasi yang Anda cari belum tersedia di database kami."}),e.jsxs("button",{onClick:()=>g("Lokasi Baru","planning"),className:"text-red-700 font-semibold hover:text-red-900 flex items-center justify-center mx-auto",children:["Request Coverage Baru ",e.jsx(M,{size:18,className:"ml-2"})]})]})}):e.jsx("div",{className:"space-y-12",children:Object.keys(d).map(a=>e.jsxs("div",{children:[e.jsx(i,{type:"fade-right",children:e.jsxs("h2",{className:"text-2xl font-bold text-gray-800 mb-6 border-l-4 border-red-700 pl-4 flex items-center",children:[a," ",e.jsxs("span",{className:"ml-3 text-sm font-normal text-gray-500 bg-gray-200 px-2 py-1 rounded-full",children:[d[a].length," Lokasi"]})]})}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:d[a].map((s,r)=>e.jsx(i,{type:"fade-up",delay:r*50,children:e.jsxs("div",{className:"bg-white rounded-xl p-6 shadow-sm border border-gray-100 hover:shadow-md transition duration-200 flex flex-col h-full group",children:[e.jsxs("div",{className:"flex justify-between items-start mb-4",children:[e.jsx("h3",{className:"text-lg font-bold text-gray-900",children:s.name}),s.status==="available"&&e.jsx(k,{className:"text-green-500 flex-shrink-0",size:20}),s.status==="maintenance"&&e.jsx(w,{className:"text-yellow-500 flex-shrink-0",size:20}),s.status==="planning"&&e.jsx(T,{className:"text-gray-400 flex-shrink-0",size:20})]}),e.jsxs("div",{className:"flex-grow",children:[e.jsxs("div",{className:"flex items-center mb-4 text-sm text-gray-500",children:[e.jsx(x,{size:14,className:"mr-1"}),s.region]}),e.jsxs("div",{className:"mb-0 flex flex-wrap gap-2",children:[s.status==="available"&&e.jsx("span",{className:"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800",children:"Jaringan Tersedia"}),s.status==="maintenance"&&e.jsx("span",{className:"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800",children:"Maintenance"}),s.status==="planning"&&e.jsx("span",{className:"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800",children:"Segera Hadir"})]})]}),e.jsxs("button",{onClick:()=>g(s.name,s.status,s.phoneNumber),className:"mt-4 w-full flex items-center justify-center px-4 py-2 border border-red-200 text-red-700 rounded-lg hover:bg-red-50 transition text-sm font-medium",children:[e.jsx(C,{size:16,className:"mr-2"})," Tanya Admin"]})]})},s.id))})]},a))})})})]})};export{P as CoveragePage};