1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8974],{2821:(e,t,o)=>{"use strict";o.d(t,{A:()=>n});let n=function(){for(var e,t,o=0,n="",r=arguments.length;o<r;o++)(e=arguments[o])&&(t=function e(t){var o,n,r="";if("string"==typeof t||"number"==typeof t)r+=t;else if("object"==typeof t)if(Array.isArray(t)){var a=t.length;for(o=0;o<a;o++)t[o]&&(n=e(t[o]))&&(r&&(r+=" "),r+=n)}else for(n in t)t[n]&&(r&&(r+=" "),r+=n);return r}(e))&&(n&&(n+=" "),n+=t);return n}},3547:(e,t,o)=>{Promise.resolve().then(o.bind(o,90520)),Promise.resolve().then(o.bind(o,65546)),Promise.resolve().then(o.bind(o,67040)),Promise.resolve().then(o.bind(o,81695)),Promise.resolve().then(o.bind(o,45552)),Promise.resolve().then(o.bind(o,60389)),Promise.resolve().then(o.t.bind(o,52619,23))},20063:(e,t,o)=>{"use strict";var n=o(47260);o.o(n,"useParams")&&o.d(t,{useParams:function(){return n.useParams}}),o.o(n,"usePathname")&&o.d(t,{usePathname:function(){return n.usePathname}}),o.o(n,"useRouter")&&o.d(t,{useRouter:function(){return n.useRouter}}),o.o(n,"useSearchParams")&&o.d(t,{useSearchParams:function(){return n.useSearchParams}})},38149:(e,t,o)=>{"use strict";o.d(t,{Vb:()=>d,ho:()=>l,vg:()=>s});var n=o(95155),r=o(12115),a=o(47650),i=o(2821);function s(e){let{label:t,onClick:o,className:r}=e;return(0,n.jsx)("button",{type:"button",onClick:e=>{e.stopPropagation(),o()},onTouchStart:e=>e.stopPropagation(),className:(0,i.A)("absolute z-[40] inline-flex h-9 w-9 items-center justify-center rounded-full border border-white/70 bg-white/88 text-[#533afd] shadow-[0_14px_30px_-20px_rgba(15,23,42,0.45)] backdrop-blur-md transition hover:bg-white hover:text-[#3423b8]",r||"right-3 top-3"),"aria-label":t,title:t,children:(0,n.jsxs)("svg",{viewBox:"0 0 20 20",className:"h-[18px] w-[18px] fill-none stroke-current stroke-[1.8]","aria-hidden":"true",children:[(0,n.jsx)("path",{d:"M7.5 4.5H4.8A1.8 1.8 0 0 0 3 6.3v8.9A1.8 1.8 0 0 0 4.8 17h8.9a1.8 1.8 0 0 0 1.8-1.8v-2.7",strokeLinecap:"round"}),(0,n.jsx)("path",{d:"M11 3h6v6",strokeLinecap:"round",strokeLinejoin:"round"}),(0,n.jsx)("path",{d:"M9.5 10.5 17 3",strokeLinecap:"round"})]})})}function l(e){let{video:t,label:o,className:a}=e,[i,l]=(0,r.useState)(!1);return t.src?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s,{label:o||"Open ".concat(t.title||"video"," player"),onClick:()=>l(!0),className:a}),i?(0,n.jsx)(d,{video:t,onClose:()=>l(!1)}):null]}):null}function d(e){var t,o,i;let{video:s,onClose:l}=e,d=(0,r.useRef)(null),c=(0,r.useRef)(null),[u,p]=(0,r.useState)(!1);async function m(){let e=d.current;if(e&&"undefined"!=typeof document)try{document.fullscreenElement?await document.exitFullscreen():await e.requestFullscreen()}catch(e){}}return t=!0,o=l,(0,r.useEffect)(()=>{if(!t)return;let e=e=>{"Escape"===e.key&&o()};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[t,o]),(0,r.useEffect)(()=>{let e=c.current;e&&(e.muted=u,u||(e.volume=1))},[u]),(0,r.useEffect)(()=>{p(!1),window.setTimeout(()=>{var e;null==(e=c.current)||e.play().catch(()=>void 0)},0)},[s.src]),i=(0,n.jsx)("div",{className:"fixed inset-0 z-[150] flex items-center justify-center bg-[#06101d]/86 px-3 py-5 backdrop-blur-md",onClick:l,children:(0,n.jsxs)("div",{ref:d,className:"flex max-h-[92vh] w-full max-w-6xl flex-col overflow-hidden rounded-[22px] border border-white/15 bg-[#08111f] shadow-[0_32px_90px_-42px_rgba(0,0,0,0.75)]",onClick:e=>e.stopPropagation(),children:[(0,n.jsxs)("div",{className:"flex items-center justify-between gap-3 border-b border-white/10 px-4 py-3",children:[(0,n.jsx)("div",{className:"min-w-0 text-sm font-semibold text-white",children:(0,n.jsx)("span",{className:"block truncate",children:s.title})}),(0,n.jsxs)("div",{className:"flex shrink-0 items-center gap-2",children:[(0,n.jsxs)("button",{type:"button",onClick:()=>p(e=>!e),className:"inline-flex h-9 items-center gap-2 rounded-full border border-white/15 bg-white/10 px-3 text-xs font-semibold text-white transition hover:bg-white/15",children:[(0,n.jsxs)("svg",{viewBox:"0 0 20 20",className:"h-4 w-4 fill-none stroke-current stroke-[1.8]","aria-hidden":"true",children:[(0,n.jsx)("path",{d:"M4 8.2v3.6h3l4 3.2V5L7 8.2H4Z",strokeLinecap:"round",strokeLinejoin:"round"}),u?(0,n.jsx)("path",{d:"M14 8l3 3m0-3-3 3",strokeLinecap:"round"}):(0,n.jsx)("path",{d:"M14 7.5a3.5 3.5 0 0 1 0 5",strokeLinecap:"round"})]}),u?"Enable audio":"Mute"]}),(0,n.jsx)("button",{type:"button",onClick:()=>void m(),className:"inline-flex h-9 w-9 items-center justify-center rounded-full border border-white/15 bg-white/10 text-white transition hover:bg-white/15","aria-label":"Toggle fullscreen",title:"Fullscreen",children:(0,n.jsx)("svg",{viewBox:"0 0 20 20",className:"h-[18px] w-[18px] fill-none stroke-current stroke-[1.8]","aria-hidden":"true",children:(0,n.jsx)("path",{d:"M7 3H3v4M13 3h4v4M7 17H3v-4M17 13v4h-4",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,n.jsx)("button",{type:"button",onClick:l,className:"inline-flex h-9 w-9 items-center justify-center rounded-full border border-white/15 bg-white/10 text-xl leading-none text-white transition hover:bg-white/15","aria-label":"Close video player",children:"x"})]})]}),(0,n.jsx)("div",{className:"flex min-h-0 flex-1 items-center justify-center bg-black",children:(0,n.jsx)("video",{ref:c,src:s.src,poster:s.poster,className:"max-h-[calc(92vh_-_4rem)] w-auto max-w-full object-contain",controls:!0,autoPlay:!0,muted:u,playsInl
1ine:!0,preload:"metadata"})})]})}),"undefined"==typeof document?null:(0,a.createPortal)(i,document.body)}},43019:(e,t,o)=>{"use strict";o.d(t,{l:()=>i});var n=o(12115);let r="v4v:landing-video-muted";function a(e){document.querySelectorAll("[data-landing-sound-video]").forEach(t=>{t.muted=e})}function i(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],[t,o]=(0,n.useState)(e),i=(0,n.useRef)(e);return(0,n.useEffect)(()=>{i.current=t},[t]),(0,n.useEffect)(()=>{function e(e){let t=e.detail;"boolean"==typeof(null==t?void 0:t.muted)&&(i.current=t.muted,o(t.muted),a(t.muted))}return window.addEventListener(r,e),()=>window.removeEventListener(r,e)},[]),[t,(0,n.useCallback)(e=>{let t="function"==typeof e?e(i.current):e;i.current=t,o(t),a(t),window.dispatchEvent(new CustomEvent(r,{detail:{muted:t}}))},[])]}},44874:(e,t,o)=>{"use strict";o.d(t,{A:()=>i});var n=o(95155),r=o(2821),a=o(12115);let i=(0,a.forwardRef)(function(e,t){var o;let{src:i,poster:s,posterAlt:l="",posterWidth:d=1280,posterHeight:c=720,className:u,posterClassName:p,videoClassName:m,overlayClassName:x,active:h=!0,rootMargin:g="360px 0px",posterLoading:f="lazy",autoPlay:b,muted:v,loop:w,playsInline:j=!0,controls:y,onLoadedData:k,...N}=e,_=(0,a.useRef)(null),P=(0,a.useRef)(null),[C,L]=(0,a.useState)(!1),[S,U]=(0,a.useState)(!1);(0,a.useImperativeHandle)(t,()=>P.current),(0,a.useEffect)(()=>{L(!1),U(!1)},[i]),(0,a.useEffect)(()=>{if(C)return;let e=_.current;if(!e)return;if("undefined"==typeof IntersectionObserver){let e=window.setTimeout(()=>L(!0),250);return()=>window.clearTimeout(e)}let t=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&(L(!0),t.disconnect())},{rootMargin:g,threshold:.01});return t.observe(e),()=>t.disconnect()},[g,C]),(0,a.useEffect)(()=>{var e;C&&(b||h)&&(null==(e=P.current)||e.play().catch(()=>void 0))},[h,b,C,i]),(0,a.useEffect)(()=>{P.current&&(P.current.muted=!!v)},[v]);let M=S&&h,V=(o={shouldLoad:C,active:h,loaded:S}).shouldLoad&&o.active&&!o.loaded;return(0,n.jsx)("div",{ref:_,className:(0,r.A)("overflow-hidden",u),children:(0,n.jsxs)("div",{className:"relative h-full w-full",children:[s?(0,n.jsx)("img",{src:s,alt:l,width:d,height:c,"aria-hidden":!l||void 0,loading:f,decoding:"async",className:(0,r.A)("absolute inset-0 h-full w-full object-cover transition duration-500",M?"opacity-0":"opacity-100",p)}):null,(0,n.jsx)("video",{...N,ref:P,src:C?i:void 0,poster:C?s:void 0,muted:v,loop:w,playsInline:j,controls:y,autoPlay:b,preload:"none",onLoadedData:e=>{U(!0),null==k||k(e)},className:(0,r.A)("absolute inset-0 h-full w-full object-cover transition duration-500",M?"opacity-100":"opacity-0",m)}),V?(0,n.jsx)("div",{className:(0,r.A)("pointer-events-none absolute inset-0 grid place-items-center bg-black/12",x),children:(0,n.jsx)("span",{className:"h-7 w-7 animate-spin rounded-full border-2 border-white/30 border-t-white"})}):null]})})})},45552:(e,t,o)=>{"use strict";o.d(t,{default:()=>f});var n=o(95155),r=o(12115),a=o(20063),i=o(44874),s=o(38149);let l=[{id:"landing-style-ugc-talking",name:"UGC talking",description:"Creator-led UGC format with direct product proof and fast social pacing.",userPrompt:"Create a creator-led UGC talking video with clear product proof, authentic delivery, and a fast first-second hook.",systemPrompt:"Use a realistic creator testimonial structure, direct address, product demonstration, and short social ad pacing.",demoVideoUrl:"/landing/V2 - UGC.mp4",poster:"/landing/posters/v2-ugc.webp"},{id:"landing-style-unboxing",name:"Unboxing",description:"Hands-on unboxing sequence with tactile details and a clear product reveal.",userPrompt:"Create a satisfying unboxing video with hands, packaging details, product reveal, and a polished final hero shot.",systemPrompt:"Build a short unboxing format with tactile packaging, reveal, product handling, and direct benefits.",demoVideoUrl:"/landing/Vielle Product.mp4",poster:"/landing/posters/style-vielle-product.webp"},{id:"landing-style-product-showcase",name:"Product showcase",description:"Clean product-first format with premium closeups, motion, and benefit framing.",userPrompt:"Create a clean product showcase video with premium lighting, closeups, motion, and readable product benef
1its.",systemPrompt:"Use product-first cinematography, clean composition, macro details, and a final hero product frame.",demoVideoUrl:"/landing/Hammered Ring Product.mp4",poster:"/landing/posters/style-hammered-ring-product.webp"},{id:"landing-style-tiktok-hook",name:"TikTok hook",description:"Fast hook-led format built for scroll stopping paid social and organic posts.",userPrompt:"Create a TikTok hook ad with an immediate pattern interrupt, fast proof, and a clear product payoff.",systemPrompt:"Use short-form hook pacing, fast cuts, direct visual proof, and strong final product desirability.",demoVideoUrl:"/landing/V3 - TikTok Hook Ad.mp4",poster:"/landing/posters/v3-tiktok-hook.webp"},{id:"landing-style-before-after",name:"Before / After",description:"Transformation format with a clear setup, contrast moment, and outcome shot.",userPrompt:"Create a before-and-after video that shows the problem, transformation, and final result clearly.",systemPrompt:"Use a transformation arc with setup, change moment, result, and a clear product connection.",demoVideoUrl:"/landing/Luxeol Product.mp4",poster:"/landing/posters/style-luxeol-product.webp"}],d=[{keywords:["ugc virtual try-on","try-on"],demoVideoUrl:"/landing/UGC-Bottom.mp4",poster:"/landing/posters/bottom-ugc.webp"},{keywords:["ugc","product review"],demoVideoUrl:"/landing/V2 - UGC.mp4",poster:"/landing/posters/v2-ugc.webp"},{keywords:["tutorial"],demoVideoUrl:"/landing/V4 - Tutorial.mp4",poster:"/landing/posters/v4-tutorial.webp"},{keywords:["unboxing"],demoVideoUrl:"/landing/Vielle Product.mp4",poster:"/landing/posters/style-vielle-product.webp"},{keywords:["hyper motion"],demoVideoUrl:"/landing/V1 - Hyper Motion.mp4",poster:"/landing/posters/v1-hyper-motion.webp"},{keywords:["tv spot","cinematic"],demoVideoUrl:"/landing/Hammered Ring Product.mp4",poster:"/landing/posters/style-hammered-ring-product.webp"},{keywords:["wild card","social media"],demoVideoUrl:"/landing/V5 - Social Media Ad.mp4",poster:"/landing/posters/v5-social-media.webp"},{keywords:["tiktok hook","hook"],demoVideoUrl:"/landing/V3 - TikTok Hook Ad.mp4",poster:"/landing/posters/v3-tiktok-hook.webp"}];function c(e){return String(e||"").replace(/\s+/g," ").trim()}function u(e){return decodeURIComponent(e||"").split("?")[0].trim().toLowerCase().replace(/^https?:\/\/[^/]+/i,"")}function p(e){let t="".concat(c(e.id)," ").concat(c(e.name)," ").concat(u(c(e.demoVideoUrl))).toLowerCase();return d.find(e=>e.keywords.some(e=>t.includes(e)))||null}function m(e){let t=c(e.poster);if(t)return t;let o=p(e);if(o)return o.poster;let n=c(e.id).toLowerCase(),r=c(e.name).toLowerCase(),a=u(c(e.demoVideoUrl)),i=l.find(e=>!!n&&e.id.toLowerCase()===n||!!r&&e.name.toLowerCase()===r||u(e.demoVideoUrl)===a);return(null==i?void 0:i.poster)||""}function x(e){let t=e.filter(e=>e.demoVideoUrl).map(e=>{let t=p(e);return{...e,demoVideoUrl:(null==t?void 0:t.demoVideoUrl)||e.demoVideoUrl,poster:m(e)||e.poster}}).filter(e=>!!e.poster),o=[...t,...l.filter(e=>!t.some(t=>t.id===e.id))].filter((e,t,o)=>{let n=u(e.demoVideoUrl)||e.poster||e.id;return o.findIndex(e=>(u(e.demoVideoUrl)||e.poster||e.id)===n)===t}),n=[o.find(e=>"".concat(e.name," ").concat(e.id).toLowerCase().includes("ugc")),o.find(e=>{let t="".concat(e.name," ").concat(e.id).toLowerCase();return t.includes("tiktok")||t.includes("hook")})].filter(e=>!!e),r=n.filter((e,t)=>n.findIndex(t=>t.id===e.id)===t),a=new Set(r.map(e=>u(e.demoVideoUrl)||e.poster||e.id));return[...r,...function(e){let t=[...e];for(let e=t.length-1;e>0;e-=1){let o=Math.floor(Math.random()*(e+1));[t[e],t[o]]=[t[o],t[e]]}return t}(o.filter(e=>!a.has(u(e.demoVideoUrl)||e.poster||e.id)))].slice(0,5)}function h(e){let{item:t,badge:o,onUse:a,onOpen:l}=e,d=(0,r.useRef)(null),[c,u]=(0,r.useState)(!1);function p(){let e=d.current;e&&(e.muted=!0,e.loop=!0,u(!0),e.play().catch(()=>u(!1)))}function m(){let e=d.current;e&&(e.pause(),u(!1))}return(0,r.useEffect)(()=>{u(!1)},[t.demoVideoUrl]),(0,n.jsxs)("article",{className:"group relative isolate aspect-[9/16] overflow-hidden rounded-[20px] bg-[#15161d] shadow-[0_20px_42px_-30px_rgba(15,23,42,0.5)]",onMouseEnter:p,onMouseLeave:m,onTouchStart:e=>{let t=e.target;t instanceof HTMLElement&&t.closest("button")||(c?m():p())},children:[(0,n.jsx)(i.A,{ref:d,src:t.demoVideoUrl,poster:t.poster,posterAlt:"".concat(t.name," AI video style preview"),muted:!0,playsInl
1ine:!0,active:c,className:"absolute inset-0",posterClassName:"group-hover:scale-[1.03]",videoClassName:"group-hover:scale-[1.03]"}),(0,n.jsx)("div",{className:"pointer-events-none absolute inset-0 bg-[linear-gradient(180deg,rgba(0,0,0,0.05)_0%,rgba(0,0,0,0.08)_42%,rgba(0,0,0,0.78)_100%)]"}),o?(0,n.jsx)("div",{className:"absolute left-4 top-4 rounded-full bg-white px-3.5 py-2 text-[12px] font-extrabold leading-none text-[#171b24] shadow-[0_12px_26px_-18px_rgba(0,0,0,0.7)]",children:o}):null,(0,n.jsx)(s.vg,{label:"Open ".concat(t.name," style player"),onClick:()=>l({title:t.name,src:t.demoVideoUrl,poster:t.poster}),className:"right-4 top-4"}),(0,n.jsx)("button",{type:"button",onClick:()=>a(t),onTouchStart:e=>e.stopPropagation(),className:"absolute inset-x-5 bottom-5 z-20 text-left text-[11px] font-extrabold leading-tight text-white transition hover:text-white/82 sm:text-[12px]","aria-label":"Use ".concat(t.name," style"),children:t.name})]})}function g(){return(0,n.jsxs)("div",{className:"relative aspect-[9/16] overflow-hidden rounded-[20px] bg-[linear-gradient(135deg,#eee9fb,#f8f5ff)] ring-1 ring-[#e5def4]",children:[(0,n.jsx)("div",{className:"absolute inset-0 grid place-items-center",children:(0,n.jsx)("span",{className:"h-8 w-8 animate-spin rounded-full border-2 border-[#8b5cf6]/20 border-t-[#8b5cf6]"})}),(0,n.jsx)("div",{className:"absolute bottom-5 left-5 h-5 w-28 rounded-full bg-white/68"})]})}function f(){let e=(0,a.useRouter)(),[t,o]=(0,r.useState)([]),[i,l]=(0,r.useState)(!0),[d,u]=(0,r.useState)(null);function f(t){window.sessionStorage.setItem("v4v.example-prefill.v1",JSON.stringify({id:"landing-style:".concat(t.id),title:t.name,description:t.description||t.userPrompt||t.name,previewUrl:t.demoVideoUrl,previewKind:"video",details:{prompt:t.userPrompt||t.description||t.name,config:{styleId:t.id,style:t.name,styleDescription:t.description,styleUserPrompt:t.userPrompt||t.description||t.name,styleSystemPrompt:t.systemPrompt||t.userPrompt||t.description||t.name,format:"9x16",quality:"720p",durationSeconds:8}}})),e.push("/studio?prefill=style&style=".concat(encodeURIComponent(t.id)))}return(0,r.useEffect)(()=>{let e=!1;return async function(){try{let t=await fetch("/api/vstyles",{cache:"no-store"}),n=await t.json().catch(()=>({})),r=Array.isArray(n.items)?n.items.map(e=>e&&"object"==typeof e?function(e){let t=c(e.id),o=c(e.name),n=c(e.demoVideoUrl);if(!t||!o||!n)return null;let r=p({id:t,name:o,demoVideoUrl:n});return{id:t,name:o,demoVideoUrl:(null==r?void 0:r.demoVideoUrl)||n,description:c(e.description),userPrompt:c(e.userPrompt),systemPrompt:c(e.systemPrompt),poster:m({id:t,name:o,demoVideoUrl:n,poster:c(e.poster)||c(e.posterUrl)||c(e.previewImageUrl)||c(e.thumbnailUrl)})}}(e):null).filter(e=>!!e):[];!e&&t.ok&&o(x(r))}catch(t){e||o(x([]))}finally{e||l(!1)}}(),()=>{e=!0}},[]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("section",{className:"bg-[#f7f3ff] px-4 py-16 sm:py-20",children:(0,n.jsxs)("div",{className:"mx-auto max-w-[1148px] text-center",children:[(0,n.jsx)("p",{className:"text-[12px] font-extrabold uppercase tracking-[0.19em] text-[#7d43f5]",children:"Templates"}),(0,n.jsx)("h2",{className:"mx-auto mt-5 max-w-[830px] text-[42px] font-extrabold leading-[1.02] tracking-[-0.05em] text-[#171b24] sm:text-[60px]",children:"Start from a proven format"}),(0,n.jsx)("p",{className:"mx-auto mt-6 max-w-[780px] text-[18px] leading-8 text-[#667085] sm:text-[23px]",children:"Use ready-made formats for product showcases, UGC videos, unboxing clips, before-and-after stories, TikTok hooks, avatar videos, and image creatives."}),(0,n.jsx)("div",{className:"mx-auto mt-12 grid max-w-[924px] grid-cols-2 gap-3 sm:gap-5 lg:grid-cols-5",children:i?Array.from({length:5}).map((e,t)=>(0,n.jsx)(g,{},t)):t.map(e=>(0,n.jsx)(h,{item:e,badge:function(e){let t="".concat(e.name," ").concat(e.id).toLowerCase();return t.includes("ugc")?"Most popular":t.includes("tiktok")||t.includes("hook")?"Trending":""}(e),onUse:f,onOpen:u},e.id))})]})}),d?(0,n.jsx)(s.Vb,{video:d,onClose:()=>u(null)}):null]})}},60389:(e,t,o)=>{"use strict";o.d(t,{TrackedLink:()=>s});var n=o(95155),r=o(52619),a=o.n(r),i=o(98109);function s(e){let{analyticsEvent:t="cta_click",analyticsParams:o,href:r,onClick:s,children:l,...d}=e;return(0,n.jsx)(a(),{href:r,onClick:e=>{(0,i.KG)(t,{destination:function(e){if("string"==typeof e)return e;let t=new URLSearchParams;Object.entries(e.query||{}
1).forEach(e=>{let[o,n]=e;Array.isArray(n)?n.forEach(e=>{null!=e&&t.append(o,String(e))}):null!=n&&t.append(o,String(n))});let o=t.toString();return"".concat(e.pathname||"").concat(o?"?".concat(o):"")}(r),...o}),null==s||s(e)},...d,children:l})}},65546:(e,t,o)=>{"use strict";o.d(t,{default:()=>f});var n=o(95155),r=o(12115),a=o(2821),i=o(52619),s=o.n(i),l=o(44874),d=o(43019),c=o(38149);let u=[{id:"lab-motion",tag:"Motion",title:"Motion scene",detail:"Video guided",href:"/lab?model=video.kling_v30_motion",src:"/landing/ad_lab_moution_v4v.mp4",poster:"/landing/posters/ad-lab-motion.webp"},{id:"lab-suno",tag:"Audio",title:"Suno scene",detail:"Music guided",href:"/lab?model=ai.music",src:"/landing/ad_lab_suno_v4v.mp4",poster:"/landing/posters/ad-lab-suno.webp"},{id:"lab-translate",tag:"Translate",title:"Translate scene",detail:"Voice guided",href:"/lab?model=video.heygen_v2_translate_precision",src:"/landing/ad_lab_translate_v4v.mp4",poster:"/landing/posters/ad-lab-translate.webp"}],p={id:"lab-motion-horizontal",tag:"Scene",title:"Motion workflow",detail:"Wide preview",href:"/lab?model=video.kling_v30_motion",src:"/landing/ad_lab_moution_v4v_horiz.mp4",poster:"/landing/posters/ad-lab-motion-horiz.webp"},m={id:"lab-motion-horizontal-b",tag:"Scene",title:"Motion workflow",detail:"Wide preview",href:"/lab?model=video.kling_v30_motion",src:"/landing/ad_lab_moution_v4v_horiz_b.mp4",poster:"/landing/posters/ad-lab-motion-horiz-b.webp"};function x(){return(0,n.jsx)("svg",{viewBox:"0 0 20 20",className:"h-4 w-4",fill:"currentColor","aria-hidden":"true",children:(0,n.jsx)("path",{d:"M7.2 5.4v9.2l7.1-4.6-7.1-4.6Z"})})}function h(e){let{muted:t}=e;return(0,n.jsxs)("svg",{viewBox:"0 0 20 20",className:"h-4 w-4",fill:"none",stroke:"currentColor",strokeWidth:"1.8","aria-hidden":"true",children:[(0,n.jsx)("path",{d:"M4 8v4h3l4 3V5L7 8H4Z",strokeLinecap:"round",strokeLinejoin:"round"}),t?(0,n.jsx)("path",{d:"m14 8 3 3m0-3-3 3",strokeLinecap:"round"}):(0,n.jsx)("path",{d:"M14 7.2c.9.8 1.3 1.7 1.3 2.8S14.9 12 14 12.8",strokeLinecap:"round"})]})}function g(e){let{item:t,muted:o,onToggleMute:i,onOpen:d,layout:u="vertical"}=e,p=(0,r.useRef)(null),[m,g]=(0,r.useState)(!1);async function f(){let e=p.current;if(e){var n;n=t.id,document.querySelectorAll("[data-landing-lab-video]").forEach(e=>{e.dataset.landingLabVideo!==n&&e.pause()}),e.muted=o,g(!0);try{await e.play(),g(!0)}catch(e){g(!1)}}}function b(){let e=p.current;e&&(e.pause(),g(!1))}function v(){m||f()}return(0,r.useEffect)(()=>{g(!1)},[t.src]),(0,n.jsxs)("article",{className:(0,a.A)("group relative overflow-hidden rounded-[16px] bg-[#101323] shadow-[0_18px_44px_-30px_rgba(15,23,42,0.55)]","horizontal"===u?"col-span-2 aspect-[16/9] sm:col-span-3 sm:h-full sm:aspect-auto":"aspect-[9/16] sm:h-full sm:aspect-auto"),onMouseEnter:v,onMouseOver:v,onMouseLeave:b,children:[(0,n.jsx)(l.A,{ref:p,"data-landing-lab-video":t.id,"data-landing-sound-video":!0,src:t.src,poster:t.poster,posterAlt:"".concat(t.title," Lab video preview"),muted:o,loop:!0,playsInline:!0,onPlay:()=>g(!0),onPause:()=>g(!1),active:m,className:"absolute inset-0",posterClassName:(0,a.A)("horizontal"===u&&"scale-[1.04]"),videoClassName:(0,a.A)("horizontal"===u&&"scale-[1.04]")}),(0,n.jsx)("div",{className:"pointer-events-none absolute inset-0 bg-[linear-gradient(180deg,rgba(0,0,0,0.08)_0%,rgba(0,0,0,0.03)_42%,rgba(0,0,0,0.68)_100%)]"}),(0,n.jsx)(s(),{href:t.href,className:"absolute left-3 top-3 z-30 max-w-[calc(100%-104px)] truncate rounded-full border border-white/24 bg-white/18 px-2.5 py-1.5 text-[10px] font-extrabold text-white backdrop-blur-md transition hover:bg-white hover:text-[#4d32c5] sm:left-4 sm:top-4 sm:max-w-[calc(100%-128px)] sm:px-3 sm:text-[12px]",onClick:e=>e.stopPropagation(),children:t.tag}),(0,n.jsx)("button",{type:"button",onClick:function(){m?b():f()},onMouseEnter:v,className:"absolute inset-0 z-10 grid place-items-center","aria-label":"".concat(m?"Pause":"Play"," ").concat(t.title),children:m?null:(0,n.jsx)("span",{className:"grid h-11 w-11 place-items-center rounded-full bg-white text-[#4d32c5] shadow-[0_16px_32px_-22px_rgba(15,23,42,0.75)]",children:(0,n.jsx)(x,{})})}),(0,n.jsx)("button",{type:"button",onClick:e=>{e.stopPropagation(),i()},onTouchStart:e=>e.stopPropagation(),className:"absolute right-14 top-3 z-30 grid h-8 w-8 place-items-center rounded-full bg-white/92 text-[#171b24] shadow-[0_14px_26px_-18px_rgba(0,0,0,0.75)] transition hover:bg-white sm:right-16 sm:top-4 sm:h-9 sm:w-9","aria-label":o?"Unmute all landing videos":"Mute all landing videos",children:(0,n.jsx)(h,{muted:o})}),(0,n.jsx)(c.vg,{label:"Open ".concat(t.title," player"),onClick:()=>d({title:t.title,src:t.src,poster:t.poster}),className:"right-3 top-3 sm:right-4 sm:top-4"}),(0,n.jsxs)("div",{className:"absolute bottom-3 left-3 z-20 text-white sm:bottom-5 sm:left-4",children:[(0,n.jsx)(s(),{href:t.href,className:"inline-flex text-[12px] font-extrabold leading-tight transition hover:text-white/78 sm:text-[15px]",onClick:e=>e.stopPropagation(),children:t.title}),(0,n.jsx)("p",{className:"mt-1 text-[10px] font-semibold text-white/72 sm:text-[12px]",children:t.detail})]})]})}function f(){let[e,t]=(0,d.l)(!0),[o,a]=(0,r.useState)(null);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"grid min-w-0 grid-cols-2 gap-3 rounded-[22px] border border-[#dfe4ed] bg-[#f8f9fb] p-3 sm:h-[760px] sm:grid-cols-3 sm:grid-rows-[170px_minmax(0,1fr)_170px] sm:p-4",children:[(0,n.jsx)(g,{item:p,muted:e,onToggleMute:()=>t(e=>!e),onOpen:a,layout:"horizontal"}),u.map(o=>(0,n.jsx)(g,{item:o,muted:e,onToggleMute:()=>t(e=>!e),onOpen:a},o.id)),(0,n.jsx)(g,{item:m,muted:e,onToggleMute:()=>t(e=>!e),onOpen:a,layout:"horizontal"})]}),o?(0,n.jsx)(c.Vb,{video:o,onClose:()=>a(null)}):null]})}},67040:(e,t,o)=>{"use strict";o.d(t,{default:()=>g});var n=o(95155),r=o(12115),a=o(2821),i=o(44874),s=o(43019),l=o(38149);let d=[{id:"hyper-motion",tag:"Hyper Motion",title:"Product Video",src:"/landing/V1 - Hyper Motion.mp4",poster:"/landing/p
1osters/v1-hyper-motion.webp",tone:"from-[#8a5cf6] to-[#a976f7]",shape:"vertical-large"},{id:"ugc",tag:"UGC",title:"Customer Review",src:"/landing/V2 - UGC.mp4",poster:"/landing/posters/v2-ugc.webp",tone:"from-[#a45e9d] to-[#bd82b8]",shape:"vertical-small"},{id:"tiktok-hook",tag:"TikTok Hook",title:"Hook Ad",src:"/landing/V3 - TikTok Hook Ad.mp4",poster:"/landing/posters/v3-tiktok-hook.webp",tone:"from-[#d3a041] to-[#e4bb68]",shape:"vertical-small"},{id:"tutorial",tag:"Tutorial",title:"How-To Steps",src:"/landing/V4 - Tutorial.mp4",poster:"/landing/posters/v4-tutorial.webp",tone:"from-[#41a68e] to-[#70c1ad]",shape:"vertical-small"},{id:"social-media",tag:"Social Media",title:"Social Clip",src:"/landing/V5 - Social Media Ad.mp4",poster:"/landing/posters/v5-social-media.webp",tone:"from-[#4ea3c9] to-[#76bfdd]",shape:"vertical-small"}],c=[{id:"bottom-ugc",tag:"UGC",title:"Avatar / Presenter",src:"/landing/UGC-Bottom.mp4",poster:"/landing/posters/bottom-ugc.webp",tone:"from-[#a45e9d] to-[#bd82b8]",shape:"horizontal"},{id:"bottom-hyper",tag:"Hyper Motion",title:"Product Benefits",src:"/landing/HyperMotion - Bottom.mp4",poster:"/landing/posters/bottom-hyper-motion.webp",tone:"from-[#6757e9] to-[#8e77ff]",shape:"horizontal",checklist:["Powerful Motion","Easy to Remix","Fast Hooks","Reusable Assets"]},{id:"bottom-hook",tag:"TikTok Hook",title:"Ad / Promo Video",src:"/landing/TikTok Hook - Bottom.mp4",poster:"/landing/posters/bottom-tiktok-hook.webp",tone:"from-[#3d8fb1] to-[#66b0cf]",shape:"horizontal",checklist:["Blend Anywhere","Healthy Lifestyle","Save Time","Feel Amazing"]}];function u(e){let{playing:t}=e;return t?(0,n.jsx)("svg",{viewBox:"0 0 20 20",className:"h-4 w-4",fill:"currentColor","aria-hidden":"true",children:(0,n.jsx)("path",{d:"M6 5.2h2.5v9.6H6zM11.5 5.2H14v9.6h-2.5z"})}):(0,n.jsx)("svg",{viewBox:"0 0 20 20",className:"h-4 w-4",fill:"currentColor","aria-hidden":"true",children:(0,n.jsx)("path",{d:"M7.2 5.4v9.2l7.1-4.6-7.1-4.6Z"})})}function p(e){let{muted:t}=e;return(0,n.jsxs)("svg",{viewBox:"0 0 20 20",className:"h-4 w-4",fill:"none",stroke:"currentColor",strokeWidth:"1.8","aria-hidden":"true",children:[(0,n.jsx)("path",{d:"M4 8v4h3l4 3V5L7 8H4Z",strokeLinecap:"round",strokeLinejoin:"round"}),t?(0,n.jsx)("path",{d:"m14 8 3 3m0-3-3 3",strokeLinecap:"round"}):(0,n.jsx)("path",{d:"M14 7.2c.9.8 1.3 1.7 1.3 2.8S14.9 12 14 12.8",strokeLinecap:"round"})]})}function m(e){let{className:t="h-3.5 w-3.5"}=e;return(0,n.jsx)("svg",{viewBox:"0 0 20 20",className:t,fill:"none",stroke:"currentColor",strokeWidth:"2.2","aria-hidden":"true",children:(0,n.jsx)("path",{d:"m5 10.4 3.1 3.1L15 6.8",strokeLinecap:"round",strokeLinejoin:"round"})})}function x(e){let{className:t="h-4 w-4"}=e;return(0,n.jsx)("svg",{viewBox:"0 0 20 20",className:t,fill:"none",stroke:"currentColor",strokeWidth:"1.8","aria-hidden":"true",children:(0,n.jsx)("path",{d:"M10 3.2 11.6 8l4.9 2-4.9 2L10 16.8 8.4 12l-4.9-2 4.9-2L10 3.2Z",strokeLinejoin:"round"})})}function h(e){let{item:t,muted:o,playing:s,onPlay:d,onPause:c,onToggleMute:x,onOpen:h}=e,g=(0,r.useRef)(null),f=(0,r.useRef)(!1);function b(){d(t.id,g.current)}function v(){s||b()}function w(){c(t.id,g.current)}function j(){let e=g.current;e&&(e.paused?b():w())}return(0,n.jsxs)("article",{className:(0,a.A)("group relative isolate overflow-hidden rounded-[16px] bg-[#12131a] shadow-[0_18px_36px_-26px_rgba(15,23,42,0.45)]","vertical-large"===t.shape&&"aspect-[9/16] min-h-[440px] lg:h-full lg:min-h-0 lg:aspect-auto","vertical-small"===t.shape&&"aspect-square lg:h-full lg:aspect-auto","horizontal"===t.shape&&"aspect-[16/9]"),onMouseEnter:v,onMouseOver:v,onMouseLeave:w,onTouchStart:e=>{let t=e.target;t instanceof HTMLElement&&t.closest("button")||(f.current=!0,j())},children:[(0,n.jsx)(i.A,{ref:g,"data-landing-product-video":t.id,"data-landing-sound-video":!0,src:t.src,poster:t.poster,posterAlt:"".concat(t.title," video preview"),muted:o,playsInline:!0,active:s,className:"absolute inset-0",onPlay:()=>void 0,onEnded:()=>c(t.id,g.current)}),(0,n.jsx)("button",{type:"button",className:"absolute inset-0 z-10 cursor-pointer","aria-label":"".concat(s?"Pause":"Play"," ").concat(t.title),onMouseEnter:v,onClick:()=>
1{if(f.current){f.current=!1;return}j()}}),(0,n.jsx)("div",{className:"pointer-events-none absolute inset-0 bg-[linear-gradient(180deg,rgba(0,0,0,0.08)_0%,rgba(0,0,0,0.04)_42%,rgba(0,0,0,0.74)_100%)]"}),(0,n.jsx)("div",{className:(0,a.A)("absolute left-3 top-3 z-20 max-w-[calc(100%-112px)] truncate rounded-full bg-gradient-to-br px-2.5 py-1.5 text-[10px] font-extrabold text-white shadow-[0_12px_22px_-16px_rgba(0,0,0,0.7)] sm:left-4 sm:top-4 sm:max-w-[calc(100%-132px)] sm:px-4 sm:py-2 sm:text-[12px]",t.tone),children:t.tag}),(0,n.jsx)("button",{type:"button",onClick:e=>{e.stopPropagation(),x()},onTouchStart:e=>e.stopPropagation(),className:"absolute right-14 top-3 z-30 grid h-8 w-8 place-items-center rounded-full bg-white/92 text-[#171b24] shadow-[0_14px_26px_-18px_rgba(0,0,0,0.75)] transition hover:bg-white sm:right-16 sm:top-4 sm:h-9 sm:w-9","aria-label":o?"Unmute all landing videos":"Mute all landing videos",children:(0,n.jsx)(p,{muted:o})}),(0,n.jsx)(l.vg,{label:"Open ".concat(t.title," player"),onClick:()=>h({title:t.title,src:t.src,poster:t.poster}),className:"right-3 top-3 sm:right-4 sm:top-4"}),(0,n.jsx)("div",{className:"pointer-events-none absolute inset-0 z-20 grid place-items-center",children:(0,n.jsx)("span",{className:(0,a.A)("grid h-11 w-11 place-items-center rounded-full bg-white text-[#6f3ff1] shadow-[0_18px_30px_-20px_rgba(0,0,0,0.8)] transition",s?"opacity-0":"opacity-100"),children:(0,n.jsx)(u,{playing:s})})}),(0,n.jsxs)("div",{className:"absolute inset-x-3 bottom-3 z-20 flex items-end justify-between gap-4 text-white sm:inset-x-4 sm:bottom-4",children:[(0,n.jsx)("div",{children:(0,n.jsx)("h3",{className:"text-[13px] font-extrabold leading-tight sm:text-[18px]",children:t.title})}),t.checklist?(0,n.jsx)("ul",{className:"hidden min-w-[150px] space-y-2 text-[13px] font-semibold text-white/88 md:block",children:t.checklist.map(e=>(0,n.jsxs)("li",{className:"flex items-center gap-2",children:[(0,n.jsx)("span",{className:"grid h-5 w-5 place-items-center rounded-full border border-white/25 bg-white/10",children:(0,n.jsx)(m,{className:"h-3 w-3"})}),e]},e))}):null]})]})}function g(){let[e,t]=(0,s.l)(!0),[o,a]=(0,r.useState)(""),[i,u]=(0,r.useState)(null);function p(t,o){document.querySelectorAll("[data-landing-product-video]").forEach(e=>{e.dataset.landingProductVideo!==t&&e.pause()}),o&&(a(t),o.muted=e,o.play().catch(()=>{a(e=>e===t?"":e)}))}function g(e,t){null==t||t.pause(),a(t=>t===e?"":t)}return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("section",{id:"formats",className:"bg-white px-4 pb-4 pt-4 sm:pb-6",children:(0,n.jsxs)("div",{className:"mx-auto max-w-[1280px]",children:[(0,n.jsxs)("div",{className:"grid gap-4 lg:h-[640px] lg:grid-cols-[1.04fr_0.76fr_1.32fr]",children:[(0,n.jsx)(function(){return(0,n.jsxs)("section",{className:"flex min-h-[440px] flex-col rounded-[18px] bg-[#f7f4ff] p-8 text-[#171b24] ring-1 ring-[#ebe6f7] lg:h-full lg:min-h-0",children:[(0,n.jsx)("p",{className:"text-[13px] font-extrabold uppercase tracking-[0.11em] text-[#7d43f5]",children:"Studio"}),(0,n.jsx)("h2",{className:"mt-8 max-w-[320px] text-[40px] font-extrabold leading-[1.08] tracking-[-0.035em]",children:"One product. Endless content."}),(0,n.jsx)("p",{className:"mt-6 max-w-[320px] text-[16px] leading-7 text-[#667085]",children:"Different formats. Same winning product. Create videos, UGC, images and more that actually convert."}),(0,n.jsx)("a",{href:"/studio",className:"mt-8 inline-flex h-11 w-fit shrink-0 items-center justify-center rounded-[9px] bg-[linear-gradient(135deg,#7c4dff,#a43cf2)] px-5 text-[14px] font-extrabold text-white shadow-[0_14px_28px_-18px_rgba(124,77,255,0.9)]",children:"Start in Studio"}),(0,n.jsx)("div",{className:"mt-8 border-t border-[#e5dff2] pt-7",children:(0,n.jsxs)("div",{className:"flex items-center gap-4",children:[(0,n.jsx)("img",{src:"/landing/p
1osters/v1-hyper-motion.webp",alt:"Hyper Motion product video preview",width:72,height:72,loading:"lazy",decoding:"async",className:"h-[72px] w-[72px] rounded-[10px] object-cover"}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"text-[12px] font-extrabold uppercase tracking-[0.12em] text-[#6d3de6]",children:"Featured Product"}),(0,n.jsx)("h3",{className:"mt-1 text-[16px] font-extrabold",children:"BlendGo Portable Blender"}),(0,n.jsx)("p",{className:"mt-1 text-[13px] text-[#667085]",children:"Blend anywhere. Live healthy."})]})]})}),(0,n.jsx)("div",{className:"mt-auto grid grid-cols-3 gap-4 pt-8 text-center",children:[["Powerful Battery","Up to 20 blends"],["6 Sharp Blades","Smooth results"],["Portable Design","Take it anywhere"]].map(e=>{let[t,o]=e;return(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"mx-auto mb-3 grid h-8 w-8 place-items-center rounded-full text-[#8b5cf6] ring-1 ring-[#e5dff2]",children:(0,n.jsx)(x,{className:"h-4 w-4"})}),(0,n.jsx)("p",{className:"text-[11px] font-extrabold leading-tight",children:t}),(0,n.jsx)("p",{className:"mt-1 text-[11px] leading-tight text-[#667085]",children:o})]},t)})})]})},{}),(0,n.jsx)(h,{item:d[0],muted:e,playing:o===d[0].id,onPlay:p,onPause:g,onToggleMute:()=>t(e=>!e),onOpen:u}),(0,n.jsx)("div",{className:"grid grid-cols-2 gap-3 sm:gap-4 lg:h-full lg:grid-rows-2",children:d.slice(1).map(r=>(0,n.jsx)(h,{item:r,muted:e,playing:o===r.id,onPlay:p,onPause:g,onToggleMute:()=>t(e=>!e),onOpen:u},r.id))})]}),(0,n.jsx)("div",{className:"mt-4 grid grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-3",children:c.map(r=>(0,n.jsx)(h,{item:r,muted:e,playing:o===r.id,onPlay:p,onPause:g,onToggleMute:()=>t(e=>!e),onOpen:u},r.id))}),(0,n.jsx)("div",{className:"mt-5 rounded-[16px] bg-[#f7f4ff] px-6 py-5 ring-1 ring-[#ebe6f7]",children:(0,n.jsxs)("div",{className:"flex flex-col gap-4 text-[13px] font-semibold text-[#394150] lg:flex-row lg:items-center lg:justify-between",children:[(0,n.jsxs)("div",{className:"flex items-center gap-2 text-[15px] font-extrabold text-[#171b24]",children:[(0,n.jsx)("span",{className:"text-[#8b5cf6]",children:(0,n.jsx)(x,{})}),"Why this product converts"]}),["Solves a daily problem","Visually satisfying","Highly shareable","Strong UGC potential"].map(e=>(0,n.jsxs)("div",{className:"flex items-center gap-2",children:[(0,n.jsx)("span",{className:"grid h-5 w-5 place-items-center rounded-full bg-[#8b5cf6] text-white",children:(0,n.jsx)(m,{className:"h-3 w-3"})}),e]},e))]})})]})}),i?(0,n.jsx)(l.Vb,{video:i,onClose:()=>u(null)}):null]})}},81695:(e,t,o)=>{"use strict";o.d(t,{default:()=>x});var n=o(95155),r=o(12115),a=o(2821),i=o(44874),s=o(43019),l=o(38149);let d=[{id:"luxeol",productName:"Luxeol product kit",productDetail:"$59.00 - beauty - serum",productImage:"/landing/provid_demo_prod.webp",productImageWidth:439,productImageHeight:494,productImageClassName:"object-contain p-2",videoLabel:"Luxeol Video",videoSrc:"/landing/Luxeol Product.mp4",videoPoster:"/landing/posters/provid-luxeol.webp"},{id:"watch",productName:"Breitling Superocean watch",productDetail:"$340.00 - vintage - 1884",productImage:"/landing/land-provid-hero-watch.webp",productImageWidth:1080,productImageHeight:1567,productImageClassName:"object-cover",videoLabel:"Watch Video",videoSrc:"/landing/land-provid-hero-watch-vid.mp4",videoPoster:"/landing/posters/land-provid-hero-watch-vid.webp"}];function c(e){let{className:t="h-4 w-4"}=e;return(0,n.jsx)("svg",{viewBox:"0 0 20 20",className:t,fill:"currentColor","aria-hidden":"true",children:(0,n.jsx)("path",{d:"M7.2 5.4v9.2l7.1-4.6-7.1-4.6Z"})})}function u(e){let{muted:t}=e;return(0,n.jsxs)("svg",{viewBox:"0 0 20 20",className:"h-4 w-4",fill:"none",stroke:"currentColor",strokeWidth:"1.8","aria-hidden":"true",children:[(0,n.jsx)("path",{d:"M4 8v4h3l4 3V5L7 8H4Z",strokeLinecap:"round",strokeLinejoin:"round"}),t?(0,n.jsx)("path",{d:"m14 8 3 3m0-3-3 3",strokeLinecap:"round"}):(0,n.jsx)("path",{d:"M14 7.2c.9.8 1.3 1.7 1.3 2.8S14.9 12 14 12.8",strokeLinecap:"round"})]})}function p(e){let{id:t,src:o,poster:s,label:d,className:p="",buttonClassName:m="",muted:x,onToggleMute:h,onOpen:g,onPlayingChange:f}=e,b=(0,r.useRef)(null),[v,w]=(0,r.useState)(!1);async function j(){let e=b.current;if(e){document.querySelectorAll("[data-landing-provid-video]").forEach(e
1=>{e.dataset.landingProvidVideo!==t&&e.pause()}),e.muted=x,w(!0),null==f||f(!0);try{await e.play(),w(!0),null==f||f(!0)}catch(e){w(!1),null==f||f(!1)}}}function y(){let e=b.current;e&&(e.pause(),w(!1),null==f||f(!1))}function k(){v||j()}return(0,r.useEffect)(()=>{w(!1)},[o]),(0,n.jsxs)("div",{className:(0,a.A)("relative overflow-hidden bg-[#101323]",p),onMouseEnter:k,onMouseOver:k,onMouseLeave:y,children:[(0,n.jsx)(i.A,{ref:b,"data-landing-provid-video":t,"data-landing-sound-video":!0,src:o,poster:s,posterAlt:"".concat(d," product video preview"),muted:x,loop:!0,playsInline:!0,onPlay:()=>{w(!0),null==f||f(!0)},onPause:()=>{w(!1),null==f||f(!1)},active:v,className:"absolute inset-0"}),(0,n.jsx)("button",{type:"button",onClick:function(){v?y():j()},onMouseEnter:k,className:(0,a.A)("absolute inset-0 z-10 grid place-items-center",m),"aria-label":"".concat(v?"Pause":"Play"," ").concat(d),children:v?null:(0,n.jsx)("span",{className:"grid h-11 w-11 place-items-center rounded-full bg-white text-[#4d32c5] shadow-[0_16px_32px_-22px_rgba(15,23,42,0.75)]",children:(0,n.jsx)(c,{})})}),(0,n.jsx)("button",{type:"button",onClick:e=>{e.stopPropagation(),h()},onTouchStart:e=>e.stopPropagation(),className:"absolute right-14 top-3 z-30 grid h-8 w-8 place-items-center rounded-full bg-white/92 text-[#171b24] shadow-[0_14px_26px_-18px_rgba(0,0,0,0.75)] transition hover:bg-white","aria-label":x?"Unmute all landing videos":"Mute all landing videos",children:(0,n.jsx)(u,{muted:x})}),(0,n.jsx)(l.vg,{label:"Open ".concat(d," player"),onClick:g})]})}function m(e){let{item:t,muted:o,onToggleMute:r,onOpenVideo:a,delay:i="0s"}=e;return(0,n.jsxs)("div",{className:"grid min-w-0 grid-cols-[1.02fr_0.72fr] items-start gap-3",children:[(0,n.jsxs)("article",{className:"relative min-w-0 animate-[floaty_5s_ease-in-out_infinite] rounded-[16px] border border-[#e1e5ee] bg-white p-2.5 shadow-[0_24px_54px_-34px_rgba(15,23,42,0.44)] sm:p-3",style:{animationDelay:i},children:[(0,n.jsx)("div",{className:"aspect-[4/3] overflow-hidden rounded-[10px] bg-[#eef2f5]",children:(0,n.jsx)("img",{src:t.productImage,alt:"".concat(t.productName," source product image"),width:t.productImageWidth,height:t.productImageHeight,loading:"lazy",decoding:"async",className:"h-full w-full ".concat(t.productImageClassName)})}),(0,n.jsx)("p",{className:"mt-3 truncate text-[13px] font-extrabold text-[#171b24]",children:t.productName}),(0,n.jsx)("p",{className:"mt-1 truncate text-[12px] text-[#667085]",children:t.productDetail})]}),(0,n.jsxs)("article",{className:"relative min-w-0 animate-[floaty_5s_ease-in-out_infinite] rounded-[16px] border border-[#e1e5ee] bg-white p-1.5 shadow-[0_24px_54px_-34px_rgba(15,23,42,0.44)] sm:p-2",style:{animationDelay:"0s"===i?"-2.5s":"0s"},children:[(0,n.jsx)(p,{id:"".concat(t.id,"-main"),src:t.videoSrc,poster:t.videoPoster,label:t.videoLabel,className:"aspect-[9/16] rounded-[11px]",muted:o,onToggleMute:r,onOpen:()=>a({title:t.videoLabel,src:t.videoSrc,poster:t.videoPoster})}),(0,n.jsx)("div",{className:"pointer-events-none absolute inset-x-2 bottom-2 rounded-b-[11px] bg-[linear-gradient(180deg,transparent,rgba(0,0,0,0.56))] px-3 pb-3 pt-12 text-white",children:(0,n.jsx)("p",{className:"truncate text-[12px] font-extrabold leading-none",children:t.videoLabel})})]})]})}function x(){let[e,t]=(0,s.l)(!0),[o,a]=(0,r.useState)(null);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{"data-landing-provid-visual":!0,className:"relative w-full min-w-0 overflow-hidden rounded-[22px] bg-[linear-gradient(180deg,#ffffff_0%,#fbfcff_100%)] p-2 sm:p-3 lg:min-h-[620px]",children:(0,n.jsx)("div",{className:"grid min-w-0 gap-5",children:d.map((o,r)=>(0,n.jsx)(m,{item:o,muted:e,onToggleMute:()=>t(e=>!e),onOpenVideo:a,delay:0===r?"-2.5s":"-1s"},o.id))})}),o?(0,n.jsx)(l.Vb,{video:o,onClose:()=>a(null)}):null]})}},90520:(e,t,o)=>{"use strict";o.d(t,{default:()=>f});var n=o(95155),r=o(12115),a=o(20063),i=o(44874),s=o(38149);let l=[{src:"/landing/assets/blendgo_main.webp",position:"center 54%"},{src:"/landing/assets/img3.webp",position:"center 28%"},{src:"/landing/assets/img5.webp",position:"center 25%"},{src:"/landing/assets/img4.webp",position:"center 29%"},{src:"/landing/assets/Img1.webp",position:"center 31%"},{src:"/landing/assets/img2.webp",position:"center 25%"},{src:"/landing/assets/blendgo.webp",position:"center 48%"}];async function d(e){let t=await fetch("/api/examples?surface=".concat(e,"&limit=4"),{cache:"no-store"}),o=await t.json().catch(()=>({}));return t.ok&&Array.isArray(o.items)?o.items:[]}function c(e){return String(e||"").replace(/\s+/g," ").trim()}function u(e){var t,o,n,r,a,i,s,l,d,c,u,p;return e.previewSecondaryUrl||(null==(r=e.details)||null==(n=r.product)||null==(o=n.images)||null==(t=o.find(e=>e.url))?void 0:t.url)||(null==(l=e.details)||null==(s=l.avatar)||null==(i=s.images)||null==(a=i.find(e=>e.url))?void 0:a.url)||(null==(p=e.details)||null==(u=p.assets)||null==(c=u.images)||null==(d=c.find(e=>e.url))?void 0:d.url)||""}function p(){return(0,n.jsx)("svg",{viewBox:"0 0 20 20",className:"h-4 w-4",fill:"
1currentColor","aria-hidden":"true",children:(0,n.jsx)("path",{d:"M7.2 5.5v9l7-4.5-7-4.5Z"})})}function m(e){let{item:t}=e;return t.previewUrl&&"video"===t.previewKind?(0,n.jsx)(i.A,{src:t.previewUrl,poster:u(t)||void 0,posterAlt:"".concat(t.title||"Example"," video preview"),className:"h-full w-full bg-[#111827]",muted:!0,playsInline:!0,active:!1}):t.previewUrl&&"audio"===t.previewKind?(0,n.jsx)("div",{className:"grid h-full place-items-center bg-[linear-gradient(135deg,#1f2937,#111827)] text-white/80",children:(0,n.jsx)("span",{className:"rounded-full bg-white/14 px-4 py-2 text-[13px] font-semibold backdrop-blur-md",children:"Audio"})}):t.previewUrl?(0,n.jsx)("img",{src:t.previewUrl,alt:t.title,loading:"lazy",decoding:"async",className:"h-full w-full bg-[#edf3fb] object-cover"}):(0,n.jsx)("div",{className:"h-full w-full bg-[linear-gradient(135deg,#d7dff4,#f2e3eb)]"})}function x(){return(0,n.jsx)("section",{id:"featured",className:"bg-white px-4 py-10 sm:py-12",children:(0,n.jsx)("div",{className:"mx-auto flex max-w-[1132px] justify-center py-14",children:(0,n.jsx)("div",{role:"status","aria-label":"Loading studio demo",className:"grid h-14 w-14 place-items-center rounded-full border border-[#e4e8f0] bg-white shadow-[0_18px_38px_-28px_rgba(15,23,42,0.35)]",children:(0,n.jsx)("span",{className:"h-7 w-7 animate-spin rounded-full border-2 border-[#e7ddff] border-t-[#7d43f5]"})})})})}function h(e){var t;let{items:o,openExample:r,openVideo:a}=e;return(0,n.jsx)("div",{className:(t=o.length)>=4?"grid grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-4":3===t?"mx-auto grid max-w-[808px] grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-3":2===t?"mx-auto grid max-w-[532px] grid-cols-2 gap-3 sm:gap-4":"mx-auto grid max-w-[258px] grid-cols-1 gap-4",children:o.map(e=>{var t,o;let i=e.previewUrl&&"video"===e.previewKind?{title:e.title||"Example video",src:e.previewUrl,poster:u(e)||void 0}:null;return(0,n.jsxs)("article",{className:"group relative aspect-[9/16] overflow-hidden rounded-[18px] bg-[#111827]",children:[(0,n.jsx)(m,{item:e}),(0,n.jsx)("button",{type:"button",onClick:()=>r(e),className:"absolute inset-0 z-10 cursor-pointer","aria-label":"Open ".concat(e.title||"example")}),(0,n.jsx)("div",{className:"pointer-events-none absolute inset-0 bg-[linear-gradient(180deg,rgba(0,0,0,0.18)_0%,rgba(0,0,0,0.02)_38%,rgba(0,0,0,0.68)_100%)]"}),(0,n.jsx)("div",{className:"absolute left-3 top-3 max-w-[calc(100%-76px)] rounded-full bg-white px-2.5 py-1.5 text-[11px] font-extrabold leading-none text-[#171b24] shadow-[0_12px_24px_-18px_rgba(15,23,42,0.75)] sm:left-4 sm:top-4 sm:max-w-[calc(100%-92px)] sm:px-3.5 sm:py-2 sm:text-[14px]",children:function(e){var t,o,n;let r=c(null==(o=e.details)||null==(t=o.config)?void 0:t.style),a="".concat(r," ").concat(e.title||"").toLowerCase();return a.includes("ugc")?"UGC":a.includes("tiktok")||a.includes("hook")?"TikTok Hook":a.includes("hyper")?"Hyper Motion":a.includes("tutorial")?"Tutorial":a.includes("social")?"Social Media":a.includes("lab")||a.includes("ai")?"Lab":r&&(null==(n=r.split(/\s+-\s+|\.\s+/)[0])?void 0:n.slice(0,22).trim())||"Studio"}(e)}),(0,n.jsx)("div",{className:"".concat(i?"right-3 top-14 sm:right-4 sm:top-[4.25rem]":"right-3 top-3 sm:right-4 sm:top-4"," absolute rounded-full bg-[#1b1c21]/78 px-2.5 py-1.5 text-[11px] font-extrabold leading-none text-white backdrop-blur-md sm:px-3 sm:py-2 sm:text-[13px]"),children:function(e){let t=c(e).toLowerCase();return"16x9"===t||"16:9"===t?"16:9":"1x1"===t||"1:1"===t?"1:1":"4x5"===t||"4:5"===t?"4:5":"9:16"}(null==(o=e.details)||null==(t=o.config)?void 0:t.format)}),i?(0,n.jsx)(s.vg,{label:"Open ".concat(i.title," player"),onClick:()=>a(i),className:"right-3 top-3 sm:right-4 sm:top-4"}):null,(0,n.jsx)("div",{className:"absolute bottom-4 left-3 text-[12px] font-extrabold text-white sm:bottom-5 sm:left-4 sm:text-[15px]",children:function(e){var t,o;let n=c(null==(o=e.details)||null==(t=o.config)?void 0:t.style).toLowerCase();return n.includes("lab")||n.includes("ai")?"Lab":(n.includes("ugc"),"Studio")}(e)}),(0,n.jsx)("span",{className:"absolute bottom-3 right-3 z-20 grid h-9 w-9 place-items-center rounded-full bg-white text-[#4b2bbd] shadow-[0_16px_32px_-20px_rgba(0,0,0,0.8)] transition group-hover:scale-105 sm:bottom-4 sm:right-4 sm:h-11 sm:w-11",children:(0,n.jsx)(p,{})})]},e.id)})})}function g(){return(0,n.jsxs)("div",{className:"mt-5 rounded-[16px] border border-[#e4e8f0] bg-white px-4 py-4",children:[(0,n.jsx)("div",{className:"mb-4 text-[12px] font-bold text-[#778195]",children:(0,n.jsx)("span",{children:"RECENT ASSETS"})}),(0,n.jsx)("div",{className:"flex flex-wrap gap-3",children:l.map(e=>(0,n.jsx)("img",{src:e.src,alt:"Recent product creative asset",width:62,height:62,loading:"lazy",decoding:"async",className:"h-[62px] w-[62px] rounded-[11px] object-cover ring-1 ring-[#edf0f5]",style:{objectPosition:e.position}},e.src))})]})}function f(){let e=(0,a.useRouter)(),[t,o]=(0,r.useState)([]),[i,l]=(0,r.useState)(!0),[c,u]=(0,r.useState)(null);return((0,r.useEffect)(()=>{let e=!1;return async function(){try{let t=await d("landing");e||o(t)}catch(t){e||o([])}finally{e||l(!1)}}(),()=>{e=!0}},[]),i)?(0,n.jsx)(x,{}):0===t.length?null:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("section",{id:"featured",className:"bg-white px-4 py-10 sm:py-12",children:(0,n.jsx)("div",{className:"mx-auto max-w-[1132px]",children:(0,n.jsxs)("div",{className:"overflow-hidden rounded-[20px] border border-[#dfe3eb] bg-white shadow-[0_30px_72px_-52px_rgba(15,23,42,0.38)]",children:[(0,n.jsxs)("div",{className:"flex h-[46px] items-center border-b border-[#e6e9ef] bg-[#fbfcfe] px-4",children:[(0,n.jsxs)("div",{className:"flex items-center gap-2",children:[(0,n.jsx)("span",{className:"h-2.5 w-2.5 rounded-full bg-[#e66e72]"}),(0,n.jsx)("span",{className:"h-2.5 w-2.5 rounded-full bg-[#e9bd4f]"}),(0,n.jsx)("span",{className:"h-2.5 w-2.5 rounded-full bg-[#61c58a]"})]}),(0,n.jsxs)("div",{className:"mx-auto pr-12 text-center text-[13px] text-[#778195]",children:[(0,n.jsx)("span",{className:"font-semibold text-[#171b24]",children:"v4v Studio"}),(0,n.jsx)("span",{children:" - Demo"})]})]}),(0,n.jsxs)("div",{className:"p-5 sm:p-6",children:[(0,n.jsx)("div",{className:"mb-5 flex flex-wrap gap-2",children:["STUDIO","PRO
1VID","LAB","WORKFLOWS"].map(e=>(0,n.jsx)("span",{className:"rounded-full border border-[#e3dcff] bg-[#f7f3ff] px-4 py-2 text-[12px] font-bold text-[#7548f7]",children:e},e))}),(0,n.jsx)(h,{items:t,openExample:function(t){window.sessionStorage.setItem("v4v.example-prefill.v1",JSON.stringify(t)),e.push("/studio?prefill=example")},openVideo:u}),(0,n.jsx)(g,{})]})]})})}),c?(0,n.jsx)(s.Vb,{video:c,onClose:()=>u(null)}):null]})}},98109:(e,t,o)=>{"use strict";o.d(t,{Cj:()=>a,KG:()=>r});var n=o(95704);function r(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=e.trim();if(!o)return;window.dataLayer=window.dataLayer||[];let r=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t={};return Object.entries(e).forEach(e=>{let[o,n]=e,r=function e(t){let o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(null==t)return;if("string"==typeof t)return t.slice(0,120);if("number"==typeof t)return Number.isFinite(t)?t:void 0;if("boolean"==typeof t)return t;if(o>3)return;if(Array.isArray(t)){let n=t.map(t=>e(t,o+1)).filter(e=>void 0!==e);return n.length?n:void 0}let n={};return Object.entries(t).forEach(t=>{let[r,a]=t,i=e(a,o+1);void 0!==i&&(n[r]=i)}),Object.keys(n).length?n:void 0}(n);void 0!==r&&(t[o]=r)}),void 0===t.app_surface&&void 0!==t.source&&(t.app_surface=t.source),delete t.source,t}(t);if("gtm"===window.__v4vAnalyticsMode||window.__v4vGoogleTagManagerId)return void window.dataLayer.push({...r,event:o});window.gtag=window.gtag||function(){var e;null==(e=window.dataLayer)||e.push(arguments)},r.send_to||(r.send_to=window.__v4vGoogleAnalyticsId?window.__v4vGoogleAnalyticsId:String(n.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID||"G-1KLWHRW7JD").trim()),window.gtag("event",o,r)}function a(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};r("tool_open",{tool:e,...t})}}},e=>{e.O(0,[2619,8441,1255,7358],()=>e(e.s=3547)),_N_E=e.O()}]);
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.