https://rival-new.lovable.app/assets/graphx-D5Jhonco.js

1import{j as e,r as x,T as y,F as j}from"./index-B906m9HQ.js";import{C as v,E as u,L as f,a as b,S as p,H as h,b as w}from"./LandingKit-Dne4KeGL.js";const d="#2957ff";function S(r){const[t,o]=x.useState(0);return x.useEffect(()=>{let i=0,n=0;const l=a=>{n||(n=a);const g=Math.min(1,(a-n)/r);o(g),g<1?i=requestAnimationFrame(l):window.setTimeout(()=>{n=0,o(0),i=requestAnimationFrame(l)},2600)};return i=requestAnimationFrame(l),()=>cancelAnimationFrame(i)},[r]),t}const k=r=>1-Math.pow(1-r,3),T=()=>{const r=S(2200),t=k(r),o=Math.round(40+55*t),i=Math.round(100-70*t),n=[0,1,2,3];return e.jsxs("div",{style:{borderRadius:18,border:"1px solid var(--border)",background:"linear-gradient(180deg,#ffffff, var(--bg-1))",padding:24,boxShadow:"0 28px 70px -38px rgba(10,21,48,0.4)"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:16},children:[e.jsx("span",{style:{fontSize:11,fontWeight:700,letterSpacing:"0.08em",textTransform:"uppercase",color:"var(--text-3)"},children:"The same computers you already own"}),e.jsx("span",{style:{marginLeft:"auto",fontSize:11,fontWeight:700,padding:"3px 9px",borderRadius:999,background:"var(--blue-soft)",color:d},children:"LIVE"})]}),e.jsxs("div",{style:{display:"grid",gap:10},children:[e.jsx("div",{style:{height:40,borderRadius:10,background:`linear-gradient(135deg, ${d}, #5b7dff)`,display:"grid",placeItems:"center",color:"#fff",fontSize:12.5,fontWeight:700,letterSpacing:"0.02em",opacity:1-t*.35,transform:`scaleX(${1-t*.02})`},children:"One large AI model"}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(4, 1fr)",gap:8},children:n.map(l=>{const a=Math.max(0,Math.min(1,(t-l*.12)/.5));return e.jsxs("div",{style:{borderRadius:10,border:`1px solid color-mix(in oklab, ${d} ${18+a*26}%, var(--border))`,background:"#fff",padding:10,transform:`translateY(${(1-a)*8}px)`,opacity:.35+a*.65,transition:"none"},children:[e.jsxs("div",{style:{fontSize:10,color:"var(--text-3)",fontFamily:"var(--font-mono)"},children:["machine ",l+1]}),e.jsx("div",{style:{marginTop:8,height:44,borderRadius:6,background:"var(--bg-2, #eef1f7)",overflow:"hidden",display:"flex",alignItems:"flex-end"},children:e.jsx("div",{style:{width:"100%",height:`${28+a*66}%`,background:`linear-gradient(180deg, #5b7dff, ${d})`}})}),e.jsxs("div",{style:{marginTop:6,fontSize:10,fontWeight:600,color:"var(--text-2)"},children:[Math.round(28+a*66),"% used"]})]},l)})})]}),e.jsxs("div",{style:{marginTop:18,display:"grid",gap:12},children:[e.jsx(m,{label:"AI capacity used",value:o,suffix:"%",color:"var(--green)"}),e.jsx(m,{label:"Cost to run",value:i,suffix:"",color:d,invert:!0})]}),e.jsxs("div",{style:{marginTop:16,paddingTop:14,borderTop:"1px dashed var(--border-strong)",fontSize:12.5,color:"var(--text-3)",display:"flex",gap:10,flexWrap:"wrap"},children:[e.jsx("span",{children:"Same hardware."}),e.jsx("span",{style:{color:"var(--green)",fontWeight:700},children:"More AI."}),e.jsx("span",{style:{marginLeft:"auto",fontWeight:700,color:d},children:"Lower cost."})]})]})},m=({label:r,value:t,suffix:o,color:i,invert:n})=>e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",alignItems:"baseline",gap:8,marginBottom:6},children:[e.jsx("span",{style:{fontSize:12,fontWeight:600,color:"var(--text-2)"},children:r}),e.jsxs("span",{style:{marginLeft:"auto",fontSize:13,fontWeight:800,color:i,fontFamily:"var(--font-mono)"},children:[n?`${t}`:`${t}${o}`,n?" idx":""]})]}),e.jsx("div",{style:{height:8,borderRadius:999,background:"var(--bg-3, #e7eaf1)",overflow:"hidden"},children:e.jsx("div",{style:{height:"100%",width:`${t}%`,borderRadius:999,background:i}})})]}),I=()=>{const r=[{title:"Before GraphX",tone:"muted",items:["Expensive specialist computers","Small AI capacity","High cost"]},{title:"After GraphX",tone:"blue",items:["Affordable computers","More AI","Lower cost"]}];return e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(280px,1fr))",gap:14},children:r.map(t=>e.jsxs("div",{style:{padding:"20px 22px",borderRadius:14,background:t.tone==="blue"?"var(--blue-soft)":"#fff",border:`1px solid ${t.tone==="blue"?`color-mix(in oklab, ${d} 35%, var(--border))`:"var(--border)"}`},children:[e.jsx("div",{style:{fontSize:11,fontWeight:700,letterSpacing:"0.08em",textTransform:"uppercase",color:t.tone

1==="blue"?d:"var(--text-3)"},children:t.title}),e.jsx("div",{style:{marginTop:12,display:"grid",gap:8},children:t.items.map((o,i)=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.jsx("span",{style:{width:18,height:18,borderRadius:999,display:"grid",placeItems:"center",fontSize:10,fontWeight:800,color:t.tone==="blue"?"#fff":"var(--text-3)",background:t.tone==="blue"?d:"var(--bg-2, #eef1f7)"},children:i+1}),e.jsx("span",{style:{fontSize:15,fontWeight:600,color:"var(--text)"},children:o})]},o))})]},t.title))})},s=({children:r,delay:t=0})=>{const o=x.useRef(null),[i,n]=x.useState(!1);return x.useEffect(()=>{const l=o.current;if(!l)return;const a=new IntersectionObserver(([g])=>{g.isIntersecting&&(n(!0),a.disconnect())},{threshold:.15});return a.observe(l),()=>a.disconnect()},[]),e.jsx("div",{ref:o,style:{opacity:i?1:0,transform:i?"none":"translateY(16px)",transition:`opacity .6s ease ${t}ms, transform .6s cubic-bezier(.16,1,.3,1) ${t}ms`},children:r})},c="#2957ff",W=[{kicker:"Up to",value:"70%",label:"Lower infrastructure costs"},{kicker:"Supports",value:"Open source",label:"Run the AI models you choose"},{kicker:"Works with",value:"NVIDIA · AMD · Intel",label:"No vendor lock in"},{kicker:"Built for",value:"Private AI",label:"Your data never leaves"}];function z(){return e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(220px,1fr))",gap:14},children:W.map((r,t)=>e.jsx(s,{delay:t*80,children:e.jsxs("div",{style:{padding:"22px 22px 20px",borderRadius:14,background:"#fff",border:"1px solid var(--border)",height:"100%",boxShadow:"0 14px 34px -28px rgba(10,21,48,0.6)"},children:[e.jsx("div",{style:{fontSize:11,fontWeight:700,letterSpacing:"0.08em",textTransform:"uppercase",color:"var(--text-3)"},children:r.kicker}),e.jsx("div",{style:{marginTop:8,fontSize:"clamp(22px, 2.4vw, 30px)",fontWeight:800,letterSpacing:"-0.03em",color:c,lineHeight:1.1},children:r.value}),e.jsx("div",{style:{marginTop:8,fontSize:14,lineHeight:1.5,color:"var(--text-2)",fontWeight:500},children:r.label})]})},r.value))})}const R=[{icon:"cost",title:"Lower AI costs",body:"Pay less to run the same work."},{icon:"lock",title:"Keep your data private",body:"Everything stays inside your environment."},{icon:"bolt",title:"Get more from your hardware",body:"Use the capacity you already paid for."},{icon:"rocket",title:"Scale without buying more",body:"Grow usage before you grow infrastructure."},{icon:"target",title:"Predictable AI costs",body:"No surprise bills when usage spikes."}],A=({name:r})=>{const t={cost:e.jsx("path",{d:"M12 3v18M8 7h6a3 3 0 0 1 0 6H9a3 3 0 0 0 0 6h7"}),lock:e.jsxs(e.Fragment,{children:[e.jsx("rect",{x:"4",y:"11",width:"16",height:"9",rx:"2"}),e.jsx("path",{d:"M8 11V8a4 4 0 1 1 8 0v3"})]}),bolt:e.jsx("path",{d:"M13 2 4 14h7l-1 8 9-12h-7l1-8z"}),rocket:e.jsx("path",{d:"M5 15c-1 3 0 5 0 5s2 1 5 0m-1-4a12 12 0 0 1 10-13 12 12 0 0 1-13 10z"}),target:e.jsxs(e.Fragment,{children:[e.jsx("circle",{cx:"12",cy:"12",r:"8"}),e.jsx("circle",{cx:"12",cy:"12",r:"3"})]})};return e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.9",strokeLinecap:"round",strokeLinejoin:"round",children:t[r]})};function C(){return e.jsx("div",{style:{marginTop:30,display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(255px,1fr))",gap:12},children:R.map((r,t)=>e.jsx(s,{delay:t*70,children:e.jsxs("div",{style:{padding:"20px 20px",borderRadius:13,background:"#fff",border:"1px solid var(--border)",height:"100%"},children:[e.jsx("span",{style:{width:34,height:34,borderRadius:10,display:"grid",placeItems:"center",background:"var(--blue-soft)",color:c},children:e.jsx(A,{name:r.icon})}),e.jsx("div",{style:{marginTop:12,fontSize:15.5,fontWeight:700,letterSpacing:"-0.01em",color:"var(--text)"},children:r.title}),e.jsx("div",{style:{marginTop:5,fontSize:14,lineHeight:1.55,color:"var(--text-2)"},children:r.body})]})},r.title))})}const L=[{n:"1",t:"Choose your AI model",b:"Pick any open source model you trust."},{n:"2",t:"GraphX optimizes where it runs",b:"It places the work across your machines automatically."},{n:"3",t:"You spend less",b:"Same output, a fraction of the cost."}];

