https://uptrace.dev/_nuxt/NW9NtqKP.js

1import{C as e,E as t,Ht as n,J as r,R as i,Ut as a,V as o,Vt as s,W as c,Wt as l,b as u,d,dt as f,et as p,f as m,h,i as g,j as _,m as v,ot as y,p as b,wt as x,x as S,yt as C,z as w}from"./DE_aMPbL.js";import{r as T}from"./Ct7s5oFy.js";import{t as E}from"./BJRJjpCx.js";import{f as D}from"#entry";import{t as O}from"./DdvFypc4.js";import{t as k}from"./BDNMzG2s.js";import{t as A}from"./C5oK5HOv.js";import{t as j}from"./D9yh8tD3.js";import{t as M}from"./DwvERh88.js";import{t as ee}from"./BB_GVuxY.js";import{t as N}from"./DPwbBYCH.js";import{t as P}from"./DsYzZOBO.js";import{t as F}from"./B7pxnidF.js";var I={class:`mx-auto w-full px-4 lg:max-w-[1180px]`},L={class:`grid grid-cols-12 gap-6 items-center`},R={class:`col-span-12 md:col-span-7 p-8 pt-6 md:pt-8`},z={class:`mb-5 text-balance text-4xl font-bold leading-display tracking-tight text-slate-900 md:text-5xl dark:text-slate-50`},B={class:`mb-8 max-w-xl text-pretty text-base leading-7 text-slate-600 md:text-lg md:leading-8 dark:text-slate-300`},V={class:`flex flex-col sm:flex-row sm:items-center gap-4`},H={class:`col-span-12 md:col-span-5`},U={key:1,class:`rounded-2xl bg-white p-6 shadow-lg dark:bg-slate-900`},W={class:`mx-auto px-4`},G=Object.assign(k(e({__name:`Header`,props:{header:{type:Object,required:!0},ctaText:{type:String,default:`Try it free, no card required`}},setup(e){let i=e,c={violet:`border-violet-200/70 bg-violet-50 text-violet-700 dark:border-violet-400/20 dark:bg-violet-950/60 dark:text-violet-300`,amber:`border-amber-200/70 bg-amber-50 text-amber-700 dark:border-amber-400/20 dark:bg-amber-950/60 dark:text-amber-300`,teal:`border-teal-200/70 bg-teal-50 text-teal-700 dark:border-teal-400/20 dark:bg-teal-950/60 dark:text-teal-300`,sky:`border-sky-200/70 bg-sky-50 text-sky-700 dark:border-sky-400/20 dark:bg-sky-950/60 dark:text-sky-300`,red:`border-red-200/70 bg-red-50 text-red-700 dark:border-red-400/20 dark:bg-red-950/60 dark:text-red-300`,green:`border-green-200/70 bg-green-50 text-green-700 dark:border-green-400/20 dark:bg-green-950/60 dark:text-green-300`},f={violet:`bg-violet-500`,amber:`bg-amber-500`,teal:`bg-teal-500`,sky:`bg-sky-500`,red:`bg-red-500`,green:`bg-green-500`},p={violet:`oklch(0.88 0.10 295 / 0.55)`,amber:`oklch(0.90 0.11 75 / 0.60)`,teal:`oklch(0.88 0.09 190 / 0.55)`,sky:`oklch(0.88 0.09 235 / 0.55)`,red:`oklch(0.84 0.12 25 / 0.50)`,green:`oklch(0.88 0.10 145 / 0.55)`},g={violet:`oklch(0.93 0.05 260 / 0.45)`,amber:`oklch(0.94 0.06 50 / 0.50)`,teal:`oklch(0.93 0.05 200 / 0.45)`,sky:`oklch(0.93 0.05 220 / 0.45)`,red:`oklch(0.92 0.06 15 / 0.45)`,green:`oklch(0.93 0.05 160 / 0.45)`},_=d(()=>i.header.accent??`violet`),v=d(()=>c[_.value]),C=d(()=>f[_.value]),w=d(()=>({"--aurora-1":p[_.value],"--aurora-2":g[_.value]}));return(i,c)=>{let d=E,f=M,p=F;return o(),h(`section`,{class:`relative isolate overflow-hidden bg-white dark:bg-slate-950`,style:a(x(w))},[c[1]||=m(`div`,{class:`aurora absolute inset-0 -z-20`,"aria-hidden":`true`},null,-1),c[2]||=m(`div`,{class:`grid-overlay absolute inset-0 -z-10`,"aria-hidden":`true`},null,-1),m(`div`,I,[m(`div`,L,[m(`div`,R,[m(`span`,{class:s([`inline-flex items-center gap-2 mb-5 rounded-full border px-3 py-1 text-xs font-medium uppercase tracking-wide`,x(v)])},[m(`span`,{class:s([`h-1.5 w-1.5 rounded-full`,x(C)]),"aria-hidden":`true`},null,2),u(` `+l(e.header.label),1)],2),m(`h1`,z,l(e.header.title),1),m(`p`,B,l(e.header.description),1),m(`div`,V,[S(T,{text:e.ctaText,href:`https://app.uptrace.dev/join`,color:`accent`,variant:`flat`,size:`large`,class:`w-full sm:w-auto`},null,8,[`text`]),S(T,{text:`Schedule a demo`,href:`https://calendly.com/vmihailenco/30min`,color:`accent`,variant:`outlined`,size:`large`,class:`w-full sm:w-auto`})]),c[0]||=m(`p`,{class:`mt-4 text-sm text-slate-500 dark:text-slate-400`},` 14-day free trial · No credit card required `,-1)]),m(`div`,H,[e.header.video?(o(),b(d,{key:0,image:`/video/${e.header.video.replace(`.mp4`,`.png`)}`,src:`/video/${e.header.video}`,class:`md:my-0`},null,8,[`image`,`src`])):e.header.component?(o(),h(`div`,U,[(o(),b(r(e.header.component),n(t(e.header.componentProps)),null,16))])):(o(),b(f,{key:2,src:e.header.image,custom:!0},{default:y(({src:e})=>[S(A,{src:e,"max-height":`600`,class:`md:my-0`},null,8,[`src`])]),_:1},8,[`src`]))])])]),m(`div`,W,[S(p)])],4)}}}),[[`__scopeId`,`data-v-bf57aab8`]]),{__name:`ProductHeader`}),K={class:`mx-auto w-full overflow-hidden px-4 lg:max-w-[1180px]`},q={class:`w-full md:flex-1 md:min-w-0 mb-8 md:mb-0`},J={class:`mb-4 text-balance text-3xl font-bold leading-headline tracking-tight md:text-4xl`},Y={class:`mb-6 max-w-xl text-pretty text-base leading-7 text-slate-600 dar

1k:text-slate-300`},X={class:`list-none p-0 m-0 space-y-2.5`},Z={class:`w-full md:flex-1 md:min-w-0 group`},Q=[`src`],te={key:1,class:`rounded-xl bg-white p-5 shadow-lg md:p-7 dark:bg-slate-900`},ne=Object.assign(e({__name:`Points`,props:{points:{type:Array,required:!0},accent:{type:String,default:`violet`}},setup(e){let t=e,n={violet:`text-violet-600 dark:text-violet-400`,amber:`text-amber-600 dark:text-amber-400`,teal:`text-teal-600 dark:text-teal-400`,sky:`text-sky-600 dark:text-sky-400`,red:`text-red-600 dark:text-red-400`,green:`text-green-600 dark:text-green-400`},u={violet:`196, 181, 253`,amber:`252, 211, 77`,teal:`94, 234, 212`,sky:`125, 211, 252`,red:`252, 165, 165`,green:`134, 239, 172`},T=d(()=>n[t.accent]),E=d(()=>({background:`radial-gradient(ellipse at center, rgba(${u[t.accent]}, 0.9) 0%, transparent 75%)`})),D=C(!1),k=C(``);function N(e){k.value=e,D.value=!0}let P=p(`sectionRef`),F=null;return i(()=>{let e=P.value?.querySelectorAll(`video`)??[];if(e.length){F=new IntersectionObserver(e=>{for(let t of e){let e=t.target;t.isIntersecting?e.play().catch(()=>{}):e.pause()}},{threshold:.25});for(let t of e)F.observe(t)}}),w(()=>{F?.disconnect()}),(t,n)=>{let i=ee,u=M;return o(),h(g,null,[m(`section`,{ref_key:`sectionRef`,ref:P,class:`py-6 md:py-10`},[m(`div`,K,[(o(!0),h(g,null,c(e.points,(e,t)=>(o(),h(`div`,{key:t,class:s([`flex flex-wrap items-center py-8 md:py-14 md:gap-x-12 lg:gap-x-16`,{"md:flex-row-reverse":t%2==0}])},[m(`div`,q,[m(`h2`,J,l(e.title),1),m(`p`,Y,l(e.subtitle),1),m(`ul`,X,[(o(!0),h(g,null,c(e.features,(e,t)=>(o(),h(`li`,{key:t,class:`text-base flex items-start gap-2.5`},[S(O,{icon:`mdi-check-circle`,size:`small`,class:s([x(T),`shrink-0 mt-0.5`])},null,8,[`class`]),m(`span`,null,l(e),1)]))),128))])]),m(`div`,Z,[m(`div`,{class:`relative overflow-hidden rounded-3xl p-6 md:p-10 transition-transform duration-300 group-hover:-translate-y-1`,style:a(x(E))},[e.video?(o(),b(i,{key:0,loop:``,muted:``,playsinline:``,class:`!mb-0 w-full rounded-xl shadow-lg`},{default:y(()=>[m(`source`,{src:e.video,type:`video/mp4`},null,8,Q)]),_:2},1024)):e.component?(o(),h(`div`,te,[(o(),b(r(e.component),_({ref_for:!0},e.componentProps),null,16))])):e.image?(o(),b(u,{key:2,src:e.image,custom:!0},{default:y(({src:t})=>[S(A,{src:t,class:`cursor-zoom-in rounded-xl shadow-lg`,onClick:t=>N(e.image)},null,8,[`src`,`onClick`])]),_:2},1032,[`src`])):v(``,!0)],4)])],2))),128))])],512),S(j,{modelValue:x(D),"onUpdate:modelValue":n[0]||=e=>f(D)?D.value=e:null,"close-on-content-click":``,width:`auto`,"content-class":`max-w-[99%] md:max-w-[1200px]`},{default:y(()=>[S(u,{src:x(k),custom:!0},{default:y(({src:e})=>[S(A,{src:e,width:`auto`,height:`auto`,class:`cursor-zoom-out`},null,8,[`src`])]),_:1},8,[`src`])]),_:1},8,[`modelValue`])],64)}}}),{__name:`ProductPoints`}),re={class:`px-4 sm:px-6`},ie={class:`mx-auto w-full lg:max-w-[1180px]`},$={class:`grid gap-10 lg:grid-cols-[5fr_7fr] lg:items-center`},ae={class:`mb-2 text-base font-semibold text-slate-900 dark:text-white`},oe={class:`mb-4 flex-1 text-sm leading-relaxed text-slate-600 dark:text-slate-300`},se={class:`flex items-center gap-1 text-sm font-medium text-primary`,"aria-hidden":`true`},ce=Object.assign(e({__name:`BetterTogether`,props:{current:{default:void 0}},setup(e){let t=e,n=[{key:`tracing`,icon:`mdi-chart-timeline-variant`,iconClass:`bg-red-50 text-red-700 dark:bg-red-950/60 dark:text-red-300`,title:`Distributed tracing`,description:`Find the exact span that broke your request, across every service and database call.`,link:`/product/tracing`},{key:`logs`,icon:`mdi-text-box-multiple-outline`,iconClass:`bg-amber-50 text-amber-700 dark:bg-amber-950/60 dark:text-amber-300`,title:`Log management`,description:`Search structured logs at any scale and jump from any span to its logs in one click.`,link:`/product/logs`},{key:`metrics`,icon:`mdi-chart-line`,iconClass:`bg-green-50 text-green-700 dark:bg-green-950/60 dark:text-green-300`,title:`Metrics`,description:`PromQL-compatible metrics with no cardinality limits and automatic dashboards.`,link:`/product/metrics`}],r=d(()=>t.current?n.filter(e=>e.key!==t.current):n);return(e,t)=>{let n=D;return o(),h(`section`,re,[m(`div`,ie,[m(`div`,$,[t[1]||=m(`div`,null,[m(`h2`,{class:`text-balance text-3xl font-bold leading-headline tracking-tight text-slate-900 md:text-4xl dark:text-white`},` Better together `),m(`p`,{class:`mt-3 text-pretty text-base leading-7 text-slate-600 dar

1k:text-slate-300`},` Each signal is more powerful when correlated with the others. Uptrace stores traces, logs, and metrics in one place, no tool-switching, no data gaps. `)],-1),m(`div`,{class:s([`grid gap-4`,x(r).length>=3?`sm:grid-cols-3`:`sm:grid-cols-2`])},[(o(!0),h(g,null,c(x(r),e=>(o(),b(n,{key:e.key,to:e.link,"aria-label":`Learn more about ${e.title}`,class:`group card-lift flex flex-col rounded-2xl border border-slate-200 bg-white p-6 no-underline dark:border-slate-800 dark:bg-slate-950`},{default:y(()=>[m(`div`,{class:s([`mb-4 inline-flex h-10 w-10 items-center justify-center rounded-xl`,e.iconClass])},[S(O,{icon:e.icon,size:`22`},null,8,[`icon`])],2),m(`h3`,ae,l(e.title),1),m(`p`,oe,l(e.description),1),m(`div`,se,[t[0]||=u(` Learn more `,-1),S(O,{icon:`mdi-arrow-right`,size:`16`,class:`transition-transform group-hover:translate-x-1`})])]),_:2},1032,[`to`,`aria-label`]))),128))],2)])])])}}}),{__name:`ProductBetterTogether`}),le={class:`px-4 sm:px-6`},ue={class:`mx-auto w-full lg:max-w-[1180px]`},de={class:`mx-auto grid max-w-3xl grid-cols-1 items-start gap-4`},fe=[`innerHTML`],pe=Object.assign(e({__name:`Faq`,props:{title:{default:`Common questions,`},accent:{default:`clear answers`},items:{}},setup(e){return(t,n)=>{let r=N,i=P;return o(),h(`section`,le,[m(`div`,ue,[S(r,{class:`mb-8 md:mb-10`,title:e.title,accent:e.accent},null,8,[`title`,`accent`]),m(`div`,de,[(o(!0),h(g,null,c(e.items,(e,t)=>(o(),b(i,{key:t,open:t===0},{title:y(()=>[u(l(e.question),1)]),text:y(()=>[m(`span`,{innerHTML:e.answer},null,8,fe)]),_:2},1032,[`open`]))),128))])])])}}}),{__name:`ProductFaq`});export{G as i,ce as n,ne as r,pe as t};