https://www.scanpilot.ai/assets/VideoShowcase-9129231a.js

1import{c as r,r as d,j as t}from"./index.esm-5f434c0d.js";/**
2 * @license lucide-react v0.294.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const h=r("BarChart3",[["path",{d:"M3 3v18h18",key:"1s2lah"}],["path",{d:"M18 17V9",key:"2bz60n"}],["path",{d:"M13 17V5",key:"1frdt8"}],["path",{d:"M8 17v-3",key:"17ska0"}]]);/**
7 * @license lucide-react v0.294.0 - ISC
8 *
9 * This source code is licensed under the ISC license.
10 * See the LICENSE file in the root directory of this source tree.
11 */const y=r("Layers",[["path",{d:"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z",key:"8b97xw"}],["path",{d:"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65",key:"dd6zsq"}],["path",{d:"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65",key:"ep9fru"}]]);/**
12 * @license lucide-react v0.294.0 - ISC
13 *
14 * This source code is licensed under the ISC license.
15 * See the LICENSE file in the root directory of this source tree.
16 */const u=r("PenTool",[["path",{d:"m12 19 7-7 3 3-7 7-3-3z",key:"rklqx2"}],["path",{d:"m18 13-1.5-7.5L2 2l3.5 14.5L13 18l5-5z",key:"1et58u"}],["path",{d:"m2 2 7.586 7.586",key:"etlp93"}],["circle",{cx:"11",cy:"11",r:"2",key:"xmgehs"}]]);/**
17 * @license lucide-react v0.294.0 - ISC
18 *
19 * This source code is licensed under the ISC license.
20 * See the LICENSE file in the root directory of this source tree.
21 */const f=r("Play",[["polygon",{points:"5 3 19 12 5 21 5 3",key:"191637"}]]);/**
22 * @license lucide-react v0.294.0 - ISC
23 *
24 * This source code is licensed under the ISC license.
25 * See the LICENSE file in the root directory of this source tree.
26 */const m=r("ScanLine",[["path",{d:"M3 7V5a2 2 0 0 1 2-2h2",key:"aa7l1z"}],["path",{d:"M17 3h2a2 2 0 0 1 2 2v2",key:"4qcy5o"}],["path",{d:"M21 17v2a2 2 0 0 1-2 2h-2",key:"6vwrx8"}],["path",{d:"M7 21H5a2 2 0 0 1-2-2v-2",key:"ioqczr"}],["path",{d:"M7 12h10",key:"b7w52i"}]]),b=()=>{const[l,c]=d.useState(0),[e,p]=d.useState(()=>window.innerWidth<900);d.useEffect(()=>{const i=()=>p(window.innerWidth<900);return window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)},[]);const s=[{id:0,title:"Financial Reports",description:"Financial data, ready to use.",icon:h,color:"#fbbf24",videoPlaceholder:"Analysis Demo",videoSrc:"/videos/Bank.mp4",contentDecription:"ScanPilot identifies tables, headers, and handwriting with 99% accuracy."},{id:1,title:"Scanned Documents",description:"Structured data from multi-page scans.",icon:m,color:"#fbbf24",videoPlaceholder:"Upload Demo",videoSrc:"/videos/Batch.mp4",contentDecription:"Simply drag and drop your PDF files. Our AI instantly recognizes the document type."},{id:2,title:"Handwriting",description:"Handwriting, instantly digitized.",icon:u,color:"#fbbf24",videoPlaceholder:"Review Demo",videoSrc:"/videos/Hand.mp4",contentDecription:"Double-check the extracted data and make quick edits before exporting."},{id:3,title:"Mixed Documents",description:"Any document. One clean output.",icon:y,color:"#fbbf24",videoPlaceholder:"Export Demo",videoSrc:"/videos/Mixed.mp4",contentDecription:"Download perfectly formatted Excel or JSON files ready for your workflow."}],o=s[l];return t.jsx("div",{style:{maxWidth:"1400px",margin:e?"0 auto 48px":"0 auto 80px",padding:e?0:"0 20px"},children:t.jsxs("div",{style:{backgroundColor:"white",borderRadius:"24px",boxShadow:"0 20px 40px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.01)",border:"1px solid #f3f4f6",padding:e?"16px":"40px",display:"grid",gridTemplateColumns:e?"minmax(0, 1fr)":"minmax(250px, 280px) 1fr",gap:e?"16px":"40px",alignItems:"stretch"},children:[t.jsx("div",{style:e?{display:"grid",gridTemplateColumns:"repeat(2, minmax(0, 1fr))",gap:"8px"}:{display:"flex",flexDirection:"column",gap:"16px"},children:s.map(i=>{const n=l===i.id,x=i.icon;return t.jsxs("button",{onClick:()=>c(i.id),style:{display:"flex",alignItems:"center",gap:e?"10px":"16px",padding:e?"10px":"20px",borderRadius:e?"12px":"16px",border:`1px solid ${n?i.color:e?"#f3f4f6":"transparent"}`,backgroundColor:n?`${i.color}0d`:"transparent",textAlign:"left",cursor:"pointer",transition:"all 0.2s ease",width:"100%",outline:"none"},onMouseEnter:a=>{n||(a.currentTarget.style.backgroundColor="#f9fafb")},onMouseLeave:a=>{n||(a.currentTarget.style.backgroundColor="transparent")},children:[t.jsx("div",{style:{width:e?"32px":"40px",height:e?"32px":"40px",borderRadius:e?"8px":"10px",backgroundColor:n?i.color:"#f3f4f6",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,transition:"background-color 0.2s",color:n?"white":"#6b7280"},children:t.jsx(x,{size:e?16:20})}),t.jsxs("div",{style:{minWidth:0},children:[t.jsx("h3",{style:{fontSize:e?"14px":"18px",lineHeight:e?1.25:void 0,fontWeight:"600",color:n?"#1f2937":"#4b5563",marginBottom:e?0:"4px",marginTop:0},children:i.title}),!e&&t.jsx("p",{style:{fontSize:"14px",color:"#6b7280",margin:0},children:i.description})]})]},i.id)})}),t.jsx("div",{style:{backgroundColor:"transparent",borderRadius:"16px",overflow:"hidden",display:"flex",flexDirection:"column",position:"relative"},children:t.jsx("div",{style:{aspectRatio:e?"16 / 9":void 0,flex:1,backgroundColor:"transparent",display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},children:o.videoSrc?t.jsx("video",{src:o.videoSrc,"aria-label":`ScanPilot demo: ${o.title} – ${o.description}`,title:`ScanPilot demo: ${o.title} – ${o.description}

26`,autoPlay:!0,loop:!0,muted:!0,playsInline:!0,preload:"none",style:{width:"100%",height:"100%",objectFit:"contain"}},o.videoSrc):t.jsxs(t.Fragment,{children:[t.jsx("div",{style:{width:"80px",height:"80px",borderRadius:"50%",backgroundColor:"white",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 10px 25px rgba(0,0,0,0.2)",cursor:"pointer",zIndex:2},children:t.jsx(f,{size:32,color:o.color,style:{marginLeft:"4px"}})}),t.jsx("div",{style:{position:"absolute",inset:0,opacity:.1,background:`
27                radial-gradient(circle at 30% 30%, white 1px, transparent 1px) 0 0 / 20px 20px
28              `}}),t.jsx("div",{style:{position:"absolute",fontSize:"24px",fontWeight:"bold",color:"white",opacity:.8,bottom:"20px",left:"20px"},children:o.videoPlaceholder})]})})})]})})};export{b as default};