https://www.enconvo.ai/_next/static/chunks/5528-57c2f5b4bfcf7b68.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5528],{2341:function(e,t,n){n.d(t,{p:function(){return h}});var r=n(1527),a=n(3460),i=n(959),o=n(5924),s=n(942),l=n.n(s);function d(e){return!Number.isFinite(e)||e<0?"0:00":`${Math.floor(e/60)}:${Math.floor(e%60).toString().padStart(2,"0")}`}function c(e){let{videoRef:t,onSeek:n}=e,{t:o,locale:s}=(0,a.Q)(),[c,p]=(0,i.useState)(0),[u,h]=(0,i.useState)(0);return(0,i.useEffect)(()=>{let e=t.current;if(!e)return;let n=()=>{p(e.currentTime),h(Number.isFinite(e.duration)?e.duration:0)},r=["timeupdate","loadedmetadata","durationchange","emptied"];return r.forEach(t=>e.addEventListener(t,n)),n(),()=>r.forEach(t=>e.removeEventListener(t,n))},[t]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("input",{type:"range","aria-label":o("Seek"),min:0,max:u||0,step:.1,value:Math.min(c,u||0),onChange:e=>{let r=Number(e.currentTarget.value);t.current&&(t.current.currentTime=r),p(r),n()},style:{backgroundImage:`linear-gradient(to right, rgba(255,255,255,0.95) ${u?100*Math.min(c/u,1):0}%, rgba(255,255,255,0.22) ${u?100*Math.min(c/u,1):0}%)`},className:`${l().seek} min-w-0 flex-1 cursor-pointer appearance-none rounded-full [&::-moz-range-thumb]:h-2.5 [&::-moz-range-thumb]:w-2.5 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-0 [&::-moz-range-thumb]:bg-white [&::-webkit-slider-thumb]:h-2.5 [&::-webkit-slider-thumb]:w-2.5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white`}),(0,r.jsxs)("span",{className:"shrink-0 text-[11px] tabular-nums text-content-body",children:[d(c)," / ",d(u)]})]})}var p=n(7573);function u(e){let{productName:t,caption:n}=e,{t:i,locale:o}=(0,a.Q)();return(0,r.jsxs)("div",{className:`${l().playerMedia} flex flex-col`,children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 border-b border-hairline bg-surface px-4 py-2.5",children:[(0,r.jsx)("span",{className:"h-2.5 w-2.5 rounded-full bg-signal-red/70"}),(0,r.jsx)("span",{className:"h-2.5 w-2.5 rounded-full bg-signal-yellow/70"}),(0,r.jsx)("span",{className:"h-2.5 w-2.5 rounded-full bg-signal-green/70"}),(0,r.jsx)("span",{className:"ml-3 text-xs font-medium tracking-wide text-content-muted",children:t})]}),(0,r.jsxs)("div",{className:"relative flex flex-1 flex-col items-center justify-center gap-4 px-8 text-center",children:[(0,r.jsxs)("div",{"aria-hidden":"true",className:"absolute inset-0 overflow-hidden",children:[(0,r.jsx)("div",{className:"absolute left-8 top-8 h-2 w-1/3 rounded bg-white/[0.04]"}),(0,r.jsx)("div",{className:"absolute left-8 top-14 h-2 w-1/2 roun

