1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2063],{923:(e,t,i)=>{i.d(t,{H:()=>a});let n="https://pub-f1a812e1df5d4417b5a5e1c621dd686f.r2.dev/clipflow/static/demo-videos",a={videoStudioExample:"".concat(n,"/video-studio-example.mp4"),pptVideoExample:"".concat(n,"/ppt-video/example-video.mp4"),aiVideoAgent:{chat:"".concat(n,"/ai-video-agent/presentation_chat.mp4"),tools:"".concat(n,"/ai-video-agent/presentation_AI_tools.mp4"),timeline:"".concat(n,"/ai-video-agent/presentation_timeline.mp4"),transcription:"".concat(n,"/ai-video-agent/presentation_transcription.mp4")}}},82063:(e,t,i)=>{i.r(t),i.d(t,{default:()=>r});var n=i(66680),a=i(35668);function l(e){let{src:t}=e,[i,l]=(0,a.useState)(!1),s=(0,a.useRef)(null),r=(0,a.useRef)(null);return(0,a.useEffect)(()=>{let e=s.current;if(!e)return;let t=new IntersectionObserver(e=>{let[i]=e;(null==i?void 0:i.isIntersecting)&&(l(!0),t.disconnect())},{rootMargin:"120px 0px"});return t.observe(e),()=>t.disconnect()},[]),(0,a.useEffect)(()=>{i&&r.current&&(r.current.muted=!0,r.current.loop=!0,r.current.autoplay=!0,r.current.play().catch(()=>{}))},[i]),(0,n.jsx)("div",{ref:s,className:"h-full w-full bg-[#f5f5f5]",children:i?(0,n.jsx)("video",{ref:r,className:"h-full w-full object-contain",src:t,muted:!0,playsInline:!0,loop:!0,autoPlay:!0,preload:"none"}):(0,n.jsx)("div",{className:"flex h-full w-full items-center justify-center text-xs uppercase tracking-[0.4em] text-neutral-700",children:"Preview"})})}var s=i(923);function r(){let e=[{key:"chat-editor",title:"clipflow",description:"Type the change you want and get a clean preview in seconds. Perfect for quick trims, reorderings, and polishing without touching the timeline.",video:s.H.aiVideoAgent.chat,layout:"side"},{key:"ai-tools",title:"AI Tools",description:"Automate the heavy lifting with smart tools for captions, audio cleanup, and content generation. Run batches and ship faster with fewer clicks.",video:s.H.aiVideoAgent.tools,layout:"side"},{key:"time-line",title:"Timeline",description:"Dial in precise timing with a visual timeline view. Drag, split, and align clips when you need frameâlevel control.",video:s.H.aiVideoAgent.timeline},{key:"transcription-editor",title:"Transcription Editor",description:"Edit the transcript like a doc and the video updates automatically. Tighten interviews, remove filler, and keep every word in sync.",video:s.H.aiVideoAgent.transcription}];return(0,n.jsx)("section",{className:"py-12 lg:py-16",children:(0,n.jsxs)("div",{className:"container space-y-8 lg:space-y-12",children:[(0,n.jsxs)("div",{className:"text-center",children:[(0,n.jsx)("p",{className:"text-xs font-semibold uppercase tracking-[0.3em] text-neutral-500",children:"AI Video Agent"}),(0,n.jsx)("h2",{className:"mt-3 text-4xl font-bold leading-tight tracking-tight text-neutral-900 md:text-5xl lg:text-6xl",children:"Core Editing Modes"}),(0,n.jsx)("p",{className:"mt-3 text-sm text-neutral-600 md:text-base",children:"Four focused workflows with live previews and consistent playback."})]}),(0,n.jsx)("div",{className:"grid grid-cols-1 gap-6 lg:grid-cols-2",children:e.map(e=>{let t="side"===e.layout;return(0,n.jsx)("div",{className:"rounded-2xl border border-neutral-200 bg-[#f5f2ee] p-4 shadow-[0_1px_0_rgba(0,0,0,0.04)] transition-shadow hover:shadow-[0_6px_24px_rgba(15,23,42,0.08)] md:p-6 ".concat(t?"md:min-h-[300px]":""),children:(0,n.jsxs)("div",{className:t?"grid items-stretch gap-4 md:h-full md:grid-cols-[minmax(0,1.2fr)_minmax(0,1fr)]":"",children:[(0,n.jsx)("div",{className:"relative w-full overflow-hidden rounded-xl border border-neutral-200 ".concat(t?"md:h-full md:aspect-auto bg-transparent":"aspect-video bg-neutral-100"),children:(0,n.jsx)(l,{src:e.video})}),(0,n.jsxs)("div",{className:"".concat(t?"":"mt-4"," space-y-2"),children:[(0,n.jsx)("h3",{className:"text-lg font-semibold tracking-tight text-neutral-900 md:text-xl",children:e.title}),(0,n.jsx)("p",{className:"text-sm text-neutral-600 md:text-base",children:e.description})]})]})},e.key)})})]})})}}}]);
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.