1import{bg as r,j as e,A as x}from"./index.js";function u(){const s=[{key:"ai",label:"AI Assistant",price:20},{key:"calendar",label:"Calendar Scheduling",price:15},{key:"crm",label:"CRM",price:35},{key:"docs",label:"Document Sharing",price:15},{key:"dataroom",label:"Data Room",price:65},{key:"fundraising",label:"Fundraising",price:20},{key:"agents",label:"Custom Agents",price:69},{key:"forms",label:"Forms",price:15},{key:"analytics",label:"Analytics",price:99},{key:"agreements",label:"Agreements",price:25},{key:"linkinbio",label:"Link in Bio",price:10},{key:"email",label:"AI Email App",price:30}],[t,p]=r.useState({ai:!0,docs:!0,crm:!0,fundraising:!0}),[o,g]=r.useState(39),[c,h]=r.useState(!1);r.useEffect(()=>{if(c)return;const a=!!t.dataroom||!!t.agents;g(a?69:39)},[t,c]);const d=a=>p(i=>({...i,[a]:!i[a]})),l=r.useMemo(()=>s.reduce((a,i)=>t[i.key]?a+i.price:a,0),[t]),n=Math.max(0,l-o),v=n*12;return r.useEffect(()=>{console.assert(l===0&&n===0||l>0,"Calc sanity: none selected -> $0 savings")},[l,n]),e.jsxs("div",{className:"v2-calc-frame",children:[e.jsx("style",{children:` 2 .v2-calc-frame { 3 max-width: 1440px; 4 margin: 0 auto; 5 border-left: var(--hairline) solid var(--sidebar-border); 6 border-right: var(--hairline) solid var(--sidebar-border); 7 padding: 0 50px; 8 } 9 .v2-calc-section { 10 padding: 120px 0; 11 color: var(--text-primary); 12 position: relative; 13 isolation: isolate; 14 } 15 .v2-calc-section::before { 16 content: ''; 17 position: absolute; 18 top: 0; bottom: 0; 19 left: -50px; right: -50px; 20 pointer-events: none; 21 z-index: -1; 22 background-image: url("data:image/svg+xml,%3Csvg width='74' height='74' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='74' x2='74' y2='0' stroke='%23888' stroke-width='0.5' stroke-dasharray='5 5'/%3E%3C/svg%3E"); 23 background-size: 74px 74px; 24 opacity: 0.25; 25 } 26 .v2-calc-title { 27 font-family: Helvetica, Arial, sans-serif; 28 font-size: 52px; 29 line-height: 1.1; 30 font-weight: 400; 31 letter-spacing: -0.03em; 32 margin-bottom: 16px; 33 } 34 .v2-calc-card-inner { 35 padding: 40px; 36 } 37 .v2-calc-options-grid { 38 display: grid; 39 grid-template-columns: repeat(3, 1fr); 40 gap: 4px; 41 } 42 .v2-calc-totals-row { 43 margin-top: 48px; 44 display: grid; 45 grid-template-columns: repeat(3, 1fr); 46 gap: 24px; 47 align-items: end; 48 } 49 .v2-calc-total-value { 50 font-size: 44px; 51 font-weight: 600; 52 } 53 @media (max-width: 900px) { 54 .v2-calc-frame { padding: 0 24px; } 55 .v2-calc-section { padding: 60px 0; } 56 .v2-calc-title { font-size: 36px; line-height: 1.1; } 57 .v2-calc-card-inner { padding: 24px; } 58 .v2-calc-options-grid { grid-template-columns: repeat(2, 1fr); gap: 4px; } 59 .v2-calc-totals-row { grid-template-columns: repeat(3, 1fr); gap: 16px; } 60 .v2-calc-total-value { font-size: 32px; } 61 } 62 @media (max-width: 480px) { 63 .v2-calc-frame { padding: 0 16px; } 64 .v2-calc-section { padding: 48px 0 60px; } 65 .v2-calc-title { font-size: 28px; line-height: 1.15; } 66 .v2-calc-card-inner { padding: 16px; } 67 .v2-calc-options-grid { grid-template-columns: 1fr 1fr; gap: 2px; } 68 .v2-calc-totals-row { grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 32px; } 69 .v2-calc-totals-row > div > div:first-child { font-size: 12px !important; } 70 .v2-calc-total-value { font-size: 28px; } 71 } 72 `}),e.jsxs("section",{className:"v2-calc-section",children:[e.jsxs("h2",{className:"v2-calc-title",children:["More Powerful.",e.jsx("br",{}),e.jsx("em",{children:"More Affordable."})]}),e.jsxs("p",{style:{fontSize:23,fontWeight:400,lineHeight:1.6,marginBottom:24,color:"var(--text-secondary)"},children:["See how much you're spending on tools that don't talk to each other",e.jsx("br",{}),"â and what you'd save with everything in one platform."]}),e.jsx(x,{to:"/pricing",style:{display:"inline-block",fontSize:15,marginBottom:40,c
72olor:"#2684e0",textDecoration:"none"},children:"See pricing plans â"}),e.jsx("div",{className:"v2-calc-card",style:{border:"var(--hairline) solid var(--sidebar-border)",background:"var(--sidebar-bg)",borderRadius:16},children:e.jsxs("div",{className:"v2-calc-card-inner",children:[e.jsx("div",{className:"v2-calc-options-grid",children:s.map(a=>{const i=!!t[a.key];return e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:8,padding:"4px",cursor:"pointer",userSelect:"none"},onClick:()=>d(a.key),children:[e.jsx("span",{"aria-hidden":!0,style:{display:"inline-flex",height:16,width:16,alignItems:"center",justifyContent:"center",borderRadius:3,border:"var(--hairline) solid",borderColor:i?"#2684e0":"var(--sidebar-border)",background:i?"#2684e0":"var(--bg-app)",flexShrink:0},children:i?e.jsx("svg",{viewBox:"0 0 20 20",width:"14",height:"14","aria-hidden":!0,style:{color:"hsl(var(--background))"},children:e.jsx("path",{d:"M4 10l4 4 8-8",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"})}):null}),e.jsx("span",{style:{fontSize:15},children:a.label}),e.jsxs("span",{style:{fontSize:12,marginLeft:"auto",color:"var(--text-secondary)",visibility:i?"visible":"hidden",flexShrink:0},children:["$",a.price]}),e.jsx("input",{type:"checkbox",className:"sr-only",checked:i,onChange:()=>d(a.key)})]},a.key)})}),e.jsxs("div",{className:"v2-calc-totals-row",children:[e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:14,marginBottom:8,color:"var(--text-secondary)"},children:"Monthly price"}),e.jsx("div",{style:{display:"flex",alignItems:"baseline"},children:e.jsxs("span",{className:"v2-calc-total-value",children:["$",o]})})]}),e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:14,marginBottom:8,color:"var(--text-secondary)"},children:"Monthly savings"}),e.jsxs("div",{className:"v2-calc-total-value","data-test":"calc-monthly",children:["$",n.toLocaleString()]})]}),e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:14,marginBottom:8,color:"var(--text-secondary)"},children:"Annual savings"}),e.jsxs("div",{className:"v2-calc-total-value","data-test":"calc-annual",children:["$",v.toLocaleString()]})]})]})]})})]})]})}export{u as default};
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.