https://aivideosummarizer.io/_nuxt/Bjj7dZWn.js

1import{x as e}from"#entry";import{y as t,k as a,b as r,D as i,q as s,F as n,$ as o,af as l,a3 as d,a0 as u,P as m,ag as c,a8 as p,aa as g,Q as y,a2 as f,a9 as v}from"./BIBbM2GB.js";import"./DMmAHxXZ.js";const b={class:"mx-auto w-full max-w-[1240px] px-5 sm:px-8"},x=["innerHTML"],h=["innerHTML"],w=["innerHTML"],k={class:"relative min-w-0"},C={class:"m-0 list-none space-y-5 p-0 sm:space-y-6"},H=["onClick"],T={class:"relative mt-0.5 flex size-10 shrink-0 items-center justify-center md:size-12"},L=["textContent"],M={class:"min-w-0 pt-1"},z=["innerHTML"],U=["innerHTML"],j={class:"relative flex items-center justify-center"},_={class:"vh7-float w-full overflow-hidden rounded-2xl border border-gray-200 bg-white p-3 shadow-lg shadow-gray-200/50 dark:border-gray-800 dark:bg-gray-900 sm:p-4"},A=["src"],I=["src","alt"],O=t({__name:"VsHow07",props:{eyebrow:{default:""},title:{default:"How to Use Our Video Summarizer?"},description:{default:""},steps:{default:void 0},items:{default:void 0},features:{default:void 0},imgUrl:{default:""},imageUrl:{default:""},image:{default:""},images:{default:()=>[]},imgAlt:{default:""},imageAlt:{default:""},videoUrl:{default:""},imgClass:{default:""},imageClass:{default:""},btnText:{default:""},btnLink:{default:""},ctaText:{default:""},ctaHref:{default:""},stepsClass:{default:""},sectionClass:{default:""}},emits:["stepClick"],setup(t,{emit:O}){const S=[{number:"01",title:"Paste your link",description:"Copy the video link you want to summarize and paste it into the input box."},{number:"02",title:"Start summarizing",description:"Pick a template and let the AI turn the video into a structured summary."},{number:"03",title:"Get your results",description:"Download the summary, regenerate it with another template, or build a mind map."}],B=t,D=O,P=a(()=>B.steps?.length?B.steps:B.features?.length?B.features:B.items?.length?B.items:S),V=(e,t)=>{const a=String(e.number??"").trim();return a||String(t+1)},$=a(()=>B.imgUrl||B.imageUrl||B.image||B.images?.[0]||""),R=a(()=>B.imgAlt||B.imageAlt||B.title),q=a(()=>B.imgClass||B.imageClass),F=a(()=>Boolean(B.videoUrl||$.value)),G=a(()=>B.ctaText||B.btnText),Q=a(()=>B.ctaHref||B.btnLink||"#app-playground"),E=r(null),J=r(!1);let K;const N=a(()=>J.value?"opacity-100 translate-y-0":"opacity-0 translate-y-6"),W=e=>({transitionDelay:110*e+"ms"});return i(()=>{const e=E.value;!e||"undefined"==typeof IntersectionObserver||"undefined"!=typeof window&&Boolean(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches)||e.getBoundingClientRect().top<window.innerHeight?J.value=!0:(K=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&(J.value=!0,K?.disconnect(),K=void 0)},{threshold:.1,rootMargin:"0px 0px -8% 0px"}),K.observe(e))}),s(()=>{K?.disconnect(),K=void 0}),(t,a)=>{const r=e;return o(),n("section",{ref_key:"rootRef",ref:E,class:u(["relative w-full overflow-hidden bg-gray-50 py-16 dark:bg-gray-950 sm:py-20 lg:py-24",B.sectionClass])},[a[2]||(a[2]=l("div",{class:"pointer-events-none absolute -left-24 top-1/3 -z-10 h-72 w-72 rounded-full bg-primary-200/20 blur-3xl dark:bg-primary-800/20","aria-hidden":"true"},null,-1)),l("div",b,[B.eyebrow||B.title||B.description?(o(),n("div",{key:0,class:u(["mx-auto mb-12 max-w-3xl text-center transition-[opacity,transform] duration-500 ease-out motion-reduce:transition-none sm:mb-14",N.value])},[B.eyebrow?(o(),n("p",{key:0,class:"mb-3 text-base font-semibold text-primary-600 dark:text-primary-400",innerHTML:B.eyebrow},null,8,x)):d("",!0),B.title?(o(),n("h2",{key:1,class:"m-0 text-3xl font-semibold leading-[150%] tracking-tight text-gray-900 dark:text-white max-md:text-[20px]",innerHTML:B.title},null,8,h)):d("",!0),B.description?(o(),n("p",{key:2,class:"m-0 mt-4 text-base leading-7 text-gray-600 dark:text-gray-300 sm:text-lg",innerHTML:B.description},null,8,w)):d("",!0)],2)):d("",!0),l("div",{class:u(["grid grid-cols-1 items-start gap-10 lg:gap-14",[F.value?"md:grid-cols-2":"md:max-w-3xl md:mx-auto",B.stepsClass]])},[l("div",k,[P.value.length>1?(o(),n("span",{key:0,class:u(["absolute bottom-6 left-5 top-5 w-px origin-top bg-gradient-to-b from-primary-300 via-primary-400 to-primary-200/20 transition-transform duration-700 ease-out motion-reduce:transition-none md:left-6",J.value?"scale-y-100":"scale-y-0"]),"aria-hidden":"true"},null,2)):d("",!0),l("ol",C,[(o(!0),n(m,null,c(P.value,(e,t)=>(o(),n("li",{key:`${V(e,t)}-${e.title}`,class:u(["group relative flex gap-4 transition-[opacity,transform] duration-500 ease-out motion-reduce:transition-none sm:gap-5",N.value]),style:p(W(t)),onClick:a=>((e,t)=>{D("stepClick",e,t)})(t,e)},[l("div",T,[a[0]||(a[0]=l("span",{class:"absolute inset-0 rounded-full border border-dashed border-primary-300 transition-transform duration-500 ease-out group-hover:rotate-90 motion-reduce:transition-none dark:border-primary-800","aria-hidden":"true"},null,-1)),l("p",{class:"relative flex size-8 items-center justify-center rounded-full bg-primary-50 text-base font-semibold text-primary-600 transition-colors duration-300 group-hover:bg-primary-600 group-hover:text-white dark:bg-primary-500/10 dark:text-primary-400 dark:group-hover:bg-primary-500 dark:group-hover:text-white md:size-9",textContent:g(V(e,t))},null,8,L)]),l("div",M,[l("h4",{class:"m-0 text-lg font-semibold text-gray-900 dark:text-white",innerHTML:e.title},null,8,z),l("p",{class:"m-0 mt-2 text-base leading-7 text-gray-600 dark:text-gray-300",innerHTML:e.description},null,8,U)])],14,H))),128))])]),F.value?(o(),n("div",{key:0,class:u(["min-w-0 transition-[opacity,transform] duration-500 ease-out motion-reduce:transition-none",N.value])},[l("div",j,[a[1]||(a[1]=l("div",{class:"pointer-events-none absolute inset-0 -z-10 rounded-full bg-primary-200/30 blur-[60px] dark:bg-primary-800/20","aria-hidden":"true"},null,-1)),l("div",_,[B.videoUrl?(o(),n("video",{key:0,src:B.videoUrl,class:"block h-auto w-full rounded-xl",controls:"",preload:"metadata",muted:""},null,8,A)):$.value?(o(),n("img",{key:1,src:$.value,alt:R.value,class:u(["block h-auto w-full rounded-xl",q.value]),loading:"lazy"},null,10,I)):d("",!0)])])],2)):d("",!0)],2),G.value?(o(),n("div",{key:1,class:u(["mt-10 flex justify-center transition-[opacity,transform] duration-500 ease-out motion-reduce:transition-none",N.value])},[y(r,{to:Q.value,class:"inline-flex items-center justify-center rounded-full bg-primary-600 px-6 py-3 text-base font-semibold text-white shadow-sm transition-[background-color,box-shadow,transform] duration-300 hover:-translate-y-0.5 hover:bg-primary-500 hover:shadow-md hover:shadow-

1primary-500/30 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 dark:bg-primary-500 dark:hover:bg-primary-400"},{default:f(()=>[v(g(G.value),1)]),_:1},8,["to"])],2)):d("",!0)])],2)}}}),S=Object.assign(O,{__name:"VsHow07"});export{S as default};