PageSourceSearch

https://imagera.ai/assets/AvatarVideoGallery-BKeltxRm.js

js imagera.ai collected 2026-09-24 13:08:01 UTC 4,898 bytes, 1 lines download raw bytes

1import{au as n,$ as m,aa as e,aq as l}from"./index-BE1uF3le.js";import{V as p}from"./vertical-video-player-D6meUIEN.js";import{e as d,g as o}from"./r2-DWgQpalb.js";import{S as c}from"./SectionBackdrop-WrPEzj0R.js";import{C as x}from"./chevron-left-BDGFfMZz.js";import{C as u}from"./chevron-right-cR4iuKtt.js";import{S as h}from"./sparkles-Dk2YydDC.js";import{A as b}from"./arrow-right-CY9Hpkh2.js";import"./play-BmSDls_o.js";import"./pause-DAJvnFOS.js";import"./volume-x-C0Z1p9x8.js";import"./volume-2-CWgUs3UB.js";import"./landingStudioImages-BoTJ6dd9.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new t.Error().stack;a&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[a]="b547b4e2-3c51-4f09-ae8c-2d07ff3a1b79",t._sentryDebugIdIdentifier="sentry-dbid-b547b4e2-3c51-4f09-ae8c-2d07ff3a1b79")}catch{}})();const g=[{id:"avatar-1",title:"Sample 1"},{id:"avatar-2",title:"Sample 2"},{id:"avatar-3",title:"Sample 3"},{id:"avatar-4",title:"Sample 4"},{id:"avatar-5",title:"Sample 5"},{id:"avatar-6",title:"Sample 6"}];function z(){const t=n(),a=m.useRef(null),s=r=>{a.current&&a.current.scrollBy({left:r==="left"?-320:320,behavior:"smooth"})};return e.jsxs("section",{className:"py-4 md:py-12 lg:py-20 bg-black relative overflow-hidden",children:[e.jsx(c,{image:"avatar",focus:"top",opacity:.38}),e.jsxs("div",{className:"absolute inset-0 pointer-events-none",children:[e.jsx("div",{className:"absolute top-20 left-10 w-64 h-64 bg-purple-500/3 rounded-full blur-3xl"}),e.jsx("div",{className:"absolute bottom-20 right-10 w-80 h-80 bg-cyan-500/3 rounded-full blur-3xl"})]}),e.jsxs("div",{className:"w-full relative z-10",children:[e.jsxs(l.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.6},viewport:{once:!0},className:"text-center mb-3 md:mb-8 lg:mb-14 px-2",children:[e.jsx("h2",{className:"text-sm sm:text-base md:text-lg lg:text-2xl font-thin tracking-wider uppercase mb-1 md:mb-2",children:e.jsx("span",{className:"bg-gradient-to-r from-amber-400 via-purple-400 to-cyan-400 bg-clip-text text-transparent",style:{backgroundSize:"300% 300%",animation:"gradient-x 8s ease-in-out infinite"},children:"Avatar Generation"})}),e.jsxs("p",{className:"text-sm sm:text-sm md:text-base lg:text-lg text-gray-400 font-light",children:[e.jsx("span",{className:"text-purple-400",children:"AI Avatars"})," with ",e.jsx("span",{className:"text-cyan-400",children:"Lip-Sync"})]})]}),e.jsxs("div",{className:"relative group",children:[e.jsx("button",{"aria-label":"Previous avatar video",onClick:()=>s("left"),className:"absolute left-2 md:left-4 top-1/2 -translate-y-1/2 z-20 p-3 bg-black/80 border border-purple-500/30 rounded-full opacity-100 sm:opacity-0 sm:group-hover:opacity-100 transition-all hover:bg-purple-500/20 hover:border-purple-500/50",children:e.jsx(x,{className:"w-6 h-6 text-white"})}),e.jsx("button",{"aria-label":"Next avatar video",onClick:()=>s("right"),className:"absolute right-2 md:right-4 top-1/2 -translate-y-1/2 z-20 p-3 bg-black/80 border border-purple-500/30 rounded-full opacity-100 sm:opacity-0 sm:group-hover:opacity-100 transition-all hover:bg-purple-500/20 hover:border-purple-500/50",children:e.jsx(u,{className:"w-6 h-6 text-white"})}),e.jsx("div",{ref:a,className:"flex gap-2 md:gap-4 overflow-x-auto px-2 md:px-8 pb-2 scrollbar-hide",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:g.map((r,i)=>e.jsx(l.div,{initial:{opacity:0,x:20},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{delay:i*.1},className:"flex-shrink-0 w-[140px] sm:w-[160px] md:w-[200px] lg:w-[280px]",children:e.jsx(p,{thumbnailUrl:o(`avatars/${r.id}-thumb.webp`),videoUrl:d(o(`avatars/${r.id}.mp4`),{width:320}),title:r.title,className:"w-full"})},r.id))})]}),e.jsxs(l.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.8,delay:.3},className:"text-center mt-3 md:mt-10 lg:mt-16 px-2",children:[e.jsxs("p",{className:"text-sm md:text-sm lg:text-base text-gray-400 mb-2 md:mb-3 font-light",children:["Create ",e.jsx("span",{className:"text-purple-400",children:"hyper-realistic"})," avatars"]}),e.jsxs(l.button,{onClick:()=>t("/video/lipsync-studio"),whileHover:{scale:1.05,boxShadow:"0 20px 40px rgba(168, 85, 247, 0.4)"},whileTap:{scale:.97},className:"group inline-flex items-center gap-1.5 md:gap-2 px-4 md:px-5 lg:px-6 min-h-11 md:min-
1h-12 bg-gradient-to-r from-amber-500 via-purple-500 to-cyan-500 hover:opacity-90 rounded-full text-white text-sm md:text-sm lg:text-base font-medium transition-all duration-300 shadow-md shadow-purple-500/20",children:[e.jsx(h,{className:"h-3.5 w-3.5 md:h-4 md:w-4 lg:h-4 lg:w-4"}),e.jsx("span",{children:"Explore Avatars"}),e.jsx(b,{className:"h-3.5 w-3.5 md:h-4 md:w-4 group-hover:translate-x-0.5 transition-transform"})]})]})]})]})}export{z as AvatarVideoGallery};

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.