https://contentbuilder.ai/assets/CustomerTrainingPlatformPage-D3NZACg_.js

1import{j as e}from"./ui-C0Wc9I4R.js";import{r as d}from"./vendor-B_r8BK4j.js";import{S as M,b as z,a as E,E as h,j as w,n as S,z as C,P as v,i as x,Z as R,G as O,H as U,I as D,L as y,J as W,x as $,F as A,W as H,y as _,A as L,t as I,f as V,e as G,$ as X,p as Q,M as J,N as Y,O as K,Q as Z}from"./index-CF5EPbz8.js";import{m as a,A as B}from"./motion-BYhZo5AG.js";import{G as N}from"./globe-BITiSiiR.js";const s={initial:{opacity:0,y:24},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5}},g="/activation/start";function ee({videoId:t,title:r}){const[n,i]=d.useState(!1),l=`https://i.ytimg.com/vi/${t}/maxresdefault.jpg`;return e.jsx("div",{className:"relative w-full",style:{paddingBottom:"56.25%"},children:n?e.jsx("iframe",{className:"absolute inset-0 w-full h-full",src:`https://www.youtube.com/embed/${t}?autoplay=1`,title:r,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):e.jsxs("button",{type:"button",onClick:()=>i(!0),className:"group absolute inset-0 w-full h-full overflow-hidden cursor-pointer","aria-label":`Play video: ${r}`,children:[e.jsx("img",{src:l,alt:r,className:"absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105",loading:"lazy",onError:c=>{c.currentTarget.src=`https://i.ytimg.com/vi/${t}/hqdefault.jpg`}}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-background/40 via-transparent to-transparent"}),e.jsx("span",{className:"absolute inset-0 flex items-center justify-center",children:e.jsx("span",{className:"flex h-20 w-20 md:h-24 md:w-24 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-2xl shadow-primary/40 transition-transform duration-300 group-hover:scale-110",children:e.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"h-8 w-8 md:h-10 md:w-10 ml-1",children:e.jsx("path",{d:"M8 5v14l11-7z"})})})})]})})}function te(){return e.jsxs("section",{className:"relative z-10",children:[e.jsxs("div",{className:"relative z-10 w-full px-5 md:px-10 lg:px-20 pt-14 md:pt-24 pb-12 md:pb-20 text-center",children:[e.jsxs(a.h1,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5,delay:.1},className:"font-display text-4xl lg:text-[4rem] font-extrabold text-foreground leading-[1.08] tracking-tight mb-5 max-w-4xl mx-auto md:text-5xl",children:["AI-Powered"," ",e.jsx("span",{className:"bg-[linear-gradient(90deg,#4F5BF5_0%,#B57BF7_100%)] bg-clip-text text-transparent",children:"Customer Training Platform"})]}),e.jsx(a.p,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{duration:.5,delay:.2},className:"text-muted-foreground text-lg md:text-xl max-w-2xl mx-auto mb-8 leading-relaxed",children:"Build a customer academy in minutes. Drive product adoption, faster activation, and lower support load with self-paced customer onboarding and education."}),e.jsx(a.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{duration:.5,delay:.35},className:"mb-8 max-w-3xl mx-auto hidden md:grid grid-cols-3 gap-3",children:[{icon:h,title:"Upload product docs, help center & demos"},{icon:w,title:"AI builds your customer academy curriculum"},{icon:S,title:"Activate new customers in days, not weeks"},{icon:N,title:"Deliver customer education in 100+ languages"},{icon:C,title:"Embed in-app or export SCORM to any LMS"},{icon:v,title:"Track per-account completion & adoption"}].map(t=>e.jsxs("div",{className:"flex flex-col items-center text-center gap-2.5 p-5 rounded-xl border border-border/60 bg-card/60 backdrop-blur-sm shadow-sm transition-all hover:border-primary/30 hover:bg-card hover:shadow-md",children:[e.jsx("span",{className:"flex h-10 w-10 items-center justify-center rounded-full border border-primary/30 bg-primary/5",children:e.jsx(t.icon,{className:"h-5 w-5 text-primary",strokeWidth:1.75})}),e.jsx("p",{className:"text-sm font-semibold text-foreground leading-snug",children:t.title})]},t.title))}),e.jsxs(a.div,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},transition:{duration:.5,delay:.4},className:"flex flex-col sm:flex-row items-center justify-center gap-3 sm:gap-4",children:[e.jsx("a",{href:g,className:"w-full sm:w-auto inline-flex items-center justify-center rounded-2xl cta-gradient px-10 py-5 md:px-12 md:py-5 text-lg md:text-xl font-bold text-primary-foreground shadow-[var(--shadow-cta)] transition-all hover:scale-[1.02] hover:shadow-xl",children:"Start your customer academy free"}),e.jsxs("a",{href:"https://calendly.com/o-dutchak-smartexpert/30min",target:"_blank",rel:"noopener noreferrer",className:"group w-full sm:w-auto inline-flex items-center justify-center gap-2 rounded-2xl border-2 border-primary/25 bg-card/70 backdrop-blur-sm px-10 py-5 md:px-12 md:py-5 text-lg md:text-xl font-bold text-foreground transition-all hover:border-primary/60 hover:bg-card hover:scale-[1.02] hover:shadow-lg",children:["Book demo",e.jsx(x,{className:"h-5 w-5 text-primary transition-transform group-hover:translate-x-1"})]})]}),e.jsx(a.div,{initial:{opacity:0,y:16}

1,animate:{opacity:1,y:0},transition:{duration:.5,delay:.5},className:"md:hidden mt-8 grid grid-cols-2 gap-2.5",children:[{icon:h,title:"Upload product docs, help center & demos"},{icon:w,title:"AI builds your customer academy curriculum"},{icon:S,title:"Activate new customers in days, not weeks"},{icon:N,title:"Deliver customer education in 100+ languages"},{icon:C,title:"Embed in-app or export SCORM to any LMS"},{icon:v,title:"Track per-account completion & adoption"}].map(t=>e.jsxs("div",{className:"flex flex-col items-center text-center gap-2.5 p-4 rounded-xl border border-border/60 bg-card/60 backdrop-blur-sm shadow-sm",children:[e.jsx("span",{className:"flex h-9 w-9 items-center justify-center rounded-full border border-primary/30 bg-primary/5",children:e.jsx(t.icon,{className:"h-[18px] w-[18px] text-primary",strokeWidth:1.75})}),e.jsx("p",{className:"text-[13px] font-semibold text-foreground leading-snug",children:t.title})]},t.title))})]}),e.jsx(a.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6,delay:.6},className:"relative z-10 w-full px-4 md:px-12 mt-0 pb-12 md:pb-20",children:e.jsx("div",{className:"mx-auto max-w-4xl",children:e.jsx("div",{className:"relative rounded-2xl overflow-hidden border border-border/60 bg-card shadow-2xl shadow-primary/10 ring-1 ring-primary/10",children:e.jsx(ee,{videoId:"f3HcLm_qo5U",title:"See how customer training works with ContentBuilder"})})})})]})}const T=[{label:"Customer onboarding",old:"Endless 1:1 kickoff calls per account",now:"Self-paced customer academy live in days",Icon:X},{label:"Product adoption",old:"Customers stall, churn before value",now:"Guided activation paths drive faster adoption",Icon:Q},{label:"Multilingual reach",old:"English-only docs lose global customers",now:"100+ languages, lip-synced AI avatars",Icon:N},{label:"Product updates",old:"Customers stuck on last quarter's UI",now:"Update once — every customer sees the new flow",Icon:J},{label:"Visibility",old:"No idea which customers are trained",now:"Per-account completion & activation dashboards",Icon:v}];function re(){return e.jsx("section",{className:"py-20 md:py-28 relative overflow-hidden",children:e.jsxs("div",{className:"w-full px-5 md:px-10 lg:px-20 relative z-10",children:[e.jsxs(a.div,{...s,className:"text-center mb-14",children:[e.jsxs("span",{className:"inline-flex items-center gap-2 rounded-full bg-primary/10 px-4 py-1.5 text-xs font-bold text-primary uppercase tracking-widest mb-5",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-primary animate-pulse"}),"The cost of weak customer enablement"]}),e.jsxs("h2",{className:"font-display text-3xl md:text-4xl lg:text-5xl font-extrabold text-foreground leading-tight mb-4",children:["Your customers signed up.",e.jsx("br",{}),e.jsx("span",{className:"bg-clip-text text-transparent",style:{backgroundImage:"var(--gradient-cta)"},children:"But are they activated?"})]})]}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-6 md:gap-8",children:[e.jsxs(a.div,{...s,transition:{...s.transition,delay:.1},className:"hidden md:block relative rounded-2xl border border-destructive/20 bg-card p-6 md:p-8 overflow-hidden group",children:[e.jsx("div",{className:"absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-destructive/60 to-destructive/20"}),e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl bg-destructive/10 flex items-center justify-center",children:e.jsx(R,{className:"w-5 h-5 text-destructive"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-display text-lg font-bold text-foreground",children:"CS program without a customer academy"}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"Help docs, kickoff calls, English-only walkthroughs"})]})]}),e.jsx("div",{className:"space-y-4",children:T.map(t=>e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx(t.Icon,{className:"w-5 h-5 text-muted-foreground mt-0.5 shrink-0"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-0.5",children:t.label}

1),e.jsx("p",{className:"text-sm text-foreground/60 line-through decoration-destructive/40",children:t.old})]})]},t.label))}),e.jsx("div",{className:"mt-6 pt-5 border-t border-border",children:e.jsx("p",{className:"text-sm text-muted-foreground italic",children:'"Half our customers never reach their activation milestone..."'})})]}),e.jsxs(a.div,{...s,transition:{...s.transition,delay:.2},className:"relative rounded-2xl border border-primary/30 bg-card p-6 md:p-8 overflow-hidden shadow-lg shadow-primary/[0.08] group",children:[e.jsx("div",{className:"absolute top-0 left-0 w-full h-1",style:{backgroundImage:"var(--gradient-cta)"}}),e.jsx("div",{className:"absolute -top-20 -right-20 w-40 h-40 bg-primary/[0.06] rounded-full blur-2xl pointer-events-none"}),e.jsxs("div",{className:"flex items-center gap-3 mb-6 relative z-10",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl bg-primary/10 flex items-center justify-center",children:e.jsx("img",{src:O,alt:"ContentBuilder",className:"w-6 h-6"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-display text-lg font-bold text-foreground",children:"With ContentBuilder customer academy"}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"Upload once. Activate customers worldwide. Update anytime."})]})]}),e.jsx("div",{className:"space-y-4 relative z-10",children:T.map(t=>e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx(t.Icon,{className:"w-5 h-5 text-primary mt-0.5 shrink-0"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-0.5",children:t.label}),e.jsx("p",{className:"text-sm text-foreground font-semibold",children:t.now})]})]},t.label))}),e.jsx("div",{className:"mt-6 pt-5 border-t border-primary/10 relative z-10",children:e.jsx("a",{href:g,className:"inline-flex items-center gap-2 text-sm font-semibold text-primary hover:underline",children:"Launch your customer academy →"})})]})]}),e.jsx(a.div,{...s,transition:{...s.transition,delay:.3},className:"mt-10 flex flex-wrap justify-center gap-6 md:gap-10",children:[{value:"3x",label:"Faster customer activation"},{value:"60%",label:"Fewer onboarding support tickets"},{value:"100%",label:"Per-account completion visibility"}].map(t=>e.jsxs("div",{className:"text-center",children:[e.jsx("p",{className:"font-display text-2xl md:text-3xl font-extrabold bg-clip-text text-transparent",style:{backgroundImage:"var(--gradient-cta)"},children:t.value}),e.jsx("p",{className:"text-xs text-muted-foreground font-medium mt-1",children:t.label})]},t.label))})]})})}function ae(){return e.jsx("section",{className:"py-16 md:py-24 relative overflow-hidden bg-background",children:e.jsxs("div",{className:"w-full px-5 md:px-10 lg:px-20",children:[e.jsxs(a.div,{...s,className:"text-center mb-14",children:[e.jsx("p",{className:"text-primary font-semibold text-sm tracking-widest uppercase mb-3",children:"Two ways to launch your customer academy"}),e.jsxs("h2",{className:"font-display text-2xl md:text-4xl lg:text-[2.75rem] font-extrabold text-foreground leading-tight mb-3",children:["Build your customer education program once."," ",e.jsx("span",{className:"text-primary",children:"Activate customers for years."})]}),e.jsx("p",{className:"text-muted-foreground text-sm md:text-base max-w-xl mx-auto",children:"Use your own product docs, knowledge base articles and demo recordings — or start from a customer onboarding template and drop your content in."})]}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-6",children:[e.jsxs(a.div,{...s,transition:{...s.transition,delay:.1},className:"relative rounded-3xl overflow-hidden border border-border bg-gradient-to-br from-primary/10 via-primary/5 to-accent/10 hover:shadow-2xl hover:shadow-primary/15 transition-all duration-300 group",children:[e.jsxs("div",{className:"relative p-8 md:p-10 pb-0",children:[e.jsx("div",{className:"inline-flex items-center justify-center w-12 h-12 rounded-xl bg-foreground text-background mb-8 shadow-lg",children:e.jsx(h,{className:"w-5 h-5",strokeWidth:2})}),e.jsx("h3",{className:"font-display text-2xl md:text-[28px] lg:text-[32px] font-extrabold text-foreground leading-[1.15] mb-4 max-w-[16ch]",children:"Turn your product docs into a customer training course"}),e.jsx("p",{className:"text-muted-foreground text-[15px] leading-relaxed mb-7 max-w-[36ch]",children:"Drop in product docs, help center articles, demo recordings, release notes or Notion pages — AI structures them into a complete customer education program with lessons, knowledge checks and SCORM export."}),e.jsxs("a",{href:g,className:"inline-flex items-center gap-2 rounded-full bg-card border border-border px-5 py-3 text-sm font-bold text-foreground shadow-sm hover:shadow-md hover:bg-background transition-all",children:["Use my product docs",e.jsx(x,{className:"w-4 h-4"})]})]}),e.jsx("div",{className:"relative mt-8 px-8 md:px-10",children:e.jsx("img",{src:U,alt:"Build from your knowledge",className:"w-full rounded-t-2xl shadow-xl border border-border/60 -mb-px translate-y-2 group-hover:translate-y-0 transition-transform duration-300"})})]}),e.jsxs(a.div,{...s,transition:{...s.transition,delay:.2},className:"relative rounded-3xl overflow-hidden border border-border bg-gradient-to-br from-accent/15 via-accent/5 to-primary/10 hover:shadow-2xl hover:shadow-accent/15 transition-all duration-300 group",children:[e.jsxs("div",{className:"relative p-8 md:p-10 pb-0",children:[e.jsx("div",{className:"inline-flex items-center justify-center w-12 h-12 rounded-xl bg-foreground text-background mb-8 shadow-lg",children:e.jsx(D,{className:"w-5 h-5",strokeWidth:2})}),e.jsx("h3",{className:"font-display text-2xl md:text-[28px] lg:text-[32px] font-extrabold text-foreground leading-[1.15] mb-4 max-w-[16ch]",children:"Start from a customer onboarding template"}),e.jsx("p",{className:"text-muted-foreground text-[15px] leading-relaxed mb-7 max-w-[36ch]",children:"Pick a ready-made structure — customer onboarding flow, product walkthrough, customer university, admin certification — and replace placeholders with your product story. Live in minutes."}),e.jsxs(y,{to:"/template/employee-onboarding",className:"inline-flex items-center gap-2 rounded-full bg-card border border-border px-5 py-3 text-sm font-bold text-foreground shadow-sm hover:shadow-md hover:bg-background transition-all",children:["Browse templates",e.jsx(x,{className:"w-4 h-4"})]})]}),e.jsx("div",{className:"relative mt-8 px-8 md:px-10",children:e.jsx("img",{src:W,alt:"Ready-made training templates marketplace",className:"w-full rounded-t-2xl shadow-xl border border-border/60 -mb-px translate-y-2 group-hover:translate-y-0 transition-transform duration-300"})})]})]}),e.jsx(a.p,{...s,className:"text-center text-muted-foreground text-sm mt-8",children:"Set up in under an hour. Use the same customer academy for every new account and product release."})]})})}function se(){return e.jsx("section",{className:"py-16 md:py-24 relative overflow-hidden bg-background",children:e.jsxs("div",{className:"w-full px-5 md:px-10 lg:px-20 max-w-[1400px] mx-auto",children:[e.jsxs(a.div,{...s,className:"mb-10 md:mb-14 max-w-3xl",children:[e.jsx("p",{className:"text-primary font-semibold text-sm tracking-widest uppercase mb-3",children:"Built for customer success and education"}),e.jsx("h2",{className:"font-display text-3xl lg:text-[3.25rem] font-extrabold text-foreground leading-[1.05] tracking-tight md:text-4xl",children:"One customer training software stack — from product docs to activated, multilingual customers"})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-12 gap-4 md:gap-5",children:[e.jsxs(a.div,{...s,className:"md:col-span-7 md:row-span-2 relative rounded-3xl overflow-hidden border border-border bg-gradient-to-br from-[hsl(var(--primary)/0.12)] via-[hsl(var(--primary)/0.05)] to-[hsl(var(--accent)/0.10)] min-h-[420px] md:min-

1h-[640px] flex flex-col",children:[e.jsx("div",{className:"relative flex-1 flex items-center justify-center px-6 pt-10 md:px-12 md:pt-14",children:e.jsxs("div",{className:"relative w-full max-w-[460px] aspect-[4/5] rounded-2xl overflow-hidden shadow-2xl border border-border/60 bg-muted",children:[e.jsx("video",{src:$,autoPlay:!0,loop:!0,muted:!0,playsInline:!0,className:"absolute inset-0 w-full h-full object-cover scale-125"}),e.jsxs("div",{className:"absolute bottom-3 left-3 right-3 flex items-center gap-2 rounded-xl bg-background/95 backdrop-blur border border-border px-3 py-2 shadow-lg",children:[e.jsx("div",{className:"w-2 h-2 rounded-full bg-[hsl(0_84%_60%)] animate-pulse"}),e.jsx("span",{className:"text-xs font-medium text-foreground",children:"Activating customers in 100+ languages"})]})]})}),e.jsxs("div",{className:"relative p-7 md:p-10 pt-6",children:[e.jsx("div",{className:"inline-flex items-center rounded-full bg-background/80 backdrop-blur border border-border px-3 py-1 mb-4",children:e.jsx("span",{className:"text-[11px] font-bold tracking-widest uppercase text-foreground",children:"AI Avatars"})}),e.jsx("h3",{className:"font-display text-xl md:text-2xl lg:text-[26px] font-extrabold text-foreground leading-[1.2] mb-2 max-w-[20ch]",children:"Lifelike AI avatars onboard your customers for you"}),e.jsx("p",{className:"text-muted-foreground text-[15px] leading-relaxed max-w-[44ch]",children:"Choose from 200+ avatars or clone your top onboarding manager. They walk every customer through setup, key workflows and best practices — in your tone, in any language."})]})]}),e.jsxs(a.div,{...s,transition:{...s.transition,delay:.05},className:"md:col-span-5 relative rounded-3xl overflow-hidden border border-border bg-gradient-to-br from-[hsl(var(--accent)/0.18)] via-background to-[hsl(var(--primary)/0.08)] min-h-[260px] md:min-h-[310px] flex flex-col",children:[e.jsx("div",{className:"relative flex-1 flex items-center justify-center pt-8 px-6 md:px-8",children:e.jsxs("div",{className:"w-full max-w-[280px] rounded-xl bg-background border border-border shadow-xl p-3 space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2 px-2 py-1.5 rounded-md bg-muted/60",children:[e.jsx(A,{className:"w-4 h-4 text-primary shrink-0"}),e.jsx("span",{className:"text-xs font-medium text-foreground truncate",children:"product-docs.pdf"})]}),e.jsxs("div",{className:"flex items-center gap-2 px-2 py-1.5 rounded-md bg-muted/60",children:[e.jsx(A,{className:"w-4 h-4 text-primary shrink-0"}),e.jsx("span",{className:"text-xs font-medium text-foreground truncate",children:"help-center-export.pptx"})]}),e.jsxs("div",{className:"flex items-center gap-2 px-2 py-1.5 rounded-md bg-foreground text-background",children:[e.jsx(H,{className:"w-4 h-4 shrink-0"}),e.jsx("span",{className:"text-xs font-bold",children:"Building customer course…"})]})]})}),e.jsxs("div",{className:"p-7 md:p-8 pt-5",children:[e.jsx("div",{className:"inline-flex items-center rounded-full bg-background border border-border px-3 py-1 mb-3",children:e.jsx("span",{className:"text-[11px] font-bold tracking-widest uppercase text-foreground",children:"Files → Customer course"})}),e.jsx("h3",{className:"font-display text-xl md:text-[22px] font-extrabold text-foreground leading-[1.2] mb-2",children:"Turn product docs, help articles and demos into a customer training program"}),e.jsx("p",{className:"text-muted-foreground text-[14px] leading-relaxed",children:"Drop in PDFs, PPTX, DOCX or a Notion link — get a structured customer onboarding course with modules, lessons and knowledge checks in minutes."})]})]}),e.jsxs(a.div,{...s,transition:{...s.transition,delay:.1},className:"md:col-span-5 relative rounded-3xl overflow-hidden border border-border bg-gradient-to-br from-[hsl(var(--primary)/0.10)] via-background to-[hsl(var(--accent)/0.12)] min-h-[260px] md:min-h-[310px] flex flex-col",children:[e.jsx("div",{className:"relative flex-1 flex items-end justify-end px-6 pt-6",children:e.jsx("div",{className:"flex flex-wrap gap-1.5 justify-end max-w-[280px]",children:["English","Español","Français","Deutsch","中文","日本語","Português","العربية","हिन्दी","Italiano","Polski","Türkçe","+89 more"].map((t,r)=>e.jsx("span",{className:`text-[11px] font-semibold px-2.5 py-1 rounded-full border ${r===12?"bg-foreground text-background border-foreground":"bg-background border-border text-foreground"}`,children:t},t))})}),e.jsxs("div",{className:"p-7 md:p-8 pt-5",children:[e.jsx("div",{className:"inline-flex items-center rounded-full bg-background border border-border px-3 py-1 mb-3",children:e.jsx("span",{className:"text-[11px] font-bold tracking-widest uppercase text-foreground",children:"1-click translation"})}),e.jsx("h3",{className:"font-display text-xl md:text-[22px] font-extrabold text-foreground leading-[1.2] mb-2",children:"Same customer training, every region, in 100+ languages"}),e.jsx("p",{className:"text-muted-foreground text-[14px] leading-relaxed",children:"One source of truth for every customer worldwide. Translate your customer academy in one click — your AI avatar stays on-brand, lips synced perfectly."})]})]}),e.jsxs(a.div,{...s,transition:{...s.transition,delay:.15},className:"md:col-span-12 relative rounded-3xl overflow-hidden border border-border bg-gradient-to-br from-[hsl(var(--accent)/0.20)] via-[hsl(var(--primary)/0.06)] to-background min-h-[320px] md:min-

1h-[380px] grid md:grid-cols-12",children:[e.jsxs("div",{className:"md:col-span-6 p-7 md:p-12 flex flex-col justify-center",children:[e.jsx("div",{className:"inline-flex items-center rounded-full bg-background border border-border px-3 py-1 mb-4 self-start",children:e.jsx("span",{className:"text-[11px] font-bold tracking-widest uppercase text-foreground",children:"Brandkit"})}),e.jsx("h3",{className:"font-display text-2xl md:text-3xl lg:text-[34px] font-extrabold text-foreground leading-[1.15] mb-3 max-w-[18ch]",children:"Every customer lesson stays perfectly on-brand"}),e.jsx("p",{className:"text-muted-foreground text-[15px] leading-relaxed max-w-[44ch]",children:"Upload your logo, set your colors, lock your fonts. Your customer university looks like it came straight from your product team — even when a customer is logging in from another continent."})]}),e.jsx("div",{className:"md:col-span-6 relative flex items-center justify-center p-6 md:p-10",children:e.jsx("div",{className:"w-full max-w-[520px] rounded-xl overflow-hidden bg-background border border-border shadow-xl",children:e.jsx("img",{src:_,alt:"Brand kit editor with logo, colors and fonts applied to a slide",className:"w-full h-auto block",loading:"lazy"})})})]})]})]})})}const b=[{title:"Step 1: Upload your product docs, help center and demos",desc:"PDF, PPTX, DOCX, Google Doc, Notion link, demo recording — anything your customer success team already uses. No prep, no rewriting.",icon:h,image:Y},{title:"Step 2: AI builds your customer training curriculum",desc:"Modules, lessons, knowledge checks and progress tracking are generated from your materials — structured for self-service customer learning.",icon:w,image:K},{title:"Step 3: Invite customers. Track adoption. Update once.",desc:"Send one link or embed in-app for every customer worldwide. When the product changes, edit in one place — every account sees the latest version.",icon:v,image:Z}];function oe(){const[t,r]=d.useState(0);return d.useEffect(()=>{const n=setInterval(()=>r(i=>(i+1)%b.length),5e3);return()=>clearInterval(n)},[]),e.jsx("section",{className:"py-16 md:py-24 bg-background",children:e.jsxs("div",{className:"w-full px-5 md:px-10 lg:px-20",children:[e.jsxs(a.div,{...s,className:"text-center mb-12 md:mb-16",children:[e.jsx("h2",{className:"font-display text-2xl md:text-4xl lg:text-[2.75rem] font-extrabold text-foreground leading-tight mb-3",children:"Launch your customer onboarding platform in minutes."}),e.jsx("p",{className:"text-muted-foreground text-sm md:text-base max-w-lg mx-auto",children:"Three steps. Your existing product documentation. No instructional designer needed."})]}),e.jsxs("div",{className:"grid lg:grid-cols-2 gap-10 lg:gap-16 items-center",children:[e.jsxs("div",{className:"space-y-2",children:[b.map((n,i)=>{const l=t===i;return e.jsxs("div",{children:[e.jsx("button",{onClick:()=>r(i),className:"text-left group w-full",children:e.jsxs("div",{className:`flex gap-4 p-4 rounded-xl transition-all duration-300 ${l?"bg-card border border-border shadow-sm":"hover:bg-muted/50"}`,children:[e.jsx("div",{className:`flex h-10 w-10 shrink-0 items-center justify-center rounded-lg transition-all duration-300 ${l?"bg-primary text-primary-foreground shadow-md shadow-primary/30":"bg-muted text-muted-foreground"}`,children:e.jsx("span",{className:"font-display text-sm font-bold",children:i+1})}),e.jsxs("div",{className:"flex-1",children:[e.jsx("h3",{className:`font-display text-base md:text-lg font-bold mb-1 transition-colors duration-300 ${l?"text-foreground":"text-foreground/60"}`,children:n.title}),e.jsx(B,{mode:"wait",children:l&&e.jsx(a.p,{initial:{opacity:0,height:0},animate:{opacity:1,height:"auto"},exit:{opacity:0,height:0},transition:{duration:.3},className:"text-muted-foreground text-sm leading-relaxed overflow-hidden",children:n.desc})}),l&&e.jsx(a.div,{className:"mt-3 h-0.5 rounded-full cta-gradient",initial:{width:0},animate:{width:"100%"},transition:{duration:5,ease:"linear"}},`progress-${i}-${t}`)]})]})}),e.jsx(B,{mode:"wait",children:l&&e.jsx(a.div,{initial:{opacity:0,height:0}

1,animate:{opacity:1,height:"auto"},exit:{opacity:0,height:0},transition:{duration:.4},className:"lg:hidden rounded-xl overflow-hidden border border-border shadow-lg bg-card mt-2 mb-2",children:e.jsx("img",{src:n.image,alt:n.title,className:"w-full h-auto object-cover",loading:"lazy"})},`img-mob-${i}`)})]},n.title)}),e.jsx(a.div,{...s,className:"pt-4",children:e.jsxs("a",{href:g,className:"inline-flex items-center gap-2.5 rounded-xl cta-gradient px-7 py-3.5 text-sm md:text-base font-bold text-primary-foreground shadow-[var(--shadow-cta)] transition-all hover:-translate-y-0.5 hover:shadow-xl",children:["Launch my customer academy ",e.jsx(x,{className:"h-4 w-4"})]})})]}),e.jsx(a.div,{initial:{opacity:0,scale:.97},animate:{opacity:1,scale:1},transition:{duration:.4},className:"hidden lg:block rounded-2xl overflow-hidden border border-border shadow-lg bg-card",children:e.jsx("img",{src:b[t].image,alt:b[t].title,className:"w-full h-auto object-cover",loading:"lazy"})},t)]})]})})}const ne=[{value:"3x",label:"faster customer activation vs. 1:1 onboarding"},{value:"60%",label:"fewer onboarding support tickets"},{value:"100+",label:"languages for global customer education"},{value:"100%",label:"per-account adoption visibility"}];function ie(){return e.jsx("section",{className:"relative z-10 py-12 md:py-16",children:e.jsx("div",{className:"w-full px-5 md:px-10 lg:px-20 relative z-10",children:e.jsx("div",{className:"grid grid-cols-2 lg:grid-cols-4 gap-4 md:gap-6",children:ne.map((t,r)=>e.jsxs(a.div,{...s,transition:{...s.transition,delay:r*.1},className:"text-center",children:[e.jsx("p",{className:"font-display text-3xl md:text-4xl font-extrabold text-primary mb-1",children:e.jsx(L,{value:t.value})}),e.jsx("p",{className:"text-xs md:text-sm text-muted-foreground font-medium uppercase tracking-wide",children:t.label})]},t.label))})})})}const le=["eo-005","eo-002","eo-004","eo-006","eo-003","eo-007","ai-003","ai-006"];function de(){const t=le.map(r=>I.find(n=>n.id===r)).filter(Boolean);return e.jsx("section",{className:"py-16 md:py-24 bg-background",children:e.jsxs("div",{className:"w-full px-5 md:px-10 lg:px-20",children:[e.jsxs("div",{className:"flex items-end justify-between mb-10 md:mb-14",children:[e.jsxs(a.div,{...s,children:[e.jsx("h2",{className:"font-display text-2xl md:text-4xl font-extrabold text-foreground mb-2",children:"No time to build from scratch? Use a customer onboarding template."}),e.jsx("p",{className:"text-muted-foreground text-sm md:text-base max-w-lg",children:"Proven course structures — customer onboarding flows, product walkthroughs, customer universities, admin certification. Pick one and drop in your product story."})]}),e.jsx(a.div,{...s,children:e.jsx(y,{to:"/template",className:"hidden sm:inline-flex items-center gap-1.5 rounded-lg border border-border bg-card px-4 py-2 text-sm font-semibold text-foreground transition-colors hover:bg-muted",children:"View all templates"})})]}

1),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-5 md:gap-6",children:t.map((r,n)=>{const l=I.filter(p=>p.category===r.category).findIndex(p=>p.id===r.id),c=V(r.category,l>=0?l:0);return e.jsx(a.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.4,delay:n*.05},children:e.jsxs(y,{to:`/template/${r.category}/${r.slug}`,className:"group block",children:[e.jsx("div",{className:"rounded-xl border border-border bg-card overflow-hidden shadow-sm transition-all group-hover:shadow-[var(--shadow-card-hover)] group-hover:border-primary/20 group-hover:-translate-y-1",children:e.jsx("div",{className:"aspect-[16/10] overflow-hidden",children:e.jsx("img",{src:c,alt:r.title,className:"w-full h-full object-cover transition-transform duration-300 group-hover:scale-105",loading:"lazy"})})}),e.jsxs("div",{className:"mt-3",children:[e.jsx("h3",{className:"font-display text-sm md:text-base font-bold text-foreground leading-snug line-clamp-2 group-hover:text-primary transition-colors",children:r.title}),e.jsx("p",{className:"text-xs md:text-sm text-muted-foreground mt-0.5 line-clamp-1",children:r.shortDescription})]})]})},r.id)})}),e.jsx(a.div,{...s,className:"mt-8 text-center sm:hidden",children:e.jsxs(y,{to:"/template",className:"inline-flex items-center gap-1.5 rounded-lg border border-border bg-card px-5 py-2.5 text-sm font-semibold text-foreground",children:["View all templates ",e.jsx(x,{className:"h-4 w-4"})]})})]})})}const j=[{pct:"3x",label:"faster customer activation",quote:"New customers used to take 6 weeks of kickoff calls to reach activation. With our customer academy on ContentBuilder they're activated in under 2 weeks.",name:"Sarah M.",role:"VP Customer Success",company:"B2B SaaS"},{pct:"100+",label:"languages, zero rework",quote:"Our customer education in EMEA, LATAM and APAC used to live in a translation backlog. Now we publish once and every customer gets it in their language.",name:"Michael K.",role:"Director, Customer Education",company:"Global SaaS"},{pct:"60%",label:"fewer onboarding tickets",quote:"Self-serve customer training cut our onboarding ticket volume by 60%. AI handles the curriculum from our help center and product docs.",name:"Anna P.",role:"Head of Customer Onboarding",company:"Fintech"},{pct:"98%",label:"customer course completion",quote:"Completion rates on our customer onboarding jumped from 38% to 98%. Self-paced AI video keeps customers engaged through the whole product walkthrough.",name:"David R.",role:"CS Operations Lead",company:"DevTools SaaS"}];function ce(){const t=[...j,...j,...j],r=d.useRef(null),n=d.useRef(!1),i=d.useRef(0),l=d.useRef(0),c=d.useRef(!1);d.useEffect(()=>{const o=r.current;o&&requestAnimationFrame(()=>{o.scrollLeft=o.scrollWidth/3})},[]),d.useEffect(()=>{const o=r.current;if(!o)return;const m=.5;let u;const f=()=>{!c.current&&o&&(o.scrollLeft+=m),u=requestAnimationFrame(f)};return u=requestAnimationFrame(f),()=>cancelAnimationFrame(u)},[]);const p=d.useCallback(()=>{const o=r.current;if(!o)return;const m=o.scrollWidth/3;o.scrollLeft<=0?o.scrollLeft+=m:o.scrollLeft>=m*2&&(o.scrollLeft-=m)},[]),q=d.useCallback(o=>{var m,u;n.current=!0,c.current=!0,i.current=o.pageX-(((m=r.current)==null?void 0:m.offsetLeft)||0),l.current=((u=r.current)==null?void 0:u.scrollLeft)||0},[]),F=d.useCallback(o=>{!n.current||!r.current||(o.preventDefault(),r.current.scrollLeft=l.current-(o.pageX-r.current.offsetLeft-i.current)*1.2)},[]),k=d.useCallback(()=>{n.current=!1,setTimeout(()=>{c.current=!1},2e3)},[]);return e.jsxs("section",{className:"py-16 md:py-24 bg-background overflow-hidden",children:[e.jsx(a.div,{...s,className:"text-center mb-10 md:mb-14 px-4",children:e.jsx("h2",{className:"font-display text-2xl md:text-4xl font-extrabold text-foreground",children:"Customer success teams running their customer academy on ContentBuilder"})}),e.jsx("div",{ref:r,className:"overflow-x-auto select-none scrollbar-hide",style:{scrollBehavior:"auto",cursor:"grab"},onScroll:p,onMouseDown:q,onMouseMove:F,onMouseUp:k,onMouseLeave:k,children:e.jsx("div",{className:"flex gap-5 px-6 md:px-8 min-w-max",children:t.map((o,m)=>e.jsxs("div",{className:"rounded-2xl border border-border bg-card p-5 md:p-6 flex-shrink-0 flex flex-col w-[280px] md:w-[320px] lg:w-[360

1px] min-h-[280px] md:min-h-[300px]",style:{userSelect:"none"},children:[e.jsxs("div",{className:"flex-grow",children:[e.jsxs("div",{className:"flex items-baseline gap-2 mb-3",children:[e.jsx("p",{className:"font-display text-3xl md:text-4xl font-extrabold text-primary",children:e.jsx(L,{value:o.pct})}),e.jsx("p",{className:"text-xs text-muted-foreground font-medium",children:o.label})]}),e.jsx("div",{className:"flex mb-2",children:[...Array(5)].map((u,f)=>e.jsx(G,{className:"h-3.5 w-3.5 text-amber-400 fill-amber-400"},f))}),e.jsxs("p",{className:"text-sm text-foreground/80 leading-relaxed",children:['"',o.quote,'"']})]}),e.jsxs("div",{className:"mt-4 pt-4 border-t border-border",children:[e.jsx("p",{className:"text-sm font-bold text-foreground",children:o.name}),e.jsxs("p",{className:"text-xs text-muted-foreground",children:[o.role," • ",o.company]})]})]},m))})})]})}function me(){return e.jsx("section",{className:"bg-background",children:e.jsx("div",{className:"w-full",children:e.jsxs(a.div,{...s,className:"relative hero-gradient p-8 md:p-14 text-center overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 brand-gradient-subtle opacity-50"}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("h2",{className:"font-display text-2xl md:text-4xl font-extrabold text-primary-foreground mb-4",children:"Build your customer academy"}),e.jsx("p",{className:"text-primary-foreground/60 text-sm md:text-base mb-8 max-w-md mx-auto",children:"Upload your product docs and help center. Activate customers in days — in any language, with full adoption visibility."}),e.jsxs("div",{className:"flex flex-col sm:flex-row items-center justify-center gap-3 sm:gap-4",children:[e.jsxs("a",{href:g,className:"w-full sm:w-auto inline-flex items-center justify-center gap-2.5 rounded-xl bg-primary-foreground px-7 py-3.5 text-sm md:text-base font-bold text-foreground transition-all hover:scale-[1.02] hover:shadow-xl",children:[e.jsx(h,{className:"h-4 w-4 md:h-5 md:w-5"}),"Start your customer academy free"]}),e.jsx("a",{href:"https://calendly.com/o-dutchak-smartexpert/30min",target:"_blank",rel:"noopener noreferrer",className:"w-full sm:w-auto inline-flex items-center justify-center gap-2.5 rounded-xl border-2 border-primary-foreground/30 bg-primary-foreground/10 backdrop-blur-sm px-7 py-3.5 text-sm md:text-base font-bold text-primary-foreground transition-all hover:bg-primary-foreground/20",children:"Book demo"})]}),e.jsx("p",{className:"text-primary-foreground/40 text-xs font-medium mt-6",children:"No credit card • SCORM export included • 100+ languages"})]})]})})})}const P=[{q:"What is customer training?",a:"Customer training is the structured education you provide to your customers so they can use your product effectively. It typically covers onboarding (the first 30–90 days), feature deep-dives, certification programs for power users, and ongoing release training. A customer training platform automates the creation, delivery, and tracking of these courses, so you don't need an instructional designer for every module."},{q:"What's the difference between customer training and customer success?",a:"Customer success is the broader function — relationship management, QBRs, expansion, retention, churn prevention. Customer training is a tool inside customer success: the structured learning program that drives product adoption. ContentBuilder.ai gives customer success teams a customer training platform that scales without 1-on-1 demo calls."},{q:"How do you build a customer academy?",a:"Start with a customer training platform that generates courses from your existing materials — product docs, release notes, demo videos. Structure the academy around your customer journey: onboarding, core feature training, advanced workflows, certification. ContentBuilder.ai builds all four in minutes from a single upload, with multilingual support and branded output."},{q:"Why is customer training important?",a:"Three reasons: activation (customers who complete onboarding training activate 2-3x more), retention (trained customers churn 30-50% less in year one), and CS leverage (every minute a customer spends in self-paced training is a minute your CS team isn't running a 1:1 demo). Customer training is the highest-leverage retention investment in B2B SaaS."},{q:"How to reduce customer churn with training?",a:"Most churn happens because customers never reached value. A structured customer onboarding program — delivered the first 30 days post-signup — gets customers to activation. Our data shows that customer training programs that include quizzes (vs. videos alone) drive 40% better retention because they require active learning."},{q:"What's the best customer training platform?",a:"The best customer training platform combines four things: AI-generated curriculum from your existing materials, multilingual delivery (100+ languages with lip sync), branded output that matches your product, and SCORM export for any customer LMS. ContentBuilder.ai delivers all four with a free trial — no credit card required."},{q:"How do you onboard customers at scale?",a:"Self-paced customer onboarding plus automatic content updates. Replace the 1-on-1 kickoff call with a structured training path: welcome video, account setup, core workflow walkthrough, first-success milestone. Every customer gets the same high-quality onboarding without burning CS team time. Track completion to know who needs a human intervention."},{q:"What should a customer training program include?",a:"A complete customer training program covers: pre-launch onboarding (account setup, key concepts), product foundations (core workflows in your product), advanced features (the deep stuff that drives expansion), certification (for power users and admins), and ongoing release training (every product update). ContentBuilder.ai generates all five layers from a single content upload."}];function ue(){const[t,r]=d.useState(0),n={"@context":"https://schema.org","@type":"FAQPage",mainEntity:P.map(i=>

1({"@type":"Question",name:i.q,acceptedAnswer:{"@type":"Answer",text:i.a}}))};return e.jsxs("section",{className:"py-16 md:py-24 bg-background",children:[e.jsx("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(n)}}),e.jsxs("div",{className:"w-full max-w-3xl mx-auto px-5 md:px-10",children:[e.jsx(a.h2,{...s,className:"font-display text-3xl md:text-4xl font-extrabold text-foreground text-center mb-10",children:"Customer training platform FAQ"}),e.jsx("div",{className:"space-y-3",children:P.map((i,l)=>{const c=t===l;return e.jsxs(a.div,{...s,transition:{...s.transition,delay:l*.03},className:"rounded-xl border border-border bg-card overflow-hidden",children:[e.jsxs("button",{type:"button",onClick:()=>r(c?null:l),className:"w-full flex items-start justify-between gap-4 text-left px-5 py-4 md:px-6 md:py-5 hover:bg-muted/40 transition-colors","aria-expanded":c,children:[e.jsx("h3",{className:"font-display text-base md:text-lg font-bold text-foreground",children:i.q}),e.jsx(x,{className:`h-5 w-5 text-primary shrink-0 transition-transform ${c?"rotate-90":""}`})]}),e.jsx("div",{className:c?"px-5 pb-5 md:px-6 md:pb-6":"sr-only",children:e.jsx("p",{className:"text-sm md:text-base text-muted-foreground leading-relaxed",children:i.a})})]},l)})})]})]})}function be(){return e.jsxs(e.Fragment,{children:[e.jsx(M,{title:"Customer Training Platform | ContentBuilder.ai",description:"Build a customer training academy in minutes. AI turns product docs into self-paced customer onboarding and education courses. Boost activation. Free trial."}),e.jsx(z,{}),e.jsxs("main",{children:[e.jsx("div",{className:"relative overflow-x-clip brand-gradient-soft",children:e.jsx(te,{})}),e.jsx(ie,{}),e.jsx(re,{}),e.jsx(se,{}),e.jsx(oe,{}),e.jsx(ae,{}),e.jsx(de,{}),e.jsx(ce,{}),e.jsx(ue,{}),e.jsx(me,{})]}),e.jsx(E,{})]})}export{be as default};