PageSourceSearch

https://niki-coach.com/assets/qualite-eau.index-DptKkNM6.js

js niki-coach.com collected 2026-10-02 00:01:21 UTC 10,815 bytes, 1 lines download raw bytes

1import{i as e,t}from"./jsx-runtime-DUAcabCT.js";import{t as n}from"./react-BDU32hQ_.js";import{t as r}from"./link-CiQIBIce.js";import{t as i}from"./useNavigate-BAih7qZT.js";import{D as a,dt as o,ft as s,it as c,yt as l}from"./index-BROnZ9WE.js";import{i as u}from"./on-download-button-click-BNQBF8Kg.js";import{t as d}from"./arrow-right-DOkJH2e-.js";import{t as f}from"./chevron-right-C0EEvNg8.js";import{t as p}from"./circle-alert-DyueKG8H.js";import{t as m}from"./circle-check-CXnsgFXm.js";import{t as h}from"./droplets-CexaS3bm.js";import{t as g}from"./Header-Di6zyKck.js";import{t as _}from"./search-DdB6htEe.js";import{t as v}from"./shield-alert-C6KU2DFu.js";import{t as y}from"./Footer-koEMaqMM.js";import{n as b,t as x}from"./card-BPNzDR41.js";import{t as S}from"./input-CH9Z_FaW.js";var C=e(n()),w=t();function T(){let{regions:e}=o.useLoaderData(),t=i(),[n,T]=(0,C.useState)(``),[E,D]=(0,C.useState)([]),[O,k]=(0,C.useState)(!1);(0,C.useEffect)(()=>{if(n.length<3){D([]);return}let e=setTimeout(async()=>{k(!0);let e=await s.get({path:`/search/autocomplete`,query:{q:n}});e.ok&&D(e.data.suggestions),k(!1)},300);return()=>clearTimeout(e)},[n]);let A=e=>{e.url&&t({href:`${e.url}?adresse=${encodeURIComponent(e.label)}`})};return(0,w.jsxs)(`div`,{className:`min-h-screen bg-app-light-black text-app-white font-montserrat`,children:[(0,w.jsx)(g,{}),(0,w.jsxs)(`section`,{className:`relative py-20`,children:[(0,w.jsx)(`div`,{className:`absolute inset-0 bg-gradient-to-b from-blue-900/20 to-transparent`}),(0,w.jsx)(`div`,{className:`container mx-auto px-6 relative z-10`,children:(0,w.jsxs)(`div`,{className:`max-w-3xl mx-auto text-center`,children:[(0,w.jsxs)(l,{variant:`outline`,className:`border-blue-400/30 bg-blue-400/10 text-blue-400 text-base px-6 py-3 mb-8`,children:[(0,w.jsx)(h,{className:`w-4 h-4 mr-2`}),`DONNÉES OFFICIELLES`]}),(0,w.jsxs)(`h1`,{className:`text-4xl md:text-5xl font-light mb-6`,children:[`Qualité de l'eau potable`,(0,w.jsx)(`span`,{className:`block text-blue-400 italic`,children:`dans votre ville`})]}),(0,w.jsx)(`p`,{className:`text-xl text-app-white/70 mb-10`,children:`Consultez les résultats des dernières analyses d'eau issues des données officielles de l'État.`}),(0,w.jsxs)(`div`,{className:`relative max-w-xl mx-auto`,children:[(0,w.jsxs)(`div`,{className:`relative`,children:[(0,w.jsx)(_,{className:`absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-gray-400`}),(0,w.jsx)(S,{type:`text`,placeholder:`Rechercher votre adresse, une ville ou un code postal...`,value:n,onChange:e=>T(e.target.value),className:`pl-12 pr-4 py-6 text-lg bg-white/10 border-white/20 text-white placeholder:text-gray-400 rounded-xl`})]}),(E.length>0||O)&&(0,w.jsx)(`div`,{className:`absolute top-full left-0 right-0 mt-2 bg-gray-900 border border-white/10 rounded-xl shadow-2xl overflow-hidden z-[100]`,children:O?(0,w.jsx)(`div`,{className:`p-4 text-center text-gray-400`,children:`Recherche en cours...`}):E.map((e,t)=>(0,w.jsxs)(`button`,{onClick:()=>A(e),disabled:!e.url,className:`w-full px-4 py-3 text-left hover:bg-white/5 transition-colors flex items-center justify-between border-b border-white/5 last:border-b-0 disabled:opacity-50 disabled:cursor-not-allowed`,children:[(0,w.jsxs)(`div`,{children:[(0,w.jsx)(`div`,{className:`font-medium`,children:e.label}),(0,w.jsxs)(`div`,{className:`text-sm text-gray-400`,children:[e.city,` (`,e.postcode,`)`]})]}),e.url&&(0,w.jsx)(d,{className:`w-4 h-4 text-gray-500`})]},`${e.label}-${t}`))})]})]})})]}),(0,w.jsx)(`section`,{className:`py-16 bg-gray-900/50`,children:(0,w.jsxs)(`div`,{className:`container mx-auto px-6`,children:[(0,w.jsx)(`h2`,{className:`text-2xl font-light text-center mb-8`,children:`Villes les plus recherchées`}),(0,w.jsx)(`div`,{className:`flex flex-wrap justify-center gap-3`,children:[{name:`Paris`,department:`paris`,slug:`paris`},{name:`Lyon`,department:`rhone`,slug:`lyon`},{name:`Marseille`,department:`bouches-du-rhone`,slug:`marseille`},{name:`Toulouse`,department:`haute-garonne`,slug:`toulouse`},{name:`Bordeaux`,department:`gironde`,slug:`bordeaux`}
1,{name:`Lille`,department:`nord`,slug:`lille`},{name:`Nice`,department:`alpes-maritimes`,slug:`nice`},{name:`Nantes`,department:`loire-atlantique`,slug:`nantes`},{name:`Strasbourg`,department:`bas-rhin`,slug:`strasbourg`},{name:`Montpellier`,department:`herault`,slug:`montpellier`}].map(e=>(0,w.jsx)(r,{to:`/qualite-eau/$departmentSlug/$citySlug`,params:{departmentSlug:e.department,citySlug:e.slug},className:`px-4 py-2 bg-white/5 hover:bg-white/10 rounded-full transition-colors text-sm`,children:e.name},e.slug))})]})}),(0,w.jsx)(`section`,{className:`py-16`,children:(0,w.jsxs)(`div`,{className:`container mx-auto px-6`,children:[(0,w.jsxs)(`div`,{className:`flex items-center justify-center gap-3 mb-4`,children:[(0,w.jsx)(v,{className:`w-6 h-6 text-orange-400`}),(0,w.jsx)(`h2`,{className:`text-3xl font-light text-center`,children:`Risques et restrictions`})]}),(0,w.jsx)(`p`,{className:`text-gray-400 text-center max-w-2xl mx-auto mb-8`,children:`Nitrates, pesticides, bactéries, interdictions de consommation… Découvrez commune par commune où l'eau du robinet fait l'objet d'une restriction ou d'un signalement.`}),(0,w.jsxs)(`div`,{className:`flex flex-wrap justify-center gap-3`,children:[a.map(e=>(0,w.jsx)(r,{to:`/qualite-eau/risques/$slug`,params:{slug:e.slug},className:`px-4 py-2 bg-white/5 hover:bg-white/10 rounded-full transition-colors text-sm`,children:e.label},e.slug)),(0,w.jsx)(r,{to:`/qualite-eau/observatoire`,className:`px-4 py-2 bg-blue-500/10 hover:bg-blue-500/20 border border-blue-500/20 text-blue-400 rounded-full transition-colors text-sm`,children:`Observatoire`}),(0,w.jsx)(r,{to:`/qualite-eau/risques`,className:`px-4 py-2 bg-blue-500/10 hover:bg-blue-500/20 border border-blue-500/20 text-blue-400 rounded-full transition-colors text-sm`,children:`Tous les risques`}),(0,w.jsx)(r,{to:`/qualite-eau/methodologie`,className:`px-4 py-2 bg-blue-500/10 hover:bg-blue-500/20 border border-blue-500/20 text-blue-400 rounded-full transition-colors text-sm`,children:`Méthodologie`})]})]})}),(0,w.jsx)(`section`,{className:`py-16`,children:(0,w.jsx)(`div`,{className:`container mx-auto px-6`,children:(0,w.jsx)(r,{to:`/eaux-minerales`,children:(0,w.jsx)(x,{className:`max-w-3xl mx-auto bg-white/5 border-white/10 hover:bg-white/10 transition-colors`,children:(0,w.jsxs)(b,{className:`p-6 flex items-center gap-4`,children:[(0,w.jsx)(h,{className:`w-8 h-8 text-blue-400 flex-shrink-0`}),(0,w.jsxs)(`div`,{className:`flex-1`,children:[(0,w.jsx)(`h2`,{className:`font-medium mb-1`,children:`Et les eaux en bouteille ?`}),(0,w.jsxs)(`p`,{className:`text-gray-400 text-sm`,children:[`Sodium, calcium, magnésium : la composition de `,c.length,` eaux en bouteille en mg/L, Cristaline et ses 20 sources comprises.`]})]}),(0,w.jsx)(f,{className:`w-5 h-5 text-gray-500 flex-shrink-0`})]})})})})}),(0,w.jsx)(`section`,{className:`py-16`,children:(0,w.jsxs)(`div`,{className:`container mx-auto px-6`,children:[(0,w.jsx)(`h2`,{className:`text-3xl font-light text-center mb-12`,children:`Explorer par région`}),(0,w.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4`,children:e.map(e=>(0,w.jsx)(r,{to:`/qualite-eau/$slug`,params:{slug:e.slug},children:(0,w.jsx)(x,{className:`bg-white/5 border-white/10 hover:bg-white/10 transition-colors`,children:(0,w.jsxs)(b,{className:`p-4 flex items-center justify-between`,children:[(0,w.jsxs)(`div`,{children:[(0,w.jsx)(`div`,{className:`font-medium`,children:e.name}),(0,w.jsxs)(`div`,{className:`text-sm text-gray-400`,children:[e.departmentCount,` départements · `,e.cityCount.toLocaleString(),` `,`communes`]})]}),(0,w.jsx)(d,{className:`w-5 h-5 text-gray-500`})]})})},e.id))})]})}),(0,w.jsx)(`section`,{className:`py-16 bg-gray-900/50`,children:(0,w.jsx)(`div`,{className:`container mx-auto px-6`,children:(0,w.jsxs)(`div`,{className:`max-w-4xl mx-auto`,children:[(0,w.jsx)(`h2`,{className:`text-3xl font-light text-center mb-12`,children:`Comprendre la qualité de l'eau`}),(0,w.jsxs)(`div`,{className:`grid md:grid-cols-2 gap-8`,children:[(0,w.jsx)(x,{className:`bg-white/5 border-white/10`,children:(0,w.jsx)(b,{className:`p-6`,children:(0,w.jsxs)(`div`,{className:`flex items-start gap-4`,children:[(0,w.jsx)(`div`,{className:`p-3 bg-green-500/20 rounded-lg`,children:(0,w.jsx)(m,{className:`w-6 h-6 text-green-400`})}),(0,w.jsxs)(`div`,{children:[(0,w.jsx)(`h3`,{className:`font-medium mb-2`,children:`Eau conforme`}),(0,w.jsx)(`p`,{className:`text-gray-400 text-sm`,children:`L'eau respecte toutes les limites de qualité réglementaires. Elle est parfaitement potable et peut être consommée sans risque.`})]})]})})}),(0,w.jsx)(x,{className:`bg-white/5 border-white/10`,children:(0,w.jsx)(b,{className:`p-6`,children:(0,w.jsxs)(`div`,{className:`flex items-start gap-4`,children:[(0,w.jsx)(`div`,{className:`p-3 bg-orange-500/20 rounded-lg`,children:(0,w.jsx)(p,{className:`w-6 h-6 text-orange-400`})}),(0,w.jsxs)(`div`,{children:[(0,w.jsx)(`h3`,{className:`font-medium mb-2`,children:`Eau non conforme`}),(0,w.jsx)(`p`,{className:`text-gray-400 text-sm`,children:`Un ou plusieurs paramètres dépassent les limites. Des mesures correctives sont généralement en cours. Consultez les détails pour en savoir plus.`})]})]})})})]}),(0,w.jsx)(`div`,{className:`mt-12 text-center`,children:(0,w.jsxs)(`p`,{className:`text-gray-400 text-sm`,children:[`Les données proviennent des contrôles sanitaires officiels via`,` `,(0,w.jsx)(`a`,{href:`https://hubeau.eaufrance.fr/page/api-qualite-eau-potable`,target:`_blank`,rel:`noopener noreferrer`,className:`text-blue-400 hover:underline`,children:`Hub'Eau`}),` `,`et`,` `,(0,w.jsx)(`a`,{href:`https://www.data.gouv.fr/datasets/resultats-du-controle-sanitaire-de-leau-distribuee-commune-par-commune`,target:`_blank`,rel:`noopener noreferrer`,className:`text-blue-400 hover:underline`,children:`data.gouv.fr`}),`.`]})})]})})}),(0,w.jsx)(`section`,{className:`py-16`,children:(0,w.jsx)(`div`,{className:`container mx-auto px-6`,children:(0,w.jsx)(x,{className:`max-w-2xl mx-auto bg-gradient-to-br from-blue-900/30 to-blue-800/20 border-blue-500/20`,children:(0,w.jsxs)(b,{className:`p-8 text-center`,children:[(0,w.jsx)(h,{className:`w-12 h-12 text-blue-400 mx-auto mb-4`}),(0,w.jsx)(`h3`,{className:`text-2xl font-light mb-4`,children:`Vous buvez de l'eau du robinet ? Bonne idée !`}),(0,w.jsx)(`p`,{className:`text-gray-400 mb-6`,children:`L'eau en bouteille coûte 100x plus cher et génère du plastique. Avec Niki Coach, développez de bonnes habitudes d'hydratation au quotidien et suivez votre consommation.`}),(0,w.jsx)(r,{to:`/`,children:(0,w.jsx)(u,{className:`bg-blue-500 hover:bg-blue-600 text-white`,children:`Découvrir Niki Coach`})})]})})})}),(0,w.jsx)(y,{})]})}
1export{T as component};

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.