1function M(){return e.jsx("div",{style:{marginTop:32,display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(250px,1fr))",gap:14},children:L.map((r,t)=>e.jsx(s,{delay:t*110,children:e.jsxs("div",{style:{position:"relative",padding:"24px 22px",borderRadius:14,background:"#fff",border:"1px solid var(--border)",height:"100%"},children:[e.jsx("span",{style:{width:30,height:30,borderRadius:999,display:"grid",placeItems:"center",background:c,color:"#fff",fontWeight:800,fontSize:13},children:r.n}),e.jsx("div",{style:{marginTop:14,fontSize:16.5,fontWeight:700,letterSpacing:"-0.01em",color:"var(--text)"},children:r.t}),e.jsx("div",{style:{marginTop:6,fontSize:14.5,lineHeight:1.55,color:"var(--text-2)"},children:r.b})]})},r.n))})}const $=["Buy expensive hardware","Pay by the prompt","Low hardware utilization","Hard to scale"],H=["Lower hardware costs","Unlimited AI queries","Better hardware utilization","Predictable costs"];function E(){return e.jsxs("div",{style:{marginTop:32,display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(290px,1fr))",gap:14},children:[e.jsx(s,{children:e.jsxs("div",{style:{padding:"24px 24px",borderRadius:14,background:"#fff",border:"1px solid var(--border)",height:"100%"},children:[e.jsx("div",{style:{fontSize:12,fontWeight:700,letterSpacing:"0.08em",textTransform:"uppercase",color:"var(--text-3)"},children:"Without GraphX"}),e.jsx("ul",{style:{margin:"16px 0 0",padding:0,listStyle:"none",display:"grid",gap:11},children:$.map(r=>e.jsxs("li",{style:{display:"flex",gap:11,alignItems:"center",fontSize:15,color:"var(--text-2)"},children:[e.jsx("span",{style:{width:20,height:20,borderRadius:999,display:"grid",placeItems:"center",background:"var(--bg-2, #eef1f7)",color:"var(--text-3)",fontWeight:800,fontSize:12,flexShrink:0},children:"×"}),r]},r))})]})}),e.jsx(s,{delay:120,children:e.jsxs("div",{style:{padding:"24px 24px",borderRadius:14,background:"var(--blue-soft)",border:`1px solid color-mix(in oklab, ${c} 35%, var(--border))`,height:"100%"},children:[e.jsx("div",{style:{fontSize:12,fontWeight:700,letterSpacing:"0.08em",textTransform:"uppercase",color:c},children:"With GraphX"}),e.jsx("ul",{style:{margin:"16px 0 0",padding:0,listStyle:"none",display:"grid",gap:11},children:H.map(r=>e.jsxs("li",{style:{display:"flex",gap:11,alignItems:"center",fontSize:15,fontWeight:600,color:"var(--text)"},children:[e.jsx("span",{style:{width:20,height:20,borderRadius:999,display:"grid",placeItems:"center",background:c,color:"#fff",flexShrink:0},children:e.jsx("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3.4",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"20 6 9 17 4 12"})})}),r]},r))})]})})]})}function F(){return e.jsxs("div",{style:{background:"var(--bg)",minHeight:"100vh",overflowY:"auto",position:"absolute",inset:0},children:[e.jsx(y,{}),e.jsx("section",{style:{padding:"76px 0 72px",background:"linear-gradient(180deg, var(--bg-1), var(--bg))"},children:e.jsxs(v,{children:[e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"minmax(300px, 1fr) minmax(320px, 1.05fr)",gap:48,alignItems:"center"},children:[e.jsxs("div",{children:[e.jsx(u,{children:"GraphX"}),e.jsx("h1",{style:{margin:"16px 0 0",fontSize:"clamp(38px, 5.6vw, 62px)",lineHeight:1.02,letterSpacing:"-0.04em",fontWeight:700,color:"var(--text)"},children:"Run AI for less."}),e.jsx(f,{children:"Run powerful AI on the computers you already own."}),e.jsx(b,{primary:"Request early access",secondary:"See pricing"})]}),e.jsx(T,{})]}),e.jsx("div",{style:{marginTop:44},children:e.jsx(s,{children:e.jsx(I,{})})})]})}),e.jsx(p,{tone:"soft",children:e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(300px,1fr))",gap:40},children:[e.jsx(s,{children:e.jsxs("div",{children:[e.jsx(u,{children:"Why now"}),e.jsx("div",{style:{marginTop:14},children:e.jsx(h,{children:"AI is getting smarter. It is also getting more expensive."})})]})}),e.jsx(s,{delay:120,children:e.jsxs("div",{style:{alignSelf:"center"},children:[e.jsx(f,{children:"Every new AI model needs more computing power."}),e.jsx(f,{children:"Most companies end up spending more money every time their AI usage grows."}),e.jsx("p",{style:{margin:"16px 0 0",fontSize:18,fontWeight:700,letterSpacing:"-0.02em",color:c},children:"GraphX changes that."})]})})]})}),e.jsx(p,{children:e.jsx(z,{})}),e.jsxs(p,{tone:"soft",children:[e.jsx(s,{children:e.jsx(h,{children:"What you get"})}),e.jsx(C,{})]}),e.jsxs(p,{children:[e.jsx(s,{children:e.jsxs("div",{children:[e.jsx(u,{children:"How it works"}),e.jsx("div",{style:{marginTop:14},children:e.jsx(h,{children:"Three steps. That is it."})})]})}),e.jsx(M,{})]}),e.jsx(p,{tone:"dark",children:e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(300px,1fr))",gap:44,alignItems:"center"},children:[e.jsx(s,{children:e.jsxs("div",{children:[e.jsx(u,{dark:!0,children:"Control"}),e.jsx("div",{style:{marginTop:14},children:e.jsxs(h,{dark:!0,children:["Keep your AI.",e.jsx("br",{}),"Keep your data.",e.jsx("br",{}),"Keep control."]})})]})}),e.jsx(s,{delay:120,children:e.jsx("div",{style:{display:"grid",gap:12},children:["Run open source AI inside your own environment.","Choose the models you trust.","Decide where they run.","Maintain complete control over your data."].map(r=>e.jsx("div",{style:{padding:"16px 18px",borderRadius:12,background:"rgba(255,255,255,0.04)",border:"1px solid rgba(255,255,255,0.09)",fontSize:15.5,fontWeight:500,color:"#dbe3f2"},children:r},r))})})]})}),e.jsxs(p,{children:[e.jsx(s,{children:e.jsx(h,{children:"Compare the two paths"})}),e.jsx(E,{})]}),e.jsx(w,{title:"AI should not cost more every time you use it.",body:"Run powerful AI. Spend less. Keep your data. Stay in control.",cta:"Request early access"}),e.jsx(j,{})]})}

1export{F as component};