https://www.lumiclip.ai/_next/static/chunks/885b096e79865b1b.js?dpl=dpl_4HKz58RqYwWxLSchfEBv85EpuGPU
1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,83283,e=>{"use strict";e.i(32056);var t=e.i(66587),r=e.i(66310);let s=(0,r.default)("Link",[["path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",key:"1cjeqo"}],["path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",key:"19qd67"}]]),i=(0,r.default)("MousePointerClick",[["path",{d:"M14 4.1 12 6",key:"ita8i4"}],["path",{d:"m5.1 8-2.9-.8",key:"1go3kf"}],["path",{d:"m6 12-1.9 2",key:"mnht97"}],["path",{d:"M7.2 2.2 8 5.1",key:"1cfko1"}],["path",{d:"M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z",key:"s0h3yz"}]]);var n=e.i(60981),a=e.i(77846),l=e.i(47163),o=e.i(8701),c=e.i(44194);let d="https://app.lumiclip.ai";function u(e){let t=!function(){if("undefined"==typeof document)return null;let e=document.cookie.match(RegExp("(^| )lumiclip_auth=([^;]+)"));return e?e[2]:null}()?`${d}/register`:d;if(e){let r=t.includes("?")?"&":"?";t+=`${r}yt=${encodeURIComponent(e)}`}window.location.href=(0,c.withUtm)(t)}function h(){let{paywallHard:e=!1}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=(0,a.useTranslations)("home.hero.input"),[c,d]=(0,n.useState)(""),[h,m]=(0,n.use
1State)(!1),[p,f]=(0,n.useState)(null),[x,g]=(0,n.useState)(!1),v=(0,n.useRef)(null),b=e=>{e.preventDefault(),e.stopPropagation(),g(!0)},y=e=>{e.preventDefault(),e.stopPropagation(),e.currentTarget.contains(e.relatedTarget)||g(!1)},w=e=>{e.preventDefault(),e.stopPropagation(),g(!1),u(c)},j=e=>{let t=e.target.value;d(t),m(/^(https?:\/\/)?(www\.)?(youtube\.com|youtu\.be)\/.+$/.test(t)),f(null)},k=()=>{h?(o.default.capture("hero_youtube_url_submitted",{url:c}),u(c)):f(r("errorInvalidUrl"))},_=()=>{o.default.capture("hero_upload_files_clicked"),u(c)};return(0,t.jsxs)("div",{className:"w-full max-w-3xl lg:max-w-4xl mx-auto space-y-4",children:[(0,t.jsxs)("div",{className:"hidden sm:flex items-center gap-3 lg:gap-4 w-full",children:[(0,t.jsxs)("div",{className:(0,l.cn)("relative flex-1 rounded-full overflow-hidden transition-all duration-300",x&&"scale-[1.01]"),onDragOver:b,onDragLeave:y,onDrop:w,children:[(0,t.jsxs)("div",{className:` 2 relative z-10 flex items-center p-1 lg:p-1.5 h-14 lg:h-16 rounded-full bg-gray-100 border 3 ${x?"border-black border-dashed":"border-gray-400 shadow-sm"} 4 transition-all duration-300 focus-within:border-black w-full 5 `,children:[(0,t.jsxs)("div",{className:"flex-1 relative flex items-center px-4 lg:px-5 h-full",children:[c?(0,t.jsx)("button",{onClick:()=>{d(""),m(!1),f(null)},className:"text-gray-500 hover:text-black transition-colors","aria-label":"Clear URL",children:(0,t.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","aria-hidden":"true",children:[(0,t.jsx)("path",{d:"M18 6 6 18"}),(0,t.jsx)("path",{d:"m6 6 12 12"})]})}):(0,t.jsx)(s,{className:"h-5 w-5 lg:h-6 lg:w-6 text-gray-500 min-w-[20px]","aria-hidden":"true"}),(0,t.jsx)("input",{ref:v,type:"text",value:c,onChange:j,className:"w-full bg-transparent border-none text-black placeholder-gray-500 focus:outline-none focus:ring-0 px-3 text-sm lg:text-base",placeholder:r("placeholder"),onKeyDown:e=>{"Enter"===e.key&&h&&k()}})]}),(0,t.jsx)("button",{onClick:h?k:()=>u(c),className:"h-12 lg:h-14 px-5 lg:px-7 rounded-full font-semibold text-base lg:text-lg whitespace-nowrap transition-all duration-200 flex items-center justify-center bg-black hover:bg-gray-800 text-white shrink-0",children:h?r("btnGenerate"):e?"Get clips":r("btnGetFree")})]}),x&&(0,t.jsx)("div",{className:"absolute inset-0 z-20 border-dashed border-2 border-black flex items-center justify-center bg-gray-100/95 rounded-full backdrop-blur-sm pointer-events-none",children:(0,t.jsxs)("div",{className:"flex items-center gap-3 text-gray-700 animate-pulse",children:[(0,t.jsx)(i,{className:"w-5 h-5"}),(0,t.jsx)("span",{className:"text-lg font-medium tracking-wide",children:r("dropFile")})]})})]}),(0,t.jsxs)("div",{className:"flex items-center gap-3 lg:gap-4 shrink-0",children:[(0,t.jsx)("span",{className:"text-gray-500 font-medium text-base lg:text-lg",children:"or"}),(0,t.jsx)("button",{onClick:_,className:"h-14 lg:h-16 px-6 lg:px-8 rounded-full font-semibold text-base lg:text-lg whitespace-nowrap transition-all duration-200 flex items-center justify-center bg-white hover:bg-gray-50 text-black border border-gray-400 hover:border-black",children:"Upload files"})]})]}),(0,t.jsxs)("div",{className:"sm:hidden w-full flex flex-col gap-3",children:[(0,t.jsxs)("div",{className:(0,l.cn)("relative rounded-full overflow-hidden transition-all duration-300",x&&"scale-[1.01]"),onDragOver:b,onDragLeave:y,onDrop:w,children:[(0,t.jsx)("div",{className:` 6 relative z-10 flex items-center p-2.5 rounded-full bg-gray-100 border 7 ${x?"border-black border-dashed":"border-gray-400 shadow-sm"} 8 transition-all duration-300 focus-within:border-black w-full 9 `,children:(0,t.jsxs)("div",{className:"flex-1 flex items-center px-4",children:[c?(0,t.jsx)("button",{onClick:()=>{d(""),m(!1),f(null)},className:"text-gray-500 hover:text-black transition-colors","aria-label":"Clear URL",children:(0,t.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","aria-hidden":"true",children:[(0,t.jsx)("path",{d:"M18 6 6 18"}),(0,t.jsx)("path",{d:"m6 6 12 12"})]})}):(0,t.jsx)(s,{className:"h-5 w-5 text-gray-500 min-w-[20px]","aria-hidden":"true"}),(0,t.jsx)("input",{type:"text",value:c,onChange:j,className:"w-full bg-transparent border-none text-black placeholder-gray-500 focus:outline-none focus:ring-0 px-3 py-3.5 text-sm",placeholder:"Paste YouTube / Twitch linkâ¦",onKeyDown:e=>{"Enter"===e.key&&h&&k()}})]})}),x&&(0,t.jsx)("div",{className:"absolute inset-0 z-20 border-dashed border-2 border-black flex items-center justify-center bg-gray-100/95 rounded-full backdrop-blur-sm pointer-events-none",children:(0,t.jsxs)("div",{className:"flex items-center gap-2 text-gray-700 animate-pulse",children:[(0,t.jsx)(i,{className:"w-4 h-4"}),(0,t.jsx)("span",{className:"text-sm font-medium",children:r("dropFile")})]})})]}),(0,t.jsxs)("div",{className:"flex items-center gap-2 w-full",children:[(0,t.jsx)("button",{onClick:h?k:()=>
9u(c),className:"flex-1 h-14 rounded-full font-semibold text-base bg-black hover:bg-gray-800 text-white transition-colors",children:h?r("btnGenerate"):e?"Get clips":r("btnGetFree")}),(0,t.jsx)("span",{className:"text-gray-500 text-sm",children:"or"}),(0,t.jsx)("button",{onClick:_,className:"flex-1 h-14 rounded-full font-semibold text-base bg-white text-black border border-gray-300 hover:border-black transition-colors",children:"Upload files"})]})]}),p&&(0,t.jsx)("div",{className:"flex items-center mt-2 text-red-500 text-sm px-0",children:p})]})}e.s(["HeroInput",()=>h],83283)},64394,e=>{"use strict";var t=e.i(66587),r=e.i(83283);function s(e){let{title:s,paywallHard:i=!1}=e;return(0,t.jsx)("section",{className:"pt-8 pb-8 sm:pb-12 relative overflow-hidden bg-white",children:(0,t.jsx)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10",children:(0,t.jsxs)("div",{className:"relative px-6 py-20 md:px-16 md:py-28 lg:py-32 rounded-[3rem] text-center overflow-hidden bg-white border border-gray-200",children:[(0,t.jsx)("div",{className:"absolute inset-0 pointer-events-none",style:{background:` 10 radial-gradient(ellipse 55% 60% at 18% 35%, rgba(255, 194, 250, 0.55), transparent 70%), 11 radial-gradient(ellipse 50% 55% at 82% 15%, rgba(220, 255, 171, 0.55), transparent 70%), 12 radial-gradient(ellipse 45% 50% at 50% 90%, rgba(255, 255, 255, 0.35), transparent 70%) 13 `}}),(0,t.jsxs)("div",{className:"relative z-10 flex flex-col items-center",children:[(0,t.jsx)("h2",{className:"text-4xl md:text-6xl font-bold text-black tracking-tight mb-10",children:s??"Let's Start Clipping."}),(0,t.jsx)(r.HeroInput,{paywallHard:i})]})]})})})}e.s(["CTA",()=>s])},88018,e=>{"use strict";let t=(0,e.i(66310).default)("ChevronDown",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]);e.s(["ChevronDown",()=>t],88018)},14258,(e,t,r)=>{},68599,(e,t,r)=>{var s=e.i(32056);e.r(14258);var i=e.r(60981),n=i&&"object"==typeof i&&"default"in i?i:{default:i},a=void 0!==s.default&&s.default.env&&!0,l=function(e){return"[object String]"===Object.prototype.toString.call(e)},o=function(){function e(e){var t=void 0===e?{}:e,r=t.name,s=void 0===r?"stylesheet":r,i=t.optimizeForSpeed,n=void 0===i?a:i;c(l(s),"`name` must be a string"),this._name=s,this._deletedRulePlaceholder="#"+s+"-deleted-rule____{}",c("boolean"==typeof n,"`optimizeForSpeed` must be a boolean"),this._optimizeForSpeed=n,this._serverSheet=void 0,this._tags=[],this._injected=!1,this._rulesCount=0;var o="undefined"!=typeof window&&document.querySelector('meta[property="csp-nonce"]');this._nonce=o?o.getAttribute("content"):null}var t,r=e.prototype;return r.setOptimizeForSpeed=function(e){c("boolean"==typeof e,"`setOptimizeForSpeed` accepts a boolean"),c(0===this._rulesCount,"optimizeForSpeed cannot be when rules have already been inserted"),this.flush(),this._optimizeForSpeed=e,this.inject()},r.isOptimizeForSpeed=function(){return this._optimizeForSpeed},r.inject=function(){var e=this;if(c(!this._injected,"sheet already injected"),this._injected=!0,"undefined"!=typeof window&&this._optimizeForSpeed){this._tags[0]=this.makeStyleTag(this._name),this._optimizeForSpeed="insertRule"in this.getSheet(),this._optimizeForSpeed||(a||console.warn("StyleSheet: optimizeForSpeed mode not supported falling back to standard mode."),this.flush(),this._injected=!0);return}this._serverSheet={cssRules:[],insertRule:function(t,r){return"number"==typeof r?e._serverSheet.cssRules[r]={cssText:t}:e._serverSheet.cssRules.push({cssText:t}),r},deleteRule:function(t){e._serverSheet.cssRules[t]=null}}},r.getSheetForTag=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]},r.getSheet=function(){return this.getSheetForTag(this._tags[this._tags.length-1])},r.insertRule=function(e,t){if(c(l(e),"`insertRule` accepts only strings"),"undefined"==typeof window)return"number"!=typeof t&&(t=this._serverSheet.cssRules.length),this._serverSheet.insertRule(e,t),this._rulesCount++;
13if(this._optimizeForSpeed){var r=this.getSheet();"number"!=typeof t&&(t=r.cssRules.length);try{r.insertRule(e,t)}catch(t){return a||console.warn("StyleSheet: illegal rule: \n\n"+e+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),-1}}else{var s=this._tags[t];this._tags.push(this.makeStyleTag(this._name,e,s))}return this._rulesCount++},r.replaceRule=function(e,t){if(this._optimizeForSpeed||"undefined"==typeof window){var r="undefined"!=typeof window?this.getSheet():this._serverSheet;if(t.trim()||(t=this._deletedRulePlaceholder),!r.cssRules[e])return e;r.deleteRule(e);try{r.insertRule(t,e)}catch(s){a||console.warn("StyleSheet: illegal rule: \n\n"+t+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),r.insertRule(this._deletedRulePlaceholder,e)}}else{var s=this._tags[e];c(s,"old rule at index `"+e+"` not found"),s.textContent=t}return e},r.deleteRule=function(e){if("undefined"==typeof window)return void this._serverSheet.deleteRule(e);if(this._optimizeForSpeed)this.replaceRule(e,"");else{var t=this._tags[e];c(t,"rule at index `"+e+"` not found"),t.parentNode.removeChild(t),this._tags[e]=null}},r.flush=function(){this._injected=!1,this._rulesCount=0,"undefined"!=typeof window?(this._tags.forEac
13h(function(e){return e&&e.parentNode.removeChild(e)}),this._tags=[]):this._serverSheet.cssRules=[]},r.cssRules=function(){var e=this;return"undefined"==typeof window?this._serverSheet.cssRules:this._tags.reduce(function(t,r){return r?t=t.concat(Array.prototype.map.call(e.getSheetForTag(r).cssRules,function(t){return t.cssText===e._deletedRulePlaceholder?null:t})):t.push(null),t},[])},r.makeStyleTag=function(e,t,r){t&&c(l(t),"makeStyleTag accepts only strings as second parameter");var s=document.createElement("style");this._nonce&&s.setAttribute("nonce",this._nonce),s.type="text/css",s.setAttribute("data-"+e,""),t&&s.appendChild(document.createTextNode(t));var i=document.head||document.getElementsByTagName("head")[0];return r?i.insertBefore(s,r):i.appendChild(s),s},t=[{key:"length",get:function(){return this._rulesCount}}],function(e,t){for(var r=0;r<t.length;r++){var s=t[r];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,s.key,s)}}(e.prototype,t),e}();function c(e,t){if(!e)throw Error("StyleSheet: "+t+".")}var d=function(e){for(var t=5381,r=e.length;r;)t=33*t^e.charCodeAt(--r);return t>>>0},u={};function h(e,t){if(!t)return"jsx-"+e;var r=String(t),s=e+r;return u[s]||(u[s]="jsx-"+d(e+"-"+r)),u[s]}function m(e,t){"undefined"==typeof window&&(t=t.replace(/\/style/gi,"\\/style"));var r=e+t;return u[r]||(u[r]=t.replace(/__jsx-style-dynamic-selector/g,e)),u[r]}var p=function(){function e(e){var t=void 0===e?{}:e,r=t.styleSheet,s=void 0===r?null:r,i=t.optimizeForSpeed,n=void 0!==i&&i;this._sheet=s||new o({name:"styled-jsx",optimizeForSpeed:n}),this._sheet.inject(),s&&"boolean"==typeof n&&(this._sheet.setOptimizeForSpeed(n),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),this._fromServer=void 0,this._indices={},this._instancesCounts={}}var t=e.prototype;return t.add=function(e){var t=this;void 0===this._optimizeForSpeed&&(this._optimizeForSpeed=Array.isArray(e.children),this._sheet.setOptimizeForSpeed(this._optimizeForSpeed),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),"undefined"==typeof window||this._fromServer||(this._fromServer=this.selectFromServer(),this._instancesCounts=Object.keys(this._fromServer).reduce(function(e,t){return e[t]=0,e},{}));var r=this.getIdAndRules(e),s=r.styleId,i=r.rules;if(s in this._instancesCounts){this._instancesCounts[s]+=1;return}var n=i.map(function(e){return t._sheet.insertRule(e)}).filter(function(e){return -1!==e});this._indices[s]=n,this._instancesCounts[s]=1},t.remove=function(e){var t=this,r=this.getIdAndRules(e).styleId;if(function(e,t){if(!e)throw Error("StyleSheetRegistry: "+t+".")}(r in this._instancesCounts,"styleId: `"+r+"` not found"),this._instancesCounts[r]-=1,this._instancesCounts[r]<1){var s=this._fromServer&&this._fromServer[r];s?(s.parentNode.removeChild(s),delete this._fromServer[r]):(this._indices[r].forEach(function(e){return t._sheet.deleteRule(e)}),delete this._indices[r]),delete this._instancesCounts[r]}},t.update=function(e,t){this.add(t),this.remove(e)},t.flush=function(){this._sheet.flush(),this._sheet.inject(),this._fromServer=void 0,this._indices={},this._instancesCounts={}},t.cssRules=function(){var e=this,t=this._fromServer?Object.keys(this._fromServer).map(function(t){return[t,e._fromServer[t]]}):[],r=this._sheet.cssRules();return t.concat(Object.keys(this._indices).map(function(t){return[t,e._indices[t].map(function(e){return r[e].cssText}).join(e._optimizeForSpeed?"":"\n")]}).filter(function(e){return!!e[1]}))},t.styles=function(e){var t,r;return t=this.cssRules(),void 0===(r=e)&&(r={}),t.map(function(e){var t=e[0],s=e[1];return n.default.createElement("style",{id:"__"+t,key:"__"+t,nonce:r.nonce?r.nonce:void 0,dangerouslySetInnerHTML:{__html:s}})})},t.getIdAndRules=function(e){var t=e.children,r=e.dynamic,s=e.id;if(r){var i=h(s,r);return{styleId:i,rules:Array.isArray(t)?t.map(function(e){return m(i,e)}):[m(i,t)]}}return{styleId:h(s),rules:Array.isArray(t)?t:[t]}},t.selectFromServer=function(){return Array.prototype.slice.call(document.querySelectorAll('[id^="__jsx-"]')).reduce(function(e,t){return e[t.id.slice(2)]=t,e},{})},e}(),f=i.createContext(null);function x(){return new p}function g(){return i.useContext(f)}f.displayName="StyleSheetContext";var v=n.default.useInsertionEffect||n.default.useLayoutEffect,b="undefined"!=typeof window?x():void 0;function y(e){var t=b||g();return t&&("undefined"==typeof window?t.add(e):v(function(){return t.add(e),function(){t.remove(e)}},[e.id,String(e.dynamic)])),null}y.dynamic=function(e){return e.map(function(e){return h(e[0],e[1])}).join(" ")},r.StyleRegistry=function(e){var t=e.registry,r=e.children,s=i.useContext(f),a=i.useState(function(){return s||t||x()})[0];return n.default.createElement(f.Provider,{value:a},r)},r.createStyleRegistry=x,r.style=y,r.useStyleRegistry=g},13907,(e,t,r)=>{t.exports=e.r(68599).style},8281,74358,e=>{"use strict";var t=e.i(66310);let r=(0,t.default)("Instagram",[["rect",{width:"20",height:"20",x:"2",y:"2",rx:"5",ry:"5",key:"2e1cvw"}],["path",{d:"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z",key:"9exkf1"}],["line",{x1:"17.5",x2:"17.51",y1:"6.5",y2:"6.5",key:"r4j83e"}]]);e.s(["Instagram",()=>r],8281);let s=(0,t.default)("Youtube",[["path",{d:"M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.5
135 0 0 1-16.2 0A2 2 0 0 1 2.5 17",key:"1q2vi4"}],["path",{d:"m10 15 5-3-5-3z",key:"1jp15x"}]]);e.s(["default",()=>s],74358)},55806,e=>{"use strict";var t=e.i(66587),r=e.i(13907),s=e.i(16968),i=e.i(60981),n=e.i(66310);let a=(0,n.default)("Heart",[["path",{d:"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z",key:"c3ymky"}]]),l=(0,n.default)("Eye",[["path",{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",key:"1nclc0"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]]);var o=e.i(77846);let c=["https://cdn.lumiclip.ai/statics/clip-e7db825b-1e28-4f67-a623-a5185757905b-1776713486434%20(online-video-cutter.com).webm","https://cdn.lumiclip.ai/statics/showcase2.webm","https://cdn.lumiclip.ai/statics/showcase3.webm","https://cdn.lumiclip.ai/statics/showcase4.webm","https://cdn.lumiclip.ai/statics/showcase1.webm"];function d(e){if(e>=1e3){let t=e/1e3;return`${t%1==0?t.toFixed(0):t.toFixed(1)}K`}return String(e)}function u(e){let{src:r,index:s,active:n}=e,[a,l]=(0,i.useState)(!1),[o,c]=(0,i.useState)(!0),d=(0,i.useRef)(null),u=(0,i.useRef)(null);return(0,i.useEffect)(()=>{let e=d.current;if(!e)return;let t=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&(l(!0),t.disconnect())})},{rootMargin:"200px 0px",threshold:.01});return t.observe(e),()=>t.disconnect()},[]),(0,i.useEffect)(()=>{let e=u.current;if(e)if(n)e.play().catch(()=>{});else try{e.pause()}catch{}},[n]),(0,t.jsxs)("div",{ref:d,className:"w-full h-full relative",children:[(o||!a)&&(0,t.jsx)("div",{className:"absolute inset-0 flex items-center justify-center z-10 bg-gray-100 animate-pulse"}),a&&(0,t.jsx)("video",{ref:u,src:r,className:`w-full h-full object-cover transition-opacity duration-500 ${o?"opacity-0":"opacity-100"}`,autoPlay:n,muted:!0,loop:!0,playsInline:!0,preload:"metadata",onCanPlay:()=>c(!1),onLoadedData:()=>c(!1),onWaiting:()=>c(!0),onPlaying:()=>c(!1),"aria-label":`Showcase clip ${s+1}`,children:(0,t.jsx)("track",{kind:"captions",src:"/empty.vtt",srcLang:"en",label:"",default:!0})}),(0,t.jsx)("div",{className:"absolute inset-0 bg-gradient-to-b from-transparent via-black/10 to-black/60 pointer-events-none"})]})}function h(){let[e,s]=(0,i.useState)(0),[n,o]=(0,i.useState)([]),[h,m]=(0,i.useState)(!1),p=(0,i.useRef)(0),f=(0,i.useRef)(!0),x=(0,i.useRef)(null);(0,i.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)"),t=()=>m(e.matches);return t(),e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]),(0,i.useEffect)(()=>{let e=x.current;if(!e)return;let t=new IntersectionObserver(e=>{e.forEach(e=>{f.current=e.isIntersecting})},{threshold:.1});return t.observe(e),()=>t.disconnect()},[]),(0,i.useEffect)(()=>{let e=setInterval(()=>{f.current&&s(e=>(e+1)%c.length)},3e3);return()=>clearInterval(e)},[]);let g=(0,i.useCallback)(()=>{let e,t;if(!f.current)return;let r=++p.current,s=(t="like"==(e=.5>Math.random()?"like":"view")?d(1e3*Math.floor(5+95*Math.random())+Math.floor(900*Math.random())):d(1e3*Math.floor(50+950*Math.random())),{id:r,type:e,value:t,leftPct:"left"==(.5>Math.random()?"left":"right")?4+24*Math.random():72+24*Math.random(),bottomPct:2+18*Math.random(),duration:3200+1600*Math.random(),delay:400*Math.random()});o(e=>[...e,s]),window.setTimeout(()=>{o(e=>e.filter(e=>e.id!==r))},s.duration+s.delay+200)},[]);(0,i.useEffect)(()=>{if(h)return;g();let e=window.setTimeout(g,600),t=window.setInterval(g,1400);return()=>{window.clearTimeout(e),window.clearInterval(t)}},[g,h]);let v=c.length;return(0,t.jsxs)("div",{ref:x,className:"jsx-433265edc9543118 relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[(0,t.jsxs)("div",{style:{height:"clamp(380px, 58vw, 620px)"},className:"jsx-433265edc9543118 relative mx-auto",children:[c.map((r,s)=>{let i,n,a,l,o,c,d,h=(i=((s-e)%v+v)%v)>v/2?i-v:i,m=(n=Math.abs(h),a=Math.sign(h),l=0,o=1,c=1,d=40,0===n?(l=0,o=1,d=50):1===n?(l=62*a,o=.78,d=40):2===n?(l=108*a,o=.6,c=.85,d=30):(l=140*a,o=.5,c=0,d=20),{transform:`translate(-50%, -50%) translateX(${l}%) scale(${o})`,opacity:c,zIndex:d}),p=0===h;return(0,t.jsx)("div",{"aria-hidden":!p,style:{width:"clamp(220px, 32vw, 340px)",transform:m.transform,opacity:m.opacity,zIndex:m.zIndex},className:"jsx-433265edc9543118 absolute left-1/2 top-1/2 aspect-[9/16] rounded-2xl md:rounded-3xl overflow-hidden border border-white/60 shadow-2xl bg-gray-100 transition-all duration-700 ease-[
13cubic-bezier(0.22,1,0.36,1)] will-change-transform",children:(0,t.jsx)(u,{src:r,index:s,active:p})},r)}),(0,t.jsx)("div",{className:"jsx-433265edc9543118 pointer-events-none absolute inset-0 z-[60]",children:n.map(e=>(0,t.jsxs)("div",{style:{left:`${e.leftPct}%`,bottom:`${e.bottomPct}%`,animation:`clipShowcaseBadgeFloat ${e.duration}ms ease-out ${e.delay}ms forwards`,opacity:0},className:"jsx-433265edc9543118 clip-showcase-badge absolute flex items-center gap-1.5 bg-white/95 backdrop-blur-sm text-black text-sm md:text-base font-semibold rounded-full px-3 py-1.5 shadow-md border border-black/5",children:["like"===e.type?(0,t.jsx)(a,{className:"w-4 h-4 text-red-500 fill-red-500"}):(0,t.jsx)(l,{className:"w-4 h-4 text-gray-700"}),(0,t.jsx)("span",{className:"jsx-433265edc9543118",children:e.value})]},e.id))})]}),(0,t.jsx)("div",{className:"jsx-433265edc9543118 mt-8 flex justify-center gap-1",children:c.map((r,i)=>(0,t.jsx)("button",{type:"button","aria-label":`Go to clip ${i+1}`,"aria-pressed":i===e,onClick:()=>s(i),className:"jsx-433265edc9543118 group inline-flex items-center justify-center h-11 w-11 rounded-full",children:(0,t.jsx)("span",{"aria-hidden":"true",className:`jsx-433265edc9543118 block h-1.5 rounded-full transition-all duration-500 ${i===e?"w-8 bg-black":"w-1.5 bg-black/20 group-hover:bg-black/40"}`})},i))}),(0,t.jsx)(r.default,{id:"433265edc9543118",children:"@keyframes clipShowcaseBadgeFloat{0%{opacity:0;transform:translateY(20px)}15%{opacity:1}70%{opacity:.9}to{opacity:0;transform:translateY(-180px)}}"})]})}function m(){let e=(0,o.useTranslations)("home.clipShowcase"),[r,n]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{let e=window.matchMedia("(max-width: 767px)"),t=()=>n(e.matches);return t(),e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]),(0,t.jsxs)("section",{id:"examples",className:"scroll-mt-24 py-20 lg:py-28 lg:!pt-16 relative overflow-hidden bg-gradient-to-b from-[#fff] via-[#f7f2ff] to-[#ede7ff]",children:[(0,t.jsxs)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mb-12 md:mb-16 text-center relative z-10",children:[(0,t.jsx)("p",{className:"text-black font-extrabold tracking-[0.2em] uppercase text-xs md:text-sm mb-4",children:e("badge")}),(0,t.jsx)("h2",{className:"text-3xl md:text-5xl lg:text-6xl font-bold text-black tracking-tight",children:e("title")}),(0,t.jsx)("p",{className:"text-base md:text-lg text-gray-600 mt-4 max-w-2xl mx-auto",children:e("subtitle")})]}),r?(0,t.jsx)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:(0,t.jsx)(s.default,{src:"/cover-showcase.png",alt:"LumiClip showcase â three vertical AI-generated short clips with viral captions, platform badges, and engagement scores, ready for TikTok, Instagram Reels, and YouTube Shorts",width:1600,height:900,sizes:"100vw",className:"w-full h-auto"})}):(0,t.jsx)(h,{})]})}e.s(["ClipShowcase",()=>m],55806)},3077,e=>{"use strict";var t=e.i(66587),r=e.i(60981),s=e.i(8281),i=e.i(74358),i=i;let n=(0,e.i(66310).default)("Facebook",[["path",{d:"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z",key:"1jg4f8"}]]),a={tiktok:{Icon:function(e){let{className:r}=e;return(0,t.jsx)("svg",{viewBox:"0 0 24 24",className:r,fill:"currentColor","aria-hidden":"true",children:(0,t.jsx)("path",{d:"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5.8 20.1a6.34 6.34 0 0 0 10.86-4.43V8.76a8.16 8.16 0 0 0 4.77 1.52V6.83a4.84 4.84 0 0 1-1.84-.14z"})})},bg:"bg-gray-900/90",iconColor:"text-white"},instagram:{Icon:s.Instagram,bg:"bg-gradient-to-br from-fuchsia-500 via-rose-500 to-amber-400",iconColor:"text-white"},youtube:{Icon:i.default,bg:"bg-[#FF0000]",iconColor:"text-white"},x:{Icon:function(e){let{className:r}=e;return(0,t.jsx)("svg",{viewBox:"0 0 24 24",className:r,fill:"currentColor","aria-hidden":"true",children:(0,t.jsx)("path",{d:"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"})})},bg:"bg-gray-900/90",iconColor:"text-white"},facebook:{Icon:n,bg:"bg-[#1877F2]",iconColor:"text-white"}},l=[{hero:"https://cdn.lumiclip.ai/statics/main.webm",clips:[{src:"https://cdn.lumiclip.ai/statics/clip1.webm",platform:"tiktok",score:96},{src:"https://cdn.lumiclip.ai/statics/clip2.webm",platform:"instagram",score:88},{src:"https://cdn.lumiclip.ai/statics/clip3.webm",platform:"youtube",score:94}]}];function o(e){let{sourceAlt:s="Long video source"}=e,[i,n]=(0,r.useState)(0),[a,o]=(0,r.useState)("idle"),[h,m]=(0,r.useState)(!1),[p,f]=(0,r.useState)(!1),x=l[i%l.length],g=h&&p;return(0,r.useEffect)(()=>{let e=window.matchMedia("(min-width: 768px)"),t=()=>f(e.matches);return t(),e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]),(0,r.useEffect)(()=>{let e,t,r=window.requestIdleCallback,s=()=>{r?e=r(()=>m(!0),{timeout:1500}):t=window.setTimeout(()=>m(!0),200)};return"complete"===document.readyState?s():window.addEventListener("load",s,{once:!0}),()=>{window.removeEventListener("load",s),void 0!==e&&window.cancelIdleCallback?.(e),void 0!==t&&window.clearTimeout(t)}},[]),(0,r.useEffect)(()=>
13{if(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches)return;let e=setTimeout(()=>o("hero"),3800),t=setTimeout(()=>o("clips"),3980),r=setTimeout(()=>{l.length>1&&n(e=>e+1)},4110),s=setTimeout(()=>o("idle"),4240);return()=>{clearTimeout(e),clearTimeout(t),clearTimeout(r),clearTimeout(s)}},[i]),(0,t.jsxs)("div",{className:"mt-[60px] flex justify-center md:scale-[1.2] md:origin-top",children:[(0,t.jsx)("div",{className:"md:hidden flex justify-center w-full max-w-md mx-auto",children:(0,t.jsx)("img",{src:"https://cdn.lumiclip.ai/hero-bg-mobile.v2.png",alt:"Long video turned into vertical short clips",loading:"eager",fetchPriority:"high",decoding:"async",className:"block w-full h-auto"})}),(0,t.jsxs)("div",{className:"hidden md:flex flex-row items-center gap-4",children:[(0,t.jsxs)("div",{className:"relative h-[140px] sm:h-[170px] md:h-[200px] aspect-video rounded-2xl overflow-hidden shadow-xl border border-gray-200 bg-gray-900 shrink-0",children:[g&&(0,t.jsx)("video",{src:x.hero,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,preload:"metadata","aria-label":"LumiClip long-form source preview",className:"w-full h-full object-cover",children:(0,t.jsx)("track",{kind:"captions",src:"/empty.vtt",srcLang:"en",label:"",default:!0})},`hero-${i}`),(0,t.jsx)(u,{active:"hero"===a})]}),(0,t.jsx)(c,{active:"idle"!==a}),(0,t.jsx)(d,{clips:x.clips,cycle:i,flash:a,videoReady:g})]})]})}function c(e){let{active:r}=e;return(0,t.jsx)("div",{className:"block leading-none shrink-0",children:(0,t.jsx)("img",{src:"/arrow.png",alt:"","aria-hidden":"true",className:"block h-6 sm:h-7 md:h-8 w-auto",style:{transition:"filter 250ms ease-out, transform 250ms ease-out",transform:r?"scale(1.08)":"scale(1)",filter:r?"drop-shadow(0 0 6px rgba(220,251,102,0.95)) drop-shadow(0 0 12px rgba(220,251,102,0.6))":"none"}})})}function d(e){let{clips:s,cycle:i,flash:n,videoReady:l}=e,o=[{left:"50%",scale:1,z:3},{left:"78%",scale:.94,z:2},{left:"22%",scale:.94,z:1}],[c,d]=(0,r.useState)(1);return(0,r.useEffect)(()=>{if(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches)return;let e=setInterval(()=>{d(e=>(e+1)%3)},3e3);return()=>clearInterval(e)},[]),(0,t.jsxs)("div",{className:"relative h-[140px] sm:h-[170px] md:h-[200px] aspect-[5/4] shrink-0",children:[s.slice(0,3).map((e,r)=>{let s=a[e.platform],d=(r-c+3)%3,h=o[d];return(0,t.jsxs)("div",{className:"absolute top-0 h-full aspect-[9/16] rounded-xl overflow-hidden border border-gray-200 bg-gray-100 shadow-xl",style:{left:h.left,transform:`translateX(-50%) scale(${h.scale})`,zIndex:h.z,transition:"left 700ms cubic-bezier(0.4, 0, 0.2, 1), transform 700ms cubic-bezier(0.4, 0, 0.2, 1)",willChange:"left, transform"},children:[l&&(0,t.jsx)("video",{src:e.src,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,preload:"metadata","aria-label":`${e.platform} clip preview`,className:"w-full h-full object-cover",children:(0,t.jsx)("track",{kind:"captions",src:"/empty.vtt",srcLang:"en",label:"",default:!0})}),(0,t.jsx)("div",{className:`absolute bottom-1.5 left-1.5 z-10 h-5 w-5 md:h-6 md:w-6 rounded-full ${s.bg} ${s.iconColor} shadow-md flex items-center justify-center backdrop-blur-sm`,"aria-hidden":"true",children:(0,t.jsx)(s.Icon,{className:"w-2.5 h-2.5 md:w-3 md:h-3"})}),(0,t.jsxs)("div",{className:"absolute bottom-1 right-1 z-10 px-1.5 py-0.5 rounded-md bg-gray-900/90 backdrop-blur-sm shadow-md flex flex-col items-center leading-none",children:[(0,t.jsx)("span",{className:"text-[7px] font-medium text-gray-400 uppercase tracking-wider",children:"Score"}),(0,t.jsx)("span",{className:"text-[10px] md:text-xs font-bold text-lime-300 tabular-nums mt-0.5",children:e.score})]}),0===d&&(0,t.jsx)(u,{active:"clips"===n})]},`${i}-${r}`)}),(0,t.jsx)(h,{active:"clips"===n})]})}function u(e){let{active:r}=e;return(0,t.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none absolute inset-0 bg-white",style:{opacity:.7*!!r,transition:"opacity 260ms ease-out",zIndex:20}})}function h(e){let{active:r}=e;return(0,t.jsx)("div",{"aria-hidden":"true",className:"pointer-events-none absolute -inset-6 rounded-2xl",style:{background:"radial-gradient(ellipse at center, rgba(220, 251, 102, 0.55), transparent 70%)",opacity:+!!r,filter:"blur(20px)",transition:"opacity 260ms ease-out",zIndex:0}})}e.s(["HeroVisualizer",()=>o],3077)}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.