https://www.omulabs.co/_next/static/chunks/8819-7b5d190335594be0.js?dpl=dpl_9PoAmtiHH7FhueB96DFVDGfShNPz

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8819],{8819:(e,t,r)=>{r.d(t,{A:()=>g});var a=r(42284),n=r(19520),o=r(74844),s=r(64849),i=r(80199),l=r(71406),d=r(84251),c=r(44990),f=r(37057),u=r(26356),x=r(36029),p=r(98986),m=r(75424),h=r(64306);let b=e=>{let{className:t,containerRef:r,fromRef:o,toRef:s,curvature:i=0,reverse:l=!1,duration:d=5,delay:c=0,pathColor:f="rgba(255,255,255,0.05)",pathWidth:u=2,pathOpacity:x=.6,gradientStartColor:m="#ffaa40",gradientStopColor:b="#9c40ff",startXOffset:g=0,startYOffset:v=0,endXOffset:w=0,endYOffset:j=0}=e,y=(0,n.useId)(),[R,N]=(0,n.useState)(""),[S,C]=(0,n.useState)({width:0,height:0}),[z,k]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{let e=()=>{if(!r.current||!o.current||!s.current)return;let e=r.current.getBoundingClientRect(),t=o.current.getBoundingClientRect(),a=s.current.getBoundingClientRect();C({width:e.width,height:e.height});let n=t.left-e.left+t.width/2+g,l=t.top-e.top+t.height/2+v,d=a.left-e.left+a.width/2+w,c=a.top-e.top+a.height/2+j,f=n+(d-n)/2;N("M ".concat(n,",").concat(l," C ").concat(f,",").concat(l+i," ").concat(f,",").concat(c-i," ").concat(d,",").concat(c)),k(Math.abs(c-l)>Math.abs(d-n))},t=new ResizeObserver(()=>{e()});r.current&&t.observe(r.current),o.current&&t.observe(o.current),s.current&&t.observe(s.current);let a=new MutationObserver(()=>{e()}),n={attributes:!0,attributeFilter:["style","class"]},l=e=>{e&&(a.observe(e,n),e.parentElement&&a.observe(e.parentElement,n))};return l(r.current),l(o.current),l(s.current),e(),()=>{t.disconnect(),a.disconnect()}},[r,o,s,i,g,v,w,j]),(0,a.jsxs)("svg",{fill:"none",width:S.width,height:S.height,viewBox:"0 0 ".concat(S.width," ").concat(S.height),className:(0,h.cn)("pointer-events-none absolute top-0 left-0 z-0",t),xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("path",{d:R,stroke:f,strokeWidth:u,strokeOpacity:x,strokeLinecap:"round"}),(0,a.jsx)("path",{d:R,stroke:"url(#".concat(y,")"),strokeWidth:u,strokeLinecap:"round",strokeOpacity:"1"}),(0,a.jsx)("defs",{children:(0,a.jsxs)(p.P.linearGradient,{id:y,gradientUnits:"userSpaceOnUse",initial:{x1:"0%",x2:"0%",y1:"0%",y2:"0%"},animate:z?{x1:"0%",x2:"0%",y1:l?["90%","-10%"]:["10%","110%"],y2:l?["100%","0%"]:["0%","100%"]}:{x1:l?["90%","-10%"]:["10%","110%"],x2:l?["100%","0%"]:["0%","100%"],y1:"0%",y2:"0%"},transition:{delay:c,duration:d,ease:"linear",repeat:1/0,repeatType:"loop"},children:[(0,a.jsx)("stop",{stopColor:m,stopOpacity:"0"}),(0,a.jsx)("stop",{stopColor:m,stopOpacity:"1"}),(0,a.jsx)("stop",{offset:"32.5%",stopColor:b,stopOpacity:"1"}),(0,a.jsx)("stop",{offset:"100%",stopColor:b,stopOpacity:"0"})]})})]})};function g(){let e=(0,m.c3)("home.engineSection"),[t,r]=n.useState(!1);n.useEffect(()=>{let e=window.matchMedia("(max-width: 767px)");r(e.matches);let t=e=>r(e.matches);return e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]);let h=(0,n.useRef)(null),g=(0,n.useRef)(null),v=(0,n.useRef)(null),w=(0,n.useRef)(null),j=(0,n.useRef)(null),y=(0,n.useRef)(null),R=(0,n.useRef)(null),N=(0,n.useRef)(null),S=(0,n.useRef)(null),C=(0,n.useRef)(null),z=(0,n.useRef)(null),k=(0,n.useRef)(null),_=(0,n.useRef)(null),A=(0,n.useRef)(null),O=(0,n.useRef)(null),I=(0,n.useRef)(null),P=(0,n.useRef)(null),E=(0,n.useRef)(null),M=(0,n.useRef)(null),V=(0,n.useRef)(null),B=(0,n.useRef)(null),L=(0,n.useRef)(null),D=[{ref:w,label:"Image",icon:s.A},{ref:j,label:"Video",icon:i.A},{ref:y,label:"Text",icon:l.A},{ref:R,label:"Speech / Audio",icon:d.A},{ref:N,label:"Document / PDF",icon:c.A},{ref:S,label:"Sensor / Data",icon:f.A}],F=[{ref:C,label:"Image",icon:s.A},{ref:z,label:"Video",icon:i.A},{ref:k,label:"Speech audio",icon:u.A},{ref:_,label:"Document",icon:l.A},{ref:A,label:"Code",icon:x.A}],U=[{ref:O,icons:[s.A,i.A,l.A]},{ref:I,icons:[d.A,c.A]},{ref:P,icons:[f.A]}],G=[{ref:E,icon:s.A},{ref:M,icon:u.A},{ref:V,icon:x.A}];return(0,a.jsxs)("section",{className:"relative overflow-hidden border-t border-b border-white/5 bg-neutral-950/40 py-24 md:py-32",children:[(0,a.jsx)("div",{className:"pointer-events-none absolute inset-0 bg-[linear-gradient(to_right,rgba(255,255,255,0.015)_1px,transparent_1px),linear-gradient(to_bottom,rgba(255,255,255,0.015)_1px,transparent_1px)] bg-[size:4rem_4rem]"}),(0,a.jsx)("div",{className:"pointer-events-none absolute top-1/2 left-1/2 size-[650px] -translate-x-1/2 -translate-y-1/2 roun

1ded-full bg-orange-500/5 blur-[130px]"}),(0,a.jsxs)("div",{className:"relative z-10 container mx-auto px-4",children:[(0,a.jsxs)("div",{className:"mb-16 space-y-4 text-center",children:[(0,a.jsx)("h2",{className:"text-3xl font-medium tracking-tight text-white md:text-4xl",children:e("title")}),(0,a.jsx)("p",{className:"mx-auto max-w-[620px] text-xl leading-relaxed font-normal text-white/50",children:e("subtitle")})]}),(0,a.jsxs)("div",{ref:t?void 0:h,className:"relative mx-auto hidden max-w-5xl flex-col items-center justify-between gap-12 overflow-hidden rounded-3xl border border-white/5 bg-neutral-900/10 p-8 backdrop-blur-md md:flex md:flex-row md:items-stretch md:gap-4 md:p-12",children:[(0,a.jsx)("div",{className:"pointer-events-none absolute top-0 left-0 h-px w-full bg-gradient-to-r from-transparent via-white/5 to-transparent"}),(0,a.jsx)("div",{className:"pointer-events-none absolute bottom-0 left-0 h-px w-full bg-gradient-to-r from-transparent via-white/5 to-transparent"}),(0,a.jsxs)("div",{className:"z-10 order-1 flex w-auto flex-col",children:[(0,a.jsxs)("div",{className:"mb-4 text-left",children:[(0,a.jsxs)("span",{className:"block font-mono text-sm font-medium tracking-wide text-white/30",children:["[ ",e("input")," ]"]}),(0,a.jsx)("span",{className:"text-sm font-normal text-white/50",children:"Multi-Modal Streams"})]}),(0,a.jsx)("div",{className:"flex flex-1 flex-col items-start justify-center",children:(0,a.jsx)("div",{className:"flex w-full max-w-[240px] flex-col gap-3.5",children:D.map((e,t)=>{let r=e.icon;return(0,a.jsxs)(p.P.div,{initial:{opacity:0,x:-20},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.4,delay:.05*t},className:"group relative flex h-13 items-center justify-between rounded-xl border border-white/5 bg-neutral-950/40 px-4 shadow-md transition-all duration-300 hover:scale-[1.02] hover:border-white/10 hover:bg-neutral-950/70",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{className:"flex h-8 w-8 items-center justify-center rounded-lg border border-white/5 bg-white/[0.03] text-white/50 transition-all duration-300 group-hover:border-orange-500/20 group-hover:bg-orange-500/5 group-hover:text-orange-400",children:(0,a.jsx)(r,{className:"size-4"})}),(0,a.jsx)("span",{className:"text-sm font-normal text-white/60 transition-colors duration-300 group-hover:text-white",children:e.label})]}),(0,a.jsx)("div",{ref:e.ref,className:"pointer-events-none absolute top-1/2 right-0 size-1.5 translate-x-1/2 -translate-y-1/2 rounded-full border border-orange-500/50 bg-neutral-950 transition-all duration-300 group-hover:scale-125 group-hover:bg-orange-400"})]},e.label)})})}),(0,a.jsxs)("div",{className:"invisible mt-4 hidden text-left md:block",children:[(0,a.jsxs)("span",{className:"block font-mono text-sm font-medium tracking-wide text-white/30",children:["[ ",e("input")," ]"]}),(0,a.jsx)("span",{className:"text-sm font-normal text-white/50",children:"Multi-Modal Streams"})]})]}),(0,a.jsx)("div",{className:"z-10 order-2 flex flex-col items-center justify-center",children:(0,a.jsxs)("div",{className:"relative flex items-center justify-center select-none",children:[(0,a.jsx)(p.P.div,{animate:{scale:[1,1.15,1],opacity:[.1,.25,.1]},transition:{duration:4,repeat:1/0,ease:"easeInOut"},className:"pointer-events-none absolute size-48 rounded-full bg-orange-500/20 blur-2xl"}),(0,a.jsx)(p.P.div,{animate:{rotate:360},transition:{duration:25,repeat:1/0,ease:"linear"},className:"pointer-events-none absolute size-38 rounded-full border border-dashed border-orange-500/20"}),(0,a.jsx)(p.P.div,{animate:{rotate:-360},transition:{duration:18,repeat:1/0,ease:"linear"},className:"pointer-events-none absolute size-42 rounded-full border border-dashed border-orange-500/10"}),(0,a.jsxs)(p.P.div,{initial:{scale:.8,opacity:0}

1,whileInView:{scale:1,opacity:1},viewport:{once:!0},transition:{type:"spring",stiffness:80,delay:.15},className:"group relative z-10 flex size-32 cursor-pointer flex-col items-center justify-center rounded-full border border-orange-500/30 bg-neutral-950 p-4 shadow-[0_0_35px_-5px_rgba(249,115,22,0.25)] transition-all duration-500 hover:border-orange-500/60 hover:shadow-[0_0_45px_0_rgba(249,115,22,0.4)]",children:[(0,a.jsxs)("div",{className:"flex flex-col items-center justify-center space-y-1 text-center",children:[(0,a.jsx)(o.F.logo_icon,{className:"size-8 text-orange-400 transition-transform duration-300 group-hover:scale-105"}),(0,a.jsx)("span",{className:"block font-mono text-sm font-medium tracking-wide text-white/40",children:"OMU LABS"}),(0,a.jsx)("span",{className:"text-sm font-bold tracking-wide text-orange-400",children:"AI ENGINE"})]}),(0,a.jsx)("div",{ref:g,className:"pointer-events-none absolute top-1/2 left-0 size-1 -translate-y-1/2 opacity-0"}),(0,a.jsx)("div",{ref:v,className:"pointer-events-none absolute top-1/2 right-0 size-1 -translate-y-1/2 opacity-0"})]})]})}),(0,a.jsxs)("div",{className:"z-10 order-3 flex w-auto flex-col",children:[(0,a.jsxs)("div",{className:"mb-4 text-right",children:[(0,a.jsxs)("span",{className:"block font-mono text-sm font-medium tracking-wide text-white/30",children:["[ ",e("output")," ]"]}),(0,a.jsx)("span",{className:"text-sm font-normal text-white/50",children:"Synthesized Outputs"})]}),(0,a.jsx)("div",{className:"flex flex-1 flex-col items-end justify-center",children:(0,a.jsx)("div",{className:"flex w-full max-w-[240px] flex-col gap-3.5",children:F.map((e,t)=>{let r=e.icon;return(0,a.jsxs)(p.P.div,{initial:{opacity:0,x:20},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.4,delay:.05*t},className:"group relative flex h-13 items-center gap-3 rounded-xl border border-l-2 border-white/5 border-l-orange-500/80 bg-neutral-950/40 px-4 shadow-md transition-all duration-300 hover:scale-[1.02] hover:border-white/10 hover:border-l-orange-400 hover:bg-neutral-950/70",children:[(0,a.jsx)("div",{ref:e.ref,className:"pointer-events-none absolute top-1/2 left-0 size-1.5 -translate-x-1/2 -translate-y-1/2 rounded-full border border-orange-500/50 bg-neutral-950 transition-all duration-300 group-hover:scale-125 group-hover:bg-orange-400"}),(0,a.jsx)("div",{className:"flex h-8 w-8 items-center justify-center rounded-lg border border-white/5 bg-white/[0.03] text-white/50 transition-all duration-300 group-hover:border-orange-500/20 group-hover:bg-orange-500/5 group-hover:text-orange-400",children:(0,a.jsx)(r,{className:"size-4"})}),(0,a.jsx)("span",{className:"text-sm font-normal text-white/60 transition-colors duration-300 group-hover:text-white",children:e.label})]},e.label)})})}),(0,a.jsxs)("div",{className:"invisible mt-4 hidden text-right md:block",children:[(0,a.jsxs)("span",{className:"block font-mono text-sm font-medium tracking-wide text-white/30",children:["[ ",e("output")," ]"]}),(0,a.jsx)("span",{className:"text-sm font-normal text-white/50",children:"Synthesized Outputs"})]})]}),(0,a.jsx)(b,{containerRef:h,fromRef:w,toRef:g,gradientStartColor:"#ff7b00",gradientStopColor:"#ff007b",duration:4,delay:.2,curvature:-40}),(0,a.jsx)(b,{containerRef:h,fromRef:j,toRef:g,gradientStartColor:"#ff7b00",gradientStopColor:"#ff007b",duration:4.5,delay:.5,curvature:-20}),(0,a.jsx)(b,{containerRef:h,fromRef:y,toRef:g,gradientStartColor:"#ff7b00",gradientStopColor:"#ff007b",duration:3.8,delay:0,curvature:-5}),(0,a.jsx)(b,{containerRef:h,fromRef:R,toRef:g,gradientStartColor:"#ff7b00",gradientStopColor:"#ff007b",duration:4.2,delay:.8,curvature:5}),(0,a.jsx)(b,{containerRef:h,fromRef:N,toRef:g,gradientStartColor:"#ff7b00",gradientStopColor:"#ff007b",duration:4.8,delay:.4,curvature:20}),(0,a.jsx)(b,{containerRef:h,fromRef:S,toRef:g,gradientStartColor:"#ff7b00",gradientStopColor:"#ff007b",duration:5,delay:.1,curvature:40}),(0,a.jsx)(b,{containerRef:h,fromRef:v,toRef:C,gradientStartColor:"#ff007b",gradientStopColor:"#ff7b00",duration:4.2,delay:.3,curvature:-40}),(0,a.jsx)(b,{containerRef:h,fromRef:v,toRef:z,gradientStartColor:"#ff007b",gradientStopColor:"#ff7b00",duration:4.8,delay:.7,curvature:-20}),(0,a.jsx)(b,{containerRef:h,fromRef:v,toRef:k,gradientStartColor:"#ff007b",gradientStopColor:"#ff7b00",duration:3.9,delay:.1,curvature:0}),(0,a.jsx)(b,{containerRef:h,fromRef:v,toRef:_,gradientStartColor:"#ff007b",gradientStopColor:"#ff7b00",duration:4.5,delay:.4,curvature:20}),(0,a.jsx)(b,{containerRef:h,fromRef:v,toRef:A,gradientStartColor:"#ff007b",gradientStopColor:"#ff7b00",duration:5,delay:.9,curvature:40})]}),(0,a.jsxs)("div",{ref:t?h:void 0,className:"relative mx-auto flex max-w-sm overflow-hidden rounded-3xl border border-white/5 bg-neutral-900/10 p-6 backdrop-blur-md md:hidden",children:[(0,a.jsx)("div",{className:"pointer-events-none absolute top-0 left-0 h-px w-full bg-gradient-to-r from-transparent via-white/5 to-transparent"}),(0,a.jsx)("div",{className:"pointer-events-none absolute bottom-0 left-0 h-px w-full bg-gradient-to-r from-transparent via-white/5 to-transparent"}),(0,a.jsxs)("div",{className:"z-10 flex w-full items-center gap-4",children:[(0,a.jsx)("div",{className:"flex flex-col items-start gap-3",children:U.map((e,t)=>(0,a.jsxs)(p.P.div,{initial:{opacity:0,x:-15},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.35,delay:.08*t},className:"relative flex items-center gap-1.5 rounded-xl border border-white/[0.06] bg-neutral-950/50 px-2.5 py-2",children:[e.icons.map((e,t)=>(0,a.jsx)("div",{className:"flex h-8 w-8 items-center justify-center rounded-lg border border-white/5 bg-white/[0.03] text-white/50",children:(0,a.jsx)(e,{className:"size-4"})},t)),(0,a.jsx)("div",{ref:e.ref,className:"pointer-events-none absolute top-1/2 right-0 size-1.5 translate-x-1/2 -translate-y-1/2 roun

1ded-full border border-orange-500/50 bg-neutral-950"})]},t))}),(0,a.jsxs)("div",{className:"relative mx-auto flex min-w-[72px] shrink-0 items-center justify-center",children:[(0,a.jsx)(p.P.div,{animate:{scale:[1,1.2,1],opacity:[.08,.2,.08]},transition:{duration:4,repeat:1/0,ease:"easeInOut"},className:"pointer-events-none absolute size-24 rounded-full bg-orange-500/20 blur-xl"}),(0,a.jsx)(p.P.div,{animate:{rotate:360},transition:{duration:20,repeat:1/0,ease:"linear"},className:"pointer-events-none absolute size-20 rounded-full border border-dashed border-orange-500/15"}),(0,a.jsxs)(p.P.div,{initial:{scale:.8,opacity:0},whileInView:{scale:1,opacity:1},viewport:{once:!0},transition:{type:"spring",stiffness:80,delay:.1},className:"relative z-10 flex size-16 items-center justify-center rounded-full border border-orange-500/30 bg-neutral-950 shadow-[0_0_25px_-5px_rgba(249,115,22,0.25)]",children:[(0,a.jsx)(o.F.logo_icon,{className:"size-7 text-orange-400"}),(0,a.jsx)("div",{ref:B,className:"pointer-events-none absolute top-1/2 left-0 size-1 -translate-y-1/2 opacity-0"}),(0,a.jsx)("div",{ref:L,className:"pointer-events-none absolute top-1/2 right-0 size-1 -translate-y-1/2 opacity-0"})]})]}),(0,a.jsx)("div",{className:"flex flex-col items-end gap-3",children:G.map((e,t)=>{let r=e.icon;return(0,a.jsxs)(p.P.div,{initial:{opacity:0,x:15},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.35,delay:.08*t},className:"relative flex h-10 w-10 shrink-0 items-center justify-center rounded-xl border border-white/[0.06] bg-neutral-950/50",children:[(0,a.jsx)(r,{className:"size-4 text-white/50"}),(0,a.jsx)("div",{ref:e.ref,className:"pointer-events-none absolute top-1/2 left-0 size-1.5 -translate-x-1/2 -translate-y-1/2 rounded-full border border-orange-500/50 bg-neutral-950"})]},t)})})]}),(0,a.jsx)(b,{containerRef:h,fromRef:O,toRef:B,gradientStartColor:"#ff7b00",gradientStopColor:"#ff007b",duration:3.5,delay:.1,curvature:-25}),(0,a.jsx)(b,{containerRef:h,fromRef:I,toRef:B,gradientStartColor:"#ff7b00",gradientStopColor:"#ff007b",duration:4,delay:.4,curvature:0}),(0,a.jsx)(b,{containerRef:h,fromRef:P,toRef:B,gradientStartColor:"#ff7b00",gradientStopColor:"#ff007b",duration:4.5,delay:.7,curvature:25}),(0,a.jsx)(b,{containerRef:h,fromRef:L,toRef:E,gradientStartColor:"#ff007b",gradientStopColor:"#ff7b00",duration:3.8,delay:.2,curvature:-20}),(0,a.jsx)(b,{containerRef:h,fromRef:L,toRef:M,gradientStartColor:"#ff007b",gradientStopColor:"#ff7b00",duration:4.2,delay:.5,curvature:0}),(0,a.jsx)(b,{containerRef:h,fromRef:L,toRef:V,gradientStartColor:"#ff007b",gradientStopColor:"#ff7b00",duration:4.8,delay:.8,curvature:20})]})]})]})}}}]);