1ded bg-white/[0.03]"}),(0,r.jsx)("div",{className:"absolute left-8 top-20 h-2 w-1/4 rounded bg-white/[0.03]"}),(0,r.jsx)("div",{className:"absolute bottom-8 right-8 h-24 w-56 rounded-lg border border-hairline bg-white/[0.02]"})]}),(0,r.jsx)("p",{className:"relative max-w-md text-base text-content-body sm:text-lg",children:i(n)}),(0,r.jsx)("span",{className:"relative rounded-md border border-hairline bg-surface-elevated px-2.5 py-1 text-[11px] uppercase tracking-[0.14em] text-content-ash",children:i("Demo video coming soon")})]})]})}function h(){let{t:e,locale:t}=(0,a.Q)(),[n,s]=(0,i.useState)(0),[d,h]=(0,i.useState)(0),[x,m]=(0,i.useState)(!0),[g,b]=(0,i.useState)(!1),[f,v]=(0,i.useState)(!1),[w,k]=(0,i.useState)(!1),[y,j]=(0,i.useState)(!1),$=(0,i.useRef)(null),N=(0,i.useRef)(null),C=(0,i.useRef)(null),E=(0,i.useRef)(null),S=(0,i.useRef)([]),z=(0,i.useRef)(!1),M=p.I[n],L=M.subScenes[d],B=(0,i.useCallback)(()=>{let e=N.current;e&&v(!e.paused)},[]);(0,i.useEffect)(B,[L,B]),(0,i.useEffect)(()=>{let e=C.current;if(e)return k(!1),function(e,t,n){let r=window.matchMedia("(prefers-reduced-motion: reduce)"),a=navigator.connection,i=!r.matches&&!a?.saveData,o=!1,s=!1,l=!1,d=()=>{let e=o&&!document.hidden;e!==s&&(n(s=e),t&&(s?i&&t.play().then(()=>{(!s||l)&&t.pause()}).catch(()=>{}):(i=!t.paused&&!t.ended,t.pause())))},c=()=>{r.matches&&(i=!1,t?.pause())},p=new IntersectionObserver(e=>{let[t]=e;o=t.isIntersecting,d()},{threshold:.01});return p.observe(e),document.addEventListener("visibilitychange",d),r.addEventListener("change",c),()=>{l=!0,s=!1,p.disconnect(),document.removeEventListener("visibilitychange",d),r.removeEventListener("change",c),t?.pause()}}(e,N.current,k)},[L]);let I=(0,i.useCallback)(()=>{m(!1),$.current&&clearTimeout($.current),z.current||($.current=setTimeout(()=>m(!0),2e4))},[]),T=(0,i.useCallback)((e,t)=>{s(e),h(t),I()},[I]),R=(0,i.useCallback)(()=>{let e=N.current;e&&(e.paused?e.play().catch(()=>v(!1)):e.pause(),I())},[I]),D=(0,i.useCallback)(()=>{document.fullscreenElement?document.exitFullscreen():C.current?.requestFullscreen?.(),I()},[I]);(0,i.useEffect)(()=>{let e=()=>j(!!document.fullscreenElement);return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)},[]);let F=(0,i.useCallback)(()=>{let e=p.I[n];d+1<e.subScenes.length?h(d+1):(s((n+1)%p.I.length),h(0))},[n,d]);return(0,i.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)"),t=()=>{z.current=e.matches,e.matches&&($.current&&clearTimeout($.current),m(!1))};return t(),e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]),(0,i.useEffect)(()=>{let e=E.current,t=S.current[n];if(!e||!t)return;let r=e.getBoundingClientRect(),a=t.getBoundingClientRect();a.left<r.left+8?e.scrollLeft+=a.left-r.left-8:a.right>r.right-8&&(e.scrollLeft+=a.right-r.right+8)},[n]),(0,i.useEffect)(()=>{if(!x||!w||L.media?.type==="video")return;let e=setTimeout(F,7e3);return()=>clearTimeout(e)},[x,w,n,d,L,F]),(0,i.useEffect)(()=>()=>{$.current&&clearTimeout($.current)},[]),(0,r.jsxs)("div",{className:l().showcase,children:[(0,r.jsx)("div",{className:l().tabScroller,ref:E,children:(0,r.jsx)("div",{className:l().tabs,role:"tablist","aria-label":e("Enconvo capabilities"),children:p.I.map((t,a)=>(0,r.jsx)("button",{ref:e=>{S.current[a]=e},id:`hero-tab-${t.id}`,role:"tab","aria-selected":a===n,"aria-controls":"hero-demo-panel",tabIndex:a===n?0:-1,onClick:()=>T(a,0),onKeyDown:e=>{let t;if("ArrowRight"===e.key)t=(a+1)%p.I.length;else if("ArrowLeft"===e.key)t=(a-1+p.I.length)%p.I.length;else if("Home"===e.key)t=0;else{if("End"!==e.key)return;t=p.I.length-1}e.preventDefault(),T(t,0),S.current[t]?.focus({preventScroll:!0})},className:l().tab,children:e(t.benefitLabel)},t.id))})}),(0,r.jsx)("div",{className:(0,o.Z)(l().scenes,M.subScenes.length<=1&&l().scenesHidden),"aria-hidden":M.subScenes.length<=1,children:M.subScenes.map((t,a)=>(0,r.jsxs)("button",{"aria-pressed":a===d,onClick:()=>T(n,a),className:(0,o.Z)("whitespace-nowrap rounded-md border px-3 py-1.5 text-xs font-medium transition-colors",a===d?"border-hairline-strong bg-surface-card text-content":"border-transparent text-content-ash hover:text-content-muted"),children:[a+1,". ",e(t.label)]},t.id))}),(0,r.jsxs)("div",{ref:C,id:"hero-demo-panel",role:"tabpanel","aria-labelledby":`hero-tab-${M.id}`,className:(0,o.Z)(l().player,f&&l().playing),children:[L.media?.type==="video"?(0,r.jsx)("video",{ref:N,src:L.media.src,poster:L.media.poster,width:1920,height:1080,muted:!g,onEnded:()=>{x&&F()},onPlay:()=>v(!0),onPause:()=>

1v(!1),onLoadedMetadata:B,onDurationChange:B,onClick:R,playsInline:!0,preload:"none",className:(0,o.Z)(l().playerMedia,"cursor-pointer",y?"bg-black object-contain":"object-cover")}):L.media?.type==="image"?(0,r.jsx)("img",{src:L.media.src,alt:e(L.caption),className:`${l().playerMedia} object-cover`},L.media.src):(0,r.jsx)(u,{productName:M.productName,caption:e(L.caption)}),L.media?.type==="video"&&(0,r.jsx)("span",{className:"bg-black/45 absolute left-4 top-4 z-10 rounded px-2 py-0.5 text-[11px] font-semibold uppercase tracking-[0.12em] text-content backdrop-blur",children:M.productName}),L.media?.type==="video"&&(0,r.jsxs)("button",{onClick:()=>{let e=N.current;e&&(e.muted=g,!g&&e.paused&&e.play().catch(()=>v(!1))),b(e=>!e)},"aria-label":g?e("Sound on — mute video"):e("Sound off — turn sound on"),"aria-pressed":g,className:(0,o.Z)(l().soundButton,"bg-black/55 absolute right-4 top-4 z-10 flex items-center gap-2 border border-white/20 px-3.5 py-2 text-xs font-medium text-content backdrop-blur hover:bg-black/75"),children:[g?(0,r.jsxs)("svg",{className:"h-4 w-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("path",{d:"M11 5 6 9H2v6h4l5 4V5z"}),(0,r.jsx)("path",{d:"M15.5 8.5a5 5 0 0 1 0 7"}),(0,r.jsx)("path",{d:"M18.4 5.6a9 9 0 0 1 0 12.8"})]}):(0,r.jsxs)("svg",{className:"h-4 w-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("path",{d:"M11 5 6 9H2v6h4l5 4V5z"}),(0,r.jsx)("line",{x1:"22",y1:"9",x2:"16",y2:"15"}),(0,r.jsx)("line",{x1:"16",y1:"9",x2:"22",y2:"15"})]}),g?e("Sound on"):e("Sound off")]}),L.media?.type==="video"?(0,r.jsxs)("div",{className:l().playerControls,children:[(0,r.jsx)("button",{onClick:R,"aria-label":f?e("Pause"):e("Play"),className:l().playerButton,children:f?(0,r.jsxs)("svg",{className:"h-3.5 w-3.5",viewBox:"0 0 24 24",fill:"currentColor",children:[(0,r.jsx)("rect",{x:"6",y:"4",width:"4",height:"16",rx:"1"}),(0,r.jsx)("rect",{x:"14",y:"4",width:"4",height:"16",rx:"1"})]}):(0,r.jsx)("svg",{className:"h-3.5 w-3.5",viewBox:"0 0 24 24",fill:"currentColor",children:(0,r.jsx)("path",{d:"M8 5v14l11-7z"})})}),(0,r.jsx)(c,{videoRef:N,onSeek:I},L.media.src),(0,r.jsx)("button",{onClick:D,"aria-label":y?e("Exit fullscreen"):e("Fullscreen"),className:l().playerButton,children:y?(0,r.jsxs)("svg",{className:"h-3.5 w-3.5",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("path",{d:"M8 3v3a2 2 0 0 1-2 2H3"}),(0,r.jsx)("path",{d:"M21 8h-3a2 2 0 0 1-2-2V3"}),(0,r.jsx)("path",{d:"M3 16h3a2 2 0 0 1 2 2v3"}),(0,r.jsx)("path",{d:"M16 21v-3a2 2 0 0 1 2-2h3"})]}):(0,r.jsxs)("svg",{className:"h-3.5 w-3.5",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("path",{d:"M8 3H5a2 2 0 0 0-2 2v3"}),(0,r.jsx)("path",{d:"M21 8V5a2 2 0 0 0-2-2h-3"}),(0,r.jsx)("path",{d:"M3 16v3a2 2 0 0 0 2 2h3"}),(0,r.jsx)("path",{d:"M16 21h3a2 2 0 0 0 2-2v-3"})]})})]}):L.media?(0,r.jsxs)("div",{className:"absolute inset-x-0 bottom-0 flex items-center gap-2 bg-gradient-to-t from-black/70 to-transparent px-4 pb-3 pt-8",children:[(0,r.jsx)("span",{className:"rounded bg-white/10 px-2 py-0.5 text-[11px] font-semibold uppercase tracking-[0.12em] text-content backdrop-blur",children:M.productName}),(0,r.jsx)("span",{className:"truncate text-xs text-content-body",children:e(L.caption)})]}):null]}),(0,r.jsxs)("p",{className:l().showcaseCaption,children:[(0,r.jsx)("span",{className:"font-medium text-content-body",children:M.productName})," — ",e(M.tagline)]})]})}},4198:function(e,t,n){n.d(t,{C:function(){return d}});var r=n(1527),a=n(348),i=n.n(a),o=n(942),s=n.n(o);let l=`
2.${s().page} {
3  background: #07080a; color: #f4f4f6;
4  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
5  font-feature-settings: 'calt', 'kern', 'liga', 'ss03';
6  -webkit-font-smoothing: antialiased;
7}
8.${s().page} :is(h1, h2, h3, p, a, button, span, th) { letter-spacing: 0; }
9.${s().hero} { position: relative; z-index: 2; isolation: isolate; overflow: hidden; }
10.${s().hero} header { isolation: isolate; background: transparent; border-color: transparent; backdrop-filter: none; }
11.${s().hero} header nav { max-width: 1240px; min-height: 64px; margin: 0 auto; padding: 12px 24px; }
12@media (min-width: 1280px) and (max-width: 1599px) { .${s().hero} header nav { padding-right: 180px; } }
13.${s().hero} header nav > div > a > svg { height: 28px; }
14.${s().hero} header nav a { font-weight: 500; }
15.${s().heroContent} { position: relative; z-index: 1; padding: 108px 24px 64px; }
16.${s().heroInner} { width: 100%; max-width: 1168px; margin: 0 auto; }
17.${s().heroCopy} { max-width: 820px; margin: 0 auto; text-align: center; }
18.${s().heroTitle} { font-size: 56px; font-weight: 600; line-height: 1.1; text-wrap: balance; }
19:where(.${s().heroTitleAccent}) { color: #d1e4ee; }
20.${s().heroDescription} { max-width: 680px; margin: 20px auto 0; color: #cdcdcd; font-size: 18px; line-height: 1.6; text-wrap: pretty; }
21.${s().heroActions} { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; margin-top: 24px; }
22.${s().downloadButton} { min-height: 48px; padding: 12px 22px; border-radius: 10px; font-size: 14px; }
23.${s().requirements} { margin-top: 12px; font-size: 12px; line-height: 18px; color: #9c9c9d; }
24.${s().browseButton} { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 12px 18px; border: 1px solid var(--home-stroke-strong, rgba(255,255,255,.2)); border-radius: 10px; color: #f4f4f6; font-size: 14px; font-weight: 500; }
25.${s().skipLink} { position: fixed; top: 12px; left: 12px; z-index: 60; padding: 12px 16px; border-radius: 10px; transform: translateY(-160%); }
26.${s().skipLink}:focus { transform: translateY(0); }
27.${s().showcase} { width: 100%; max-width: 1120px; margin: 28px auto 0; }
28.${s().tabScroller} { overflow-x: auto; padding: 5px; scrollbar-width: thin; }
29.${s().tabs} { display: flex; width: max-content; gap: 4px; margin: 0 auto; padding: 4px; border: 1px solid var(--home-stroke, rgba(255,255,255,.1)); border-radius: 12px; background: rgba(13,16,19,.88); }
30.${s().tab} { flex: none; min-height: 40px; padding: 8px 14px; border: 1px solid transparent; border-radius: 8px; color: #9c9c9d; font-size: 13px; font-weight: 500; white-space: nowrap; }
31.${s().tab}[aria-selected='true'] { color: #f4f4f6; border-color: var(--home-stroke-strong, rgba(255,255,255,.2)); background: rgba(255,255,255,.085); }
32.${s().scenes} { display: flex; justify-content: center; gap: 4px; min-height: 32px; margin-top: 4px; overflow-x: auto; scrollbar-width: thin; }
33.${s().scenes} button { flex: none; min-height: 32px; }
34.${s().scenesHidden} { visibility: hidden; }
35.${s().player} { position: relative; isolation: isolate; aspect-ratio: 16 / 9; margin-top: 8px; overflow: hidden; border: 1px solid var(--home-stroke-strong, rgba(255,255,255,.2)); border-radius: 12px; background: #101111; }
36.${s().player}:fullscreen { border: 0; border-radius: 0; }
37.${s().playerMedia} { position: absolute; inset: 0; width: 100%; height: 100%; }
38.${s().playerControls} { display: flex; align-items: center; gap: 12px; position: absolute; inset: auto 0 0; z-index: 10; padding: 24px 12px 8px; background: linear-gradient(transparent,rgba(0,0,0,.8)); }
39.${s().playerButton} { display: flex; flex: none; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid rgba(255,255,255,.18); border-radius: 8px; background: rgba(0,0,0,.4); color: #f4f4f6; }
40.${s().player} .${s().seek} { height: 36px; background-color: transparent; background-size: 100% 4px; background-repeat: no-repeat; background-position: center; }
41.${s().soundButton} { min-height: 40px; border-radius: 8px; }
42.${s().showcaseCaption} { max-width: 680px; min-height: 40px; margin: 16px auto 0; text-align: center; font-size: 13px; line-height: 1.6; color: #9c9c9d; }
43@media (max-width: 1023px) {
44  .${s().tab} { min-height: 44px; }
45  .${s().heroTitle} { font-size: 48px; }
46  .${s().scenes} { justify-content: flex-start; }
47  .${s().scenes} button:first-child { margin-left: auto; }
48  .${s().scenes} button:last-child { margin-right: auto; }
49}
50@media (max-width: 639px) {
51  .${s().heroContent} { padding: 100px 20px 48px; }
52  .${s().heroTitle} { font-size: 34px; line-height: 1.15; }
53  .${s().heroDescription} { font-size: 16px; line-height: 1.65; margin-top: 16px; }
54  .${s().heroActions} { margin-top: 20px; }
55  .${s().showcase} { margin-top: 24px; }
56  .${s().tabScroller} { margin-inline: -4px; }
57  .${s().tab} { padding-inline: 12px; }
58  .${s().tabs} { margin: 0; }
59  .${s().scenes} { min-height: 36px; }
60  .${s().scenes} button { min-height: 36px; }
61  .${s().player} { border-radius: 10px; }
62  .${s().playerControls} { gap: 8px; padding: 20px 8px 4px; }
63  .${s().playerButton}, .${s().player} .${s().seek} { height: 44px; }
64  .${s().playerButton} { width: 44px; }
65  .${s().player} .${s().soundButton} { top: 8px; right: 8px; min-height: 44px; padding-inline: 10px; }
66  .${s().showcaseCaption} { min-height: 62px; margin-top: 12px; font-size: 12px; }
67}
68`;function d(){return(0,r.jsx)(i(),{children:(0,r.jsx)("style",{id:"enconvo-hero-layout",children:l},"enconvo-hero-layout")})}}}]);