d3b42ab02ecf2327.js

js cleyo.io collected 2026-10-02 01:57:34 UTC 27,526 bytes, 8 lines download raw bytes

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,662199,e=>{"use strict";var t=e.i(843476),s=e.i(271645),a=e.i(529493);let i="Companies under 50 employees hiring CRM Managers in London, last 48 hours",n=[.13,.36],l=[.36,.56],r=[[.42,.58],[.51,.67],[.6,.76]],c={connect:[.6,.73],message:[.67,.8],thread:[.6,.8]},d=[[.68,.82],[.74,.88],[.8,.94]],o=e=>e<0?0:e>1?1:e,x=e=>e<.5?4*e*e*e:1-Math.pow(-2*e+2,3)/2,h=(e,[t,s])=>o((e-t)/(s-t));function m(e,t,s=36){let a=x(h(e,t));return{opacity:a,transform:`translateY(${(1-a)*s}px)`}}let p="flex items-start gap-2.5 rounded-sm bg-white p-2.5 shadow-[0_0_0_1px_rgba(6,18,55,0.11),0_0_0_4px_rgba(255,255,255,0.94),0_0_0_5px_rgba(6,18,55,0.09),0_24px_56px_-16px_rgba(6,18,55,0.55),0_2px_6px_-2px_rgba(6,18,55,0.28)]",f="inline-flex h-5 shrink-0 items-center gap-1 rounded-full bg-gradient-to-b px-1.5 text-[11px] font-semibold ring-1 ring-inset shadow-[inset_0_1px_0_rgba(255,255,255,0.9)]",u="M21.75 9v.906a2.25 2.25 0 0 1-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 0 0 1.183 1.981l6.478 3.488m8.839 2.51-4.66-2.51m0 0-1.023-.55a2.25 2.25 0 0 0-2.134 0l-1.022.55m0 0-4.661 2.51m16.5 1.615a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V8.844a2.25 2.25 0 0 1 1.183-1.981l7.5-4.039a2.25 2.25 0 0 1 2.134 0l7.5 4.039a2.25 2.25 0 0 1 1.183 1.98V19.5Z";function g({d:e,className:s}){return(0,t.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor",className:`size-3 ${s}`,"aria-hidden":!0,children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:e})})}function j({children:e}){return(0,t.jsx)("span",{className:"rounded-[2px] bg-[#2b7eff]/[0.14] px-[3px] py-px",children:e})}function b({className:e}){return(0,t.jsxs)("svg",{viewBox:"0 0 256 256",className:e,"aria-hidden":!0,children:[(0,t.jsx)("rect",{width:"256",height:"256",fill:"#0A66C2",rx:"60"}),(0,t.jsx)("path",{fill:"#fff",d:"M184.715 217.685h29.27a4 4 0 0 0 4-3.999l.015-61.842c0-32.323-6.965-57.168-44.738-57.168c-14.359-.534-27.9 6.868-35.207 19.228a.32.32 0 0 1-.595-.161V101.66a4 4 0 0 0-4-4h-27.777a4 4 0 0 0-4 4v112.02a4 4 0 0 0 4 4h29.268a4 4 0 0 0 4-4v-55.373c0-15.657 2.97-30.82 22.381-30.82c19.135 0 19.383 17.916 19.383 31.834v54.364a4 4 0 0 0 4 4ZM38 59.627c0 11.865 9.767 21.627 21.632 21.627c11.862-.001 21.623-9.769 21.623-21.631C81.253 47.761 71.491 38 59.628 38C47.762 38 38 47.763 38 59.627Zm6.959 158.058h29.307a4 4 0 0 0 4-4V101.66a4 4 0 0 0-4-4H44.959a4 4 0 0 0-4 4v112.025a4 4 0 0 0 4 4Z"})]})}function v({className:e}){return(0,t.jsxs)("svg",{viewBox:"0 0 256 256",className:e,"aria-hidden":!0,children:[(0,t.jsx)("rect",{width:"256",height:"256",fill:"#F4F2ED",rx:"60"}),(0,t.jsx)("path",{fill:"#4285F4",d:"M41.636 203.039h31.818v-77.273L28 91.676v97.727c0 7.545 6.114 13.636 13.636 13.636"}),(0,t.jsx)("path",{fill:"#34A853",d:"M182.545 203.039h31.819c7.545 0 13.636-6.114 13.636-13.636V91.675l-45.455 34.091"}),(0,t.jsx)("path",{fill:"#FBBC04",d:"M182.545 66.675v59.091L228 91.676V73.492c0-16.863-19.25-26.477-32.727-16.363"}),(0,t.jsx)("path",{fill:"#EA4335",d:"M73.455 125.766v-59.09L128 107.583l54.545-40.909v59.091L128 166.675"}),(0,t.jsx)("path",{fill:"#C5221F",d:"M28 73.493v18.182l45.454 34.091v-59.09L60.727 57.13C47.227 47.016 28 56.63 28 73.493"})]})}let w=(0,t.jsxs)("svg",{viewBox:"0 0 24 24",className:"mt-[3px] size-4 shrink-0 text-[#2b7eff]",fill:"currentColor","aria-hidden":!0,children:[(0,t.jsx)("path",{d:"M12 2.5l1.9 6.1 6.1 1.9-6.1 1.9L12 18.5l-1.9-6.1L4 10.5l6.1-1.9z"}),(0,t.jsx)("path",{d:"M18.5 15.5l.9 2.6 2.6.9-2.6.9-.9 2.6-.9-2.6-2.6-.9 2.6-.9z",opacity:"0.55"})]});function N({portrait:e,name:s,role:a,status:i,quote:n=!1,contacts:l=!1,style:r,children:c}){return(0,t.jsxs)("div",{className:"flex flex-col overflow-hidden rounded-sm bg-white shadow-[0_24px_56px_-16px_rgba(6,18,55,0.5),0_2px_6px_-2px_rgba(6,18,55,0.22)]",style:r,children:[(0,t.jsxs)("div",{className:"flex items-center gap-3 px-4 py-3",children:[e,(0,t.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,t.jsx)("p",{className:"truncate text-[15px] font-normal leading-tight text-black",children:s}),(0,t.jsx)("div",{className:"mt-1 flex min-w-0 items-center gap-1 truncate text-[13px] leading-tight text-black/55",children:a})]}),(0,t.jsx)("span",{className:"flex shrink-0 items-center gap-1 self-center",children:i})]}),(0,t.jsxs)("div",{className:"flex flex-1 items-start gap-2.5 border-t border-black/[0.08] px-4 py-3",children:[l?null:n?(0,t.jsx)("span",{"aria-hidden":!0,

1className:"w-[2px] self-stretch rounded-full bg-black/10"}):w,l?(0,t.jsx)("div",{className:"-my-1 flex min-w-0 flex-1 flex-col divide-y divide-black/[0.06] text-[13px] leading-tight [&>*]:py-2.5",children:c}):(0,t.jsx)("p",{className:`text-[13px] leading-[1.5] ${n?"text-black/70":"text-black/80"}`,children:c})]})]})}let k="flex size-11 shrink-0 items-center justify-center";function y({typed:e}){let s=0===e.length,a=e.length===i.length;return(0,t.jsxs)("div",{className:"mx-auto flex max-w-2xl items-start gap-3 rounded-sm bg-white p-2 pl-4 shadow-[0_24px_56px_-16px_rgba(6,18,55,0.5),0_2px_6px_-2px_rgba(6,18,55,0.22)] md:items-center",children:[(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"mt-0.5 size-[18px] shrink-0 text-black/40 md:mt-0","aria-hidden":!0,children:[(0,t.jsx)("circle",{cx:"11",cy:"11",r:"8"}),(0,t.jsx)("path",{d:"m21 21-4.3-4.3"})]}),(0,t.jsxs)("p",{className:`min-w-0 flex-1 text-left text-[13px] leading-snug md:truncate md:text-[15px] ${s?"text-black/35":"text-black"}`,children:[s?"Describe the companies you want to winâ¦":e,!s&&!a&&(0,t.jsx)("span",{className:"ml-px inline-block h-[1.05em] w-[1.5px] translate-y-[3px] animate-pulse rounded-full bg-black align-middle"})]}),(0,t.jsx)("span",{className:`flex size-8 shrink-0 items-center justify-center rounded-sm transition-colors ${s?"bg-black/[0.06] text-black/35":"bg-black text-white"}`,"aria-hidden":!0,children:(0,t.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.25,strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M12 19V5"}),(0,t.jsx)("path",{d:"m5 12 7-7 7 7"})]})})]})}let M=[{icon:"ð¥",title:"Hiring pressure",body:"Scored from funding, headcount and role velocity.",accent:["text-red-300","bg-red-500/15","ring-red-400/25"],at:"bottom-0 left-[4%]"},{icon:(0,t.jsx)("path",{d:u}),title:"Every touch tracked",body:"Opens and clicks, both channels.",accent:["text-violet-300","bg-violet-500/15","ring-violet-400/25"],at:"top-0 left-1/2 -translate-x-1/3"},{icon:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("path",{d:"M22 12h-6l-2 3h-4l-2-3H2"}),(0,t.jsx)("path",{d:"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"})]}),title:"Unified inbox",after:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(b,{className:"size-3.5 shrink-0"}),(0,t.jsx)(v,{className:"size-3.5 shrink-0"})]}),body:"Every reply, one thread.",accent:["text-emerald-300","bg-emerald-500/15","ring-emerald-400/25"],at:"bottom-0 right-[2%]"}],_=["#2b7eff","#ffffff","#10b981","#f59e0b","#8b5cf6","#ef4444"],z=(e,t)=>{let s=43758.5453*Math.sin(127.1*e+311.7*t);return s-Math.floor(s)};function L({fire:e}){let[a,i]=(0,s.useState)(0),n=(0,s.useRef)(e);return((0,s.useEffect)(()=>{let t=n.current;if(n.current=e,!e)return void i(0);if(t)return;let s=0,a=0,l=e=>{a||(a=e);let t=o((e-a)/1700);i(t),t<1&&(s=requestAnimationFrame(l))};return s=requestAnimationFrame(l),()=>cancelAnimationFrame(s)},[e]),a<=0||a>=1)?null:(0,t.jsx)("div",{"aria-hidden":!0,className:"pointer-events-none absolute left-1/2 top-1/2 z-30 h-0 w-0",children:Array.from({length:60},(e,s)=>{let i=(z(s,1)-.5)*2,n=.65+.65*z(s,2),l=z(s,4)>.5,r=l?3:6;return(0,t.jsx)("span",{style:{position:"absolute",width:r,height:l?11:5,borderRadius:1,background:_[s%_.length],opacity:Math.min(1,a/.07)*(1-o((a-.55)/.45)),transform:`translate(${110*i*a-r/2}px, ${-(380*n)*a+230*a*a}px) rotate(${(z(s,3)-.5)*900*a}deg)`}},s)})})}function C({title:e,body:s,accent:a,icon:i,after:n,style:l,className:r}){let[c,d,o]=a,x="string"==typeof i;return(0,t.jsxs)("div",{style:l,className:`z-20 items-center gap-2.5 rounded-sm bg-[#1c1c1f] p-2.5 shadow-[0_24px_56px_-16px_rgba(6,18,55,0.6),0_2px_6px_-2px_rgba(6,18,55,0.3)] ${r}`,children:[(0,t.jsx)("span",{className:`flex size-8 shrink-0 items-center justify-center rounded-sm ring-1 ring-inset ${d} ${o}`,children:x?(0,t.jsx)("span",{className:"text-[15px] leading-none",children:i}):(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:`size-4 ${c}

1`,"aria-hidden":!0,children:i})}),(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsxs)("p",{className:`flex items-center gap-1.5 truncate text-[13px] font-semibold leading-tight ${c}`,children:[e,n]}),(0,t.jsx)("p",{className:"mt-0.5 truncate text-[12px] leading-tight text-white/55",children:s})]})]})}function $({n:e}){return(0,t.jsx)("p",{className:"mb-1.5 pl-9 md:mb-2",children:(0,t.jsxs)("span",{className:"inline-flex items-center rounded-sm bg-white/15 px-2 py-0.5 text-[11px] font-medium text-white",children:["Step ",e]})})}function S({p:e,className:s,windows:a=c}){return(0,t.jsxs)("div",{className:s,children:[(0,t.jsx)("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-[17px] w-0.5",style:{transform:`scaleY(${x(h(e,a.thread))})`,transformOrigin:"top",backgroundImage:"repeating-linear-gradient(to bottom, rgba(255,255,255,0.8) 0 5px, transparent 5px 11px)"}}),(0,t.jsxs)("div",{style:m(e,a.connect,20),className:"relative",children:[(0,t.jsx)($,{n:1}),(0,t.jsxs)("div",{className:p,children:[(0,t.jsx)(b,{className:"mt-px size-4 shrink-0"}),(0,t.jsxs)("p",{className:"flex min-w-0 items-center gap-1.5 text-[12px] leading-[1.45] text-black/60",children:["Connection request sent",(0,t.jsxs)("svg",{viewBox:"0 0 20 20",className:"size-3.5 shrink-0","aria-hidden":!0,children:[(0,t.jsx)("circle",{cx:"10",cy:"10",r:"10",fill:"#10b981"}),(0,t.jsx)("path",{d:"M5.9 10.3 8.5 12.9 14.1 7.2",fill:"none",stroke:"#fff",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})]})]})]})]}),(0,t.jsxs)("div",{style:m(e,a.message,24),className:"relative",children:[(0,t.jsx)($,{n:2}),(0,t.jsxs)("div",{className:p,children:[(0,t.jsx)(v,{className:"mt-px size-4 shrink-0"}),(0,t.jsxs)("p",{className:"line-clamp-2 min-w-0 text-[12px] leading-[1.45] text-black/60",children:[(0,t.jsx)("span",{className:"text-black/85",children:"Hi Marcus,"})," congrats on the Series H. Saw the CRM Manager role go up in London last week, and figured the revenue team is next on the list."]})]})]})]})}function B({style:e}){return(0,t.jsxs)(N,{style:e,portrait:(0,t.jsx)("span",{className:k,children:(0,t.jsx)("img",{src:"/images-landing/logos-color/slack.svg",alt:"",className:"size-[34px] object-contain"})}),name:"Slack",role:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("span",{className:`${f} from-red-50 to-red-100 text-red-800 ring-red-600/20`,children:[(0,t.jsx)("span",{className:"text-[11px] leading-none",children:"ð¥"}),"Hot"]}),(0,t.jsxs)("span",{className:`${f} from-emerald-50 to-emerald-100 text-emerald-800 ring-emerald-600/20 tabular-nums`,children:[(0,t.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.25,strokeLinecap:"round",strokeLinejoin:"round",className:"size-2.5 text-emerald-600/80","aria-hidden":!0,children:[(0,t.jsx)("line",{x1:"12",x2:"12",y1:"2",y2:"22"}),(0,t.jsx)("path",{d:"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"})]}),"Series H"]})]}),status:null,children:["Headcount up ",(0,t.jsx)(j,{children:"18% in six months"}),", a ",(0,t.jsx)(j,{children:"Series H"})," round behind them, and this is their ",(0,t.jsx)(j,{children:"third revenue hire"})," this quarter."]})}function H({style:e}){return(0,t.jsxs)(N,{style:e,portrait:(0,t.jsx)("img",{src:"https://i.pravatar.cc/128?img=59",alt:"",className:"size-11 shrink-0 rounded-sm object-cover ring-1 ring-black/[0.08]"}),name:"Marcus Hall",role:"Chief Revenue Officer at Slack",status:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("span",{className:`${f} from-violet-50 to-violet-100 text-violet-800 ring-violet-600/20`,children:[(0,t.jsx)(g,{d:u,className:"text-violet-600/80"}),"opened"]}),(0,t.jsxs)("span",{className:`${f} from-amber-50 to-amber-100 text-amber-800 ring-amber-600/20`,children:[(0,t.jsx)(g,{d:"M15.042 21.672 13.684 16.6m0 0-2.51 2.225.569-9.47 5.227 7.917-3.286-.672ZM12 2.25V4.5m5.834.166-1.591 1.591M20.25 10.5H18M7.757 14.743l-1.59 1.59M6 10.5H3.75m4.007-4.243-1.59-1.59",className:"text-amber-600/80"}),"clicked"]})]}),contacts:!0,children:[(0,t.jsxs)("span",{className:"flex items-center gap-2",children:[(0,t.jsx)(b,{className:"size-4 shrink-0"}),(0,t.jsx)("span",{className:"truncate tabular-nums text-black/70",children:"linkedin.com/in/m*******ll"})]}),(0,t.jsxs)("span",{className:"flex items-center gap-2",children:[(0,t.jsx)(v,{className:"size-4 shrink-0"}),(0,t.jsx)("span",{className:"truncate tabular-nums text-black/70",children:"m******@slack.com"})]})]})}function R({style:e}){return(0,t.jsx)(N,{style:e,portrait:(0,t.jsx)("span",{className:k,children:(0,t.jsxs)("svg",{viewBox:"0 0 87 72",className:"h-auto w-[34px]","aria-hidden":!0,

1children:[(0,t.jsx)("path",{fill:"#00832d",d:"M49.5 36l8.53 9.75 11.47 7.33 2-17.02-2-16.64-11.69 6.44z"}),(0,t.jsx)("path",{fill:"#0066da",d:"M0 51.5V66c0 3.315 2.685 6 6 6h14.5l3-10.96-3-9.54-9.95-3z"}),(0,t.jsx)("path",{fill:"#e94235",d:"M20.5 0L0 20.5l10.55 3 9.95-3 2.95-9.41z"}),(0,t.jsx)("path",{fill:"#2684fc",d:"M20.5 20.5H0v31h20.5z"}),(0,t.jsx)("path",{fill:"#00ac47",d:"M82.6 8.68L69.5 19.42v33.66l13.16 10.79c1.97 1.54 4.85.13 4.85-2.37V11c0-2.53-2.95-3.92-4.91-2.32zM49.5 36v15.5H20.5V72h43c3.315 0 6-2.685 6-6V53.08z"}),(0,t.jsx)("path",{fill:"#ffba00",d:"M63.5 0h-43v20.5h29V36l20-16.57V6c0-3.315-2.685-6-6-6z"})]})}),name:"Intro call",role:"with Marcus Hall",status:(0,t.jsxs)("span",{className:`${f} from-emerald-50 to-emerald-100 text-emerald-800 ring-emerald-600/20`,children:[(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:"size-3 text-emerald-600/80","aria-hidden":!0,children:(0,t.jsx)("path",{d:"M7.49 12 3.74 8.248m0 0 3.75-3.75m-3.75 3.75h16.5V19.5"})}),"interested"]}),quote:!0,children:"Hi David, good timing. We signed off the headcount on Friday, and Thursday 10:30 works for me. Send an invite over."})}let A=[[.34,.56],[.56,.8],[.8,1]],F=[[.36,.45],[.57,.64],[.81,.89]],V=[[.46,.54],[.73,.79],[.9,.97]],E={connect:[.63,.7],message:[.68,.75],thread:[.63,.75]};function W({p:e,index:s,children:a}){let[i,n]=A[s],l=x(h(e,[i-.035,i+.035])),r=s===A.length-1?0:x(h(e,[n-.035,n+.035])),c=l*(1-r);return(0,t.jsx)("div",{className:"absolute inset-0 flex flex-col justify-center gap-4 [&>*]:shrink-0",style:{opacity:c,transform:`translateY(${(1-l)*30-30*r}px)`,pointerEvents:c<.02?"none":void 0},children:a})}function T({index:e,style:s}){let{at:a,...i}=M[e];return(0,t.jsx)(C,{...i,style:s,className:"flex w-full"})}function O({p:e}){return(0,t.jsxs)("div",{className:"relative mt-4 min-h-[25rem] md:hidden",children:[(0,t.jsxs)(W,{p:e,index:0,children:[(0,t.jsx)(B,{style:m(e,F[0])}),(0,t.jsx)(T,{index:0,style:m(e,V[0])})]}),(0,t.jsxs)(W,{p:e,index:1,children:[(0,t.jsx)(H,{style:m(e,F[1])}),(0,t.jsx)(S,{p:e,windows:E,className:"relative -mt-1 flex flex-col gap-5 pt-1"}),(0,t.jsx)(T,{index:1,style:m(e,V[1])})]}),(0,t.jsxs)(W,{p:e,index:2,children:[(0,t.jsx)(R,{style:m(e,F[2])}),(0,t.jsx)(T,{index:2,style:m(e,V[2])})]})]})}function I({p:e,typed:s,barRef:a}){let i=e>=A[1][0]-.035;return(0,t.jsxs)("div",{className:"mx-auto mt-6 max-w-6xl px-6 md:mt-10 lg:pb-40",children:[(0,t.jsx)("div",{ref:a,className:`grid transition-[grid-template-rows,opacity] duration-500 md:grid-rows-[1fr] md:opacity-100 ${i?"grid-rows-[0fr] opacity-0":"grid-rows-[1fr] opacity-100"}`,children:(0,t.jsx)("div",{className:"overflow-hidden md:overflow-visible",children:(0,t.jsx)("div",{className:"pb-8 md:pb-0",children:(0,t.jsx)(y,{typed:s})})})}),(0,t.jsx)(O,{p:e}),(0,t.jsxs)("div",{className:"relative mt-6 hidden justify-between gap-6 py-8 md:grid md:grid-cols-[repeat(3,minmax(0,300px))] md:justify-between md:gap-8 md:py-12",children:[(0,t.jsx)(B,{style:m(e,r[0])}),(0,t.jsx)(H,{style:m(e,r[1])}),(0,t.jsx)(R,{style:m(e,r[2])}),(0,t.jsx)("div",{"aria-hidden":!0,className:"pointer-events-none absolute right-0 top-0 hidden h-full w-[300px] lg:block",children:(0,t.jsx)(L,{fire:e>=.9})}),(0,t.jsx)(S,{p:e,className:"absolute left-1/2 top-[calc(100%-3rem)] z-20 hidden w-[268px] -translate-x-1/2 flex-col gap-14 pt-10 lg:flex"}),(0,t.jsx)("div",{className:"hidden md:contents",children:M.map(({at:s,...a},i)=>(0,t.jsx)(C,{...a,style:m(e,d[i],20),className:`absolute w-[248px] md:flex ${s}`},a.title))})]}),(0,t.jsx)(S,{p:e,className:"mx-auto hidden w-[268px] flex-col gap-14 pt-10 md:flex lg:hidden"})]})}function q(){let{sectionRef:e,panelRef:r,guideRef:c,colRef:d,headRef:m,barRef:p,p:f,lift:u,clip:g,clipX:j}=function(){let e=(0,s.useRef)(null),t=(0,s.useRef)(null),a=(0,s.useRef)(null),i=(0,s.useRef)(null),n=(0,s.useRef)(null),r=(0,s.useRef)(null),[{p:c,open:d},m]=(0,s.useState)({p:1,open:1}),[{guideEdge:p,restLift:f},u]=(0,s.useState)({guideEdge:0,restLift:0});(0,s.useEffect)(()=>{let t=()=>{let t=e.current,s=a.current,l=i.current,c=n.current,d=r.current;if(!t||!s||!l||!c||!d)return;let o=s.getBoundingClientRect().left-t.getBoundingClientRect().left,x=(c.offsetTop+d.offsetTop+d.offsetHeight)/2;u({guideEdge:Math.max(0,o),restLift:Math.max(0,l.offsetHeight/2-x)})};t();let s=new ResizeObserver(t);return i.current&&s.observe(i.current),()=>s.disconnect()},[]),(0,s.useEffect)(()=>{let s=e.current,a=t.current;if(!s||!a||window.matchMedia?.("(prefers-reduced-motion: reduce)").matches)return;let i=!1,n=()=>{i="sticky"===getComputedStyle(a).position};n();let l=()=>{let e=s.getBoundingClientRect(),t=window.innerHeight,n=e.height-a.offsetHeight;return{p:i&&n>8?o(-e.top/n):o((.9*t-e.top)/(.75*t)),open:o((.95*t-e.top)/(1.2*t))}},r={...l()},c={p:-1,open:-1},d=!1,x=0,h=0,p=e=>{h=requestAnimationFrame(p);let t=d?Math.min(64,e-x):16.667;x=e;let s=l(),a=d?1-Math.pow(.85,t/16.667):1;d=!0,r.p+=(s.p-r.p)*a,r.open+=(s.open-r.open)*a,4e-4>Math.abs(s.p-r.p)&&(r.p=s.p),4e-4>Math.abs(s.open-r.open)&&(r.open=s.open),(Math.abs(r.p-c.p)>2e-4||Math.abs(r.open-c.open)>2e-4)&&(c={...r},m({...r}))},f=new IntersectionObserver(([e])=>{cancelAnimationFrame(h),h=0,d=!1,e.isIntersecting&&(h=requestAnimationFrame(p))},{rootMargin:"20% 0px 20% 0px"});f.observe(s);let u=()=>{n(),d=!1};return window.addEventListener("resize",u),()=>{f.disconnect(),window.removeEventListener("resize",u),cancelAnimationFrame(h)}},[]);let g=x(d);return{sectionRef:e,panelRef:t,guideRef:a,colRef:i,headRef:n,barRef:r,p:c,clip:62*(1-g),clipX:p*(1-g),lift:f*(1-x(h(c,l)))}}(),b=i.slice(0,Math.round(i.length*h(f,n)));return(0,t.jsxs)("section",{ref:e,className:"relative h-[300svh] bg-white",children:[(0,t.jsx)("style",{children:`
2        .lab-showcase-band {
3          clip-path: inset(0 var(--band-x, 0px) var(--band-clip, 0%) var(--band-x, 0px));
4        }
5        .lab-showcase-col {
6          transform: translateY(calc(var(--lift, 0px) - var(--clip-shift, 0px)));
7        }
8      `}),(0,t.jsxs)("div",{ref:r,className:"sticky top-0 h-[100svh]",children:[(0,t.jsxs)("div",{className:"pointer-events-none absolute inset-y-0 inset-x-0 z-0 mx-auto flex max-w-[88rem] justify-between px-6",children:[(0,t.jsx)("div",{ref:c,className:"w-px bg-black/[0.07]"}),(0,t.jsx)("div",{className:"w-px bg-black/[0.07]"})]}),(0,t.jsxs)("div",{className:"lab-showcase-band absolute inset-0 z-10",style:{"--band-clip":`${g}%`,"--band-x":`${j}px`}

8,children:[(0,t.jsx)("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0",style:{background:"radial-gradient(110% 90% at 4% 108%, rgba(94,160,255,0.45) 0%, rgba(94,160,255,0) 60%), linear-gradient(160deg, rgba(16,47,149,0.88) 0%, rgba(30,86,214,0.88) 48%, rgba(43,126,255,0.88) 100%)"},children:(0,t.jsx)(a.LabDitherBg,{tone:"dark"})}),(0,t.jsxs)("div",{className:"pointer-events-none absolute inset-y-0 inset-x-0 z-10 mx-auto flex max-w-[88rem] justify-between px-6",children:[(0,t.jsx)("div",{className:"w-px bg-white/[0.14]"}),(0,t.jsx)("div",{className:"w-px bg-white/[0.14]"})]}),(0,t.jsx)("div",{className:"relative z-10 flex h-full items-center",children:(0,t.jsxs)("div",{ref:d,className:"lab-showcase-col relative w-full will-change-transform",style:{"--lift":`${u}px`,"--clip-shift":`${g/2}svh`},children:[(0,t.jsx)("div",{ref:m,className:"mx-auto max-w-[88rem] px-6",children:(0,t.jsxs)("div",{className:"mx-auto max-w-3xl text-center",children:[(0,t.jsx)("span",{className:"inline-flex items-center rounded-sm bg-white/15 px-2.5 py-1 text-sm font-medium text-white",children:"Try with scrolling"}),(0,t.jsxs)("h2",{className:"mt-6 text-[1.75rem] font-normal leading-[1.1] tracking-tight text-white md:text-[2rem] lg:text-[2.125rem]",children:["A week of prospecting,"," ",(0,t.jsx)("br",{className:"md:hidden"}),"done before lunch."]})]})}),(0,t.jsx)(I,{p:f,typed:b,barRef:p})]})})]})]})]})}e.s(["LabBlueShowcase",()=>q])},478602,e=>{"use strict";var t=e.i(843476),s=e.i(846932);function a({children:e,className:a,delay:i=0}){return(0,t.jsx)(s.motion.div,{className:a,initial:{opacity:0,y:18},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-80px"},transition:{duration:.45,delay:i,ease:[.16,1,.3,1]},children:e})}e.s(["Reveal",()=>a])},311205,e=>{"use strict";var t=e.i(843476),s=e.i(271645);let a=["#3b82f6","#f97316","#22c55e","#ef4444","#eab308"],i="fill 700ms ease, stroke 700ms ease, stop-color 700ms ease, background-color 700ms ease, color 700ms ease",n="#17171a",l="rgba(255,255,255,0.09)",r="rgba(255,255,255,0.32)",c="rgba(255,255,255,0.06)";function d(){let e,[i,l]=(0,s.useState)(0);(0,s.useEffect)(()=>{let e=setInterval(()=>l(e=>(e+1)%a.length),2200);return()=>clearInterval(e)},[]);let r={accent:e=a[i],medium:`${e}99`,light:`${e}55`,faint:`${e}24`};return(0,t.jsx)("div",{className:"relative -mb-10 mt-auto h-[300px]",children:[{rotate:-6,left:"2%",bottom:-184,width:"40%",height:430,kind:"bar",subtitle:"Activity",title:"Messages sent"},{rotate:0,left:"27%",bottom:-200,width:"42%",height:440,kind:"area",subtitle:"Statistics",title:"Reply rate"},{rotate:5,left:"calc(60% - 2rem)",bottom:-168,width:"40%",height:430,kind:"heatmap",subtitle:"Statistics",title:"Open times"}].map(e=>(0,t.jsxs)("div",{className:"absolute min-w-[230px] rounded-xl border border-white/10 p-5 shadow-[0_24px_60px_-20px_rgba(0,0,0,0.9)]",style:{background:n,left:e.left,bottom:e.bottom,width:e.width,height:e.height,transform:`rotate(${e.rotate}deg)`,zIndex:"area"===e.kind?10:1},children:[(0,t.jsxs)("div",{className:"mb-3 flex items-start justify-between",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-[11px] text-white/40",children:e.subt

8itle}),(0,t.jsx)("p",{className:"text-base font-semibold leading-tight text-white",children:e.title})]}),(0,t.jsxs)("div",{className:"flex items-center gap-1 text-[11px] font-semibold text-white",children:[(0,t.jsx)("img",{src:"/cleyo_logo.svg",alt:"","aria-hidden":!0,className:"size-3.5 w-auto invert"}),"Cleyo"]})]}),"bar"===e.kind&&(0,t.jsx)("div",{className:"mt-4",children:(0,t.jsx)(o,{theme:r})}),"area"===e.kind&&(0,t.jsx)(x,{theme:r}),"heatmap"===e.kind&&(0,t.jsx)(f,{theme:r})]},e.kind))})}function o({theme:e}){return(0,t.jsxs)("svg",{viewBox:"0 0 220 110",className:"w-full",children:[[0,22,44,66].map(e=>(0,t.jsx)("line",{x1:"22",y1:e+6,x2:"220",y2:e+6,stroke:l,strokeDasharray:"3 3"},e)),["4k","3k","2k","1k"].map((e,s)=>(0,t.jsx)("text",{x:"0",y:11+22*s,fill:r,fontSize:"9",children:e},e)),[40,28,70,52,64,38].map((s,a)=>(0,t.jsx)("rect",{x:30+30*a,y:96-s/75*90,width:"22",height:s/75*90,rx:"3",style:{fill:2===a?e.accent:e.faint,transition:i}},a)),(0,t.jsxs)("g",{children:[(0,t.jsx)("rect",{x:"65",y:"0",width:"50",height:"20",rx:"4",fill:"#ffffff"}),(0,t.jsx)("text",{x:"90",y:"14",fill:"#0a0a0a",fontSize:"10",fontWeight:"600",textAnchor:"middle",children:"2.7K"}),(0,t.jsx)("path",{d:"M86 20 L 90 24 L 94 20 Z",fill:"#ffffff"})]})]})}function x({theme:e}){return(0,t.jsxs)("svg",{viewBox:"0 0 220 110",className:"w-full",children:[(0,t.jsx)("defs",{children:(0,t.jsxs)("linearGradient",{id:"themed-area-grad-dark",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,t.jsx)("stop",{offset:"0%",stopOpacity:"0.4",style:{stopColor:e.accent,transition:i}}),(0,t.jsx)("stop",{offset:"100%",stopOpacity:"0",style:{stopColor:e.accent,transition:i}})]})}),[0,22,44,66,88].map(e=>(0,t.jsx)("line",{x1:"22",y1:e+6,x2:"220",y2:e+6,stroke:l,strokeDasharray:"3 3"},e)),["4K","3K","2K","1K","0"].map((e,s)=>(0,t.jsx)("text",{x:"0",y:11+22*s,fill:r,fontSize:"9",children:e},e)),(0,t.jsx)("path",{d:"M22,75 C45,55 60,55 80,45 S120,55 130,40 S160,35 175,28 S200,15 220,12 L220,98 L22,98 Z",fill:"url(#themed-area-grad-dark)"}),(0,t.jsx)("path",{d:"M22,75 C45,55 60,55 80,45 S120,55 130,40 S160,35 175,28 S200,15 220,12",strokeWidth:"2.5",fill:"none",strokeLinecap:"round",style:{stroke:e.accent,transition:i}}),(0,t.jsx)("circle",{cx:"130",cy:"40",r:"4.5",fill:n,strokeWidth:"2.5",style:{stroke:e.accent,transition:i}})]})}let h=["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],m=[9,10,11,12,13,14,15,16,17],p=Array.from({length:7},(e,t)=>m.map(e=>t>=5?0:10===e||11===e||14===e||15===e?2+(t+e)%2:9===e||13===e||16===e?1+ +((t+e)%3==0):(t+e)%2));function f({theme:e}){return(0,t.jsxs)("div",{className:"relative flex flex-1 flex-col gap-[3px]",children:[p.map((s,a)=>(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{className:"w-7 shrink-0 text-right text-[10px] font-medium text-white/35",children:h[a]}),(0,t.jsx)("div",{className:"flex flex-1 gap-[2px]",children:s.map((s,a)=>(0,t.jsx)("div",{className:"aspect-[21/20] flex-1 rounded-[3px]",style:{backgroundColor:0===s?c:1===s?e.light:2===s?e.medium:e.accent,transition:i}},a))})]},a)),(0,t.jsxs)("div",{className:"pointer-events-none absolute z-10",style:{to

8p:"2%",left:"32%"},children:[(0,t.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 28 28",className:"drop-shadow-[0_2px_4px_rgba(0,0,0,0.6)]",children:(0,t.jsx)("path",{fill:"#ffffff",stroke:"rgba(0,0,0,0.35)",strokeWidth:"0.6",d:"M6 3.604c0-1.346 1.56-2.09 2.607-1.243l16.88 13.669c1.018.824.435 2.47-.875 2.47h-9.377a2.25 2.25 0 0 0-1.749.835l-4.962 6.134C7.682 26.51 6 25.915 6 24.576z"})}),(0,t.jsx)("span",{className:"absolute left-4 top-2 inline-flex items-center gap-1 whitespace-nowrap rounded-md bg-white px-2 py-0.5 text-[10px] font-medium text-zinc-900 shadow-md",children:"247 opens"})]}),(0,t.jsxs)("div",{className:"mt-2 flex items-center justify-end gap-1",children:[(0,t.jsx)("span",{className:"text-[8px] text-white/35",children:"Less"}),(0,t.jsx)("span",{className:"size-2 rounded-[2px]",style:{backgroundColor:c}}),(0,t.jsx)("span",{className:"size-2 rounded-[2px]",style:{backgroundColor:e.light,transition:i}}),(0,t.jsx)("span",{className:"size-2 rounded-[2px]",style:{backgroundColor:e.medium,transition:i}}),(0,t.jsx)("span",{className:"size-2 rounded-[2px]",style:{backgroundColor:e.accent,transition:i}}),(0,t.jsx)("span",{className:"text-[8px] text-white/35",children:"More"})]})]})}e.s(["ThemedChartsDark",()=>d])}]);

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.