https://www.dkfpompe.fr/designs/modern-pages.js

1function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function PageHero({kicker,title,accent,accentBreak,lead}){return React.createElement("section",{style:{position:"relative",overflow:"hidden",padding:"88px 48px 72px",borderBottom:`1px solid ${M.border}`}},React.createElement("div",{style:{position:"absolute",inset:0,backgroundImage:`linear-gradient(${M.border} 1px, transparent 1px), linear-gradient(90deg, ${M.border} 1px, transparent 1px)`,backgroundSize:"80px 80px",opacity:0.45,maskImage:"radial-gradient(ellipse at top left, black 20%, transparent 65%)"}}),React.createElement("div",{style:{position:"relative",maxWidth:1320,margin:"0 auto"}},React.createElement("div",{style:{display:"flex",alignItems:"center",gap:14,fontFamily:mMono,fontSize:12.5,color:M.muted,textTransform:"uppercase",letterSpacing:1.4,marginBottom:36}},React.createElement("span",{style:{width:8,height:8,borderRadius:99,background:M.accent}}),React.createElement("span",null,kicker)),React.createElement("h1",{style:{lineHeight:1.04,letterSpacing:-2.2,fontWeight:500,margin:0,color:M.ink,fontFamily:mFont,fontSize:68,maxWidth:1100}},title,accentBreak?React.createElement("br",null):" ",accent&&React.createElement("span",{style:{fontFamily:mSerif,fontStyle:"italic",fontWeight:400,color:M.accent,fontSize:68,letterSpacing:"0px",position:"relative",top:"0.045em"}},accent)),lead&&React.createElement("p",{style:{fontSize:21,lineHeight:1.5,color:M.muted,margin:"36px 0 0",maxWidth:900,textWrap:"pretty"}},Array.isArray(lead)?lead.map((l,i)=>React.createElement(React.Fragment,{key:i},i>0?React.createElement("br",null):null,l)):lead)))}function SectionHead({label,right,labelColor}){return React.createElement("div",{style:{display:"flex",alignItems:"baseline",gap:24,marginBottom:56,fontFamily:mMono,fontSize:12.5,color:M.muted,letterSpacing:1.4,textTransform:"uppercase"}},React.createElement("span",{style:{color:labelColor||"inherit"}},label),React.createElement("span",{style:{flex:1,height:1,background:M.border,alignSelf:"center"}}),right&&React.createElement("span",null,right))}const ABOUT_TECH=[{n:"01",name:"Pompes \xE0 lobes",use:"March\xE9s hygi\xE9niques \u2014 agroalimentaire, pharmacie, cosm\xE9tique.",partner:"IPP Pump Products GmbH",img:"assets/pumps/lobe-alimentaire.jpg",cut:"assets/pumps/cutouts/lobe-alimentaire.webp",to:"pump:lobe-alimentaire"},{n:"02",name:"Pompes \xE0 engrenage",use:"Transfert de produits chimiques, de polym\xE8res, extrusion des mati\xE8res plastiques.",partner:"FlowLink B.V \xB7 Mahr Metering Systems",img:"assets/pumps/engrenages.jpg",cut:"assets/pumps/cutouts/engrenages.webp",to:"pump:engrenages"},{n:"03",name:"Pompes doseuses et pompes \xE0 membranes",use:"Dosage et injection pr\xE9cise de fluides dans les process \u2014 agroalimentaire, chimie, traitement des eaux.",partner:"Sera GmbH",img:"assets/pumps/doseuses.jpg",to:"pump:membrane"},{n:"04",name:"M\xE9langeurs & homog\xE9n\xE9isateurs en ligne",use:"M\xE9lange dynamique et dispersion continue des fluides \u2014 agroalimentaire, cosm\xE9tique, chimie, recyclage des mati\xE8res plastiques.",partner:"Indag GmbH",img:"assets/pumps/melangeurs.jpg",cut:"assets/pumps/cutouts/melangeurs.webp",to:"pump:melangeurs"},{n:"05",name:"Pompes centrifuges chimiques",use:"Transfert de produits agressifs \u2014 r\xE9sistance chimique \xE9lev\xE9e.",partner:"Schmitt",img:"assets/pumps/centrifuge-agressif.jpg",cut:"assets/pumps/cutouts/centrifuge-agressif.webp",to:"pump:centrifuge-agressif"},{n:"06",name:"Pompes de lutte incendie",use:"Syst\xE8mes de protection incendie et fluides tr\xE8s haute viscosit\xE9.",partner:"Albany Pump",img:"assets/pumps/engrenages-incendie.jpg",cut:"assets/pumps/cutouts/engrenages-incendie.webp",to:"pump:engrenages-incendie"}];const ABOUT_PILLARS=[{n:"01",t:"Flexibilit\xE9",d:"Cr\xE9\xE9e en 2017, DKF POMPE, c\u2019est une connaissance approfondie des syst\xE8mes de pompage, de dosage et de m\xE9lange industriel. En v\xE9ritable relais technique, nous mobilisons nos comp\xE9tences et celles de nos partenaires afin de vous proposer LA solution la plus adapt\xE9e \xE0 votre projet."},{n:"02",t:"R\xE9activit\xE9",d:"Nous r\xE9pondons dans les plus brefs d\xE9lais avec une offre technique et d\xE9taill\xE9e. Nous intervenons \xE9galement chez vous pour des op\xE9rations de remise en \xE9tat des pompes, contr\xF4le des lignes, formation et expertise technique."},{n:"03",t:"Expertise",d:"Nous nous adaptons \xE0 chaque projet, \xE0 chaque process et \xE0 chaque contrainte. Gr\xE2ce \xE0 la compl\xE9mentarit\xE9 de nos partenaires et \xE0 notre ind\xE9pendance dans le choix des technologies, nous construisons une r\xE9ponse sur mesure, sans imposer de solution unique ni de standard pr\xE9d\xE9fini."}];function AboutTechList(){const{go}=React.useContext(NavCtx);const[hovered,setHovered]=React.useState(null);return React.createElement("div",{style:{borderTop:`1px solid ${M.border}`}},ABOUT_TECH.map((t,idx)=>{const active=hovered===idx;return React.createElement("a",_extends({key:t.n},linkTo(go,t.to),{onMouseEnter:()=>setHovered(idx),onMouseLeave:()=>

1setHovered(null),style:{display:"grid",gridTemplateColumns:"60px 1.3fr 1.7fr 60px",gap:24,alignItems:"start",padding:"36px 8px",borderBottom:`1px solid ${M.border}`,position:"relative",background:active?M.card:"transparent",transition:"background 200ms",cursor:"pointer",textDecoration:"none",color:"inherit"}}),React.createElement("span",{style:{fontFamily:mMono,fontSize:12,color:M.accent}},t.n),React.createElement("div",{style:{fontSize:28,fontWeight:500,letterSpacing:-0.6}},t.name),React.createElement("div",null,React.createElement("p",{style:{fontSize:16.5,lineHeight:1.55,color:M.muted,margin:"0 0 14px"}},t.use),React.createElement("div",{style:{display:"inline-flex",alignItems:"center",gap:10,fontFamily:mMono,fontSize:12.5,color:M.ink,letterSpacing:0.4}},React.createElement("span",{style:{color:M.accent2}},"\u25C6")," Partenaire \xB7 ",t.partner)),React.createElement("div",{style:{textAlign:"right",alignSelf:"center",color:active?M.accent:M.faint,transition:"color 200ms"}},React.createElement(ArrowRight,null)),active&&t.img&&React.createElement("div",{style:{position:"absolute",right:72,top:"50%",transform:"translateY(-50%)",width:280,height:170,pointerEvents:"none",borderRadius:5,overflow:"hidden",border:`1px solid ${M.border2}`,boxShadow:"0 24px 56px rgba(0,0,0,0.5)",zIndex:5}},React.createElement("img",{src:asset(t.img),alt:t.name,style:{width:"100%",height:"100%",objectFit:"cover",display:"block",background:"#fff"}})))}))}function AboutPage(){window.useSeo("Distributeur ind\xE9pendant de pompes depuis 2017 | DKF Pompe","DKF Pompe, cr\xE9\xE9e en 2017 \xE0 Albertville : sp\xE9cialistes du pompage, du dosage et du m\xE9lange en ligne, avec des partenaires ind\xE9pendants choisis pour leur expertise.");return React.createElement("div",{"data-screen-label":"02 Moderne \u2014 \xC0 propos",style:{width:"100%",minHeight:"100%",background:M.bg,color:M.ink,fontFamily:mFont,fontSize:16,lineHeight:1.5}},React.createElement(ModernNav,null),React.createElement(PageHero,{kicker:"\xC0 propos \xB7 l'entreprise",title:"Une entreprise proactive,",accent:React.createElement(React.Fragment,null,React.createElement("br",null),"des partenaires qui lui ressemblent."),lead:"Sp\xE9cialistes en syst\xE8mes de pompage, dosage et m\xE9lange en ligne."}),React.createElement("section",{style:{padding:"96px 48px",borderBottom:`1px solid ${M.border}`}},React.createElement("div",{style:{maxWidth:1320,margin:"0 auto",display:"grid",gridTemplateColumns:"1.1fr 0.9fr",gap:72,alignItems:"start"}},React.createElement("div",null,React.createElement(SectionHead,{label:"Notre approche"}),React.createElement("p",{style:{fontSize:19,lineHeight:1.65,color:M.muted,margin:0}},"DKF Pompe a choisi des partenaires qui lui ressemblent afin de vous apporter des solutions techniques r\xE9pondant \xE0 vos besoins de pompage pour la chimie, l'agroalimentaire, les polym\xE8res, la pharmacie ou la cosm\xE9tique.",React.createElement("br",null),React.createElement("br",null),React.createElement("span",{style:{color:M.ink}},"Nous travaillons exclusivement avec des structures \xE0 taille humaine :")," ","ind\xE9pendantes, innovantes, avec un fort degr\xE9 d'implication. Gr\xE2ce \xE0 des comp\xE9tences accrues, nos partenaires se sont impos\xE9s en proposant des produits innovants et robustes, avec un niveau de service \xE9lev\xE9.",React.createElement("br",null),React.createElement("br",null),"Une importance toute particuli\xE8re est attach\xE9e \xE0 la p\xE9rennisation de vos \xE9quipements par la fourniture de pi\xE8ces de rechange de haute qualit\xE9, dans des d\xE9lais rapides.")),React.createElement("img",{src:asset("assets/a-propos.jpg"),alt:"Technicien DKF Pompe en intervention sur un ensemble motopompe",loading:"lazy",style:{width:"100%",height:460,objectFit:"cover",display:"block",border:`1px solid ${M.border2}`,borderRadius:4}}))),React.createElement("section",{style:{padding:"96px 48px",background:M.bg2,borderBottom:`1px solid ${M.border}`}},React.createElement("div",{style:{maxWidth:1320,margin:"0 auto"}},React.createElement(SectionHead,{label:"Nos technologies"}),React.createElement("h2",{style:{fontSize:48,lineHeight:1.05,letterSpacing:-1.4,fontWeight:500,margin:"0 0 64px",maxWidth:900}},"Nos axes d'expertise,"," ",React.createElement("span",{style:{fontFamily:mSerif,fontStyle:"italic",fontWeight:400,color:M.accent,letterSpacing:"0px",position:"relative",top:"0.045em"}},React.createElement("br",null),"avec un partenaire d\xE9di\xE9 pour chaque domaine.")),React.createElement(AboutTechList,null))),React.createElement("section",{style:{padding:"96px 48px",borderBottom:`1px solid ${M.border}`}},React.createElement("div",{style:{maxWidth:1320,margin:"0 auto"}},React.createElement(SectionHead,{label:"Nos piliers"}),React.createElement("h2",{style:{fontSize:56,lineHeight:1.04,letterSpacing:-1.8,fontWeight:500,margin:"0 0 64px"}},"Flexibilit\xE9. R\xE9activit\xE9."," ",React.createElement("span",{style:{fontFamily:mSerif,fontStyle:"italic",fontWeight:400,color:M.accent,letterSpacing:"0px"}},"Expertise.")),React.createElement("div",{style:{display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:0,borderTop:`1px solid ${M.border}`}},ABOUT_PILLARS.map((p,idx)=>React.createElement("div",{key:p.n,style:{padding:"40px 32px 44px",borderRight:idx<2?`1px solid ${M.border}`:0,display:"flex",flexDirection:"column",minHeight:300}},React.createElement("div",{style:{fontFamily:mMono,fontSize:12,color:M.accent,letterSpacing:1,marginBottom:28}},p.n),React.createElement("div",{style:{fontSize:28,fontWeight:500,letterSpacing:-0.5,marginBottom:20}},p.t),React.createElement("p",{style:{fontSize:15.5,lineHeight:1.6,color:M.muted,margin:0}},p.d)))))),React.createElement(CTABand,null),React.createElement(ModernFooter,null))}const APP_SECTORS=[{slug:"incendie",name:"Incendie",img:"assets/applications/incendie.jpg",d:"Les pompes \xE0 engrenages sont une technologie incontournable pour le transfert et le dosage d'\xE9mulseurs ou de mousses incendie."},{slug:"chimie-petrochimie",name:"Chimie \xB7 p\xE9trochimie",img:"assets/applications/chimie-petrochimie.jpg",d:"Un large choix de solutions pour la chimie et la p\xE9trochimie, qui demeurent nos principaux march\xE9s."},{slug:"lubrification",name:"Lubrification",img:"assets/applications/lubrification.jpg",d:"La pompe volum\xE9trique \xE0 engrenage est une solution efficace et reconnue pour la lubrification et le graissage. Grande efficacit\xE9 volum\xE9trique et d\xE9bit constant."},{slug:"bitume",name:"Bitume",img:"assets/applications/bitume.jpg",d:"Les pompes \xE0 engrenage poss\xE8de

1nt un excellent rendement pour les applications bitume, \xE0 haute comme \xE0 basse temp\xE9rature."},{slug:"agroalimentaire",name:"Agroalimentaire",img:"assets/applications/agroalimentaire.jpg",d:"Une gamme de pompes innovantes et robustes pour les milieux les plus exigeants, comme l'industrie alimentaire."},{slug:"extrusion",name:"Extrusion",img:"assets/applications/extrusion.jpg",d:"Une large gamme de pompes de melt pour vos lignes d'extrusion, avec un choix d'options \xE9tendues pour r\xE9pondre \xE0 vos besoins."},{slug:"polymeres",name:"Polym\xE8res",img:"assets/applications/polymeres.jpg",d:"Notre gamme de pompes volum\xE9triques r\xE9pond aux besoins de l'industrie des polym\xE8res, o\xF9 les viscosit\xE9s et pressions sont tr\xE8s \xE9lev\xE9es."},{slug:"cosmetique",name:"Cosm\xE9tique",img:"assets/applications/cosmetique.jpg",d:"Transfert de parfums ou de produits de soins \u2014 cr\xE8mes, lotions, shampoings : nos technologies de pompes sont \xE0 m\xEAme de vous aider."},{slug:"pharmacie",name:"Pharmacie",img:"assets/applications/pharmacie.jpg",d:"Absence de contaminant, nettoyabilit\xE9 \xE0 100 % et \xE9tat de surface irr\xE9prochable : les crit\xE8res indispensables de l'industrie pharmaceutique."}];function ApplicationsPage(){window.useSeo("Applications : agroalimentaire, chimie, incendie | DKF Pompe","Neuf domaines d'application, de l'agroalimentaire \xE0 la chimie fine. S\xE9lectionnez votre secteur pour d\xE9couvrir les technologies de pompage adapt\xE9es.");const{go}=React.useContext(NavCtx);return React.createElement("div",{"data-screen-label":"02 Moderne \u2014 Applications",style:{width:"100%",minHeight:"100%",background:M.bg,color:M.ink,fontFamily:mFont,fontSize:16,lineHeight:1.5}},React.createElement("style",null,`
2        .m-app-card { transition: border-color 220ms ease, transform 220ms ease, box-shadow 220ms ease; }
3        .m-app-card:hover { border-color: ${M.accent}; transform: translateY(-3px); box-shadow: 0 12px 30px rgba(37,169,225,0.28), 0 0 0 1px ${M.accent}; }
4        .m-app-img { transition: transform 600ms cubic-bezier(.2,.7,.2,1); }
5        .m-app-card:hover .m-app-img { transform: scale(1.05); }
6      `),React.createElement(ModernNav,null),React.createElement(PageHero,{kicker:"Applications \xB7 domaines d'activit\xE9",title:"De l'agroalimentaire",accent:"\xE0 la chimie fine.",accentBreak:true,lead:["S\xE9lectionnez votre domaine d'activit\xE9 pour d\xE9couvrir nos solutions.","Votre application est diff\xE9rente ? Adressez-nous votre cahier des charges."]}),React.createElement("section",{style:{padding:"96px 48px",borderBottom:`1px solid ${M.border}`}},React.createElement("div",{style:{maxWidth:1320,margin:"0 auto"}},React.createElement(SectionHead,{label:"Secteurs",right:"9 domaines"}),React.createElement("div",{style:{display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:16}},APP_SECTORS.map((s,idx)=>React.createElement("a",_extends({key:s.name},linkTo(go,"app:"+s.slug),{className:"m-app-card",style:{background:M.card,border:`1px solid ${M.border}`,borderRadius:5,overflow:"hidden",display:"flex",flexDirection:"column",minHeight:260,cursor:"pointer",textDecoration:"none",color:"inherit"}}),React.createElement("div",{style:{position:"relative",height:180,overflow:"hidden",background:M.bg2}},React.createElement("img",{src:asset(s.img),alt:s.name,loading:"lazy",className:"m-app-img",style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}}),React.createElement("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(11,16,28,0) 45%, rgba(11,16,28,0.55) 100%)"}}),React.createElement("div",{style:{position:"absolute",top:14,left:16,fontFamily:mMono,fontSize:11.5,color:"rgba(255,255,255,0.82)",letterSpacing:1,textShadow:"0 1px 4px rgba(0,0,0,0.5)"}},"SECT.",String(idx+1).padStart(2,"0"))),React.createElement("div",{style:{padding:"26px 28px 30px",display:"flex",flexDirection:"column",gap:14,flex:1}},React.createElement("div",{style:{fontSize:23,fontWeight:500,letterSpacing:-0.4}},s.name),React.createElement("p",{style:{fontSize:14.5,lineHeight:1.55,color:M.muted,margin:0}},s.d),React.createElement("div",{style:{marginTop:"auto",display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:13,color:M.accent,paddingTop:14}},React.createElement("span",null,"Voir les pompes adapt\xE9es"),React.createElement(ArrowRight,null)))))))),React.createElement(CTABand,null),React.createElement(ModernFooter,null))}

6const PUMP_CATS=[{n:"01",slug:"lobe-alimentaire",name:"Pompes \xE0 lobes",tag:"Hygi\xE9nique \xB7 CIP/SIP",img:"assets/pumps/lobe-alimentaire.jpg",cut:"assets/pumps/cutouts/lobe-alimentaire.webp",d:"Pour les march\xE9s hygi\xE9niques : agroalimentaire, pharmacie, cosm\xE9tique. Faible cisaillement, surfaces nettoyables et conformit\xE9 aux normes sanitaires. Avec notre partenaire IPP Pump Products."},{n:"02",slug:"engrenages",name:"Pompes volum\xE9trique \xE0 engrenages",tag:"Chimie \xB7 Polym\xE8res",img:"assets/pumps/engrenages.jpg",cut:"assets/pumps/cutouts/engrenages.webp",d:"Transfert de produits chimiques et de polym\xE8res, y compris tr\xE8s visqueux. D\xE9bit r\xE9gulier, \xE9tanch\xE9it\xE9 haute et grande pr\xE9cision. Avec notre partenaire FlowLink."},{n:"03",slug:"vide-fut",name:"Stations vide-cuves IBC",tag:"Vidage d'IBC & cuves",img:"assets/pumps/vide-fut.jpg",cut:"assets/pumps/cutouts/vide-fut.webp",d:"Solution s\xE9curis\xE9e pour vidanger compl\xE8tement vos cuves normalis\xE9es. Transfert et dosage sans transvasement manuel."},{n:"04",slug:"vis",name:"Pompes \xE0 vis",tag:"Fluides charg\xE9s \xB7 Viscosit\xE9s \xE9lev\xE9es",img:"assets/pumps/vis.jpg",cut:"assets/pumps/cutouts/vis.webp",d:"Adapt\xE9es aux fluides charg\xE9s et aux hautes viscosit\xE9s. D\xE9bit doux et continu, faible pulsation pour les process exigeants."},{n:"05",slug:"membrane",name:"Pompes \xE0 membranes",tag:"\xC9tanch\xE9it\xE9 \xB7 Fluides agressifs",img:"assets/pumps/membrane.jpg",cut:"assets/pumps/cutouts/membrane.webp",d:"\xC9tanch\xE9it\xE9 totale pour les fluides agressifs ou dangereux. Fonctionnement \xE0 sec possible et s\xE9curit\xE9 de pompage renforc\xE9e."},{n:"06",slug:"melangeurs",name:"M\xE9langeurs/homog\xE9n\xE9isateurs en ligne",tag:"Agro \xB7 Pharma \xB7 Cosm\xE9tiques \xB7 Chimie",img:"assets/pumps/melangeurs.jpg",cut:"assets/pumps/cutouts/melangeurs.webp",d:"M\xE9lange liquide/liquide, liquide/solide, liquide/gaz, liquide/poudre."},{n:"07",slug:"centrifuge-agressif",name:"Pompes centrifuges milieu agressif",tag:"Produits chimiques \xB7 Corrosifs",img:"assets/pumps/centrifuge-agressif.jpg",cut:"assets/pumps/cutouts/centrifuge-agressif.webp",d:"Des pompes centrifuges magn\xE9tiques alliant s\xE9curit\xE9, fiabilit\xE9 et r\xE9sistance aux produits chimiques les plus exigeants."},{n:"08",slug:"engrenages-incendie",name:"Pompes \xE0 engrenages pour la lutte incendie",tag:"Incendie \xB7 Bitume \xB7 Fluides visqueux",img:"assets/pumps/engrenages-incendie.jpg",cut:"assets/pumps/cutouts/engrenages-incendie.webp",d:"Des pompes \xE0 engrenages robustes, con\xE7ues pour les applications industrielles exigeantes ainsi que les syst\xE8mes de protection incendie les plus critiques."},{n:"09",slug:"engrenages-precision",name:"Pompes \xE0 engrenages de pr\xE9cision",tag:"Dosage \xB7 Polym\xE8res \xB7 Chimie",img:"assets/pumps/engrenages-precision.jpg",cut:"assets/pumps/cutouts/engrenages-precision.webp",d:"Des pompes \xE0 engrenages con\xE7ues pour assurer un dosage et un transfert de haute pr\xE9cision, m\xEAme avec des fluides complexes et \xE0 haute temp\xE9rature."},{n:"10",group:"systemes",slug:"skid-dosage",name:"Skids & syst\xE8mes de dosage",tag:"Ensemble mont\xE9 \xB7 Pr\xEAt \xE0 fonctionner",img:"assets/systems/flowlink-skid.jpg",d:"Pompe, tuyauterie, instrumentation et commande mont\xE9es sur ch\xE2ssis, assembl\xE9es et contr\xF4l\xE9es en atelier. Avec nos partenaires Sera et FlowLink."},{n:"11",group:"controle",slug:"controle-supervision",name:"Contr\xF4le & supervision",tag:"Armoires \xB7 Instrumentation \xB7 Pilotage",img:"assets/systems/armoire-ihm.jpg",d:"Armoires de commande, variation de vitesse, mesure et report d'alarmes, en local ou \xE0 distance."}];const PUMP_GROUPS=[{key:"pompes",label:"Technologies de pompage"},{key:"systemes",label:"Ensembles mont\xE9s"},{key:"controle",label:"Pilotage & instrumentation"}];function PumpsPage(){window.useSeo("Nos solutions de pompage, skids et supervision | DKF Pompe","Neuf familles de pompes industrielles, plus les skids de dosage et le contr\xF4le-commande, dimensionn\xE9s selon votre cahier des charges.");const{go}=React.useContext(NavCtx);const[hovered,setHovered]=React.useState(null);React.useEffect(()=>

6{PUMP_CATS.forEach(p=>{if(p.cut){const i=new Image;i.src=asset(p.cut)}})},[]);return React.createElement("div",{"data-screen-label":"02 Moderne \u2014 Nos pompes",style:{width:"100%",minHeight:"100%",background:M.bg,color:M.ink,fontFamily:mFont,fontSize:16,lineHeight:1.5}},React.createElement(ModernNav,null),React.createElement(PageHero,{kicker:"D\xE9couvrez nos solutions",title:"Une technologie choisie",accent:"pour chaque process.",accentBreak:true,lead:["Neuf familles de technologies de pompage, s\xE9lectionn\xE9es aupr\xE8s de partenaires sp\xE9cialistes et dimensionn\xE9es selon votre cahier des charges.","Puis l'ensemble mont\xE9 et son pilotage, si votre projet le demande."]}),React.createElement("section",{style:{padding:"96px 48px",borderBottom:`1px solid ${M.border}`}},React.createElement("div",{style:{maxWidth:1320,margin:"0 auto",display:"flex",flexDirection:"column",gap:80}},PUMP_GROUPS.map(grp=>React.createElement("div",{key:grp.key},React.createElement(SectionHead,{label:grp.label}),React.createElement("div",{style:{borderTop:`1px solid ${M.border}`}},PUMP_CATS.filter(c=>(c.group||"pompes")===grp.key).map(p=>{const active=hovered===p.slug;return React.createElement("a",_extends({key:p.n},linkTo(go,"pump:"+p.slug),{onMouseEnter:()=>setHovered(p.slug),onMouseLeave:()=>setHovered(null),style:{display:"grid",gridTemplateColumns:"60px 1.3fr 1.7fr 60px",alignItems:"center",padding:"32px 8px",borderBottom:`1px solid ${M.border}`,position:"relative",background:active?M.card:"transparent",cursor:"pointer",transition:"background 200ms",textDecoration:"none",color:"inherit"}}),React.createElement("span",{style:{fontFamily:mMono,fontSize:12,color:M.faint}},p.n),React.createElement("div",{style:{fontSize:28,fontWeight:500,letterSpacing:-0.6,lineHeight:1.15,color:M.ink,transition:"color 200ms, transform 200ms",transform:active?"translateX(8px)":"none",paddingRight:24}},p.name,React.createElement("div",{style:{fontFamily:mMono,fontSize:12,color:M.accent,letterSpacing:0.6,marginTop:10,fontWeight:400}},p.tag)),React.createElement("p",{className:"m-row-desc",style:{fontSize:15,lineHeight:1.55,color:M.muted,margin:0,paddingRight:24,opacity:active&&p.cut?0.45:1,transition:"opacity 200ms"}},p.d),React.createElement("div",{style:{textAlign:"right",color:active?M.accent:M.faint,transition:"color 200ms"}},React.createElement(ArrowRight,null)),active&&p.cut&&React.createElement("div",{className:"m-row-preview",style:{position:"absolute",right:62,top:"50%",transform:"translateY(-50%)",width:330,height:220,pointerEvents:"none",zIndex:5,display:"flex",alignItems:"center",justifyContent:"center"}},React.createElement("img",{src:asset(p.cut),alt:p.name,className:"m-cut-img",style:{maxWidth:"100%",maxHeight:"100%",objectFit:"contain",display:"block",filter:"drop-shadow(0 22px 30px rgba(0,0,0,0.55))"}})),active&&!p.cut&&p.img&&React.createElement("div",{className:"m-row-preview",style:{position:"absolute",right:72,top:"50%",transform:"translateY(-50%)",width:280,height:183,pointerEvents:"none",borderRadius:5,overflow:"hidden",border:`1px solid ${M.border2}`,boxShadow:"0 24px 56px rgba(0,0,0,0.5)",zIndex:5}},React.createElement("img",{src:asset(p.img),alt:p.name,style:{width:"100%",height:"100%",objectFit:"cover",display:"block",background:"#fff"}})))})))))),React.createElement("section",{style:{padding:"96px 48px",background:M.bg2,borderBottom:`1px solid ${M.border}`}},React.createElement("div",{style:{maxWidth:1320,margin:"0 auto"}},React.createElement(SectionHead,{label:`${PARTNERS.length} Partenaires`}),React.createElement("div",{style:{display:"grid",gridTemplateColumns:"repeat(2,1fr)",gap:16}},PARTNERS.map(pt=>React.createElement("div",{key:pt.name,style:{padding:"34px 32px",background:M.card,border:`1px solid ${M.border}`,borderRadius:5,display:"flex",alignItems:"center",gap:24}},React.createElement("div",{style:{width:132,height:84,flexShrink:0,background:"#FFFFFF",borderRadius:6,display:"flex",alignItems:"center",justifyContent:"center",padding:"12px 16px"}},React.createElement("img",{src:asset(pt.logo),alt:pt.name,style:{maxWidth:"100%",maxHeight:"100%",objectFit:"contain",display:"block"}})),React.createElement("div",null,React.createElement("div",{style:{fontSize:21,fontWeight:600,letterSpacing:-0.3,marginBottom:6}},pt.name),React.createElement("div",{style:{fontSize:14.5,color:M.muted,lineHeight:1.5}},pt.spec))))))),React.createElement(CTABand,null),React.createElement(ModernFooter,null))}function ContactPage(){window.useSeo("Demande d'\xE9tude : d\xE9crivez votre process | DKF Pompe","D\xE9crivez votre fluide, votre d\xE9bit et vos contraintes. Un ing\xE9nieur revient vers vous sous 24 heures ouvr\xE9es avec une pr\xE9conisation chiffr\xE9e.");return React.createElement("div",{"data-screen-label":"02 Moderne \u2014 Contact",style:{width:"100%",minHeight:"100%",background:M.bg,color:M.ink,fontFamily:mFont,fontSize:16,lineHeight:1.5}},React.createElement(ModernNav,null),React.createElement(ModernQuote,null),React.createElement(ModernFooter,null))}function CTABand(){const{go}=React.useContext(NavCtx);return React.createElement("section",{style:{padding:"120px 48px",position:"relative",overflow:"hidden",borderBottom:`1px solid ${M.border}`}},React.createElement("div",{style:{position:"absolute",inset:0,backgroundImage:`radial-gradient(circle at 75% 30%, rgba(111,168,255,0.16), transparent 50%)`}}),React.createElement("div",{style:{position:"relative",maxWidth:1320,margin:"0 auto",display:"flex",alignItems:"flex-end",justifyContent:"space-between",gap:48,flexWrap:"wrap"}},React.createElement("h2",{style:{fontSize:56,lineHeight:1.02,letterSpacing:-2,fontWeight:500,margin:0,maxWidth:720}},"D\xE9crivez votre process."," ",React.createElement("br",null),React.createElement("span",{style:{fontFamily:mSerif,fontStyle:"italic",fontWeight:400,color:M.accent,letterSpacing:"0px"}},"Nous dimensionnons la solution.")),React.createElement("div",{style:{display:"flex",flexDirection:"column",gap:16,alignItems:"flex-start"}},React.createElement("a",_extends({},linkTo(go,"contact"),{className:"m-cta-primary",style:{background:M.accent,color:M.bg,border:0,padding:"20px 28px",borderRadius:999,fontFamily:mFont,fontWeight:600,fontSize:16,cursor:"pointer",display:"flex",alignItems:"center",gap:12,textDecoration:"none"}}),"D\xE9crire mon projet ",React.createElement(ArrowRight,null)))))}const PAGES={home:"home",about:"about",applications:"applications",pumps:"pumps",contact:"contact",legal:"legal",cgv:"cgv"};function parseRoute(raw){const path=String(raw||"/").split("?")[0].split("#")[0];

6const seg=path.split("/").filter(Boolean).map(s=>{try{return decodeURIComponent(s)}catch(e){return s}});if(!seg.length)return{page:"home",section:"home"};const head=seg[0],slug=seg[1];if(head==="a-propos")return{page:"about",section:"about"};if(head==="applications"){if(slug&&window.APP_DETAILS&&window.APP_DETAILS[slug])return{page:"app:"+slug,section:"applications"};return{page:"applications",section:"applications"}}if(head==="solutions"){if(slug&&window.PUMP_DETAILS&&window.PUMP_DETAILS[slug])return{page:"pump:"+slug,section:"pumps"};return{page:"pumps",section:"pumps"}}if(head==="contact")return{page:"contact",section:"contact"};if(head==="mentions-legales")return{page:"legal",section:"legal"};if(head==="cgv")return{page:"cgv",section:"cgv"};return{page:"home",section:"home"}}function legacyHashPath(hash){const h=String(hash||"").replace(/^#/,"");if(!h)return null;if(h.indexOf("pump:")===0)return"/solutions/"+h.slice(5)+"/";if(h.indexOf("app:")===0)return"/applications/"+h.slice(4)+"/";return PAGES[h]?pathFor(h):null}function ModernSite(){const[page,setPage]=React.useState(()=>{const legacy=legacyHashPath(window.location.hash);if(legacy){try{window.history.replaceState({},"",legacy)}catch(e){}return parseRoute(legacy).page}return parseRoute(window.location.pathname).page});const go=React.useCallback(p=>{const path=pathFor(p);setPage(parseRoute(path).page);try{window.history.pushState({},"",path)}catch(e){}window.scrollTo({top:0,behavior:"instant"in document.documentElement.style?"instant":"auto"})},[]);React.useEffect(()=>{const onPop=()=>setPage(parseRoute(window.location.pathname).page);window.addEventListener("popstate",onPop);return()=>window.removeEventListener("popstate",onPop)},[]);const section=parseRoute(pathFor(page)).section;const isApp=page.indexOf("app:")===0;const isPump=page.indexOf("pump:")===0;return React.createElement(NavCtx.Provider,{value:{current:section,go}},page==="home"&&React.createElement(ModernHome,null),page==="about"&&React.createElement(AboutPage,null),page==="applications"&&React.createElement(ApplicationsPage,null),page==="pumps"&&React.createElement(PumpsPage,null),page==="contact"&&React.createElement(ContactPage,null),page==="legal"&&React.createElement(window.LegalPage,null),page==="cgv"&&React.createElement(window.CGVPage,null),isApp&&React.createElement(ApplicationDetailPage,{slug:page.slice(4)}),isPump&&React.createElement(PumpDetailPage,{slug:page.slice(5)}),React.createElement(window.CookieBanner,null))}Object.assign(window,{ModernSite,AboutPage,ApplicationsPage,PumpsPage,ContactPage,CTABand,SectionHead,PageHero,APP_SECTORS,PUMP_CATS,parseRoute,legacyHashPath});