https://www.chainfill.ai/_next/static/immutable/chunks/1jgzi1tpheufj.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,707556,e=>{"use strict";var t=e.i(653040),s=e.i(496445),a=e.i(882292),i=e.i(996079),l=e.i(230899),r=e.i(471737);let n={documentProcessing:{Surface:(0,a.default)(()=>e.A(146280),{loadableGenerated:{modules:[506163]},ssr:!0}),activeItem:"documents",url:"app.chainfill.ai/authenticated/inspect?id=12834",annotations:[{eyebrowKey:"capabilities.documentProcessing.ann1.eyebrow",bodyKey:"capabilities.documentProcessing.ann1.body",position:{card:{top:90,left:-28},line:{top:122,left:110,width:110},dot:{top:116,left:218}}},{eyebrowKey:"capabilities.documentProcessing.ann2.eyebrow",bodyKey:"capabilities.documentProcessing.ann2.body",position:{card:{top:600,left:-32},line:{top:630,left:110,width:100},dot:{top:624,left:208}}},{eyebrowKey:"capabilities.documentProcessing.ann3.eyebrow",bodyKey:"capabilities.documentProcessing.ann3.body",variant:"blue",position:{card:{top:50,right:0},line:{top:78,right:380,width:60},dot:{top:72,right:376}}},{eyebrowKey:"capabilities.documentProcessing.ann4.eyebrow",bodyKey:"capabilities.documentProcessing.ann4.body",variant:"blue",position:{card:{top:250,right:-32},line:{top:280,right:230,width:60},dot:{top:274,right:226}}}]},emailAutomation:{Surface:(0,a.default)(()=>e.A(530739),{loadableGenerated:{modules:[30535]},ssr:!0}),activeItem:"ai-hub",url:"app.chainfill.ai/authenticated/ai-hub/email-agent/booking-agent",annotations:[{eyebrowKey:"capabilities.emailAutomation.ann1.eyebrow",bodyKey:"capabilities.emailAutomation.ann1.body",position:{card:{top:200,left:-32},line:{top:230,left:200,width:70},dot:{top:224,left:196}}},{eyebrowKey:"capabilities.emailAutomation.ann2.eyebrow",bodyKey:"capabilities.emailAutomation.ann2.body",variant:"blue",position:{card:{top:460,right:-32},line:{top:490,right:200,width:70},dot:{top:484,right:196}}},{eyebrowKey:"capabilities.emailAutomation.ann3.eyebrow",bodyKey:"capabilities.emailAutomation.ann3.body",position:{card:{top:700,right:-32},line:{top:730,right:200,width:60},dot:{top:724,right:196}}}]},selfLearningAi:{Surface:(0,a.default)(()=>e.A(281863),{loadableGenerated:{modules:[770584]},ssr:!0}),activeItem:"memory",url:"app.chainfill.ai/authenticated/memory#overview",annotations:[{eyebrowKey:"capabilities.selfLearningAi.ann1.eyebrow",bodyKey:"capabilities.selfLearningAi.ann1.body",variant:"blue",position:{card:{top:100,right:-32},line:{top:130,right:200,width:70},dot:{top:124,right:196}}},{eyebrowKey:"capabilities.selfLearningAi.ann2.eyebrow",bodyKey:"capabilities.selfLearningAi.ann2.body",position:{card:{top:280,right:-32},line:{top:310,right:200,width:70},dot:{top:304,right:196}}},{eyebrowKey:"capabilities.selfLearningAi.ann3.eyebrow",bodyKey:"capabilities.selfLearningAi.ann3.body",variant:"blue",position:{card:{top:480,left:-28},line:{top:510,left:200,width:70},dot:{top:504,left:196}}}]},systemIntegration:{Surface:(0,a.default)(()=>e.A(869072),{loadableGenerated:{modules:[513256]},ssr:!0}),activeItem:"settings",url:"app.chainfill.ai/authenticated/settings",annotations:[{eyebrowKey:"capabilities.systemIntegration.ann1.eyebrow",bodyKey:"capabilities.systemIntegration.ann1.body",position:{card:{top:130,right:-28},line:{top:160,right:200,width:60},dot:{top:154,right:196}}},{eyebrowKey:"capabilities.systemIntegration.ann2.eyebrow",bodyKey:"capabilities.systemIntegration.ann2.body",variant:"blue",position:{card:{top:350,right:-28},line:{top:380,right:200,width:60},dot:{top:374,right:196}}},{eyebrowKey:"capabilities.systemIntegration.ann3.eyebrow",bodyKey:"capabilities.systemIntegration.ann3.body",position:{card:{top:540,left:-28},line:{top:570,left:200,width:60},dot:{top:564,left:196}}}]},workflowAutomation:{Surface:(0,a.default)(()=>e.A(883646),{loadableGenerated:{modules:[3924]},ssr:!0}),activeItem:"ai-hub",url:"app.chainfill.ai/authenticated/ai-hub/workflows/booking-pipeline",annotations:[{eyebrowKey:"capabilities.workflowAutomation.ann1.eyebrow",bodyKey:"capabilities.workflowAutomation.ann1.body",position:{card:{top:80,right:-32},line:{top:110,right:100,width:80},dot:{top:104,right:96}}},{eyebrowKey:"capabilities.workflowAutomation.ann2.eyebrow",bodyKey:"capabilities.workflowAutomation.ann2.body",variant:"blue",position:{card:{top:360,left:-32}

