https://salesbyte.se/assets/Academy-DSSc2Qy-.js

1import{r as f,a as u,b as n,j as e,l as v,F as q,a2 as k,n as P,h as S,L as T,S as C,t as _,v as D,B as g,A as o,C as B,T as V,w,aN as E,an as I,aO as $}from"./index-CWuOSshV.js";import{A}from"./AppPreviewMockup-BU-tMMEE.js";import{P as R}from"./PageChatSection-BmVJZJMR.js";import{T as H}from"./tag-DQAnT4P8.js";import{T as L}from"./triangle-alert-BeM8ZnP9.js";import{P as W}from"./phone-off-Bxy4n5T7.js";import{D as z}from"./database-CW8OtnvZ.js";import{R as M}from"./refresh-cw-DKAI3EHp.js";import"./vera-avatar-BwZkaboa.js";import"./clock-DH9ZJCqu.js";const j="https://app.salesbyte.se/js/modal-widget.js",F="https://app.salesbyte.se/form/5w6zhZbLrTkerG/quote?redirect_back=false&mobile_preview=true";let c=null;const K=()=>typeof window>"u"?Promise.reject():window.SalesByteModalWidget?Promise.resolve():c||(c=new Promise((t,a)=>{const l=document.querySelector(`script[src="${j}"]`),s=l??document.createElement("script");l||(s.src=j,s.async=!0,document.head.appendChild(s)),s.addEventListener("load",()=>t()),s.addEventListener("error",()=>{c=null,a(new Error("Failed to load SalesByte widget"))}),window.SalesByteModalWidget&&t()}),c);function O(){return f.useCallback(async()=>{var t;try{await K(),!window.salesByteWidget&&window.SalesByteModalWidget&&(window.salesByteWidget=new window.SalesByteModalWidget({iframeSrc:F})),(t=window.salesByteWidget)==null||t.openModal()}catch(a){console.error(a)}},[])}const Y=()=>{const{t}=u(),a=n();return e.jsx("section",{ref:a.ref,className:"relative py-24 light-section overflow-hidden",children:e.jsx("div",{className:"container mx-auto px-4 relative z-10",children:e.jsxs("div",{className:"grid lg:grid-cols-2 gap-12 items-center max-w-6xl mx-auto",children:[e.jsxs("div",{className:a.isVisible?"animate-fade-in":"opacity-0",children:[e.jsxs("h2",{className:"text-3xl md:text-4xl lg:text-5xl font-bold font-display text-black leading-tight mb-5",children:[t("cpq.syncTitlePre")," ",t("cpq.syncTitleHighlight")]}),e.jsx("p",{className:"text-lg text-muted-foreground mb-6",children:t("cpq.syncSubtitle")}),e.jsx("ul",{className:"space-y-3 mb-6",children:[t("cpq.syncP1"),t("cpq.syncP2"),t("cpq.syncP3")].map(l=>e.jsxs("li",{className:"flex items-start gap-3 text-foreground",children:[e.jsx(w,{className:"w-5 h-5 text-primary flex-shrink-0 mt-0.5"}),e.jsx("span",{children:l})]},l))}),e.jsx("p",{className:"text-sm text-muted-foreground italic",children:t("cpq.syncCustom")})]}),e.jsx("div",{className:`flex justify-center ${a.isVisible?"animate-fade-in":"opacity-0"}`,style:{animationDelay:"150ms"},children:e.jsxs("div",{className:"relative w-full max-w-md bg-white rounded-3xl p-8 border border-border/40 shadow-lg",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-accent/5 rounded-3xl pointer-events-none"}),e.jsxs("div",{className:"relative flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"flex flex-col items-center gap-2 flex-1",children:[e.jsx("div",{className:"w-20 h-20 rounded-2xl bg-secondary/60 border border-border/40 flex items-center justify-center p-3",children:e.jsx("img",{src:I,alt:"E-commerce",className:"w-full h-full object-contain"})}),e.jsx("span",{className:"text-xs font-medium text-muted-foreground",children:t("cpq.syncYourEcom")})]}),e.jsx(o,{className:"w-5 h-5 text-primary flex-shrink-0 animate-pulse"}),e.jsxs("div",{className:"flex flex-col items-center gap-2 flex-1",children:[e.jsx("div",{className:"w-20 h-20 rounded-2xl bg-secondary/60 border border-border/40 flex items-center justify-center",children:e.jsx(z,{className:"w-9 h-9 text-primary"})}),e.jsx("span",{className:"text-xs font-medium text-muted-foreground",children:t("cpq.syncYourErp")})]}),e.jsx(o,{className:"w-5 h-5 text-primary flex-shrink-0 animate-pulse",style:{animationDelay:"300ms"}}),e.jsxs("div",{className:"flex flex-col items-center gap-2 flex-1",children:[e.jsx("div",{className:"w-20 h-20 rounded-2xl bg-primary/10 border border-primary/30 flex items-center justify-center p-3",children:e.jsx("img",{src:$,alt:"SalesByte",className:"w-full h-full object-contain"})}),e.jsx("span",{className:"text-xs font-medium text-primary",children:"SalesByte"})]})]}),e.jsxs("div",{className:"relative mt-8 pt-6 border-t border-border/40 flex items-center justify-center gap-2 text-sm text-muted-foreground",children:[e.jsx(M,{className:"w-4 h-4 text-primary animate-spin",style:{animationDuration:"4s"}}),e.jsx("span",{children:t("cpq.syncRealtime")})]})]})})]})})})},G=()=>{const{t}=u(),a=n(),l=[{k:t("conversionImpact.stat1Value"),v:t("conversionImpact.stat1Label")},{k:t("conversionImpact.stat3Value"),v:t("conversionImpact.stat3Label")}];return e.jsx("section",{ref:a.ref,className:"relative pt-24 md:pt-32 pb-24 light-section overflow-hidden !m-0",children:e.jsxs("div",{className:"container mx-auto px-4 relative z-10",children:[e.jsxs("div",{className:`text-center max-w-3xl mx-auto mb-12 ${a.isVisible?"animate-fade-in":"opacity-0"}`,children:[e.jsx("h2",{className:"text-3xl md:text-4xl lg:text-5xl font-bold font-display text-black leading-tight mb-5",children:t("conversionImpact.title")}),e.jsx("p",{className:"text-lg text-muted-foreground",children:t("conversionImpact.subtitle")})]}),e.jsx("div",{className:`grid grid-cols-1 md:grid-cols-2 gap-16 max-w-5xl mx-auto text-center ${a.isVisible?"animate-fade-in":"opacity-0"}`,style:{animationDelay:"150ms"},children:l.map((s,d)=>e.jsxs("div",{style:{animationDelay:`${d*200}ms`},children:[e.jsx("p",{className:"text-5xl md:text-6xl lg:text-7xl font-bold font-display mb-4 whitespace-nowrap bg-clip-text text-transparent",style:{backgroundImage:"linear-gradient(135deg, hsl(270 65% 25%), hsl(280 60% 45%))"},children:s.k}),e.jsx("p",{className:"text-xl text-muted-foreground",children:s.v})]},s.k))})]})})},le=()=>{const{t}=u(),a=O(),l=typeof window<"u"&&/\/carts(\/|$)/i.test(window.location.pathname),[s,d]=f.useState(0),m=n(),b=f.useRef(null),x=n(),p=n();n();const h=[{icon:e.jsx(v,{className:"w-5 h-5"}),title:t("cpq.step1Title"),headline:t("cpq.step1Headline"),points:[t("cpq.step1P1"),t("cpq.step1P2"),t("

1cpq.step1P3")]},{icon:e.jsx(H,{className:"w-5 h-5"}),title:t("cpq.step2Title"),headline:t("cpq.step2Headline"),points:[t("cpq.step2P1"),t("cpq.step2P2"),t("cpq.step2P3")]},{icon:e.jsx(q,{className:"w-5 h-5"}),title:t("cpq.step3Title"),headline:t("cpq.step3Headline"),points:[t("cpq.step3P1"),t("cpq.step3P2"),t("cpq.step3P3")]},{icon:e.jsx(k,{className:"w-5 h-5"}),title:t("cpq.step4Title"),headline:t("cpq.step4Headline"),points:[t("cpq.step4P1"),t("cpq.step4P2"),t("cpq.step4P3")]},{icon:e.jsx(P,{className:"w-5 h-5"}),title:t("cpq.step5Title"),headline:t("cpq.step5Headline"),points:[t("cpq.step5P1"),t("cpq.step5P2"),t("cpq.step5P3"),t("cpq.step5P4")]}],y=[{icon:e.jsx(L,{className:"w-6 h-6 text-white"}),title:t("cpq.problem1Title"),desc:t("cpq.problem1Desc")},{icon:e.jsx(W,{className:"w-6 h-6 text-white"}),title:t("cpq.problem2Title"),desc:t("cpq.problem2Desc")},{icon:e.jsx(S,{className:"w-6 h-6 text-white"}),title:t("cpq.problem3Title"),desc:t("cpq.problem3Desc")}];t("cpq.stat1K"),t("cpq.stat1V"),t("cpq.stat2K"),t("cpq.stat2V"),t("cpq.stat3K"),t("cpq.stat3V");const N=()=>{var i;(i=document.getElementById("lp-signup"))==null||i.scrollIntoView({behavior:"smooth",block:"center"})};return e.jsxs(T,{children:[e.jsx(C,{title:t("cpq.seoTitle"),description:t("cpq.seoDesc")}),e.jsxs("div",{className:"svea-flow",children:[e.jsx(_,{triggerRef:b}),e.jsxs(D,{backgroundColor:"hsl(270 30% 97%)",backgroundImage:"radial-gradient(ellipse 900px 700px at 10% 3%, hsl(270 85% 88% / 0.6), transparent 60%), radial-gradient(ellipse 1000px 800px at 95% 18%, hsl(190 85% 86% / 0.55), transparent 65%), radial-gradient(ellipse 1100px 900px at 5% 68%, hsl(290 75% 90% / 0.6), transparent 60%), radial-gradient(ellipse 1000px 800px at 100% 88%, hsl(220 85% 90% / 0.55), transparent 65%)",children:[e.jsx("section",{ref:m.ref,className:"relative overflow-hidden pt-16 pb-0",children:e.jsx("div",{className:"container mx-auto px-4 relative z-10",children:e.jsxs("div",{className:"grid lg:grid-cols-2 gap-12 items-center",children:[e.jsxs("div",{className:m.isVisible?"animate-fade-in":"opacity-0",children:[e.jsxs("h1",{className:"text-4xl md:text-5xl lg:text-6xl font-bold font-display text-black leading-tight mb-6",children:[t("cpq.heroTitlePre")," ",e.jsx("span",{className:"text-primary",children:t("cpq.heroTitleHighlight")})]}),e.jsx("p",{className:"text-lg text-muted-foreground mb-8 max-w-xl",children:t("cpq.heroSubtitle")}),e.jsx("div",{className:"mb-8 max-w-xl",ref:b,children:e.jsx(R,{inline:!0,theme:"light",context:t("chatContext.carts.context"),welcome:t("chatContext.carts.welcome")})}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-3 mb-4",children:[l?e.jsxs(g,{id:"modal-widget-1",size:"lg",className:"gap-2 bg-neutral-800 hover:bg-neutral-700 text-white",onClick:a,children:[t("academy.viewDemo")," ",e.jsx(o,{className:"w-4 h-4"})]}):e.jsxs(g,{size:"lg",className:"gap-2 bg-neutral-800 hover:bg-neutral-700 text-white",onClick:N,children:[t("cpq.startFree")," ",e.jsx(o,{className:"w-4 h-4"})]}),e.jsxs(g,{size:"lg",variant:"outline",className:"gap-2 bg-white",onClick:()=>window.dispatchEvent(new CustomEvent("open-widget-booking")),children:[e.jsx(B,{className:"w-4 h-4"})," ",l?"Boka 20-min genomgång":t("cpq.bookWalkthrough")]})]})]}),e.jsx("div",{className:`flex justify-center ${m.isVisible?"animate-fade-in":"opacity-0"}`,style:{animationDelay:"200ms"},children:e.jsx(A,{})})]})})}),e.jsx(G,{}),e.jsx(V,{bare:!0}),e.jsx("section",{ref:p.ref,className:"py-24 light-section",children:e.jsxs("div",{className:"container mx-auto px-4",children:[e.jsxs("div",{className:"text-center max-w-2xl mx-auto mb-12",children:[e.jsxs("h2",{className:`text-3xl md:text-4xl lg:text-5xl font-bold font-display text-black mb-4 ${p.isVisible?"animate-fade-in":"opacity-0"}`,children:[t("cpq.flowTitlePre")," ",t("cpq.flowTitleHighlight")," ",t("cpq.flowTitlePost")]}),e.jsx("p",{className:`text-muted-foreground ${p.isVisible?"animate-fade-in":"opacity-0"}`,style:{animationDelay:"100ms"},children:t("cpq.flowSubtitle")})]}),e.jsxs("div",{className:"max-w-6xl mx-auto",children:[e.jsx("div",{className:"flex flex-wrap justify-center gap-2 mb-10",children:h.map((i,r)=>e.jsxs("button",{onClick:()=>d(r),className:`flex items-center gap-2 px-4 py-2.5 rounded-full text-sm font-medium transition-all ${s===r?"bg-primary text-primary-foreground shadow-md":"bg-white text-foreground border border-border/40 hover:border-primary/40"}`,children:[e.jsxs("span",{className:"font-bold opacity-60",children:[r+1,"."]}),i.icon,i.title]},i.title))}),e.jsx("div",{className:"bg-white rounded-3xl p-8 md:p-12 shadow-sm border border-border/40 min-h-[280px]",children:e.jsxs("div",{className:"animate-fade-in",children:[e.jsx("h3",{className:"text-3xl md:text-4xl lg:text-5xl font-bold font-display text-black mb-6",children:h[s].headline}),e.jsx("ul",{className:"space-y-3",children:h[s].points.map(i=>e.jsxs("li",{className:"flex items-start gap-3 text-foreground",children:[e.jsx(w,{className:"w-5 h-5 text-primary flex-shrink-0 mt-0.5"}),e.jsx("span",{children:i})]},i))})]},s)})]})]})})]}),e.jsxs("section",{ref:x.ref,className:"relative py-20 overflow-hidden svea-purple",style:{background:"linear-gradient(135deg, hsl(270 80% 55%), hsl(280 70% 45%), hsl(260 60% 35%))"},children:[e.jsx("div",{className:"absolute inset-0 bg-[radial-gradient(ellipse_at_top_right,_hsl(270_80%_65%_/_0.4),_transparent_60%)]"}),e.jsx("div",{className:"absolute inset-0 bg-[radial-gradient(ellipse_at_bottom_left,_hsl(290_60%_40%_/_0.3),_transparent_60%)]"}),e.jsxs("div",{className:"container mx-auto px-4 relative z-10",children:[e.jsx("h2",{className:`text-3xl md:text-4xl lg:text-5xl font-bold font-display text-white max-w-3xl leading-tight mb-12 ${x.isVisible?"animate-fade-in":"opacity-0"}`,children:t("cpq.problemTitle")}),e.jsx("div",{className:"grid md:grid-cols-3 gap-6 max-w-5xl",children:y.map((i,r)=>e.jsxs("div",{className:`bg-white/10 backdrop-blur-sm rounded-2xl p-8 border border-white/20 ${x.isVisible?"animate-fade-in":"opacity-0"}`,style:{animationDelay:`${r*100}ms`},children:[e.jsx("h3",{className:"text-xl font-bold text-white mb-2",children:i.title}),e.jsx("p",{className:"text-white/80",children:i.desc})]},i.title))})]})]}),e.jsx(Y,{}),e.jsx("section",{className:"light-section",children:e.jsx(E,{})})]})]})};export{le as default};