https://www.upseller.ai/assets/InstantCallbackDeck-BwU9oyJx.js

1import{j as t,m as H,n as R,r as g,X as P,S as K}from"./index-BTD8x767.js";import{b as e,S as N,j as A,G,M as $,D as I,C as V,k as Y}from"./exportPdf-BUvgrTE6.js";import{e as O}from"./exportImagesPptx-D4jP_XCW.js";import{C as U}from"./chevron-right-D8htnVeo.js";const r=i=>t.jsx(N,{...i,headerLabel:i.headerLabel??"Instant Callback Agent · 2026"}),d=13,l={background:e.card,border:`1px solid ${e.border}`,borderRadius:18,padding:28,boxShadow:"0 8px 24px rgba(15,25,34,0.04)"},v={fontSize:24,fontWeight:800,color:e.primaryDark,marginBottom:14},m=(i,s=20)=>t.jsxs("li",{style:{display:"flex",alignItems:"flex-start",gap:12,fontSize:s,lineHeight:1.35,marginBottom:10,color:"#333"},children:[t.jsx("span",{style:{flexShrink:0,width:10,height:10,borderRadius:999,background:e.primary,marginTop:9}}),t.jsx("span",{children:i})]},i),F=i=>t.jsx("span",{style:{padding:"10px 18px",borderRadius:999,background:"rgba(61,201,237,0.12)",border:"1px solid rgba(61,201,237,0.45)",color:"#0F1922",fontSize:19,fontWeight:600},children:i},i);function q(){return t.jsxs(r,{variant:"dark",showHeader:!1,children:[t.jsx("div",{style:{position:"absolute",inset:0,background:"radial-gradient(ellipse at 30% 20%, rgba(61,201,237,0.18), transparent 60%), radial-gradient(ellipse at 80% 90%, rgba(255,127,65,0.14), transparent 55%), #0F1922"}}),t.jsxs("div",{style:{position:"relative",height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between",padding:"40px 0"},children:[t.jsx("div",{style:{fontSize:26,color:e.primary,fontWeight:700,letterSpacing:4,textTransform:"uppercase"},children:"Upseller · Instant Callback Agent"}),t.jsxs("div",{children:[t.jsxs("h1",{style:{fontSize:104,fontWeight:800,letterSpacing:-3,lineHeight:1.03,margin:0},children:["Muuta digitaalinen kiinnostus"," ",t.jsx("span",{style:{color:e.primary},children:"välittömäksi keskusteluksi."})]}),t.jsx("p",{style:{fontSize:28,color:"rgba(255,255,255,0.82)",maxWidth:1350,marginTop:34,lineHeight:1.4},children:"AI-puhelinagentti soittaa asiakkaan pyynnöstä verkkosivukävijälle, mainosliidille tai yhteydenottolomakkeella aktivoituneelle henkilölle — kartoittaa tarpeen ja vie asian tarjouspyynnöksi, ajanvaraukseksi tai valmiiksi palvelupyynnöksi."})]}),t.jsx("div",{style:{display:"flex",gap:16,flexWrap:"wrap"},children:["Verkkosivu","Mainosliidit","Lomakkeet","Hintalaskurit","Chatbot","CRM"].map(i=>t.jsx("div",{style:{padding:"14px 26px",borderRadius:999,background:"rgba(255,255,255,0.08)",border:"1px solid rgba(255,255,255,0.18)",color:"#fff",fontSize:22,fontWeight:600},children:i},i))})]})]})}const j=(i,s)=>t.jsxs("div",{style:{...l,padding:26},children:[t.jsx("div",{style:{fontSize:46,fontWeight:800,color:e.primaryDark,lineHeight:1.05,marginBottom:10},children:i}),t.jsx("div",{style:{fontSize:20,color:e.muted,lineHeight:1.4},children:s})]},i),M=i=>t.jsx("div",{style:{marginTop:18,fontSize:15,color:e.muted,lineHeight:1.4},children:i});function X(){const k=o=>8+177*(o/1720),n=o=>532-177*(o/1720),x=(o,y)=>`${o},${k(o)} ${y},${k(y)} ${y},${n(y)} ${o},${n(o)}`,f=(o,y,S,u,z,W,C)=>t.jsxs("div",{style:{position:"absolute",left:o,top:270,width:y,transform:"translateY(-50%)",background:"rgba(255,255,255,0.92)",borderRadius:14,borderLeft:`5px solid ${C}`,boxShadow:"0 8px 24px rgba(15,25,34,0.10)",padding:"20px 24px"},children:[t.jsx("div",{style:{fontSize:14,letterSpacing:2.5,textTransform:"uppercase",fontWeight:800,color:u,marginBottom:8},children:S}),t.jsx("div",{style:{fontSize:31,fontWeight:800,color:"#0F1922",lineHeight:1.15},children:z}),t.jsx("div",{style:{fontSize:18,color:e.muted,marginTop:10,lineHeight:1.5},children:W})]});return t.jsx(r,{pageNumber:2,totalPages:d,eyebrow:"Ongelma",title:"Kiinnostuksen ja kaupanteon välistä puuttuu kiihdytin",children:t.jsxs("div",{style:{position:"relative",width:1720,height:540},children:[t.jsxs("svg",{width:1720,height:540,style:{position:"absolute",inset:0},children:[t.jsxs("defs",{children:[t.jsxs("linearGradient",{id:"icFunnelA",x1:"0",y1:"0",x2:"1",y2:"0",children:[t.jsx("stop",{offset:"0%",stopColor:"rgba(61,201,237,0.28)"}),t.jsx("stop",{offset:"100%",stopColor:"rgba(61,201,237,0.10)"})]}),t.jsxs("linearGradient",{id:"icFunnelB",x1:"0",y1:"0",x2:"1",y2:"0",children:[t.jsx("stop",{offset:"0%",stopColor:"#E4E8ED"}),t.jsx("stop",{offset:"50%",stopColor:"#D6DBE2"}),t.jsx("stop",{offset:"100%",stopColor:"#E4E8ED"})]}),t.jsxs("linearGradient",{id:"icFunnelC",x1:"0",y1:"0",x2:"1",y2:"0",children:[t.jsx("stop",{offset:"0%",stopColor:"rgba(255,127,65,0.14)"}),t.jsx("stop",{offset:"100%",stopColor:"rgba(255,127,65,0.34)"})]})]}),t.jsx("polygon",{points:x(0,580),fill:"url(#icFunnelA)"}),t.jsx("polygon",{points:x(580,1150),fill:"url(#icFunnelB)"}),t.jsx("polygon",{points:x(1150,1720),fill:"url(#icFunnelC)"}),t.jsx("line",{x1:580,y1:k(580),x2:580,y2:n(580),stroke:"#FFFFFF",strokeWidth:3,strokeDasharray:"10 10"}),t.jsx("line",{x1:1150,y1:k(1150),x2:1150,y2:n(1150),stroke:"#FFFFFF",strokeWidth:3,strokeDasharray:"10 10"}),t.jsx("line",{x1:0,y1:k(0),x2:1720,y2:k(1720),stroke:"#B9C2CB",strokeWidth:2}),t.jsx("line",{x1:0,y1:n(0),x2:1720,y2:n(1720),stroke:"#B9C2CB",strokeWidth:2})]}),f(36,500,"Markkinointi & löydettävyys",e.primaryDark,"Kiinnostus syntyy","Some · verkkosivut · liidigeneraatio · chatbotit · AI-agentit · AI-haku · Google-haku",e.primary),t.jsx("div",{style:{position:"absolute",left:620,top:270,width:490,transform:"translateY(-50%)",display:"flex",justifyContent:"center"},children:t.jsx("div",{style:{width:168,height:168,borderRadius:"50%",background:"#FFFFFF",border:"4px dashed #A9B3BD",boxShadow:"0 10px 28px rgba(15,25,34,0.12)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:104,fontWeight:800,color:"#78838E",lineHeight:1},children:"?"})}),f(1200,484,"Myynti & asiakaspalvelu","#C75A22","Kaupanteon paikkoja","Liidi · kalenteribuukkaus · tarjouspyyntö · palvelupyyntö · reklamaatio","#F

1F7F41")]})})}function Q(){return t.jsxs(r,{pageNumber:3,totalPages:d,eyebrow:"Lähtötilanne",title:"Kiinnostusta syntyy – mutta se ei muutu itsestään tapaamisiksi",children:[t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:22},children:[j("Vain 6,6 %","landing page -vierailuista päättyy mitattuun toimintaan."),j("Vain 37 %","enterprise-lomakkeen täyttäneistä päätyy varattuun tapaamiseen."),j("25 %","on kvalifioituja, mutta ei silti varaa tapaamista.")]}),t.jsx("div",{style:{marginTop:24,padding:"18px 28px",background:"rgba(61,201,237,0.10)",borderLeft:`4px solid ${e.primary}`,borderRadius:8,fontSize:23,fontWeight:600,color:"#0F1922"},children:"Instant Callback tarttuu kiinnostukseen sen syntyhetkellä: se soittaa, kvalifioi ja varaa seuraavan askeleen heti."}),t.jsxs("div",{style:{...l,marginTop:20,padding:22,fontSize:20,lineHeight:1.4,color:"#333"},children:[t.jsx("strong",{children:"Nopeus ratkaisee:"})," tunnin sisällä kontaktoitu verkkoliidi oli lähes 7 kertaa todennäköisemmin kvalifioitavissa kuin liidi, jonka kontaktointia viivytettiin vielä tunnilla."]}),M("Lähteet: Unbounce Conversion Benchmark, 464 milj. vierailua; Chili Piper Enterprise Benchmark, 2,43 milj. lomaketta; Harvard Business Review, 1,25 milj. liidiä.")]})}function J(){return t.jsxs(r,{pageNumber:4,totalPages:d,eyebrow:"Resurssit",title:"Asiantuntijoiden aika ei skaalaudu jokaisen kyselyn käsittelyyn",children:[t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:22},children:[j("70 % myyjien ajasta","kuluu muuhun kuin varsinaiseen myyntiin."),j("Vain 39 % palveluammattilaisten ajasta","kuluu asiakkaiden palvelemiseen. Muu aika menee esimerkiksi hallintoon, kokouksiin ja tapausten kirjaamiseen.")]}),t.jsx("div",{style:{marginTop:24,padding:"18px 28px",background:"rgba(61,201,237,0.10)",borderLeft:`4px solid ${e.primary}`,borderRadius:8,fontSize:23,fontWeight:600,color:"#0F1922"},children:"Instant Callback hoitaa ensikontaktin, rutiinikysymykset, kvalifioinnin, ajanvarauksen ja kirjauksen – asiantuntija saa käsiteltäväkseen valmiiksi kartoitetun asiakkaan."}),t.jsx("div",{style:{display:"flex",gap:14,flexWrap:"wrap",marginTop:22},children:["enemmän talteen saatua kysyntää","nopeampi reagointi","enemmän varattuja tapaamisia","vähemmän asiantuntijan keskeytyksiä"].map(F)}),M("Lähteet: Salesforce State of Sales 2024, 5 500 myynnin ammattilaista; Salesforce State of Service 2024, yli 5 500 palveluammattilaista.")]})}function Z(){return t.jsxs(r,{pageNumber:5,totalPages:d,eyebrow:"Ajoitus ratkaisee",title:"Kiinnostus on suurimmillaan juuri nyt",children:[t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1.1fr 0.9fr",gap:28},children:[t.jsx("div",{style:l,children:t.jsxs("ul",{style:{listStyle:"none",padding:0,margin:0},children:[m("Asiakas on nähnyt mainoksen, vertaillut tuotteita, käyttänyt hintalaskuria tai jättänyt yhteydenottopyynnön.",22),m("Hän on kiinnostunut juuri nyt – mutta myyjä ei välttämättä ehdi soittaa ennen seuraavaa päivää.",22),m("Instant Callback ottaa yhteyden silloin, kun asiakas itse pyytää sitä.",22)]})}),t.jsxs("div",{style:l,children:[t.jsx("div",{style:v,children:"Agentti voi soittaa"}),t.jsx("ul",{style:{listStyle:"none",padding:0,margin:0},children:["heti","valitun ajan kuluttua","asiakkaan varaamana ajankohtana","asiakaspalvelun aukioloaikana","silloin, kun oikea myyjä vapautuu"].map(i=>m(i))})]})]}),t.jsx("div",{style:{marginTop:26,padding:"18px 28px",background:"rgba(61,201,237,0.10)",borderLeft:`4px solid ${e.primary}`,borderRadius:8,fontSize:24,fontWeight:600,color:"#0F1922"},children:"Liidi ei jää odottamaan sähköpostiin, CRM-jonoon tai seuraavaan työpÃ

1¤ivään."})]})}const _=[{n:"1",t:"Asiakas osoittaa kiinnostuksensa",d:"Laskuri, lomake, chatbot, mainos tai takaisinsoittopyyntö."},{n:"2",t:"Asiakas valitsee puhelun",d:"Antaa numeronsa ja valitsee sopivan soittoajan."},{n:"3",t:"Agentti saa kontekstin",d:"Lomakkeen vastaukset, laskelma, kampanja, chat-yhteenveto, CRM-historia, kieli."},{n:"4",t:"AI-agentti soittaa",d:"Kertoo olevansa AI ja vahvistaa, että asiakkaalle sopii keskustella."},{n:"5",t:"Agentti vie asian eteenpäin",d:"Tapaaminen, arviokäynti, tarjouspyyntö, kvalifioitu liidi, materiaalit tai palvelupyyntö."},{n:"6",t:"Tulos tallennetaan",d:"Yhteenveto ja jatkotoimet CRM:ään, kalenteriin tai tiketöintiin."}];function tt(){return t.jsx(r,{pageNumber:6,totalPages:d,eyebrow:"Prosessi",title:"Näin Instant Callback toimii",children:t.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:22},children:_.map(i=>t.jsxs("div",{style:{...l,padding:26},children:[t.jsx("div",{style:{width:44,height:44,borderRadius:999,background:e.primary,color:"#0F1922",fontWeight:800,fontSize:22,display:"flex",alignItems:"center",justifyContent:"center",marginBottom:14},children:i.n}),t.jsx("div",{style:{fontSize:23,fontWeight:800,marginBottom:10},children:i.t}),t.jsx("div",{style:{fontSize:19,color:e.muted,lineHeight:1.4},children:i.d})]},i.n))})})}const it=[{t:"Verkkosivulta",d:"Takaisinsoittopainike: asiakas antaa numeron ja valitsee aiheen."},{t:"Lomakkeesta",d:"“Soita minulle heti” tai valittuna aikana — tiedot siirtyvät agentille."},{t:"Hintalaskurista",d:"Agentti käy laskelman läpi, täydentää tiedot ja vie tarjouspyyntöön."},{t:"Mainoksesta",d:"Google, Meta, LinkedIn, TikTok, laskeutumissivu tai QR-koodi."},{t:"Chatbotista",d:"Verkkoagentti siirtää keskustelun puhelimeen kontekstin kanssa."},{t:"Vastaamattomasta puhelusta",d:"Asiakkaalle tarjotaan välitöntä AI-takaisinsoittoa."},{t:"CRM-järjestelmästä",d:"Uusi liidi, käsittelemätön pyyntö tai tarjouksen seuranta."}];function et(){return t.jsx(r,{pageNumber:7,totalPages:d,eyebrow:"Liidilähteet",title:"Mistä puhelu käynnistyy?",children:t.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(4, 1fr)",gap:20},children:it.map(i=>t.jsxs("div",{style:{...l,padding:24},children:[t.jsx("div",{style:{fontSize:21,fontWeight:800,color:e.primaryDark,marginBottom:10},children:i.t}),t.jsx("div",{style:{fontSize:18,color:e.muted,lineHeight:1.4},children:i.d})]},i.t))})})}const at=[{name:"Instant Callback Leads",tag:"Kiinnostuneesta kävijästä myyntimahdollisuus",items:["kvalifioi liidin","antaa sääntöihin perustuvan hinta-arvion","lähettää esitteet ja referenssit","muodostaa tarjouspyynnön","varaa arviokäynnin tai ta

1paamisen","yhdistää kuuman liidin myyjälle"]},{name:"Instant Callback Appointment",tag:"Yhteydenotoista varattuja aikoja",items:["tunnistaa palvelun","löytää sopivan toimipisteen","tarkistaa vapaat ajat","varaa, siirtää tai peruu ajan","lähettää vahvistuksen ja ohjeet","kerää lähtötiedot"]},{name:"Instant Callback Service",tag:"Asiakkaan asia hoituu ilman jonottamista",items:["tunnistaa asiointisyyn","kerää puuttuvat tiedot","ohjeistaa hyväksytystä tietopohjasta","luo palvelupyynnön tai tiketin","lähettää ohjeen SMS:llä tai sähköpostilla","siirtää ihmiselle kontekstin kanssa"]}];function nt(){return t.jsx(r,{pageNumber:8,totalPages:d,eyebrow:"Käyttötavat",title:"Kolme tapaa käyttää Instant Callbackia",children:t.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:24},children:at.map(i=>t.jsxs("div",{style:l,children:[t.jsx("div",{style:{fontSize:24,fontWeight:800,marginBottom:6},children:i.name}),t.jsx("div",{style:{fontSize:19,color:e.primaryDark,fontWeight:600,marginBottom:18},children:i.tag}),t.jsx("ul",{style:{listStyle:"none",padding:0,margin:0},children:i.items.map(s=>m(s,19))})]},i.name))})})}const st=[["Yhdistää puhelun","Hoitaa keskustelun"],["Kysyy asiointisyyn","Saa kontekstin valmiiksi"],["Siirtää asiakkaan työntekijälle","Kvalifioi tai ratkaisee ensin"],["Ei tunne tuotteita","Käyttää hyväksyttyä tuotetietoa"],["Ei suorita jatkotoimia","Varaa, lähettää, kirjaa ja reitittää"],["Mittaa puhelumäärää","Mittaa liiketoimintatuloksia"],["Toimii aukioloaikoina","Voi palvella sovitusti ympäri vuorokauden"]];function lt(){return t.jsx(r,{pageNumber:9,totalPages:d,eyebrow:"Vertailu",title:"Enemmän kuin automaattinen takaisinsoitto",children:t.jsxs("div",{style:{...l,padding:0,overflow:"hidden"},children:[t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",background:"rgba(61,201,237,0.12)"},children:[t.jsx("div",{style:{padding:"18px 28px",fontSize:21,fontWeight:800,color:e.muted},children:"Tavallinen takaisinsoitto"}),t.jsx("div",{style:{padding:"18px 28px",fontSize:21,fontWeight:800,color:e.primaryDark},children:"Upseller Instant Callback"})]}),st.map(([i,s])=>t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",borderTop:`1px solid ${e.border}`},children:[t.jsx("div",{style:{padding:"14px 28px",fontSize:20,color:e.muted},children:i}),t.jsx("div",{style:{padding:"14px 28px",fontSize:20,fontWeight:600,color:"#0F1922"},children:s})]},i))]})})}function ot(){return t.jsx(r,{pageNumber:10,totalPages:d,eyebrow:"Hallinta",title:"Oikeat materiaalit — teidän säännöillänne",children:t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:26},children:[t.jsxs("div",{style:l,children:[t.jsx("div",{style:v,children:"Agentti voi lähettää puhelun jälkeen"}),t.jsx("ul",{style:{listStyle:"none",padding:0,margin:0},children:["tuote-esitteen tai teknisen tietolehden","tuotevertailun","alustavan hintalaskelman","tarjousyhteenvedon","kohdekohtaisen referenssin","varausvahvistuksen ja valmistautumisohjeet","linkin seuraavan vaiheen aloittamiseen"].map(i=>m(i))}),t.jsx("div",{style:{marginTop:16,fontSize:20,fontWeight:600},children:"Materiaali valitaan asiakkaan tarpeen mukaan — kaikille ei lähetetä samaa esitettä."})]}),t.jsxs("div",{style:l,children:[t.jsx("div",{style:v,children:"Yrityksenne määrittelee"}),t.jsx("ul",{style:{listStyle:"none",padding:0,margin:0},children:["milloin takaisinsoittoa tarjotaan","mitä agentti saa kysyä ja käyttää","milloin hinta-arvio voidaan antaa","mitä tuotteita se voi suositella","milloin tarvitaan ihmisen hyväksyntä","milloin puhelu siirretään ihmiselle","mihin aikaan asiakkaalle voidaan soittaa"].map(i=>m(i))}),t.jsx("div",{style:{marginTop:16,fontSize:20,fontWeight:600},children:"Agentti ei keksi hintoja, tuotteita, ehtoja tai asiakastietoja."})]})]})})}function rt(){return t.jsx(r,{pageNumber:11,totalPages:d,eyebrow:"Tulokset ja teknologia",title:"Mittaa tuloksia, älä pelkkiä puheluita",children:t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:26},children:[t.jsxs("div",{style:l,children:[t.jsx("div",{style:v,children:"Seurattavia mittareita"}),t.jsx("ul",{style:{listStyle:"none",padding:0,margin:0},children:["pyydetyt takaisinsoitot ja vastausaste","kvalifioidut liidit","varatut tapaamiset ja arviokäynnit","valmiit tarjouspyynnöt","ratkaistut palveluasiat","puhelusta kaupaksi edenneet tapaukset","säästynyt myynnin ja asiakaspalvelun työaika"].map(i=>m(i))})]}),t.jsxs("div",{style:l,children:[t.jsx("div",{style:v,children:"Integroituu nykyisiin kanaviinne"}),t.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:10},children:["Verkkosivut","Lomakkeet","Hintalaskurit","Google Ads","Meta","LinkedIn","TikTok","HubSpot","Salesforce","Pipedrive","Dynamics","Kalenterit","Tiketöinti","Sähköposti","SMS","Puhelinjärjestelmä","Omat API:t"].map(F)})]})]})})}function dt(){const i=[{t:"Käyttöönotto",p:"alkaen 1 990 €",d:"Valitun callback-prosessin suunnittelu, rakentaminen, testaus ja tuotantoon vienti."},{t:"Core",p:"alkaen 490 € / kk",d:"Alusta, monitorointi, ylläpito, raportointi ja jatkuva laadunhallinta."}

1,{t:"Käyttö ja tulokset",p:"tuotosten mukaan",d:"Maksat sovituista tuotoksista käytön mukaan."}];return t.jsxs(r,{pageNumber:12,totalPages:d,eyebrow:"Hinnoittelu",title:"Hinnoittelu kolmessa osassa",children:[t.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:24},children:i.map(s=>t.jsxs("div",{style:l,children:[t.jsx("div",{style:{fontSize:24,fontWeight:800,marginBottom:12},children:s.t}),t.jsx("div",{style:{display:"inline-block",padding:"10px 20px",borderRadius:10,background:e.primaryDark,color:"#fff",fontSize:24,fontWeight:800,marginBottom:16},children:s.p}),t.jsx("div",{style:{fontSize:19,color:e.muted,lineHeight:1.4},children:s.d})]},s.t))}),t.jsxs("div",{style:{...l,marginTop:24,padding:24},children:[t.jsx("div",{style:{fontSize:20,fontWeight:800,color:e.primaryDark,marginBottom:14},children:"Tyypilliset tuotoshinnat (alv 0 %)"}),t.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:10},children:["käsitelty puhelu alk. 2,50 €","valmis palvelupyyntö alk. 5 €","varattu aika alk. 10 €","kvalifioitu liidi alk. 25 €","korkean arvon kartoitus alk. 50 €","kvalifioitu B2B-tapaaminen alk. 75 €"].map(F)}),t.jsx("div",{style:{fontSize:19,color:e.muted,marginTop:16},children:"Lopullinen hinta määräytyy volyymin, prosessin ja liiketoiminta-arvon perusteella."})]})]})}function pt(){return t.jsxs(r,{variant:"dark",pageNumber:13,totalPages:d,eyebrow:"Seuraava askel",title:"Aloita yhdellä käyttötapauksella",children:[t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:28},children:[t.jsxs("div",{children:[t.jsx("div",{style:{fontSize:18,fontWeight:800,color:"rgba(255,255,255,0.55)",textTransform:"uppercase",letterSpacing:2,marginBottom:16},children:"Valitsemme yhdessä"}),t.jsx("ul",{style:{listStyle:"none",padding:0,margin:0},children:["yhden liidilähteen","yhden kohderyhmän","yhden puheluprosessin","yhden selkeän lopputuloksen","yhteiset onnistumismittarit"].map(i=>t.jsxs("li",{style:{fontSize:24,color:"rgba(255,255,255,0.9)",marginBottom:12,display:"flex",gap:12},children:[t.jsx("span",{style:{color:e.primary},children:"✓"}),i]},i))})]}),t.jsxs("div",{children:[t.jsx("div",{style:{fontSize:18,fontWeight:800,color:"rgba(255,255,255,0.55)",textTransform:"uppercase",letterSpacing:2,marginBottom:16},children:"Pilotti voidaan käynnistää esimerkiksi"}),t.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:10},children:["tarjouspyynnöistä","callback-painikkeesta","hintalaskurin käyttäjistä","chatbotin puhelupyynnöistä","mainoskampanjan liideistä","vastaamattomista puheluista","aukioloaikojen ulkopuolelta"].map(i=>t.jsx("span",{style:{padding:"10px 18px",borderRadius:999,background:"rgba(255,255,255,0.10)",border:"1px solid rgba(255,255,255,0.18)",color:"#fff",fontSize:19,fontWeight:600},children:i},i))})]})]}),t.jsx("div",{style:{marginTop:40,paddingTop:28,borderTop:"1px solid rgba(255,255,255,0.18)",fontSize:26,color:"rgba(255,255,255,0.85)"},children:"www.upseller.ai"})]})}const p=[{id:1,title:"Otsikko",component:q},{id:2,title:"Ostopäätöksen sytytys",component:X},{id:3,title:"Kiinnostusta syntyy",component:Q},{id:4,title:"Asiantuntijoiden aika",component:J},{id:5,title:"Kiinnostus on suurimmillaan",component:Z},{id:6,title:"Näin se toimii",component:tt},{id:7,title:"Mistä puhelu käynnistyy",component:et},{id:8,title:"Kolme käyttötapaa",component:nt},{id:9,title:"Vertailu",component:lt},{id:10,title:"Materiaalit ja säännöt",component:ot},{id:11,title:"Mittarit ja integraatiot",component:rt},{id:12,title:"Hinnoittelu",component:dt},{id:13,title:"Seuraava askel",component:pt}];function mt(){const[i,s]=H(),T=R(),k=Math.max(0,Math.min(p.length-1,parseInt(i.get("s")||"0",10)||0)),[n,x]=g.useState(k),[b,h]=g.useState(!1),[f,o]=g.useState(!1),[y,S]=g.useState(!1),u=g.useCallback(c=>{const a=Math.max(0,Math.min(p.length-1,c));x(a),s({s:String(a)},{replace:!0})},[s]);g.useEffect(()=>{const c=a=>{if(!(a.target instanceof HTMLInputElement)){if(b){(a.key==="Escape"||a.key==="g"||a.key==="G")&&h(!1);return}a.key==="ArrowRight"||a.key===" "||a.key==="PageDown"?(a.preventDefault(),u(n+1)):a.key==="ArrowLeft"||a.key==="PageUp"?(a.preventDefault(),u(n-1)):a.key==="g"||a.key==="G"?h(!0):a.key==="f"||a.key==="F"?document.fullscreenElement?document.exitFullscreen():document.documentElement.requestFullscreen():a.key==="Escape"?document.fullscreenElement&&document.exitFullscreen():a.key==="Home"?u(0):a.key==="End"&&u(p.length-1)}};return window.addEventListener("keydown",c),()=>window.removeEventListener("keydown",c)},[n,b,u]);const z=async()=>{o(!0);try{await O(p,"Instant-Callback-esittely.pptx")}finally{o(!1)}},W=async()=>{S(!0);try{await Y(p,"Instant-Callback-esittely.pdf")}finally{S(!1)}},C=t.jsx(K,{title:"Instant Callback -esittely",description:"Sisäinen esitysmateriaali.",noIndex:!0}),L=p[n].component;return b?t.jsxs("div",{style:{minHeight:"100vh",background:"#0F1922",padding:32},children:[C,t.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:24},children:[t.jsxs("h1",{style:{color:"#fff",fontSize:28,fontWeight:700,margin:0},children:["Kaikki sliedit (",p.length,")"]}),t.jsxs("button",{onClick:()=>h(!1),style:{background:"#3DC9ED",color:"#0F1922",border:0,padding:"10px 20px",borderRadius:10,fontWeight:700,cursor:"pointer",display:"flex",alignItems:"center",gap:8},children:[t.jsx(P,{size:18})," Sulje (G/Esc)"]})]}),t.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(360px, 1fr))",gap:20},children:p.map((c,a)=>{const D=c.component;return t.jsxs("button",{onClick:()=>{u(a),h(!1)},style:{background:"#fff",border:a===n?"3px solid #3DC9ED":"1px solid #333",borderRadius:12,padding:0,cursor:"pointer",overflow:"hidden",textAlign:"left"},children:[t.jsx("div",{style:{position:"relative",width:"100%",aspectRatio:"16/9",overflow:"hidden",background:"#F5F7FA"},children:t.jsx(A,{children:t.jsx(D,{})})}),t.jsx("div",{style:{padding:"10px 14px",color:"#fff",background:"#1a2630",display:"flex",justifyContent:"space-between"},children:t.jsxs("span",{style:{fontWeight:600},children:[a+1,". ",c.title]})})]},c.id)})})]}):t.jsxs("div",{style:{height:"100vh",display:"flex",flexDirection:"column",background:"#0F1922"},children:[C,t.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"10px 20px",background:"rgba(15,25,34,0.95)",color:"#fff",borderBottom:"1px solid #1a2630"},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12},children:[t.jsx("button",{onClick:()=>T("/"),style:w,children:"← Etusivu"}),t.jsx("span",{style:{fontSize:14,color:"#888"},children:"Instant Callback -esittely"})]}),t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[t.jsxs("button",{onClick:()=>h(!0),style:w,title:"Ruudukkonäkymä (G)",children:[t.jsx(G,{size:16})," Ruudukko"]}),t.jsxs("button",{onClick:()=>document.documentElement.requestFullscreen(),style:w,title:"Fullscreen (F)",children:[t.jsx($,{size:16})," Fullscreen"]}),t.jsxs("button",{onClick:W,disabled:y,style:B,children:[t.jsx(I,{size:16})," ",y?"Luodaan...":"Lataa PDF"]}),t.jsxs("button",{onClick:z,disabled:f,style:B,children:[t.jsx(I,{size:16})," ",f?"Luodaan...":"Lataa .pptx"]})]})]}),t.jsxs("div",{style:{flex:1,position:"relative",overflow:"hidden"},children:[t.jsx(A,{children:t.jsx(L,{})}),t.jsx("button",{onClick:()=>u(n-1),disabled:n===0,style:{...E,left:16},"aria-label":"Edellinen",children:t.jsx(V,{size:28})}),t.jsx("button",{onClick:()=>u(n+1),disabled:n===p.length-1,style:{...E,right:16},"aria-label":"Seuraava",children:t.jsx(U,{size:28})}),t.jsxs("div",{style:{position:"absolute",bottom:16,left:"50%",transform:"translateX(-50%)",background:"rgba(15,25,34,0.85)",color:"#fff",padding:"8px 16px",borderRadius:999,fontSize:14,fontWeight:600},children:[n+1," / ",p.length," · ",p[n].title]})]}),t.jsx("div",{style:{padding:"6px 20px",background:"#0a1118",color:"#666",fontSize:12,textAlign:"center",borderTop:"1px solid #1a2630"},children:"← / → navigointi · F fullscreen · G ruudukko · Esc poistu"})]})}const w={display:"flex",alignItems:"center",gap:6,background:"transparent",color:"#fff",border:"1px solid #2a3744",padding:"8px 14px",borderRadius:8,cursor:"pointer",fontSize:14,fontWeight:500},B={display:"flex",alignItems:"center",gap:6,background:"#FF7F41",color:"#fff",border:0,padding:"8px 16px",borderRadius:8,cursor:"pointer",fontSize:14,fontWeight:700},E={position:"absolute",top:"50%",transform:"translateY(-50%)",width:56,height:56,borderRadius:"50%",background:"rgba(15,25,34,0.7)",color:"#fff",border:"1px solid #2a3744",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer"};export{mt as default};