1import{r as i,j as e,ag as n,ah as c,ai as d,aj as m,X as u}from"./index-Dmg69QaJ.js";import{m as p}from"./morvo-icon-3d-CB9SJpP5.js";const b=({videoId:s,thumbnailUrl:r,captionClassName:l="text-muted-foreground"})=>{const[t,a]=i.useState(!1),o=r||`https://img.youtube.com/vi/${s}/maxresdefault.jpg`;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"relative w-[90%] md:max-w-5xl md:w-full mx-auto cursor-pointer group",onClick:()=>a(!0),children:[e.jsxs("div",{className:"relative rounded-2xl overflow-hidden shadow-glow border border-border/50 aspect-video",children:[e.jsx("img",{src:o,alt:"Morvo AI personal shopper product demo video thumbnail",className:"w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"}),e.jsx("div",{className:"absolute inset-0 bg-black/30 transition-opacity duration-300 group-hover:bg-black/40"}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:e.jsxs("div",{className:"relative flex items-center justify-center",children:[e.jsx("div",{className:"absolute w-32 h-32 md:w-40 md:h-40 rounded-full bg-gradient-primary opacity-30 blur-xl animate-pulse"}),e.jsxs("div",{className:"relative w-28 h-28 md:w-36 md:h-36 rounded-full bg-gradient-primary flex items-center justify-center shadow-glow transition-transform duration-300 group-hover:scale-110",children:[e.jsx("div",{className:"absolute inset-1 rounded-full bg-background/10 backdrop-blur-sm"}),e.jsx("div",{className:"relative flex items-center justify-center",children:e.jsx("img",{src:p,alt:"Morvo",className:"h-12 w-12 md:h-16 md:w-16 animate-[spin_12s_linear_infinite]"})})]})]})})]}),e.jsx("p",{className:`text-center mt-2 text-sm ${l}`,children:"Click to watch how Morvo works"})]}),e.jsx(n,{open:t,onOpenChange:a,children:e.jsxs(c,{className:"max-w-5xl w-[95vw] p-0 bg-black border-none overflow-hidden",children:[e.jsx(d,{className:"sr-only",children:"Morvo video player"}),e.jsxs(m,{className:"absolute right-4 top-4 z-10 rounded-full bg-white/10 backdrop-blur-sm p-2 hover:bg-white/20 transition-colors",children:[e.jsx(u,{className:"h-5 w-5 text-white"}),e.jsx("span",{className:"sr-only",children:"Close"})]}),e.jsx("div",{className:"aspect-video w-full",children:e.jsx("iframe",{src:`https://www.youtube.com/embed/${s}?autoplay=1&rel=0`,title:"Video player",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,className:"w-full h-full"})})]})})]})};export{b as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.