1,line:{top:390,left:200,width:60},dot:{top:384,left:196}}},{eyebrowKey:"capabilities.workflowAutomation.ann3.eyebrow",bodyKey:"capabilities.workflowAutomation.ann3.body",position:{card:{top:580,right:-28},line:{top:610,right:150,width:60},dot:{top:604,right:146}}}]}};e.s(["default",0,function({camelKey:e="documentProcessing"}){let a=(0,s.useTranslations)("productPage"),{Surface:o,activeItem:d,url:c,annotations:x}=n[e]??n.documentProcessing,{ref:m,isVisible:h}=(0,r.useScrollReveal)();return(0,t.jsx)("section",{ref:m,"aria-label":a("subpage.capabilitiesTitle"),className:"bg-off-white",children:(0,t.jsxs)("div",{className:`max-w-[1280px] mx-auto px-4 sm:px-6 lg:px-12 py-16 sm:py-20 lg:py-28 transition-[opacity,transform] duration-700 ${h?"opacity-100 translate-y-0":"opacity-0 translate-y-5"}`,children:[(0,t.jsxs)("div",{className:"grid lg:grid-cols-[1.4fr_1fr] gap-12 lg:gap-16 items-end mb-12 lg:mb-16",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"block text-[12px] font-semibold text-asphalt/60 uppercase tracking-[0.16em] mb-4",children:a("subpage.capabilitiesTitle")}),(0,t.jsx)("h2",{className:"marketing-h2 text-asphalt max-w-[560px]",children:a(`capabilities.${e}.headline`)})]}),(0,t.jsx)("p",{className:"marketing-body text-asphalt/75 max-w-[460px]",children:a(`capabilities.${e}.intro`)})]}),(0,t.jsxs)("div",{className:"relative max-w-full",children:[x.map((e,s)=>

1(0,t.jsx)(l.default,{index:s,eyebrow:a(e.eyebrowKey),body:a(e.bodyKey),position:e.position,variant:e.variant},s)),(0,t.jsx)(i.default,{activeItem:d,url:c,children:(0,t.jsx)(o,{})})]})]})})}])},311414,e=>{"use strict";var t=e.i(653040),s=e.i(496445),a=e.i(191419),i=e.i(924392),l=e.i(421172),r=e.i(252512),n=e.i(800062),o=e.i(670856),d=e.i(629126),c=e.i(245680),x=e.i(391767),m=e.i(249202),h=e.i(398468),p=e.i(85916),b=e.i(7178),u=e.i(431305),g=e.i(316024),f=e.i(712452),w=e.i(97197),j=e.i(939257),y=e.i(472325),v=e.i(516632),N=e.i(567343);let k={blue:{bg:"bg-cf-blue",border:"border-cf-blue/20",text:"text-cf-blue",dot:"bg-cf-blue",soft:"bg-cf-blue/10"},orange:{bg:"bg-signal-orange",border:"border-signal-orange/25",text:"text-signal-orange",dot:"bg-signal-orange",soft:"bg-signal-orange/10"},green:{bg:"bg-emerald-500",border:"border-emerald-500/20",text:"text-emerald-600",dot:"bg-emerald-500",soft:"bg-emerald-500/10"},red:{bg:"bg-cargo-red",border:"border-cargo-red/20",text:"text-cargo-red",dot:"bg-cargo-red",soft:"bg-cargo-red/10"},slate:{bg:"bg-slate-300",border:"border-slate-200",text:"text-slate-500",dot:"bg-slate-300",soft:"bg-slate-100"}},_={document:{section:"Documents",title:"Document dashboard",search:"Search shipment or invoice",tabs:["New","Approved","Exceptions"],rows:[{name:"CMR-940.pdf",meta:"Transport order",status:"Ready",tone:"green"},{name:"invoice-1284.pdf",meta:"3 fields checked",status:"Review",tone:"orange"},{name:"packing-list.xlsx",meta:"Matched to client",status:"Exported",tone:"blue"}],inspect:"Inspect",preview:"Document preview",fields:["Carrier","Reference","Weight"],action:"Approve and export"},email:{section:"Email Agent",title:"Inbox automation",search:"Search mailbox",inbox:["Booking request","Rate question","ETA update"],classifier:"Intent detected",intent:"Booking",priority:"High priority",draft:"Draft reply",action:"Send draft"},learning:{section:"AI Training",title:"Learning loop",search:"Search corrections",correction:"User correction",before:"B/L number",after:"Booking reference",memory:["Supplier rule","Field memory","Few-shot example"],accuracy:"Accuracy trend",applied:"Applied to next run"},integration:{section:"System Validation",title:"Validation and API mapping",search:"Search tables",table:"Customer masterdata",columns:["Client","Address","VAT"],mapping:"Label mapping",api:"API output",payload:["reference","carrier","status"],action:"Synced to TMS/WMS"},workflow:{section:"AI Hub",title:"Workflow builder",search:"Search workflows",no

1des:["Inbox","Extract","Validate","Approve","Export"],config:"Node settings",rules:["Confidence > 98%","Route exceptions","Export JSON"],action:"Production version live"}},A={document:{section:"Documenten",title:"Documentdashboard",search:"Zoek zending of factuur",tabs:["Nieuw","Goedgekeurd","Uitzonderingen"],rows:[{name:"CMR-940.pdf",meta:"Transportorder",status:"Klaar",tone:"green"},{name:"factuur-1284.pdf",meta:"3 velden gecheckt",status:"Controle",tone:"orange"},{name:"paklijst.xlsx",meta:"Klant gematcht",status:"Geexporteerd",tone:"blue"}],inspect:"Inspect",preview:"Documentpreview",fields:["Vervoerder","Referentie","Gewicht"],action:"Goedkeuren en exporteren"},email:{section:"E-mailagent",title:"Inboxautomatisering",search:"Zoek mailbox",inbox:["Boekingsaanvraag","Tariefvraag","ETA update"],classifier:"Intent herkend",intent:"Boeking",priority:"Hoge prioriteit",draft:"Antwoordconcept",action:"Concept verzenden"},learning:{section:"AI training",title:"Leerloop",search:"Zoek correcties",correction:"Correctie gebruiker",before:"B/L nummer",after:"Boekingsreferentie",memory:["Leveranciersregel","Veldgeheugen","Voorbeeld"],accuracy:"Nauwkeurigheid",applied:"Toegepast op volgende run"},integration:{section:"Systeemvalidatie",title:"Validatie en API mapping",search:"Zoek tabellen",table:"Klantmasterdata",columns:["Klant","Adres","BTW"],mapping:"Labelmapping",api:"API output",payload:["referentie","vervoerder","status"],action:"Gesynct naar TMS/WMS"},workflow:{section:"AI Hub",title:"Workflowbuilder",search:"Zoek workflows",no

1des:["Inbox","Extractie","Validatie","Goedkeur","Export"],config:"Node instellingen",rules:["Confidence > 98%","Route uitzonderingen","Exporteer JSON"],action:"Productieversie live"}};function S(){return(0,a.useLocale)().startsWith("nl")?A:_}function I({title:e,children:s,className:a=""}){return(0,t.jsxs)("div",{className:`rounded-2xl border border-white/70 bg-white/80 p-3 shadow-[0_14px_42px_rgba(12,29,33,0.08)] backdrop-blur-xl ${a}`,children:[e?(0,t.jsxs)("div",{className:"mb-3 flex items-center justify-between gap-3",children:[(0,t.jsx)("div",{className:"min-w-0 truncate font-body text-[10px] font-semibold uppercase tracking-[0.14em] text-slate-500",children:e}),(0,t.jsx)("div",{className:"h-2 w-2 shrink-0 rounded-full bg-cf-blue shadow-[0_0_14px_rgba(13,114,206,0.6)]"})]}):null,s]})}function $({icon:e,tone:s="blue"}){return(0,t.jsx)("div",{className:`flex h-8 w-8 shrink-0 items-center justify-center rounded-xl border bg-white text-cf-blue shadow-sm ${k[s].border}`,children:(0,t.jsx)(e,{className:"h-4 w-4","aria-hidden":!0})})}function C({icon:e,className:s=""}){return(0,t.jsx)("span",{className:`inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-lg border border-cf-blue/15 bg-white text-cf-blue shadow-sm ${s}`,children:(0,t.jsx)(e,{className:"h-3.5 w-3.5","aria-hidden":!0})})}function K({label:e,tone:s="blue"}){return(0,t.jsxs)("span",{className:`inline-flex shrink-0 items-center gap-1.5 rounded-full px-2 py-1 font-body text-[9px] font-semibold ${k[s].soft} ${k[s].text}`,children:[(0,t.jsx)("span",{className:`h-1.5 w-1.5 rounded-full ${k[s].dot}`}),e]})}function L({className:e="w-full",tone:s="slate"}){return(0,t.jsx)("div",{className:`h-1.5 rounded-full ${"slate"===s?"bg-slate-200":k[s].bg} ${e}`})}function T({label:e}){return(0,t.jsxs)("div",{className:"hidden min-w-0 items-center gap-2 rounded-xl border border-slate-100 bg-slate-50/80 px-3 py-2 sm:flex",children:[(0,t.jsx)(C,{icon:g.Search,className:"h-5 w-5 rounded-md"}),(0,t.jsx)("span",{className:"truncate font-body text-[10px] text-slate-400",children:e})]})}function R({active:e}){let s=[{variant:"document-processing",icon:b.LayoutDashboard},{variant:"email-automation",icon:u.Mail},{variant:"self-learning-ai",icon:o.Brain},{variant:"system-integration",icon:c.Database},{variant:"workflow-automation",icon:h.GitBranch}];return(0,t.jsxs)("div",{className:"flex w-12 shrink-0 flex-col items-center gap-2 border-r border-slate-100 bg-slate-50/90 px-2 py-3",children:[(0,t.jsx)("div",{className:"mb-1 h-8 w-8 rounded-xl border border-cf-blue/15 bg-white bg-contain bg-center bg-no-repeat shadow-sm",style:{backgroundImage:'url("/marketing/v2/brandmark-blue.webp")'}}),s.map(({variant:s,icon:a})=>{let i=s===e;return(0,t.jsx)("div",{className:`flex h-8 w-8 items-center justify-center rounded-xl border border-cf-blue/15 bg-white text-cf-blue shadow-sm transition-colors ${i?"ring-1 ring-cf-blue/25":"opacity-70"}`,children:(0,t.jsx)(a,{className:"h-4 w-4","aria-hidden":!0})},s)})]})}function P({active:e,section:s,title:a,search:i,children:l}){return(0,t.jsx)("div",{"aria-hidden":"true",className:"relative h-full min-h-[360px] w-full overflow-hidden rounded-3xl p-3 sm:min-h-[430px] sm:p-4 lg:min-h-0",style:{backgroundImage:'url("/marketing/v2/howitworks/visual-placeholder.webp")',backgroundPosition:"center",backgroundSize:"cover"},children:(0,t.jsxs)("div",{className:"relative flex h-full min-h-[336px] overflow-hidden rounded-[1.45rem] border border-white/75 bg-white/75 shadow-[0_22px_70px_rgba(12,29,33,0.12)] backdrop-blur-2xl sm:min-h-[398px] lg:min-h-0",children:[(0,t.jsx)(R,{active:e}),(0,t.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between gap-3 border-b border-slate-100 px-4 py-3",children:[(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsx)("div",{className:"font-body text-[10px] font-semibold uppercase tracking-[0.16em] text-cf-blue",children:s}),(0,t.jsx)("div",{className:"truncate font-heading text-[18px] leading-tight text-asphalt sm:text-[22px]",children:a})]}),(0,t.jsx)(T,{label:i})]}),(0,t.jsx)("div",{className:"min-h-0 flex-1 p-3 sm:p-4",children:l})]})]})})}function M(){let e=S().document;return(0,t.jsx)(P,{active:"document-processing",section:e.section,title:e.title,search:e.search,children:(0,t.jsxs)("div",{className:"grid h-full grid-cols-1 gap-3 lg:grid-cols-[1.08fr_0.92fr]",children:[(0,t.jsxs)(I,{className:"min-h-0",children:[(0,t.jsx)("div",{className:"mb-3 flex flex-wrap gap-1.5",children:e.tabs.map((e,s)=>(0,t.jsx)("span",{className:`rounded-full px-2.5 py-1 font-body text-[10px] font-semibold ${0===s?"bg-cf-blue text-white":"bg-slate-100 text-slate-500"}`,children:e},e))}),(0,t.jsx)("div",{className:"space-y-2",children:e.rows.map(e=>(0,t.jsxs)("div",{className:"flex items-center gap-3 rounded-2xl border border-slate-100 bg-white px-3 py-2.5 shadow-sm",children:[(0,t.jsx)("span",{className:"h-3.5 w-3.5 shrink-0 rounded border border-slate-300 bg-white shadow-inner"}),(0,t.jsx)($,{icon:m.FileText,tone:e.tone}),(0,t.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,t.jsx)("div",{className:"truncate font-body text-[11px] font-semibold text-asphalt",children:e.name}),(0,t.jsx)("div",{className:"truncate font-body text-[9px] text-slate-500",children:e.meta})]}),(0,t.jsx)(K,{label:e.status,tone:e.tone})]},e.name))})]}),(0,t.jsxs)(I,{title:e.inspect,className:"hidden min-h-0 lg:block",children:[(0,t.jsxs)("div",{className:"rounded-2xl border border-slate-100 bg-slate-50 p-3",children:[(0,t.jsxs)("div",{className:"mb-2 flex items-center gap-2",children:[(0,t.jsx)(C,{icon:x.FileCheck2}),(0,t.jsx)("span",{className:"font-body text-[10px] font-semibold text-slate-600",children:e.preview})]}),(0,t.jsxs)("div",{className:"space-y-1.5",children:[(0,t.jsx)(L,{className:"w-full"}),(0,t.jsx)(L,{className:"w-4/5"}),(0,t.jsx)(L,{className:"w-5/6"})]})]}),(0,t.jsx)("div",{className:"mt-3 space-y-2",children:e.fields.map((e,s)=>(0,t.jsxs)("div",{className:"rounded-2xl bg-white px-3 py-2 shadow-sm",children:[(0,t.jsxs)("div",{className:"mb-1 flex items-center justify-between gap-2",children:[(0,t.jsx)("span",{className:"font-body text-[10px] font-semibold text-asphalt",children:e}),(0,t.jsx)(C,{icon:d.CheckCircle2,className:"h-5 w-5 rounded-md"})]}),(0,t.jsx)(L,{className:1===s?"w-3/5":"w-4/5",tone:1===s?"orange":"green"})]},e))}),(0,t.jsx)("div",{className:"mt-3 rounded-2xl bg-cf-blue px-3 py-2 text-center font-body text-[10px] font-semibold text-white shadow-[0_12px_28px_rgba(13,114,206,0.28)]",children:e.action})]})]})})}function B(){let e=S().email;return(0,t.jsx)(P,{active:"email-automation",section:e.section,title:e.title,search:e.search,children:(0,t.jsxs)("div",{className:"grid h-full grid-cols-1 gap-3 lg:grid-cols-[0.95fr_1.05fr]",children:[(0,t.jsx)(I,{title:"Inbox",className:"min-h-0",children:(0,t.jsx)("div",{className:"space-y-2",children:e.inbox.map((e,s)=>(0,t.jsxs)("div",{className:"rounded-2xl border border-slate-100 bg-white p-3 shadow-sm",children:[(0,t.jsxs)("div",{className:"mb-2 flex items-center justify-between gap-2",children:[(0,t.jsxs)("div",{className:"flex min-w-0 items-center gap-2",children:[(0,t.jsx)($,{icon:0===s?p.Inbox:u.Mail,tone:0===s?"blue":"slate"}),(0,t.jsx)("span",{className:"truncate font-body text-[11px] font-semibold text-asphalt",children:e})]}),0===s?(0,t.jsx)(K,{label:"AI",tone:"orange"}):null]}),(0,t.jsxs)("div",{className:"space-y-1.5",children:[(0,t.jsx)(L,{className:"w-full"}),(0,t.jsx)(L,{className:"w-3/4"})]})]},e))})}),(0,t.jsxs)("div",{className:"grid gap-3",children:[(0,t.jsx)(I,{title:e.classifier,children:(0,t.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,t.jsx)(K,{label:e.intent,tone:"blue"}),(0,t.jsx)(K,{label:e.priority,tone:"orange"}),(0,t.jsxs)("div",{className:"ml-auto flex items-center gap-1.5 rounded-full bg-emerald-500/10 px-2 py-1 font-body text-[9px] font-semibold text-emerald-700",children:[(0,t.jsx)(C,{icon:j.Sparkles,className:"h-5 w-5 rounded-md"}),"98%"]})]})}),(0,t.jsxs)(I,{title:e.draft,children:[(0,t.jsxs)("div",{className:"rounded-2xl bg-white p-3 shadow-sm",children:[(0,t.jsxs)("div",{className:"mb-2 flex items-center gap-2",children:[(0,t.jsx)(N.PebMark,{className:"h-7 w-7"}),(0,t.jsx)("span",{className:"font-body text-[11px] font-semibold text-gray-900",children:"Peb"})]}),(0,t.jsxs)("div",{className:"space-y-1.5",children:[(0,t.jsx)(L,{className:"w-full"}),(0,t.jsx)(L,{className:"w-5/6"}),(0,t.jsx)(L,{className:"w-2/3"})]})]}),(0,t.jsxs)("div",{className:"mt-3 inline-flex items-center gap-2 rounded-2xl bg-cf-blue px-3 py-2 font-body text-[10px] font-semibold text-white shadow-[0_12px_28px_rgba(13,114,206,0.28)]",children:[(0,t.jsx)(C,{icon:f.Send,className:"h-5 w-5 rounded-md"}),e.action]})]})]})]})})}function W(){let e=S().learning;return(0,t.jsx)(P,{active:"self-learning-ai",section:e.section,title:e.title,search:e.search,children:(0,t.jsxs)("div",{className:"grid h-full grid-cols-1 gap-3 lg:grid-cols-[0.9fr_1.1fr]",children:[(0,t.jsxs)(I,{title:e.correction,children:[(0,t.jsxs)("div",{className:"grid grid-cols-[1fr_auto_1fr] items-center gap-2",children:[(0,t.jsxs)("div",{className:"rounded-2xl bg-cargo-red/10 px-3 py-3",children:[(0,t.jsxs)("div",{className:"mb-2 flex items-center gap-2",children:[(0,t.jsx)(C,{icon:l.AlertTriangle}),(0,t.jsx)("span",{className:"font-body text-[10px] font-semibold text-cargo-red",children:e.before})]}),(0,t.jsx)(L,{className:"w-4/5",tone:"red"})]}),(0,t.jsx)(C,{icon:r.ArrowRight,className:"h-5 w-5 rounded-md"}),(0,t.jsxs)("div",{className:"rounded-2xl bg-emerald-500/10 px-3 py-3",children:[(0,t.jsxs)("div",{className:"mb-2 flex items-center gap-2",children:[(0,t.jsx)(C,{icon:d.CheckCircle2}),(0,t.jsx)("span",{className:"font-body text-[10px] font-semibold text-emerald-700",children:e.after})]}),(0,t.jsx)(L,{className:"w-4/5",tone:"green"})]})]}),(0,t.jsx)("div",{className:"mt-3 rounded-2xl bg-cf-blue px-3 py-2 text-center font-body text-[10px] font-semibold text-white shadow-[0_12px_28px_rgba(13,114,206,0.28)]",children:e.applied})]}),(0,t.jsxs)("div",{className:"grid gap-3",children:[(0,t.jsx)(I,{title:e.accuracy,children:(0,t.jsxs)("div",{className:"flex h-24 items-end gap-2 rounded-2xl bg-white p-3 shadow-sm",children:[[42,54,63,74,82,90].map((e,s)=>(0,t.jsx)("div",{className:"flex flex-1 items-end",children:(0,t.jsx)("div",{className:`w-full rounded-t-lg ${s>3?"bg-cf-blue":"bg-slate-200"}`,style:{height:`${e}%`}})},e)),(0,t.jsx)(C,{icon:n.BarChart3,className:"mb-1 h-6 w-6"})]})}),(0,t.jsx)("div",{className:"grid grid-cols-3 gap-2",children:e.memory.map((e,s)=>(0,t.jsxs)(I,{className:"p-2.5",children:[(0,t.jsx)($,{icon:0===s?w.Settings:1===s?o.Brain:j.Sparkles,tone:2===s?"orange":"blue"}),(0,t.jsx)("div",{className:"mt-2 truncate font-body text-[10px] font-semibold text-asphalt",children:e})]},e))})]})]})})}function D(){let e=S().integration;return(0,t.jsx)(P,{active:"system-integration",section:e.section,title:e.title,search:e.search,children:(0,t.jsxs)("div",{className:"grid h-full grid-cols-1 gap-3 lg:grid-cols-[1.02fr_0.98fr]",children:[(0,t.jsxs)(I,{title:e.table,children:[(0,t.jsxs)("div",{className:"overflow-hidden rounded-2xl border border-slate-100 bg-white shadow-sm",children:[(0,t.jsx)("div",{className:"grid grid-cols-3 bg-slate-50",children:e.columns.map(e=>(0,t.jsx)("div",{className:"border-r border-slate-100 px-3 py-2 font-body text-[9px] font-semibold uppercase tracking-[0.12em] text-slate-500 last:border-r-0",children:e},e))}),[0,1,2].map(e=>(0,t.jsx)("div",{className:"grid grid-cols-3 border-t border-slate-100",children:[0,1,2].map(s=>(0,t.jsx)("div",{className:"border-r border-slate-100 px-3 py-2 last:border-r-0",children:(0,t.jsx)(L,{className:1===s?"w-5/6":"w-2/3",tone

1:0===e&&0===s?"blue":"slate"})},s))},e))]}),(0,t.jsxs)("div",{className:"mt-3 flex items-center gap-2 rounded-2xl bg-emerald-500/10 px-3 py-2 font-body text-[10px] font-semibold text-emerald-700",children:[(0,t.jsx)(C,{icon:d.CheckCircle2,className:"h-5 w-5 rounded-md"}),e.action]})]}),(0,t.jsxs)("div",{className:"grid gap-3",children:[(0,t.jsx)(I,{title:e.mapping,children:(0,t.jsx)("div",{className:"space-y-2",children:e.payload.map((e,s)=>(0,t.jsxs)("div",{className:"grid grid-cols-[1fr_auto_1fr] items-center gap-2 rounded-2xl bg-white px-3 py-2 shadow-sm",children:[(0,t.jsx)("span",{className:"truncate font-body text-[10px] font-semibold text-asphalt",children:e}),(0,t.jsx)(C,{icon:r.ArrowRight,className:"h-5 w-5 rounded-md"}),(0,t.jsx)(L,{className:2===s?"w-12":"w-16",tone:1===s?"orange":"green"})]},e))})}),(0,t.jsx)(I,{title:e.api,children:(0,t.jsxs)("div",{className:"rounded-2xl bg-asphalt px-3 py-3 font-mono text-[10px] leading-relaxed text-white",children:[(0,t.jsx)("div",{className:"text-cf-blue",children:"{"}),(0,t.jsx)("div",{className:"pl-3 text-white/80",children:'"status": "approved",'}),(0,t.jsx)("div",{className:"pl-3 text-white/80",children:'"export": "tms"'}),(0,t.jsx)("div",{className:"text-cf-blue",children:"}"})]})})]})]})})}function E(){let e=S().workflow,s=[p.Inbox,m.FileText,d.CheckCircle2,i.Activity,v.UploadCloud],a=["blue","blue","orange","green","slate"];return(0,t.jsx)(P,{active:"workflow-automation",section:e.section,title:e.title,search:e.search,children:(0,t.jsxs)("div",{className:"grid h-full grid-cols-1 gap-3 lg:grid-cols-[1.15fr_0.85fr]",children:[(0,t.jsxs)(I,{className:"relative min-h-[240px] overflow-hidden",children:[(0,t.jsx)("div",{className:"absolute inset-0 opacity-[0.45]",style:{backgroundImage:"radial-gradient(circle, rgba(13,114,206,0.18) 1px, transparent 1px)",backgroundSize:"22px 22px"}}),(0,t.jsx)("div",{className:"relative grid h-full grid-cols-2 gap-3 content-center",children:e.nodes.map((i,l)=>(0,t.jsxs)("div",{className:`relative rounded-2xl border bg-white/90 p-3 shadow-sm ${k[a[l]].border}`,children:[(0,t.jsxs)("div",{className:"mb-2 flex items-center justify-between gap-2",children:[(0,t.jsx)($,{icon:s[l],tone:a[l]}),l<e.nodes.length-1?(0,t.jsx)(C,{icon:r.ArrowRight,className:"h-5 w-5 rounded-md"}):null]}),(0,t.jsx)("div",{className:"truncate font-body text-[10px] font-semibold text-asphalt",children:i}),(0,t.jsx)(L,{className:"mt-2 w-12",tone:"slate"===a[l]?"blue":a[l]})]},i))})]}),(0,t.jsxs)(I,{title:e.config,children:[(0,t.jsx)("div",{className:"space-y-2",children:e.rules.map((e,s)=>(0,t.jsxs)("div",{className:"flex items-center gap-2 rounded-2xl bg-white px-3 py-2 shadow-sm",children:[(0,t.jsx)($,{icon:0===s?j.Sparkles:1===s?h.GitBranch:y.Table2,tone:1===s?"orange":"blue"}),(0,t.jsx)("span",{className:"min-w-0 truncate font-body text-[10px] font-semibold text-asphalt",children:e})]},e))}),(0,t.jsxs)("div",{className:"mt-3 flex items-center gap-2 rounded-2xl bg-emerald-500/10 px-3 py-2 font-body text-[10px] font-semibold text-emerald-700",children:[(0,t.jsx)(C,{icon:d.CheckCircle2,className:"h-5 w-5 rounded-md"}),e.action]})]})]})})}function G({variant:e}){return"email-automation"===e?(0,t.jsx)(B,{}):"self-learning-ai"===e?(0,t.jsx)(W,{}):"system-integration"===e?(0,t.jsx)(D,{}):"workflow-automation"===e?(0,t.jsx)(E,{}):(0,t.jsx)(M,{})}var V=e.i(471737);let q={src:"/marketing/v2/howitworks/visual-placeholder.webp",alt:""};e.s(["default",0,function({steps:e,titleKey:a="howItWorks.title",image:i=q,visualVariant:l="document-processing"}){let r=(0,s.useTranslations)("productPage"),n=(0,s.useTranslations)("productPage.howItWorks")("stepPrefix"),o=i.src===q.src&&i.alt===q.alt,{ref:d,isVisible:c}=(0,V.useScrollReveal)();return(0,t.jsx)("section",{ref:d,"aria-label":r(a),className:"bg-off-white",children:(0,t.jsx)("div",{className:`max-w-[1280px] mx-auto px-6 lg:px-12 py-20 lg:py-24 transition-[opacity,transform] duration-700 ${c?"opacity-100 translate-y-0":"opacity-0 translate-y-5"}`,children:(0,t.jsxs)("div",{className:"grid grid-cols-1 items-start gap-y-12 lg:grid-cols-[298px_1fr] lg:items-stretch lg:gap-x-16",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,t.jsx)("h2",{className:"marketing-h2 text-asphalt",children:r(a)}),(0,t.jsx)("ol",{className:"flex flex-col",children:e.map((e,s)=>(0,t.jsxs)("li",{className:"flex flex-col gap-2 py-5 border-t border-asphalt/15 first:border-t-0 first:pt-0 relative",children:[(0,t.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,t.jsx)("h3",{className:"font-body font-semibold text-[18px] leading-[1.2] text-asphalt",children:r(e.titleKey)}),(0,t.jsxs)("span",{className:"shrink-0 inline-flex items-center rounded-md bg-clean-concrete px-2 py-1 marketing-body-sm text-asphalt",children:[n," ",s+1]})]}),(0,t.jsx)("p",{className:"marketing-body text-asphalt/80 max-w-[260px]",children:r(e.descriptionKey)})]},e.titleKey))})]}),(0,t.jsx)("div",{className:"relative h-full w-full",children:o?(0,t.jsx)(G,{variant:l}):(0,t.jsx)("img",{src:i.src,alt:i.alt,"aria-hidden":""===i.alt||void 0,loading:"lazy",decoding:"async",className:"block h-full w-full rounded-3xl object-cover"})})]})})})}],311414)},710404,e=>{"use strict";var t=e.i(653040),s=e.i(191419),a=e.i(496445),i=e.i(189793),l=e.i(471737),r=e.i(924392),n=e.i(421172),o=e.i(252512),d=e.i(670856),c=e.i(629126),x=e.i(113862),m=e.i(710307),h=e.i(245680),p=e.i(249202),b=e.i(398468),u=e.i(85916),g=e.i(628299),f=e.i(531747),w=e.i(431305),j=e.i(355156),y=e.i(701057),v=e.i(66974),N=e.i(617362),N=N,k=e.i(421733),k=k,_=e.i(712452),A=e.i(97197),S=e.i(939257),I=e.i(100823),$=e.i(601153),$=$,C=e.i(248363),K=e.i(253668);let L=["stat1","stat2","stat3"],T=["/marketing/v2/roi-card-1.svg","/marketing/v2/roi-card-2.svg","/marketing/v2/roi-card-3.svg"],R=["documentProcessing","emailAutomation","selfLearningAi","systemIntegration","workflowAutomation"],P={fieldLabels:["VAT","Weight","Ref"],inboxRows:["Booking request","Rate question","POD follow-up","Status update"],automated:"38 automated",requireRework:"12% require rework",unread:"42 unread",missingContext:"missing context",rework18:"18% rework",response:"response",manual:"manual",entry:"Entry",review:"Review",rework:"Rework",rule:"Rule",model:"Model",map:"Map",low:"Low",adaptability:"adaptability",duplicateEntry:"duplicate entry",high:"High",friction:"friction",build:"Build",test:"Test",run:"Run",workflowSteps:"50+ steps",exception:"exception",autoRoute:"auto",slowScale:"Slow scale"},M={fieldLabels:["Btw","Gewicht","Ref."],inboxRows:["Boekingsaanvraag","Tariefvraag","POD-opvolging","Statusupdate"],automated:"38 geautomatiseerd",requireRework:"12% vraagt herstel",unread:"42 ongelezen",missingContext:"context mist",rework18:"18% herstel",response:"reactie",manual:"handmatig",entry:"Invoer",review:"Controle",rework:"Herstel",rule:"Regel",model:"Model",map:"Map",low:"Laag",adaptability:"aanpassing",duplicateEntry:"dubbele invoer",high:"Hoog",friction:"wrijving",build:"Bouw",test:"Test",run:"Live",workflowSteps:"50+ stappen",exception:"uitz.",autoRoute:"auto",slowScale:"Traag schalen"};function B(){return(0,s.useLocale)().startsWith("nl")?M:P}function W({title:e,children:s,className:a=""}){return(0,t.jsxs)("div",{className:`relative w-[78%] max-w-[286px] rounded-[1.25rem] border border-white/70 bg-white/75 p-4 shadow-[0_24px_70px_rgba(12,29,33,0.16),inset_0_1px_0_rgba(255,255,255,0.8)] backdrop-blur-xl ${a}`,children:[(0,t.jsxs)("div",{className:"mb-3 flex items-center justify-between gap-3",children:[(0,t.jsx)("div",{className:"truncate font-body text-[10px] font-semibold uppercase tracking-[0.16em] text-slate-500",children:e}),(0,t.jsx)("div",{className:"h-2 w-2 rounded-full bg-cf-blue shadow-[0_0_16px_rgba(13,114,206,0.65)]"})]}),s]})}function D({children:e}){return(0,t.jsx)("div",{className:"flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-slate-200/80 bg-white text-cf-blue shadow-[0_4px_10px_rgba(12,29,33,0.08)]",children:e})}function E({children:e,tone:s="blue"}){return(0,t.jsx)("div",{className:`inline-flex items-center gap-1 rounded-full px-2.5 py-1 font-body text-[11px] font-semibold ${{blue:"bg-cf-blue/10 text-cf-blue",orange:"bg-signal-orange/10 text-signal-orange",green:"bg-emerald-500/10 text-emerald-600",red:"bg-cargo-red/10 text-cargo-red"}[s]}`,children:e})}function G({width:e="w-full",tone:s="slate"}){return(0,t.jsx)("div",{className:`h-1.5 rounded-full ${e} ${{slate:"bg-slate-200/90",blue:"bg-cf-blue/25",orange:"bg-signal-orange/25",red:"bg-cargo-red/25",green:"bg-emerald-500/25"}[s]}`})}function V({productKey:e,cardIndex:s,title:a}){return"documentProcessing"===e?0===s?(0,t.jsx)(q,{title:a}):1===s?(0,t.jsx)(z,{title:a}):(0,t.jsx)(F,{title:a}):"emailAutomation"===e?0===s?(0,t.jsx)(O,{title:a}):1===s?(0,t.jsx)(H,{title:a}):(0,t.jsx)(U,{title:a}):"selfLearningAi"===e?0===s?(0,t.jsx)(Z,{title:a}):1===s?(0,t.jsx)(J,{title:a}):(0,t.jsx)(X,{title:a}):"systemIntegration"===e?0===s?(0,t.jsx)(Q,{title:a}):1===s?(0,t.jsx)(Y,{title:a}):(0,t.jsx)(ee,{title:a}):0===s?(0,t.jsx)(et,{title:a}):1===s?(0,t.jsx)(es,{title:a}):(0,t.jsx)(ea,{title:a})}function q({title:e}){let s=B();return(0,t.jsxs)(W,{title:e,children:[(0,t.jsxs)("div",{className:"relative overflow-hidden rounded-2xl border border-white/70 bg-white/70 p-2 shadow-inner",children:[(0,t.jsx)("div",{className:"challenge-scan-y pointer-events-none absolute inset-x-0 top-0 h-10 bg-gradient-to-b from-cf-blue/0 via-cf-blue/16 to-cf-blue/0"}),(0,t.jsx)("div",{className:"space-y-1.5",children:["INV-2026-2103.pdf","PO-78421.pdf","CMR-wk17.pdf","order-batch.csv"].map((e,s)=>(0,t.jsxs)("div",{className:"flex items-center gap-2 rounded-xl bg-white/80 px-2.5 py-2 shadow-sm",children:[(0,t.jsx)(c.CheckCircle2,{className:"h-4 w-4 shrink-0 text-cf-blue"}),(0,t.jsx)(p.FileText,{className:"h-3.5 w-3.5 shrink-0 text-slate-400"}),(0,t.jsx)("div",{className:"min-w-0 flex-1 truncate font-body text-[11px] text-slate-600",children:e}),(0,t.jsx)("div",{className:"font-body text-[10px] font-semibold text-cf-blue",children:0===s?"940":"OK"})]},e))})]}),(0,t.jsxs)("div",{className:"mt-3 flex items-center justify-between rounded-2xl bg-white/70 px-3 py-2",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{className:"h-1.5 w-1.5 rounded-full bg-cf-blue"}),(0,t.jsx)("span",{className:"font-body text-[11px] text-slate-500",children:s.automated})]}),(0,t.jsx)(o.ArrowRight,{className:"h-3.5 w-3.5 text-slate-400"})]})]})}function z({title:e}){let s=B(),a=[{label:s.fieldLabels[0],tone:"red",icon:K.XCircle},{label:s.fieldLabels[1],tone:"orange",icon:n.AlertTriangle},{label:s.fieldLabels[2],tone:"green",icon:c.CheckCircle2}];return(0,t.jsxs)(W,{title:e,children:[(0,t.jsx)("div",{className:"grid gap-2",children:a.map(({label:e,tone:s,icon:a})=>(0,t.jsxs)("div",{className:"flex items-center gap-3 rounded-2xl border border-white/70 bg-white/70 p-3",children:[(0,t.jsx)(D,{children:(0,t.jsx)(a,{className:"h-3.5 w-3.5"})}),(0,t.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,t.jsx)("div",{className:"font-body text-[11px] font-semibold text-slate-600",children:e}),(0,t.jsxs)("div",{className:"mt-1 flex gap-1",children:[(0,t.jsx)(G,{width:"w-8",tone

1:s}),(0,t.jsx)(G,{width:"w-14"})]})]}),(0,t.jsx)(k.default,{className:"h-4 w-4 text-cf-blue"})]},e))}),(0,t.jsx)("div",{className:"mt-3 rounded-2xl bg-cf-blue px-3 py-2 text-center font-body text-[11px] font-semibold text-white shadow-[0_12px_30px_rgba(13,114,206,0.28)]",children:s.requireRework})]})}function F({title:e}){let s=B();return(0,t.jsx)(W,{title:e,children:(0,t.jsxs)("div",{className:"flex items-center gap-4",children:[(0,t.jsxs)("div",{className:"relative flex h-28 w-28 shrink-0 items-center justify-center",children:[(0,t.jsxs)("svg",{viewBox:"0 0 120 120",className:"h-full w-full -rotate-90","aria-hidden":"true",children:[(0,t.jsx)("circle",{cx:"60",cy:"60",r:"46",fill:"none",stroke:"rgba(148,163,184,0.25)",strokeWidth:"12"}),(0,t.jsx)("circle",{className:"challenge-ring",cx:"60",cy:"60",r:"46",fill:"none",stroke:"var(--cf-blue)",strokeLinecap:"round",strokeWidth:"12"})]}),(0,t.jsxs)("div",{className:"absolute text-center",children:[(0,t.jsx)("div",{className:"font-heading text-[28px] leading-none text-asphalt",children:"60%"}),(0,t.jsx)("div",{className:"mt-1 font-body text-[10px] text-slate-500",children:s.manual})]})]}),(0,t.jsx)("div",{className:"flex-1 space-y-2.5",children:[[s.entry,"w-full","blue"],[s.review,"w-9/12","orange"],[s.rework,"w-7/12","red"]].map(([e,s,a],i)=>(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"mb-1 flex justify-between font-body text-[10px] text-slate-500",children:[(0,t.jsx)("span",{children:e}),(0,t.jsx)("span",{children:0===i?"€€€":"€€"})]}),(0,t.jsx)("div",{className:"h-2 overflow-hidden rounded-full bg-white/80",children:(0,t.jsx)("div",{className:`challenge-progress h-full rounded-full ${s} ${"blue"===a?"bg-cf-blue":"orange"===a?"bg-signal-orange":"bg-cargo-red"}`,style:{animationDelay:`${.35*i}s`}})})]},e))})]})})}function O({title:e}){let s=B(),a=s.inboxRows;return(0,t.jsxs)(W,{title:e,children:[(0,t.jsxs)("div",{className:"mb-3 flex items-end justify-between",children:[(0,t.jsx)("div",{className:"font-heading text-[34px] leading-none text-asphalt",children:"3+ hrs"}),(0,t.jsxs)(E,{tone:"orange",children:[(0,t.jsx)(u.Inbox,{className:"h-3 w-3"}),s.unread]})]}),(0,t.jsx)("div",{className:"space-y-1.5",children:a.map(e=>(0,t.jsxs)("div",{className:"flex items-center gap-2 rounded-xl bg-white/75 px-2.5 py-2",children:[(0,t.jsx)(w.Mail,{className:"h-3.5 w-3.5 shrink-0 text-cf-blue"}),(0,t.jsx)("div",{className:"min-w-0 flex-1 truncate font-body text-[11px] text-slate-600",children:e}),(0,t.jsx)("span",{className:"h-2 w-2 rounded-full bg-signal-orange"})]},e))})]})}function H({title:e}){let s=B();return(0,t.jsx)(W,{title:e,children:(0,t.jsxs)("div",{className:"space-y-3",children:[(0,t.jsxs)("div",{className:"ml-auto w-[78%] rounded-2xl rounded-br-md bg-white/85 p-3 shadow-sm",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(j.MessageSquare,{className:"h-4 w-4 text-slate-400"}),(0,t.jsx)(G,{width:"w-24"})]}),(0,t.jsxs)("div",{className:"mt-2 space-y-1",children:[(0,t.jsx)(G,{width:"w-full"}),(0,t.jsx)(G,{width:"w-2/3"})]})]}),(0,t.jsxs)("div",{className:"w-[82%] rounded-2xl rounded-bl-md border border-signal-orange/20 bg-signal-orange/10 p-3",children:[(0,t.jsxs)("div",{className:"mb-2 flex items-center gap-2 font-body text-[11px] font-semibold text-signal-orange",children:[(0,t.jsx)(n.AlertTriangle,{className:"h-4 w-4"}),s.missingContext]}),(0,t.jsxs)("div",{className:"space-y-1",children:[(0,t.jsx)(G,{width:"w-10",tone:"orange"}),(0,t.jsx)(G,{width:"w-20"})]})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between rounded-2xl bg-white/70 px-3 py-2",children:[(0,t.jsx)(E,{tone:"red",children:s.rework18}),(0,t.jsx)(_.Send,{className:"h-4 w-4 text-cf-blue"})]})]})})}function U({title:e}){let s=B();return(0,t.jsxs)(W,{title:e,children:[(0,t.jsxs)("div",{className:"relative mx-auto flex h-36 w-36 items-center justify-center",children:[(0,t.jsx)("div",{className:"absolute inset-0 rounded-full border border-cf-blue/25 bg-cf-blue/5"}),(0,t.jsx)("div",{className:"absolute inset-4 rounded-full border border-signal-orange/25 bg-white/50"}),(0,t.jsxs)("div",{className:"relative rounded-full bg-white/80 p-5 text-center shadow-[0_12px_35

1px_rgba(12,29,33,0.12)]",children:[(0,t.jsx)(I.Timer,{className:"mx-auto mb-2 h-7 w-7 text-cf-blue"}),(0,t.jsx)("div",{className:"font-heading text-[31px] leading-none text-asphalt",children:"24/7"}),(0,t.jsx)("div",{className:"mt-1 font-body text-[10px] text-slate-500",children:s.response})]})]}),(0,t.jsx)("div",{className:"mt-2 grid grid-cols-3 gap-1.5",children:["08","16","24"].map((e,s)=>(0,t.jsx)("div",{className:"rounded-xl bg-white/65 py-2 text-center font-body text-[10px] text-slate-500",children:(0,t.jsxs)("span",{className:2===s?"font-semibold text-cf-blue":"",children:[e,":00"]})},e))})]})}function Z({title:e}){let s=[{transform:"-translate-x-[18px] -translate-y-[14px] scale-[0.92] opacity-60",lines:[{width:"w-3/4",accent:!1},{width:"w-1/3",accent:!0},{width:"w-full",accent:!1},{width:"w-2/5",accent:!1}],reflow:!0},{transform:"-translate-x-[9px] -translate-y-[7px] scale-[0.96] opacity-85",lines:[{width:"w-1/2",accent:!1},{width:"w-full",accent:!1},{width:"w-2/3",accent:!0},{width:"w-5/6",accent:!1}],reflow:!1},{transform:"translate-x-0 translate-y-0 scale-100 opacity-100",lines:[{width:"w-full",accent:!0},{width:"w-2/3",accent:!1},{width:"w-3/4",accent:!1},{width:"w-1/2",accent:!1}],reflow:!1}];return(0,t.jsx)(W,{title:e,children:(0,t.jsx)("div",{className:"relative mx-auto h-44 w-full",children:s.map((e,a)=>{let i=a===s.length-1;return(0,t.jsx)("div",{className:`absolute left-1/2 top-1/2 w-[68%] -translate-x-1/2 -translate-y-1/2 transform-gpu ${e.transform}`,children:(0,t.jsxs)("div",{className:"rounded-2xl border border-white/80 bg-white p-3 shadow-[0_18px_42px_rgba(12,29,33,0.14)]",children:[(0,t.jsxs)("div",{className:"mb-3 flex items-center gap-2",children:[(0,t.jsx)("span",{className:"flex h-6 w-6 shrink-0 items-center justify-center rounded-full border border-slate-200/80 bg-white text-cf-blue shadow-[0_3px_8px_rgba(12,29,33,0.08)]",children:(0,t.jsx)(p.FileText,{className:"h-3 w-3",strokeWidth:2})}),(0,t.jsx)(G,{width:"w-12",tone:"slate"})]}),(0,t.jsx)("div",{className:"space-y-1.5",children:e.lines.map((s,a)=>(0,t.jsx)("div",{className:e.reflow?"challenge-reflow":"",style:e.reflow?{animationDelay:`${.45*a}s`}:void 0,children:(0,t.jsx)(G,{width:s.width,tone:s.accent?"blue":"slate"})},a))}),i?(0,t.jsx)("div",{className:"mt-3 flex items-center justify-end",children:(0,t.jsxs)("span",{className:"inline-flex items-center gap-1 rounded-full border border-slate-200/80 bg-white px-2 py-0.5 font-body text-[10px] font-semibold text-cf-blue shadow-[0_4px_10px_rgba(12,29,33,0.08)]",children:[(0,t.jsx)(S.Sparkles,{className:"h-2.5 w-2.5"}),"1000s"]})}):null]})},a)})})})}function J({title:e}){let s=B();return(0,t.jsxs)(W,{title:e,children:[(0,t.jsxs)("svg",{viewBox:"0 0 230 118",className:"mb-3 h-28 w-full","aria-hidden":"true",children:[[30,58,86].map(e=>(0,t.jsx)("line",{x1:"10",x2:"220",y1:e,y2:e,stroke:"rgba(148,163,184,0.28)",strokeDasharray:"3 5"},e)),(0,t.jsx)("path",{className:"challenge-draw-line",d:"M14 94 C 48 88, 54 54, 86 58 S 132 83, 156 49 S 185 25, 217 28",fill:"none",stroke:"var(--cf-blue)",strokeLinecap:"round",strokeWidth:"4"}),[86,156,217].map((e,s)=>(0,t.jsx)("circle",{cx:e,cy:0===s?58:1===s?49:28,fill:"white",r:"6",stroke:"var(--cf-blue)",strokeWidth:"3",style:{animationDelay:`${.35*s}s`}},e))]}),(0,t.jsx)("div",{className:"grid grid-cols-3 gap-2",children:[s.rule,s.model,s.map].map((e,s)=>(0,t.jsxs)("div",{className:"rounded-xl bg-white/70 px-2 py-2 text-center",children:[(0,t.jsx)(A.Settings,{className:`mx-auto mb-1 h-3.5 w-3.5 ${1===s?"text-cf-blue":"text-slate-400"}`}),(0,t.jsx)("div",{className:"font-body text-[10px] text-slate-500",children:e})]},e))})]})}function X({title:e}){let s=B(),a=[{Icon:p.FileText,position:"top-[15%] left-1/2",dimmed:!1},{Icon:k.default,position:"top-1/2 left-[85%]",dimmed:!1},{Icon:d.Brain,position:"top-[85%] left-1/2",dimmed:!1},{Icon:v.RefreshCw,position:"top-1/2 left-[15%]",dimmed:!0}];return(0,t.jsx)(W,{title:e,children:(0,t.jsxs)("div",{className:"relative mx-auto h-44 w-44",children:[(0,t.jsxs)("svg",{viewBox:"0 0 200 200",className:"absolute inset-0 h-full w-full","aria-hidden":"true",children:[(0,t.jsx)("path",{d:"M 39.4 65 A 70 70 0 1 1 39.4 135",fill:"none",stroke:"var(--cf-blue)",strokeLinecap:"round",strokeWidth:"3"}),(0,t.jsx)("line",{x1:"39.4",y1:"65",x2:"39.4",y2:"135",stroke:"rgba(148,163,184,0.55)",strokeDasharray:"3 4",strokeLinecap:"round",strokeWidth:"1.5"})]}),a.map(({Icon:e,position:s,dimmed:a},i)=>(0,t.jsx)("div",{className:`absolute ${s} -translate-x-1/2 -translate-y-1/2`,children:(0,t.jsx)("span",{className:`flex h-7 w-7 shrink-0 items-center justify-center rounded-full border bg-white shadow-[0_4px_10px_rgba(12,29,33,0.08)] ${a?"border-slate-200/70 text-slate-400 opacity-55":"border-slate-200/80 text-cf-blue"}

1`,children:(0,t.jsx)(e,{className:"h-3.5 w-3.5",strokeWidth:2})})},i)),(0,t.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,t.jsxs)("div",{className:"flex flex-col items-center rounded-2xl border border-slate-200/70 bg-white px-4 py-2.5 text-center shadow-[0_8px_22px_rgba(12,29,33,0.10)]",children:[(0,t.jsx)(i.default,{src:"/logo/brandmark_blue.png",alt:"Chainfill",width:28,height:28,className:"h-7 w-7",priority:!1}),(0,t.jsx)("div",{className:"mt-1.5 font-body text-[10px] text-slate-500",children:s.adaptability})]})})]})})}function Q({title:e}){return(0,t.jsx)(W,{title:e,children:(0,t.jsxs)("div",{className:"relative h-44",children:[(0,t.jsx)("svg",{className:"absolute inset-0 h-full w-full",viewBox:"0 0 260 170","aria-hidden":"true",children:(0,t.jsx)("path",{className:"challenge-draw-line",d:"M130 85 L54 42 M130 85 L214 48 M130 85 L54 132 M130 85 L214 128 M130 85 L130 22",fill:"none",stroke:"rgba(13,114,206,0.45)",strokeWidth:"2",strokeLinecap:"round"})}),(0,t.jsxs)("div",{className:"absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center gap-2 rounded-2xl bg-cf-blue px-3 py-2 text-white shadow-[0_14px_34px_rgba(13,114,206,0.28)]",children:[(0,t.jsx)(y.Network,{className:"h-4 w-4"}),(0,t.jsx)("span",{className:"font-body text-[11px] font-semibold text-white",children:"10+"})]}),[["TMS","left-0 top-3",h.Database],["WMS","left-1/2 top-0 -translate-x-1/2",$.default],["ERP","right-0 top-5",g.Layers],["EDI","left-2 bottom-3",f.Link],["Mail","right-1 bottom-2",w.Mail]].map(([e,s,a])=>(0,t.jsx)("div",{className:`absolute ${s} rounded-2xl bg-white/80 px-3 py-2 shadow-sm`,children:(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(a,{className:"h-3.5 w-3.5 text-cf-blue"}),(0,t.jsx)("span",{className:"font-body text-[10px] font-semibold text-slate-500",children:e})]})},e))]})})}function Y({title:e}){let s=B();return(0,t.jsxs)(W,{title:e,children:[(0,t.jsxs)("div",{className:"grid grid-cols-[1fr_auto_1fr] items-center gap-2",children:[["Portal","TMS"].map((e,s)=>(0,t.jsxs)("div",{className:"rounded-2xl bg-white/75 p-3",children:[(0,t.jsx)("div",{className:"mb-2 font-body text-[10px] font-semibold text-slate-500",children:e}),(0,t.jsxs)("div",{className:"space-y-1.5",children:[(0,t.jsx)(G,{width:"w-full",tone:0===s?"blue":"slate"}),(0,t.jsx)(G,{width:"w-10"}),(0,t.jsx)(G,{width:"w-14",tone:1===s?"red":"slate"})]})]},e)),(0,t.jsxs)("div",{className:"flex flex-col items-center gap-2",children:[(0,t.jsx)(m.Copy,{className:"h-5 w-5 text-signal-orange"}),(0,t.jsx)("div",{className:"h-12 w-px bg-slate-200"}),(0,t.jsx)(E,{tone:"orange",children:"2x"})]})]}),(0,t.jsxs)("div",{className:"mt-3 flex items-center gap-2 rounded-2xl border border-cargo-red/15 bg-cargo-red/10 px-3 py-2 font-body text-[11px] font-semibold text-cargo-red",children:[(0,t.jsx)(n.AlertTriangle,{className:"h-4 w-4"}),s.duplicateEntry]})]})}function ee({title:e}){let s=B();return(0,t.jsx)(W,{title:e,children:(0,t.jsxs)("div",{className:"flex items-center gap-4",children:[(0,t.jsxs)("div",{className:"relative h-28 w-28 shrink-0",children:[(0,t.jsx)("div",{className:"absolute inset-2 rounded-full border-[8px] border-cf-blue/15"}),(0,t.jsx)("div",{className:"absolute inset-2 rotate-45 rounded-full border-[8px] border-transparent border-r-cf-blue border-t-cf-blue"}),(0,t.jsx)("div",{className:"absolute inset-0 flex items-center justify-center text-center",children:(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"font-heading text-[24px] leading-none text-asphalt",children:s.high}),(0,t.jsx)("div",{className:"font-body text-[10px] text-slate-500",children:s.friction})]})})]}),(0,t.jsx)("div",{className:"flex-1 space-y-2",children:[[s.build,"w-full","red"],[s.test,"w-9/12","orange"],[s.run,"w-6/12","blue"]].map(([e,s,a],i)=>(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"mb-1 font-body text-[10px] text-slate-500",children:e}),(0,t.jsx)("div",{className:"h-2 overflow-hidden rounded-full bg-white/75",children:(0,t.jsx)("div",{className:`challenge-progress h-full ${s} rounded-full ${"red"===a?"bg-cargo-red":"orange"===a?"bg-signal-orange":"bg-cf-blue"}`,style:{animationDelay:`${.25*i}s`}})})]},e))})]})})}function et({title:e}){let s=B(),a=[p.FileText,k.default,b.GitBranch,h.Database,c.CheckCircle2];return(0,t.jsxs)(W,{title:e,children:[(0,t.jsxs)("div",{className:"relative py-6",children:[(0,t.jsx)("div",{className:"absolute left-7 right-7 top-1/2 h-1 -translate-y-1/2 roun

1ded-full bg-white/80",children:(0,t.jsx)("div",{className:"challenge-travel-x absolute -top-1.5 h-4 w-4 rounded-full bg-cf-blue shadow-[0_0_18px_rgba(13,114,206,0.65)]"})}),(0,t.jsx)("div",{className:"relative flex justify-between",children:a.map((e,s)=>(0,t.jsx)("div",{className:"flex h-12 w-12 items-center justify-center rounded-2xl border border-white/70 bg-white/85 shadow-sm",children:(0,t.jsx)(e,{className:"h-5 w-5 text-cf-blue"})},s))})]}),(0,t.jsxs)("div",{className:"mt-3 grid grid-cols-2 gap-2",children:[(0,t.jsxs)(E,{tone:"blue",children:[(0,t.jsx)(C.Workflow,{className:"h-3 w-3"}),s.workflowSteps]}),(0,t.jsxs)(E,{tone:"orange",children:[(0,t.jsx)(x.Clock,{className:"h-3 w-3"}),s.manual]})]})]})}function es({title:e}){let s=B();return(0,t.jsx)(W,{title:e,children:(0,t.jsxs)("div",{className:"relative h-44",children:[(0,t.jsxs)("svg",{className:"absolute inset-0 h-full w-full",viewBox:"0 0 260 170","aria-hidden":"true",children:[(0,t.jsx)("path",{className:"challenge-draw-line",d:"M130 38 C130 72 70 80 70 128",fill:"none",stroke:"rgba(255,119,39,0.55)",strokeWidth:"3",strokeLinecap:"round"}),(0,t.jsx)("path",{className:"challenge-draw-line",d:"M130 38 C130 72 190 80 190 128",fill:"none",stroke:"rgba(13,114,206,0.5)",strokeWidth:"3",strokeLinecap:"round"})]}),(0,t.jsx)("div",{className:"absolute left-1/2 top-1 -translate-x-1/2 rounded-2xl bg-white/85 p-3 shadow-sm",children:(0,t.jsx)(N.default,{className:"h-5 w-5 text-cf-blue"})}),(0,t.jsxs)("div",{className:"absolute inset-x-4 bottom-1 grid grid-cols-2 gap-2",children:[(0,t.jsx)("div",{className:"rounded-2xl border border-signal-orange/20 bg-signal-orange/10 px-2 py-2",children:(0,t.jsxs)("div",{className:"flex items-center justify-center gap-1.5 whitespace-nowrap font-body text-[10px] font-semibold text-signal-orange",children:[(0,t.jsx)(n.AlertTriangle,{className:"h-3.5 w-3.5"}),s.exception]})}),(0,t.jsx)("div",{className:"rounded-2xl border border-cf-blue/20 bg-cf-blue/10 px-2 py-2",children:(0,t.jsx)("div",{className:"flex items-center justify-center gap-1.5 whitespace-nowrap font-body text-[10px] font-semibold text-cf-blue",children:s.autoRoute})})]}),(0,t.jsx)("div",{className:"absolute left-1/2 top-[58%] -translate-x-1/2",children:(0,t.jsx)(E,{tone:"red",children:"30%"})})]})})}function ea({title:e}){let s=B();return(0,t.jsxs)(W,{title:e,children:[(0,t.jsxs)("div",{className:"mb-3 flex items-center justify-between",children:[(0,t.jsx)(E,{tone:"orange",children:s.slowScale}),(0,t.jsx)(r.Activity,{className:"h-5 w-5 text-cf-blue"})]}),(0,t.jsxs)("svg",{viewBox:"0 0 240 130",className:"h-32 w-full","aria-hidden":"true",children:[[35,68,101].map(e=>(0,t.jsx)("line",{x1:"12",x2:"228",y1:e,y2:e,stroke:"rgba(148,163,184,0.22)",strokeDasharray:"3 6"},e)),[28,64,100,136,172].map((e,s)=>(0,t.jsx)("rect",{className:"challenge-progress",x:e,y:104-8*s,width:"16",height:18+8*s,rx:"5",fill:"rgba(255,119,39,0.28)",style:{transformOrigin:`${e}px 120px`,animationDelay:`${.18*s}s`}},e)),(0,t.jsx)("path",{className:"challenge-draw-line",d:"M20 106 C 58 94, 79 90, 105 78 S 151 49, 220 24",fill:"none",stroke:"var(--cf-blue)",strokeLinecap:"round",strokeWidth:"4"}),(0,t.jsx)("circle",{cx:"220",cy:"24",r:"6",fill:"white",stroke:"var(--cf-blue)",strokeWidth:"3"})]})]})}e.s(["default",0,function({camelKey:e="documentProcessing"}){let s=(0,a.useTranslations)("productPage"),i=R.includes(e)?e:"documentProcessing",{ref:r,isVisible:n}=(0,l.useScrollReveal)();return(0,t.jsx)("section",{ref:r,"aria-label":s(`${e}.problem.title`),className:"bg-off-white",children:(0,t.jsxs)("div",{className:`max-w-[1280px] mx-auto px-6 lg:px-12 py-20 lg:py-24 transition-[opacity,transform] duration-700 ${n?"opacity-100 translate-y-0":"opacity-0 translate-y-5"}`,children:[(0,t.jsx)("h2",{className:"marketing-h2 text-asphalt mb-10 lg:mb-12",children:s(`${e}.problem.title`)}),(0,t.jsx)("div",{className:"grid gap-6 md:grid-cols-3",children:L.map((a,l)=>{let r=s(`${e}.problem.${a}.value`),n=s(`${e}.problem.${a}.label`),o=s(`${e}.problem.${a}.widgetTitle`);return(0,t.jsxs)("div",{className:"flex flex-col",children:[(0,t.jsxs)("div",{"aria-hidden":"true",className:"relative aspect-[390/415] w-full overflow-hidden rounded-2xl border border-clean-concrete bg-cover bg-center",style:{backgroundImage:`url(${T[l]})`},children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_50%_35%,rgba(255,255,255,0.34),rgba(255,255,255,0)_56%)]"}),(0,t.jsx)("div",{className:"absolute inset-0 flex items-center justify-center p-5 sm:p-6 md:p-5 lg:p-7",children:(0,t.jsx)(V,{productKey:i,cardIndex:l,title:o})})]}),(0,t.jsxs)("div",{className:"mt-6",children:[(0,t.jsx)("div",{className:"font-heading text-[1.75rem] lg:text-[2rem] leading-tight text-asphalt mb-2",children:(0,t.jsx)("span",{className:"text-cf-blue",children:r})}),(0,t.jsx)("p",{className:"marketing-body text-asphalt/75",children:n})]})]},a)})})]})})}],710404)}]);
2
3//# sourceMappingURL=27ecsidlb86ht.js.map