https://jkbbooks.ai/assets/AIShowcase-Bm57YoFH.js

1import{r as l,j as e,F as x,E as d,L as y,ay as T,y as w,A}from"./index-Dv22pPIs.js";import{C as k}from"./camera-BQpxix2I.js";import{C as b}from"./check-DiSa3W2Y.js";import{S as E}from"./sparkles-D5PnBzYi.js";import{u as I}from"./use-in-view-CMssa-m4.js";import{C as S}from"./circle-check-B611A8Sd.js";let g=null;const h=t=>{var n;try{(n=navigator==null?void 0:navigator.vibrate)==null||n.call(navigator,t)}catch{}},f=()=>(g||(g=new AudioContext),g),R=(t=1)=>{h(10);try{const n=f(),a=n.createOscillator(),s=n.createGain();a.type="sine",a.frequency.value=1200*t,s.gain.setValueAtTime(.08,n.currentTime),s.gain.exponentialRampToValueAtTime(.001,n.currentTime+.12),a.connect(s),s.connect(n.destination),a.start(n.currentTime),a.stop(n.currentTime+.12)}catch{}},C=()=>{h([15,30,15]);try{const t=f(),n=t.currentTime;[880,1100,1320].forEach((a,s)=>{const o=t.createOscillator(),i=t.createGain();o.type="sine",o.frequency.value=a;const c=n+s*.08;i.gain.setValueAtTime(0,c),i.gain.linearRampToValueAtTime(.06,c+.03),i.gain.exponentialRampToValueAtTime(.001,c+.25),o.connect(i),i.connect(t.destination),o.start(c),o.stop(c+.25)})}catch{}},V=()=>{h(20);try{const t=f(),n=t.createOscillator(),a=t.createGain();n.type="sine",n.frequency.setValueAtTime(400,t.currentTime),n.frequency.exponentialRampToValueAtTime(800,t.currentTime+.3),a.gain.setValueAtTime(.05,t.currentTime),a.gain.exponentialRampToValueAtTime(.001,t.currentTime+.3),n.connect(a),a.connect(t.destination),n.start(t.currentTime),n.stop(t.currentTime+.3)}catch{}},u=[{label:"Fournisseur",value:"Bureau en Gros",y:18},{label:"Date",value:"2026-04-11",y:30},{label:"Sous-total",value:"145,99 $",y:44},{label:"TPS (5%)",value:"7,30 $",y:56},{label:"TVQ (9,975%)",value:"14,56 $",y:68},{label:"Total",value:"167,85 $",y:80}],L=({active:t})=>{const[n,a]=l.useState("idle"),[s,o]=l.useState(-1),i=l.useRef(!1);l.useEffect(()=>{const r=()=>{i.current=!0};return window.addEventListener("pointerdown",r,{once:!0}),window.addEventListener("keydown",r,{once:!0}),()=>{window.removeEventListener("pointerdown",r),window.removeEventListener("keydown",r)}},[]);const c=l.useCallback(()=>{a("idle"),o(-1);const r=setTimeout(()=>{a("scanning"),i.current&&V()},600),m=setTimeout(()=>a("extracting"),2600),v=u.map((q,p)=>setTimeout(()=>{o(p),i.current&&R(1+p*.08)},3e3+p*400)),j=setTimeout(()=>{a("done"),i.current&&C()},3e3+u.length*400+300),N=setTimeout(()=>c(),3e3+u.length*400+4e3);return()=>{clearTimeout(r),clearTimeout(m),v.forEach(clearTimeout),clearTimeout(j),clearTimeout(N)}},[]);return l.useEffect(()=>{if(t)return c()},[t,c]),e.jsxs("div",{className:"rounded-2xl border border-border/50 bg-card/80 backdrop-blur-sm shadow-[0_0_60px_hsl(var(--landing-accent)/0.08)] overflow-hidden",children:[e.jsxs("div",{className:"bg-muted/30 border-b border-border/50 px-4 py-2.5 flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(k,{className:"w-4 h-4 text-landing-accent"}),e.jsx("span",{className:"font-mono text-[10px] tracking-[0.15em] text-muted-foreground uppercase",children:"JKB Scanner"})]}),e.jsx(P,{phase:n})]}),e.jsxs("div",{className:"relative p-6 md:p-8 min-h-[340px]",children:[e.jsxs("div",{className:"bg-background/80 rounded-lg border border-border/30 p-5 relative overflow-hidden",children:[e.jsx(x,{children:n==="scanning"&&e.jsx(d.div,{className:"absolute left-0 right-0 h-0.5 bg-gradient-to-r from-transparent via-landing-accent to-transparent z-10",initial:{top:"0%"},animate:{top:["0%","100%","0%"]},transition:{duration:2,ease:"linear"},exit:{opacity:0}})}),e.jsxs("div",{className:"space-y-0",children:[e.jsxs("div",{className:"text-center mb-5 pb-3 border-b border-dashed border-border/50",children:[e.jsx("p",{className:"font-mono text-[10px] text-muted-foreground tracking-wider",children:"REÇU DE TRANSACTION"}),e.jsx("p",{className:"font-mono text-xs text-muted-foreground mt-1",children:"№ 4829-0041"})]}),e.jsx("div",{className:"space-y-3",children:u.map((r,m)=>e.jsxs("div",{className:"relative",children:[e.jsxs("div",{className:"flex items-center justify-between font-mono text-xs",children:[e.jsx("span",{className:"text-muted-foreground",children:r.label}),e.jsx("span",{className:`transition-colors duration-300 ${s>=m?"text-foreground font-semibold":"text-muted-foreground"}`,children:r.value})]}),e.jsx(x,{children:s===m&&e.jsx(d.div,{className:"absolute -inset-x-2 -inset-y-1 border border-landing-accent/50 rounded bg-landing-accent/5",initial:{opacity:0,scale:.95}

1,animate:{opacity:1,scale:1},exit:{opacity:0},transition:{duration:.3}})}),e.jsx(x,{children:s>=m&&e.jsx(d.div,{className:"absolute -right-7 top-0",initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},transition:{type:"spring",stiffness:500,damping:25},children:e.jsx(b,{className:"w-3.5 h-3.5 text-landing-accent"})})})]},m))}),e.jsx("div",{className:"border-t border-dashed border-border/50 mt-4 pt-3"}),e.jsx("p",{className:"font-mono text-[9px] text-center text-muted-foreground tracking-wider",children:"MERCI DE VOTRE ACHAT"})]})]}),e.jsx(x,{children:n==="done"&&e.jsxs(d.div,{className:"mt-4 rounded-lg border border-landing-accent/30 bg-landing-accent/[0.04] p-4",initial:{opacity:0,y:10,height:0},animate:{opacity:1,y:0,height:"auto"},transition:{duration:.5,ease:[.22,1,.36,1]},children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(E,{className:"w-4 h-4 text-landing-accent"}),e.jsx("span",{className:"font-mono text-[10px] tracking-[0.15em] text-landing-accent uppercase font-semibold",children:"Données extraites"})]}),e.jsx("div",{className:"grid grid-cols-2 gap-2",children:[{k:"Catégorie",v:"Fournitures bureau"},{k:"Déductible",v:"100 %"},{k:"Compte",v:"5300 – Fournitures"},{k:"Statut",v:"✓ Enregistré"}].map(r=>e.jsxs("div",{children:[e.jsx("p",{className:"font-mono text-[9px] text-muted-foreground",children:r.k}),e.jsx("p",{className:"font-mono text-[11px] text-foreground/80 font-medium",children:r.v})]},r.k))})]})})]})]})},P=({phase:t})=>{const n={idle:{text:"PRÊT",color:"text-muted-foreground"},scanning:{text:"NUMÉRISATION...",color:"text-accent"},extracting:{text:"EXTRACTION IA...",color:"text-landing-accent"},done:{text:"COMPLÉTÉ",color:"text-landing-accent"}}[t];return e.jsxs("div",{className:`flex items-center gap-1.5 ${n.color}`,children:[(t==="scanning"||t==="extracting")&&e.jsx(y,{className:"w-3 h-3 animate-spin"}),t==="done"&&e.jsx(b,{className:"w-3 h-3"}),e.jsx("span",{className:"font-mono text-[9px] tracking-[0.15em] uppercase",children:n.text})]})},O=["Prenez une photo de votre reçu","L'IA extrait montant, taxes (TPS/TVQ) et fournisseur","La transaction est catégorisée automatiquement","Vos rapports fiscaux se mettent à jour en temps réel"],z=()=>{const t=l.useRef(null),n=I(t,{once:!0,margin:"-100px"});return e.jsxs("section",{id:"ai-showcase",className:"py-24 md:py-36 relative overflow-hidden",ref:t,children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-b from-background via-landing-accent/[0.02] to-background"}),e.jsxs("div",{className:"container max-w-6xl relative z-10",children:[e.jsx(T,{children:e.jsxs("div",{className:"mb-16 text-center",children:[e.jsx("span",{className:"font-mono text-[10px] tracking-[0.5em] uppercase text-landing-accent/60 block mb-4",children:"// L'IA EN ACTION"}),e.jsxs("h2",{className:"font-heading text-4xl md:text-6xl text-foreground mb-4",children:["Prenez une photo."," ",e.jsx("span",{className:"text-landing-accent",children:"L'IA fait le reste."})]}),e.jsx("p",{className:"text-muted-foreground text-lg max-w-2xl mx-auto",children:"Notre intelligence artificielle transforme vos reçus papier en données comptables structurées en quelques secondes."})]})}),e.jsxs("div",{className:"grid gap-12 md:grid-cols-2 items-center",children:[e.jsx(d.div,{initial:{opacity:0,x:-40},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.7},className:"relative",children:e.jsx(L,{active:n})}),e.jsxs(d.div,{initial:{opacity:0,x:40},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.7,delay:.2},className:"space-y-8",children:[e.jsx("div",{className:"space-y-5",children:O.map((a,s)=>e.jsxs(d.div,{initial:{opacity:0,x:20},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{delay:.3+s*.1},className:"flex items-start gap-4",children:[e.jsx("div",{className:"flex-shrink-0 w-8 h-8 rounded-lg bg-landing-accent/10 border border-landing-accent/20 flex items-center justify-center",children:e.jsx("span",{className:"font-mono text-xs text-landing-accent font-bold",children:String(s+1).padStart(2,"0")})}

1),e.jsx("p",{className:"text-foreground/80 text-base leading-relaxed pt-1",children:a})]},s))}),e.jsx("div",{className:"flex flex-wrap gap-3 pt-4",children:["Reçus papier & PDF","TPS/TVQ auto","Multi-fournisseurs"].map(a=>e.jsxs("span",{className:"inline-flex items-center gap-1.5 font-mono text-[10px] tracking-[0.1em] text-landing-accent/70 border border-landing-accent/20 rounded-full px-3 py-1.5",children:[e.jsx(S,{className:"w-3 h-3"}),a]},a))}),e.jsxs(w,{to:"/auth",className:"group inline-flex items-center gap-3 bg-landing-accent text-primary-foreground font-semibold px-6 py-3 rounded-full hover:opacity-90 transition-opacity shadow-[0_0_20px_hsl(var(--landing-accent)/0.2)]",children:["ESSAYER L'IA GRATUITEMENT",e.jsx(A,{className:"h-4 w-4 group-hover:translate-x-1 transition-transform"})]})]})]})]})]})};export{z as default};