https://www.quatico.com/assets/js/ServiceAiTechnology-DWcf8lJz.js

1import{Q as le,j as e,R as Z,I as w,z as d,l as je,c as X,aV as ye,m as we,a6 as ve,aN as ke,G as Ne,aW as Ee,aX as te,u as Ae,e as Se,o as Ce,f as ze,aY as _e,V as Ie,C as Fe}from"./app-7-N_4TGM.js";import{u as Be,L as Re}from"./LandingPage-D4ISKudX.js";import{B as De}from"./BackLinkBar-6xrKX2iN.js";import{F as Ke}from"./FaqSection-BPsyZcK1.js";import{D as ie}from"./Drawer-3Fcjw-TJ.js";import{t as Me}from"./faq-content-kWDHun6n.js";import"./RequestPrototypeModalRoot-D9YdWahs.js";const Le=async(t,r,n)=>le.remoteInvoke({name:"kiBeraterAdvise",data:{input:t},namespace:"quaweb-noauth"},r,n),ue=async(t,r,n)=>le.remoteInvoke({name:"submitBeraterLead",data:{input:t},namespace:"quaweb-noauth"},r,n),Te=async(t,r,n)=>le.remoteInvoke({name:"submitRefCardLead",data:{input:t},namespace:"quaweb-noauth"},r,n),K={classic:{accent:"#8A7F66",soft:"#EFEADD",ink:"#5A5038"},ml:{accent:"#2E7A66",soft:"#DEEDE7",ink:"#1E5345"},gen:{accent:"#BD5430",soft:"#F4E3D9",ink:"#883A1B"},agent:{accent:"#6B4E9E",soft:"#EAE3F4",ink:"#3c1d64"}},U=t=>({backgroundColor:K[t].soft,color:K[t].ink}),Pe=t=>({backgroundColor:K[t].soft,color:K[t].accent}),oe=({blocks:t})=>e.jsx("div",{className:"flex flex-col gap-4",children:t.map((r,n)=>e.jsxs("div",{children:[e.jsx("span",{className:"mb-1 block text-[0.62rem] font-bold uppercase tracking-[0.1em] text-gray-400",children:r.label}),e.jsx("p",{className:"text-[0.9rem] leading-relaxed text-gray-600",children:e.jsx(Z,{content:r.text})})]},n))}),C=t=>{w("cta_click",{id:t})},We={potenzial:"/angebote/ki-potenzialanalyse",agenten:"/angebote/ki-agenten-workshop"},Oe={potenzial:"KI-Potenzialanalyse →",agenten:"KI-Agenten-Workshop →"},Ge={potenzial:"drawer_cta_potenzial",agenten:"drawer_cta_agenten"},He="drawer_cta_berater",ce=()=>{const[t,r]=d.useState(null),n=d.useRef(null),o=d.useCallback((h,x)=>{n.current=x,w("ki_interest",{technology:h.trackingKey}),r(h)},[]),i=d.useCallback(()=>{var h;r(null),(h=n.current)==null||h.focus()},[]),s=h=>{h.preventDefault(),C(He),i(),requestAnimationFrame(()=>{var x;(x=document.getElementById("berater"))==null||x.scrollIntoView({behavior:"smooth",block:"start"})})},a=t?e.jsxs(e.Fragment,{children:[e.jsx("a",{href:"#berater",onClick:s,className:"inline-flex items-center justify-center rounded-full bg-[#3c1d64] px-5 py-2.5 text-sm font-bold text-white transition-colors hover:bg-[#2a1448]",children:"Mit dem KI-Berater prüfen ↑"}),e.jsx("a",{href:We[t.route],onClick:()=>C(Ge[t.route]),className:"inline-flex items-center justify-center rounded-full border-2 border-[#3c1d64] px-5 py-2 text-sm font-bold text-[#3c1d64] transition-colors hover:bg-[#3c1d64] hover:text-white",children:Oe[t.route]})]}):null;return{payload:t,open:o,close:i,footer:a,openerRef:n}},W=({eyebrow:t})=>t?e.jsx("div",{className:"flex justify-center",children:e.jsx(je,{children:t})}):null,$e={classic:e.jsxs(e.Fragment,{children:[e.jsx("path",{d:"M4 6h9M4 11h9M4 16h6"}),e.jsx("path",{d:"M14 15.5l2.2 2.2L21 13"})]}),ml:e.jsxs(e.Fragment,{children:[e.jsx("path",{d:"M4 19V5M4 19h16"}),e.jsx("path",{d:"M7 16l4-5 3 3 5-7"})]}),gen:e.jsxs(e.Fragment,{children:[e.jsx("path",{d:"M5 5h14v10H10l-4 4v-4H5z"}),e.jsx("path",{d:"M14.5 8.5l1 2 2 1-2 1-1 2-1-2-2-1 2-1z"})]}),agent:e.jsxs(e.Fragment,{children:[e.jsx("circle",{cx:"12",cy:"12",r:"2.4"}),e.jsx("circle",{cx:"5",cy:"6",r:"1.8"}),e.jsx("circle",{cx:"19",cy:"6",r:"1.8"}),e.jsx("circle",{cx:"12",cy:"20",r:"1.8"}),e.jsx("path",{d:"M6.4 7.2l3.7 3.2M17.6 7.2l-3.7 3.2M12 14.4v3.8"})]})},Ue=({eyebrow:t,title:r,description:n,approaches:o})=>{var b;const{payload:i,open:s,close:a,footer:h}=ce(),{common:x}=X();if(!o||o.length===0)return null;const f=(m,c)=>{s({trackingKey:m.key,chip:{label:m.drawerChipLabel,style:U(m.key)},title:m.drawerTitle,route:m.route,body:e.jsx(oe,{blocks:m.detailBlocks})},c)};return e.jsxs("section",{id:"ansaetze",className:"py-20",children:[e.jsxs("div",{className:"mx-auto w-full px-4 md:px-12 max-w-6xl",children:[e.jsx(W,{eyebrow:t}),e.jsx("h2",{className:"mx-auto max-w-[22ch] text-center text-3xl font-bold leading-tight text-text-primary md:text-4xl",children:r}),n&&e.jsx("p",{className:"mx-auto mt-3 max-w-[64ch] text-center text-gray-600",children:n}),e.jsx("div",{className:"mt-10 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",children:o.map(m=>{var c;return e.jsxs("button",{type:"button",onClick:p=>f(m,p.currentTarget),className:"flex flex-col rounded-2xl border border-gray-200 bg-white p-6 text-left transition hover:-translate-y-1 hover:shadow-xl focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#3c1d64]",children:[e.jsx("span",{className:"mb-4 flex h-12 w-12 items-center justify-center rounded-xl",style:Pe(m.key),children:e.jsx("svg",{viewBox:"0 0 24 24",className:"h-6 w-6",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round",children:$e[m.key]})}),e.jsx("span",{className:"text-[0.62rem] font-bold uppercase tracking-[0.12em] text-gray-400",children:m.kicker}),e.jsx("h3",{className:"mb-2 mt-1 text-xl font-bold text-text-primary",children:m.title}),e.jsx("p",{className:"mb-4 flex-1 text-[0.92rem] leading-relaxed text-gray-600",children:m.teaser}),e.jsxs("span",{className:"text-[0.86rem] font-semibold text-[#3c1d64]",children:[(c=x==null?void 0:x.cta)==null?void 0:c.learnMore," →"]})]},m.key)})})]}),e.jsx(ie,{isOpen:i!==null,onClose:a,chip:i==null?void 0:i.chip,title:(i==null?void 0:i.title)??"",footer:h,closeLabel:(b=x==null?void 0:x.navigation)==null?void 0:b.close,children:i==null?void 0:i.body})]})}

1,Qe=({eyebrow:t,title:r,description:n,combinations:o,tell:i})=>{var m;const{payload:s,open:a,close:h,footer:x}=ce(),{common:f}=X();if(!o||o.length===0)return null;const b=(c,p)=>{a({trackingKey:c.key,chip:{label:c.drawerChipLabel,style:U(c.drawerChipKey)},title:c.drawerTitle,route:c.route,body:e.jsx(oe,{blocks:c.detailBlocks})},p)};return e.jsxs("section",{className:"border-y border-gray-200 bg-[#F7F5FA] py-20",children:[e.jsxs("div",{className:"mx-auto w-full px-4 md:px-12 max-w-6xl",children:[e.jsx(W,{eyebrow:t}),e.jsx("h2",{className:"mx-auto max-w-[22ch] text-center text-3xl font-bold leading-tight text-text-primary md:text-4xl",children:r}),n&&e.jsx("p",{className:"mx-auto mt-3 max-w-[64ch] text-center text-gray-600",children:n}),e.jsx("div",{className:"mt-9 grid grid-cols-1 gap-4 md:grid-cols-3",children:o.map(c=>e.jsxs("button",{type:"button",onClick:p=>b(c,p.currentTarget),className:"rounded-2xl border border-gray-200 bg-white p-5 text-left transition hover:-translate-y-0.5 hover:shadow-lg focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#3c1d64]",children:[e.jsx("div",{className:"mb-2.5 flex flex-wrap items-center gap-1.5",children:c.members.map((p,v)=>e.jsxs(d.Fragment,{children:[v>0&&e.jsx("span",{className:"text-gray-400",children:"+"}),e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-[0.6rem] font-bold uppercase tracking-[0.06em] text-gray-600",children:[e.jsx("span",{className:"h-2 w-2 rounded-full",style:{backgroundColor:K[p.key].accent}}),p.label]})]},p.key))}),e.jsx("h3",{className:"mb-1.5 text-[1.05rem] font-bold text-text-primary",children:c.title}),e.jsx("p",{className:"mb-3.5 text-[0.9rem] leading-relaxed text-gray-600",children:c.teaser}),e.jsx("span",{className:"text-[0.84rem] font-semibold text-[#3c1d64]",children:"Beispiel ansehen →"})]},c.key))}),i&&e.jsx("p",{className:"mt-7 max-w-[74ch] rounded-r-xl border-l-4 border-[#BD5430] bg-[#F4E3D9] px-6 py-4 text-[0.98rem] leading-relaxed text-[#883A1B]",children:e.jsx(Z,{content:i})})]}),e.jsx(ie,{isOpen:s!==null,onClose:h,chip:s==null?void 0:s.chip,title:(s==null?void 0:s.title)??"",footer:x,closeLabel:(m=f==null?void 0:f.navigation)==null?void 0:m.close,children:s==null?void 0:s.body})]})},Ve=5,qe=({eyebrow:t,title:r,description:n,rungs:o,note:i})=>{var m;const{payload:s,open:a,close:h,footer:x}=ce(),{common:f}=X();if(!o||o.length===0)return null;const b=(c,p)=>{a({trackingKey:c.key,chip:{label:c.classLabel,style:U("agent")},title:c.drawerTitle,route:c.route,body:e.jsx(oe,{blocks:c.detailBlocks})},p)};return e.jsxs("section",{id:"agenten",className:"py-20",children:[e.jsxs("div",{className:"mx-auto w-full px-4 md:px-12 max-w-6xl",children:[e.jsx(W,{eyebrow:t}),e.jsx("h2",{className:"mx-auto max-w-[22ch] text-center text-3xl font-bold leading-tight text-text-primary md:text-4xl",children:r}),n&&e.jsx("p",{className:"mx-auto mt-3 max-w-[64ch] text-center text-gray-600",children:n}),e.jsx("div",{className:"mt-9 grid gap-3",children:o.map(c=>{const p=c.tier==="expert";return e.jsxs("button",{type:"button",onClick:v=>b(c,v.currentTarget),className:`grid grid-cols-1 items-center gap-4 roun

1ded-xl border p-5 text-left transition hover:-translate-y-0.5 hover:shadow-lg focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#3c1d64] md:grid-cols-[150px_1fr_auto] ${p?"border-[#D7CBEC] bg-[#EAE3F4]":"border-gray-200 bg-white"}`,children:[e.jsxs("div",{children:[e.jsx("div",{className:"mb-1.5 flex gap-1",children:Array.from({length:Ve}).map((v,N)=>e.jsx("span",{className:"h-2 w-2 rounded-full",style:{backgroundColor:K.agent.accent,opacity:N<c.level?1:.22}},N))}),e.jsx("span",{className:"text-[0.58rem] font-bold uppercase tracking-[0.1em] text-gray-400",children:c.classLabel})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-[1.05rem] font-bold text-text-primary",children:c.title}),e.jsx("p",{className:"mt-0.5 text-[0.88rem] text-gray-600",children:c.example})]}),e.jsx("span",{className:`justify-self-start whitespace-nowrap rounded-md border px-2.5 py-1.5 text-[0.62rem] font-bold uppercase tracking-[0.06em] md:justify-self-end ${p?"border-[#3c1d64] bg-[#3c1d64] text-white":"border-[#D7CBEC] bg-white text-[#3c1d64]"}`,children:c.badge})]},c.key)})}),i&&e.jsx("p",{className:"mt-6 max-w-[60ch] text-base italic text-text-primary",children:e.jsx(Z,{content:i})})]}),e.jsx(ie,{isOpen:s!==null,onClose:h,chip:s==null?void 0:s.chip,title:(s==null?void 0:s.title)??"",footer:x,closeLabel:(m=f==null?void 0:f.navigation)==null?void 0:m.close,children:s==null?void 0:s.body})]})},Ze=({eyebrow:t,title:r,description:n,offers:o})=>{const i=d.useRef(null);return d.useEffect(()=>{const s=i.current;if(!s||typeof IntersectionObserver>"u")return;const a=new IntersectionObserver(h=>{h.forEach(x=>{x.isIntersecting&&(w("offer_view",{section:"angebote"}),a.disconnect())})},{threshold:.4});return a.observe(s),()=>a.disconnect()},[]),!o||o.length===0?null:e.jsx("section",{id:"angebote",ref:i,className:"py-20",children:e.jsxs("div",{className:"mx-auto w-full px-4 md:px-12 max-w-6xl",children:[e.jsx(W,{eyebrow:t}),e.jsx("h2",{className:"mx-auto max-w-[22ch] text-center text-3xl font-bold leading-tight text-text-primary md:text-4xl",children:r}),n&&e.jsx("p",{className:"mx-auto mt-3 max-w-[64ch] text-center text-gray-600",children:n}),e.jsx("div",{className:"mt-10 grid grid-cols-1 gap-5 md:grid-cols-2",children:o.map(s=>{const a=s.variant==="dark";return e.jsxs("div",{className:`flex flex-col rounded-2xl p-8 transition hover:-translate-y-0.5 hover:shadow-xl ${a?"bg-gradient-to-br from-[#3c1d64] to-[#2a1448] text-white":"border border-gray-200 bg-white"}`,children:[e.jsx("span",{className:`text-[0.66rem] font-bold uppercase tracking-[0.12em] ${a?"text-[#C9B6E8]":"text-[#6B4E9E]"}`,children:s.step}),e.jsx("h3",{className:"mb-2.5 mt-2 text-2xl font-bold",children:s.title}),e.jsx("p",{className:`mb-4 text-[0.96rem] ${a?"text-[#D9CEE9]":"text-gray-600"}`,children:s.description}),e.jsx("div",{className:"mb-4 text-[1.05rem] font-semibold",children:s.price}),e.jsx("ul",{className:"mb-6 space-y-1.5 text-[0.9rem]",children:s.features.map(h=>e.jsxs("li",{className:`relative pl-6 ${a?"text-[#D9CEE9]":"text-gray-600"}`,children:[e.jsx("span",{className:`absolute left-0 ${a?"text-[#C9B6E8]":"text-[#6B4E9E]"}`,children:"→"}),h]},h))}),e.jsx("a",{href:s.cta.href,onClick:()=>C(s.cta.track),className:`mt-auto inline-flex items-center self-start rounded-full px-6 py-2.5 text-sm font-bold transition ${a?"bg-white text-[#3c1d64] hover:bg-white/90":"border-2 border-[#3c1d64] text-[#3c1d64] hover:bg-[#3c1d64] hover:text-white"}`,children:s.cta.text})]},s.title)})})]})})},Xe=({eyebrow:t,title:r,items:n,ctaButtons:o})=>{const i=Object.fromEntries((o??[]).map(a=>[a.href,a.href])),s=ye(i);return!n||n.length===0?null:e.jsx("section",{className:"pt-0 pb-20",children:e.jsxs("div",{className:"mx-auto w-full px-4 md:px-12 max-w-6xl",children:[e.jsx(W,{eyebrow:t}),e.jsx("h2",{className:"mx-auto max-w-[22ch] text-center text-3xl font-bold leading-tight text-text-primary md:text-4xl",children:r}),e.jsx("div",{className:"mt-9 grid grid-cols-1 gap-6 md:grid-cols-3",children:n.map(a=>e.jsxs("div",{children:[e.jsx("h3",{className:"mb-2 text-[1.1rem] font-bold text-text-primary",children:a.title}),e.jsx("p",{className:"text-[0.94rem] text-gray-600",children:a.description})]},a.title))}),o&&o.length>0&&e.jsx("div",{className:"mt-10 flex flex-wrap justify-center gap-x-8 gap-y-3",children:o.map(a=>e.jsx(we,{to:s[a.href]??a.href,children:a.text},a.href))})]})})},Ye=/^[^@\s]+@[^@\s]+\.[^@\s]+$/,de=t=>

1Ye.test(t.trim()),Je=({eyebrow:t,title:r,description:n,emailPlaceholder:o,submitLabel:i,note:s,invalidEmailMessage:a,successMessage:h,sendErrorMessage:x,legend:f})=>{const[b,m]=d.useState(""),[c,p]=d.useState("idle"),[v,N]=d.useState(!1),A=async j=>{if(j.preventDefault(),!v){if(!de(b)){p("error");return}N(!0);try{await Te({email:b,language:"de"}),w("email_lead_refcard",{}),ve("refcard_download"),p("success")}catch(y){console.error("Error submitting refcard lead:",y),p("senderror")}finally{N(!1)}}},S=c==="error"?a:c==="senderror"?x??a:c==="success"?h:s,B=c==="error"||c==="senderror"?"text-[#883A1B]":c==="success"?"text-[#1E5345]":"text-gray-400";return e.jsx("section",{className:"pt-0 pb-20",children:e.jsx("div",{className:"mx-auto w-full px-4 md:px-12 max-w-6xl",children:e.jsxs("div",{className:"grid grid-cols-1 items-center gap-8 rounded-2xl border border-gray-200 bg-[#F7F5FA] p-9 md:grid-cols-[1.1fr_0.9fr]",children:[e.jsxs("div",{children:[t&&e.jsx("span",{className:"text-[0.72rem] font-semibold uppercase tracking-[0.18em] text-[#6B4E9E]",children:t}),e.jsx("h3",{className:"mb-2.5 mt-2 text-2xl font-bold text-text-primary",children:r}),e.jsx("p",{className:"mb-4.5 text-gray-600",children:e.jsx(Z,{content:n})}),e.jsxs("form",{className:"flex flex-wrap gap-2",onSubmit:j=>void A(j),noValidate:!0,children:[e.jsx("label",{htmlFor:"refcard-email",className:"sr-only",children:"E-Mail"}),e.jsx("input",{id:"refcard-email",type:"email",value:b,onChange:j=>{m(j.target.value),c!=="idle"&&p("idle")},disabled:v||c==="success",placeholder:o,className:"min-w-[200px] flex-1 rounded-lg border border-gray-200 px-3.5 py-2.5 text-[0.95rem] focus:outline focus:outline-2 focus:outline-offset-1 focus:outline-[#6B4E9E] disabled:bg-gray-100"}),e.jsx("button",{type:"submit",disabled:v||c==="success",className:"rounded-full bg-[#3c1d64] px-6 py-2.5 text-sm font-bold text-white transition hover:bg-[#2a1448] disabled:opacity-60",children:i})]}),e.jsx("p",{className:`mt-2.5 text-[0.74rem] ${B}`,children:S})]}),e.jsxs("div",{className:"flex flex-col gap-2 rounded-xl border border-gray-200 bg-white p-5","aria-hidden":"true",children:[e.jsx("div",{className:"mb-2 flex h-2.5 overflow-hidden rounded",children:f.map(j=>e.jsx("span",{className:"flex-1",style:{backgroundColor:K[j.key].accent}},j.key))}),f.map(j=>e.jsxs("div",{className:"flex items-center gap-2.5 text-[0.84rem] text-gray-600",children:[e.jsx("span",{className:"h-2.5 w-2.5 flex-none rounded-full",style:{backgroundColor:K[j.key].accent}}),j.text]},j.key))]})]})})})},et=({items:t})=>!t||t.length===0?null:e.jsx("div",{className:"text-white",style:{backgroundColor:"var(--color-gradient-end)"},children:e.jsx("div",{className:"container mx-auto px-6 md:px-12 lg:px-16",children:e.jsx("div",{className:"flex flex-wrap justify-center gap-7 border-t border-white/15 py-7",children:t.map(r=>e.jsxs("div",{className:"text-center text-[0.84rem] text-[#C9B6E8]",children:[e.jsx("b",{className:"mb-0.5 block font-semibold text-white",children:r.title}),r.description]},r.title))})})}),ne=(t,r)=>{t.key==="Enter"&&!t.shiftKey&&(t.preventDefault(),r())},se=(t,r,n=160)=>{d.useLayoutEffect(()=>{const o=t.current;o&&(o.style.height="auto",o.style.height=`${Math.min(o.scrollHeight,n)}px`)},[t,r,n])},tt={header:40,mini:26},xe=({size:t,state:r,onDark:n=!1})=>{const o=tt[t],i=n?"#8ce6d1":"#67309f",s=n?"#1f0e36":"#3c1d64";return e.jsx("svg",{"data-testid":"mat-avatar","data-state":r,"aria-hidden":"true",width:o,height:o,viewBox:"0 0 120 120",fill:"none",children:e.jsx(ke,{stroke:i,visor:s,state:r})})},F={intro:"Hallo, ich bin Mat, der KI-Berater von Quatico. Ich helfe Ihnen einzuordnen, welche KI-Technologie zu Ihrer Aufgabe passt — als erste, ehrliche Orientierung, nicht als Verkaufsgespräch. Beschreiben Sie kurz, was Sie lösen möchten; danach stelle ich ein, zwei kurze Fragen.",classify:"Danke, das hilft. Damit ich richtig liege — worum geht es dabei am ehesten?",afterChip:"Verstanden. Dann kurz zwei Fragen, damit es passt.",signal:"Was trifft am ehesten zu?",shape:"Und wie sieht der Ablauf aus?",it:"Optional — womit arbeitet Ihr Unternehmen heute hauptsächlich? Das macht einen möglichen Plattform-Ansatz konkreter."},ae=({label:t,text:r})=>e.jsxs("div",{children:[e.jsx("span",{className:"mb-1 block text-[0.62rem] font-bold uppercase tracking-[0.1em] text-gray-400",children:t}),e.jsx("p",{className:"text-[0.9rem] leading-relaxed text-gray-600",children:r})]}),$=({options:t,onPick:r})=>e.jsx("div",{className:"flex flex-col gap-2",children:t.map(n=>e.jsx("button",{type:"button",onClick:()=>r(n),className:"rounded-xl border border-gray-200 bg-[#F7F5FA] px-3.5 py-2.5 text-left text-[0.92rem] font-medium text-text-primary transition hover:border-[#6

1B4E9E] hover:bg-[#EDE7F4]",children:n.label},String(n.value)))}),nt=()=>e.jsx("span",{className:"flex h-9 w-9 flex-none items-center justify-center rounded-full bg-[#EDE7F4]",children:e.jsx(xe,{size:"mini",state:"idle"})}),he=({turn:t,showAvatar:r=!0})=>t.who==="user"?e.jsx("div",{className:"animate-berater-rise flex justify-end",children:e.jsx("div",{className:"max-w-[82%] rounded-2xl rounded-br-sm bg-[#3c1d64] px-3.5 py-2 text-[0.95rem] leading-snug text-white",children:t.text})}):e.jsxs("div",{className:"animate-berater-rise flex items-start gap-2",children:[r?e.jsx(nt,{}):e.jsx("span",{className:"w-9 flex-none","aria-hidden":"true"}),e.jsx("div",{className:"max-w-[82%] rounded-2xl rounded-tl-sm border border-gray-200 bg-white px-3.5 py-2 text-[0.95rem] leading-snug text-text-primary",children:t.text})]}),me=(t,r)=>t[r].who==="bot"&&(r===0||t[r-1].who!=="bot"),st=()=>e.jsxs("div",{className:"animate-berater-rise flex items-start gap-2","aria-label":"Mat denkt nach",children:[e.jsx("span",{className:"flex h-9 w-9 flex-none items-center justify-center rounded-full bg-[#EDE7F4]",children:e.jsx(xe,{size:"mini",state:"thinking"})}),e.jsxs("div",{className:"rounded-2xl rounded-tl-sm border border-gray-200 bg-white px-4 py-3",children:[e.jsxs("div",{className:"berater-typing-dots flex gap-1.5",children:[e.jsx("span",{className:"berater-typing-dot h-1.5 w-1.5 rounded-full bg-[#a98fcf]"}),e.jsx("span",{className:"berater-typing-dot h-1.5 w-1.5 rounded-full bg-[#a98fcf]"}),e.jsx("span",{className:"berater-typing-dot h-1.5 w-1.5 rounded-full bg-[#a98fcf]"})]}),e.jsx("span",{className:"berater-typing-label hidden text-[0.9rem] leading-snug text-gray-400",children:"Mat denkt nach …"})]})]}),ge=({intro:t,chatRef:r,transcript:n,input:o,notice:i,expanded:s,headState:a="idle"})=>e.jsx("div",{className:"border-y border-gray-200 bg-[#F7F5FA]",children:e.jsx("section",{id:"berater",className:"py-20",children:e.jsxs("div",{className:"mx-auto w-full px-4 md:px-12 max-w-6xl",children:[e.jsx(W,{eyebrow:t.eyebrow}),e.jsx("h2",{className:"mx-auto max-w-[22ch] text-center text-3xl font-bold leading-tight text-text-primary md:text-4xl",children:t.title}),t.description&&e.jsx("p",{className:"mx-auto mt-3.5 max-w-[64ch] text-center text-[1.05rem] text-gray-600",children:t.description}),e.jsxs("div",{className:"mx-auto mt-8 max-w-[760px] overflow-hidden rounded-2xl border border-gray-200 bg-white shadow-2xl",children:[e.jsxs("div",{className:"flex items-center gap-3 bg-gradient-to-r from-[#4a2576] to-[#3c1d64] px-5 py-4 text-white",children:[e.jsx("span",{className:"flex h-10 w-10 flex-none items-center justify-center rounded-full bg-white/10",children:e.jsx(xe,{size:"header",state:a,onDark:!0})}),e.jsxs("div",{children:[e.jsx("div",{className:"text-base font-semibold leading-tight",children:"Mat"}),e.jsx("div",{className:"text-[0.72rem] text-[#D9CEE9]",children:"KI-Technologie-Berater · Erste Einschätzung"})]}),t.badgeLabel&&e.jsx("span",{className:"ml-auto rounded-full bg-white/15 px-2 py-0.5 text-[0.6rem] uppercase tracking-wide",children:t.badgeLabel})]}),e.jsx("div",{ref:r,"aria-live":"polite",className:`flex min-h-[200px] flex-col gap-2.5 bg-[#F7F5FA] p-5 ${s?"overflow-visible":"max-h-[460px] overflow-y-auto"}`,children:n}),e.jsxs("div",{className:"border-t border-gray-200 bg-white px-5 pb-5 pt-4 shadow-[0_-4px_12px_-8px_rgba(60,29,100,0.15)]",children:[i,o]})]})]})})}),at=" Den Schritt, bei dem ein Fehler teuer wäre, sichern wir mit einer deterministischen Regel und einem menschlichen Kontrollpunkt ab.",rt=" Da der Ablauf noch offen ist, beginnen wir am besten mit einer kurzen Standortbestimmung.",lt=({core:t,signal:r,shape:n})=>{const o=[],i=(x,f)=>o.push({label:x,key:f});let s="",a="",h="potenzial";return t==="gen"?(i("Generative KI","gen"),r==="rag"?(i("+ RAG","gen"),s="Generative KI mit RAG (Wissensassistent)",a="Ein Sprachmodell, das ausschliesslich aus Ihren eigenen Dokumenten antwortet — es findet die Stelle und formuliert die Antwort, statt sie zu erfinden."):r==="guardrail"?(i("Klassische KI","classic"),s="Generative KI + Regelprüfung",a="Das Sprachmodell entwirft schnell; eine fest programmierte Regel prüft jedes Ergebnis, bevor es Geld oder Recht berührt."):(s="Generative KI",a="Ein Sprachmodell übernimmt Lesen, Schreiben, Zusammenfassen oder Übersetzen. Da Fehler leicht korrigierbar sind, reicht ein gutes Modell mit menschlicher Durchsicht.")):t==="ml"?(i("Machine Learning","ml"),r==="guardrail"?(i("Klassische KI","classic"),s="Machine Learning + Optimierung",a="Ein Modell sagt aus Ihren Daten voraus; eine deterministische Logik macht daraus eine konkrete, regelkonforme Entscheidung."):(s="Machine Learning",a="Aus Ihren historischen Daten lernt ein Modell, was als Nächstes kommt. Hier ist ein schlankes Modell genauer und günstiger als ein Sprachmodell.")):t==="classic"?(i("Klassische KI","classic"),s="Klassische KI — Regeln & Optimierung",a="Wenn die Regeln bekannt sind und das Ergebnis garantiert korrekt sein muss, ist eine fest programmierte Logik der richtige und oft günstigste Weg. Kein Training, voll auditierbar."):(h="agenten",n==="workflow"?(i("Workflow-Agent","agent"),s="Workflow-Agent (prozedural)",a="Eine feste Abfolge von Schritten, bei der das Modell die unscharfen Teile übernimmt. Testbar, auditierbar und günstig — das Arbeitspferd echter KMU-Automatisierung."):n==="autonomous"?(i("Autonomer Agent","agent"),s="Autonomer Agent (Expertendienst)",a="Mit einem Ziel plant der Agent seine Schritte selbst. Mächtig — aber er braucht Leitplanken und menschliche Freigabe. Die meisten starten eine Stufe tiefer."):n==="single"?(i("Tool-Agent","agent"),s="Tool-erweiterter Agent",a="Oft reicht das Einfachste: ein Modell, das eine klar definierte Aktion auslöst. Am günstigsten und zuverlässigsten."):(h="potenzial",i("Noch offen","agent"),s="Zuerst Klarheit, dann Technologie",a="Wenn der Ablauf noc

1h nicht klar ist, ist der ehrliche erste Schritt eine strukturierte Standortbestimmung."),r==="guardrail"&&n!=="unclear"&&(i("+ Regel-Leitplanke","classic"),a+=at)),n==="unclear"&&t!=="agent"&&(h="potenzial",a+=rt),{chips:o,title:s,body:a,route:h,chipKeys:o.map(x=>x.key)}},it=" Die belastbare Wahl treffen wir im Gespräch, mit Blick auf Ihre Systeme und Compliance.",ot={gen:{example:"Ein Treuhandbüro lässt Standard-Mandantenanfragen vom Modell vorbeantworten; die Sachbearbeiterin gibt frei und versendet.",implementation:"1) Wissensquelle festlegen (Vorlagen, Dokumente) → 2) Modell und Prompts einrichten → 3) menschliche Freigabe einbauen → 4) Qualität messen und nachschärfen."},ml:{example:"Ein Grosshändler prognostiziert den Wochenbedarf je Artikel und senkt damit Fehlbestände und Kapitalbindung.",implementation:"1) historische Daten sichten → 2) Zielgrösse definieren → 3) Modell trainieren und validieren → 4) ins Reporting einbinden und Drift überwachen."},classic:{example:"Ein Angebotstool prüft jeden Rabatt automatisch gegen die hinterlegte Preis- und Kompetenzmatrix, bevor das Angebot rausgeht.",implementation:"1) Regeln mit dem Fachbereich erfassen → 2) als Logik abbilden → 3) in den Ablauf einbauen → 4) Ausnahmen protokollieren."},"agent-tool":{example:"Ein Bot beantwortet «Wo ist meine Bestellung?», indem er die Versand-API abfragt und den Status meldet.",implementation:"1) die eine Aktion definieren → 2) Schnittstelle anbinden → 3) Antwortlogik testen → 4) live schalten."},"agent-workflow":{example:"Eingehende Lieferantenrechnungen werden erfasst, gegen die Bestellung geprüft und verbucht; Ausnahmen gehen an einen Menschen.",implementation:"1) Ablauf Schritt für Schritt festhalten → 2) Plattform wählen → 3) Agent vorbauen → 4) Mensch-Kontrollpunkt und Übergabe."},"agent-auto":{example:"Ein Rechercheagent profiliert neue Leads aus mehreren Quellen und liefert dem Vertrieb ein kurzes Brief

1ing.",implementation:"1) Ziel und Leitplanken definieren → 2) Quellen und Werkzeuge anbinden → 3) Agent vorbauen → 4) menschliche Prüfung und enge Überwachung."}},ct={ms:"Im Microsoft-Umfeld könnte sich eine Lösung mit Copilot Studio anbieten — tief in M365, Teams und Ihre Berechtigungen integriert.",google:"In einem Google-Workspace-Umfeld läge vielleicht Gemini Enterprise / Workspace Studio nahe.",salesforce:"Wenn Salesforce Ihr zentrales CRM ist, käme womöglich Agentforce in Frage — direkt im CRM eingebettet.",swiss:"Wenn Schweizer Hosting und Datenhoheit zählen, könnte eine Open-Source-Richtung wie n8n passen — selbst hostbar, im eigenen Rechenzentrum.",multicloud:"Bei vielen Cloud-Diensten und schnellem Start böten sich vielleicht Make oder Zapier an.",unklar:"Welche Plattform passt, hängt von Ihrer IT-Landschaft und Ihren Compliance-Vorgaben ab — genau das klären wir zuerst."},dt=t=>t.core!=="agent"?t.core??"gen":t.shape==="autonomous"?"agent-auto":t.shape==="single"?"agent-tool":"agent-workflow",pe=t=>{const r=dt(t),{example:n,implementation:o}=ot[r],i={example:n,implementation:o};return t.core==="agent"&&t.it&&(i.platform=ct[t.it]+it),i},fe={step:"entry",answers:{}},xt=t=>t.core==="agent"?{step:"it",answers:t}:re(t),re=t=>({step:"result",answers:t,recommendation:lt({core:t.core,signal:t.signal,shape:t.shape})}),ut=(t,r)=>{switch(r.type){case"submitFreitext":return{step:"classify",answers:{...t.answers,freitext:r.text}};case"pickExample":return{step:"signal",answers:{...t.answers,core:r.value,freitext:r.label}};case"answerCore":return{step:"signal",answers:{...t.answers,core:r.value}};case"answerSignal":return{step:"shape",answers:{...t.answers,signal:r.value}};case"answerShape":return xt({...t.answers,shape:r.value});case"answerIt":return re({...t.answers,it:r.value});case"skipIt":return re({...t.answers});case"submitEmail":return{...t,step:"detail",detail:pe(t.answers)};case"restart":return fe;default:return t}},be=[{label:"Wir wollen Angebote & E-Mails schneller schreiben",value:"gen"},{label:"Wir ertrinken in wiederkehrenden Anfragen und Prozessen",value:"agent"},{label:"Wir wollen aus unseren Daten etwas vorhersagen",value:"ml"},{label:"Wir müssen feste Regeln korrekt und prüfbar anwenden",value:"classic"}],ht=[{label:"Texte, Sprache oder Inhalte verstehen oder erzeugen",value:"gen"},{label:"Aus unseren Daten etwas vorhersagen oder bewerten",value:"ml"},{label:"Einen mehrstufigen Prozess automatisieren",value:"agent"},{label:"Komplexe Regeln anwenden oder Entscheidungen optimieren",value:"classic"}],mt=[{label:"Eine falsche Antwort kostet Geld oder hat rechtliche Folgen",value:"guardrail"},{label:"Die Antwort muss aus unseren eigenen Dokumenten kommen",value:"rag"},{label:"Wir haben viele historische Daten zum Thema",value:"data"},{label:"Fehler sind leicht zu erkennen und zu korrigieren",value:"lowrisk"}],gt=[{label:"Eine Frage, eine Antwort",value:"single"},{label:"Mehrere feste Schritte nacheinander",value:"workflow"},{label:"Die Schritte hängen davon ab, was unterwegs herauskommt",value:"autonomous"},{label:"Das ist noch nicht klar",value:"unclear"}],pt=[{label:"Microsoft 365 — Teams, SharePoint, Outlook",value:"ms"},{label:"Google Workspace",value:"google"},{label:"Salesforce als zentrales CRM",value:"salesforce"},{label:"Schweizer Hosting / Datenhoheit ist uns wichtig",value:"swiss"},{label:"Viele verschiedene Cloud-Tools",value:"multicloud"},{label:"Noch offen / weiss ich nicht",value:"unklar"}],ft=t=>{const r=t.recommendation,n=pe(t.answers),o=n.platform?`${n.example}
2
3${n.platform}`:n.example,i={approaches:r.chipKeys,headline:r.title,rationale:r.body,example:o,route:r.route},{core:s,signal:a,shape:h,it:x}=t.answers;return{recommendation:i,detectedAnswers:s!==void 0||a!==void 0||h!==void 0||x!==void 0?{core:s,signal:a,shape:h,it:x}:void 0}},bt={potenzial:"KI-Potenzialanalyse",agenten:"KI-Agenten-Workshop"},jt="quatico.com/dienstleistungen/ki-technologie",yt=t=>["KI-Ansatz-Empfehlung (Quatico)","",`Ansatz: ${t.chips.map(o=>o.label).join(" + ")}`,`Einschätzung: ${t.title}`,t.body,"",`Nächster Schritt: ${bt[t.route]}`,jt].join(`
4`),wt=({intro:t,notice:r})=>

4{const[n,o]=d.useReducer(ut,fe),[i,s]=d.useState([]),[a,h]=d.useState(""),[x,f]=d.useState(""),[b,m]=d.useState(!1),[c,p]=d.useState(!1),[v,N]=d.useState(!1),[A,S]=d.useState(!1),B=d.useRef(null),j=d.useRef(null);se(j,a);const y=d.useCallback(l=>s(R=>[...R,l]),[]);d.useEffect(()=>{var l;(l=B.current)==null||l.scrollTo({top:B.current.scrollHeight})},[i,n.step]);const E=l=>o(l),O=()=>{const l=a.trim();l.length<3||(y({who:"user",text:l}),w("ki_berater_freitext",{text:l,via:"freitext"}),y({who:"bot",text:F.classify}),E({type:"submitFreitext",text:l}),h(""))},G=l=>{y({who:"user",text:l.label}),w("ki_berater_freitext",{text:l.label,via:"beispiel"}),w("ki_berater_answer",{step:"core",value:l.value}),y({who:"bot",text:F.afterChip}),y({who:"bot",text:F.signal}),E({type:"pickExample",value:l.value,label:l.label})},D=l=>{y({who:"user",text:l.label}),w("ki_berater_answer",{step:"core",value:l.value}),y({who:"bot",text:F.signal}),E({type:"answerCore",value:l.value})},z=l=>{y({who:"user",text:l.label}),w("ki_berater_answer",{step:"signal",value:l.value}),y({who:"bot",text:F.shape}),E({type:"answerSignal",value:l.value})},g=l=>{y({who:"user",text:l.label}),w("ki_berater_answer",{step:"shape",value:l.value}),n.answers.core==="agent"&&y({who:"bot",text:F.it}),E({type:"answerShape",value:l.value})},Q=l=>{y({who:"user",text:l.label}),w("ki_berater_answer",{step:"it",value:l.value}),E({type:"answerIt",value:l.value})},V=()=>{w("ki_berater_answer",{step:"it",value:"skip"}),E({type:"skipIt"})},H=async()=>{if(c)return;if(!de(x)){m(!0);return}const l=n.recommendation;p(!0);try{await ue({email:x,...ft(n),messages:void 0}),w("email_lead_berater",{technology:(l==null?void 0:l.chipKeys.join("+"))??"",route:(l==null?void 0:l.route)??"",it:n.answers.it??"none"}),y({who:"bot",text:"Danke! Ich habe Ihnen die ausführliche Einschätzung an «"+x+"» geschickt — schauen Sie bei Bedarf auch im Spam-Ordner nach."}),N(!1),E({type:"submitEmail"})}catch{y({who:"bot",text:"Das hat leider nicht geklappt — bitte erneut senden oder direkt ein Erstgespräch."}),N(!0)}finally{p(!1)}},T=()=>{s([{who:"bot",text:F.intro}]),f(""),m(!1),N(!1),E({type:"restart"})},M=d.useRef(),Y=async()=>{const l=n.recommendation;l&&(await navigator.clipboard.writeText(yt(l)),w("ki_berater_result_copied",{technology:l.chipKeys.join("+"),route:l.route}),S(!0),clearTimeout(M.current),M.current=setTimeout(()=>S(!1),2500))};d.useEffect(()=>()=>clearTimeout(M.current),[]),d.useEffect(()=>{s([{who:"bot",text:F.intro}])},[]);const P=d.useRef(!1);d.useEffect(()=>{n.step==="result"&&n.recommendation&&!P.current&&(P.current=!0,w("ki_berater_result",{technology:n.recommendation.chipKeys.join("+"),route:n.recommendation.route})),n.step!=="result"&&(P.current=!1)},[n.step,n.recommendation]);const _=d.useRef(!1);d.useEffect(()=>{var l;n.step==="detail"&&((l=n.detail)!=null&&l.platform)&&n.answers.it&&!_.current&&(_.current=!0,w("ki_berater_stack",{plattform:n.answers.it})),n.step!=="detail"&&(_.current=!1)},[n.step,n.detail,n.answers.it]);const J=e.jsxs(e.Fragment,{children:[i.map((l,R)=>e.jsx(he,{turn:l,showAvatar:me(i,R)},R)),(n.step==="result"||n.step==="detail")&&n.recommendation&&e.jsxs("div",{className:"max-w-full self-start overflow-hidden rounded-2xl border border-gray-200 bg-white",children:[e.jsxs("div",{className:"bg-[#EDE7F4] px-4 py-3.5",children:[e.jsx("div",{className:"mb-2 flex flex-wrap gap-1.5",children:n.recommendation.chips.map((l,R)=>e.jsx("span",{className:"rounded-md px-2.5 py-1 text-[0.66rem] font-bold tracking-wide",style:U(l.key),children:l.label},R))}),e.jsx("h4",{className:"text-[1.05rem] font-bold text-text-primary",children:n.recommendation.title})]}),e.jsx("p",{className:"px-4 py-3.5 text-[0.92rem] leading-relaxed text-gray-600",children:n.recommendation.body}),e.jsx("p",{className:"px-4 text-[0.74rem] text-gray-400",children:"Grobe Ersteinschätzung — die belastbare Empfehlung entsteht im Gespräch, mit Blick auf Ihre Daten und Compliance."}),e.jsxs("div",{className:"px-4 pb-3.5 pt-2.5",children:[e.jsxs("button",{type:"button",onClick:()=>void Y(),className:"inline-flex items-center gap-1.5 rounded-md border border-gray-200 px-2.5 py-1.5 text-[0.78rem] font-semibold text-text-primary transition-colors hover:bg-gray-50",children:[A?e.jsx(Ne,{className:"h-3.5 w-3.5"}):e.jsx(Ee,{className:"h-3.5 w-3.5"}),A?"Kopiert":"Als internes Briefing kopieren"]}),e.jsx("span",{className:"sr-only",role:"status","aria-live":"polite",children:A?"In Zwischenablage kopiert":""})]})]}),n.step==="result"&&e.jsxs("div",{className:"max-w-[90%] self-start rounded-2xl rounded-bl-sm border border-gray-200 bg-white px-3.5 py-2.5 text-[0.95rem] leading-snug text-text-primary",children:["Möchten Sie die ",e.jsx("b",{children:"ausführliche Einschätzung"})," — mit Beispiel, grobem Umsetzungsweg und einem möglichen Plattform-Ansatz? Ich schicke sie Ihnen zu."]}),n.step==="detail"&&n.detail&&e.jsxs("div",{className:"max-w-full self

4-start overflow-hidden rounded-2xl border border-gray-200 bg-white",children:[e.jsx("div",{className:"border-b border-gray-100 bg-[#EDE7F4] px-4 py-3",children:e.jsx("h4",{className:"text-[1rem] font-bold text-text-primary",children:"Ausführliche Einschätzung"})}),e.jsxs("div",{className:"flex flex-col gap-3.5 px-4 py-4",children:[e.jsx(ae,{label:"Beispiel aus dem KMU-Alltag",text:n.detail.example}),e.jsx(ae,{label:"Grober Umsetzungsweg",text:n.detail.implementation}),n.detail.platform&&e.jsxs("div",{className:"rounded-lg bg-[#EAE3F4] px-3.5 py-3",children:[e.jsx("span",{className:"mb-1 block text-[0.62rem] font-bold uppercase tracking-[0.1em] text-[#6B4E9E]",children:"Möglicher Plattform-Ansatz"}),e.jsx("p",{className:"text-[0.9rem] leading-relaxed text-[#3c1d64]",children:n.detail.platform})]})]})]})]}),ee=e.jsxs(e.Fragment,{children:[n.step==="entry"&&e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-end gap-2",children:[e.jsx("textarea",{ref:j,value:a,onChange:l=>h(l.target.value),onKeyDown:l=>ne(l,O),placeholder:"z. B. «Wir wollen Kundenanfragen schneller und konsistenter beantworten»",className:"min-h-[56px] max-h-[160px] flex-1 resize-none overflow-y-auto rounded-xl border border-gray-200 px-3.5 py-3 text-[0.95rem] focus:outline focus:outline-2 focus:outline-offset-1 focus:outline-[#6B4E9E]"}),e.jsx("button",{type:"button","aria-label":"Senden",onClick:O,className:"flex h-11 w-11 flex-none items-center justify-center rounded-full bg-[#3c1d64] text-white transition hover:bg-[#2a1448]",children:e.jsx(te,{className:"h-5 w-5","aria-hidden":"true"})})]}),e.jsxs("span",{className:"mt-2 block text-[0.78rem] text-gray-400",children:["Frei beschreiben — oder ein Beispiel wählen.",e.jsx("span",{className:"ml-1 hidden md:inline",children:"Enter ↵ sendet · Shift+Enter = neue Zeile"})]}),e.jsx("div",{className:"mt-3.5 text-[0.7rem] font-semibold uppercase tracking-[0.08em] text-gray-400",children:"Beispiele"}),e.jsx("div",{className:"mt-2 flex flex-wrap gap-2",children:be.map(l=>e.jsx("button",{type:"button",onClick:()=>G(l),className:"rounded-full border border-gray-200 bg-[#F7F5FA] px-3.5 py-2 text-[0.86rem] font-medium text-text-primary transition hover:border-[#6B4E9E] hover:bg-[#EDE7F4]",children:l.label},l.value))})]}),n.step==="classify"&&e.jsx($,{options:ht,onPick:D}),n.step==="signal"&&e.jsx($,{options:mt,onPick:z}),n.step==="shape"&&e.jsx($,{options:gt,onPick:g}),n.step==="it"&&e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx($,{options:pt,onPick:Q}),e.jsx("button",{type:"button",onClick:V,className:"self-start py-1 text-[0.84rem] font-semibold text-gray-400 hover:text-gray-600",children:"Überspringen →"})]}),n.step==="result"&&e.jsxs("div",{className:"flex flex-wrap items-start gap-2",children:[e.jsx("input",{type:"email",value:x,disabled:c,onChange:l=>{f(l.target.value),b&&m(!1)},placeholder:"[email protected]","aria-label":"E-Mail",className:"min-w-[200px] flex-1 rounded-lg border border-gray-200 px-3.5 py-2.5 text-[0.95rem] focus:outline focus:outline-2 focus:outline-offset-1 focus:outline-[#6B4E9E] disabled:opacity-60"}),e.jsx("button",{type:"button",onClick:()=>void H(),disabled:c,className:"rounded-full bg-[#3c1d64] px-5 py-2.5 text-sm font-bold text-white transition hover:bg-[#2a1448] disabled:opacity-60",children:c?"Wird gesendet …":"Ausführliche Einschätzung →"}),e.jsx("span",{className:`w-full text-[0.74rem] ${b?"text-[#883A1B]":"text-gray-400"}`,children:b?"Bitte eine gültige E-Mail-Adresse eingeben.":"Wir senden Ihnen die Einschätzung zu. Kein Spam."}),v&&n.recommendation&&e.jsxs("div",{className:"flex w-full flex-wrap gap-2.5",children:[e.jsx("a",{href:n.recommendation.route==="agenten"?"/angebote/ki-agenten-workshop":"/angebote/ki-potenzialanalyse",onClick:()=>{var l;return C(((l=n.recommendation)==null?void 0:l.route)==="agenten"?"berater_cta_agenten":"berater_cta_potenzial")},className:"rounded-full bg-[#3c1d64] px-5 py-2.5 text-sm font-bold text-white transition hover:bg-[#2a1448]",children:n.recommendation.route==="agenten"?"KI-Agenten-Workshop →":"KI-Potenzialanal

4yse →"}),e.jsx("a",{href:"#kontakt",onClick:()=>C("berater_cta_erstgespraech"),className:"rounded-full border-2 border-[#3c1d64] px-5 py-2 text-sm font-bold text-[#3c1d64] transition hover:bg-[#3c1d64] hover:text-white",children:"Erstgespräch"})]}),e.jsx("button",{type:"button",onClick:T,className:"w-full self-start py-1 text-left text-[0.82rem] font-semibold text-[#6B4E9E] hover:text-[#3c1d64]",children:"↻ Neu starten"})]}),n.step==="detail"&&n.recommendation&&e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxs("div",{className:"flex flex-wrap gap-2.5",children:[e.jsx("a",{href:n.recommendation.route==="agenten"?"/angebote/ki-agenten-workshop":"/angebote/ki-potenzialanalyse",onClick:()=>{var l;return C(((l=n.recommendation)==null?void 0:l.route)==="agenten"?"berater_cta_agenten":"berater_cta_potenzial")},className:"rounded-full bg-[#3c1d64] px-5 py-2.5 text-sm font-bold text-white transition hover:bg-[#2a1448]",children:n.recommendation.route==="agenten"?"KI-Agenten-Workshop →":"KI-Potenzialanalyse →"}),e.jsx("a",{href:"#kontakt",onClick:()=>C("berater_cta_erstgespraech"),className:"rounded-full border-2 border-[#3c1d64] px-5 py-2 text-sm font-bold text-[#3c1d64] transition hover:bg-[#3c1d64] hover:text-white",children:"Erstgespräch"})]}),e.jsx("button",{type:"button",onClick:T,className:"self-start py-1 text-[0.82rem] font-semibold text-[#6B4E9E] hover:text-[#3c1d64]",children:"↻ Neu starten"})]})]});return e.jsx(ge,{intro:t,chatRef:B,transcript:J,input:ee,notice:r})},vt={classic:"Klassische KI",ml:"Machine Learning",gen:"Generative KI",agent:"Agentische KI"},q={agenten:"/angebote/ki-agenten-workshop",potenzial:"/angebote/ki-potenzialanalyse"},kt=({intro:t,onFallback:r})=>{var R;const[n,o]=d.useState([{who:"bot",text:F.intro}]),[i,s]=d.useState([]),[a,h]=d.useState(null),[x,f]=d.useState(!1),[b,m]=d.useState(""),[c,p]=d.useState(""),[v,N]=d.useState(!1),[A,S]=d.useState(!1),[B,j]=d.useState(!1),y=d.useRef(null),E=d.useRef(null),O=d.useRef(null),G=d.useRef(null);se(O,b),se(G,b);const D=d.useCallback(u=>o(k=>[...k,u]),[]);d.useEffect(()=>{const u=requestAnimationFrame(()=>{const k=y.current;if(!k)return;const I=E.current;if(I){I.scrollIntoView({behavior:"smooth",block:"start"});return}k.scrollTo({top:k.scrollHeight})});return()=>cancelAnimationFrame(u)},[n,a,x,A]),d.useEffect(()=>{var u;(a==null?void 0:a.phase)==="asking"&&!x&&window.matchMedia("(pointer: fine)").matches&&((u=G.current)==null||u.focus())},[a,x]);const z=(a==null?void 0:a.phase)==="result"&&a.recommendation,g=z?a.recommendation:void 0,Q=(g==null?void 0:g.approaches)??[],V=d.useCallback(async u=>{f(!0);const k=u.filter(I=>I.role==="assistant").length;try{const L=await Le({messages:u,roundCount:k});h(L),L.phase==="asking"&&L.nextQuestion?(s([...u,{role:"assistant",content:L.nextQuestion.prompt}]),D({who:"bot",text:L.nextQuestion.prompt})):s(u)}catch{r()}finally{f(!1)}},[r,D]),H=(u,k)=>{const I=u.trim();if(I.length<3||x)return;D({who:"user",text:I}),w("ki_berater_freitext",{text:I,via:k});const L=[...i,{role:"user",content:I}];m(""),V(L)},T=u=>{if(x)return;D({who:"user",text:u.label});const k=[...i,{role:"user",content:u.label}];V(k)},M=d.useRef(!1);d.useEffect(()=>{z&&g&&!M.current&&(M.current=!0,w("ki_berater_result",{technology:g.approaches.join("+"),route:g.route??""})),z||(M.current=!1)},[z,g]);const Y=async()=>{var u;if(!x){if(!de(c)){N(!0);return}f(!0);try{await ue({email:c,recommendation:a.recommendation,detectedAnswers:a.detectedAnswers,messages:i}),w("email_lead_berater",{technology:Q.join("+"),route:(g==null?void 0:g.route)??"",it:((u=a==null?void 0:a.detectedAnswers)==null?void 0:u.it)??"none"}),D({who:"bot",text:"Danke! Ich habe Ihnen die ausführliche Einschätzung an «"+c+"» geschickt — schauen Sie bei Bedarf auch im Spam-Ordner nach."}),j(!1),S(!0)}catch{D({who:"bot",text:"Das hat leider nicht geklappt — bitte erneut senden oder direkt ein Erstgespräch."}),j(!0)}finally{f(!1)}}},P=()=>{o([{who:"bot",text:F.intro}]),s([]),h(null),p(""),N(!1),S(!1),j(!1),m("")},_=(a==null?void 0:a.phase)==="asking"?(R=a.nextQuestion)==null?void 0:R.options:void 0,J=i.length===0&&!x&&!a,ee=e.jsxs(e.Fragment,{children:[n.map((u,k)=>e.jsx(he,{turn:u,showAvatar:me(n,k)},k)),x&&e.jsx(st,{}

4),z&&g&&!A&&e.jsxs("div",{ref:E,className:"max-w-full self-start overflow-hidden rounded-2xl border border-gray-200 bg-white",children:[e.jsxs("div",{className:"bg-[#EDE7F4] px-4 py-3.5",children:[e.jsx("div",{className:"mb-2 flex flex-wrap gap-1.5",children:Q.map(u=>e.jsx("span",{className:"rounded-md px-2.5 py-1 text-[0.66rem] font-bold tracking-wide",style:U(u),children:vt[u]},u))}),e.jsx("h4",{className:"text-[1.05rem] font-bold text-text-primary",children:g.headline})]}),e.jsxs("div",{className:"flex flex-col gap-3 px-4 py-4",children:[e.jsx(ae,{label:"Erste Einschätzung",text:g.rationale}),e.jsxs("p",{className:"text-[0.84rem] leading-relaxed text-[#6B4E9E]",children:[e.jsx("b",{children:"Per E-Mail erhalten Sie zusätzlich:"})," ein konkretes Beispiel aus Ihrem KMU-Alltag, den passenden Plattform-Ansatz",g.agentClass?" und die Begründung der Agenten-Klasse":"","."]})]})]})]}),l=e.jsxs(e.Fragment,{children:[J&&e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-end gap-2",children:[e.jsx("textarea",{ref:O,value:b,onChange:u=>m(u.target.value),onKeyDown:u=>ne(u,()=>H(b,"freitext")),placeholder:"z. B. «Wir wollen Kundenanfragen schneller und konsistenter beantworten»",className:"min-h-[56px] max-h-[160px] flex-1 resize-none overflow-y-auto rounded-xl border border-gray-200 px-3.5 py-3 text-[0.95rem] focus:outline focus:outline-2 focus:outline-offset-1 focus:outline-[#6B4E9E]"}),e.jsx("button",{type:"button","aria-label":"Senden",onClick:()=>H(b,"freitext"),className:"flex h-11 w-11 flex-none items-center justify-center rounded-full bg-[#3c1d64] text-white transition hover:bg-[#2a1448]",children:e.jsx(te,{className:"h-5 w-5","aria-hidden":"true"})})]}),e.jsxs("span",{className:"mt-2 block text-[0.78rem] text-gray-400",children:["Frei beschreiben — oder ein Beispiel wählen.",e.jsx("span",{className:"ml-1 hidden md:inline",children:"Enter ↵ sendet · Shift+Enter = neue Zeile"})]}),e.jsx("div",{className:"mt-3.5 text-[0.7rem] font-semibold uppercase tracking-[0.08em] text-gray-400",children:"Beispiele"}),e.jsx("div",{className:"mt-2 flex flex-wrap gap-2",children:be.map(u=>e.jsx("button",{type:"button",onClick:()=>H(u.label,"beispiel"),className:"rounded-full border border-gray-200 bg-[#F7F5FA] px-3.5 py-2 text-[0.86rem] font-medium text-text-primary transition hover:border-[#6B4E9E] hover:bg-[#EDE7F4]",children:u.label},u.value))})]}),!x&&(a==null?void 0:a.phase)==="asking"&&e.jsxs("div",{className:"flex flex-col gap-3",children:[_&&_.length>0&&e.jsxs(e.Fragment,{children:[e.jsx($,{options:_,onPick:T}),e.jsxs("div",{className:"flex items-center gap-3 text-[0.7rem] font-semibold uppercase tracking-[0.08em] text-gray-400",children:[e.jsx("span",{className:"h-px flex-1 bg-gray-200"}),"oder",e.jsx("span",{className:"h-px flex-1 bg-gray-200"})]})]}),e.jsxs("div",{className:"flex items-end gap-2",children:[e.jsx("textarea",{ref:G,value:b,onChange:u=>m(u.target.value),onKeyDown:u=>ne(u,()=>{const k=b.trim();k.length<1||(m(""),T({label:k}))}),placeholder:_!=null&&_.length?"Oder in eigenen Worten …":"Ihre Antwort …",className:"min-h-[48px] max-h-[160px] flex-1 resize-none overflow-y-auto rounded-xl border border-gray-200 px-3.5 py-3 text-[0.95rem] focus:outline focus:outline-2 focus:outline-offset-1 focus:outline-[#6B4E9E]"}),e.jsx("button",{type:"button","aria-label":"Senden",onClick:()=>{const u=b.trim();u.length<1||(m(""),T({label:u}))},className:"flex h-11 w-11 flex-none items-center justify-center rounded-full bg-[#3c1d64] text-white transition hover:bg-[#2a1448]",children:e.jsx(te,{className:"h-5 w-5","aria-hidden":"true"})})]})]}),z&&!A&&e.jsxs("div",{className:"flex flex-wrap items-start gap-2",children:[e.jsx("input",{type:"email",value:c,disabled:x,onChange:u=>{p(u.target.value),v&&N(!1)},placeholder:"[email protected]","aria-label":"E-Mail",className:"min-w-[200px] flex-1 rounded-lg border border-gray-200 px-3.5 py-2.5 text-[0.95rem] focus:outline focus:outline-2 focus:outline-offset-1 focus:outline-[#6B4E9E] disabled:opacity-60"}),e.jsx("button",{type:"button",onClick:()=>void Y(),disabled:x,className:"rounded-full bg-[#3c1d64] px-5 py-2.5 text-sm font-bold text-white transition hover:bg-[#2a1448] disabled:opacity-60",children:x?"Wird gesendet …":"Ausführliche Einschätzung →"}),e.jsx("span",{className:`w-full text-[0.74rem] ${v?"text-[#883A1B]":"text-gray-400"}`,children:v?"Bitte eine gültige E-Mail-Adresse eingeben.":"Wir senden Ihnen die Einschätzung zu. Kein Spam."}),B&&e.jsxs("div",{className:"flex w-full flex-wrap gap-2.5",children:[e.jsx("a",{href:(g==null?void 0:g.route)==="agenten"?q.agenten:q.potenzial,onClick:()=>C((g==null?void 0:g.route)==="agenten"?"berater_cta_agenten":"berater_cta_potenzial"),className:"rounded-full bg-[#3c1d64] px-5 py-2.5 text-sm font-bold text-white transition hover:bg-[#2a1448]",children:(g==null?void 0:g.route)==="agenten"?"KI-Agenten-Workshop →":"KI-Potenzialanal

4yse →"}),e.jsx("a",{href:"#kontakt",onClick:()=>C("berater_cta_erstgespraech"),className:"rounded-full border-2 border-[#3c1d64] px-5 py-2 text-sm font-bold text-[#3c1d64] transition hover:bg-[#3c1d64] hover:text-white",children:"Erstgespräch"})]}),e.jsx("button",{type:"button",onClick:P,className:"w-full self-start py-1 text-left text-[0.82rem] font-semibold text-[#6B4E9E] hover:text-[#3c1d64]",children:"↻ Neu starten"})]}),z&&A&&e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxs("div",{className:"flex flex-wrap gap-2.5",children:[e.jsx("a",{href:(g==null?void 0:g.route)==="agenten"?q.agenten:q.potenzial,onClick:()=>C((g==null?void 0:g.route)==="agenten"?"berater_cta_agenten":"berater_cta_potenzial"),className:"rounded-full bg-[#3c1d64] px-5 py-2.5 text-sm font-bold text-white transition hover:bg-[#2a1448]",children:(g==null?void 0:g.route)==="agenten"?"KI-Agenten-Workshop →":"KI-Potenzialanalyse →"}),e.jsx("a",{href:"#kontakt",onClick:()=>C("berater_cta_erstgespraech"),className:"rounded-full border-2 border-[#3c1d64] px-5 py-2 text-sm font-bold text-[#3c1d64] transition hover:bg-[#3c1d64] hover:text-white",children:"Erstgespräch"})]}),e.jsx("button",{type:"button",onClick:P,className:"self-start py-1 text-[0.82rem] font-semibold text-[#6B4E9E] hover:text-[#3c1d64]",children:"↻ Neu starten"})]})]});return e.jsx(ge,{intro:t,chatRef:y,transcript:ee,input:l,expanded:!!z,headState:x?"thinking":"idle"})},Nt=t=>{const[r,n]=d.useState("llm"),o=d.useCallback(()=>n("fallback"),[]);return r==="llm"?e.jsx(kt,{intro:t,onFallback:o}):e.jsx(wt,{intro:t,notice:e.jsx("p",{className:"mb-3 rounded-lg bg-[#EDE7F4] px-3.5 py-2 text-[0.78rem] text-[#3c1d64]",children:"Der Berater läuft gerade im einfachen Modus."})})},Et=[{id:"berater",label:"KI-Berater"},{id:"ansaetze",label:"Ansätze"},{id:"agenten",label:"Agenten"},{id:"angebote",label:"Angebote"},{id:"faq",label:"FAQ"},{id:"kontakt",label:"Kontakt"}],Bt=()=>{const{getPageContent:t,getSectionContent:r}

4=X(),n=Ae(),o=t("servicesKiTechnologie"),{seo:i,hero:s,faq:a}=o??{},h=r("contact",o==null?void 0:o.contact);Be({"#berater":"scroll"});const x=Me(a);if(Se({title:(i==null?void 0:i.metaTitle)||(i==null?void 0:i.title)||(s==null?void 0:s.title)||"Quatico",description:(i==null?void 0:i.metaDescription)||(s==null?void 0:s.description)||"",keywords:i==null?void 0:i.metaKeywords,ogImage:s!=null&&s.image?s.image:"/images/og-default.jpg",canonical:n.pathname,jsonLd:x.length>0?[Ce(x)]:void 0}),!o)return null;const{heroStrip:f,berater:b,approaches:m,combinations:c,agentLadder:p,offers:v,why:N,refCard:A,anchorNav:S}=o,B=Et.map(j=>{var y;return{id:j.id,label:((y=S==null?void 0:S.find(E=>E.id===j.id))==null?void 0:y.label)??j.label}});return e.jsxs(Re,{children:[e.jsx(ze,{layout:"single-column",background:"gradient",withTextOverlay:!1,badge:typeof(s==null?void 0:s.badge)=="string"?s.badge:void 0,title:s==null?void 0:s.title,subtitle:s==null?void 0:s.subtitle,description:s==null?void 0:s.description,ctaButtons:s==null?void 0:s.ctaButtons,children:e.jsx(_e,{onDark:!0,className:"absolute right-[16%] top-1/2 z-20 hidden h-[240px] w-auto -translate-y-1/2 xl:right-[20%] xl:h-[280px] lg:block"})}),f&&e.jsx(et,{items:f}),e.jsx(Ie,{items:B,colorScheme:"accent"}),e.jsx(De,{href:"/angebote",underHeader:!1}),b&&e.jsx(Nt,{...b}),m&&e.jsx(Ue,{...m}),c&&e.jsx(Qe,{...c}),p&&e.jsx(qe,{...p}),v&&e.jsx(Ze,{...v}),N&&e.jsx(Xe,{...N}),A&&e.jsx(Je,{...A}),a&&e.jsx(Ke,{...a}),h&&e.jsx(Fe,{...h})]})};export{Bt as ServiceAiTechnology,Bt as default};
5//# sourceMappingURL=ServiceAiTechnology-DWcf8lJz.js.map