https://www.zyyp.ai/_next/static/chunks/app/page-7e994bd2715bbc1f.js

1try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="6ddd1382-156a-4eb7-a701-f46d1a8d1e62",e._sentryDebugIdIdentifier="sentry-dbid-6ddd1382-156a-4eb7-a701-f46d1a8d1e62")}()}catch(e){}(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1931],{66766:function(e,t,a){Promise.resolve().then(a.bind(a,35673))},35673:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return z}});var n=a(71293),r=a(88846),i=a(53949),d=a.n(i),s=a(98230),l=a(27284),o=a(16560),c=a(50922);let b="Hey Jordan,\n\nWe detected a shipping delay on Order #48291, so I already queued an express reship and credited $42 back to their wallet. Let me know if you'd like me to notify the CX channel as well.\n\n— ZYYP Autopilot";function x(){let[e,t]=(0,c.useState)(""),a=(0,c.useRef)(null),r=(0,c.useRef)(null),[i,o]=(0,c.useState)(!0),[x,u]=(0,c.useState)(!0),f=(0,l.J)();(0,c.useEffect)(()=>{if(!r.current)return;let e=new IntersectionObserver(e=>{let[t]=e;u(t.isIntersecting)},{threshold:0});return e.observe(r.current),()=>e.disconnect()},[]),(0,c.useEffect)(()=>{let e;let t=()=>{clearTimeout(e),e=setTimeout(()=>{o(window.innerWidth>=640)},100)};return t(),window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t),clearTimeout(e)}},[]),(0,c.useEffect)(()=>{let e,a=0,n=()=>{t(b.slice(0,a)),a+=1,e=a<=b.length?setTimeout(n,18):setTimeout(()=>{a=0,n()},2200)};return e=setTimeout(n,300),()=>clearTimeout(e)},[]),(0,c.useEffect)(()=>{let e;if(!i||f||!x)return;let t=a.current;if(!t)return;let n=t.getContext("2d");if(!n)return;let r=()=>{let e=Math.min(window.devicePixelRatio||1,2),a=window.innerWidth,r=window.innerHeight;t.width=a*e,t.height=r*e,t.style.width="100%",t.style.height="100%",n.setTransform(1,0,0,1,0,0),n.scale(e,e)},d=()=>window.innerWidth<640,s=()=>(Math.random()-.5)*(d()?.18:.27);r();let l=Array.from({length:d()?42:72}).map(()=>({x:Math.random()*window.innerWidth,y:Math.random()*window.innerHeight,radius:d()?1.4+1.3*Math.random():1.2+1.5*Math.random(),opacity:.12+.08*Math.random(),vx:s(),vy:s()})),o=()=>{r(),l=Array.from({length:d()?42:72}).map(()=>({x:Math.random()*window.innerWidth,y:Math.random()*window.innerHeight,radius:d()?1.4+1.3*Math.random():1.2+1.5*Math.random(),opacity:.12+.08*Math.random(),vx:s(),vy:s()}))};window.addEventListener("resize",o);let c=()=>{n.clearRect(0,0,window.innerWidth,window.innerHeight);

1let t=d()?12:20,a=d()?110:160,r=d()?.25:.14;l.forEach(e=>{e.x+=e.vx,e.y+=e.vy,e.x<-t&&(e.x=window.innerWidth+t),e.x>window.innerWidth+t&&(e.x=-t),e.y<-t&&(e.y=window.innerHeight+t),e.y>window.innerHeight+t&&(e.y=-t),n.beginPath(),n.arc(e.x,e.y,e.radius,0,2*Math.PI),n.fillStyle="rgba(0,0,0,".concat(e.opacity,")"),n.filter="none",n.fill()}),l.forEach((e,t)=>{for(let i=t+1;i<l.length;i+=1){let t=l[i];Math.hypot(e.x-t.x,e.y-t.y)<a&&(n.beginPath(),n.moveTo(e.x,e.y),n.lineTo(t.x,t.y),n.strokeStyle="rgba(0,0,0,".concat(r,")"),n.lineWidth=d()?1.2:1,n.stroke())}}),e=requestAnimationFrame(c)};return c(),()=>{window.removeEventListener("resize",o),e&&cancelAnimationFrame(e)}},[i,f,x]);let m=e.length/b.length;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("section",{ref:r,style:{background:"linear-gradient(180deg,#FFFFFF 0%,#F6F7F9 100%)",fontFamily:'"General Sans","Inter Tight",sans-serif'},className:"jsx-dbe23370ed13283b relative flex min-h-[900px] w-full flex-col items-center justify-center overflow-hidden px-6 pb-[80px] pt-[140px] text-[#1A1A1A] md:min-h-screen md:pb-[120px] md:pt-[170px]",children:[(0,n.jsx)("div",{className:"jsx-dbe23370ed13283b hero-bg absolute inset-0",children:i&&!f&&(0,n.jsx)("canvas",{ref:a,id:"neuronCanvas",className:"jsx-dbe23370ed13283b pointer-events-none absolute inset-0 h-full w-full"})}),(0,n.jsxs)("div",{className:"jsx-dbe23370ed13283b hero-content relative z-10 mx-auto flex max-w-5xl flex-col items-center gap-7 text-center",children:[(0,n.jsx)("div",{className:"jsx-dbe23370ed13283b inline-flex items-center gap-2 rounded-full bg-white/70 px-5 py-2 text-xs font-semibold uppercase tracking-[0.35em] text-[#1A1A1A]/70 shadow-[0_6px_20px_rgba(0,0,0,0.04)]",children:"ZYYP AUTOPILOT"}),(0,n.jsxs)("div",{className:"jsx-dbe23370ed13283b flex flex-col items-center gap-5",children:[(0,n.jsxs)("h1",{style:{letterSpacing:"0.2px",fontFamily:'"Satoshi Black","Neue Montreal",sans-serif'},className:"jsx-dbe23370ed13283b text-4xl font-semibold leading-tight text-[#1A1A1A] md:text-6xl lg:text-[64px]",children:["Meet ",(0,n.jsx)("span",{className:"jsx-dbe23370ed13283b gradient-text font-black",children:"ZYYP"})," — Your"," ",(0,n.jsx)("span",{className:"jsx-dbe23370ed13283b gradient-text font-black",children:"AI Autopilot"})," for Support, Analytics & Growth."]}),(0,n.jsx)("span",{className:"jsx-dbe23370ed13283b block h-px w-32 bg-gradient-to-r from-transparent via-[#1A1A1A]/20 to-transparent"})]}),(0,n.jsx)("p",{className:"jsx-dbe23370ed13283b max-w-[620px] text-lg text-[#1A1A1A]/70",children:"Watch your business run itself — replies drafted, actions taken, and insights delivered while you focus on bigger moves."}),(0,n.jsxs)("div",{className:"jsx-dbe23370ed13283b mt-2 flex flex-wrap items-center justify-center gap-4",children:[(0,n.jsx)(s.default,{href:"/integrations",className:"rounded-full bg-slate-900 px-8 py-3 text-base font-semibold text-white shadow-[0_15px_45px_rgba(0,0,0,0.2)] transition hover:-translate-y-0.5 hover:shadow-[0_20px_55px_rgba(0,0,0,0.25)]",children:"Launch your autopilot"}),(0,n.jsx)("a",{href:"/demo",className:"jsx-dbe23370ed13283b rounded-full border border-[#1A1A1A]/20 px-8 py-3 text-base font-semibold text-[#1A1A1A] backdrop-blur-sm transition hover:border-[#1A1A1A]/40",children:"See Live Demo"})]})]}),(0,n.jsx)("div",{className:"jsx-dbe23370ed13283b relative z-10 mt-12 w-full max-w-5xl px-4",children:(0,n.jsx)(h,{text:e,progress:m})})]}),(0,n.jsx)(d(),{id:"dbe23370ed13283b",children:'@-webkit-keyframes shimmer{0%{background-position:0%50%}100%{background-position:100%50%}}@-moz-keyframes shimmer{0%{background-position:0%50%}100%{background-position:100%50%}}@-o-keyframes shimmer{0%{background-position:0%50%}100%{background-position:100%50%}}@keyframes shimmer{0%{background-position:0%50%}100%{background-position:100%50%}}.gradient-text{background:-webkit-linear-gradient(left,#ff6b3d,#ff9a5a,#ffcb73);background:-moz-linear-gradient(left,#ff6b3d,#ff9a5a,#ffcb73);background:-o-linear-gradient(left,#ff6b3d,#ff9a5a,#ffcb73);background:linear-gradient(90deg,#ff6b3d,#ff9a5a,#ffcb73);-webkit-background-size:200%;-moz-background-size:200%;-o-background-size:200%;background-size:200%;-webkit-animation:shimmer 7s linear infinite;-moz-animation:shimmer 7s linear infinite;-o-animation:shimmer 7s linear infinite;animation:shimmer 7s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-bg::before,.hero-bg::after{content:"";position:absolute;width:520px;height:520px;-webkit-border-radius:9999px;-moz-border-radius:9999px;border-radius:9999px;background:-webkit-radial-gradient(circle,rgba(255,214,190,.22),transparent 65%);background:-moz-radial-gradient(circle,rgba(255,214,190,.22),transparent 65%);background:-o-radial-gradient(circle,rgba(255,214,190,.22),transparent 65%);background:radial-gradient(circle,rgba(255,214,190,.22),transparent 65%);opacity:.45}.hero-bg::before{bottom:5%;left:-10%}.hero-bg::after{top:0;right:-15%;background:-webkit-radial-gradient(circle,rgba(209,215,230,.34),transparent 65%);background:-moz-radial-gradient(circle,rgba(209,215,230,.34),transparent 65%);background:-o-radial-gradient(circle,rgba(209,215,230,.34),transparent 65%);background:radial-gradient(circle,rgba(209,215,230,.34),transparent 65%)}#neuronCanvas{opacity:.32;mix-blend-mode:normal}.hero-content{position:relative;z-index:2}'})]})}function h(e){let{text:t,progress:a}=e,r=a>.35,i=a>.65;return(0,n.jsxs)(o.E.div,{id:"live-demo",className:"w-full max-w-full rounded-[24px] border border-white/70 bg-white/85 px-5 py-6 text-left text-[#1A1A1A] backdrop-blur-[16px] shadow-[0_12px_40px_rgba(0,0,0,0.08)] sm:px-7 sm:py-8 lg:p-10",initial:{opacity:0,y:40,scale:.97}

1,animate:{opacity:1,y:0,scale:1},transition:{duration:.8,ease:"easeOut"},children:[(0,n.jsx)("p",{className:"text-xs font-semibold uppercase tracking-[0.35em] text-[#1A1A1A]/60",children:"Live drafter preview"}),(0,n.jsxs)("div",{className:"mt-6 grid gap-5 md:grid-cols-[1.15fr_0.95fr]",children:[(0,n.jsxs)(o.E.div,{className:"flex flex-col rounded-2xl border border-white/80 bg-white/85 p-6 text-sm leading-relaxed shadow-[0_12px_40px_rgba(0,0,0,0.08)]",animate:{opacity:[.85,1,.85]},transition:{duration:2.6,repeat:1/0},children:[(0,n.jsx)("p",{className:"font-semibold text-[#1A1A1A]",children:"AI drafting reply…"}),(0,n.jsx)("div",{className:"relative mt-4 h-[200px] overflow-y-auto overflow-x-hidden",children:(0,n.jsxs)("p",{className:"whitespace-pre-line pr-2 text-base leading-relaxed text-[#1A1A1A]/80",children:[t,(0,n.jsx)("span",{className:"ml-1 inline-block h-5 w-[2px] animate-pulse bg-[#1A1A1A]/60"})]})})]}),(0,n.jsxs)("div",{className:"flex flex-col gap-5",children:[(0,n.jsxs)(o.E.div,{className:"rounded-2xl border border-white/80 bg-white/80 p-5 text-sm text-[#1A1A1A] shadow-[0_12px_40px_rgba(0,0,0,0.08)]",initial:{opacity:0,x:-40},animate:{opacity:r?1:.3,x:r?0:-30},transition:{duration:.6,ease:"easeOut"},children:[(0,n.jsxs)("div",{className:"flex items-center justify-between text-[0.65rem] uppercase tracking-[0.35em] text-[#1A1A1A]/60",children:[(0,n.jsx)("span",{children:"Order update"}),(0,n.jsx)("span",{children:"Synced"})]}),(0,n.jsx)("p",{className:"mt-3 text-base font-semibold",children:"Order #48291 \xb7 Express reship"}),(0,n.jsx)("p",{className:"mt-2 text-sm text-[#1A1A1A]/60",children:"ETA pulled forward by 2 days."})]}),(0,n.jsxs)(o.E.div,{className:"rounded-2xl border border-white/80 bg-white/80 p-5 text-sm text-[#1A1A1A] shadow-[0_12px_40px_rgba(0,0,0,0.08)]",initial:{opacity:0,x:40},animate:{opacity:i?1:.3,x:i?0:30},transition:{duration:.6,ease:"easeOut"},children:[(0,n.jsxs)("div",{className:"flex items-center justify-between text-[0.65rem] uppercase tracking-[0.35em] text-[#1A1A1A]/60",children:[(0,n.jsx)("span",{children:"Insight pulse"}),(0,n.jsx)("span",{children:"+12%"})]}),(0,n.jsx)("p",{className:"mt-3 text-base font-semibold",children:"Customer sentiment rising"}),(0,n.jsx)(o.E.div,{className:"mt-4 h-2 rounded-full bg-[#1A1A1A]/10",animate:{background:"linear-gradient(90deg,#1A1A1A,#4A4A4A)"},children:(0,n.jsx)(o.E.div,{className:"h-full rounded-full bg-gradient-to-r from-[#1A1A1A] to-[#4A4A4A]",animate:{width:i?"90%":"12%"},transition:{duration:1,ease:"easeInOut"}})})]})]})]})]})}let u=(0,r.default)(()=>a.e(303).then(a.bind(a,50303)),{loadableGenerated:{webpack:()=>[50303]}}),f=(0,r.default)(()=>a.e(8981).then(a.bind(a,18981)),{loadableGenerated:{webpack:()=>[18981]}}),m=(0,r.default)(()=>a.e(2774).then(a.bind(a,2774)),{loadableGenerated:{webpack:()=>[2774]}}),p=(0,r.default)(()=>a.e(9477).then(a.bind(a,79477)),{loadableGenerated:{webpack:()=>[79477]}}),g=(0,r.default)(()=>a.e(6239).then(a.bind(a,46239)),{loadableGenerated:{webpack:()=>[46239]}}),w=(0,r.default)(()=>a.e(2726).then(a.bind(a,22726)),{loadableGenerated:{webpack:()=>[22726]}}),A=(0,r.default)(()=>a.e(5520).then(a.bind(a,85520)),{loadableGenerated:{webpack:()=>[85520]}}),y=(0,r.default)(()=>a.e(5056).then(a.bind(a,55056)),{loadableGenerated:{webpack:()=>[55056]}}),k=(0,r.default)(()=>a.e(9019).then(a.bind(a,29019)),{loadableGenerated:{webpack:()=>[29019]}}),j=(0,r.default)(()=>a.e(3722).then(a.bind(a,83722)),{loadableGenerated:{webpack:()=>[83722]}}),v=(0,r.default)(()=>a.e(192).then(a.bind(a,80192)),{loadableGenerated:{webpack:()=>[80192]}}),N=(0,r.default)(()=>a.e(611).then(a.bind(a,20611)),{loadableGenerated:{webpack:()=>[20611]}}),_=(0,r.default)(()=>a.e(9329).then(a.bind(a,9329)),{loadableGenerated:{webpack:()=>[9329]}}),E=(0,r.default)(()=>a.e(9891).then(a.bind(a,89891)),{loadableGenerated:{webpack:()=>[89891]}});function z(){return(0,n.jsxs)("div",{className:"min-h-screen bg-white text-gray-900",children:[(0,n.jsx)(x,{}),(0,n.jsx)(u,{}),(0,n.jsx)(f,{}),(0,n.jsx)(m,{}),(0,n.jsx)(p,{}),(0,n.jsx)(g,{}),(0,n.jsx)(w,{}),(0,n.jsx)(A,{}),(0,n.jsx)(y,{}),(0,n.jsx)(k,{}),(0,n.jsx)(j,{}),(0,n.jsx)(v,{}),(0,n.jsx)(N,{}),(0,n.jsx)(_,{}),(0,n.jsx)(E,{})]})}}},function(e){e.O(0,[8253,6985,4078,1529,4881,1744],function(){return e(e.s=66766)}),_N_E=e.O()}]);