https://slideon.app/assets/VideoGeneratorHome-CsUmOBET.js

1import{j as e,A as t,m as a,d as s,e as i,u as r}from"./vendor-motion-CnFAAAIE.js";import{r as l,R as n}from"./vendor-react-BCghNb5z.js";import{u as o,c as d}from"./index-BNnIcVqH.js";import{ar as c,ai as x,a0 as m,as as h,Z as g,ak as p,Y as u,P as f}from"./vendor-icons-BMJDTczB.js";import{W as v}from"./WorldMapPhoneGlobe-DPl9ATCn.js";import"./feature-D2pbdWg4.js";const b=[{id:1,bg:d("assets/aividogenrator/herobg1.gif"),cards:[d("assets/aividogenrator/heroslide1.gif"),d("assets/aividogenrator/heroslide2.gif"),d("assets/aividogenrator/heroslide3.gif")]},{id:2,bg:d("assets/aividogenrator/bg1.gif"),cards:[d("assets/aividogenrator/heroslide2.gif"),d("assets/aividogenrator/heroslide3.gif"),d("assets/aividogenrator/heroslide4.gif")]},{id:3,bg:d("assets/aividogenrator/bg3.gif"),cards:[d("assets/aividogenrator/heroslide3.gif"),d("assets/aividogenrator/heroslide4.gif"),d("assets/aividogenrator/heroslide1.gif")]},{id:4,bg:d("assets/aividogenrator/herobg4.gif"),cards:[d("assets/aividogenrator/heroslide4.gif"),d("assets/aividogenrator/heroslide1.gif"),d("assets/aividogenrator/heroslide2.gif")]},{id:5,bg:d("assets/aividogenrator/herobg1.gif"),cards:[d("assets/aividogenrator/heroslide1.gif"),d("assets/aividogenrator/heroslide2.gif"),d("assets/aividogenrator/heroslide3.gif")]},{id:6,bg:d("assets/aividogenrator/bg2.gif"),cards:[d("assets/aividogenrator/heroslide2.gif"),d("assets/aividogenrator/heroslide3.gif"),d("assets/aividogenrator/heroslide4.gif")]},{id:7,bg:d("assets/aividogenrator/bg3.gif"),cards:[d("assets/aividogenrator/heroslide3.gif"),d("assets/aividogenrator/heroslide4.gif"),d("assets/aividogenrator/heroslide1.gif")]},{id:8,bg:d("assets/aividogenrator/herobg4.gif"),cards:[d("assets/aividogenrator/heroslide4.gif"),d("assets/aividogenrator/heroslide1.gif"),d("assets/aividogenrator/heroslide2.gif")]},{id:9,bg:d("assets/aividogenrator/herobg1.gif"),cards:[d("assets/aividogenrator/heroslide1.gif"),d("assets/aividogenrator/heroslide2.gif"),d("assets/aividogenrator/heroslide3.gif")]},{id:10,bg:d("assets/aividogenrator/bg2.gif"),cards:[d("assets/aividogenrator/heroslide2.gif"),d("assets/aividogenrator/heroslide3.gif"),d("assets/aividogenrator/heroslide4.gif")]}];function w(){const{t:s}=o(),i=s.pages.integrations.videoGenerator.hero,[r,n]=l.useState(0),d=b.map((e,t)=>({...e,heading:i[`slideHeading${t+1}`],desc:i[`slideDesc${t+1}`]}));l.useEffect(()=>{const e=setInterval(()=>{n(e=>(e+1)%d.length)},2e3);return()=>clearInterval(e)},[d.length]);const c=d[r];return e.jsxs("section",{className:"relative h-[88svh] sm:h-[92svh] md:h-[100svh] w-full overflow-hidden",children:[e.jsx(t,{mode:"wait",children:e.jsx(a.img,{src:c.bg,className:"absolute inset-0 w-full h-full object-cover",initial:{opacity:0,scale:1.15},animate:{opacity:1,scale:1},exit:{opacity:0},transition:{duration:1.2}},c.id)}),e.jsx("div",{className:"absolute inset-0 bg-linear-to-r from-black/70 via-black/40 to-transparent"}),e.jsx("div",{className:"absolute inset-0 bg-linear-to-t from-black/80 to-transparent"}),e.jsxs("div",{className:"relative z-10 h-full flex items-center md:items-end",children:[e.jsx("div",{className:"pb-10 sm:pb-14 md:pb-24 md:mb-20 px-5 sm:px-8 md:px-16 max-w-3xl",children:e.jsxs(t,{mode:"wait",children:[e.jsx("div",{className:"overflow-hidden",children:e.jsxs(a.h1,{className:"text-white text-2xl sm:text-3xl md:text-5xl font-bold mb-3 sm:mb-4 md:mb-6 leading-tight",initial:{y:80,opacity:0},animate:{y:0,opacity:1},exit:{y:-60,opacity:0},transition:{duration:.7,ease:"easeOut"},children:[c.heading.split(" ").slice(0,-2).join(" ")," ",e.jsx("span",{className:"bg-linear-to-r from-violet-600 to-pink-500 bg-clip-text text-transparent",children:c.heading.split(" ").slice(-2).join(" ")})]},r+"-heading")}),e.jsx("div",{className:"overflow-hidden",children:e.jsx(a.p,{className:"text-white text-sm sm:text-base md:text-lg mb-4 sm:mb-5 md:mb-6 leading-snug",animate:{y:0,opacity:1},transition:{duration:.7,ease:"easeOut"},children:c.desc},r+"-heading")}),e.jsx(a.button,{"data-waitlist-cta":!0,className:"px-5 py-2.5 sm:px-6 sm:py-3 md:px-8 md:py-3 rounded-xl bg-linear-to-r from-violet-600 to-pink-500 backdrop-blur-md text-white font-semibold text-sm sm:text-base hover:from-violet-500 hover:to-pink-400 transition",initial:{y:60,opacity:0}

1,animate:{y:0,opacity:1},exit:{y:-40,opacity:0},transition:{duration:.6,delay:.2},children:i.ctaButton})]})}),e.jsx("div",{className:"hidden lg:block absolute right-4 xl:right-8 bottom-20 w-[580px] h-[440px] scale-75 xl:scale-100 origin-top-right",children:e.jsx(t,{initial:!1,children:c.cards.map((t,s)=>{const i=[{x:0,y:0,scale:1,opacity:1,blur:"blur(0px)",zIndex:30,width:260,height:400},{x:220,y:30,scale:.88,opacity:.8,blur:"blur(0px)",zIndex:20,width:220,height:340},{x:400,y:55,scale:.76,opacity:.55,blur:"blur(1px)",zIndex:10,width:190,height:290}][s];return e.jsx(a.div,{className:"absolute rounded-2xl overflow-hidden border border-white/30 shadow-2xl bg-black",initial:{x:600,y:80,scale:.7,opacity:0},animate:{x:i.x,y:i.y,scale:i.scale,opacity:i.opacity,filter:i.blur,zIndex:i.zIndex},exit:{x:-420,opacity:0,scale:.85},transition:{type:"spring",stiffness:120,damping:20},style:{width:i.width,height:i.height},children:e.jsx("img",{src:t,className:"w-full h-full object-cover",alt:"",loading:"lazy",decoding:"async"})},t)})})})]}),e.jsx("div",{className:"absolute bottom-8 left-1/2 -translate-x-1/2 flex gap-3",children:d.map((t,a)=>e.jsx("button",{onClick:()=>n(a),className:"h-2 rounded-full transition-all "+(a===r?"w-6 bg-white":"w-2 bg-white/40")},a))})]})}const j=()=>{const{t:t,tKey:a}=o(),s=t.pages.integrations.videoGenerator.storytellerTypes,i=e=>a(`pages.integrations.videoGenerator.storytellerTypes.${e}`),r=[{title:s.feature1Title,description:s.feature1Desc,icon:e.jsx("div",{className:"w-10 h-10 flex items-center justify-center rounded-xl bg-purple-100 text-purple-600 dark:bg-purple-900/40 dark:text-purple-300",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:e.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M3 12h1m8-9v1m8 8h1M5.6 5.6l.7.7m12.1-.7l-.7.7M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0-1 3a2 2 0 0 1-4 0a3.5 3.5 0 0 0-1-3m.7 1h4.6"})})})},{title:s.feature2Title,description:s.feature2Desc,icon:e.jsx("div",{className:"w-10 h-10 flex items-center justify-center rounded-xl bg-purple-100 text-purple-600 dark:bg-purple-900/40 dark:text-purple-300",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:e.jsx("path",{fill:"currentColor",d:"M15 2c-2.71 0-5.05 1.54-6.22 3.78a7.06 7.06 0 0 0-3 3A7.01 7.01 0 0 0 2 15c0 3.87 3.13 7 7 7c2.71 0 5.05-1.54 6.22-3.78a7.06 7.06 0 0 0 3-3A7.01 7.01 0 0 0 22 9c0-3.87-3.13-7-7-7M9 20a5.002 5.002 0 0 1-4-8c0 3.87 3.13 7 7 7c-.84.63-1.88 1-3 1m3-3a5.002 5.002 0 0 1-4-8c0 3.86 3.13 6.99 7 7c-.84.63-1.88 1-3 1m4.7-3.3c-.53.19-1.1.3-1.7.3c-2.76 0-5-2.24-5-5c0-.6.11-1.17.3-1.7c.53-.19 1.1-.3 1.7-.3c2.76 0 5 2.24 5 5c0 .6-.11 1.17-.3 1.7M19 12c0-3.86-3.13-6.99-7-7a5.002 5.002 0 0 1 7 7"})})})},{title:s.feature3Title,description:s.feature3Desc,icon:e.jsx("div",{className:"w-10 h-10 flex items-center justify-center rounded-xl bg-purple-100 text-purple-600 dark:bg-purple-900/40 dark:text-purple-300",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:e.jsx("path",{fill:"currentColor",d:"M12 22A10 10 0 0 1 2 12A10 10 0 0 1 12 2c5.5 0 10 4 10 9a6 6 0 0 1-6 6h-1.8c-.3 0-.5.2-.5.5c0 .1.1.2.1.3c.4.5.6 1.1.6 1.7c.1 1.4-1 2.5-2.4 2.5m0-18a8 8 0 0 0-8 8a8 8 0 0 0 8 8c.3 0 .5-.2.5-.5c0-.2-.1-.3-.1-.4c-.4-.5-.6-1-.6-1.6c0-1.4 1.1-2.5 2.5-2.5H16a4 4 0 0 0 4-4c0-3.9-3.6-7-8-7m-5.5 6c.8 0 1.5.7 1.5 1.5S7.3 13 6.5 13S5 12.3 5 11.5S5.7 10 6.5 10m3-4c.8 0 1.5.7 1.5 1.5S10.3 9 9.5 9S8 8.3 8 7.5S8.7 6 9.5 6m5 0c.8 0 1.5.7 1.5 1.5S15.3 9 14.5 9S13 8.3 13 7.5S13.7 6 14.5 6m3 4c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5"})})})},{title:s.feature4Title,description:s.feature4Desc,icon:e.jsx("div",{className:"w-10 h-10 flex items-center justify-center rounded-xl bg-purple-100 text-purple-600 dark:bg-purple-900/40 dark:text-purple-300",children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 512 512",children:[e.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"32",d:"M461.81 53.81a4.4 4.4 0 0 0-3.3-3.39c-54.38-13.3-180 34.09-248.13 102.17a295 295 0 0 0-33.09 39.08c-21-1.9-42-.3-59.88 7.5c-50.49 22.2-65.18 80.18-69.28 105.07a9 9 0 0 0 9.8 10.4l81.07-8.9a180 180 0 0 0 1.1 18.3a18.15 18.15 0 0 0 5.3 11.09l31.39 31.39a18.15 18.15 0 0 0 11.

11 5.3a180 180 0 0 0 18.19 1.1l-8.89 81a9 9 0 0 0 10.39 9.79c24.9-4 83-18.69 105.07-69.17c7.8-17.9 9.4-38.79 7.6-59.69a294 294 0 0 0 39.19-33.09c68.38-68 115.47-190.86 102.37-247.95M298.66 213.67a42.7 42.7 0 1 1 60.38 0a42.65 42.65 0 0 1-60.38 0"}),e.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"32",d:"M109.64 352a45.06 45.06 0 0 0-26.35 12.84C65.67 382.52 64 448 64 448s65.52-1.67 83.15-19.31A44.73 44.73 0 0 0 160 402.32"})]})})}];return e.jsx("section",{className:"w-full bg-white py-20 px-6 md:px-16",style:{background:"linear-gradient(rgba(75, 43, 238, 0) 0%, rgba(75, 43, 238, 0.08) 20.19%, rgba(75, 43, 238, 0.08) 50%, rgba(75, 43, 238, 0.08) 81.25%, rgba(75, 43, 238, 0) 100%)"},children:e.jsxs("div",{className:"max-w-7xl mx-auto",children:[e.jsxs("div",{className:"grid md:grid-cols-2 gap-12 mb-16",children:[e.jsx("div",{children:e.jsxs("h2",{className:"text-3xl md:text-5xl font-bold text-gray-900 dark:text-white mb-4 relative inline-block",children:[e.jsxs("span",{children:[s.whyChoose," "]}),e.jsx("span",{className:"bg-linear-to-r from-violet-600 to-pink-500 dark:from-violet-400 dark:to-pink-400 bg-clip-text text-transparent",children:"SlideOn"})]})}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 text-bsde md:text-lg leading-relaxed -mt-10 sm:-mt-0",children:s.subhead})]}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-16 items-center",children:[e.jsxs("div",{className:"relative flex gap-2 sm:gap-4 justify-center md:justify-start",children:[e.jsxs("div",{className:"flex flex-col gap-2 sm:gap-4 mt-[90px] sm:mt-[140px] md:mt-[200px]",children:[e.jsx("img",{src:d("/assets/aividogenrator/whyslideon1.jpg"),alt:s.thumb1Alt,className:"rounded-xl shadow-md w-[60px] h-[92px] sm:w-[85px] sm:h-[130px] md:w-[105px] md:h-[160px] object-cover",loading:"lazy",decoding:"async"}),e.jsx("img",{src:d("/assets/aividogenrator/whyslideon2.png"),alt:s.thumb2Alt,className:"rounded-xl shadow-md w-[60px] h-[92px] sm:w-[85px] sm:h-[130px] md:w-[105px] md:h-[160px] object-cover",loading:"lazy",decoding:"async"})]}),e.jsxs("div",{className:"relative",children:[e.jsxs("div",{className:"absolute -top-18 sm:-top-12 -left-2 sm:-left-10 md:-left-20 z-20 bg-gray-900/80 backdrop-blur-sm text-white text-[11px] sm:text-sm px-3 sm:px-5 py-2 sm:py-3 rounded-xl shadow-2xl border border-white/10 max-w-[180px] sm:max-w-none",children:[e.jsxs("p",{className:"leading-relaxed",children:[i("promptLine1"),e.jsx("br",{}),i("promptLine2")]}),e.jsx("button",{className:"mt-3 inline-flex items-center gap-1.5 px-4 py-1.5 rounded-full bg-white/10 border border-white/30 text-indigo-300 text-xs font-semibold shadow-md hover:scale-105 hover:shadow-lg transition-all duration-300",children:i("generateButton")})]}),e.jsx("img",{src:d("/assets/aividogenrator/whyslideong.gif"),alt:"main",className:"rounded-3xl shadow-2xl w-[170px] h-[260px] sm:w-[260px] sm:h-[400px] md:w-[400px] md:h-[600px] object-cover",loading:"lazy",decoding:"async"})]})]}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-2 gap-3 sm:gap-4 md:block md:space-y-6",children:r.map((t,a)=>e.jsxs("button",{className:"w-full text-left flex flex-col sm:flex-row items-start gap-2 sm:gap-3 md:gap-5 p-3 sm:p-4 md:p-5 rounded-2xl transition-all duration-300 hover:bg-purple-50 dark:hover:bg-white/5 hover:shadow-lg hover:-translate-y-1 group",children:[e.jsx("div",{className:"group-hover:scale-110 transition-transform duration-300",children:t.icon}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-sm sm:text-base md:text-lg font-semibold text-gray-900 mb-1 dark:text-white",children:t.title}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 text-xs sm:text-sm leading-relaxed",children:t.description})]})]},a))})]})]})})};function y(){var t;const{t:r}=o(),l=r.pages.integrations.videoGenerator.howItWorks,d=Boolean(l.headlineEmphasis&&(null==(t=l.headline)?void 0:t.includes(l.headlineEmphasis))),[g,p]=d?l.headline.split(l.headlineEmphasis):[l.headline,""],u=[{id:1,title:l.step1Title,description:l.step1Desc,icon:c},{id:2,title:l.step2Title,description:l.step2Desc,icon:x},{id:3,title:l.step3Title,description:l.step3Desc,icon:m},{id:4,title:l.step4Title,description:l.step4Desc,icon:h}],f=n.useRef(null),{scrollYProgress:v}=s({target:f,offset:["start center","end center"]}),b=i(v,[0,1],[0,1]);return e.jsx("section",{className:"w-full py-28",style:{background:"linear-gradient(rgba(75, 43, 238, 0) 0%, rgba(75, 43, 238, 0.08) 20%, rgba(75, 43, 238, 0.08) 80%, rgba(75, 43, 238, 0) 100%)"},children:e.jsxs("div",{className:"max-w-7xl mx-auto px-6",children:[e.jsxs("div",{className:"text-center mb-24",children:[e.jsx("h2",{className:"text-4xl md:text-6xl font-bold text-gray-900 dark:text-white",children:d?e.jsxs(e.Fragment,{children:[g,e.jsx("span",{className:"bg-linear-to-r from-violet-600 to-pink-500 dark:from-violet-400 dark:to-pink-400 bg-clip-text text-transparent",children:l.headlineEmphasis}),p]}):l.headline}),e.jsx("p",{className:"mt-2 text-lg text-gray-600 dark:text-gray-400",children:l.subhead})]}),e.jsxs("div",{ref:f,className:"relative",children:[e.jsx("div",{className:"md:hidden absolute left-5 top-2 bottom-2 w-[2px] bg-indigo-200 dark:bg-indigo-900"}),e.jsx(a.div,{style:{scaleY:b},className:"md:hidden absolute left-5 top-2 bottom-2 w-[2px] bg-indigo-500 origin-top"}),e.jsx("div",{className:"hidden md:block absolute left-1/2 top-0 -translate-x-1/2 w-[2px] h-full bg-indigo-200 dark:bg-indigo-900"}),e.jsx(a.div,{style:{scaleY:b},className:"hidden md:block absolute left-1/2 top-0 -translate-x-1/2 w-[2px] h-full bg-indigo-500 origin-top"}),e.jsx("div",{className:"space-y-8 md:space-y-32",children:u.map((t,s)=>{const i=s%2==1,r=t.icon;return e.jsxs("div",{className:"relative flex items-start gap-4 md:block",children:[e.jsx("div",{className:"relative z-10 shrink-0 md:absolute md:left-1/2 md:-translate-x-1/2 md:top-0",children:e.jsx("div",{className:"w-10 h-10 rounded-full bg-indigo-500 text-white flex items-center justify-center text-sm font-semibold shadow-md",children:t.id})}),e.jsx(a.div,{initial:{opacity:0,x:i?-80:80},whileInView:{opacity:1,x:0},transition:{duration:.6},viewport:{once:!0},className:`flex-1 md:w-[45%] p-5 sm:p-6 md:p-8 rounded-2xl shadow-md ${i?"md:ml-auto":""} bg-white dark:bg-white/5 backdrop-blur-md`,children:e.jsxs("div",{className:"flex gap-3 md:gap-5",children:[e.jsx("div",{className:"hidden md:flex min-w-[60px] items-center justify-center text-indigo-500",children:e.jsx(r,{size:26})}),e.jsxs("div",{children:[e.jsxs("h3",{className:"text-base sm:text-lg md:text-xl font-semibold mb-1 md:mb-2 text-gray-900 dark:text-white flex items-center gap-2",children:[e.jsx(r,{size:18,className:"text-indigo-500 md:hidden shrink-0"}),t.title]}),e.jsx("p",{className:"text-sm leading-relaxed text-gray-600 dark:text-gray-400",children:t.description})]})]})})]},t.id)})})]})]})})}const N=()=>{var t;const{t:s,tKey:i}=o(),r=s.pages.integrations.videoGenerator.videoTools,n=Boolean(r.headlineEmphasis&&(null==(t=r.headline)?void 0:t.includes(r.headlineEmphasis))),[d,c]=n?r.headline.split(r.headlineEmphasis):[r.headline,""],x=({text:t})=>{const a=t.split(" ");return e.jsx(e.Fragment,{children:a.map((t,a)=>e.jsx("span",{className:"word-animate mr-1",style:{animationDelay:.18*a+"s"},children:t},a))})},m=[{step:r.feature1Step,title:r.feature1Title,titleHighlight:"",desc:r.feature1Desc,chip:r.feature1Chip,mode:"highlights",color:"indigo",statType:"none",statText:"",statBadges:[]},{step:r.feature2Step,title:r.feature2Title,titleHighlight:"",desc:r.feature2Desc,chip:r.feature2Chip,mode:"One-click",color:"purple",statType:"avatars",statText:r.feature2Stat,statBadges:[]},{step:r.feature3Step,title:r.feature3Title,titleHighlight:"",desc:r.feature3Desc,chip:r.feature3Chip,mode:"99% Accuracy",color:"teal",statType:"badges",statText:"",statBadges:[{icon:"⚡",text:i("pages.integrations.videoGenerator.videoTools.instantProcessingLabel")},{icon:"✓",text:i("pages.integrations.videoGenerator.videoTools.accuracyLabel")}]},{step:"",title:r.feature4Title,titleHighlight:r.feature4TitleHighlight,desc:r.feature4Desc,chip:r.feature4Chip,mode:"suggestion",color:"blue",statType:"avatars",statText:r.feature4Stat,statBadges:[]},{step:r.feature5Step,title:r.feature5Title,titleHighlight:"",desc:r.feature5Desc,chip:r.feature5Chip,mode:"40+ Languages",color:"pink",statType:"badges",statText:"",statBadges:[{icon:"⊕",text:i("pages.integrations.videoGenerator.videoTools.accuracyLabelUpper")},{icon:"◯",text:i("pages.integrations.videoGenerator.videoTools.languagesLabelUpper")}]},{step:r.feature6Step,title:r.feature6Title,titleHighlight:"",desc:r.feature6Desc,chip:r.feature6Chip,mode:"cutting",color:"orange",statType:"checks",statText:"",statBadges:[{icon:"✓",text:i("pages.integrations.videoGenerator.videoTools.aiPoweredLabel")},{icon:"✓",text:i("pages.integrations.videoGenerator.videoTools.oneClickLabel")}]},{step:r.feature7Step,title:r.feature7Title,titleHighlight:"",desc:r.feature7Desc,chip:r.feature7Chip,mode:"no experience",color:"green",statType:"avatars",statText:r.feature7Stat,statBadges:[]},{step:r.feature8Step,title:r.feature8Title,titleHighlight:"",desc:r.feature8Desc,chip:r.feature8Chip,mode:"polish",color:"purple",statType:"avatars",statText:r.feature8Stat,statBadges:[]},{step:r.feature9Step,title:r.feature9Title,titleHighlight:"",desc:r.feature9Desc,chip:r.feature9Chip,mode:"captions",color:"cyan",statType:"none",statText:"",statBadges:[]}],h={indigo:{step:"text-indigo-600",button:"bg-indigo-600 hover:bg-indigo-700 text-white shadow-indigo-200 dark:shadow-indigo-900",highlight:"text-indigo-600",badge:"text-indigo-600"},blue:{step:"text-blue-600",button:"bg-blue-600 hover:bg-blue-700 text-white shadow-blue-200 dark:shadow-blue-900",highlight:"text-blue-500",badge:"text-blue-600"}

1,teal:{step:"text-[#8B5CF6]",button:"bg-linear-to-r from-[#EC5B13] to-[#8B5CF6] hover:from-[#D94F0F] hover:to-[#7C3AED] text-white shadow-lg hover:shadow-xl transition-all duration-300",highlight:"text-[#8B5CF6]",badge:"text-[#8B5CF6]"},purple:{step:"text-purple-600",button:"bg-purple-600 hover:bg-purple-700 text-white shadow-purple-200 dark:shadow-purple-900",highlight:"text-purple-600",badge:"text-purple-600"},pink:{step:"text-teal-500",button:"bg-linear-to-r from-teal-500 to-cyan-600 hover:opacity-90 text-white shadow-teal-200 dark:shadow-teal-900",highlight:"text-teal-500",badge:"text-teal-500"},orange:{step:"text-pink-600",button:"bg-linear-to-r from-pink-500 to-purple-600 hover:opacity-90 text-white shadow-pink-200 dark:shadow-pink-900",highlight:"text-orange-500",badge:"text-orange-600"},green:{step:"text-teal-600",button:"bg-teal-500 hover:bg-teal-600 text-white shadow-teal-200 dark:shadow-teal-900",highlight:"text-green-500",badge:"text-teal-600"},cyan:{step:"text-blue-600",button:"bg-blue-600 hover:bg-blue-700 text-white shadow-blue-200 dark:shadow-blue-900",highlight:"text-cyan-500",badge:"text-blue-600"}},v=({mode:t})=>{if("highlights"===t)return e.jsxs("div",{className:"relative h-full w-full p-6 flex flex-col items-center justify-center overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 bg-linear-to-br from-indigo-900 via-purple-800 to-indigo-900 animate-gradientMove"}),e.jsx("div",{className:"absolute inset-0 backdrop-blur-[2px]"}),e.jsxs("div",{className:"relative z-10 w-full max-w-md mb-10 bg-white/10 backdrop-blur-md rounded-xl px-4 py-3 flex items-center gap-3 border border-white/20",children:[e.jsxs("div",{className:"flex gap-2",children:[e.jsx("span",{className:"w-3 h-3 rounded-full bg-red-400"}),e.jsx("span",{className:"w-3 h-3 rounded-full bg-yellow-400"}),e.jsx("span",{className:"w-3 h-3 rounded-full bg-green-400"})]}),e.jsx("div",{className:"flex-1 h-2 rounded-full bg-white/20 ml-4"})]}),e.jsxs("div",{className:"relative z-10 flex gap-8 mb-10",children:[e.jsxs("div",{className:"w-48 h-48 rounded-2xl bg-white/10 backdrop-blur-md border border-white/20 p-6 flex flex-col justify-between\n        shadow-lg hover:shadow-purple-500/40 hover:border-purple-400/60\n        transition-all duration-300 hover:-translate-y-2 animate-float",children:[e.jsx("div",{className:"text-white text-xl",children:"✨"}),e.jsx("div",{className:"h-2 w-20 bg-white/30 rounded-full"})]}),e.jsxs("div",{className:"w-48 h-48 rounded-2xl bg-white/10 backdrop-blur-md border border-white/20 p-6 flex flex-col justify-between\n        shadow-lg hover:shadow-blue-400/40 hover:border-blue-300/60\n        transition-all duration-300 hover:-translate-y-2 animate-float delay-200",children:[e.jsx("div",{className:"text-blue-300 text-xl",children:"▦"}),e.jsx("div",{className:"h-2 w-24 bg-blue-300/40 rounded-full"})]})]}),e.jsx("div",{className:"relative z-10 w-full max-w-md h-24 rounded-2xl bg-white/10 backdrop-blur-md border border-white/20 flex items-center justify-center",children:e.jsxs("div",{className:"relative flex items-center justify-center",children:[e.jsx("div",{className:"absolute w-16 h-16 rounded-full bg-white/20 animate-ping"}),e.jsx("div",{className:"w-14 h-14 rounded-full border-2 border-white/50 flex items-center justify-center text-white text-lg backdrop-blur-md",children:"▶"})]})}),e.jsx("style",{children:"\n        @keyframes float {\n          0% { transform: translateY(0px); }\n          50% { transform: translateY(-8px); }\n          100% { transform: translateY(0px); }\n        }\n\n        .animate-float {\n          animation: float 4s ease-in-out infinite;\n        }\n\n        @keyframes gradientMove {\n          0% { background-position: 0% 50%; }\n          50% { background-position: 100% 50%; }\n          100% { background-position: 0% 50%; }\n        }\n\n        .animate-gradientMove {\n          background-size: 200% 200%;\n          animation: gradientMove 10s ease infinite;\n        }\n      "})]});if("One-click"===t)return e.jsxs("div",{className:"h-full w-full flex flex-col items-center justify-center gap-10 p-6 bg-linear-to-br from-indigo-500 via-purple-500 to-violet-600",children:[e.jsx(a.div,{initial:{opacity:0,y:-40,scale:.9}

1,animate:{opacity:1,y:0,scale:1},transition:{duration:.6},className:"w-[80%] rounded-2xl backdrop-blur-xl bg-white/10 border border-white/20 p-5 shadow-xl",children:e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-4 h-4 bg-white/60 rounded-sm"}),e.jsx("div",{className:"h-2 w-24 bg-white/30 rounded-full"})]}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx("div",{className:"flex-1 h-10 rounded-md bg-white/30"}),e.jsx("div",{className:"flex-1 h-10 rounded-md bg-white/30"}),e.jsx("div",{className:"w-16 h-10 rounded-md bg-white/30"})]}),e.jsxs("div",{className:"flex items-center gap-3 mt-2",children:[e.jsx(a.div,{initial:{width:0},animate:{width:"75%"},transition:{duration:2,repeat:1/0},className:"h-2 bg-white/70 rounded-full"}),e.jsx("div",{className:"flex-1 h-2 bg-white/20 rounded-full"})]})]})}),e.jsx(a.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.6},className:"bg-white/80 text-indigo-700 text-sm px-4 py-2 rounded-xl shadow",children:i("pages.integrations.videoGenerator.videoTools.promptExample")}),e.jsx(a.div,{initial:{y:-10,opacity:0},animate:{y:10,opacity:1},transition:{repeat:1/0,duration:1.2,repeatType:"reverse"},className:"text-white text-2xl",children:"↓"}),e.jsx(a.img,{src:"https://images.unsplash.com/photo-1501785888041-af3ef285b470",initial:{opacity:0,scale:.8,y:20},animate:{opacity:1,scale:1,y:0},transition:{delay:1.2,duration:.8},className:"w-44 h-28 object-cover rounded-xl shadow-xl border border-white/30"})]});if("40+ Languages"===t)return e.jsxs("div",{className:"relative h-full w-full overflow-hidden flex items-center justify-center bg-linear-to-br from-teal-500 via-cyan-500 to-blue-500",children:[e.jsx("style",{children:"\n        @keyframes voiceWave {\n          0%,100%{\n            transform:scaleY(0.6);\n            opacity:0.6;\n          }\n          50%{\n            transform:scaleY(1.4);\n            opacity:1;\n          }\n        }\n\n        @keyframes shimmerMove{\n          0%{transform:translateX(-120%)}\n          100%{transform:translateX(120%)}\n        }\n\n        @keyframes floatCard{\n          0%,100%{transform:translateY(0px)}\n          50%{transform:translateY(-8px)}\n        }\n\n        @keyframes waveFloat{\n          0%,100%{transform:translateX(0)}\n          50%{transform:translateX(10px)}\n        }\n\n        .animate-shimmer{\n          animation: shimmerMove 2.5s linear infinite;\n        }\n        "}),e.jsx("div",{className:"absolute bottom-10 right-10 opacity-20 space-y-3",children:[1,2,3].map(t=>e.jsx("div",{className:"w-28 h-3 border-b-4 border-white rounded-full",style:{animation:"waveFloat 4s ease-in-out infinite",animationDelay:.4*t+"s"}},t))}),e.jsxs("div",{className:"flex flex-col items-center gap-12",children:[e.jsx("div",{className:"flex items-end gap-3",children:[14,32,48,32,14].map((t,a)=>e.jsx("div",{className:"w-3 rounded-full bg-white/80",style:{height:`${t}px`,animation:"voiceWave 1.3s ease-in-out infinite",animationDelay:.15*a+"s"}},a))}),e.jsxs("div",{className:"relative px-7 py-4 rounded-xl backdrop-blur-lg bg-white/20 border border-white/30 text-white shadow-xl overflow-hidden",style:{animation:"floatCard 4s ease-in-out infinite"},children:[e.jsxs("div",{className:"flex items-center gap-3 text-sm font-medium tracking-wide",children:[e.jsx("span",{className:"opacity-80",children:"💬"}),e.jsx("span",{children:i("pages.integrations.videoGenerator.videoTools.generatingLabel")})]}),e.jsx("div",{className:"absolute inset-0 pointer-events-none",children:e.jsx("div",{className:"w-full h-full bg-linear-to-r from-transparent via-white/30 to-transparent animate-shimmer"})})]})]})]});if("suggestion"===t){const[t,s]=l.useState(12);l.useEffect(()=>{const e=setInterval(()=>{s(e=>e<96?e+2*Math.random():e)},120);return()=>clearInterval(e)},[]);const i=["https://images.unsplash.com/photo-1492724441997-5dc865305da7","https://images.unsplash.com/photo-1500530855697-b586d89ba3ee","https://images.unsplash.com/photo-1501785888041-af3ef285b470"];return e.jsxs("div",{className:"relative h-full w-full flex flex-col items-center justify-center bg-linear-to-br from-blue-500 via-indigo-500 to-purple-600 overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 opacity-20",children:e.jsx(a.div,{animate:{y:["0%","10%"]},transition:{duration:10,repeat:1/0,ease:"linear"},className:"grid grid-cols-4 grid-rows-4 h-[120%] w-full",children:Array.from({length:16}).map((t,a)=>e.jsx("div",{className:"border border-white/20"},a))})}),e.jsx(a.div,{animate:{scale:[1,1.08,1],boxShadow:["0 0 0px rgba(255,255,255,0.3)","0 0 30px rgba(255,255,255,0.6)","0 0 0px rgba(255,255,255,0.3)"]},transition:{duration:2,repeat:1/0},className:"w-20 h-20 rounded-full bg-white/20 backdrop-blur-md flex items-center justify-center border border-white/40",children:e.jsx(g,{className:"text-yellow-300 w-10 h-10"})}),e.jsxs("div",{className:"flex items-center justify-between w-[70%] mt-10 text-white",children:[e.jsxs("p",{className:"tracking-widest text-sm font-medium",children:["GENERATING SCENE ",Math.floor(t/20)+1,"..."]}),e.jsxs(a.p,{className:"text-3xl font-bold",children:[Math.floor(t),"%"]})]}),e.jsxs("div",{className:"w-[70%] h-3 bg-white/20 rounded-full mt-4 overflow-hidden relative",children:[e.jsx(a.div,{className:"h-full bg-white rounded-full",animate:{width:`${t}%`},transition:{ease:"easeOut"}}),e.jsx(a.div,{animate:{x:["-100%","200%"]},transition:{repeat:1/0,duration:1.8}

1,className:"absolute top-0 h-full w-24 bg-white/40 blur-sm opacity-60"})]}),e.jsx("div",{className:"flex gap-6 mt-12",children:i.map((s,i)=>e.jsxs(a.div,{initial:{opacity:0},animate:{opacity:t>25*(i+1)?1:.2},className:"relative w-36 h-24 rounded-xl overflow-hidden border border-white/30",children:[e.jsx("img",{src:s,className:"w-full h-full object-cover",loading:"lazy",decoding:"async"}),e.jsx(a.div,{animate:{y:["-100%","120%"]},transition:{repeat:1/0,duration:2,delay:.4*i},className:"absolute inset-0 bg-linear-to-b from-transparent via-white/40 to-transparent"})]},i))}),e.jsx("div",{className:"absolute w-[400px] h-[400px] bg-white/20 blur-[160px] rounded-full"})]})}if("cutting"===t){const t=[22,40,16,6,6,6,48,32,26];return e.jsxs("div",{className:"relative h-full w-full overflow-hidden flex items-center justify-center bg-linear-to-br from-pink-500 via-fuchsia-500 to-purple-600",children:[e.jsx("style",{children:"\n        @keyframes voiceWave{\n          0%,100%{transform:scaleY(.5);opacity:.6}\n          50%{transform:scaleY(1.4);opacity:1}\n        }\n\n        @keyframes float{\n          0%,100%{transform:translateY(0)}\n          50%{transform:translateY(-8px)}\n        }\n\n        @keyframes sparkle{\n          0%{transform:scale(.8) rotate(0deg);opacity:.6}\n          50%{transform:scale(1.1) rotate(10deg);opacity:1}\n          100%{transform:scale(.8) rotate(0deg);opacity:.6}\n        }\n\n        @keyframes circleFloat{\n          0%,100%{transform:translateY(0)}\n          50%{transform:translateY(-20px)}\n        }\n        "}),e.jsx("div",{className:"absolute top-10 left-10 w-48 h-48 rounded-full border border-white/20",style:{animation:"circleFloat 10s ease-in-out infinite"}}),e.jsx("div",{className:"absolute bottom-16 right-16 w-72 h-72 rounded-full border border-white/20",style:{animation:"circleFloat 12s ease-in-out infinite"}}),e.jsxs("div",{className:"flex flex-col items-center gap-8",children:[e.jsx("div",{className:"flex items-end gap-3",children:t.map((t,a)=>e.jsx("div",{className:"w-2 rounded-full bg-white/80",style:{height:`${t}px`,animation:"voiceWave 1.2s ease-in-out infinite",animationDelay:.1*a+"s"}},a))}),e.jsxs("div",{className:"relative flex items-center justify-center w-20 h-20 rounded-2xl bg-white/15 backdrop-blur-lg shadow-xl",style:{animation:"float 4s ease-in-out infinite"},children:[e.jsx(p,{size:34,className:"text-white"}),e.jsx(u,{size:16,className:"absolute -top-2 -right-2 text-yellow-300",style:{animation:"sparkle 2s ease-in-out infinite"}})]})]})]})}if("99% Accuracy"===t){const t="absolute w-[260px] h-[90px] rounded-xl backdrop-blur-md bg-white/10 border border-white/40 shadow-[0_0_40px_rgba(255,255,255,0.25)] flex items-center gap-4 px-4";return e.jsxs("div",{className:"relative h-full w-full flex items-center justify-center overflow-hidden p-6 bg-linear-to-br from-orange-500 via-pink-500 to-indigo-500",children:[e.jsxs(a.div,{initial:{y:-40,opacity:0,rotate:-4},animate:{y:0,opacity:1},whileHover:{scale:1.05},transition:{duration:.6},className:`${t} top-[22%] rotate-[-6deg]`,children:[e.jsx("div",{className:"w-12 h-12 rounded-md bg-white/30 flex items-center justify-center",children:e.jsx(u,{className:"text-white w-6 h-6"})}),e.jsxs("div",{className:"flex-1",children:[e.jsx("div",{className:"h-3 w-28 bg-white/40 rounded mb-2"}),e.jsx("div",{className:"h-3 w-20 bg-white/30 rounded"})]})]}),e.jsxs(a.div,{initial:{opacity:0}

1,animate:{opacity:.45},transition:{delay:.4},className:`${t} top-[45%] rotate-[4deg] bg-black/20 border-white/20 shadow-none`,children:[e.jsx("div",{className:"w-12 h-12 rounded-md bg-black/30"}),e.jsxs("div",{className:"flex-1",children:[e.jsx("div",{className:"h-3 w-24 bg-black/40 rounded mb-2"}),e.jsx("div",{className:"h-3 w-16 bg-black/40 rounded"})]})]}),e.jsxs(a.div,{initial:{y:40,opacity:0,rotate:3},animate:{y:0,opacity:1},whileHover:{scale:1.05},transition:{delay:.3,duration:.6},className:`${t} top-[65%] rotate-[3deg]`,children:[e.jsx("div",{className:"w-12 h-12 rounded-md bg-white/30 flex items-center justify-center",children:e.jsx(f,{className:"text-white w-6 h-6"})}),e.jsxs("div",{className:"flex-1",children:[e.jsx("div",{className:"h-3 w-32 bg-white/40 rounded mb-2"}),e.jsx("div",{className:"h-3 w-20 bg-white/30 rounded"})]})]}),e.jsx("div",{className:"absolute w-[300px] h-[300px] bg-white/20 blur-[120px] rounded-full"})]})}if("no experience"===t){const t=i("pages.integrations.videoGenerator.videoTools.createVideoPlaceholder"),[a,s]=l.useState("");return l.useEffect(()=>{let e=0;const a=setInterval(()=>{s(t.slice(0,e+1)),e++,e===t.length&&clearInterval(a)},60);return()=>clearInterval(a)},[]),e.jsxs("div",{className:"relative h-full w-full flex items-center justify-center overflow-hidden bg-linear-to-br from-emerald-400 via-teal-500 to-blue-500",children:[e.jsx("style",{children:"\n        @keyframes float {\n          0%,100%{transform:translateY(0)}\n          50%{transform:translateY(-8px)}\n        }\n\n        @keyframes pulsePlay {\n          0%{transform:scale(1);opacity:.9}\n          50%{transform:scale(1.15);opacity:1}\n          100%{transform:scale(1);opacity:.9}\n        }\n\n        @keyframes sparkle {\n          0%{transform:rotate(0deg)}\n          100%{transform:rotate(360deg)}\n        }\n        "}),e.jsx("div",{className:"absolute top-6 right-6 w-10 h-10 rounded-full bg-white/30 backdrop-blur-md flex items-center justify-center",style:{animation:"float 4s ease-in-out infinite"},children:e.jsx(u,{size:18,className:"text-white",style:{animation:"sparkle 6s linear infinite"}})}),e.jsxs("div",{className:"w-[85%] max-w-[360px] rounded-2xl border border-white/30 bg-white/10 backdrop-blur-xl shadow-xl p-6",style:{animation:"float 5s ease-in-out infinite"},children:[e.jsxs("div",{className:"flex gap-2 mb-4",children:[e.jsx("div",{className:"w-3 h-3 rounded-full bg-white/40"}),e.jsx("div",{className:"w-3 h-3 rounded-full bg-white/40"}),e.jsx("div",{className:"w-3 h-3 rounded-full bg-white/40"})]}),e.jsxs("div",{className:"mb-5 bg-white/20 rounded-lg px-4 py-3 text-white font-mono text-sm tracking-wide",children:[e.jsx("span",{className:"opacity-80",children:a}),e.jsx("span",{className:"animate-pulse",children:"|"})]}),e.jsxs("div",{className:"relative rounded-xl overflow-hidden",children:[e.jsx("img",{src:"https://images.unsplash.com/photo-1500530855697-b586d89ba3ee",alt:r.previewAlt,className:"w-full h-48 object-cover",loading:"lazy",decoding:"async"}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:e.jsx("div",{className:"w-14 h-14 rounded-full bg-white/80 flex items-center justify-center",style:{animation:"pulsePlay 2s ease-in-out infinite"},children:e.jsx(f,{size:24,className:"text-gray-800 ml-1"})})})]})]})]})}return"polish"===t?e.jsx("div",{className:"h-full w-full flex items-center justify-center bg-linear-to-br from-purple-500 to-indigo-700 text-white p-10",children:e.jsxs("div",{className:"flex flex-col gap-10",children:[e.jsxs("div",{className:"flex items-center gap-4 ",children:[e.jsx("div",{className:"w-12 h-12 rounded-full border border-white/40 flex items-center justify-center",children:"💡"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs tracking-widest uppercase opacity-80",children:i("pages.integrations.videoGenerator.videoTools.stepLabel",{n:"01"})}),e.jsx("p",{className:"text-lg font-medium",children:e.jsx(x,{text:i("pages.integrations.videoGenerator.videoTools.stageConceptualize")})})]})]}),e.jsx("div",{className:"h-10 border-l border-white/30 ml-6"}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:"w-12 h-12 rounded-full flex items-center justify-center ",children:"✨"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs tracking-widest uppercase opacity-80",children:i("pages.integrations.videoGenerator.videoTools.stepLabel",{n:"02"})}),e.jsx("p",{className:"text-lg font-semibold",children:e.jsx(x,{text:"AI Processing"})})]})]}),e.jsx("div",{className:"h-10 border-l border-white/30 ml-6"}),e.jsxs("div",{className:"flex items-center gap-4 "+("polish"!==t?"opacity-60":""),children:[e.jsx("div",{className:"w-12 h-12 rounded-full flex items-center justify-center "+("polish"===t?"bg-white/20 animate-[pulseGlow_2s_ease-in-out_infinite]":"border border-white/40"),children:"✓"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs tracking-widest uppercase opacity-80",children:i("pages.integrations.videoGenerator.videoTools.stepLabel",{n:"03"})}),e.jsx("p",{className:"text-lg font-medium",children:e.jsx(x,{text:i("pages.integrations.videoGenerator.videoTools.stageFinalPolish")})})]})]})]})}):e.jsxs("div",{className:"relative h-full w-full flex flex-col items-center justify-center p-6 bg-linear-to-br from-blue-500 to-indigo-700 text-white overflow-hidden",children:[e.jsxs("div",{className:"relative w-[80%] h-[4px] bg-white/30 rounded-full mb-16",children:[e.jsx("div",{className:"absolute top-0 left-0 h-full w-[65%] bg-white rounded-full transition-all duration-700"}),e.jsx("div",{className:"absolute -top-2 left-[20%] w-4 h-4 rounded-full bg-white border-2 border-blue-500"}),e.jsx("div",{className:"absolute -top-2 left-[50%] w-5 h-5 rounded-full bg-white flex items-center justify-center",children:e.jsx("div",{className:"w-2 h-2 rounded-full bg-blue-500 animate-pulse"})}),e.jsx("div",{className:"absolute -top-2 left-[80%] w-4 h-4 rounded-full bg-white/40 border border-white/40"})]}),e.jsxs("div",{className:"w-[90%] rounded-xl backdrop-blur-md bg-white/10 border border-white/20 p-4 mb-6 shadow-lg",children:[e.jsx("p",{className:"text-xs tracking-widest text-white/70 uppercase mb-1 flex items-center gap-2",children:"✨ Suggestion"}),e.jsx("p",{className:"text-sm font-medium",children:r.autoColorLabel})]}),e.jsxs("div",{className:"w-[90%] rounded-xl backdrop-blur-md bg-white/10 border border-white/20 p-4 shadow-lg",children:[e.jsx("p",{className:"text-xs tracking-widest text-white/70 uppercase mb-1 flex items-center gap-2",children:"📊 Enhancement"}),e.jsx("p",{className:"text-sm font-medium",children:i("pages.integrations.videoGenerator.videoTools.audioNormalizationLabel")})]})]})};return e.jsxs("section",{className:"w-full bg-white dark:bg-black overflow-hidden py-24 md:py-32",children:[e.jsx("style",{children:"\n  @keyframes progressPulse {\n  0% { transform: scale(1); opacity: .8; }\n  50% { transform: scale(1.2); opacity: 1; }\n  100% { transform: scale(1); opacity: .8; }\n}\n\n.animate-progress {\n  animation: progressPulse 1.5s ease-in-out infinite;\n}\n  .word-animate {\n  opacity: 0;\n  transform: translateY(10px);\n  animation: wordFade 0.5s forwards;\n}\n\n@keyframes wordFade {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes pulseGlow {\n  0%,100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n\n  50% {\n    transform: scale(1.08);\n    opacity: 0.8;\n  }\n}\n    @keyframes slideInLeft {\n      from { opacity: 0; transform: translateX(-20px); }\n      to { opacity: 1; transform: translateX(0); }\n    }\n    @keyframes fillBar {\n      0% { width: 0%; }\n      50% { width: 75%; }\n      100% { width: 75%; }\n    }\n    @keyframes waveBar {\n      0%, 100% { height: 20%; }\n      25% { height: 60%; }\n      50% { height: 40%; }\n      75% { height: 80%; }\n    }\n    @keyframes typewriter {\n      0% { width: 0%; }\n      100% { width: 100%; }\n    }\n    @keyframes float {\n      0%, 100% { transform: translateY(0px); }\n      50% { transform: translateY(-8px); }\n    }\n    @keyframes shimmer {\n      0% { background-position: -1000px 0; }\n      100% { background-position: 1000px 0; }\n    }\n    @keyframes bounce-gentle {\n      0%, 100% { transform: translateY(0); }\n      50% { transform: translateY(-4px); }\n    }\n    @keyframes spin-slow {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n    @keyframes timelineSlide {\n      0% { transform: translateX(-100%); opacity: 0; }\n      100% { transform: translateX(0); opacity: 1; }\n    }\n    @keyframes pulseGlow {\n      0%, 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); }\n      50% { box-shadow: 0 0 0 10px rgba(34, 197, 94, 0); }\n    }\n    @keyframes rotateGauge {\n      from { transform: rotate(-90deg); }\n      to { transform: rotate(90deg); }\n    }\n    @keyframes slideDown {\n      from { opacity: 0; transform: translateY(-10px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n    @keyframes scaleIn {\n      from { opacity: 0; transform: scale(0.8); }\n      to { opacity: 1; transform: scale(1); }\n    }\n    @keyframes fadeInSequence {\n      0% { opacity: 0; }\n      100% { opacity: 1; }\n    }\n    @keyframes shimmerWave {\n      0% { background-position: -200% center; }\n      100% { background-position: 200% center; }\n    }\n    @keyframes swingBar {\n      0%, 100% { transform: scaleX(0); transform-origin: left center; }\n      50% { transform: scaleX(1); }\n    }

1\n    @keyframes cardFlip {\n      0%, 100% { transform: rotateY(0deg); }\n      50% { transform: rotateY(180deg); }\n    }\n    @keyframes dotBounce {\n      0%, 100% { transform: translateY(0); }\n      50% { transform: translateY(-8px); }\n    }\n    @keyframes expandWidth {\n      from { width: 0%; }\n      to { width: 100%; }\n    }\n    @keyframes slideUpSequence {\n      from { opacity: 0; transform: translateY(20px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n  "}),e.jsxs("div",{className:"text-center mb-2",children:[e.jsx("h2",{className:"text-3xl md:text-5xl font-extrabold text-slate-900 dark:text-white leading-tight",children:n?e.jsxs(e.Fragment,{children:[d,e.jsx("span",{className:"bg-linear-to-r from-violet-600 to-pink-500 dark:from-violet-400 dark:to-pink-400 bg-clip-text text-transparent",children:r.headlineEmphasis}),c]}):r.headline}),e.jsx("p",{className:"text-slate-500 dark:text-slate-400 max-w-2xl mx-auto pt-2",children:r.subhead})]}),e.jsx("div",{className:"flex gap-8 overflow-x-auto scroll-smooth py-12 px-4 md:px-8\n      snap-x snap-mandatory\n      [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",children:m.map(t=>e.jsx("div",{className:"shrink-0 snap-start w-[92%] sm:w-[85%] md:w-[72%] lg:w-[65%]",children:e.jsxs("div",{className:"bg-white dark:bg-slate-900 rounded-2xl shadow-2xl overflow-hidden flex flex-col md:flex-row h-auto md:h-[500px] border border-slate-200/70 dark:border-slate-800",children:[e.jsx("div",{className:"md:w-1/2 h-[220px] sm:h-[260px] md:h-full bg-slate-950 overflow-hidden flex items-center justify-center shrink-0",children:e.jsx("div",{className:"scale-[0.55] sm:scale-75 md:scale-100 origin-center w-full h-full flex items-center justify-center",children:e.jsx(v,{mode:t.mode})})}),e.jsxs("div",{className:"md:w-1/2 p-5 sm:p-6 md:p-10 flex flex-col justify-center md:overflow-y-auto gap-0",children:[t.step&&e.jsx("span",{className:`text-xs tracking-widest uppercase font-semibold mb-2 ${h[t.color].step}`,children:t.step}),e.jsxs("h3",{className:"text-xl sm:text-2xl md:text-3xl font-bold mb-2 sm:mb-3 text-slate-900 dark:text-white leading-tight",children:[t.title,t.titleHighlight&&e.jsxs("span",{className:h[t.color].highlight,children:[" ",t.titleHighlight]})]}),e.jsx("p",{className:"text-sm sm:text-base text-slate-500 dark:text-slate-400 leading-relaxed mb-4 sm:mb-6",children:t.desc}),e.jsx("button",{className:`rounded-full px-5 py-2.5 text-sm font-semibold transition-all duration-200 w-fit shadow-md ${h[t.color].button}`,children:t.chip})]})]})},t.title))})]})},k=()=>{var t;const{t:s}=o(),i=s.pages.integrations.videoGenerator.cta,r=Boolean(i.headlineEmphasis&&(null==(t=i.headline)?void 0:t.includes(i.headlineEmphasis))),[l,n]=r?i.headline.split(i.headlineEmphasis):[i.headline,""];return e.jsx("section",{className:"w-full py-14 md:py-24 px-4 md:px-6 flex justify-center",children:e.jsxs("div",{className:"relative max-w-7xl w-full rounded-3xl overflow-hidden shadow-2xl",style:{backgroundImage:`url('${d("/assets/aividogenrator/CTAbg.gif")}')`,backgroundSize:"cover",backgroundPosition:"center"},children:[e.jsx("div",{className:"absolute inset-0 bg-black/55"}),e.jsxs("div",{className:"relative z-10 w-full px-6 sm:px-10 md:px-14 py-12 md:py-20 flex flex-col items-center text-white",children:[e.jsx(a.h2,{initial:{opacity:0,y:22},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.7},className:"text-3xl sm:text-5xl md:text-4xl lg:text-7xl text-center font-extrabold mb-4 md:mb-5 leading-tight",children:r?e.jsxs(e.Fragment,{children:[l,e.jsx("span",{className:"bg-linear-to-r from-violet-600 to-pink-500 dark:from-violet-400 dark:to-pink-400 bg-clip-text text-transparent",children:i.headlineEmphasis}),n]}):i.headline}),e.jsx(a.p,{initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.7,delay:.15},className:"mb-3 md:mb-5 text-sm md:text-lg max-w-lg text-center text-gray-300 leading-relaxed",children:i.subhead}),e.jsx(a.button,{"data-waitlist-cta":!0,initial:{opacity:0,scale:.9},whileInView:{opacity:1,scale:1},viewport:{once:!0},transition:{duration:.5,delay:.28},whileHover:{scale:1.05},whileTap:{scale:.97},className:"px-8 py-4 rounded-full bg-linear-to-r from-violet-600 to-pink-500 dark:from-violet-400 dark:to-pink-400 text-white font-bold text-sm md:text-base","aria-label":i.ctaAriaLabel,children:i.ctaButton})]})]})})},C={hidden:{opacity:0,y:40},visible:{opacity:1,y:0,transition:{duration:.5}}},T=({text:t,typingSpeed:a=30,deletingSpeed:s=20,pauseAfterType:i=1200,pauseAfterDelete:r=400})=>{const[n,o]=l.useState(""),[d,c]=l.useState(!1);return l.useEffect(()=>{let e;return!d&&n.length<t.length?e=setTimeout(()=>{o(t.slice(0,n.length+1))},a):d||n.length!==t.length?d&&n.length>0?e=setTimeout(()=>{o(t.slice(0,n.length-1))},s):d&&0===n.length&&(e=setTimeout(()=>c(!1),r)):e=setTimeout(()=>c(!0),i),()=>clearTimeout(e)},[n,d,t,a,s,i,r]),e.jsxs("p",{className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:[n,e.jsx("span",{className:"inline-block w-[1ch] animate-pulse",children:"|"})]})},L=({title:t,desc:s,img:i,index:r})=>{const{tKey:l,tRaw:n}=o(),d=(e,t)=>l(`pages.integrations.videoGenerator.features.${e}`,t);

1if(0===r)return e.jsxs(a.div,{variants:C,initial:"hidden",whileInView:"visible",viewport:{once:!0},className:"group bg-white dark:bg-slate-950 rounded-3xl shadow-xl overflow-hidden md:hover:shadow-2xl md:hover:scale-[1.02] transition-transform duration-200",children:[e.jsxs("div",{className:"bg-[#E9EEF5] dark:bg-slate-800 p-5 sm:p-6 md:p-8 space-y-4 sm:space-y-6 rounded-3xl",children:[e.jsxs("div",{className:"relative bg-white dark:bg-slate-900 rounded-2xl px-5 py-4 pb-14 sm:pb-4 shadow-inner",children:[e.jsx("div",{className:"text-sm sm:text-base pr-0 sm:pr-14 min-h-[44px] sm:min-h-[68px] flex items-center",children:e.jsx(T,{text:l("pages.integrations.videoGenerator.features.promptExample")})}),e.jsx("button",{className:"absolute right-3 bottom-3 sm:bottom-auto sm:top-1/2 sm:-translate-y-1/2\n                     bg-linear-to-r from-purple-500 to-indigo-500\n                     text-white w-10 h-10 rounded-xl\n                     flex items-center justify-center\n                     shadow-md md:hover:scale-105 transition",children:"→"})]}),e.jsxs("div",{className:"relative rounded-2xl overflow-hidden",children:[e.jsx("img",{src:i,alt:t,className:"w-full h-44 sm:h-56 md:h-72 object-cover",loading:"lazy",decoding:"async"}),e.jsx("div",{className:"absolute inset-0 bg-black/20"})]})]}),e.jsxs("div",{className:"p-5 sm:p-6 md:p-8",children:[e.jsx("h3",{className:"inline-block text-lg sm:text-xl font-bold text-gray-900 dark:text-white transition-all duration-300 md:group-hover:scale-105 md:group-hover:text-transparent md:group-hover:bg-clip-text md:group-hover:bg-linear-to-r md:group-hover:from-[#A855F7] md:group-hover:to-[#EC4899] dark:md:group-hover:from-[#7F13EC] dark:md:group-hover:to-[#C084FC]",children:t}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mt-2 text-sm leading-relaxed",children:s}),e.jsx("button",{className:"mt-4 text-indigo-600 dark:text-indigo-400 font-semibold hover:underline",children:l("pages.integrations.videoGenerator.features.startTypingCta")})]})]});if(1===r)return e.jsxs(a.div,{variants:C,initial:"hidden",whileInView:"visible",viewport:{once:!0},className:"group bg-white dark:bg-slate-950 rounded-3xl shadow-xl overflow-hidden md:hover:shadow-2xl md:hover:scale-[1.02] transition-transform duration-200",children:[e.jsxs("div",{className:"bg-[#E2E8F0] dark:bg-slate-800 p-5 sm:p-6 md:p-8 flex flex-col sm:flex-row items-center sm:justify-between gap-5 sm:gap-3 rounded-3xl",children:[e.jsxs("div",{className:"relative w-full h-40 sm:w-32 sm:h-28 md:w-44 rounded-xl overflow-hidden shadow-md ",children:[e.jsx("img",{src:i,alt:t,className:"w-full h-full object-cover",loading:"lazy",decoding:"async"}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:e.jsx("div",{className:"w-10 h-10 bg-white/80 dark:bg-slate-700/80 rounded-full flex items-center justify-center text-gray-700 dark:text-gray-300 text-lg",children:"▶"})}),e.jsxs("div",{className:"absolute bottom-3 left-4 space-y-1",children:[e.jsx("div",{className:"w-16 h-1 bg-yellow-400 rounded"}),e.jsx("div",{className:"w-10 h-1 bg-yellow-400 rounded"})]})]}),e.jsxs("div",{className:"flex flex-row sm:flex-col items-center justify-center gap-3 sm:gap-2 w-full sm:w-auto",children:[e.jsx("div",{className:"flex items-end gap-1 h-8",children:[...Array(5)].map((t,s)=>e.jsx(a.div,{className:"w-1.5 bg-indigo-500 rounded-full",animate:{height:["8px","28px","8px"]},transition:{duration:1,repeat:1/0,ease:"easeInOut",delay:.15*s}},s))}),e.jsx("p",{className:"text-xs tracking-widest text-gray-400 dark:text-gray-500",children:d("generatingLabel")})]}),e.jsxs("div",{className:"bg-[#F1F5F9] dark:bg-slate-800 rounded-2xl shadow-md p-4 w-full sm:w-28 flex flex-col items-center shrink-0",children:[e.jsx("div",{className:"bg-white dark:bg-slate-900 rounded-xl p-3 shadow-inner mb-3",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 512 512",fill:"currentColor",className:"text-indigo-500 dark:text-indigo-400",children:e.jsx("path",{d:"M363 176L246 464h47.24l24.49-58h90.54l24.49 58H480Zm-26.69 186L363 279.85L389.69 362ZM272 320c-.25-.19-20.59-15.77-45.42-42.67c39.58-53.64 62-114.61 71.15-143.33H352V90H214V48h-44v42H32v44h219.25c-9.52 26.95-27.05 69.5-53.79 108.36c-32.68-43.44-47.14-75.88-47.33-76.22L143 152l-38 22l6.87 13.86c.89 1.56 17.19 37.9 54.71 86.57c.92 1.21 1.85 2.39 2.78 3.57c-49.72 56.86-89.15 79.09-89.66 79.47L64 368l23 36l19.3-11.47c2.2-1.67 41.33-24 92-80.78c24.52 26.28 43.22 40.83 44.3 41.67L255 362Z"})})}),e.jsx("div",{className:"text-sm font-medium text-gray-700 dark:text-gray-300",children:d("languageFromLabel")}),e.jsx("div",{className:"text-gray-400 dark:text-gray-500 my-2",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M6 9l6 6 6-6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),e.jsx("div",{className:"w-full bg-indigo-100 dark:bg-indigo-950 text-indigo-600 dark:text-indigo-400 text-sm font-medium py-1.5 rounded-lg text-center border border-indigo-200 dark:border-indigo-800 rounded-xl",children:d("languageToLabel")})]})]}),e.jsxs("div",{className:"p-5 sm:p-6 md:p-8",children:[e.jsx("h3",{className:"inline-block text-lg sm:text-xl font-bold text-gray-900 dark:text-white transition-all duration-300 md:group-hover:scale-105 md:group-hover:text-transparent md:group-hover:bg-clip-text md:group-hover:bg-linear-to-r md:group-hover:from-[#A855F7] md:group-hover:to-[#EC4899] dark:md:group-hover:from-[#7F13EC] dark:md:group-hover:to-[#C084FC]",children:t}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400 mt-2 sm:mt-3 text-xs sm:text-sm leading-relaxed",children:s}),e.jsx("button",{className:"mt-5 text-indigo-600 dark:text-indigo-400 font-semibold hover:underline",children:l("pages.integrations.videoGenerator.features.captionsCta")})]})]});

1if(2===r)return e.jsxs(a.div,{variants:C,initial:"hidden",whileInView:"visible",viewport:{once:!0},className:"group bg-white dark:bg-slate-950 rounded-3xl shadow-xl overflow-hidden md:hover:shadow-2xl md:hover:scale-[1.02] transition-transform duration-200",children:[e.jsxs("div",{className:"bg-[#F1F5F9] dark:bg-slate-800 p-5 sm:p-6 md:p-8 flex flex-col md:flex-row items-center md:justify-between gap-5 md:gap-6 rounded-3xl",children:[e.jsxs("div",{className:"flex flex-col items-center gap-3",children:[e.jsx("div",{className:"bg-white dark:bg-slate-900 rounded-full p-4 shadow-inner",children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 48 48",fill:"currentColor",className:"text-indigo-500 dark:text-indigo-400",children:[e.jsx("defs",{children:e.jsx("mask",{id:"SVGI0ofmUkm",children:e.jsxs("g",{fill:"none",stroke:"#fff","stroke-linejoin":"round","stroke-width":"4",children:[e.jsx("rect",{width:"14",height:"27",x:"17",y:"4",fill:"#555555",rx:"7"}),e.jsx("path",{"stroke-linecap":"round",d:"M9 23c0 8.284 6.716 15 15 15s15-6.716 15-15M24 38v6"})]})})}),e.jsx("path",{fill:"currentColor",d:"M0 0h48v48H0z",mask:"url(#SVGI0ofmUkm)"})]})}),e.jsx("div",{className:"flex items-end gap-1 h-8",children:[...Array(5)].map((t,s)=>e.jsx(a.div,{className:"w-1.5 bg-indigo-500 rounded-full",animate:{height:["6px","24px","6px"]},transition:{duration:1,repeat:1/0,ease:"easeInOut",delay:.15*s}},s))}),e.jsx("p",{className:"text-xs text-gray-400 dark:text-gray-500 tracking-widest",children:d("voiceInputLabel")})]}),e.jsxs("div",{className:"relative w-full h-40 sm:w-52 sm:h-32 rounded-xl overflow-hidden shadow-md",children:[e.jsx("img",{src:i,alt:t,className:"w-full h-full object-cover",loading:"lazy",decoding:"async"}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:e.jsx("div",{className:"w-10 h-10 bg-white/80 dark:bg-slate-700/80 rounded-full flex items-center justify-center text-gray-700 dark:text-gray-300",children:"▶"})}),e.jsx("div",{className:"absolute bottom-0 left-0 w-full h-1 bg-gray-300/60",children:e.jsx("div",{className:"h-full bg-linear-to-r from-indigo-500 to-purple-500",style:{width:"40%"}})})]}),e.jsxs("div",{className:"flex flex-col gap-3 w-full md:w-auto md:min-w-[160px]",children:[e.jsx("p",{className:"text-xs font-semibold tracking-widest text-gray-400 dark:text-gray-500",children:l("pages.integrations.videoGenerator.features.dubToLabel")}),(n("pages.integrations.videoGenerator.features.dubLanguages")??[]).map((t,a)=>e.jsxs("div",{className:"flex items-center justify-between px-5 py-3 rounded-full text-sm font-medium transition\n        "+(0===a?"bg-linear-to-r from-indigo-500 to-purple-500 text-white shadow-md":"bg-white dark:bg-slate-800 text-gray-600 dark:text-gray-300"),children:[e.jsx("span",{children:t}),0===a&&e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",className:"text-white",children:e.jsx("polyline",{points:"20 6 9 17 4 12"})})]},a))]})]}),e.jsxs("div",{className:"p-5 sm:p-6 md:p-8",children:[e.jsx("h3",{className:"inline-block text-lg sm:text-xl font-bold text-gray-900 dark:text-white transition-all duration-300 md:group-hover:scale-105 md:group-hover:text-transparent md:group-hover:bg-clip-text md:group-hover:bg-linear-to-r md:group-hover:from-[#A855F7] md:group-hover:to-[#EC4899] dark:md:group-hover:from-[#7F13EC] dark:md:group-hover:to-[#C084FC]",children:t}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400 mt-2 sm:mt-3 text-xs sm:text-sm leading-relaxed",children:s}),e.jsx("button",{className:"mt-5 text-indigo-600 dark:text-indigo-400 font-semibold hover:underline",children:l("pages.integrations.videoGenerator.features.voiceDubbingCta")})]})]});if(3===r)return e.jsxs(a.div,{variants:C,initial:"hidden",whileInView:"visible",viewport:{once:!0},className:"group bg-white dark:bg-slate-950 rounded-3xl shadow-xl overflow-hidden md:hover:shadow-2xl md:hover:scale-[1.02] transition-all duration-300",children:[e.jsxs("div",{className:"bg-slate-100 dar

1k:bg-slate-900 p-5 sm:p-6 md:p-8 rounded-t-3xl mb-6",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-2 sm:gap-4 mb-4 sm:mb-6",children:[e.jsxs("div",{className:"border-2 border-dashed border-slate-300 dark:border-slate-700 rounded-xl p-3 sm:p-6 flex flex-col items-center justify-center text-center",children:[e.jsx("div",{className:"w-8 h-8 mb-2 text-indigo-500",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:e.jsx("path",{fill:"currentColor",d:"M5 3h13a3 3 0 0 1 3 3v13a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3m0 1a2 2 0 0 0-2 2v11.59l4.29-4.3l2.5 2.5l5-5L20 16V6a2 2 0 0 0-2-2zm4.79 13.21l-2.5-2.5L3 19a2 2 0 0 0 2 2h13a2 2 0 0 0 2-2v-1.59l-5.21-5.2zM7.5 6A2.5 2.5 0 0 1 10 8.5A2.5 2.5 0 0 1 7.5 11A2.5 2.5 0 0 1 5 8.5A2.5 2.5 0 0 1 7.5 6m0 1A1.5 1.5 0 0 0 6 8.5A1.5 1.5 0 0 0 7.5 10A1.5 1.5 0 0 0 9 8.5A1.5 1.5 0 0 0 7.5 7"})})}),e.jsx("p",{className:"text-xs font-semibold text-gray-600 dark:text-gray-300",children:l("pages.integrations.videoGenerator.features.imageReferenceLabel")}),e.jsx("p",{className:"text-xs text-gray-400",children:l("pages.integrations.videoGenerator.features.imageReferenceHint")})]}),e.jsxs("div",{className:"border-2 border-dashed border-slate-300 dark:border-slate-700 rounded-xl p-3 sm:p-6 flex flex-col items-center justify-center text-center",children:[e.jsx("div",{className:"w-8 h-8 mb-2 text-purple-500",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:e.jsx("path",{fill:"currentColor",d:"M5.25 5A3.25 3.25 0 0 0 2 8.25v7.5A3.25 3.25 0 0 0 5.25 19h7.5A3.25 3.25 0 0 0 16 15.75v-.312l3.258 2.25c1.16.8 2.744-.03 2.744-1.44V7.751c0-1.41-1.584-2.242-2.744-1.44L16 8.562V8.25A3.25 3.25 0 0 0 12.75 5zM16 10.384l4.11-2.838a.25.25 0 0 1 .392.206v8.495a.25.25 0 0 1-.392.206L16 13.615zM3.5 8.25c0-.966.784-1.75 1.75-1.75h7.5c.966 0 1.75.784 1.75 1.75v7.5a1.75 1.75 0 0 1-1.75 1.75h-7.5a1.75 1.75 0 0 1-1.75-1.75z"})})}),e.jsx("p",{className:"text-xs font-semibold text-gray-600 dark:text-gray-300",children:l("pages.integrations.videoGenerator.features.videoReferenceLabel")}),e.jsx("p",{className:"text-xs text-gray-400",children:l("pages.integrations.videoGenerator.features.videoReferenceHint")})]})]}),e.jsxs("div",{className:"relative",children:[e.jsx("input",{type:"text",placeholder:l("pages.integrations.videoGenerator.features.describePlaceholder"),className:"w-full rounded-full bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 px-5 py-3 text-sm focus:outline-none"}),e.jsx("button",{className:"absolute right-2 top-1/2 -translate-y-1/2 w-8 h-8 rounded-full bg-indigo-500 text-white flex items-center justify-center",children:"âš¡"})]}),e.jsx("div",{className:"flex justify-center mt-4",children:e.jsx("div",{className:"w-[2px] h-8 sm:h-12 bg-indigo-500"})}),e.jsx("div",{className:"flex justify-center mt-4",children:e.jsx("div",{className:"w-2 h-2 bg-indigo-500 rounded-full"})}),e.jsx("div",{className:"mt-4 rounded-2xl overflow-hidden bg-slate-300 dark:bg-slate-700 h-40 sm:h-52 md:h-64 flex items-center justify-center relative",children:e.jsx("img",{src:i,alt:t,className:"absolute inset-0 w-full h-full object-cover ",loading:"lazy",decoding:"async"})})]}),e.jsxs("div",{className:"p-5 sm:p-6 md:p-8",children:[e.jsx("h3",{className:"inline-block text-lg sm:text-xl font-bold text-gray-900 dark:text-white transition-all duration-300 md:group-hover:scale-105 md:group-hover:text-transparent md:group-hover:bg-clip-text md:group-hover:bg-linear-to-r md:group-hover:from-[#A855F7] md:group-hover:to-[#EC4899] dark:md:group-hover:from-[#7F13EC] dark:md:group-hover:to-[#C084FC]",children:t}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400 mt-2 sm:mt-3 text-xs sm:text-sm leading-relaxed",children:s}),e.jsx("button",{className:"mt-5 text-indigo-600 dark:text-indigo-400 font-semibold hover:underline",children:d("generateVideoCta")})]})]});if(4===r)return e.jsxs(a.div,{variants:C,initial:"hidden",whileInView:"visible",viewport:{once:!0},className:"group bg-white dark:bg-slate-950 rounded-3xl shadow-xl overflow-hidden md:hover:shadow-2xl md:hover:scale-[1.02] transition-transform duration-200",children:[e.jsxs("div",{className:"bg-[#EEF2F7] dark:bg-slate-800 rounded-3xl p-5 sm:p-8 md:p-12 flex flex-col sm:flex-row items-center justify-center gap-3 sm:gap-4 relative overflow-hidden",children:[e.jsxs("div",{className:"relative w-24 h-24 sm:flex-none sm:w-28 sm:h-28 md:w-32 md:h-32 rounded-2xl overflow-hidden shadow-md z-10 group cursor-pointer",children:[e.jsx("img",{src:i,alt:l("pages.integrations.videoGenerator.features.uploadImageAlt"),className:"w-full h-full object-cover",loading:"lazy",decoding:"async"}),e.jsxs("div",{className:"absolute inset-0 bg-black/50 flex flex-col items-center justify-center gap-1 opacity-100 transition-opacity duration-300",children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",children:e.jsx("path",{fill:"gray",d:"M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm0-2h14V5H5zm1-2h12l-3.75-5l-3 4L9 13zm-1 2V5z"})}),e.jsx("span",{className:"text-white text-[9px] sm:text-xs font-semibold text-center px-1",children:d("uploadImageLabel")})]})]}),e.jsxs(a.div,{className:"flex flex-col items-center z-20 cursor-pointer shrink-0",whileHover:"hover",initial:"rest",animate:"rest",children:[e.jsx(a.span,{variants:{rest:{x:0},hover:{x:110}},transition:{duration:.6,ease:"easeInOut"}

1,className:"text-blue-600 dark:text-blue-400 text-xl sm:text-2xl md:text-3xl font-semibold",children:"→"}),e.jsx("div",{className:"bg-gray-200 dark:bg-slate-700 text-gray-600 dark:text-gray-300 text-[8px] sm:text-xs px-1.5 sm:px-3 py-1 sm:py-1.5 rounded-full font-medium whitespace-nowrap",children:l("pages.integrations.videoGenerator.features.aiTransformationLabel")})]}),e.jsxs(a.div,{className:"relative w-24 h-24 sm:flex-none sm:w-28 sm:h-28 md:w-32 md:h-32 rounded-2xl overflow-hidden shadow-lg z-10",whileHover:{boxShadow:"0px 0px 25px rgba(59,130,246,0.4)"},transition:{duration:.4},children:[e.jsx("img",{src:i,alt:l("pages.integrations.videoGenerator.features.generatedImageAlt"),className:"w-full h-full object-cover",loading:"lazy",decoding:"async"}),e.jsx("div",{className:"absolute top-2 right-2 bg-blue-500 text-white text-xs px-2 py-1 rounded-md",children:"4K AI"}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:e.jsx("div",{className:"bg-white/80 backdrop-blur-md rounded-full p-3 shadow-md",children:"▶"})}),e.jsx("div",{className:"absolute bottom-2 left-2 right-2 h-1 bg-white/30 rounded",children:e.jsx("div",{className:"h-full w-2/3 bg-blue-500 rounded"})})]})]}),e.jsxs("div",{className:"p-5 sm:p-6 md:p-8",children:[e.jsx("h3",{className:"inline-block text-lg sm:text-xl font-bold text-gray-900 dark:text-white transition-all duration-300 md:group-hover:scale-105 md:group-hover:text-transparent md:group-hover:bg-clip-text md:group-hover:bg-linear-to-r md:group-hover:from-[#A855F7] md:group-hover:to-[#EC4899] dark:md:group-hover:from-[#7F13EC] dark:md:group-hover:to-[#C084FC]",children:t}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400 mt-2 sm:mt-3 text-xs sm:text-sm leading-relaxed",children:s}),e.jsx("button",{className:"mt-5 text-indigo-600 dark:text-indigo-400 font-semibold hover:underline",children:l("pages.integrations.videoGenerator.features.uploadImageCta")})]})]});if(5===r)return e.jsxs(a.div,{variants:C,initial:"hidden",whileInView:"visible",viewport:{once:!0},className:"group bg-white dark:bg-slate-950 rounded-3xl shadow-xl overflow-hidden md:hover:shadow-2xl md:hover:scale-[1.02] transition-transform duration-200",children:[e.jsxs("div",{className:"bg-[#E9EEF5] dark:bg-slate-800 p-5 sm:p-8 md:p-10 rounded-b-3xl",children:[e.jsx("p",{className:"text-xs tracking-widest text-gray-400 dark:text-gray-500 mb-4",children:d("convertToVideoLabel")}),e.jsxs("div",{className:"flex flex-col md:flex-row items-center md:justify-between gap-4",children:[e.jsxs("div",{className:"relative w-full md:w-54",children:[e.jsxs("div",{className:"flex items-center bg-white dark:bg-slate-900 rounded-full px-2 py-1 shadow-inner border border-gray-200 dark:border-slate-700",children:[e.jsx("span",{className:"text-gray-400 dark:text-gray-500 text-sm flex-1 min-w-0 truncate",children:"https://Chameleon.com"}),e.jsx("div",{className:"w-8 h-8 flex items-center justify-center rounded-full bg-indigo-100 dark:bg-indigo-950 text-indigo-600 dark:text-indigo-400",children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:[e.jsx("path",{fill:"currentColor","fill-rule":"evenodd",d:"M12 2.5a5.5 5.5 0 0 0-5.02 3.25a23 23 0 0 1-.186.41l-.068.132a.5.5 0 0 1-.127.14a.5.5 0 0 1-.18.058c-.036.007-.11.01-.419.01a3.5 3.5 0 1 0 0 7h.672l1-1H6a2.5 2.5 0 0 1 0-5h.054c.226 0 .413 0 .562-.03c.18-.036.358-.09.526-.2c.168-.108.29-.248.398-.398c.058-.08.11-.184.157-.283q.074-.159.193-.424l.002-.005a4.501 4.501 0 0 1 8.216 0l.002.006q.119.264.193.423c.047.099.099.202.157.283c.107.15.23.29.398.399s.346.163.526.2c.149.03.336.03.562.029H18a2.5 2.5 0 0 1 0 5h-1.672l1 1H18a3.5 3.5 0 1 0 0-7c-.309 0-.383-.003-.418-.01a.5.5 0 0 1-.18-.059a.5.5 0 0 1-.128-.14l-.016-.027l-.052-.105a23 23 0 0 1-.186-.409A5.5 5.5 0 0 0 12 2.5","clip-rule":"evenodd"}),e.jsx("path",{fill:"currentColor",d:"m12 12l-.354-.354l.354-.353l.354.353zm.5 9a.5.5 0 0 1-1 0zm-4.854-5.354l4-4l.708.708l-4 4zm4.708-4l4 4l-.708.708l-4-4zM12.5 12v9h-1v-9z"})]})})]}),e.jsx("p",{className:"text-xs text-gray-400 dark:text-gray-500 mt-2",children:l("pages.integrations.videoGenerator.features.pasteUrlHint")})]}),e.jsx("div",{className:"hidden md:block flex-1 h-[3px] bg-linear-to-r from-indigo-300 via-purple-400 to-indigo-300 opacity-70"}),e.jsxs("div",{className:"relative w-40 h-28 rounded-xl overflow-hidden shadow-lg shrink-0",children:[e.jsx("img",{src:i,alt:l("pages.integrations.videoGenerator.features.previewImageAlt"),className:"w-full h-full object-cover",loading:"lazy",decoding:"async"}),e.jsx("div",{className:"absolute bottom-0 left-0 right-0 h-1 bg-linear-to-r from-indigo-500 to-purple-500"})]})]})]}),e.jsxs("div",{className:"p-5 sm:p-6 md:p-8",children:[e.jsx("h3",{className:"inline-block text-lg sm:text-xl font-bold text-gray-900 dark:text-white transition-all duration-300 md:group-hover:scale-105 md:group-hover:text-transparent md:group-hover:bg-clip-text md:group-hover:bg-linear-to-r md:group-hover:from-[#A855F7] md:group-hover:to-[#EC4899] dark:md:group-hover:from-[#7F13EC] dark:md:group-hover:to-[#C084FC]",children:t}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400 mt-2 sm:mt-3 text-xs sm:text-sm leading-relaxed",children:s}),e.jsx("button",{className:"mt-5 text-indigo-600 dark:text-indigo-400 font-semibold hover:underline",children:l("pages.integrations.videoGenerator.features.addSourceFileCta")})]})]});if(6===r){const r=({scale:t=1,zIndex:a=10,translateX:s="0px"})=>e.jsxs("div",{className:"absolute bg-[#1C1C2E] rounded-2xl overflow-hidden shadow-2xl border border-white/10 flex flex-col",style:{width:140,transform:`translateX(${s}) scale(${t})`,zIndex:a},children:[e.jsxs("div",{className:"relative w-full h-[430px] overflow-hidden",children:[e.jsx("img",{src:i,alt:"Ad",className:"w-full h-full object-cover",loading:"lazy",decoding:"async"}),e.jsx("div",{className:"absolute inset-0 bg-black/40"}),e.jsxs("div",{className:"absolute top-3 right-3 flex flex-col items-center gap-0.5",children:[e.jsx("div",{className:"text-white text-base",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:e.jsx("path",{fill:"red",d:"M19.3 5.71a4.92 4.92 0 0 0-3.51-1.46a4.92 4.92 0 0 0-3.51 1.46L12 6l-.28-.28a4.95 4.95 0 0 0-7 0a5 5 0 0 0 0 7l6.77 6.79a.75.75 0 0 0 1.06 0l6.77-6.79a5 5 0 0 0-.02-7.01"})})}),e.jsx("span",{className:"text-white text-[8px]",children:"12.4K"})]}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:e.jsx("div",{className:"w-9 h-9 rounded-full bg-white/20 backdrop-blur border border-white/30 flex items-center justify-center text-white text-sm",children:"▶"})}),e.jsx("div",{className:"absolute bottom-16 left-0 right-0 flex items-center justify-center",children:e.jsx("span",{className:"text-white/50 text-[9px] tracking-widest",children:l("pages.integrations.videoGenerator.features.videoReviewLabel")})}),e.jsx("div",{className:"absolute bottom-4 left-3 right-3",children:e.jsxs("p",{className:"text-white text-[9px] leading-tight",children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"10",height:"10",viewBox:"0 0 24 24",children:e.jsx("path",{fill:"gold",d:"m19 1l-1.26 2.75L15 5l2.74 1.26L19 9l1.25-2.74L23 5l-2.75-1.25M9 4L6.5 9.5L1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5M19 15l-1.26 2.74L15 19l2.74 1.25L19 23l1.25-2.75L23 19l-2.75-1.26"})})," ",l("pages.integrations.videoGenerator.features.videoReviewCaption")]})})]}),e.jsxs("div",{className:"bg-[#1C1C2E] px-3 py-2 flex items-center gap-2",children:[e.jsx("div",{className:"flex-1 h-1 bg-white/10 rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full w-2/

15 bg-white/60 rounded-full"})}),e.jsx("span",{className:"text-white/40 text-[8px]",children:"00:05"})]})]});return e.jsxs(a.div,{variants:C,initial:"hidden",whileInView:"visible",viewport:{once:!0},className:"group bg-white dark:bg-slate-950 rounded-3xl shadow-xl overflow-hidden md:hover:shadow-2xl md:hover:scale-[1.02] transition-transform duration-200",children:[e.jsxs("div",{className:"bg-[#E9EEF5] dark:bg-slate-800 p-5 sm:p-6 md:p-8 rounded-3xl space-y-4 sm:space-y-6",children:[e.jsxs("div",{className:"bg-white dark:bg-slate-900 rounded-2xl px-3 sm:px-5 py-3 sm:py-4 shadow-inner flex items-center justify-between gap-2 sm:gap-4",children:[e.jsxs("div",{className:"flex items-center gap-2 sm:gap-3 flex-1 min-w-0",children:[e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"text-gray-400 shrink-0",children:[e.jsx("polyline",{points:"16 16 12 12 8 16"}),e.jsx("line",{x1:"12",y1:"12",x2:"12",y2:"21"}),e.jsx("path",{d:"M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3"})]}),e.jsx("span",{className:"text-gray-400 dark:text-gray-500 text-sm min-w-0 truncate",children:l("pages.integrations.videoGenerator.features.scriptPlaceholder")})]}),e.jsx("button",{className:"bg-linear-to-r from-purple-500 to-indigo-500 text-white px-2 sm:px-4 py-2 rounded-xl text-xs sm:text-sm font-semibold shadow-md whitespace-nowrap shrink-0 md:hover:scale-105 transition",children:l("pages.integrations.videoGenerator.features.generateVideoCta")})]}),e.jsxs("div",{className:"flex items-center gap-4 px-1",children:[e.jsx("span",{className:"text-xs font-semibold text-gray-500 dark:text-gray-400 tracking-widest",children:l("pages.integrations.videoGenerator.features.voiceLanguageLabel")}),e.jsx("span",{className:"text-xs font-semibold text-gray-500 dark:text-gray-400 tracking-widest",children:l("pages.integrations.videoGenerator.features.voiceToneLabel")})]}),e.jsxs("div",{className:"relative flex justify-center sm:scale-75 md:scale-100 origin-center h-[470px] sm:h-[320px] md:h-[430px]",children:[e.jsx("div",{className:"hidden sm:block",children:e.jsx(r,{scale:.82,zIndex:10,translateX:"-110px"})}),e.jsx(r,{scale:1,zIndex:20,translateX:"0px"}),e.jsx("div",{className:"hidden sm:block",children:e.jsx(r,{scale:.82,zIndex:10,translateX:"110px"})})]})]}),e.jsxs("div",{className:"p-5 sm:p-6 md:p-8",children:[e.jsx("h3",{className:"inline-block text-lg sm:text-xl font-bold text-gray-900 dark:text-white transition-all duration-300 md:group-hover:scale-105 md:group-hover:text-transparent md:group-hover:bg-clip-text md:group-hover:bg-linear-to-r md:group-hover:from-[#A855F7] md:group-hover:to-[#EC4899] dark:md:group-hover:from-[#7F13EC] dark:md:group-hover:to-[#C084FC]",children:t}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400 mt-2 sm:mt-3 text-xs sm:text-sm leading-relaxed",children:s}),e.jsx("button",{className:"mt-5 text-indigo-600 dark:text-indigo-400 font-semibold hover:underline",children:l("pages.integrations.videoGenerator.features.createAdCta")})]})]})}return 7===r?e.jsxs(a.div,{variants:C,initial:"hidden",whileInView:"visible",viewport:{once:!0},className:"group bg-white dark:bg-slate-950 rounded-3xl shadow-xl overflow-hidden md:hover:shadow-2xl md:hover:scale-[1.02] transition-all duration-300",children:[e.jsxs("div",{className:"bg-slate-200/70 dark:bg-slate-900 p-5 sm:p-6 md:p-8 rounded-t-3xl flex flex-col md:flex-row items-center md:justify-between gap-6",children:[e.jsxs("div",{className:"flex flex-col items-center w-full sm:w-24",children:[e.jsxs("div",{className:"relative rounded-2xl overflow-hidden shadow-md w-full max-w-[280px] sm:max-w-none",children:[e.jsx("img",{src:i,alt:l("pages.integrations.videoGenerator.features.originalVideoAlt"),className:"w-full h-40 sm:w-36 sm:h-24 object-cover",loading:"lazy",decoding:"async"}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:e.jsx("div",{className:"w-8 h-8 rounded-full bg-black/60 text-white flex items-center justify-center text-xs",children:"▶"})}),e.jsx("div",{className:"absolute top-1 right-1 text-[10px] bg-white px-1.5 py-0.5 rounded",children:"0:05"})]}),e.jsx("div",{className:"w-full h-1 bg-slate-400 rounded mt-2"}),e.jsx("p",{className:"text-xs text-gray-500 mt-2 tracking-wide",children:l("pages.integrations.videoGenerator.features.originalLabel")})]}),e.jsxs("div",{className:"flex flex-col items-center flex-1 ",children:[e.jsx("div",{className:"relative w-full max-w-xs",children:e.jsx("input",{type:"text",placeholder:l("pages.integrations.videoGenerator.features.extendPlaceholder"),className:"w-full rounded-full bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 px-5 py-2 text-[12px] focus:outline-none"})}),e.jsxs("div",{className:"flex items-center gap-3 mt-4 text-indigo-500",children:[e.jsx("div",{className:"w-8 h-[2px] bg-indigo-400"}),e.jsx("span",{children:" →"}),e.jsx("div",{className:"w-8 h-[2px] bg-indigo-400"})]})]}),e.jsxs("div",{className:"flex flex-col items-center w-full sm:w-24",children:[e.jsxs("div",{className:"relative rounded-2xl overflow-hidden shadow-lg border border-indigo-300 w-full max-w-[280px] sm:max-w-none",children:[e.jsx("img",{src:i,alt:l("pages.integrations.videoGenerator.features.extendedVideoAlt"),className:"w-full h-40 sm:w-36 sm:h-24 object-cover",loading:"lazy",decoding:"async"}),e.jsx("div",{className:"absolute top-1 left-1 text-[9px] bg-indigo-500 text-white px-2 py-0.5 rounded",children:l("pages.integrations.videoGenerator.features.aiGeneratedBadge")}),e.jsx("div",{className:"absolute top-1 right-1 text-[10px] bg-white px-1.5 py-0.5 rounded",children:"+0:10s"}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:e.jsx("div",{className:"w-8 h-8 rounded-full bg-black/60 text-white flex items-center justify-center text-xs",children:"▶"})})]}),e.jsx("div",{className:"relative w-full h-1 bg-slate-300 rounded mt-2",children:e.jsx("div",{className:"absolute right-0 w-3 h-3 bg-white border border-indigo-400 rounded-full -top-1"})}),e.jsx("p",{className:"text-xs text-indigo-500 mt-2 tracking-wide",children:l("pages.integrations.videoGenerator.features.extendedResultLabel")})]})]}),e.jsxs("div",{className:"p-5 sm:p-6 md:p-8",children:[e.jsx("h3",{className:"inline-block text-lg sm:text-xl font-bold text-gray-900 dark:text-white transition-all duration-300 md:group-hover:scale-105 md:group-hover:text-transparent md:group-hover:bg-clip-text md:group-hover:bg-linear-to-r md:group-hover:from-[#A855F7] md:group-hover:to-[#EC4899] dark:md:group-hover:from-[#7F13EC] dark:md:group-hover:to-[#C084FC]",children:t}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400 mt-2 sm:mt-3 text-xs sm:text-sm leading-relaxed",children:s}),e.jsx("button",{className:"mt-5 text-indigo-600 dark:text-indigo-400 font-semibold hover:underline",children:l("pages.integrations.videoGenerator.features.extendVideoCta")})]})]}

1):8===r?e.jsxs(a.div,{variants:C,initial:"hidden",whileInView:"visible",viewport:{once:!0},className:"group bg-white dark:bg-slate-950 rounded-3xl shadow-xl overflow-hidden md:hover:shadow-2xl md:hover:scale-[1.02] transition-all duration-300",children:[e.jsx("div",{className:"bg-slate-200/70 dark:bg-slate-900 p-3 rounded-t-3xl",children:e.jsxs("div",{className:"flex flex-col md:flex-row items-center md:justify-between gap-6 md:gap-8",children:[e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx("div",{className:"w-32 h-32 sm:w-24 sm:h-24 rounded-2xl border-2 border-dashed border-slate-300 dark:border-slate-700 flex items-center justify-center bg-white dark:bg-slate-800 shadow-sm",children:e.jsx("div",{className:"w-14 h-16 sm:w-12 sm:h-14 bg-slate-200 dark:bg-slate-700 rounded-md flex items-center justify-center",children:"▶"})}),e.jsx("p",{className:"text-xs tracking-widest text-gray-500",children:l("pages.integrations.videoGenerator.features.sourceVideoLabel")})]}),e.jsxs("div",{className:"flex flex-col items-center flex-1",children:[e.jsx("p",{className:"text-xs tracking-widest font-semibold text-gray-600 dark:text-gray-400 mb-4",children:l("pages.integrations.videoGenerator.features.selectStyleLabel")}),e.jsx("div",{className:"grid grid-cols-2 gap-2",children:(n("pages.integrations.videoGenerator.features.styleOptions")??[]).map((t,a)=>e.jsx("button",{className:0===a?"px-5 py-1 rounded-full bg-indigo-100 text-indigo-600 border border-indigo-300 text-[10px] font-medium":3===a?"px-6 py-2 rounded-full bg-white dark:bg-slate-800 border border-slate-300 dark:border-slate-700 text-[10px] font-medium":"px-5 py-1 rounded-full bg-white dark:bg-slate-800 border border-slate-300 dark:border-slate-700 text-[10px] font-medium",children:t},t))}),e.jsx("div",{className:"relative w-60 h-[2px] bg-indigo-200 mt-6",children:e.jsx("div",{className:"absolute right-0 w-3 h-3 bg-indigo-500 rounded-full -top-[5px]"})})]}),e.jsx("div",{className:"hidden md:block w-px h-24 bg-slate-300 dark:bg-slate-700"}),e.jsxs("div",{className:"flex flex-col items-center gap-3",children:[e.jsx("div",{className:"w-32 h-32 sm:w-24 sm:h-24 rounded-2xl overflow-hidden shadow-lg",children:e.jsx("img",{src:i,alt:l("pages.integrations.videoGenerator.features.outputPreviewAlt"),className:"w-full h-full object-cover",loading:"lazy",decoding:"async"})}),e.jsx("p",{className:"text-xs tracking-widest text-indigo-500 font-medium",children:l("pages.integrations.videoGenerator.features.outputPreviewLabel")})]})]})}),e.jsxs("div",{className:"p-5 sm:p-6 md:p-8",children:[e.jsx("h3",{className:"inline-block text-lg sm:text-2xl font-bold text-gray-900 dark:text-white transition-all duration-300 md:group-hover:scale-105 md:group-hover:text-transparent md:group-hover:bg-clip-text md:group-hover:bg-linear-to-r md:group-hover:from-[#A855F7] md:group-hover:to-[#EC4899] dark:md:group-hover:from-[#7F13EC] dark:md:group-hover:to-[#C084FC]",children:t}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400 mt-2 sm:mt-3 text-xs sm:text-sm leading-relaxed max-w-xl",children:s}),e.jsx("button",{className:"mt-6 text-indigo-600 dark:text-indigo-400 font-semibold hover:underline",children:l("pages.integrations.videoGenerator.features.transformStyleCta")})]})]}):void 0},G=()=>{var t;const{t:s,tKey:i,tRaw:r}=o(),l=s.pages.integrations.videoGenerator.features,n=Boolean(l.headlineEmphasis&&(null==(t=l.headline)?void 0:t.includes(l.headlineEmphasis))),[c,x]=n?l.headline.split(l.headlineEmphasis):[l.headline,""],m=[{title:l.left1Title,de

1sc:l.left1Desc,img:d("/assets/aividogenrator/Text-to-Video.gif")},{title:l.left2Title,desc:l.left2Desc,img:d("/assets/aividogenrator/Text-to-Video.gif")},{title:l.left3Title,desc:l.left3Desc,img:d("/assets/aividogenrator/Text-to-Video.gif")},{title:l.left4Title,desc:l.left4Desc,img:d("/assets/aividogenrator/Text-to-Video.gif")}],h=[{title:l.right1Title,desc:l.right1Desc,img:d("/assets/aividogenrator/Image-to-Video.jpg")},{title:l.right2Title,desc:l.right2Desc,img:d("/assets/aividogenrator/Image-to-Video.jpg")},{title:l.right3Title,desc:l.right3Desc,img:d("/assets/aividogenrator/Talking-Characters.png")},{title:l.right4Title,desc:l.right4Desc,img:d("/assets/aividogenrator/Image-to-Video.jpg")},{title:l.right5Title,desc:l.right5Desc,img:d("/assets/aividogenrator/Talking-Characters.png")}];return e.jsx("section",{className:"w-full py-14 px-5 sm:py-20 sm:px-6 md:py-24",style:{background:"linear-gradient(rgba(75, 43, 238, 0) 0%, rgba(75, 43, 238, 0.08) 20%, rgba(75, 43, 238, 0.08) 80%, rgba(75, 43, 238, 0) 100%)"},children:e.jsxs("div",{className:"max-w-7xl mx-auto",children:[e.jsxs("div",{className:"text-center mb-16",children:[e.jsx("h2",{className:"text-3xl md:text-5xl font-bold text-gray-900 dark:text-white",children:n?e.jsxs(e.Fragment,{children:[c,e.jsx("span",{className:"bg-linear-to-r from-violet-600 to-pink-500 dark:from-violet-400 dark:to-pink-400 bg-clip-text text-transparent",children:l.headlineEmphasis}),x]}):l.headline}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400 mt-2",children:l.subhead})]}),e.jsxs("div",{className:"grid min-w-0 md:grid-cols-2 gap-6 sm:gap-8 md:gap-10",children:[e.jsx("div",{className:"min-w-0 space-y-6 sm:space-y-8",children:m.map((t,a)=>e.jsx("div",{className:"mx-1 sm:mx-0",children:e.jsx(L,{index:a,title:t.title,desc:t.desc,img:t.img})},a))}),e.jsx("div",{className:"min-w-0 space-y-6 sm:space-y-8",children:h.map((t,a)=>e.jsx("div",{className:"mx-1 sm:mx-0",children:e.jsx(L,{index:a+4,title:t.title,desc:t.desc,img:t.img})},a))})]}),e.jsxs(a.div,{initial:{opacity:0,y:40},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.2},className:"group mt-10 bg-white dark:bg-slate-950 rounded-3xl shadow-xl overflow-hidden hover:shadow-2xl transition-shadow duration-300",children:[e.jsx("div",{className:"bg-[#E9EEF5] dark:bg-slate-800 p-5 sm:p-6 md:p-8 rounded-3xl",children:e.jsxs("div",{className:"flex flex-col md:flex-row items-stretch gap-6",children:[e.jsxs("div",{className:"flex flex-col gap-3 shrink-0",children:[e.jsx("p",{className:"text-xs tracking-widest text-gray-500 dark:text-gray-400 font-semibold",children:i("pages.integrations.videoGenerator.features.selectAvatarLabel")}),e.jsx("div",{className:"grid grid-cols-2 gap-2",children:[0,1,2,3].map(t=>e.jsx("div",{className:`relative w-24 h-20 rounded-xl overflow-hidden cursor-pointer shadow-md\n                    ${0===t?"ring-2 ring-indigo-500":""}\n                  `,children:e.jsx("img",{src:d("/assets/aividogenrator/avatar.jpg"),alt:i("pages.integrations.videoGenerator.features.avatarAlt",{index:t+1}),className:"w-full h-full object-cover",loading:"lazy",decoding:"async"})},t))})]}),e.jsxs("div",{className:"w-full md:w-[420px] bg-white dark:bg-slate-900 rounded-2xl p-5 shadow-md flex flex-col gap-4",children:[e.jsx("p",{className:"text-sm font-semibold text-gray-800 dark:text-white",children:i("pages.integrations.videoGenerator.features.videoScriptLabel")}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 leading-relaxed flex-1",children:i("pages.integrations.videoGenerator.features.videoScriptExample")})]}),e.jsxs("div",{className:"flex flex-col gap-3 shrink-0 w-full md:w-[420px]",children:[e.jsx("div",{className:"relative bg-[#D5D8E0] dark:bg-slate-700 rounded-2xl flex-1 min-h-[140px] flex items-center justify-center",children:e.jsx("div",{className:"w-12 h-12 rounded-full bg-white/70 flex items-center justify-center",children:"▶"})}),e.jsx("button",{className:"bg-indigo-500 text-white text-sm font-semibold py-2.5 rounded-xl",children:(g="generateVideoLabel",i(`pages.integrations.videoGenerator.features.${g}`,p))})]})]})}),e.jsxs("div",{className:"p-5 sm:p-6 md:p-8",children:[e.jsx("h3",{className:"inline-block text-2xl font-bold text-gray-900 dark:text-white group-hover:text-transparent group-hover:bg-clip-text group-hover:bg-linear-to-r group-hover:from-[#A855F7] group-hover:to-[#EC4899]",children:i("pages.integrations.videoGenerator.features.avatarsHeadline")}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400 mt-2 sm:mt-3 text-xs sm:text-sm leading-relaxed",children:i("pages.integrations.videoGenerator.features.avatarsSubhead")})]})]})]})});var g,p},F=[{bg:"from-slate-800 to-slate-900",delay:0,h:"h-32",icon:d("/assets/aividogenrator/CreateOnce1.jpg"),label:"Landscape"},{bg:"from-zinc-800 to-zinc-900",delay:.1,h:"h-24",icon:d("/assets/aividogenrator/CreateOnce2.jpg"),label:"Camera"},{bg:"from-gray-700 to-gray-900",delay:.2,h:"h-24",icon:d("/assets/aividogenrator/CreateOnce3.jpg"),label:"Mobile"},{bg:"from-neutral-800 to-black",delay:.3,h:"h-28",icon:d("/assets/aividogenrator/CreateOnce4.jpg"),label:"Laptop"},{bg:"from-violet-900 to-indigo-900",delay:.15,h:"h-28",icon:d("/assets/aividogenrator/CreateOnce5.jpg"),label:"Neon"},{bg:"from-stone-700 to-stone-900",delay:.25,h:"h-24",icon:d("/assets/aividogenrator/CreateOnce6.jpg"),label:"Mic"},{bg:"from-amber-900 to-stone-800",delay:.35,h:"h-32",icon:d("/assets/aividogenrator/CreateOnce7.jpg"),label:"Creator"},{bg:"from-sky-900 to-blue-900",delay:.4,h:"h-28",icon:d("/assets/aividogenrator/CreateOnce8.jpg"),label:"Studio"}],E=[{name:"INSTAGRAM",shadowColor:"rgba(225,48,108,0.5)",bgStyle:{background:"linear-gradient(135deg, #f9c74f, #e1306c, #833ab4)"},pathColor:"#E1306C",glowColor:"#E1306C",icon:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"26",height:"26",viewBox:"0 0 24 24",children:e.jsx("path",{fill:"white",d:"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3"})}),svgPath:"M30,210 C120,210 200,55 320,55",cy:55},{name:"TIKTOK",shadowColor:"rgba(105,201,208,0.4)",bgStyle:{background:"#010101"},pathColor:"#69C9D0",glowColor:"#69C9D0",icon:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"26",height:"26",viewBox:"0 0 24 24",children:e.jsx("path",{fill:"white",d:"M16.6 5.82s.51.5 0 0A4.28 4.28 0 0 1 15.54 3h-3.09v12.4a2.59 2.59 0 0 1-2.59 2.5c-1.42 0-2.6-1.16-2.6-2.6c0-1.72 1.66-3.01 3.37-2.48V9.66c-3.45-.46-6.47 2.22-6.47 5.64c0 3.33 2.76 5.7 5.69 5.7c3.14 0 5.69-2.55 5.69-5.7V9.01a7.35 7.35 0 0 0 4.3 1.38V7.3s-1.88.09-3.24-1.48"})}),svgPath:"M30,210 C130,210 200,140 320,140",cy:140},{name:"YOUTUBE",shadowColor:"rgba(255,0,0,0.5)",bgStyle:{background:"#FF0000"},pathColor:"#FF4444",glowColor:"#FF4444",icon:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"26",height:"26",viewBox:"0 0 24 24",children:e.jsx("path",{fill:"white",d:"M10 15l5.19-3L10 9v6m11.56-7.83c.13.47.22 1.1.28 1.9c.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83c-.25.9-.83 1.48-1.73 1.73c-.47.13-1.33.22-2.65.28c-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44c-.9-.25-1.48-.83-1.73-1.73c-.13-.47-.22-1.1-.28-1.9c-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83c.25-.9.83-1.48 1.73-1.73c.47-.13 1.33-.22 2.65-.28c1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44c.9.25 1.48.83 1.73 1.73z"})}),svgPath:"M30,210 C140,210 200,218 320,218",cy:218},{name:"X.COM",shadowColor:"rgba(192,132,252,0.4)",bgStyle:{background:"#16181C"},pathColor:"#C084FC",glowColor:"#C084FC",icon:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"22",viewBox:"0 0 24 24",children:e.jsx("path",{fill:"white",d:"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231l-5.401 6.23

11H2.746l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"})}),svgPath:"M30,210 C130,210 200,290 320,296",cy:296},{name:"FACEBOOK",shadowColor:"rgba(24,119,242,0.5)",bgStyle:{background:"#1877F2"},pathColor:"#60A5FA",glowColor:"#60A5FA",icon:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"26",height:"26",viewBox:"0 0 24 24",children:e.jsx("path",{fill:"white",d:"M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95"})}),svgPath:"M30,210 C120,210 200,365 320,372",cy:372}],z=({platform:t,index:s})=>e.jsxs(a.div,{initial:{opacity:0,x:40},animate:{opacity:1,x:0},transition:{duration:.6,delay:1.2+.15*s,ease:[.22,1,.36,1]},className:"flex flex-col items-center gap-1",children:[e.jsx(a.div,{whileHover:{scale:1.15,rotate:5},transition:{type:"spring",stiffness:400,damping:15},className:"w-12 h-12 rounded-2xl flex items-center justify-center shadow-lg",style:{...t.bgStyle,boxShadow:`0 4px 20px ${t.shadowColor}`},children:t.icon}),e.jsx("span",{className:"text-[9px] font-bold tracking-widest text-gray-400",children:t.name})]}),A=({item:t,index:s})=>e.jsxs(a.div,{initial:{opacity:0,y:40,scale:.9},animate:{opacity:1,y:0,scale:1},transition:{duration:.7,delay:t.delay,ease:[.22,1,.36,1]},whileHover:{scale:1.04,rotate:0,transition:{duration:.2}},className:`relative ${t.h} rounded-2xl bg-linear-to-br ${t.bg} overflow-hidden shadow-xl `,style:{animation:`waveFloat ${3.5+.4*s}s ease-in-out infinite`,animationDelay:`${t.delay}s`},children:[e.jsx("img",{src:t.icon,alt:t.label,className:"w-full h-full object-cover rounded-lg",loading:"lazy",decoding:"async"}),e.jsx("div",{className:"absolute top-0 left-0 w-full h-px bg-linear-to-r from-transparent via-white/20 to-transparent"})]}),S={hidden:{opacity:0,y:20},visible:e=>({opacity:1,y:0,transition:{duration:.5,delay:.4+.1*e,ease:[.22,1,.36,1]}})},M=()=>{const t=l.useRef(null),s=r(t,{once:!0,margin:"-10%"}),{t:i,tKey:n}=o(),d=i.pages.integrations.videoGenerator.createOnce;return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:"\n        @keyframes waveFloat {\n          0%, 100% { transform: translateY(0px); }\n          50%       { transform: translateY(-10px); }\n        }\n        @keyframes pulseGlow {\n          0%, 100% { box-shadow: 0 0 20px 4px rgba(168,85,247,0.4), 0 0 60px 10px rgba(249,115,22,0.2); }\n          50%       { box-shadow: 0 0 40px 8px rgba(168,85,247,0.7), 0 0 80px 20px rgba(249,115,22,0.4); }\n        }\n        @keyframes shimmer {\n          0%   { background-position: -200% center; }\n          100% { background-position:  200% center; }\n        }\n        .btn-viral {\n          background: linear-gradient(135deg, #f97316 0%, #a855f7 100%);\n          animation: pulseGlow 2.5s ease-in-out infinite;\n          position: relative;\n          overflow: hidden;\n        }\n        .btn-viral::before {\n          content: '';\n          position: absolute;\n          inset: 0;\n          background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.15) 50%, transparent 100%);\n          background-size: 200% 100%;\n          animation: shimmer 2s linear infinite;\n        }\n        .path-glow {\n          filter: drop-shadow(0 0 3px currentColor);\n        }\n      "}),e.jsx("section",{ref:t,className:"w-full flex items-center justify-center px-4 sm:px-6 md:px-10 py-14 sm:py-16 overflow-hidden",children:e.jsxs("div",{className:"max-w-7xl w-full grid grid-cols-1 md:grid-cols-[1fr_auto_1fr] gap-8 sm:gap-10 md:gap-6 items-center",children:[e.jsxs("div",{className:"order-2 md:order-1 flex gap-2 sm:gap-3 max-w-[220px] sm:max-w-xs md:max-w-sm mx-auto md:mx-0",children:[e.jsxs("div",{className:"flex flex-col gap-2 sm:gap-3 flex-1",children:[e.jsx(A,{item:{...F[0],h:"h-24 sm:h-32 md:h-44"},index:0}),e.jsx(A,{item:{...F[5],h:"h-20 sm:h-28 md:h-36"},index:5})]}),e.jsxs("div",{className:"flex flex-col gap-2 sm:gap-3 flex-1",children:[e.jsx(A,{item:{...F[2],h:"h-16 sm:h-20 md:h-28"},index:2}),e.jsx(A,{item:{...F[3],h:"h-16 sm:h-24 md:h-32"},index:3}),e.jsx(A,{item:{...F[6],h:"h-24 sm:h-32 md:h-44"},index:6})]}),e.jsxs("div",{className:"flex flex-col gap-2 sm:gap-3 flex-1",children:[e.jsx(A,{item:{...F[1],h:"h-20 sm:h-28 md:h-36"},index:1}),e.jsx(A,{item:{...F[4],h:"h-16 sm:h-24 md:h-32"},index:4}),e.jsx(A,{item:{...F[7],h:"h-20 sm:h-28 md:h-36"},index:7})]})]}),e.jsxs("div",{className:"order-1 md:order-2 flex flex-col items-center text-center gap-4 sm:gap-6 max-w-xs mx-auto",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("div",{className:"overflow-hidden",children:e.jsx(a.span,{variants:S,initial:"hidden",animate:s?"visible":"hidden",className:"inline-block mr-3 text-3xl sm:text-4xl md:text-6xl font-black text-black dark:text-white leading-tight",children:d.headline})}),e.jsx("div",{className:"overflow-hidden",children:d.headlineEmphasis.split(" ").map((t,i)=>e.jsx(a.span,{custom:i+3,variants:S,initial:"hidden",animate:s?"visible":"hidden",className:"inline-block mr-3 text-3xl sm:text-4xl md:text-6xl font-black leading-tight",style:{background:"linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #6366f1 100%)",WebkitBackgroun

1dClip:"text",WebkitTextFillColor:"transparent"},children:t},i))})]}),e.jsx(a.p,{initial:{opacity:0,y:16},animate:s?{opacity:1,y:0}:{},transition:{duration:.6,delay:.9},className:"text-sm text-gray-500 dark:text-gray-400 leading-relaxed",children:d.desc}),e.jsxs(a.button,{initial:{opacity:0,y:16,scale:.9},animate:s?{opacity:1,y:0,scale:1}:{},transition:{duration:.6,delay:1.1,ease:[.22,1,.36,1]},whileHover:{scale:1.06},whileTap:{scale:.97},onClick:()=>window.open("https://www.postflow.cc/","_blank"),className:"btn-viral flex items-center gap-2 sm:gap-3 px-5 py-3 sm:px-7 sm:py-4 rounded-full text-white font-bold text-xs sm:text-sm tracking-wide uppercase",children:[e.jsx(a.span,{animate:{rotate:[0,-15,15,-10,0],scale:[1,1.2,1]},transition:{duration:1.8,repeat:1/0,repeatDelay:2},children:"🚀"}),d.ctaButton]})]}),e.jsxs("div",{className:"order-3 md:hidden flex flex-col items-center gap-4 w-full",children:[e.jsx("p",{className:"text-xs font-semibold tracking-widest text-gray-400 dark:text-gray-500 uppercase",children:n("pages.integrations.videoGenerator.createOnce.platformsLabel")}),e.jsx("div",{className:"flex flex-wrap items-center justify-center gap-4",children:E.map((t,i)=>e.jsxs(a.div,{initial:{opacity:0,y:12},animate:s?{opacity:1,y:0}:{},transition:{duration:.4,delay:.15+.08*i},className:"flex flex-col items-center gap-1.5",children:[e.jsx("div",{className:"w-11 h-11 rounded-2xl flex items-center justify-center shadow-lg",style:{...t.bgStyle,boxShadow:`0 4px 16px ${t.shadowColor}`},children:t.icon}),e.jsx("span",{className:"text-[8px] font-bold tracking-widest text-gray-400",children:t.name})]},i))})]}),e.jsx("div",{className:"order-3 hidden md:flex items-center justify-center overflow-hidden w-full",children:e.jsxs("div",{className:"relative w-full max-w-[380px] h-[420px]",children:[e.jsxs("svg",{viewBox:"0 0 380 420",fill:"none",className:"absolute inset-0 w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("defs",{children:E.map((t,a)=>e.jsxs("filter",{id:`glow-${a}`,x:"-20%",y:"-20%",width:"140%",height:"140%",children:[e.jsx("feGaussianBlur",{stdDeviation:"2",result:"blur"}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{in:"blur"}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]},a))}),E.map((t,i)=>{const r=t.svgPath,l=`path-${i}`;return e.jsxs("g",{children:[e.jsx(a.path,{id:l,d:r,stroke:t.pathColor,strokeWidth:"2",strokeLinecap:"round",opacity:.25,initial:{pathLength:0},animate:s?{pathLength:1}:{},transition:{duration:1.4,delay:.5+.2*i,ease:"easeInOut"},filter:`url(#glow-${i})`}),e.jsx(a.path,{d:r,stroke:t.pathColor,strokeWidth:"1.5",strokeLinecap:"round",initial:{pathLength:0,opacity:0},animate:s?{pathLength:1,opacity:1}:{},transition:{duration:1.2,delay:.6+.2*i,ease:[.22,1,.36,1]},filter:`url(#glow-${i})`}),s&&e.jsxs("circle",{r:"3.5",fill:t.pathColor,opacity:"0.9",style:{filter:`drop-shadow(0 0 4px ${t.glowColor})`},children:[e.jsx("animateMotion",{dur:2.5+.3*i+"s",begin:1.2+.2*i+"s",repeatCount:"indefinite",calcMode:"easeInOut",children:e.jsx("mpath",{href:`#${l}`})}),e.jsx("animate",{attributeName:"opacity",values:"0;1;1;0",dur:2.5+.3*i+"s",begin:1.2+.2*i+"s",repeatCount:"indefinite"})]})]},i)}),e.jsx(a.circle,{cx:"30",cy:"200",r:"5",fill:"white",initial:{scale:0,opacity:0},animate:s?{scale:[1,1.4,1],opacity:1}:{},transition:{duration:.5,delay:.4,scale:{duration:1.8,repeat:1/0}},style:{filter:"drop-shadow(0 0 6px white)"}}),e.jsx(a.circle,{cx:"30",cy:"200",r:"10",fill:"white",initial:{scale:0,opacity:0},animate:s?{scale:[.8,1.5,.8],opacity:[0,.3,0]}:{},transition:{duration:2,delay:.4,repeat:1/0}})]}),E.map((t,a)=>e.jsx("div",{className:"absolute flex flex-col items-center gap-1",style:{right:4,top:t.cy/420*100+"%",transform:"translateY(-50%)"},children:e.jsx(z,{platform:t,index:a})},a))]})})]})})]})},I={us:{flag:"🇺🇸",lat:38,lon:-97,image:d("/assets/aividogenrator/target1.gif")},ca:{flag:"🇨🇦",lat:56.1304,lon:-106.3468,image:d("/assets/aividogenrator/target2.gif")},br:{flag:"🇧🇷",lat:-14.235,lon:-51.9253,image:d("/assets/aividogenrator/target3.gif")},gb:{flag:"🇬🇧",lat:55.3781,lon:-3.436,image:d("/assets/aividogenrator/target4.gif")}

1,de:{flag:"🇩🇪",lat:51.1657,lon:10.4515,image:d("/assets/aividogenrator/target5.gif")},fr:{flag:"🇫🇷",lat:46.2276,lon:2.2137,image:d("/assets/aividogenrator/target6.gif")},ng:{flag:"🇳🇬",lat:9.082,lon:8.6753,image:d("/assets/aividogenrator/target7.gif")},ae:{flag:"🇦🇪",lat:23.4241,lon:53.8478,image:d("/assets/aividogenrator/target8.gif")},in:{flag:"🇮🇳",lat:20.5937,lon:78.9629,image:d("/assets/aividogenrator/target9.gif")},cn:{flag:"🇨🇳",lat:35.8617,lon:104.1954,image:d("/assets/aividogenrator/target10.gif")},kr:{flag:"🇰🇷",lat:35.9078,lon:127.7669,image:d("/assets/aividogenrator/target1.gif")},jp:{flag:"🇯🇵",lat:36.2048,lon:138.2529,image:d("/assets/aividogenrator/target2.gif")},au:{flag:"🇦🇺",lat:-25.2744,lon:133.7751,image:d("/assets/aividogenrator/target3.gif")}},B=()=>{const{t:t}=o(),a=t.pages.integrations.videoGenerator.worldMap,s=a.pins.flatMap(e=>{const t=I[e.id];return t?[{id:e.id,country:e.country,flag:t.flag,track:e.persona,useCase:e.useCase,title:e.title,category:e.category,lat:t.lat,lon:t.lon,media:{type:"image",src:t.image}}]:[]});return e.jsx(v,{pins:s,headline:a.headline,headlineEmphasis:a.headlineEmphasis,subhead:a.subhead,footer:a.footer})},V=[d("/assets/aividogenrator/target1.gif"),d("/assets/aividogenrator/target2.gif"),d("/assets/aividogenrator/target3.gif"),d("/assets/aividogenrator/target4.gif"),d("/assets/aividogenrator/target5.gif"),d("/assets/aividogenrator/target6.gif"),d("/assets/aividogenrator/target7.gif"),d("/assets/aividogenrator/target8.gif"),d("/assets/aividogenrator/target9.gif"),d("/assets/aividogenrator/target10.gif")];function D({items:t,reverse:a,speed:s=22}){return e.jsx("div",{className:"relative h-[420px] md:h-[520px] overflow-hidden rounded-2xl",children:e.jsx("div",{className:"flex flex-col gap-3 md:gap-4",style:{animation:`${a?"gifScrollDown":"gifScrollUp"} ${s}s linear infinite`},children:[...t,...t].map((t,a)=>e.jsx("img",{src:t,alt:"",className:"w-full h-auto rounded-xl object-cover shadow-lg",loading:"lazy",decoding:"async"},a))})})}function H(){const t=V.slice(0,4),a=V.slice(3,7),s=V.slice(6);return e.jsxs("section",{className:"bg-white dark:bg-black min-h-screen flex items-center py-10 md:py-0",children:[e.jsx("div",{className:"w-full max-w-7xl mx-auto px-4 md:px-6",children:e.jsxs("div",{className:"relative grid grid-cols-2 md:grid-cols-3 gap-3 md:gap-6",children:[e.jsx("div",{className:"pointer-events-none absolute inset-x-0 top-0 h-40 z-10 bg-linear-to-b from-white dark:from-black to-transparent"}),e.jsx("div",{className:"pointer-events-none absolute inset-x-0 bottom-0 h-40 z-10 bg-linear-to-t from-white dark:from-black to-transparent"}),e.jsx(D,{items:t,speed:20}),e.jsx("div",{className:"hidden md:block",children:e.jsx(D,{items:a,reverse:!0,speed:24})}),e.jsx(D,{items:s,reverse:!0,speed:18})]})}),e.jsx("style",{children:"\n        @keyframes gifScrollUp {\n          0%   { transform: translateY(0); }\n          100% { transform: translateY(-50%); }\n        }\n        @keyframes gifScrollDown {\n          0%   { transform: translateY(-50%); }\n          100% { transform: translateY(0); }\n        }\n      "})]})}const Y=({text:t,speed:s=100,pause:i=100})=>{const[r,n]=l.useState(""),[o,d]=l.useState(0),[c,x]=l.useState(!0);return l.useEffect(()=>{let e;return e=c?o<t.length?setTimeout(()=>{n(e=>e+t[o]),d(o+1)},s):setTimeout(()=>{x(!1)},i):setTimeout(()=>{n(""),d(0),x(!0)},500),()=>clearTimeout(e)},[o,c,t,s,i]),e.jsx(a.h1,{className:"text-lg sm:text-2xl md:text-4xl font-semibold text-white break-words",initial:{opacity:0}

1,animate:{opacity:c?1:0},transition:{duration:.5},children:r})},$=()=>{const{t:t}=o(),a=t.pages.integrations.videoGenerator.typingSection;return e.jsx("div",{className:"relative overflow-hidden w-full bg-white dark:bg-black",children:e.jsxs("div",{className:"relative z-10 ",children:[e.jsx(w,{}),e.jsx(j,{}),e.jsx(B,{}),e.jsx(G,{}),e.jsx(y,{}),e.jsxs("div",{className:"w-[calc(100%-2rem)] max-w-7xl rounded-3xl p-4 sm:p-8 md:p-16 mx-auto\n             bg-linear-to-r from-indigo-500 via-purple-500 to-cyan-400\n             shadow-2xl relative overflow-hidden space-y-3 sm:space-y-6 my-6 sm:my-12",children:[e.jsx("div",{className:"mx-auto w-full max-w-2xl\n               bg-white/20 backdrop-blur-md\n               rounded-2xl py-3 px-3 sm:py-6 sm:px-10\n               text-center shadow-lg\n               flex items-center justify-center\n               min-h-[80px] sm:min-h-[130px] md:min-h-[170px]",children:e.jsx(Y,{text:a.typingText+"  "})}),e.jsx("p",{className:"text-center text-white/80 mt-0 text-[11px] sm:text-sm md:text-base px-1",children:a.subText})]}),e.jsx(N,{}),e.jsx(H,{}),e.jsx(M,{}),e.jsx(k,{})]})})};export{$ as default};