https://zilonis.ai/assets/CaseStudyListing-7cdufrUg.js

1import{j as e,g as t,bm as s,a5 as a,h as r,y as l,am as n}from"./vendor-ui-C2vAleqQ.js";import{i,r as o,L as c}from"./vendor-react-C3a5DcYl.js";import{C as d,a as x}from"./index-BoxkkuBL.js";import{S as m}from"./SEO-CE2VlUez.js";import{S as u}from"./StructuredData-BVDS8VKU.js";import{e as p,f as h}from"./contentApi-DVt-HVoy.js";import"./vendor-radix-BUuTL6we.js";import"./vendor-charts-CKN6CuP4.js";const b={webchat:"WebChat",zhat:"ZHAT",zilbi:"Zilbi",consulting:"Consulting",automation:"Process Automation","ai-development":"AI Development","business-intelligence":"Business Intelligence",custom:"Custom Solution",multi:"Multi-Produkt"},g={webchat:"#23A08C",zhat:"#7A3DFF",zilbi:"#06b6d4",consulting:"#f97316",automation:"#10b981","ai-development":"#8b5cf6","business-intelligence":"#2563eb",custom:"#f59e0b",multi:"#ec4899"};function f(e,t=1800,s=!1){const[a,r]=o.useState(0);return o.useEffect(()=>{if(!s||0===e)return;let a,l=null;const n=s=>{l||(l=s);const i=s-l,o=Math.min(i/t,1),c=1-Math.pow(1-o,3);r(Math.round(c*e)),o<1&&(a=requestAnimationFrame(n))};return a=requestAnimationFrame(n),()=>cancelAnimationFrame(a)},[e,t,s]),a}function j(){const[n,j]=i(),[N,v]=o.useState([]),[w,k]=o.useState([]),[z,S]=o.useState([]),[C,I]=o.useState(!0),[A,L]=o.useState(""),[P,E]=o.useState(!1),[F,M]=o.useState(!1),B=n.get("produkt")||"",D=n.get("branche")||"";o.useEffect(()=>{const e=setTimeout(()=>M(!0),100);return()=>clearTimeout(e)},[]),o.useEffect(()=>{p().then(e=>{e?.products&&S(e.products)}).catch(()=>{})},[]),o.useEffect(()=>{!async function(){I(!0);try{const e=await h({product:B,industry:D});v(e.caseStudies),k(e.industries||[])}catch(e){}finally{I(!1)}}()},[B,D]);const[T,$]=o.useState("");o.useEffect(()=>{const e=setTimeout(()=>$(A),350);return()=>clearTimeout(e)},[A]);const K=o.useMemo(()=>{if(!T.trim())return N;const e=T.toLowerCase();return N.filter(t=>t.title.toLowerCase().includes(e)||t.companyName?.toLowerCase().includes(e)||t.industry?.toLowerCase().includes(e)||t.executiveSummary?.toLowerCase().includes(e)||t.challenge?.toLowerCase().includes(e))},[N,T]),O=o.useMemo(()=>({total:N.length,live:N.filter(e=>"live"===e.projectStatus).length,industries:new Set(N.map(e=>e.industry).filter(Boolean)).size}),[N]),Z=f(O.total,1200,F&&!C),R=f(O.live,1400,F&&!C),H=f(O.industries,1600,F&&!C),V=(e,t)=>{const s=new URLSearchParams(n);t?s.set(e,t):s.delete(e),j(s)};return e.jsxs(e.Fragment,{children:[e.jsx(m,{title:"Referenzen & Erfolgsgeschichten | ZILONIS AI",description:"Wie Mittelständler mit ZILONIS AI ihre Prozesse automatisieren. Echte Projekte, echte Ergebnisse – als lebendige Projekt-Tagebücher dokumentiert.",url:"/referenzen",keywords:"KI Referenzen, Mittelstand Case Studies, KI Erfolgsgeschichten, ZILONIS AI Projekte"}),e.jsx(u,{includeOrganization:!0,breadcrumbs:[{name:"Home",url:"https://zilonis.ai"},{name:"Referenzen",url:"https://zilonis.ai/referenzen"}]}),e.jsx(d,{}),e.jsxs("main",{className:"min-h-screen bg-white",children:[e.jsxs("section",{className:"relative pt-28 pb-6 overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-slate-50 via-white to-primary/[0.03]"}),e.jsx("div",{className:"absolute top-20 -right-32 w-96 h-96 bg-secondary/[0.05] rounded-full blur-3xl animate-pulse",style:{animationDuration:"6s"}}),e.jsx("div",{className:"absolute -bottom-20 -left-20 w-72 h-72 bg-primary/[0.04] rounded-full blur-3xl animate-pulse",style:{animationDuration:"8s"}}),e.jsx("div",{className:"absolute top-40 left-1/2 w-64 h-64 bg-primary/[0.03] rounded-full blur-3xl animate-pulse",style:{animationDuration:"10s"}}),e.jsxs("div",{className:"relative max-w-5xl mx-auto px-4 text-center",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 px-4 py-2 bg-white border border-slate-200 rounded-full shadow-sm mb-6 transition-all duration-700 "+(F?"opacity-100 translate-y-0":"opacity-0 translate-y-4"),children:[e.jsx(t,{size:16,weight:"regular",className:"text-secondary"}),e.jsx("span",{className:"text-sm font-medium text-slate-700",children:"Erfolgsgeschichten aus der Praxis"})]}),e.jsxs("h1",{className:"text-4xl md:text-5xl lg:text-6xl font-extrabold text-slate-900 leading-[1.1] mb-5 transition-all duration-700 delay-100 "+(F?"opacity-100 translate-y-0":"opacity-0 translate-y-6"),

1children:["Keine Hochglanz-Slides."," ",e.jsxs("span",{className:"relative inline-block",children:[e.jsx("span",{className:"text-transparent bg-clip-text bg-gradient-to-r from-primary to-secondary",children:"Echte Projekte."}),e.jsx("span",{className:"absolute bottom-1 left-0 right-0 h-3 bg-primary/10 rounded-sm -z-0"})]})]}),e.jsx("p",{className:"text-lg md:text-xl text-slate-600 max-w-2xl mx-auto mb-10 transition-all duration-700 delay-200 "+(F?"opacity-100 translate-y-0":"opacity-0 translate-y-6"),children:"Wie Mittelständler mit ZILONIS AI echte Ergebnisse erzielen. Jedes Projekt als lebendes Tagebuch – von Tag 1 bis heute."}),e.jsxs("div",{className:"flex items-center justify-center gap-8 md:gap-16 mb-10 transition-all duration-700 delay-300 "+(F?"opacity-100 translate-y-0":"opacity-0 translate-y-6"),children:[e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-3xl md:text-4xl font-extrabold text-primary tabular-nums",children:Z}),e.jsx("div",{className:"text-xs md:text-sm text-slate-500 mt-1",children:"Projekte"})]}),e.jsx("div",{className:"w-px h-10 bg-slate-200"}),e.jsxs("div",{className:"text-center",children:[e.jsxs("div",{className:"flex items-center justify-center gap-1.5",children:[e.jsxs("span",{className:"relative flex h-2.5 w-2.5",children:[e.jsx("span",{className:"animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75"}),e.jsx("span",{className:"relative inline-flex rounded-full h-2.5 w-2.5 bg-green-500"})]}),e.jsx("span",{className:"text-3xl md:text-4xl font-extrabold text-green-600 tabular-nums",children:R})]}),e.jsx("div",{className:"text-xs md:text-sm text-slate-500 mt-1",children:"Live"})]}),e.jsx("div",{className:"w-px h-10 bg-slate-200"}),e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-3xl md:text-4xl font-extrabold text-secondary tabular-nums",children:H}),e.jsx("div",{className:"text-xs md:text-sm text-slate-500 mt-1",children:"Branchen"})]})]}),e.jsxs("div",{className:`max-w-xl mx-auto relative transition-all duration-500 delay-400 ${F?"opacity-100 translate-y-0":"opacity-0 translate-y-6"} ${P?"scale-[1.02]":""}`,children:[e.jsxs("div",{className:"flex items-center bg-white rounded-2xl border-2 shadow-sm transition-all duration-300 "+(P?"border-primary/40 shadow-primary/10 shadow-lg":"border-slate-200"),children:[e.jsx(s,{size:20,weight:"regular",className:"ml-4 text-slate-400 flex-shrink-0"}),e.jsx("input",{type:"text",placeholder:"Projekt, Branche oder Firma suchen …",className:"w-full px-4 py-4 bg-transparent text-slate-900 placeholder:text-slate-400 outline-none text-base",value:A,onChange:e=>L(e.target.value),onFocus:()=>E(!0),onBlur:()=>E(!1)}),A&&e.jsx("button",{onClick:()=>L(""),className:"mr-4 text-slate-400 hover:text-slate-600 transition",children:e.jsx("span",{className:"text-sm",children:"✕"})})]}),T&&e.jsxs("p",{className:"text-xs text-slate-400 mt-2",children:[K.length," ",1===K.length?"Projekt":"Projekte"," gefunden"]})]}),z.length>0&&e.jsx("div",{className:"mt-6 transition-all duration-700 delay-500 "+(F?"opacity-100 translate-y-0":"opacity-0 translate-y-6"),children:e.jsxs("div",{className:"flex flex-wrap justify-center gap-2",children:[e.jsx("button",{onClick:()=>V("produkt",""),className:"px-3.5 py-1.5 rounded-full text-sm font-medium transition-all duration-200 "+(B?"bg-slate-100 text-slate-600 hover:bg-slate-200":"bg-slate-900 text-white shadow-md"),children:"Alle"}),z.map(({product:t})=>e.jsx("button",{onClick:()=>V("produkt",t),className:"px-3.5 py-1.5 rounded-full text-sm font-medium transition-all duration-200 "+(B===t?"text-white shadow-md":"bg-slate-100 text-slate-600 hover:bg-slate-200"),style:B===t?{backgroundColor:g[t]||"#64748b",boxShadow:`0 4px 14px ${g[t]||"#64748b"}25`}:{},children:b[t]||t},t))]})})]})]}),(w.length>0||B||D||T)&&e.jsx("section",{className:"px-4 pt-2 pb-4",children:e.jsxs("div",{className:"max-w-6xl mx-auto",children:[w.length>0&&e.jsxs("div",{className:"flex flex-wrap justify-center gap-2 mb-4",children:[e.jsx("span",{className:"text-xs font-semibold text-slate-400 uppercase tracking-wider self-center mr-2",children:"Branche"}),e.jsx("button",{onClick:()=>V("branche",""),className:"px-3 py-1.5 rounded-full text-sm font-medium transition-all duration-200 "+(D?"bg-slate-100 text-slate-600 hover:bg-slate-200":"bg-slate-900 text-white shadow-md"),children:"Alle"}),w.map(t=>e.jsx("button",{onClick:()=>V("branche",t),className:"px-3 py-1.5 rounded-full text-sm font-medium transition-all duration-200 "+(D===t?"bg-slate-900 text-white shadow-md":"bg-slate-100 text-slate-600 hover:bg-slate-200"),children:t},t))]}),(B||D||T)&&e.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-2 pt-3 border-t border-slate-100",children:[e.jsx("span",{className:"text-xs text-slate-400 mr-1",children:"Aktive Filter:"}),B&&e.jsxs("span",{className:"inline-flex items-center gap-1.5 px-3 py-1 bg-primary/10 text-primary rounded-full text-xs font-medium",children:[b[B]||B,e.jsx("button",{onClick:()=>V("produkt",""),className:"hover:text-primary/70 transition","aria-label":"Filter entfernen",children:"×"})]}),D&&e.jsxs("span",{className:"inline-flex items-center gap-1.5 px-3 py-1 bg-slate-100 text-slate-700 rounded-full text-xs font-medium",children:[D,e.jsx("button",{onClick:()=>V("branche",""),className:"hover:text-slate-400 transition","aria-label":"Filter entfernen",children:"×"})]}),T&&e.jsxs("span",{className:"inline-flex items-center gap-1.5 px-3 py-1 bg-secondary/10 text-secondary rounded-full text-xs font-medium",children:["„",T,'"',e.jsx("button",{onClick:()=>L(""),className:"hover:text-secondary/70 transition","aria-label":"Suche löschen",children:"×"})]}),e.jsx("button",{onClick:()=>{V("produkt",""),V("branche",""),L("")},className:"text-xs text-slate-400 hover:text-red-500 transition ml-2",children:"Alle zurücksetzen"})]})]})}),e.jsx("section",{className:"px-4 pb-20",children:e.jsx("div",{className:"max-w-6xl mx-auto",children:C?e.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-8",children:[1,2,3,4,5,6].map(t=>e.jsxs("div",{className:"rounded-2xl border border-slate-200 overflow-hidden animate-pulse "+(1===t?"md:col-span-2 lg:col-span-2":""),children:[e.jsx("div",{className:"bg-slate-100 "+(1===t?"h-64":"h-48")}),e.jsxs("div",{className:"p-6 space-y-3",children:[e.jsx("div",{className:"h-4 bg-slate-100 rounded w-1/3"}),e.jsx("div",{className:"h-6 bg-slate-100 rounded w-3/4"}),e.jsx("div",{className:"h-4 bg-slate-100 rounded w-full"})]})]},t))}):0===K.length?e.jsxs("div",{className:"text-center py-16",children:[e.jsx(a,{size:48,weight:"regular",className:"text-slate-300 mx-auto mb-4"}),e.jsx("h3",{className:"text-lg font-semibold text-slate-900",children:"Keine Projekte gefunden"}),e.jsx("p",{className:"text-slate-500 mt-1 mb-4",children:T?`Keine Ergebnisse für „${T}"`:"Versuchen Sie andere Filter."}),e.jsx("button",{onClick:()=>{V("produkt",""),V("branche",""),L("")},className:"inline-flex items-center gap-2 px-4 py-2 bg-primary/10 text-primary rounded-lg text-sm font-medium hover:bg-primary/20 transition",children:"Filter zurücksetzen"})]}):e.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-8",children:K.map((t,s)=>

1e.jsx(y,{cs:t,isFeatured:0===s&&!T,index:s},t.slug))})})}),e.jsxs("section",{className:"relative py-20 px-4 overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-primary/5 via-secondary/5 to-primary/5"}),e.jsx("div",{className:"absolute top-10 right-20 w-32 h-32 bg-primary/10 rounded-full blur-2xl"}),e.jsx("div",{className:"absolute bottom-10 left-20 w-40 h-40 bg-secondary/10 rounded-full blur-2xl"}),e.jsxs("div",{className:"relative max-w-3xl mx-auto text-center",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 px-3 py-1.5 bg-white/80 backdrop-blur-sm border border-primary/20 rounded-full mb-6",children:[e.jsx(r,{size:14,weight:"regular",className:"text-primary"}),e.jsx("span",{className:"text-xs font-medium text-slate-600",children:"Kostenlos & unverbindlich"})]}),e.jsxs("h2",{className:"text-3xl md:text-4xl font-bold text-slate-900 mb-4",children:["Ihr Projekt als nächste"," ",e.jsx("span",{className:"text-transparent bg-clip-text bg-gradient-to-r from-primary to-secondary",children:"Erfolgsgeschichte?"})]}),e.jsx("p",{className:"text-lg text-slate-600 mb-8",children:"In 15 Minuten zeigen wir Ihnen, wie KI Ihre spezifischen Prozesse optimiert."}),e.jsxs(c,{to:"/kontakt",className:"group inline-flex items-center gap-2 px-8 py-4 bg-primary text-white rounded-xl font-semibold text-lg hover:bg-primary/90 shadow-lg shadow-primary/20 hover:shadow-xl hover:shadow-primary/30 transition-all duration-300",children:["Potenzial-Analyse starten",e.jsx(l,{size:20,weight:"bold",className:"group-hover:translate-x-1 transition-transform"})]})]})]})]}),e.jsx(x,{})]})}function y({cs:t,isFeatured:s,index:r}){const{ref:i,inView:d}=function(e=.2){const t=o.useRef(null),[s,a]=o.useState(!1);return o.useEffect(()=>{const s=t.current;if(!s)return;const r=new IntersectionObserver(([e])=>{e.isIntersecting&&(a(!0),r.disconnect())},{threshold:e});return r.observe(s),()=>r.disconnect()},[e]),{ref:t,inView:s}}(.15);return e.jsx("div",{ref:i,className:"transition-all duration-700 "+(s?"md:col-span-2 lg:col-span-2":""),style:{opacity:d?1:0,transform:d?"translateY(0)":"translateY(32px)",transitionDelay:`${Math.min(80*r,400)}ms`},children:e.jsxs(c,{to:`/referenzen/${t.slug}`,className:"group block rounded-2xl border border-slate-200 overflow-hidden hover:shadow-xl hover:border-primary/30 transition-all duration-300 "+(s?"bg-gradient-to-br from-white to-primary/[0.02]":"bg-white"),children:[e.jsxs("div",{className:`relative overflow-hidden ${s?"h-64":"h-48"} bg-gradient-to-br from-slate-100 to-slate-50 flex items-center justify-center`,children:[t.featuredImage?e.jsx("img",{src:t.featuredImage,alt:t.companyName||t.title,className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500",loading:"lazy"}):e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-gradient-to-br from-slate-100 to-primary/5",children:e.jsx(a,{size:s?72:56,weight:"regular",className:"text-slate-300"})}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/20 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"}),e.jsx("span",{className:"absolute top-4 left-4 px-3 py-1 rounded-full text-xs font-bold text-white backdrop-blur-sm",style:{backgroundColor:`${g[t.product]||"#64748b"}dd`},children:b[t.product]||t.product}),e.jsx("span",{className:"absolute top-4 right-4 px-3 py-1 rounded-full text-xs font-bold backdrop-blur-sm "+("live"===t.projectStatus?"bg-green-100/90 text-green-700":"in_progress"===t.projectStatus?"bg-amber-100/90 text-amber-700":"bg-blue-100/90 text-blue-700"),children:"live"===t.projectStatus?"● Live":"in_progress"===t.projectStatus?"● In Arbeit":"Abgeschlossen"})]}),e.jsxs("div",{className:"p-6 "+(s?"md:p-8":""),children:[e.jsxs("div",{className:"mb-2 "+(s?"flex items-center gap-2":""),children:[e.jsx("span",{className:"text-sm font-semibold text-primary",children:t.companyName}),t.industry&&(s?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-slate-300",children:"·"}),e.jsx("span",{className:"text-sm text-slate-400",children:t.industry})]}):e.jsx("span",{className:"block text-xs text-slate-400 mt-0.5",children:t.industry}))]}),e.jsx("h2",{className:"font-bold text-slate-900 group-hover:text-primary transition mb-3 "+(s?"text-2xl md:text-3xl":"text-xl"),children:t.title}),e.jsx("p",{className:"text-slate-600 text-sm mb-4 "+(s?"line-clamp-4":"line-clamp-3"),children:(t.executiveSummary||t.challenge||"").replace(/#{1,6}\s?/g,"").replace(/\*\*(.*?)\*\*/g,"$1").replace(/\*(.*?)\*/g,"$1").replace(/[-*]\s/g,"").replace(/\n/g," ")}),(t.kpiLabel1||t.kpiLabel2)&&e.jsxs("div",{className:"flex gap-3 mb-4 "+(s?"md:gap-4":""),children:[t.kpiLabel1&&e.jsxs("div",{className:"group/kpi relative flex-1 min-w-0 bg-gradient-to-br from-primary/5 to-transparent roun

1ded-xl p-3 text-center border border-primary/10 cursor-default",children:[e.jsx("span",{className:"block font-bold text-primary leading-tight "+(s?"text-xl":"text-lg"),children:t.kpiAfter1}),e.jsx("p",{className:"text-[11px] text-slate-500 mt-1 leading-tight truncate",children:t.kpiLabel1}),e.jsxs("div",{className:"pointer-events-none absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-3 py-1.5 bg-slate-800 text-white text-xs rounded-lg whitespace-nowrap opacity-0 group-hover/kpi:opacity-100 transition-opacity duration-200 z-20 shadow-lg",children:[e.jsx("span",{className:"block font-medium mb-0.5",children:t.kpiLabel1}),t.kpiBefore1&&e.jsxs("span",{children:[e.jsx("span",{className:"line-through opacity-70",children:t.kpiBefore1}),e.jsx("span",{className:"mx-1.5",children:"→"}),e.jsx("span",{className:"font-semibold text-emerald-300",children:t.kpiAfter1})]}),e.jsx("span",{className:"absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-slate-800"})]})]}),t.kpiLabel2&&e.jsxs("div",{className:"group/kpi relative flex-1 min-w-0 bg-gradient-to-br from-secondary/5 to-transparent rounded-xl p-3 text-center border border-secondary/10 cursor-default",children:[e.jsx("span",{className:"block font-bold text-secondary leading-tight "+(s?"text-xl":"text-lg"),children:t.kpiAfter2}),e.jsx("p",{className:"text-[11px] text-slate-500 mt-1 leading-tight truncate",children:t.kpiLabel2}),e.jsxs("div",{className:"pointer-events-none absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-3 py-1.5 bg-slate-800 text-white text-xs rounded-lg whitespace-nowrap opacity-0 group-hover/kpi:opacity-100 transition-opacity duration-200 z-20 shadow-lg",children:[e.jsx("span",{className:"block font-medium mb-0.5",children:t.kpiLabel2}),t.kpiBefore2&&e.jsxs("span",{children:[e.jsx("span",{className:"line-through opacity-70",children:t.kpiBefore2}),e.jsx("span",{className:"mx-1.5",children:"→"}),e.jsx("span",{className:"font-semibold text-violet-300",children:t.kpiAfter2})]}),e.jsx("span",{className:"absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-slate-800"})]})]})]}),e.jsxs("div",{className:"flex items-center justify-between pt-4 border-t border-slate-100",children:[e.jsxs("span",{className:"text-xs text-slate-400 flex items-center gap-1.5",children:[e.jsx(n,{size:12,weight:"regular"}),t.projectStart?new Date(t.projectStart).toLocaleDateString("de-DE",{month:"short",year:"numeric"}):"—",t.entryCount?e.jsxs("span",{className:"group/entries relative inline-flex items-center justify-center w-5 h-5 bg-secondary/10 text-secondary rounded-full text-[10px] font-bold cursor-default",children:[t.entryCount,e.jsxs("span",{className:"pointer-events-none absolute bottom-full left-1/2 -translate-x-1/2 mb-1.5 px-2 py-1 bg-slate-800 text-white text-[10px] rounded-md whitespace-nowrap opacity-0 group-hover/entries:opacity-100 transition-opacity duration-200 z-20",children:[t.entryCount," Tagebuch-Einträge",e.jsx("span",{className:"absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-slate-800"})]})]}):null]}),e.jsxs("span",{className:"text-sm font-medium text-primary flex items-center gap-1 group-hover:gap-2 transition-all",children:["Tagebuch lesen ",e.jsx(l,{size:14,weight:"bold"})]})]})]})]})})}export{j as default};