PageSourceSearch

https://www.trybased.com/static/js/74.96c9c47c.chunk.js

js trybased.com collected 2026-10-02 01:50:20 UTC 130,489 bytes, 2 lines download raw bytes

1"use strict";(self.webpackChunkknowledge_base_saas=self.webpackChunkknowledge_base_saas||[]).push([[74],{18419(e,t,s){s.d(t,{A:()=>n});s(65043);var r=s(70579);function n(e){let t=e.className,s=void 0===t?"h-8 w-8":t;return(0,r.jsx)("svg",{role:"img",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",className:s,"aria-hidden":!0,children:(0,r.jsx)("path",{fill:"currentColor",d:"M11.503.131 1.891 5.678a.84.84 0 0 0-.42.726v11.188c0 .3.162.575.42.724l9.609 5.55a1 1 0 0 0 .998 0l9.61-5.55a.84.84 0 0 0 .42-.724V6.404a.84.84 0 0 0-.42-.726L12.497.131a1.01 1.01 0 0 0-.996 0M2.657 6.338h18.55c.263 0 .43.287.297.515L12.23 22.918c-.062.107-.229.064-.229-.06V12.335a.59.59 0 0 0-.295-.51l-9.11-5.257c-.109-.063-.064-.23.061-.23"})})}},86150(e,t,s){s.r(t),s.d(t,{default:()=>Gs});var r=s(89379),n=s(5544),a=s(65043),i=s(6519),l=s(40111),o=s(49445),c=s(70601),d=s(7118),m=s(41680),x=s(94965),u=s(83204),h=s(39292),p=s(7104),g=s(88306),f=s(20073),y=s(35327),b=s(14939),v=s(22925),j=s(81990),w=s(20254),N=s(27673),A=s(65727),E=s(34537),C=s(42489),_=s(33005),P=s(75088),k=s(91286),R=s(47874),S=(s(48749),s(96822)),T=s(67898),I=(s(58147),s(33868)),L=s(70579);const M=()=>{const e=(0,a.useRef)(null);return(0,a.useEffect)(()=>{const t=t=>{if(!e.current)return;const s=t.clientX,r=t.clientY;e.current.style.background="\n        radial-gradient(\n          600px circle at ".concat(s,"px ").concat(r,"px,\n          rgba(37, 100, 235, 0.03),   /* blue */\n          rgba(0, 255, 255, 0.06),   /* cyan */\n          rgba(255, 79, 247, 0.05),  /* magenta */\n          rgba(255, 106, 61, 0.04),  /* orange-red */\n          transparent 99%\n        \n      ")};return window.addEventListener("mousemove",t),()=>window.removeEventListener("mousemove",t)},[]),(0,L.jsx)("div",{ref:e,className:"fixed inset-0 z-0 pointer-events-none transition-all duration-300"})};var O=s(70013);const D=[.16,1,.3,1],V={type:"spring",stiffness:300,damping:24},U=30,B=-30,F=30,G=-30;function z(e){let t=e.children,s=e.delay,n=void 0===s?0:s,i=e.direction,o=void 0===i?"up":i,d=e.duration,m=void 0===d?.6:d,x=e.once,u=void 0===x||x,h=e.margin,p=void 0===h?"-100px":h,g=e.className,f=e.style,y=e.scrollTrigger,b=void 0===y||y,v=e.initialDelay;const j=(0,a.useRef)(null),w=(0,O.W)(j,{once:u,margin:p||void 0,amount:.1}),N=(0,l.I)(),A=!b||w,E=N?{opacity:1,x:0,y:0}:{opacity:0,x:"left"===o?F:"right"===o?G:0,y:"up"===o?U:"down"===o?B:0},C={opacity:1,x:0,y:0},_=N?{duration:0}:{duration:m,delay:null!==v&&void 0!==v?v:n,ease:D};return(0,L.jsx)(c.P.div,{ref:j,initial:E,animate:A?C:E,transition:_,className:g,style:(0,r.A)({willChange:N?"auto":"transform"},f),children:t})}function H(e){let t=e.children,s=e.staggerDelay,r=void 0===s?.1:s,n=e.delayChildren,a=void 0===n?.2:n,i=e.className,o=e.style;const d={hidden:{},visible:{transition:(0,l.I)()?{staggerChildren:0,delayChildren:0}:{staggerChildren:r,delayChildren:a}}};return(0,L.jsx)(c.P.div,{variants:d,initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-50px"},className:i,style:o,children:t})}const W=20,K=-20,Y=20,q=-20;function $(e){let t=e.children,s=e.direction,r=void 0===s?"up":s,n=e.className,a=e.style;const i=(0,l.I)(),o={hidden:i?{opacity:1}:{opacity:0,x:"left"===r?Y:"right"===r?q:0,y:"up"===r?W:"down"===r?K:0},visible:{opacity:1,x:0,y:0,transition:i?{duration:0}:{type:"spring",stiffness:100,damping:20}}};return(0,L.jsx)(c.P.div,{variants:o,className:n,style:a,children:t})}function J(e){return e.split(/(\s+)/).filter(Boolean)}function Q(e){return e.split("\n")}function X(e){return e.split("")}function Z(e){let t=e.text,s=e.splitBy,r=void 0===s?"word":s,n=e.staggerDelay,a=void 0===n?.06:n,i=e.className,o=e.style,d=e.as,m=void 0===d?"span":d,x=e.trigger;const u=(0,l.I)(),h=("line"===r?Q:"character"===r?X:J)(t),p=void 0===x||!!x,g={hidden:{},visible:{transition:u?{staggerChildren:0,delayChildren:0}:{staggerChildren:a,delayChildren:0}}},f={hidden:u?{}:{opacity:0,y:20},visible:{opacity:1,y:0,transition:u?{duration:0}:{type:"spring",stiffness:100,damping:20}}},y="h1"===m?c.P.h1:"h2"===m?c.P.h2:c.P.span;return(0,L.jsx)(y,{variants:g,initial:"hidden",animate:p?"visible":"hidden",className:i,style:o,children:h.map((e,t)=>(0,L.jsx)(c.P.span,{variants:f,style:e.match(/^\s+$/)?{whiteSpace:"pre"}:void 0,className:"span"===m?"inline":void 0,children:e},t))})}function ee(e){let t=e.children,s=e.liftAmount,r=void 0===s?4:s,n=e.scaleFactor,a=void 0===n?1.02:n,i=e.className,o=e.style;return(0,l.I)()?(0,L.jsx)("div",{className:i,style:o,children:t}):(0,L.jsx)(c.P.div,{className:i,style:o,whileHover:{y:-r,scale:a,transition:V},whileTap:{scale:.98},transition:V,children:t})}function te(e){let t=e.color,s=void 0===t?"rgba(99, 102, 241, 0.15)":t,n=e.size,a=void 0===n?600:n,i=e.className,o=e.style;return(0,l.I)()?null:(0,L.jsx)(c.P.div,{className:i,style:(0,r.A)({position:"fixed",inset:0,pointerEvents:"none",zIndex:0,background:"radial-gradient(circle ".concat(a,"px at 50% 50%, ").
1concat(s,", transparent 70%)")},o),animate:{scale:[1,1.2,1],opacity:[.6,1,.6],x:["0%","5%","0%"],y:["0%","-3%","0%"]},transition:{duration:12,repeat:1/0,repeatType:"mirror",ease:"easeInOut"}})}var se=s(99996),re=s(35746),ne=s(74634),ae=s(45580),ie=s(67126);const le=[{id:"intro",user:"I need a proposal and intake process for a new client Farah Everly",ai:"On it. I'll start with an intake form so Farah can share her company details, contacts, and project focus.",step:{label:"Intake",icon:"clipboard"}},{id:"contract",user:"Now add a service agreement and request for signatures",ai:"Service agreement added with an inline signature pad. Legally binding the moment she signs.",step:{label:"Contract",icon:"penTool"}},{id:"payment",user:"Take a 50% deposit before kickoff",ai:"Payment step added with secure \ud83d\udcb0 Stripe checkout: 50% of the project total, paid up front.",step:{label:"Payment",icon:"creditCard"}},{id:"welcome",user:"Wrap it with a welcome message and kickoff call",ai:"Welcome step added. Saving Client Onboarding to your Clients workspace now.",step:{label:"Welcome",icon:"sparkles"}}],oe=[{id:"inv-1",client:"Summit Construction LLC",amount:2450,status:"paid",date:"Feb 10, 2026",description:"Commercial liability consulting \u2014 Q1 2026"},{id:"inv-2",client:"Riverside Property Mgmt",amount:1800,status:"sent",date:"Feb 12, 2026",description:"Certificate processing & risk review"},{id:"inv-3",client:"Metro Retail Group",amount:5200,status:"draft",date:"Feb 14, 2026",description:"Annual policy review & renewal support"}],ce={id:"inv-2",client:"Riverside Property Mgmt",email:"[email protected]",status:"sent",sentAt:"Feb 12, 2026 at 2:34 PM",lineItems:[{description:"Certificate processing (12 certificates)",amount:600},{description:"Risk review & recommendations",amount:1200}],subtotal:1800,total:1800},de={label:"Commercial Policy Review \u2014 Riverside",amount:1800,url:"https://based.app/pay/demo-link-xyz"},me=[3200,4100,3800,4500,5200,4800],xe=["Sep","Oct","Nov","Dec","Jan","Feb"],ue={paid:12,sent:3,draft:2},he={title:"Service Agreement",client:"Riverside Property Mgmt",status:"sent",fields:[{id:"f1",label:"Client Name",type:"text",value:"Riverside Property Mgmt"},{id:"f2",label:"Effective Date",type:"date",value:"Feb 14, 2026"},{id:"f3",label:"Authorized Signature",type:"signature",value:null}]},pe=[{id:"st1",name:"Service Agreement",lastUsed:"Feb 14, 2026",count:24},{id:"st2",name:"NDA",lastUsed:"Feb 10, 2026",count:12},{id:"st3",name:"Certificate Request Authorization",lastUsed:"Feb 8, 2026",count:8}],ge=[{step:"Created",by:"You",at:"Feb 12, 2026, 10:00 AM"},{step:"Sent",by:"You",at:"Feb 12, 2026, 2:34 PM"},{step:"Viewed",by:"Riverside Property Mgmt",at:"Feb 13, 2026, 9:15 AM"},{step:"Signed",by:"Riverside Property Mgmt",at:"Pending"}],fe=[{title:"Upload & Encrypt",description:"Files are encrypted in your browser using your unique key before anything leaves your device."},{title:"Secure Storage",description:"Only encrypted ciphertext is stored in the cloud \u2014 plain text never touches our servers."},{title:"Access & Decrypt",description:"When you open a document, it is decrypted locally in your browser. Only you hold the key."}],ye=[{title:"Client-side encryption",description:"All encryption and decryption happens in your browser using the Web Crypto API."},{title:"No plain text on servers",description:"Based servers only ever receive and store encrypted data \u2014 we literally cannot read your files."},{title:"You own the key",description:"Your encryption key is derived from your credentials and never transmitted or stored by us."}],be=[{label:"PBKDF2 Algorithm",detail:"Industry-standard password-based key derivation function used to generate your encryption key."},{label:"100,000 Iterations",detail:"Each key derivation runs 100k rounds, making brute-force attacks computationally impractical."},{label:"Unique Salt Per User",detail:"A cryptographically random salt ensures no two users ever share the same derived key."}],ve=[{id:"kb-sc-1",title:"Client Onboarding",category:"Operations",status:["Live"],date:"Thursday",coverImageUrl:"https://images.pexels.com/photos/7281926/pexels-photo-7281926.jpeg?auto=compress&cs=tinysrgb&w=600"},{id:"kb-sc-2",title:"Proposal",category:"Proposal",status:["Live","Signed"],date:"Jan 18, 2026",coverImageUrl:"https://images.pexels.com/photos/3184292/pexels-photo-3184292.jpeg?auto=compress&cs=tinysrgb&w=600"},{id:"kb-sc-3",title:"Property Lease",category:"Project Overview",status:["Live"],date:"Jan 8, 2026",coverImageUrl:"https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=600"}],je=[{id:"ws-1",name:"HandBook",icon:"\ud83d\udcd5"},{id:"ws-2",name:"IT",icon:"\ud83d\udcbb"}
1,{id:"ws-3",name:"Clients",icon:"\ud83d\ude0a",active:!0},{id:"ws-4",name:"To-Do",icon:"\ud83d\udccb"},{id:"ws-5",name:"Meetings",icon:"\ud83d\udcf9"},{id:"ws-6",name:"Prospects",icon:"\ud83d\udcbc"},{id:"ws-7",name:"Internal",icon:"\ud83d\udcc1"}],we={name:"Farah Everly",company:"Riverside Property Mgmt"},Ne="Sincerely,",Ae="Stanly Uso",Ee="Stanley from Atlas",Ce="[email protected]",_e="Client onboarding \u2014 documents ready",Pe="Hello Farah,\n\nWe're excited to be working with you. Use the link below to get onboarded, review our agreement and make your initial deposit to start work.",ke="https://onboarding.atlas.com/riverside",Re="Start your onboarding",Se=[{id:"company",label:"Company name",value:"Riverside Property Mgmt"},{id:"contact",label:"Primary contact",value:"Farah Everly"},{id:"email",label:"Email",value:"[email protected]"}],Te=0,Ie=.05,Le=.05,Me=.32,Oe=.38,De=.5,Ve=.5,Ue=.58,Be=.55,Fe=.92,Ge=.92,ze=1;function He(e,t,s){return e<=t?0:e>=s?1:(e-t)/(s-t)}function We(e){if(!e)return"";let t=e;return t=t.replace(/\[([^\]]+)\]\((https?:\/\/[^\s)]+|\/?\?doc=[^)\s]+|\/shared\/[^)\s]+)\)/g,'<a href="$2" target="_blank" rel="noopener noreferrer" class="text-blue-600 underline">$1</a>'),t=t.replace(/(https?:\/\/[^\s<>"]+?)(?=[.,!?;:]?\s|[.,!?;:]?$|[)}\]])/g,'<a href="$1" target="_blank" rel="noopener noreferrer" class="text-blue-600 underline">$1</a>'),t=t.replace(/`([^`]+)`/g,'<code class="bg-gray-100 px-1 rounded text-[0.9em]">$1</code>'),t=t.replace(/\*\*(.*?)\*\*/g,"<strong>$1</strong>"),t=t.replace(/\*(.*?)\*/g,"<em>$1</em>"),t}function Ke(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!e)return e;let s=e;const r=t.viewerDocuments;Array.isArray(r)&&r.length>0&&(s=(0,ie.M4)(s,r,{shareLinkId:t.shareLinkId,viewerBaseOrigin:"undefined"!==typeof window?window.location.origin:null})),s=s.replace(/([^\n\d])\s+(\d+)\.\s/g,"$1\n$2. ");const n=s.split("\n"),a=[];let i=!1,l=!1;for(let o=0;o<n.length;o++){const e=n[o],t=e.match(/^(\d+)\.\s+(.*)/),s=e.match(/^[-*]\s+(.*)/);t?(i||(l&&(a.push("</ul>"),l=!1),a.push('<ol class="my-1 ml-5 list-decimal">'),i=!0),a.push('<li class="my-0.5">'+We(t[2])+"</li>")):s?(l||(i&&(a.push("</ol>"),i=!1),a.push('<ul class="my-0.5 ml-7 list-disc">'),l=!0),a.push('<li class="my-0">'+We(s[1])+"</li>")):(i&&(a.push("</ol>"),i=!1),l&&(a.push("</ul>"),l=!1),""===e.trim()?a.push("<br/>"):a.push(We(e)))}return i&&a.push("</ol>"),l&&a.push("</ul>"),a.join("")}function Ye(){return(0,L.jsx)("div",{className:"w-8 h-8 rounded-lg bg-white/20 flex items-center justify-center",children:(0,L.jsx)(Qe,{})})}function qe(){return(0,L.jsx)("div",{className:"w-8 h-8 rounded-lg bg-blue-500 flex items-center justify-center shrink-0 mt-0.5","aria-hidden":!0,children:(0,L.jsx)(Ye,{})})}function $e(e){let t=e.children,s=e.style,r=e.className,n=void 0===r?"":r;return(0,L.jsxs)("div",{className:"flex items-start gap-2.5 "+n,style:s,children:[(0,L.jsx)(qe,{}),(0,L.jsx)("div",{className:"min-w-0 flex-1 max-w-[85%]",children:t})]})}function Je(e){let t=e.opacity,s=void 0===t?1:t;return(0,L.jsx)($e,{style:{opacity:s},children:(0,L.jsx)("div",{className:"bg-white border border-gray-200 px-3.5 py-2.5 rounded-lg inline-flex items-center gap-1",children:[0,150,300].map(e=>(0,L.jsx)("span",{className:"w-1.5 h-1.5 bg-gray-400 rounded-full animate-bounce",style:{animationDelay:"".concat(e,"ms")}},e))})})}function Qe(){return(0,L.jsxs)("svg",{width:"28",height:"28",viewBox:"0 0 100 100",xmlns:"http://www.w3.org/2000/svg",children:[(0,L.jsx)("rect",{x:"10",y:"10",width:"80",height:"80",rx:"20",fill:"white"}),(0,L.jsxs)("g",{children:[(0,L.jsx)("circle",{cx:"35",cy:"40",r:"5",fill:"white"}),(0,L.jsx)("circle",{cx:"35",cy:"40",r:"3",fill:"#3B82F6"})]}),(0,L.jsxs)("g",{className:"animate-wink origin-center",children:[(0,L.jsx)("circle",{cx:"65",cy:"40",r:"5",fill:"white"}),(0,L.jsx)("circle",{cx:"65",cy:"40",r:"3",fill:"#3B82F6"})]}),(0,L.jsx)("path",{d:"M35 60 Q50 75 65 60",stroke:"#3B82F6",strokeWidth:"3",fill:"none",strokeLinecap:"round"})]})}function Xe(){return(0,L.jsxs)("button",{type:"button",onClick:()=>{const e=document.getElementById("demo-section-2.0");null===e||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start"})},className:"inline-flex items-center gap-1.5 text-xs font-medium text-blue-600 hover:text-blue-700 transition-colors",children:["See it in your Knowledge Base",(0,L.jsx)(se.A,{className:"w-3.5 h-3.5"})]})}function Ze(e){let t=e.scrollProgress,s=void 0===t?0:t,i=e.onHandoffComplete,l=e.pageScrollPassthrough,o=void 0===l||l;const d={NODE_ENV:"production",PUBLIC_URL:".",WDS_SOCKET_HOST:void 0,WDS_SOCKET_PATH:void 0,WDS_SOCKET_PORT:void 0,FAST_REFRESH:!0,REACT_APP_VERCEL_GIT_COMMIT_AUTHOR_NAME:"Gary Riger",REACT_APP_VERCEL_GIT_PROVIDER:"github",REACT_APP_VERCEL_PROJECT_ID:"prj_A5c8ZMv75ibxQVceA3I7GjPny9oD",REACT_APP_VERCEL_GIT_PULL_REQUEST_ID:"",REACT_APP_VERCEL_OBSERVABILITY_CLIENT_CONFIG:'{"analytics":{"scriptSrc":"8f81e36d25c71756/script.
1js","viewEndpoint":"8f81e36d25c71756/view","eventEndpoint":"8f81e36d25c71756/event","sessionEndpoint":"8f81e36d25c71756/session"},"speedInsights":{"scriptSrc":"1e9f61cb490e195d/script.js","endpoint":"1e9f61cb490e195d/vitals"}}',REACT_APP_VERCEL_BRANCH_URL:"based-git-main-trybased.vercel.app",REACT_APP_VERCEL_GIT_COMMIT_MESSAGE:"Merge pull request #72 from grigerny/cursor/fix-doc-path-route-92cd\n\nfix: /doc/:id white screen \u2014 redirect to /?doc=",REACT_APP_VERCEL_DEPLOYMENT_ID:"dpl_AGjsSaVrRaABU1cBfdrSwYgrbTnK",REACT_APP_VERCEL_GIT_REPO_SLUG:"knowledge-base-saas",REACT_APP_VERCEL_TARGET_ENV:"production",REACT_APP_VERCEL_GIT_COMMIT_SHA:"3652b2969ded46d64de91ec6acc78f22cc8c6ae4",REACT_APP_VERCEL_ENV:"production",REACT_APP_VERCEL_GIT_COMMIT_REF:"main",REACT_APP_VERCEL_URL:"based-hwwo5zpxx-trybased.vercel.app",REACT_APP_VERCEL_PROJECT_PRODUCTION_URL:"www.trybased.com",REACT_APP_VERCEL_GIT_PREVIOUS_SHA:"",REACT_APP_VERCEL_GIT_REPO_ID:"980833582",REACT_APP_VERCEL_GIT_COMMIT_AUTHOR_LOGIN:"grigerny",REACT_APP_VERCEL_GIT_REPO_OWNER:"grigerny"}.REACT_APP_DEMO_CHATBOT_WORKSPACE_ID,m={NODE_ENV:"production",PUBLIC_URL:".",WDS_SOCKET_HOST:void 0,WDS_SOCKET_PATH:void 0,WDS_SOCKET_PORT:void 0,FAST_REFRESH:!0,REACT_APP_VERCEL_GIT_COMMIT_AUTHOR_NAME:"Gary Riger",REACT_APP_VERCEL_GIT_PROVIDER:"github",REACT_APP_VERCEL_PROJECT_ID:"prj_A5c8ZMv75ibxQVceA3I7GjPny9oD",REACT_APP_VERCEL_GIT_PULL_REQUEST_ID:"",REACT_APP_VERCEL_OBSERVABILITY_CLIENT_CONFIG:'{"analytics":{"scriptSrc":"8f81e36d25c71756/script.js","viewEndpoint":"8f81e36d25c71756/view","eventEndpoint":"8f81e36d25c71756/event","sessionEndpoint":"8f81e36d25c71756/session"},"speedInsights":{"scriptSrc":"1e9f61cb490e195d/script.js","endpoint":"1e9f61cb490e195d/vitals"}}',REACT_APP_VERCEL_BRANCH_URL:"based-git-main-trybased.vercel.app",REACT_APP_VERCEL_GIT_COMMIT_MESSAGE:"Merge pull request #72 from grigerny/cursor/fix-doc-path-route-92cd\n\nfix: /doc/:id white screen \u2014 redirect to /?doc=",REACT_APP_VERCEL_DEPLOYMENT_ID:"dpl_AGjsSaVrRaABU1cBfdrSwYgrbTnK",REACT_APP_VERCEL_GIT_REPO_SLUG:"knowledge-base-saas",REACT_APP_VERCEL_TARGET_ENV:"production",REACT_APP_VERCEL_GIT_COMMIT_SHA:"3652b2969ded46d64de91ec6acc78f22cc8c6ae4",REACT_APP_VERCEL_ENV:"production",REACT_APP_VERCEL_GIT_COMMIT_REF:"main",REACT_APP_VERCEL_URL:"based-hwwo5zpxx-trybased.vercel.app",REACT_APP_VERCEL_PROJECT_PRODUCTION_URL:"www.trybased.com",REACT_APP_VERCEL_GIT_PREVIOUS_SHA:"",REACT_APP_VERCEL_GIT_REPO_ID:"980833582",REACT_APP_VERCEL_GIT_COMMIT_AUTHOR_LOGIN:"grigerny",REACT_APP_VERCEL_GIT_REPO_OWNER:"grigerny"}.REACT_APP_DEMO_CHATBOT_SHARE_LINK_ID||null,x=(0,a.useRef)(null),u=(0,a.useState)(!1),h=(0,n.A)(u,2),p=h[0],g=h[1];(0,a.useEffect)(()=>{s>=.95&&!p&&g(!0)},[s,p]);const f=p?1:Math.max(0,Math.min(1,s));(0,a.useEffect)(()=>{if(!o)return;const e=x.current;if(!e)return;const t=t=>{(function(e){if(!e)return document.scrollingElement||document.documentElement;let t=e.parentElement;for(;t;){const e=window.getComputedStyle(t).overflowY;if(("auto"===e||"scroll"===e)&&t.scrollHeight>t.clientHeight+1)return t;t=t.parentElement}return document.scrollingElement||document.documentElement}(e)).scrollTop+=t.deltaY,t.preventDefault()};return e.addEventListener("wheel",t,{passive:!1}),()=>e.removeEventListener("wheel",t)},[o]);const y=(0,a.useMemo)(()=>le.map((e,t)=>{const s=function(e,t){const s=(e-.16*t)/.16;return s<0?0:s>1?1:s}(f,t),r=He(s,Te,Ie),n=He(s,Le,Me),a=Math.floor(n*e.user.length),i=He(s,Oe,Oe+.04),l=1-He(s,De-.04,De),o=Math.max(0,Math.min(i,l)),c=He(s,Ve,Ue),d=He(s,Be,Fe),m=Math.floor(d*e.ai.length),x=He(s,Ge,ze);return{index:t,turn:e,tp:s,userBubbleOpacity:r,userCharsShown:a,userText:e.user.slice(0,a),aiTypingOpacity:o,aiBubbleOpacity:c,aiCharsShown:m,aiText:e.ai.slice(0,m),docStepProgress:x}}),[f]),b=He(f,.82,.92),v=(0,a.useRef)(!1);(0,a.useEffect)(()=>{f<.85?v.current=!1:f>=.92&&!v.current&&i&&(v.current=!0,i())},[f,i]);const j=(0,a.useRef)(null),w=(0,a.useRef)(""),N=(0,a.useMemo)(()=>y.map(e=>"".concat(e.userCharsShown,"-").concat(e.aiCharsShown,"-").concat(e.aiTypingOpacity>.1?"T":"")).join("|")+"|h".concat(b>.05?1:0),[y,b]);(0,a.useEffect)(()=>
1{if(N===w.current)return;w.current=N;const e=j.current;e&&e.scrollTo({top:e.scrollHeight,behavior:"smooth"})},[N]);const A=(0,a.useState)([]),E=(0,n.A)(A,2),C=E[0],_=E[1],P=(0,a.useState)(""),k=(0,n.A)(P,2),R=k[0],S=k[1],T=(0,a.useState)(!1),I=(0,n.A)(T,2),M=I[0],O=I[1],D=(0,a.useState)(0),V=(0,n.A)(D,2),U=V[0],B=V[1],F=(0,a.useRef)(null),G=(0,a.useRef)("chat_demo_create_".concat(Date.now())),z=(0,a.useRef)(null),H=(0,a.useRef)(0),W=(0,a.useRef)(null),K=(0,a.useCallback)(()=>{W.current&&(clearInterval(W.current),W.current=null)},[]);(0,a.useEffect)(()=>()=>K(),[K]);const Y=(0,a.useCallback)(e=>e.filter(e=>"user"===e.role||"assistant"===e.role||"human"===e.role).map(e=>({role:"human"===e.role?"assistant":e.role,content:e.text})),[]),q=(0,a.useCallback)(()=>{K(),z.current&&(W.current=setInterval(async()=>{const e=z.current;if(e)try{const t=await fetch((0,ne.jI)(),{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({data:{workspaceId:d,chatId:G.current,sessionToken:e,sinceIndex:H.current}})}),s=await t.json(),r=s.result||s.data||s,n=r.messages||[];for(const e of n)"assistant"===e.role&&"human"===e.source&&_(t=>[...t,{role:"human",text:e.content||"",senderName:e.senderName||"Team",photoURL:e.photoURL||e.photoUrl||e.avatarUrl||void 0}]);"number"===typeof r.fullLength&&(H.current=r.fullLength)}catch(t){}},4e3))},[d,K]),$=U>=8,J=(0,a.useCallback)(async e=>{const t=(e||"").trim();if(!t||M||$||!d||!p)return;const s={role:"user",text:t},n=[...C,s];_(n),S(""),O(!0),B(e=>e+1);try{const e=await fetch((0,ne.CN)(),{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({data:(0,r.A)({workspaceId:d,chatId:G.current,message:t,conversationHistory:Y(n),provider:"openai",ragAudience:"visitor",liveHandoffSurface:"embed"},z.current&&{sessionToken:z.current})})});if(!e.ok)throw new Error("HTTP ".concat(e.status));const s=await e.json(),a=s.result||s.data||s;if(!a.liveSessionUserMessageOnly){const e=a.content||a.message||a.response||a.answer||("string"===typeof a?a:"Sorry, I had trouble generating a response."),t=a.ragContext&&Array.isArray(a.ragContext.pdfSources)?a.ragContext.pdfSources:[],s=a.ragContext&&Array.isArray(a.ragContext.viewerDocuments)?a.ragContext.viewerDocuments:[];_(r=>[...r,{role:"assistant",text:e,pdfSources:t,viewerDocuments:s}])}a.sessionToken&&a.liveHandoff&&(z.current=a.sessionToken,H.current="number"===typeof a.guestPollSinceIndex?a.guestPollSinceIndex:2,q())}catch(a){_(e=>[...e,{role:"assistant",text:"Sorry, something went wrong. Please try again."}])}finally{O(!1)}},[M,$,d,p,C,Y,q]),Q=y.find(e=>e.userCharsShown>0&&e.userCharsShown<e.turn.user.length),X=p?R:Q?Q.userText:"",Z=p?$?"Demo limit reached":"Ask Based AI anything...":"";return(0,L.jsxs)("div",{ref:x,className:"rounded-2xl border border-gray-200 bg-white shadow-xl overflow-hidden flex flex-col h-full",style:{height:"clamp(420px, calc(100vh - 10rem), ".concat(540,"px)")},children:[(0,L.jsxs)("div",{className:"bg-blue-500 px-5 py-3.5 flex items-center gap-3 shrink-0",children:[(0,L.jsx)(Ye,{}),(0,L.jsxs)("div",{className:"min-w-0",children:[(0,L.jsx)("p",{className:"text-white font-semibold text-sm leading-tight",children:"Based AI"}),(0,L.jsx)("p",{className:"text-blue-100 text-xs leading-tight",children:"Create, edit, and ask"})]})]}),(0,L.jsxs)("div",{ref:j,className:"flex-1 p-4 space-y-3 bg-gray-50 min-h-0 ".concat(o?"overflow-hidden":"overflow-y-auto"),children:[y.map(e=>(0,L.jsxs)(a.Fragment,{children:[e.userBubbleOpacity>0&&(0,L.jsx)("div",{className:"flex justify-end",style:{opacity:e.userBubbleOpacity},children:(0,L.jsxs)("div",{className:"bg-blue-500 text-white rounded-lg px-3.5 py-2.5 max-w-[80%] text-sm whitespace-pre-wrap",children:[e.userText||"\xa0",e.userCharsShown>0&&e.userCharsShown<e.turn.user.length&&(0,L.jsx)("span",{className:"inline-block w-[2px] h-[1em] -mb-[2px] ml-0.5 bg-white/80 animate-pulse"})]})}),e.aiTypingOpacity>.05&&(0,L.jsx)(Je,{opacity:e.aiTypingOpacity}),e.aiBubbleOpacity>0&&(0,L.jsx)($e,{style:{opacity:e.aiBubbleOpacity},children:(0,L.jsxs)("div",{className:"bg-white border border-gray-200 rounded-lg px-3.5 py-2.5 text-sm text-gray-700 leading-relaxed",children:[e.aiText||"\xa0",e.aiCharsShown>
10&&e.aiCharsShown<e.turn.ai.length&&(0,L.jsx)("span",{className:"inline-block w-[2px] h-[1em] -mb-[2px] ml-0.5 bg-gray-400 animate-pulse"})]})})]},e.turn.id)),b>.05&&(0,L.jsx)($e,{style:{opacity:b},children:(0,L.jsxs)("div",{className:"space-y-1.5",children:[(0,L.jsx)("div",{className:"bg-white border border-gray-200 rounded-lg px-3.5 py-2.5 text-sm text-gray-700 leading-relaxed",dangerouslySetInnerHTML:{__html:We("\u2713 Saved to your **Clients** workspace. Scroll down to see how it works, or ask me anything else right here.")}}),(0,L.jsx)(Xe,{})]})}),C.map((e,t)=>{const s={key:"live-".concat(t),initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{duration:.25}};return"user"===e.role?(0,L.jsx)(c.P.div,(0,r.A)((0,r.A)({},s),{},{className:"flex justify-end",children:(0,L.jsx)("div",{className:"bg-blue-500 text-white rounded-lg px-3.5 py-2.5 max-w-[80%] text-sm whitespace-pre-wrap",children:e.text})})):"assistant"===e.role?(0,L.jsx)(c.P.div,(0,r.A)((0,r.A)({},s),{},{children:(0,L.jsx)($e,{children:(0,L.jsxs)("div",{className:"bg-white border border-gray-200 rounded-lg px-3.5 py-2.5 text-sm text-gray-700 leading-relaxed",children:[(0,L.jsx)("div",{className:"prose-sm [&_a]:text-blue-600 [&_a]:underline",dangerouslySetInnerHTML:{__html:Ke(e.text,{viewerDocuments:e.viewerDocuments,shareLinkId:m})}}),(null!==(n=null===(a=e.pdfSources)||void 0===a?void 0:a.length)&&void 0!==n?n:0)>0?(0,L.jsx)(ae.E,{className:"mt-2",pdfSources:e.pdfSources,shareLinkId:m}):null]})})})):(0,L.jsx)(c.P.div,(0,r.A)((0,r.A)({},s),{},{className:"flex justify-start",children:(0,L.jsxs)("div",{className:"bg-emerald-50 border border-emerald-200 rounded-lg px-3.5 py-2.5 max-w-[85%] text-sm text-emerald-950 leading-relaxed",children:["human"===e.role&&(0,L.jsxs)("div",{className:"flex items-center gap-2 mb-1",children:[e.photoURL?(0,L.jsx)("img",{src:e.photoURL,alt:"",className:"w-7 h-7 rounded-full object-cover border border-emerald-200 shrink-0"}):null,(0,L.jsx)("p",{className:"text-xs font-semibold text-emerald-800",children:e.senderName||"Team"})]}),(0,L.jsx)("div",{className:"whitespace-pre-wrap",children:e.text})]})}));var n,a}),M&&(0,L.jsx)(Je,{})]}),$&&p&&(0,L.jsxs)("div",{className:"px-4 py-2 bg-amber-50 border-t border-amber-200 text-xs text-amber-700 text-center",children:["Demo limit reached."," ",(0,L.jsx)("a",{href:"/auth",className:"underline font-medium",children:"Sign up"})," ","to keep going."]}),(0,L.jsx)("form",{onSubmit:e=>{e.preventDefault(),J(R)},className:"border-t border-gray-200 px-4 py-3 bg-white shrink-0",children:(0,L.jsxs)("div",{className:"relative border border-gray-300 rounded-full focus-within:border-blue-400 focus-within:ring-2 focus-within:ring-blue-100 transition-all",children:[(0,L.jsx)("input",{ref:F,type:"text",value:X,onChange:e=>p&&S(e.target.value),placeholder:Z,disabled:!p||M||$,readOnly:!p,className:"w-full py-2.5 pl-4 pr-12 text-sm bg-transparent border-none rounded-full focus:outline-none disabled:opacity-70 text-gray-800 placeholder-gray-400"}),(0,L.jsx)("button",{type:"submit",disabled:!p||M||!R.trim()||$,className:"absolute right-1.5 top-1/2 -translate-y-1/2 w-8 h-8 rounded-full bg-blue-500 text-white flex items-center justify-center disabled:opacity-40 hover:bg-blue-600 transition-colors","aria-label":"Send",children:(0,L.jsx)(re.A,{className:"w-3.5 h-3.5"})})]})})]})}const et="based-landing-hide-hero",tt="based-landing-show-hero";const st=et,rt=tt;var nt=s(36210);const at=[{need:"Document management",example:"Notion, Google Docs",cost:"$10/user/mo"},{need:"E-signatures",example:"DocuSign",cost:"$25/mo"},{need:"Invoicing & payments",example:"QuickBooks",cost:"$30/mo"},{need:"AI chatbot",example:"Intercom, Drift",cost:"$74/mo"},{need:"File storage",example:"Dropbox Business",cost:"$15/user/mo"},{need:"Knowledge base",example:"Guru, Confluence",cost:"$10/user/mo"},{need:"All-in-one integration",example:null,cost:"not possible"},{need:"End-to-end encryption",example:null,cost:"not possible"}],it=()=>(0,L.jsxs)("section",{className:"mb-20 max-w-3xl mx-auto",children:[(0,L.jsxs)("div",{className:"text-center mb-8",children:[(0,L.jsxs)("h2",{className:"text-3xl sm:text-4xl font-bold text-gray-900 mb-2",children:["The ",(0,L.jsxs)("span",{className:"text-red-600",children:["$300+",(0,L.jsx)("span",{className:"text-2xl sm:text-3xl",children:"/mo"})]})," stack for ",(0,L.jsxs)("span",{className:"text-green-600",children:["$179",(0,L.jsx)("span",{className:"text-2xl sm:text-3xl",children:"/mo"})]})]}),(0,L.jsx)("p",{className:"text-gray-500 text-sm sm:text-base",children:"What Based replaces vs. what it costs"})]}),(0,L.jsxs)("div",{className:"bg-white border border-gray-200 rounded-xl overflow-hidden",children:[(0,L.jsxs)("div",{className:"grid grid-cols-[1fr_auto_auto] items-center px-5 py-3 border-b border-gray-200 bg-gray-50",children:[(0,L.jsx)("span",{className:"text-xs font-semibold text-gray-400 uppercase tracking-wider",children:"What you need"}),(0,L.jsx)("span",{className:"text-xs font-semibold text-gray-400 uppercase tracking-wider text-right w-28 sm:w-36",children:"Separate tools"}),(0,L.jsx)("span",{className:"text-xs font-semibold text-green-600 uppercase tracking-wider text-right w-24 sm:w-28",children:(0,L.jsxs)("span",{className:"inline-flex items-center gap-1",children:[(0,L.jsx)("span",{className:"w-1.5 h-1.5 bg-green-500 rounded-full"}),"With Based"]})})]}),at.map((e,t)=>(0,L.jsxs)("div",{className:"grid grid-cols-[1fr_auto_auto] items-center px-5 py-3.5 border-b border-gray-100 last:border-b-0 hover:bg-gray-50/50 transition-colors",children:[(0,L.jsxs)("div",{children:[(0,L.jsx)("span",{className:"text-sm font-medium text-gray-900",children:e.need}),e.example&&(0,L.jsxs)("span",{className:"text-xs text-gray-400 ml-1.5 hidden sm:inline",children:["(",e.example,")"]})]}),(0,L.jsx)("span",{className:"text-sm text-right w-28 sm:w-36 ".concat("not possible"===e.cost?"text-gray-400 italic":"text-gray-700"),children:e.cost}),(0,L.jsx)("div",{className:"w-24 sm:w-28 flex justify-end",children:(0,L.jsx)("span",{className:"inline-flex items-center justify-center w-6 h-6 rounded-full bg-green-100",children:(0,L.jsx)(nt.A,{className:"w-3.5 h-3.5 text-green-600"})})})]},t)),(0,L.jsxs)("div",{className:"grid grid-cols-[1fr_auto_auto] items-center px-5 py-4 bg-gray-900 text-white",children:[(0,L.jsx)("span",{className:"text-sm font-semibold",children:"Total per year"}),(0,L.jsx)("span",{className:"text-lg font-bold text-red-400 text-right w-28 sm:w-36",children:"$3,600+"}),(0,L.jsx)("span",{className:"text-lg font-bold text-green-400 text-right w-24 sm:w-28",children:"$2,148"})]})]}),(0,L.jsx)("p",{className:"text-center text-xs text-gray-400 mt-3",children:"Estimates based on a team of 5 using popular alternatives at standard pricing"})]});var lt=s(57856),ot=s(72313),ct=s(37916),dt=s(18419),mt=s(37322),xt=s(59395),ut=s(92339);const ht="https://mcp.trybased.com/sse",pt=[{id:"stripe",name:"Stripe",status:"live",hint:"Connect Stripe in Based Abilities to track t
1ime on documents, send invoices, and add payment buttons from any document.",showMcpCopy:!1,iconTint:"bg-violet-600/10",logo:(0,L.jsx)("img",{src:"".concat(".","/stripe-logo.svg"),alt:"",className:"w-9 h-9 object-contain",width:36,height:36})},{id:"claude",name:"Claude",status:"live",hint:"In Claude, open Settings \u2192 Connectors and add an MCP server. Paste the server URL when prompted \u2014 use the copy button in the Based MCP banner below.",showMcpCopy:!0,iconTint:"bg-orange-500/10",logo:(0,L.jsx)(xt.A,{size:36,className:"w-9 h-9"})},{id:"chatgpt",name:"ChatGPT",status:"live",hint:"In ChatGPT, open Settings \u2192 Apps & Connectors \u2192 Create and add a connector. When asked for the MCP server URL, paste the URL from the Based MCP banner below (use copy).",showMcpCopy:!0,iconTint:"bg-emerald-600/10",logo:(0,L.jsx)(mt.A,{size:36,className:"shrink-0"})},{id:"cursor",name:"Cursor",status:"live",hint:"Enable Cursor / VS Code extension in Based \u2192 Abilities, download the .vsix, install with Install from VSIX, sign in, and link your folder. With Env Vault enabled you can also sync encrypted env vars as an in-memory virtual YAML.",showMcpCopy:!1,iconTint:"bg-sky-500/10",logo:(0,L.jsx)("div",{className:"w-9 h-9 rounded-md bg-slate-900 flex items-center justify-center","aria-hidden":!0,children:(0,L.jsx)(dt.A,{className:"w-5 h-5 text-white"})})}
1,{id:"slack",name:"Slack",status:"comingSoon",hint:null,showMcpCopy:!1,iconTint:"bg-fuchsia-600/10",logo:(0,L.jsx)("img",{src:"".concat(".","/slack-logo.svg"),alt:"",className:"w-9 h-9 object-contain",width:36,height:36})}];function gt(){const e=(0,l.I)(),t=(0,a.useCallback)(async e=>{var t,s;null===e||void 0===e||null===(t=e.stopPropagation)||void 0===t||t.call(e),null===e||void 0===e||null===(s=e.preventDefault)||void 0===s||s.call(e);try{await navigator.clipboard.writeText(ht),ut.Ay.success("MCP server URL copied to clipboard")}catch(r){ut.Ay.error("Could not copy. Select and copy the URL manually.")}},[]),s={hidden:{},visible:{transition:e?{staggerChildren:0,delayChildren:0}:{staggerChildren:.05,delayChildren:0}}},r={hidden:e?{opacity:1,y:0}:{opacity:0,y:12},visible:{opacity:1,y:0,transition:e?{duration:0}:{duration:.35,ease:D}}};return(0,L.jsxs)("section",{className:"mb-20",id:"integrations","aria-labelledby":"integrations-heading",children:[(0,L.jsxs)("div",{className:"text-center mb-10 md:mb-12",children:[(0,L.jsxs)("div",{className:"flex items-center justify-center gap-3 mb-6",children:[(0,L.jsx)("span",{className:"flex-1 max-w-[4.5rem] sm:max-w-[6rem] h-px bg-gray-200","aria-hidden":!0}),(0,L.jsx)("span",{className:"font-mono text-xs uppercase tracking-widest text-blue-600",children:"Integrations"}),(0,L.jsx)("span",{className:"flex-1 max-w-[4.5rem] sm:max-w-[6rem] h-px bg-gray-200","aria-hidden":!0})]}),(0,L.jsxs)("h2",{id:"integrations-heading",className:"text-3xl sm:text-4xl font-bold text-gray-900 mb-3 tracking-tight",children:["Works with the tools",(0,L.jsx)("br",{}),"you ",(0,L.jsx)("span",{className:"text-blue-600",children:"already trust"})]}),(0,L.jsx)("p",{className:"text-gray-600 max-w-[480px] mx-auto text-base md:text-lg",children:"Based connects your documents, payments, and AI \u2014 no switching tabs, no copy-pasting between apps."})]}),(0,L.jsxs)(c.P.div,{className:"grid grid-cols-2 lg:grid-cols-4 gap-4 md:gap-6 mb-8",variants:s,initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-80px",amount:.15},children:[pt.map(e=>(0,L.jsx)(c.P.div,{variants:r,className:"min-w-0",children:(0,L.jsxs)("div",{tabIndex:e.hint?0:void 0,className:["group/card relative h-full flex flex-col items-center text-center rounded-xl border p-5 md:p-6 transition-all duration-200 outline-none","hover:-translate-y-0.5 hover:shadow-md hover:border-blue-500",e.hint?"focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2":"","live"===e.status?"bg-white border-gray-200":"bg-gray-50 border-gray-200"].filter(Boolean).join(" "),children:[e.hint?(0,L.jsx)("div",{className:"hidden md:block absolute left-1/2 -translate-x-1/2 bottom-[calc(100%+0.5rem)] z-30 w-[min(100vw-2rem,18rem)] opacity-0 invisible pointer-events-none transition-opacity duration-150 md:group-hover/card:opacity-100 md:group-hover/card:visible md:group-hover/card:pointer-events-auto md:group-focus-within/card:opacity-100 md:group-focus-within/card:visible md:group-focus-within/card:pointer-events-auto",role:"tooltip",children:(0,L.jsxs)("div",{className:"rounded-lg bg-gray-900 px-3 py-2.5 text-left text-xs leading-snug text-white shadow-lg ring-1 ring-black/10",children:[(0,L.jsxs)("p",{className:"flex gap-1.5",children:[(0,L.jsx)(lt.A,{className:"w-3.5 h-3.5 shrink-0 text-blue-300 mt-0.5","aria-hidden":!0}),(0,L.jsx)("span",{children:e.hint})]}),e.showMcpCopy?(0,L.jsxs)("button",{type:"button",onClick:t,className:"mt-2 inline-flex w-full items-center justify-center gap-1.5 rounded-md bg-white/10 px-2 py-1.5 font-mono text-[11px] text-blue-100 hover:bg-white/20",children:[(0,L.jsx)(ot.A,{className:"w-3.5 h-3.5 shrink-0","aria-hidden":!0}),"Copy MCP URL"]}):null]})}):null,(0,L.jsx)("div",{className:["w-11 h-11 rounded-lg flex items-center justify-center mb-4 shrink-0",e.iconTint].join(" "),children:e.logo}),(0,L.jsx)("p",{className:"text-sm font-semibold text-gray-900 mb-3",children:e.name}),"live"===e.status?(0,L.jsx)("span",{className:"text-xs font-medium px-2.5 py-0.5 rounded-full border border-blue-500/30 bg-blue-50 text-blue-700",children:"Live"}):(0,L.jsx)("span",{className:"text-xs font-medium px-2.5 py-0.5 rounded-full border border-gray-200 bg-gray-100 text-gray-500",children:"Coming Soon"}),e.hint?(0,L.jsxs)("div",{className:"md:hidden w-full mt-3 px-0.5",children:[(0,L.jsx)("p",{className:"text-left text-[11px] text-gray-500 leading-snug",children:e.hint}),e.showMcpCopy?(0,L.jsxs)("button",{type:"button",onClick:t,className:"mt-2 inline-flex items-center gap-1.5 text-xs font-medium text-blue-600 hover:text-blue-700",children:[(0,L.jsx)(ot.A,{className:"w-3.5 h-3.5 shrink-0","aria-hidden":!0}),"Copy MCP URL"]}):null]}):null]})},e.id)),(0,L.jsx)(c.P.div,{variants:r,className:"col-span-2 lg:col-span-4",children:(0,L.jsxs)("div",{className:"relative overflow-hidden rounded-xl border border-gray-200 bg-slate-50",children:[(0,L.jsx)("div",{className:"absolute left-0 top-0 bottom-0 w-[3px] bg-gradient-to-b from-purple-600 to-blue-600","aria-hidden":!0}),(0,L.jsxs)("div",{className:"pl-5 pr-4 py-5 md:py-6 md:px-6 md:pl-7 flex flex-col sm:flex-row sm:items-center gap-5",children:[(0,L.jsxs)("div",{className:"flex gap-4 flex-1 min-w-0",children:[(0,L.jsx)("div",{className:"w-10 h-10 rounded-lg bg-blue-50 flex items-center justify-center shrink-0 border border-blue-100",children:(0,L.jsx)(ct.A,{className:"w-5 h-5 text-blue-600","aria-hidden":!0})}),(0,L.jsxs)("div",{className:"min-w-0 text-left",children:[(0,L.jsx)("p",{className:"text-sm md:text-base font-semibold text-gray-900 mb-1",children:"Based MCP Server \u2014 use Based from any AI tool"}),(0,L.jsx)("p",{className:"text-sm text-gray-600 leading-relaxed mb-2",children:"Connect Claude, Cursor, ChatGPT, or any MCP-compatible agent to your Based workspace. Create documents, trigger workflows, and query your data \u2014 all from your AI of choice."}),(0,L.jsx)("p",{className:"text-xs text-gray-500",children:"Copy the URL, then paste it in ChatGPT or Claude when you add your MCP connector."})]})]}),(0,L.jsxs)("div",{className:"flex flex-col items-stretch sm:items-end justify-center gap-2 shrink-0 sm:pl-2 w-full sm:w-auto",children:[(0,L.jsxs)("button",{type:"button",onClick:t,className:"inline-flex items-center justify-center gap-2 font-mono text-sm text-blue-600 bg-blue-50 hover:bg-blue-100 border border-blue-100 px-4 py-2.5 rounded-lg transition-colors text-left sm:text-right",title:"Copy MCP server URL (SSE)",children:[(0,L.jsx)("span",{className:"truncate max-w-[min(100%,18rem)] sm:max-w-[14rem]",children:ht.replace("https://","")}),(0,L.jsx)(ot.A,{className:"w-4 h-4 shrink-0","aria-hidden":!0})]}),(0,L.jsx)("span",{className:"text-[11px] text-gray-400 font-mono hidden sm:block text-right max-w-[16rem]",children:"Copy for setup"})]})]})]})})]}),(0,L.jsx)("p",{className:"text-center text-sm text-gray-500",children:"More integrations coming soon."})]})}const ft=".",yt=[{id:"skyeco",name:"SkyeCo",href:"https://weareskyeco.com",logoSrc:"".concat(ft,"/partner-logos/skyeco.png"),logoClassName:"h-9 sm:h-10 w-auto max-w-[9.5rem] sm:max-w-[11rem] object-contain",chipClassName:""},{id:"serhey",name:"Serhey Davidson",href:"https://serheydavidson.com",logoSrc:"".concat(ft,"/partner-logos/serhey-davidson.png"),logoClassName:"h-12 sm:h-14 w-auto max-w-[3.5rem] sm:max-w-[4rem] object-contain",chipClassName:""},{id:"equalaccess",name:"EqualAccess",href:"https://equalaccess.io",logoSrc:"".concat(ft,"/partner-logos/equalaccess.svg"),logoClassName:"h-12 sm:h-14 w-auto max-w-[4.5rem] sm:max-w-[5rem] object-contain",chipClassName:""},{id:"stomachman",name:"StomachMan",href:"https://www.stomachman.com",logoSrc:"".concat(ft,"/partner-logos/stomachman.png"),logoClassName:"h-12 sm:h-14 w-auto max-w-[7.5rem] sm:max-w-[8.5rem] object-contain",chipClassName:""},{id:"watson-adventures",name:"Watson Adventures",href:"https://watsonadventures.com",logoSrc:"".concat(ft,"/partner-logos/watson-adventures.png"),logoClassName:"h-8 sm:h-9 w-auto max-w-[11rem] sm:max-w-[13rem] object-contain",chipClassName:""}];function bt(){const e=(0,l.I)(),t={hidden:{},visible:{transition:e?{staggerChildren:0,delayChildren:0}:{staggerChildren:.06,delayChildren:0}}},s={hidden:e?{opacity:1,y:0}:{opacity:0,y:10},visible:{opacity:1,y:0,transition:e?{duration:0}:{duration:.35,ease:D}}};return(0,L.jsxs)("section",{className:"mb-16 sm:mb-20","aria-labelledby":"trusted-by-heading",children:[(0,L.jsxs)("div",{className:"text-center mb-8 md:mb-10",children:[(0,L.jsxs)("div",{className:"flex items-center justify-center gap-3 mb-5",children:[(0,L.jsx)("span",{className:"flex-1 max-w-[4.5rem] sm:max-w-[6rem] h-px bg-gray-200","aria-hidden":!0}),(0,L.jsx)("span",{className:"font-mono text-xs uppercase tracking-widest text-blue-600",children:"Companies"}),(0,L.jsx)("span",{className:"flex-1 max-w-[4.5rem] sm:max-w-[6rem] h-px bg-gray-200","aria-hidden":!0})]}),(0,L.jsx)("h2",{id:"trusted-by-heading",className:"text-2xl sm:text-3xl font-bold text-gray-900 tracking-tight",children:"Teams already running on Based"})]}),(0,L.jsx)(c.P.ul,{className:"flex flex-wrap items-center justify-center gap-x-8 gap-y-8 sm:gap-x-12",variants:t,initial:"hidden",
1whileInView:"visible",viewport:{once:!0,margin:"-60px",amount:.2},children:yt.map(e=>(0,L.jsx)(c.P.li,{variants:s,children:(0,L.jsx)("a",{href:e.href,target:"_blank",rel:"noopener noreferrer",className:"group inline-flex items-center justify-center opacity-90 hover:opacity-100 transition-opacity duration-200","aria-label":"".concat(e.name," (opens in a new tab)"),children:e.logoSrc?(0,L.jsx)("span",{className:e.chipClassName||void 0,children:(0,L.jsx)("img",{src:e.logoSrc,alt:"",className:e.logoClassName,loading:"lazy",decoding:"async"})}):(0,L.jsx)("span",{className:"text-lg sm:text-xl font-semibold tracking-tight text-gray-400 group-hover:text-gray-900 transition-colors duration-200 border-b border-transparent group-hover:border-gray-300 pb-0.5",children:e.name})})},e.id))})]})}const vt=[{id:"one-click",icon:p.A,title:"One click",body:"Export a workspace or your entire organization from your profile \u2014 no tickets, no waiting on support."},{id:"real-files",icon:m.A,title:"Real Word docs",body:"Get formatted .docx files with headings, lists, and images \u2014 plus JSON and original uploads in one zip."},{id:"delivered",icon:y.A,title:"Delivered to you",body:"We email a secure download link when the export is ready. Your data stays yours."}];function jt(){const e=(0,l.I)(),t={hidden:{},visible:{transition:e?{staggerChildren:0,delayChildren:0}:{staggerChildren:.08,delayChildren:.05}}},s={hidden:e?{opacity:1,y:0}:{opacity:0,y:14},visible:{opacity:1,y:0,transition:e?{duration:0}:{duration:.4,ease:D}}};return(0,L.jsxs)("section",{className:"mb-20",id:"export","aria-labelledby":"export-heading",children:[(0,L.jsxs)("div",{className:"text-center mb-10 md:mb-12",children:[(0,L.jsxs)("div",{className:"flex items-center justify-center gap-3 mb-6",children:[(0,L.jsx)("span",{className:"flex-1 max-w-[4.5rem] sm:max-w-[6rem] h-px bg-gray-200","aria-hidden":!0}),(0,L.jsx)("span",{className:"font-mono text-xs uppercase tracking-widest text-blue-600",children:"Your data"}),(0,L.jsx)("span",{className:"flex-1 max-w-[4.5rem] sm:max-w-[6rem] h-px bg-gray-200","aria-hidden":!0})]}),(0,L.jsxs)("h2",{id:"export-heading",className:"text-3xl sm:text-4xl font-bold text-gray-900 mb-3 tracking-tight",children:["Export everything",(0,L.jsx)("br",{}),"in ",(0,L.jsx)("span",{className:"text-blue-600",children:"one click"})]}),(0,L.jsx)("p",{className:"text-gray-600 max-w-[520px] mx-auto text-base md:text-lg",children:"No lock-in. Take your documents, files, and workspace data with you whenever you want \u2014 formatted and ready to use elsewhere."})]}),(0,L.jsxs)(c.P.div,{className:"relative overflow-hidden rounded-2xl border border-gray-200 bg-gradient-to-br from-blue-50/80 via-white to-slate-50 px-6 py-8 sm:px-10 sm:py-10",initial:!e&&{opacity:0,y:16},whileInView:e?void 0:{opacity:1,y:0},viewport:{once:!0,margin:"-80px",amount:.2},transition:{duration:.45,ease:D},children:[(0,L.jsxs)("div",{className:"flex flex-col sm:flex-row sm:items-center gap-5 mb-8 pb-8 border-b border-gray-200/80",children:[(0,L.jsx)("div",{className:"w-12 h-12 rounded-xl bg-blue-600 flex items-center justify-center shrink-0",children:(0,L.jsx)(j.A,{className:"w-6 h-6 text-white","aria-hidden":!0})}),(0,L.jsxs)("div",{className:"text-left min-w-0",children:[(0,L.jsx)("p",{className:"text-lg font-semibold text-gray-900 mb-1",children:"Full workspace & organization export"}),(0,L.jsx)("p",{className:"text-sm text-gray-600 leading-relaxed",children:"Admins start an export from the profile menu. Based packages your knowledge base into a downloadable zip \u2014 Word documents, structured JSON, and attached files included."})]})]}),(0,L.jsx)(c.P.ul,{className:"grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8",variants:t,initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-40px",amount:.15},children:vt.map(e=>(0,L.jsxs)(c.P.li,{variants:s,className:"text-left",children:[(0,L.jsx)("div",{className:"w-9 h-9 rounded-lg bg-white border border-gray-200 flex items-center justify-center mb-3",children:(0,L.jsx)(e.icon,{className:"w-4 h-4 text-blue-600","aria-hidden":!0})}),(0,L.jsx)("p",{className:"text-sm font-semibold text-gray-900 mb-1",children:e.title}),(0,L.jsx)("p",{className:"text-sm text-gray-600 leading-relaxed",children:e.body})]},e.id))})]})]})}const wt=s.p+"static/media/based-ios-screenshot.b27ad8dc237d297dbc0e.png";const Nt=s.p+"static/media/ios-download.8c4986ee4828b47d16f5cd694ef065f2.svg";var At=s(20715);s(1062);function Et(e){let t=e.sections,s=e.activeId,r=e.onActiveChange;const i=(0,a.useState)(!1),l=(0,n.A)(i,2),o=l[0],d=l[1],m=(0,a.useRef)({}),x=(0,a.useRef)(!1);(0,a.useEffect)(()=>{d(!0)},[]),(0,a.useEffect)(()=>
1{if(!o||null===t||void 0===t||!t.length||!r)return;const e=()=>{x.current=!0};window.addEventListener("scroll",e,{passive:!0});const s=new Map;return t.forEach(e=>{let t=e.id;const n=document.getElementById("demo-section-".concat(t));if(!n)return;m.current[t]=n;const a=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&x.current&&r(t)})},{rootMargin:"-30% 0px -30% 0px",threshold:0});a.observe(n),s.set(t,a)}),()=>{window.removeEventListener("scroll",e),s.forEach(e=>e.disconnect())}},[o,t,r]);return(0,L.jsx)("nav",{"aria-label":"Demo sections",className:"hidden lg:flex flex-col fixed left-6 top-1/2 -translate-y-1/2 z-30 gap-2.5",children:t.map(e=>{let t=e.id,r=e.label;const n=s===t;return(0,L.jsxs)(c.P.button,{type:"button",onClick:()=>(e=>{const t=document.getElementById("demo-section-".concat(e));null===t||void 0===t||t.scrollIntoView({behavior:"smooth",block:"start"})})(t),className:"relative flex items-center justify-center w-10 h-10 rounded-full text-sm font-medium transition-colors ".concat(n?"border-transparent text-white":"border border-gray-200 text-gray-500 hover:bg-gray-100 hover:text-gray-700"),title:"Go to ".concat(r),animate:{scale:n?1.1:1},transition:{type:"spring",stiffness:300,damping:24},children:[n&&(0,L.jsx)(c.P.span,{layoutId:"sticky-nav-active",className:"absolute inset-0 rounded-full bg-blue-600 shadow-md z-0",transition:{type:"spring",stiffness:300,damping:30}}),(0,L.jsx)("span",{className:"relative z-10",children:r})]},t)})})}var Ct=s(19927),_t=s(14091),Pt=s(59570),kt=s(40614),Rt=s(38326),St=s(86376),Tt=s(55731),It=s(95919);function Lt(e){let t=e.className;return(0,L.jsxs)("svg",{viewBox:"-40 -42 80 84",className:t,"aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg",children:[(0,L.jsx)("polygon",{points:"0,-38 33,0 0,38 -33,0",fill:"#2563EB",opacity:"0.9"}),(0,L.jsx)("polygon",{points:"0,-38 33,0 0,0",fill:"#3B82F6",opacity:"0.7"}),(0,L.jsx)("line",{x1:"-33",y1:"0",x2:"33",y2:"0",stroke:"white",strokeWidth:"1.5",opacity:"0.6"}),(0,L.jsx)("line",{x1:"0",y1:"-38",x2:"0",y2:"38",stroke:"white",strokeWidth:"1",opacity:"0.4"}),(0,L.jsx)("ellipse",{cx:"0",cy:"0",rx:"20",ry:"36",fill:"none",stroke:"white",strokeWidth:"1",opacity:"0.35"})]})}function Mt(e){let t=e.className,s=void 0===t?"":t,r=e.showTagline,n=void 0!==r&&r;return(0,L.jsxs)("div",{className:["flex items-center gap-2.5",s].filter(Boolean).join(" "),"aria-label":"Atlas Co",children:[(0,L.jsx)(Lt,{className:"h-9 w-9 shrink-0"}),(0,L.jsxs)("div",{className:"min-w-0 leading-tight",children:[(0,L.jsx)("p",{className:"text-sm font-semibold tracking-wide text-gray-900",children:"ATLAS CO."}),n&&(0,L.jsx)("p",{className:"text-[10px] font-medium uppercase tracking-wider text-gray-500",children:"Solutions that scale"})]})]})}function Ot(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:new Date).toLocaleString(void 0,{dateStyle:"medium",timeStyle:"short"})}const Dt=[1,2],Vt=3580;function Ut(e){return 1-(1-e)**3}function Bt(e,t){let s=t.delayMs,r=t.durationMs;return window.setTimeout(()=>{const t=performance.now(),s=n=>{const a=Math.min(1,(n-t)/r);e(Ut(a)),a<1&&requestAnimationFrame(s)};requestAnimationFrame(s)},s)}function Ft(e,t,s){return e<=t?0:e>=s?1:(e-t)/(s-t)}function Gt(e){let t=e.sendScale,s=e.frameAppear,r=e.sendTranslateX,n=e.sendOpacity,a=e.perspectiveLabel,i=e.children;return(0,L.jsx)("div",{className:"absolute inset-0 flex items-center justify-center pointer-events-none",style:{transform:"translateX(".concat(r,"vw)"),opacity:n},children:(0,L.jsxs)("div",{className:"relative w-full h-full flex items-center justify-center",style:{transform:"scale(".concat(t,")"),transformOrigin:"center center"},children:[(0,L.jsx)("div",{className:"absolute rounded-brand-md border border-hairline bg-surface-muted shadow-sm",style:{inset:"-10px",opacity:s,zIndex:0}}),(0,L.jsxs)("div",{className:"relative w-full h-full z-10 pointer-events-auto",children:[a&&(0,L.jsx)("p",{className:"pointer-events-none absolute -top-7 left-1/2 z-20 w-max max-w-[min(100%,20rem)] -translate-x-1/2 text-center text-[11px] font-semibold uppercase tracking-wider text-on-surface-muted","aria-hidden":!0,
1children:a}),i]})]})})}function zt(e){let t=e.entranceActive,s=void 0!==t&&t,r=e.entranceFromPrompt,o=void 0!==r&&r,d=e.entrancePromptTarget,m=void 0===d?null:d,x=e.onDismissPromptEntrance;const u=(0,a.useRef)(null),h=(0,a.useRef)(null),p=(0,l.I)(),g=(0,a.useRef)(null),f=(0,a.useRef)(null),y=(0,a.useRef)(null),b=(0,O.W)(h,{amount:.05,once:!0}),v=(0,a.useState)({left:0,width:0}),j=(0,n.A)(v,2),w=j[0],N=j[1],A=(0,a.useState)(null),E=(0,n.A)(A,2),C=E[0],_=E[1],P=(0,Ct.s)(),k=(0,a.useState)(0),R=(0,n.A)(k,2),S=R[0],T=R[1],I=(0,a.useState)(0),M=(0,n.A)(I,2),V=M[0],U=M[1],B=(0,a.useState)(0),F=(0,n.A)(B,2),G=F[0],z=F[1],H=(0,a.useState)(0),W=(0,n.A)(H,2),K=W[0],Y=W[1],q=(0,a.useState)(0),$=(0,n.A)(q,2),J=$[0],Q=$[1],X=(0,a.useState)(0),ee=(0,n.A)(X,2),te=ee[0],se=ee[1],re=(0,a.useState)(0),ne=(0,n.A)(re,2),ae=ne[0],ie=ne[1],le=(0,a.useState)(!1),oe=(0,n.A)(le,2),ce=oe[0],de=oe[1],me=(0,a.useState)(0),xe=(0,n.A)(me,2),ue=xe[0],he=xe[1],pe=(0,a.useState)(!1),ge=(0,n.A)(pe,2),fe=ge[0],ye=ge[1],be=(0,a.useRef)(s),je=(0,a.useRef)(0),Ne=(0,a.useRef)(0),Ae=(0,a.useRef)(0),Ee=(0,a.useRef)(!1),Ce=(0,a.useRef)(0),_e=(0,a.useRef)(!1),Pe=(0,a.useRef)(s);Pe.current=s,(0,a.useEffect)(()=>{const e=be.current;if(be.current=s,!s)return e&&ye(!0),T(0),U(0),z(0),Y(0),Q(0),ie(0),se(0),Ne.current=0,je.current=0,de(!1),void he(0);ye(!1),ie(0),se(0),Ne.current=0,je.current=0,Ae.current=performance.now()},[s]),(0,a.useEffect)(()=>{if(!s||p)return;T(0),U(0),z(0),Y(0),Q(0);const e=o?420:2400,t=[Bt(T,{delayMs:o?0:1100,durationMs:650}),Bt(U,{delayMs:e,durationMs:900})];if(!o){const e=window.setTimeout(()=>{ke()},3500),s=Bt(z,{delayMs:Vt,durationMs:550}),r=Bt(Y,{delayMs:4200,durationMs:700});t.push(e,s,r)}return()=>{t.forEach(clearTimeout)}},[s,o,p]),(0,a.useEffect)(()=>{if(!s||"signature"!==m||p)return;Q(0);const e=Bt(Q,{delayMs:420,durationMs:550}),t=420+Math.round(302.5),r=window.setTimeout(()=>{Ne.current=2,je.current=2,Ae.current=performance.now(),ie(2),se(2)},t);return()=>{clearTimeout(e),clearTimeout(r)}},[s,m,p]),(0,a.useEffect)(()=>{p&&s&&(T(1),U(1),"signature"===m?(z(1),Y(1),Q(1),Ne.current=2,je.current=2,ie(2),se(2)):(z(0),Y(0),Q(0)))},[p,s,m]),(0,a.useEffect)(()=>{s&&!p&&(o?P.set({opacity:1,y:0}):(P.set({opacity:0,y:72}),P.start({opacity:1,y:0,transition:{duration:.62,ease:D,delay:.06}})))},[s,o,p,P]);const ke=()=>{y.current&&_(y.current.getBoundingClientRect())};(0,a.useEffect)(()=>{const e=()=>{if(u.current){const e=u.current.getBoundingClientRect();N({left:e.left,width:e.width})}ke()};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);const Re=(0,a.useState)(0),Se=(0,n.A)(Re,2),Te=Se[0],Ie=Se[1],Le=(0,i.L)({target:u,offset:["start start","end end"]}).scrollYProgress;(0,a.useLayoutEffect)(()=>{if(!s||o)return void(_e.current=!1);_e.current=!0,Ie(0),Ce.current=0;const e=window.setTimeout(()=>{_e.current=!1},900);return()=>clearTimeout(e)},[s,o]),(0,_t.L)(Le,"change",e=>{if(_e.current){if(e>.18)return Ie(0),void(Ce.current=0);_e.current=!1}Ie(e),Ce.current=e,e>=.17&&e<=.52&&ke()}),(0,a.useEffect)(()=>{fe&&Te<.12&&ye(!1)},[Te,fe]),(0,a.useEffect)(()=>{if(p)return;const e=e=>{if(0!==e.deltaMode)return;const t=Ce.current;if(!(Pe.current&&t<.54+.04||Ee.current||t>.01&&t<.98))return;if(Math.abs(e.deltaY)<4)return;e.preventDefault();const s=document.scrollingElement||document.documentElement,r=Ee.current,n=r?52:72,a=Math.sign(e.deltaY)*Math.min(Math.abs(e.deltaY),n),i=r?.32:.36;s.scrollTop+=a*i};return window.addEventListener("wheel",e,{passive:!1}),()=>window.removeEventListener("wheel",e)},[p]);const Me=!!p,Oe=Me?200:200*(1-Ft(Te,0,.14)),De=Me?1:1-Ft(Te,0,.08),Ve=[1,1,1],Ue=Me?0:Ft(Te,.48,.58),Be=Me?0:Ft(Te,.24,.28),Fe=Me?1:1-Ft(Te,.35,.42),Ge=Me?0:Ft(Te,.28,.39),ze=Me?0:Ft(Te,.41,.53),He=s?G:0,We=s?K:0,Ke=s?J:0,Ye=Math.max(Ge,He,Ke),qe=Math.max(ze,We,Ke),$e=1-Math.max(Me?0:Ft(Te,.28,.35),s?Ft(G,.15,.85):0),Je=1-Math.max(Me?0:Ft(Te,.41,.51),s?Ft(K,.35,.85):0),Qe=!Me&&Te>=.28||He>.05||Ke>.05,Xe=qe>.55,Ze=function(e,t,s,r,n){const a=Math.max(24,window.innerHeight/2-n/2),i=r.left||0,l=r.width||(null===e||void 0===e?void 0:e.width)||400,o=n;if(!e)return{left:i,top:a,width:l,height:o,borderRadius:12};const c=e.top+-40*t,d=e.width*(1+.18*t),m=e.height*(1+.18*t),x=e.left+(e.width-d)/2;return{left:x+(i-x)*s,top:c+(a-c)*s,width:d+(l-d)*s,height:m+(o-m)*s,borderRadius:8+4*s}}(C,Ye,qe,w,620),et=Qe&&!fe?1:0,tt=Me?0:Math.min(1,Ft(Te,.86,.92)),st=Me?0:Ft(Te,.8
16,.94),rt=-100*(1-st*(2-st)),nt=tt>.06;(0,a.useEffect)(()=>{tt<.05&&(de(!1),he(0))},[tt]);const at=(0,a.useCallback)(()=>{ce||(de(!0),Me?he(1):Bt(he,{delayMs:60,durationMs:720}))},[ce,Me]),it=Me?0:Ft(Te,.98,1),lt=Math.max(it,ue),ot=Me?0:Math.max(Ft(Te,.94,.97),.85*ue),ct=Me?1:1-.08*ot,dt=Me?0:Math.max(Ft(Te,.95,.97),.9*ue),mt=120*lt,xt=1-lt,ut=Me?0:Ft(Te,.02,.09),ht=Ut(Me?0:Ft(Te,.17,.28)),pt=Math.max(ut,S),gt=Math.max(ht,V,Me&&!s?1:0),ft=Math.max(0,1-1.15*gt),yt=qe>=1,bt=!Me&&yt?Ft(Te,.54,.9):0,vt=Me?0:function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:4;if(e<=0)return 0;if(e>=1)return t-1;const s=1/t,r=.1*s;return Math.min(t-1,Math.floor((e+r)/s))}(bt),jt=Math.max(te,vt);Ee.current=!Me&&yt&&bt>.02&&bt<.98,(0,a.useEffect)(()=>{je.current=jt},[jt]),(0,a.useEffect)(()=>{if(Me||!yt)return;let e=0;const t=s=>{const r=je.current;let n=Ne.current;if(te>n&&(n=te,Ne.current=n,Ae.current=s,ie(n)),n!==r){if(1===Math.abs(r-n)||s-Ae.current>=420){const e=n+Math.sign(r-n);Ne.current=e,Ae.current=s,ie(e)}}e=requestAnimationFrame(t)};return e=requestAnimationFrame(t),()=>cancelAnimationFrame(e)},[Me,yt,te]),(0,a.useEffect)(()=>{yt||(se(0),Ne.current=0,je.current=0,ie(0))},[yt]);const wt=(0,a.useCallback)(e=>{const t=Math.max(0,Math.min(3,e));Ne.current=t,je.current=Math.max(je.current,t),Ae.current=performance.now(),ie(t),se(e=>Math.max(e,t))},[]),Nt=(0,a.useCallback)(()=>{wt(Ne.current+1)},[wt]),At=s&&!!x,Et=At&&Qe&&et>0,Pt=Qe&&et>0?nt&&tt>.45?"What you send":Xe?"What your client sees":null:null;return(0,a.useEffect)(()=>{if(!At)return;const e=e=>{"Escape"===e.key&&(e.preventDefault(),x())};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[At,x]),(0,L.jsxs)("section",{id:"demo-section-2.0",ref:h,className:"scroll-mt-24 py-10 md:py-14 w-full ".concat(s&&!o?"-mt-[min(28vh,220px)]":""),children:[(0,L.jsxs)(c.P.div,{className:"space-y-6",animate:P,initial:{opacity:1,y:0},children:[(0,L.jsxs)(c.P.div,{className:"relative z-10 bg-gray-50/50",children:[(0,L.jsxs)("h2",{className:"text-2xl md:text-3xl font-semibold text-gray-900 tracking-tight",children:[(0,L.jsx)("span",{className:"bg-gradient-to-r from-blue-600 to-indigo-600 bg-clip-text text-transparent",children:"2.0"})," ",(0,L.jsx)(Z,{text:"Knowledge Base",splitBy:"word",staggerDelay:.06,trigger:b||s,as:"span",className:"inline"})]}),(0,L.jsx)(c.P.p,{className:"mt-2 text-base text-gray-600 max-w-2xl",initial:{opacity:0,y:12},animate:b||s?{opacity:1,y:0}:{opacity:0,y:12},transition:{duration:.4,delay:.2,ease:D},children:"Centralize SOPs, policies, and training so your team and AI stay in sync."})]}),(0,L.jsx)("div",{ref:u,className:"relative",style:{height:p?"auto":"".concat(440,"vh")},children:(0,L.jsx)("div",{id:"demo-kb-showcase",className:"sticky w-full scroll-mt-24",style:{top:p?0:"max(1.5rem, calc(50vh - ".concat(310,"px))"),height:p?"auto":"".concat(620,"px")},children:(0,L.jsx)("div",{className:"relative h-full w-full overflow-hidden rounded-xl border border-gray-200 bg-white shadow-lg",children:(0,L.jsx)(c.P.div,{className:"flex h-full flex-col transition-none",style:{opacity:Je},children:(0,L.jsxs)("div",{className:"flex flex-1 min-h-0",children:[(0,L.jsx)("div",{className:"shrink-0 border-r border-gray-200 bg-gray-50/50 overflow-hidden transition-none",style:{width:Oe,minWidth:0,opacity:De},children:(0,L.jsx)(Qt,{})}),(0,L.jsxs)("div",{className:"flex flex-1 flex-col min-w-0",children:[(0,L.jsx)(Zt,{}),(0,L.jsx)("div",{className:"flex-1 overflow-hidden p-5",children:(0,L.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5 h-full",children:[(0,L.jsxs)("div",{className:"relative min-h-0 h-full",children:[(0,L.jsx)("div",{className:"absolute inset-0 transition-opacity duration-700 ease-out",style:{opacity:ft},"aria-hidden":ft<.05,children:(0,L.jsx)(es,{})}),(0,L.jsx)(ts,{doc:ve[0],index:0,cardRef:y,imageOpacity:Ve[0],badgeOpacity:Ue,isAutoSelected:Be>0,autoSelectProgress:Be,otherCardsFade:Fe,gridOpacity:$e,appearOpacity:gt,isLanding:!0})]}),Dt.map(e=>(0,L.jsx)("div",{className:"min-h-0 h-full",children:(0,L.jsx)(ts,{doc:ve[e],index:e,imageOpacity:Ve[e],badgeOpacity:Ue,isAutoSelected:!1,autoSelectProgress:0,otherCardsFade:Fe,gridOpacity:1,shiftFraction:1-pt})},ve[e].id))]})})]})]})})})})})]}),(0,L.jsx)(c.P.div,{ref:g,className:"fixed z-20 pointer-events-none",style:{to
1p:Ze.top,left:Ze.left,width:Ze.width,height:Ze.height,borderRadius:Ze.borderRadius,opacity:et,visibility:et>0&&(Me||xt>0)?"visible":"hidden"},children:(0,L.jsxs)(Gt,{sendScale:ct,frameAppear:dt,sendTranslateX:mt,sendOpacity:xt,perspectiveLabel:Pt,children:[(0,L.jsxs)("div",{className:"relative h-full w-full overflow-hidden bg-white shadow-lg pointer-events-auto ".concat(nt?"":"border-2 border-blue-300 ring-2 ring-blue-500"),style:{borderRadius:Ze.borderRadius},children:[Et&&(0,L.jsxs)("button",{type:"button",onClick:x,className:"absolute top-3 right-3 z-40 inline-flex items-center gap-1.5 rounded-lg border border-gray-200 bg-white/95 px-2.5 py-1.5 text-xs font-medium text-gray-600 shadow-sm transition-colors hover:bg-gray-50 hover:text-gray-900","aria-label":"Close demo",children:[(0,L.jsx)(kt.A,{className:"h-3.5 w-3.5","aria-hidden":!0}),"Close"]}),(0,L.jsx)(c.P.div,{className:"absolute inset-0 flex flex-col",style:{opacity:Xe?0:1},children:(0,L.jsx)(ss,{doc:ve[0],badgeOpacity:Ue})}),(0,L.jsx)(c.P.div,{className:"absolute inset-0 flex flex-col",style:{opacity:Xe?1:0},children:(0,L.jsx)("div",{ref:f,className:"flex-1 min-h-0 overflow-hidden flex flex-col",children:(0,L.jsx)(Wt,{pageIndex:ae,sourceDoc:ve[0],onBeginOnboarding:()=>wt(1),onNextPage:Nt})})})]}),nt&&(0,L.jsx)(c.P.div,{className:"absolute inset-0 z-30 overflow-hidden ".concat(tt>.55?"pointer-events-auto":"pointer-events-none"),style:{transform:"translateY(".concat(rt,"vh)"),opacity:tt},children:(0,L.jsx)(ns,{recipient:we,sent:ce,sending:ue>.02,onSend:at})})]})})]})}const Ht=["Cover","Intake","Signature","Payment"];function Wt(e){let t=e.pageIndex,s=e.sourceDoc,r=e.onBeginOnboarding,n=e.onNextPage;const a=Math.max(0,Math.min(3,t)),i=a>0&&a<3;return(0,L.jsxs)(c.P.div,{className:"flex flex-1 min-h-0 flex-col",children:[(0,L.jsxs)("div",{className:"flex flex-1 min-h-0 flex-col overflow-hidden p-6",children:[(0,L.jsx)("div",{className:"mb-4 shrink-0 pr-16",children:(0,L.jsx)(Mt,{})}),(0,L.jsx)("div",{className:"flex-1 min-h-0 overflow-hidden",children:(0,L.jsx)(Pt.N,{mode:"wait",children:(0,L.jsxs)(c.P.div,{initial:{opacity:0,x:16},animate:{opacity:1,x:0},exit:{opacity:0,x:-16},transition:{duration:.22,ease:D},className:"relative h-full",children:[0===a&&(0,L.jsx)(Yt,{sourceDoc:s,onBeginOnboarding:r}),1===a&&(0,L.jsx)(qt,{}),2===a&&(0,L.jsx)(Jt,{}),3===a&&(0,L.jsx)($t,{})]},a)})})]}),(0,L.jsx)(Kt,{pageIndex:a,canGoNext:i,onNext:n})]})}function Kt(e){let t=e.pageIndex,s=e.canGoNext,r=e.onNext;const n=1===t?"Continue to signature":2===t?"Continue to payment":"Next";return(0,L.jsx)("div",{className:"shrink-0 border-t border-gray-100 bg-gray-50/80 px-6 py-3",children:(0,L.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,L.jsxs)("div",{className:"flex min-w-0 items-center gap-3",children:[(0,L.jsx)("span",{className:"inline-flex shrink-0 items-center rounded border border-gray-200 bg-white px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-gray-400",children:"Client view"}),(0,L.jsx)("p",{className:"text-xs font-medium text-gray-500 truncate",children:Ht[t]})]}),(0,L.jsx)("div",{className:"flex shrink-0 items-center gap-3",children:s&&(0,L.jsxs)("button",{type:"button",onClick:r,className:"inline-flex items-center gap-1.5 rounded-lg bg-blue-600 px-3.5 py-2 text-sm font-medium text-white shadow-sm transition-colors hover:bg-blue-700 cursor-pointer",children:[n,(0,L.jsx)(Rt.A,{className:"h-4 w-4","aria-hidden":!0})]})})]})})}function Yt(e){let t=e.sourceDoc,s=e.onBeginOnboarding;return(0,L.jsxs)(c.P.div,{className:"flex h-full flex-col items-center justify-center text-center px-2",children:[(null===t||void 0===t?void 0:t.coverImageUrl)&&(0,L.jsx)("div",{className:"h-24 w-24 rounded-2xl overflow-hidden shadow-lg mb-5",children:(0,L.jsx)("img",{src:t.coverImageUrl,alt:"",className:"h-full w-full object-cover"})}),(0,L.jsx)("h3",{className:"text-2xl font-bold text-gray-900 mb-2",children:"Welcome to Atlas!"}),(0,L.jsx)("p",{className:"text-sm text-gray-500 leading-relaxed max-w-md mb-6",children:"We've prepared everything you need to get started. Please review the documents below, complete your payment, and sign where indicated to finalize your onboarding."}),(0,L.jsxs)("button",{type:"button",onClick:s,className:"inline-flex items-center gap-2 px-5 py-2.5 bg-blue-600 hover:bg-blue-700 text-white text-sm font-medium rounded-xl shadow-sm transition-colors cursor-pointer",children:["Begin Onboarding ",(0,L.jsx)(Rt.A,{className:"h-4 w-4"})]})]})}function qt(){return(0,L.jsxs)(c.P.div,{className:"h-full flex flex-col justify-center max-w-lg mx-auto w-full",children:[(0,L.jsxs)("div",{className:"mb-5",children:[(0,L.jsx)("p",{className:"text-xs font-medium text-gray-500 uppercase tracking-wider",children:"Onboarding intake"}),(0,L.jsx)("h3",{className:"text-lg font-semibold text-gray-900 mt-1",children:"Tell us about your company"})]}),(0,L.jsx)("div",{className:"space-y-4",children:Se.map(e=>(0,L.jsxs)("label",{className:"block",children:[(0,L.jsx)("span",{className:"block text-xs font-medium text-gray-600 mb-1",children:e.label}),(0,L.jsx)("span",{className:"block w-full rounded-lg border border-gray-200 bg-gray-50 px-3 py-2 text-sm text-gray-900",children:e.value})]},e.id))})]})}function $t(){const e=(0,l.I)(),t=(0,a.useState)(!1),s=(0,n.A)(t,2),r=s[0],i=s[1];return(0,L.jsxs)("div",{className:"h-full flex flex-col justify-center max-w-md mx-auto w-full",children:[(0,L.jsx)(Pt.N,{children:r&&(0,L.jsxs)(c.P.div,{initial:{opacity:0,y:-8,scale:.98}
1,animate:{opacity:1,y:0,scale:1},transition:{duration:.35,ease:D},className:"mb-4 flex items-center justify-center gap-2 rounded-lg bg-green-50 border border-green-200 px-4 py-3 text-green-800",children:[(0,L.jsx)(nt.A,{className:"h-5 w-5 shrink-0"}),(0,L.jsx)("p",{className:"text-sm font-semibold",children:"Payment successful!"})]})}),(0,L.jsxs)("div",{className:"p-4 rounded-lg border-2 border-gray-200 bg-white shadow-sm",children:[(0,L.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,L.jsxs)("div",{children:[(0,L.jsx)("p",{className:"text-xs font-medium text-gray-500 uppercase tracking-wider",children:"Payment"}),(0,L.jsx)("p",{className:"text-sm font-medium text-gray-900 mt-1",children:"Deposit to begin work"})]}),r&&(0,L.jsxs)("span",{className:"inline-flex items-center gap-1 px-2 py-1 rounded bg-green-100 text-green-800 text-xs font-medium",children:[(0,L.jsx)(nt.A,{className:"w-3 h-3"}),"Paid"]})]}),(0,L.jsxs)("div",{className:"mb-4",children:[(0,L.jsx)("label",{className:"block text-xs text-gray-500 mb-1",children:"Amount"}),(0,L.jsx)("span",{className:"text-sm font-medium text-gray-700",children:"$1,500"})]}),(0,L.jsx)("p",{className:"mb-3 text-xs text-gray-500",children:"Demo only \u2014 no payment will be taken."}),(0,L.jsx)("div",{className:"flex justify-end",children:(0,L.jsxs)("button",{type:"button",onClick:()=>{r||(i(!0),e||function(){const e=document.createElement("canvas");e.setAttribute("aria-hidden","true"),Object.assign(e.style,{position:"fixed",inset:"0",width:"100%",height:"100%",pointerEvents:"none",zIndex:"9999"}),document.body.appendChild(e);const t=e.getContext("2d"),s=window.innerWidth,r=window.innerHeight;e.width=s,e.height=r;const n=["#2563eb","#16a34a","#f59e0b","#ec4899","#8b5cf6","#06b6d4"],a=Array.from({length:140},()=>({x:.5*s+(Math.random()-.5)*s*.5,y:.35*r+80*(Math.random()-.5),vx:9*(Math.random()-.5),vy:-4-6*Math.random(),size:5+7*Math.random(),color:n[Math.floor(Math.random()*n.length)],rot:Math.random()*Math.PI*2,vr:.25*(Math.random()-.5)}));let i=0,l=0;const o=()=>{t.clearRect(0,0,s,r),a.forEach(e=>{e.x+=e.vx,e.y+=e.vy,e.vy+=.18,e.vx*=.99,e.rot+=e.vr,t.save(),t.translate(e.x,e.y),t.rotate(e.rot),t.fillStyle=e.color,t.fillRect(-e.size/2,-e.size/4,e.size,e.size/2),t.restore()}),i+=1,i<200?l=requestAnimationFrame(o):e.remove()};l=requestAnimationFrame(o)}())},disabled:r,className:"inline-flex items-center gap-2 rounded-lg bg-green-600 text-white font-semibold px-5 py-2.5 text-sm shadow-sm transition-colors cursor-pointer hover:bg-green-700 disabled:bg-gray-400 disabled:cursor-default",children:[(0,L.jsx)(St.A,{className:"w-4 h-4"}),r?"Paid $1,500":"Pay $1,500",!r&&(0,L.jsx)("span",{className:"rounded border border-white/35 bg-white/15 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wider",children:"Demo"})]})})]})]})}function Jt(){const e=(0,a.useRef)(null),t=(0,a.useState)(!1),s=(0,n.A)(t,2),r=s[0],i=s[1],l=(0,a.useState)(!1),o=(0,n.A)(l,2),c=o[0],d=o[1],m=(0,a.useState)(null),x=(0,n.A)(m,2),u=x[0],h=x[1],p=t=>{const s=e.current;if(!s)return null;const r=s.getBoundingClientRect();return{x:t.clientX-r.left,y:t.clientY-r.top}},g=t=>{const s=p(t);if(s){d(!0);const t=e.current.getContext("2d");t.beginPath(),t.moveTo(s.x,s.y)}},f=t=>{if(!c||!e.current)return;const s=p(t);if(s){const t=e.current.getContext("2d");t.lineTo(s.x,s.y),t.stroke()}},y=()=>{c&&(r||h(new Date),i(!0)),d(!1)};return(0,a.useEffect)(()=>{const t=e.current;if(!t)return;const s=window.devicePixelRatio||1,r=t.getBoundingClientRect();t.width=r.width*s,t.height=r.height*s;const n=t.getContext("2d");n.scale(s,s),n.strokeStyle="#1f2937",n.lineWidth=2,n.lineCap="round"},[]),(0,L.jsx)("div",{className:"flex h-full items-center justify-center px-1",children:(0,L.jsxs)("div",{className:"w-full max-w-md overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm",children:[(0,L.jsxs)("div",{className:"flex items-center justify-between gap-3 border-b border-gray-100 bg-gray-50/90 px-4 py-2.5",children:[(0,L.jsxs)("div",{className:"min-w-0",children:[(0,L.jsx)("p",{className:"truncate text-sm font-semibold text-gray-900",children:we.name}),(0,L.jsx)("p",{className:"truncate text-xs text-gray-500",children:we.company}),(0,L.jsxs)("div",{className:"mt-2 text-xs text-gray-600",children:[(0,L.jsx)("p",{children:Ne}),(0,L.jsx)("p",{className:"mt-0.5 font-medium text-gray-900",children:Ae})]})]}),(0,L.jsx)("span",{className:"inline-flex shrink-0 items-center gap-1 rounded-full px-2.5 py-0.5 text-[11px] font-semibold uppercase tracking-wide ".concat(r?"bg-green-100 text-green-800":"bg-amber-100 text-amber-800"),children:r?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(nt.A,{className:"h-3 w-3","aria-hidden":!0}),"Signed"]}):"Required"})]}),(0,L.jsxs)("div",{className:"px-4 py-3",children:[(0,L.jsx)("p",{className:"mb-2 text-[11px] font-semibold uppercase tracking-wider text-gray-500",children:"Your signature"}),(0,L.jsxs)("div",{className:"relative overflow-hidden rounded-lg border bg-white transition-colors ".concat(c?"border-blue-400 ring-2 ring-blue-100":r?"border-green-300":"border-dashed border-gray-300"),children:[(0,L.jsx)("canvas",{ref:e,className:"block w-full cursor-crosshair touch-none",style:{width:"100%",height:"72px"},onMouseDown:g,onMouseMove:f,onMouseUp:y,onMouseLeave:y,onTouchStart:e=>{e.preventDefault(),g(e.touches[0])},onTouchMove:e=>{e.preventDefault(),f(e.touches[0])},onTouchEnd:e=>{e.preventDefault(),y()}}),(0,L.jsx)("div",{className:"pointer-events-none absolute inset-x-4 bottom-3 border-b border-gray-300","aria-hidden":!0}),!r&&!c&&(0,L.jsx)("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center pb-2",children:(0,L.jsx)("p",{className:"text-xs text-gray-400",children:"Draw your signature on the line"})})]})]}),r&&(0,L.jsxs)("div",{className:"border-t border-green-100 bg-green-50/70 px-4 py-2",children:[(0,L.jsxs)("p",{className:"text-xs font-medium text-green-900",children:[we.name," \xb7 ",we.company]}),(0,L.jsxs)("p",{className:"mt-0.5 text-[11px] text-green-700",children:["Signed electronically \xb7 ",u?Ot(u):Ot()]})]})]})})}function Qt(){return(0,L.jsxs)("div",{className:"w-[200px] py-3 select-none",children:[(0,L.jsxs)("div",{className:"flex items-center justify-between px-3 text-[10px] font-semibold uppercase tracking-wider text-gray-400",children:["Workspaces ",(0,L.jsx)("span",{className:"cursor-pointer text-gray-300",children:"+"})]}),(0,L.jsx)("ul",{className:"mt-2 space-y-px",children:je.map(e=>(0,L.jsx)("li",{children:(0,L.jsxs)("div",{className:"flex items-center gap-2 px-3 py-1.5 text-xs ".concat(e.active?"bg-blue-100/70 text-blue-800 font-medium rounded-r-md":"text-gray-600 hover:bg-gray-100"),children:[(0,L.jsx)("span",{className:"text-sm leading-none",children:e.icon}),(0,L.jsx)("span",{className:"truncate",children:e.name}),e.active&&(0,L.jsx)(Tt.A,{className:"ml-auto h-3 w-3 shrink-0 text-blue-500"})]})},e.id))})]})}const Xt=je.find(e=>e.active)||je[0];function Zt(){return(0,L.jsx)("div",{className:"shrink-0 border-b border-gray-100 px-5 py-3",children:(0,L.jsxs)("div",{className:"flex items-center justify-between",children:[(0,L.jsxs)("div",{children:[(0,L.jsxs)("h3",{className:"text-base font-semibold text-gray-900 flex items-center gap-1.5",children:[(0,L.jsx)("span",{className:"text-blue-600",children:Xt.icon})," ",Xt.name]}),(0,L.jsxs)("p",{className:"text-xs text-gray-500 mt-0.5",children:["Documents for this workspace \xb7 ",ve.length," documents \xb7 admin"]})]}),(0,L.jsxs)("div",{className:"hidden sm:flex items-center gap-1 text-xs text-gray-400",children:[(0,L.jsx)(It.A,{className:"h-3.5 w-3.5"})," View: Grid"]})]})})}function es(){return(0,L.jsx)("div",{className:"flex h-full min-h-[180px] flex-col items-center justify-center rounded-lg border-2 border-dashed border-gray-200 bg-gray-50/50","aria-hidden":!0})}function ts(e){let t=e.doc,s=e.index,r=e.cardRef,n=e.imageOpacity,a=e.badgeOpacity,i=e.isAutoSelected,l=e.autoSelectProgress,o=e.otherCardsFade,c=e.gridOpacity,d=void 0===c?1:c,x=e.shiftFraction,u=void 0===x?0:x,h=e.appearOpacity,p=void 0===h?1:h,g=e.isLanding,f=void 0!==g&&g;const y=0===s,b=(y?1:o)*d*p,v=(y?1+.02*l:1)*(f?.88+.12*p:1),j=[u>0?"translateX(calc(".concat(u," * (-100% - 1.25rem)))"):"","translateY(".concat(f?28*(1-p):0,"px)"),"scale(".concat(v,")")].filter(
1Boolean).join(" ");return(0,L.jsxs)("div",{ref:r,className:"flex h-full flex-col rounded-lg bg-white overflow-hidden shadow-sm text-left border border-gray-200\n        ".concat(i?"ring-2 ring-blue-500 border-blue-300 shadow-md":"","\n        ").concat(f&&p>.05?"shadow-md":""),style:{transform:j,opacity:b,pointerEvents:"none"},children:[(0,L.jsxs)("div",{className:"relative flex-1 min-h-[120px] bg-gray-100 overflow-hidden w-full",children:[(0,L.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,L.jsx)(m.A,{className:"h-10 w-10 text-gray-300"})}),(0,L.jsx)("div",{className:"absolute inset-0",style:{opacity:n},children:(0,L.jsx)("img",{src:t.coverImageUrl,alt:"",className:"h-full w-full object-cover",loading:"eager"})})]}),(0,L.jsx)("div",{className:"px-3 pt-2.5 pb-0.5",children:(0,L.jsx)("p",{className:"font-semibold text-gray-900 text-base leading-snug line-clamp-2 min-h-[1.25rem]",children:t.title})}),(0,L.jsxs)("div",{className:"px-3 pb-3 space-y-1",children:[(0,L.jsxs)("div",{className:"flex flex-wrap gap-1",style:{opacity:a},children:[(0,L.jsx)("span",{className:"inline-flex items-center rounded px-1.5 py-0.5 text-[10px] font-medium text-gray-600 bg-gray-100",children:t.category}),t.status.map(e=>(0,L.jsxs)("span",{className:"inline-flex items-center gap-0.5 rounded px-1.5 py-0.5 text-[10px] font-medium ".concat("Signed"===e?"bg-green-100 text-green-700":"bg-emerald-100 text-emerald-700"),children:["Signed"===e?(0,L.jsx)(nt.A,{className:"h-2.5 w-2.5"}):(0,L.jsx)(Tt.A,{className:"h-2.5 w-2.5"}),e]},e)),(0,L.jsx)("span",{className:"inline-flex items-center rounded px-1.5 py-0.5 text-[10px] font-medium text-blue-700 bg-blue-100",children:Xt.name})]}),(0,L.jsx)("p",{className:"text-[11px] text-gray-400",children:t.date})]})]})}function ss(e){var t;let s=e.doc,r=e.badgeOpacity;return(0,L.jsxs)("div",{className:"flex flex-col h-full w-full bg-white overflow-hidden",children:[(0,L.jsxs)("div",{className:"relative flex-1 min-h-[120px] bg-gray-100 overflow-hidden w-full",children:[(0,L.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,L.jsx)(m.A,{className:"h-10 w-10 text-gray-300"})}),s.coverImageUrl&&(0,L.jsx)("img",{src:s.coverImageUrl,alt:"",className:"absolute inset-0 h-full w-full object-cover",loading:"eager"})]}),(0,L.jsx)("div",{className:"px-3 pt-2.5 pb-0.5",children:(0,L.jsx)("p",{className:"font-semibold text-gray-900 text-base leading-snug line-clamp-2 min-h-[1.25rem]",children:s.title})}),(0,L.jsxs)("div",{className:"px-3 pb-3 space-y-1",children:[(0,L.jsxs)("div",{className:"flex flex-wrap gap-1",style:{opacity:r},children:[(0,L.jsx)("span",{className:"inline-flex items-center rounded px-1.5 py-0.5 text-[10px] font-medium text-gray-600 bg-gray-100",children:s.category}),null===(t=s.status)||void 0===t?void 0:t.map(e=>(0,L.jsxs)("span",{className:"inline-flex items-center gap-0.5 rounded px-1.5 py-0.5 text-[10px] font-medium ".concat("Signed"===e?"bg-green-100 text-green-700":"bg-emerald-100 text-emerald-700"),children:["Signed"===e?(0,L.jsx)(nt.A,{className:"h-2.5 w-2.5"}):(0,L.jsx)(Tt.A,{className:"h-2.5 w-2.5"}),e]},e)),(0,L.jsx)("span",{className:"inline-flex items-center rounded px-1.5 py-0.5 text-[10px] font-medium text-blue-700 bg-blue-100",children:Xt.name})]}),(0,L.jsx)("p",{className:"text-[11px] text-gray-400",children:s.date})]})]})}function rs(e){let t=e.label,s=e.children;return(0,L.jsxs)("div",{className:"flex gap-2 text-sm leading-snug",children:[(0,L.jsx)("span",{className:"w-14 shrink-0 text-on-surface-subtle",children:t}),(0,L.jsx)("span",{className:"min-w-0 text-on-surface",children:s})]})}function ns(e){var t,s;let r=e.recipient,n=e.sent,a=void 0!==n&&n,i=e.sending,l=void 0!==i&&i,o=e.onSend;const c=null!==(t=null===(s=Se.find(e=>"email"===e.id))||void 0===s?void 0:s.value)&&void 0!==t?t:"",d=Ee,m=Ce,x=_e,u=Pe,h=ke,p=Re,g=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:new Date;const t=new Date;return e.toDateString()===t.toDateString()?"Today, ".concat(e.toLocaleString(void 0,{timeStyle:"short"})):Ot(e)}();return(0,L.jsxs)("div",{className:"relative flex h-full w-full flex-col bg-surface text-on-surface",children:[(0,L.jsxs)("div",{className:"flex items-center justify-between border-b border-hairline bg-surface-muted px-4 py-2",children:[(0,L.jsx)("span",{className:"text-xs font-medium text-on-surface-muted",children:"Compose"}),(0,L.jsx)("button",{type:"button",onClick:o,disabled:a||l,className:"inline-flex items-center gap-1.5 rounded-brand-md bg-brand px-3 py-1.5 text-xs font-medium text-brand-on transition-colors hover:bg-brand-hover disabled:cursor-default disabled:opacity-60",children:a?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(nt.A,{className:"h-3.5 w-3.5","aria-hidden":!0}),"Sent"]}):(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(re.A,{className:"h-3.5 w-3.5","aria-hidden":!0}),"Send"]})})]}),(0,L.jsxs)("div",{className:"flex flex-1 flex-col px-4 py-4 sm:px-6 sm:py-5",children:[(0,L.jsxs)(rs,{label:"From",children:[d," <",m,">"]}),(0,L.jsxs)(rs,{label:"To",children:[null===r||void 0===r?void 0:r.name," <",c,">"]}),(0,L.jsx)(rs,{label:"Date",children:g}),(0,L.jsx)("h3",{className:"mt-4 text-lg font-semibold leading-snug text-on-surface sm:text-xl",children:x}),(0,L.jsx)("p",{className:"mt-3 whitespace-pre-line text-sm leading-relaxed text-on-surface-muted",children:u}),h&&(0,L.jsx)("a",{href:h,className:"mt-4 inline-block text-sm font-medium text-brand underline decoration-brand/30 underline-offset-2 hover:text-brand-hover",onClick:e=>e.preventDefault(),children:null!==p&&void 0!==p?p:h}),(null===r||void 0===r?void 0:r.company)&&(0,L.jsx)("p",{className:"mt-2 text-sm text-on-surface-muted",children:r.company})]})]})}const as=.052;function is(){return(0,L.jsxs)("a",{href:"/auth",className:"inline-flex items-center gap-2 px-5 py-2.5 bg-blue-500 hover:bg-blue-600 text-white text-sm font-medium rounded-lg transition-colors",children:["Try it yourself",(0,L.jsx)("span",{"aria-hidden":"true",children:"\u2192"})]})}function ls(e){let t=e.onHandoffComplete,s=e.runwayCollapsed,o=void 0!==s&&s,d=e.dismissSignal,m=void 0===d?0:d;const x=(0,a.useRef)(null),u=(0,l.I)(),h=(0,a.useState)(0),p=(0,n.A)(h,2),g=p[0],f=p[1],y=(0,a.useState)(null),b=(0,n.A)(y,2),v=b[0],j=b[1],w=(0,a.useState)("before"),N=(0,n.A)(w,2),A=N[0],E=N[1],C=(0,a.useState)(!1),_=(0,n.A)(C,2),P=_[0],
1k=_[1],R=(0,a.useState)(!1),S=(0,n.A)(R,2),T=S[0],I=S[1],M=(0,a.useRef)(0),O=(0,a.useRef)(!1),V=(0,a.useRef)(!1),U=(0,a.useRef)(null),B=(0,a.useState)(as),F=(0,n.A)(B,2),G=F[0],z=F[1],H=(0,a.useCallback)(()=>{V.current||(V.current=!0,k(!0),null===t||void 0===t||t(),U.current&&clearTimeout(U.current),U.current=window.setTimeout(()=>{I(!0),U.current=null},520))},[t]);(0,a.useEffect)(()=>()=>{U.current&&clearTimeout(U.current)},[]),(0,a.useEffect)(()=>{m&&(V.current=!1,O.current=!1,k(!1),I(!0),z(as),U.current&&(clearTimeout(U.current),U.current=null))},[m]),(0,a.useEffect)(()=>{!u&&x.current&&j(function(e){if(!e)return null;let t=e.parentElement;for(;t;){const e=window.getComputedStyle(t).overflowY;if(("auto"===e||"scroll"===e)&&t.scrollHeight>t.clientHeight+1)return t;t=t.parentElement}return null}(x.current))},[u]);const W=(0,i.L)((0,r.A)((0,r.A)({target:x},v?{container:v}:{}),{},{offset:["start start","end start"]})).scrollYProgress;(0,_t.L)(W,"change",e=>{M.current=e,f(e),e>.012&&(O.current=!0)}),(0,a.useEffect)(()=>{if(u)return;const e=performance.now(),t=as;let s;const r=n=>{if(O.current)return;const a=Math.min(1,(n-e)/9e3);z(t+(.1-t)*(1-(1-a)**2)),a<1&&(s=requestAnimationFrame(r))};return s=requestAnimationFrame(r),()=>cancelAnimationFrame(s)},[u]);const K=u||g>=.58?1:g/.58;(0,a.useEffect)(()=>{if(u)return;const e=x.current;if(!e)return;const t=()=>{const t=e.getBoundingClientRect(),s=M.current,r=(n=540,"undefined"===typeof window?130:Math.max(24,window.innerHeight/2-n/2));var n;const a=r+540,i=r-160,l=s>=.04;t.bottom<=r?E("after"):l&&t.top<=i&&t.bottom>=a?E("pinned"):E("before")},s=v||window;return s.addEventListener("scroll",t,{passive:!0}),window.addEventListener("resize",t),t(),()=>{s.removeEventListener("scroll",t),window.removeEventListener("resize",t)}},[u,v]),(0,a.useEffect)(()=>{K>=.85||T||o||(V.current=!1,k(!1),I(!1),U.current&&(clearTimeout(U.current),U.current=null))},[K,T,o]),(0,a.useEffect)(()=>{!o&&T&&(K<=.012||I(!1))},[K,T,o]),(0,a.useEffect)(()=>{o&&(V.current=!0,k(!1),I(!0),U.current&&(clearTimeout(U.current),U.current=null))},[o]);const Y=!o&&!T&&("before"===A||"pinned"===A),q=Y&&"pinned"===A,$=Math.max(K,G),J="max(1.5rem, calc(50vh - ".concat(270,"px))"),Q=function(e){const t=Math.max(0,Math.min(1,e));return t<=0?1:t>=.07?0:1-t/.07}(K),X=!o&&!P&&!T&&"after"!==A&&Q>.02;return(0,L.jsx)("section",{id:"demo-section-1.0",className:"scroll-mt-24 w-full",children:u?(0,L.jsxs)("div",{className:"space-y-6 max-w-3xl mx-auto px-6 sm:px-8",children:[(0,L.jsx)(Ze,{scrollProgress:1}),(0,L.jsx)("div",{className:"flex justify-center",children:(0,L.jsx)(is,{})})]}):(0,L.jsxs)("div",{ref:x,className:"relative",style:{height:o?0:"".concat(360,"vh")},"aria-hidden":o,children:[(0,L.jsx)("div",{className:"max-w-3xl mx-auto px-6 sm:px-8",children:Y&&(0,L.jsx)("div",{className:"relative w-full",style:{height:"".concat(540,"px")},children:(0,L.jsx)(c.P.div,{layout:!0,layoutId:"homepage-demo-chat",className:q?"fixed z-30 left-0 right-0":"absolute inset-x-0 top-0 z-30",style:(0,r.A)({height:"".concat(540,"px"),pointerEvents:P?"none":void 0},q?{top:J}:{}),animate:{opacity:P?0:1,y:P?28:0},transition:{layout:{duration:.35,ease:D},opacity:{duration:P?.5:.2},y:{duration:P?.5:.2,ease:D}},children:(0,L.jsx)("div",{className:q?"max-w-3xl mx-auto px-6 sm:px-8 h-full":"w-full",children:(0,L.jsx)(Ze,{scrollProgress:$,onHandoffComplete:H,pageScrollPassthrough:q&&!P})})})})}),X&&(0,L.jsxs)("p",{className:"pointer-events-none fixed bottom-5 sm:bottom-6 left-0 right-0 z-20 flex items-center justify-center gap-1.5 text-xs font-medium text-blue-600 transition-opacity duration-300 lg:left-20",style:{opacity:Q},"aria-hidden":Q<.2,children:[(0,L.jsx)(se.A,{className:"h-3.5 w-3.5 animate-bounce","aria-hidden":!0}),"Scroll to watch the demo"]})]})})}function os(e){var t;let s=e.sectionId,r=e.number,i=e.title,l=e.subtitle,o=e.subFeatures,d=void 0===o?[]:o,m=e.children,x=e.defaultSubIndex,u=void 0===x?0:x;const h=(0,a.useState)(u),p=(0,n.A)(h,2),g=p[0],f=p[1],y=a.useRef(null),b=(0,O.W)(y,{amount:.1,once:!0}),v=a.Children.toArray(m),j=null!==(t=v[g])&&void 0!==t?t:v[0];
1return(0,L.jsx)("section",{id:s,ref:y,className:"scroll-mt-24 py-10 md:py-14 w-full",children:(0,L.jsxs)("div",{className:"space-y-6",children:[(0,L.jsxs)("div",{children:[(0,L.jsxs)("h2",{className:"text-2xl md:text-3xl font-semibold text-gray-900 tracking-tight",children:[(0,L.jsx)("span",{className:"bg-gradient-to-r from-blue-600 to-indigo-600 bg-clip-text text-transparent",children:r})," ",(0,L.jsx)(Z,{text:i,splitBy:"word",staggerDelay:.06,trigger:b,as:"span",className:"inline"})]}),l&&(0,L.jsx)(c.P.p,{className:"mt-2 text-base text-gray-600 max-w-2xl",initial:{opacity:0,y:12},animate:b?{opacity:1,y:0}:{opacity:0,y:12},transition:{duration:.4,delay:.2,ease:D},children:l})]}),d.length>0&&(0,L.jsx)(H,{staggerDelay:.08,delayChildren:.1,className:"flex flex-wrap gap-2 border-b border-gray-200 pb-4",children:d.map((e,t)=>(0,L.jsx)($,{direction:"left",children:(0,L.jsx)("button",{type:"button",onClick:()=>f(t),className:"px-3 py-1.5 rounded-md text-sm font-medium transition-colors ".concat(g===t?"bg-blue-100 text-blue-800":"text-gray-600 hover:bg-gray-100 hover:text-gray-900"),children:e.label})},e.id))}),(0,L.jsx)(z,{delay:.1,margin:"-30px",children:(0,L.jsx)("div",{className:"min-h-[280px]",children:(0,L.jsx)(Pt.N,{mode:"wait",children:(0,L.jsx)(c.P.div,{initial:{opacity:0,x:20},animate:{opacity:1,x:0},exit:{opacity:0,x:-20},transition:{duration:.25,ease:D},children:j},g)})})})]})})}const cs=[{id:"invoicing",label:"3.1 Invoicing"},{id:"payment-links",label:"3.2 Payment Links"},{id:"reporting",label:"3.3 Reporting"}],ds={paid:"bg-green-100 text-green-800",sent:"bg-amber-100 text-amber-800",draft:"bg-gray-100 text-gray-700"};function ms(){const e=(0,a.useState)(null),t=(0,n.A)(e,2),s=t[0],r=t[1];return(0,L.jsx)("div",{className:"rounded-lg border border-gray-200 bg-white overflow-hidden",children:(0,L.jsx)("div",{className:"overflow-x-auto",children:(0,L.jsxs)("table",{className:"w-full text-sm",children:[(0,L.jsx)("thead",{children:(0,L.jsxs)("tr",{className:"border-b border-gray-200 bg-gray-50",children:[(0,L.jsx)("th",{className:"text-left px-4 py-2 font-medium text-gray-700",children:"Client"}),(0,L.jsx)("th",{className:"text-left px-4 py-2 font-medium text-gray-700",children:"Amount"}),(0,L.jsx)("th",{className:"text-left px-4 py-2 font-medium text-gray-700",children:"Status"}),(0,L.jsx)("th",{className:"text-left px-4 py-2 font-medium text-gray-700",children:"Date"})]})}),(0,L.jsx)("tbody",{children:oe.map(e=>(0,L.jsxs)(a.Fragment,{children:[(0,L.jsxs)("tr",{className:"border-b border-gray-100 hover:bg-gray-50 cursor-pointer",onClick:()=>r(s===e.id?null:e.id),children:[(0,L.jsx)("td",{className:"px-4 py-2 font-medium text-gray-900",children:e.client}),(0,L.jsxs)("td",{className:"px-4 py-2 text-gray-700",children:["$",e.amount.toLocaleString()]}),(0,L.jsx)("td",{className:"px-4 py-2",children:(0,L.jsx)("span",{className:"inline-flex px-2 py-0.5 rounded text-xs font-medium ".concat(ds[e.status]),children:e.status})}),(0,L.jsx)("td",{className:"px-4 py-2 text-gray-600",children:e.date})]}),s===e.id&&(0,L.jsx)("tr",{className:"bg-blue-50/50 border-b border-gray-100",children:(0,L.jsx)("td",{colSpan:4,className:"px-4 py-3",children:(0,L.jsxs)("div",{className:"text-sm space-y-1",children:[(0,L.jsx)("p",{className:"font-medium text-gray-900",children:ce.client}),(0,L.jsx)("p",{className:"text-gray-600",children:ce.email}),(0,L.jsxs)("p",{className:"text-gray-600",children:["Sent: ",ce.sentAt]}),(0,L.jsx)("ul",{className:"mt-2 space-y-0.5",children:ce.lineItems.map((e,t)=>(0,L.jsxs)("li",{className:"flex justify-between",children:[(0,L.jsx)("span",{children:e.description}),(0,L.jsxs)("span",{children:["$",e.amount.toLocaleString()]})]},t))}),(0,L.jsxs)("p",{className:"font-medium pt-1",children:["Total: $",ce.total.toLocaleString()]})]})})})]},e.id))})]})})})}function xs(){const e=(0,a.useState)(!1),t=(0,n.A)(e,2),s=t[0],r=t[1],i=(0,a.useRef)(null);(0,a.useEffect)(()=>()=>{clearTimeout(i.current)},[]);return(0,L.jsxs)("div",{className:"rounded-lg border border-gray-200 bg-white p-4 space-y-4",children:[(0,L.jsxs)("div",{children:[(0,L.jsx)("label",{className:"block text-xs font-medium text-gray-500 mb-1",children:"Link label"}),(0,L.jsx)("p",{className:"text-sm font-medium text-gray-900",children:de.label})]}),(0,L.jsxs)("div",{children:[(0,L.jsx)("label",{className:"block text-xs font-medium text-gray-500 mb-1",children:"Amount"}),(0,L.jsxs)("p",{className:"text-sm font-medium text-gray-900",children:["$",de.amount.toLocaleStr
1ing()]})]}),(0,L.jsxs)("div",{children:[(0,L.jsx)("label",{className:"block text-xs font-medium text-gray-500 mb-1",children:"Payment link"}),(0,L.jsxs)("div",{className:"flex gap-2",children:[(0,L.jsx)("input",{type:"text",readOnly:!0,value:de.url,className:"flex-1 rounded-lg border border-gray-300 px-3 py-2 text-sm bg-gray-50"}),(0,L.jsxs)("button",{type:"button",onClick:()=>{var e;null===(e=navigator.clipboard)||void 0===e||e.writeText(de.url),r(!0),clearTimeout(i.current),i.current=setTimeout(()=>r(!1),2e3)},className:"flex items-center gap-1 rounded-lg bg-blue-500 hover:bg-blue-600 text-white px-3 py-2 text-sm",children:[s?(0,L.jsx)(nt.A,{className:"w-4 h-4"}):(0,L.jsx)(ot.A,{className:"w-4 h-4"}),s?"Copied":"Copy"]})]})]})]})}function us(){const e=me,t=xe,s=ue,r=Math.max(...e);return(0,L.jsxs)("div",{className:"rounded-lg border border-gray-200 bg-white p-4 space-y-6",children:[(0,L.jsxs)("div",{children:[(0,L.jsx)("p",{className:"text-xs font-medium text-gray-500 uppercase tracking-wider mb-2",children:"Revenue (last 6 months)"}),(0,L.jsx)("div",{className:"flex items-end gap-2 h-32",children:e.map((e,s)=>(0,L.jsxs)("div",{className:"flex-1 flex flex-col items-center gap-1",children:[(0,L.jsx)("div",{className:"w-full rounded-t bg-blue-500 min-h-[4px] transition-all",style:{height:"".concat(e/r*100,"%")}}),(0,L.jsx)("span",{className:"text-xs text-gray-500",children:t[s]})]},s))})]}),(0,L.jsxs)("div",{className:"flex gap-4 flex-wrap",children:[(0,L.jsxs)("div",{className:"flex items-center gap-2",children:[(0,L.jsx)("span",{className:"w-3 h-3 rounded-full bg-green-500"}),(0,L.jsxs)("span",{className:"text-sm text-gray-700",children:["Paid: ",s.paid]})]}),(0,L.jsxs)("div",{className:"flex items-center gap-2",children:[(0,L.jsx)("span",{className:"w-3 h-3 rounded-full bg-amber-500"}),(0,L.jsxs)("span",{className:"text-sm text-gray-700",children:["Sent: ",s.sent]})]}),(0,L.jsxs)("div",{className:"flex items-center gap-2",children:[(0,L.jsx)("span",{className:"w-3 h-3 rounded-full bg-gray-400"}),(0,L.jsxs)("span",{className:"text-sm text-gray-700",children:["Draft: ",s.draft]})]})]})]})}function hs(){return(0,L.jsxs)(os,{sectionId:"demo-section-3.0",number:"3.0",title:"Payments",subtitle:"Create invoices, share payment links, and track revenue in one place.",subFeatures:cs,children:[(0,L.jsx)(ms,{}),(0,L.jsx)(xs,{}),(0,L.jsx)(us,{})]})}var ps=s(28188),gs=s(82054);const fs=[{id:"send",label:"4.1 Send for Signature"},{id:"templates",label:"4.2 Templates"},{id:"audit",label:"4.3 Audit Trail"}];function ys(){const e=he;return(0,L.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[(0,L.jsxs)("div",{className:"rounded-lg border border-gray-200 bg-gray-50 p-4",children:[(0,L.jsx)("p",{className:"text-xs font-medium text-gray-500 uppercase tracking-wider mb-2",children:"Document preview"}),(0,L.jsxs)("div",{className:"bg-white rounded border border-gray-200 p-4 shadow-sm",children:[(0,L.jsx)("h3",{className:"text-base font-semibold text-gray-900",children:e.title}),(0,L.jsxs)("p",{className:"text-sm text-gray-600 mt-1",children:["Client: ",e.client]}),(0,L.jsx)("p",{className:"text-sm text-gray-500 mt-2",children:"This agreement is entered into as of the Effective Date between the parties listed below. Signature fields are indicated on the right."})]})]}),(0,L.jsxs)("div",{className:"rounded-lg border border-gray-200 bg-white p-4",children:[(0,L.jsx)("p",{className:"text-xs font-medium text-gray-500 uppercase tracking-wider mb-3",children:"Signature fields"}),(0,L.jsx)("div",{className:"space-y-3",children:e.fields.map(e=>(0,L.jsxs)("div",{children:[(0,L.jsx)("label",{className:"block text-xs text-gray-500 mb-1",children:e.label}),"signature"===e.type?(0,L.jsxs)("div",{className:"border-2 border-dashed border-gray-300 rounded-lg h-12 flex items-center justify-center text-gray-400 text-sm",children:[(0,L.jsx)(ps.A,{className:"w-4 h-4 mr-1"}),"Sign here"]}):(0,L.jsx)("input",{type:"text",readOnly:!0,value:e.value||"",className:"w-full rounded border border-gray-200 px-2 py-1.5 text-sm bg-gray-50"})]},e.id))}),(0,L.jsx)("div",{className:"mt-4",children:(0,L.jsxs)("span",{className:"inline-flex items-center gap-1 px-2 py-1 rounded bg-amber-100 text-amber-800 text-xs font-medium",children:[(0,L.jsx)(P.A,{className:"w-3 h-3"}),e.status]})})]})]})}function bs(){return(0,L.jsx)("div",{className:"rounded-lg border border-gray-200 bg-white overflow-hidden",children:(0,L.jsxs)("table",{className:"w-full text-sm",children:[(0,L.jsx)("thead",{children:(0,L.jsxs)("tr",{className:"border-b border-gray-200 bg-gray-50",children:[(0,L.jsx)("th",{className:"text-left px-4 py-2 font-medium text-gray-700",children:"Template"}),(0,L.jsx)("th",{className:"text-left px-4 py-2 font-medium text-gray-700",children:"Last used"}),(0,L.jsx)("th",{className:"text-left px-4 py-2 font-medium text-gray-700",children:"Sent"})]})}),(0,L.jsx)("tbody",{children:pe.map(e=>(0,L.jsxs)("tr",{className:"border-b border-gray-100 hover:bg-gray-50",children:[(0,L.jsx)("td",{className:"px-4 py-2 font-medium text-gray-900",children:e.name}),(0,L.jsx)("td",{className:"px-4 py-2 text-gray-600",children:e.lastUsed}),(0,L.jsx)("td",{className:"px-4 py-2 text-gray-600",children:e.count})]},e.id))})]})})}function vs(){return(0,L.jsxs)("div",{className:"rounded-lg border border-gray-200 bg-white p-4",children:[(0,L.jsx)("p",{className:"text-xs font-medium text-gray-500 uppercase tracking-wider mb-4",children:"Document lifecycle"}),(0,L.jsx)("ul",{className:"space-y-3",children:ge.map((e,t)=>(0,L.jsxs)("li",{className:"flex items-start gap-3",children:[(0,L.jsx)("span",{className:"flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center ".concat("Signed"===e.step?"bg-gray-200 text-gray-500":"bg-green-100 text-green-700"),children:"Signed"===e.step?(0,L.jsx)(P.A,{className:"w-4 h-4"}):(0,L.jsx)(gs.A,{className:"w-4 h-4"})}),(0,L.jsxs)("div",{children:[(0,L.jsx)("p",{className:"font-medium text-gray-900",children:e.step}),(0,L.jsxs)("p",{className:"text-xs text-gray-500",children:[e.by," \xb7 ",e.at]})]})]},t))})]})}function js(){return(0,L.jsxs)(os,{sectionId:"demo-section-4.0",number:"4.0",title:"Document Signing",subt
1itle:"Send agreements for signature, use templates, and keep a full audit trail.",subFeatures:fs,children:[(0,L.jsx)(ys,{}),(0,L.jsx)(bs,{}),(0,L.jsx)(vs,{})]})}var ws=s(77737),Ns=s(35087),As=s(85692);const Es=[{id:"aes256",label:"5.1 AES-256"},{id:"zeroknowledge",label:"5.2 Zero-Knowledge"},{id:"keyderivation",label:"5.3 Key Derivation"},{id:"howitworks",label:"5.4 How It Works"}];function Cs(){return(0,L.jsxs)("div",{className:"rounded-lg border border-gray-200 bg-white overflow-hidden",children:[(0,L.jsxs)("div",{className:"border-b border-gray-200 px-4 py-2 flex items-center gap-2 bg-green-50",children:[(0,L.jsx)(gs.A,{className:"w-4 h-4 text-green-600"}),(0,L.jsx)("span",{className:"text-sm font-medium text-green-800",children:"AES-256-GCM Active"})]}),(0,L.jsxs)("div",{className:"p-4",children:[(0,L.jsx)("p",{className:"text-xs font-medium text-gray-500 uppercase tracking-wider mb-3",children:"Military-grade encryption standard"}),(0,L.jsxs)("div",{className:"space-y-3",children:[(0,L.jsxs)("div",{className:"flex items-start gap-2 p-2 rounded-lg border border-gray-100",children:[(0,L.jsx)(A.A,{className:"w-4 h-4 text-blue-500 flex-shrink-0 mt-0.5"}),(0,L.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,L.jsx)("p",{className:"text-sm font-medium text-gray-900",children:"256-bit Key Length"}),(0,L.jsx)("p",{className:"text-xs text-gray-500",children:"The same encryption standard trusted by governments and financial institutions worldwide."})]})]}),(0,L.jsxs)("div",{className:"flex items-start gap-2 p-2 rounded-lg border border-gray-100",children:[(0,L.jsx)(C.A,{className:"w-4 h-4 text-blue-500 flex-shrink-0 mt-0.5"}),(0,L.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,L.jsx)("p",{className:"text-sm font-medium text-gray-900",children:"Authenticated Encryption"}),(0,L.jsx)("p",{className:"text-xs text-gray-500",children:"GCM mode ensures both confidentiality and data integrity \u2014 tampered data is automatically rejected."})]})]}),(0,L.jsxs)("div",{className:"flex items-start gap-2 p-2 rounded-lg border border-gray-100",children:[(0,L.jsx)(ws.A,{className:"w-4 h-4 text-blue-500 flex-shrink-0 mt-0.5"}),(0,L.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,L.jsx)("p",{className:"text-sm font-medium text-gray-900",children:"Unique Per-Document Keys"}),(0,L.jsx)("p",{className:"text-xs text-gray-500",children:"Each document is encrypted with its own unique key, limiting exposure if any single key were compromised."})]})]})]})]})]})}function _s(){const e=ye;return(0,L.jsxs)("div",{className:"rounded-lg border border-gray-200 bg-white overflow-hidden",children:[(0,L.jsxs)("div",{className:"border-b border-gray-200 px-4 py-2 flex items-center gap-2 bg-green-50",children:[(0,L.jsx)(gs.A,{className:"w-4 h-4 text-green-600"}),(0,L.jsx)("span",{className:"text-sm font-medium text-green-800",children:"Zero-Knowledge Architecture"})]}),(0,L.jsxs)("div",{className:"p-4 space-y-3",children:[(0,L.jsx)("p",{className:"text-xs font-medium text-gray-500 uppercase tracking-wider",children:"We never see your data"}),(0,L.jsx)("div",{className:"space-y-2",children:e.map((e,t)=>(0,L.jsxs)("div",{className:"rounded-lg border border-gray-200 bg-gray-50 p-3 flex items-start gap-3",children:[(0,L.jsx)("div",{className:"bg-blue-500 text-white rounded-full w-6 h-6 flex items-center justify-center font-semibold text-xs flex-shrink-0",children:t+1}),(0,L.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,L.jsx)("p",{className:"text-sm font-medium text-gray-900",children:e.title}),(0,L.jsx)("p",{className:"text-xs text-gray-600 mt-0.5",children:e.description})]})]},t))})]})]})}function Ps(){const e=be;return(0,L.jsxs)("div",{className:"rounded-lg border border-gray-200 bg-white overflow-hidden",children:[(0,L.jsxs)("div",{className:"border-b border-gray-200 px-4 py-2 flex items-center gap-2 bg-green-50",children:[(0,L.jsx)(gs.A,{className:"w-4 h-4 text-green-600"}),(0,L.jsx)("span",{className:"text-sm font-medium text-green-800",children:"PBKDF2 Key Derivation"})]}),(0,L.jsxs)("div",{className:"p-4",children:[(0,L.jsx)("p",{className:"text-xs font-medium text-gray-500 uppercase tracking-wider mb-3",children:"Secure key generation"}),(0,L.jsx)("div",{className:"space-y-3",children:e.map((e,t)=>(0,L.jsxs)("div",{className:"flex items-start gap-2 p-2 rounded-lg border border-gray-100 hover:border-gray-200",children:[(0,L.jsx)(ws.A,{className:"w-4 h-4 text-purple-500 flex-shrink-0 mt-0.5"}),(0,L.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,L.jsx)("p",{className:"text-sm font-medium text-gray-900",children:e.label}),(0,L.jsx)("p",{className:"text-xs text-gray-500",children:e.detail})]})]},t))})]})]})}function ks(){return(0,L.jsxs)("div",{className:"rounded-lg border border-gray-200 bg-white overflow-hidden",children:[(0,L.jsxs)("div",{className:"border-b border-gray-200 px-4 py-2 flex items-center gap-2 bg-green-50",children:[(0,L.jsx)(Ns.A,{className:"w-4 h-4 text-green-600"}),(0,L.jsx)("span",{className:"text-sm font-medium text-green-800",children:"Encryption Flow"})]}),(0,L.jsxs)("div",{className:"p-4",children:[(0,L.jsx)("p",{className:"text-xs font-medium text-gray-500 uppercase tracking-wider mb-3",children:"End-to-end in 3 steps"}),(0,L.jsx)("div",{className:"space-y-4",children:fe.map((e,t)=>(0,L.jsxs)("div",{className:"flex items-center gap-4",children:[(0,L.jsx)("div",{className:"bg-blue-500 text-white rounded-full w-8 h-8 flex items-center justify-center font-semibold text-sm flex-shrink-0",children:t+1}),(0,L.jsxs)("div",{children:[(0,L.jsx)("p",{className:"text-sm font-medium text-gray-900",children:e.title}),(0,L.jsx)("p",{className:"text-xs text-gray-600",children:e.description})]}),t<fe.length-1&&(0,L.jsx)(As.A,{className:"w-4 h-4 text-gray-300 flex-shrink-0 ml-auto"})]},t))}),(0,L.jsx)("div",{className:"mt-4 p-3 bg-gray-50 rounded-lg border border-gray-100",children:(0,L.jsxs)("p",{className:"text-xs text-gray-600 text-center",children:[(0,L.jsx)("span",{className:"font-medium",children:"Your privacy is guaranteed:"})," Even if our servers were compromised, your data would remain unreadable."]})})]})]})}function Rs(){return(0,L.jsxs)(os,{sectionId:"demo-section-5.0",number:"5.0",title:"Encryption",subtitle:"Your data is encrypted before it ever leaves your browser. We can't read it \u2014 and neither can anyone else.",subFeatures:Es,children:[(0,L.jsx)(Cs,{}),(0,L.jsx)(_s,{}),(0,L.jsx)(Ps,{}),(0,L.jsx)(ks,{})]})}const Ss=[{id:"1.0",label:"1.0"},{id:"2.0",label:"2.0"},{id:"3.0",label:"3.0"},{id:"4.0",label:"4.0"},{id:"5.0",label:"5.0"}];function Ts(e){if(!e)return document.scrollingElement||document.documentElement;let t=e.parentElement;for(;t;){const e=window.getComputedStyle(t).overflowY;if(("auto"===e||"scroll"===e)&&t.scrollHeight>t.clientHeight+1)return t;t=t.parentElement}return document.scrollingElement||document.documentElement}function Is(e){let t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).offsetTop,s=void 0===t?88:t;if(!e||"undefined"===typeof window)return;const r=Ts(e),n=r===document.documentElement||r===document.scrollingElement||r===document.body,a=e.getBoundingClientRect().top+(n?window.scrollY:r.scrollTop)-s;n?window.scrollTo(0,Math.max(0,a)):r.scrollTop=Math.max(0,a)}function Ls(){const e=a.useState("1.0"),t=(0,n.A)(e,2),s=t[0],r=t[1],i=(0,a.useState)(!1),l=(0,n.A)(i,2),o=l[0],c=l[1],d=(0,a.useState)(!1),m=(0,n.A)(d,2),x=m[0],u=m[1],h=(0,a.useState)(null),p=(0,n.A)(h,2),g=p[0],f=p[1],y=(0,a.useState)(!1),b=(0,n.A)(y,2),v=b[0],j=b[1],w=(0,a.useState)(0),N=(0,n.A)(w,2),A=N[0],E=N[1],C=(0,a.useCallback)(()=>{"undefined"!==typeof window&&window.dispatchEvent(new CustomEvent(et)),c(!0),j(!0)},[]);(0,a.useLayoutEffect)(()=>
1{if(!v)return;Is(document.getElementById("demo-section-2.0"),{offsetTop:88});const e=requestAnimationFrame(()=>{Is(document.getElementById("demo-section-2.0"),{offsetTop:88})});return()=>cancelAnimationFrame(e)},[v]);const _=(0,a.useCallback)(()=>{c(!1),u(!1),f(null),E(e=>e+1),j(!1),"undefined"!==typeof window&&window.dispatchEvent(new CustomEvent(tt)),window.scrollTo({top:0,behavior:"auto"})},[]);return(0,a.useEffect)(()=>{const e=window.location.hash;if(e&&"#"!==e)return;const t=window.history.scrollRestoration;window.history.scrollRestoration="manual";const s=()=>{window.scrollTo(0,0);const e=document.getElementById("demo-section-1.0"),t=e?Ts(e):null;t&&t!==document.documentElement&&t!==document.scrollingElement&&t!==document.body&&(t.scrollTop=0)},r=requestAnimationFrame(s),n=setTimeout(s,50);return()=>{clearTimeout(n),cancelAnimationFrame(r),window.history.scrollRestoration=t}},[]),(0,L.jsxs)("div",{className:"relative bg-gray-50/50",children:[(0,L.jsx)("p",{className:"md:hidden text-center text-sm text-gray-500 px-4 py-2 bg-blue-50/80 border-b border-blue-100",children:"For the full interactive demo, try on a desktop or tablet."}),(0,L.jsx)(Et,{sections:Ss,activeId:s,onActiveChange:r}),(0,L.jsxs)("div",{className:"lg:pl-20",children:[(0,L.jsx)(ls,{onHandoffComplete:C,runwayCollapsed:v,dismissSignal:A}),(0,L.jsx)(zt,{entranceActive:o,entranceFromPrompt:x,entrancePromptTarget:g,onDismissPromptEntrance:_}),(0,L.jsx)("section",{id:"demo-section-3.0",className:"scroll-mt-20",children:(0,L.jsx)(hs,{})}),(0,L.jsx)("section",{id:"demo-section-4.0",className:"scroll-mt-20",children:(0,L.jsx)(js,{})}),(0,L.jsx)("section",{id:"demo-section-5.0",className:"scroll-mt-20",children:(0,L.jsx)(Rs,{})})]})]})}var Ms=s(15003);const Os=[0,50,200,500,1e3];function Ds(e){return e===document.documentElement||e===document.scrollingElement||e===document.body}function Vs(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},s=t.behavior,r=void 0===s?"auto":s,n=t.offsetTop;if(!e||"undefined"===typeof window)return!1;const a=function(e){if("undefined"===typeof document)return null;if(!e)return document.scrollingElement||document.documentElement;let t=e.parentElement;for(;t;){const e=window.getComputedStyle(t).overflowY;if(("auto"===e||"scroll"===e)&&t.scrollHeight>t.clientHeight+1)return t;t=t.parentElement}return document.scrollingElement||document.documentElement}(e);if(!a)return!1;const i=parseFloat(window.getComputedStyle(e).scrollMarginTop),l=null!==n&&void 0!==n?n:Number.isFinite(i)?i:0,o=Ds(a)?window.scrollY:a.scrollTop,c=Math.max(0,e.getBoundingClientRect().top+o-l);return Ds(a)?window.scrollTo({top:c,behavior:r}):"function"===typeof a.scrollTo?a.scrollTo({top:c,behavior:r}):a.scrollTop=c,!0}function Us(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.behavior,s=void 0===t?"auto":t,r=e.retryDelaysMs,n=void 0===r?Os:r;(0,a.useEffect)(()=>{let e=!1;const t=[],r=()=>{const r=function(){const e=window.location.hash;if(!e||"#"===e)return null;try{return decodeURIComponent(e.slice(1))}catch(t){return e.slice(1)}}();r&&(t.splice(0).forEach(clearTimeout),n.forEach(n=>{t.push(setTimeout(()=>{if(e)return;const t=document.getElementById(r);t&&Vs(t,{behavior:s})},n))}))};return r(),window.addEventListener("hashchange",r),()=>{e=!0,t.forEach(clearTimeout),window.removeEventListener("hashchange",r)}},[s,n])}function Bs(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},s=t.behavior,r=void 0===s?"smooth":s,n=t.updateHash,a=void 0===n||n,i=t.retryDelaysMs,l=void 0===i?[0,80,250,600]:i;if(!e||"undefined"===typeof document)return!1;if(!document.getElementById(e))return!1;if(a&&"undefined"!==typeof window){const t="#".concat(e);window.location.hash!==t&&(window.location.hash=e)}let o=!1;return l.forEach((t,s)=>{const n=()=>{const t=document.getElementById(e);if(!t)return;const n=Vs(t,{behavior:0===s?r:"auto"});o=o||n};0===t?n():setTimeout(n,t)}),o}var Fs=s(39160);const Gs=e=>{const t=(0,a.useState)(!1),s=(0,n.A)(t,2),O=(s[0],s[1],(0,a.useState)(null)),D=(0,n.A)(O,2),V=(D[0],D[1],(0,a.useState)(0)),U=(0,n.A)(V,2),B=(U[0],U[1],(0,a.useState)([])),F=(0,n.A)(B,2),G=(F[0],F[1],(0,a.useState)(null)),W=(0,n.A)(G,2),K=(W[0],W[1],(0,a.useState)(null)),Y=(0,n.A)(K,2),q=(Y[0],Y[1],(0,a.useState)(null)),J=(0,n.A)(q,2),Q=(J[0],J[1]),X=(0,a.useState)("monthly"),se=(0,n.A)(X,2),re=se[0],ne=se[1],ae=(()=>{const e=(0,a.useState)(null),t=(0,n.A)(e,2),s=t[0],r=t[1],i=(0,a.useState)(!1),l=(0,n.A)(i,2),o=l[0],c=l[1];(0,a.useEffect)(()=>{const e=()=>{let e=null;if(window.promotekit_referral&&(e=window.promotekit_referral,(0,At.gg)("PromoteKit referral ID found via window.promotekit_referral:",e)),!e&&window.promoteKit_referral&&(e=window.promoteKit_referral,(0,At.gg)("PromoteKit referral ID found via window.promoteKit_referral:",e)),!e){const t=localStorage.getItem("promotekit_referral")||sessionStorage.getItem("promotekit_referral")||localStorage.getItem("promotekit")||sessionStorage.getItem("promotekit");t&&(e=t,(0,At.gg)("PromoteKit referral ID found in storage:",e))}if(!e){const t=new URLSearchParams(window.location.search),s=t.get("ref")||t.get("referral")||t.get("affiliate");s&&(e=s,(0,At.gg)("PromoteKit referral ID found via URL parameter:",e))}if(!e&&window.promotekit)try{const s=["getReferral","getReferralId","getRef","getCurrentReferral"];for(const r of s)if("function"===typeof window.promotekit[r])try{const t=window.promotekit[r]();if(t){e=t,(0,At.gg)("PromoteKit referral ID found via ".concat(r,"():"),e);break}}catch(t){(0,At.gg)("Error calling ".concat(r,":"),t.message)}}catch(t){(0,At.gg)("Error checking PromoteKit methods:",t)}if(!e&&window.promotekit){const t=["referral","referralId","ref","affiliate","partner"];for(const s of t)if(window.promotekit[s]){e=window.promotekit[s],(0,At.gg)("PromoteKit referral ID found via promotekit.".concat(s,":"),e);break}}e&&"string"===typeof e&&(e=e.trim()),e?(localStorage.setItem("promotekit_referral",e),r(e),c(!0)):((0,At.gg)("No PromoteKit referral ID found anywhere"),(0,At.gg)("Debug info:",{"window.promotekit_referral":window.promotekit_referral,"window.promoteKit_referral":window.promoteKit_referral,"localStorage.promotekit_referral":localStorage.getItem("promotekit_referral"),"sessionStorage.promotekit_referral":sessionStorage.getItem("promotekit_referral"),"URL ref parameter":new 
1URLSearchParams(window.location.search).get("ref"),"PromoteKit object exists":!!window.promotekit}),c(!0))};e();const t=setTimeout(e,1e3),s=setTimeout(e,3e3),n=setTimeout(e,5e3);return()=>{clearTimeout(t),clearTimeout(s),clearTimeout(n)}},[]);const d="string"===typeof s&&""!==s.trim();return{referralId:s,isReady:o,trackReferral:function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(!window.promotekit||!window.promotekit.refer)return console.warn("PromoteKit not available for referral tracking"),!1;try{return window.promotekit.refer(e,t),(0,At.gg)("PromoteKit referral tracked successfully"),!0}catch(s){return console.error("PromoteKit referral tracking error:",s),!1}},hasReferral:d}})(),ie=ae.referralId,le=(ae.hasReferral,ae.isReady),oe=(0,a.useState)(null),ce=(0,n.A)(oe,2)[1],de=(0,a.useState)(!1),me=(0,n.A)(de,2),xe=me[0],ue=me[1],he=(0,a.useState)(null),pe=(0,n.A)(he,2),ge=pe[0],fe=(pe[1],(0,a.useState)(!1)),ye=(0,n.A)(fe,2),be=ye[0],ve=ye[1],je=(0,R.Zp)();Us(),(0,a.useEffect)(()=>{const e=(0,T.hg)(S.j2,e=>{e&&Q(e)});return()=>e()},[]),(0,a.useEffect)(()=>{const e=()=>{window.promotekit_referral&&(ce(window.promotekit_referral),(0,At.gg)("Referral ID detected:",window.promotekit_referral),sessionStorage.setItem("promotekit_referral",window.promotekit_referral))};e(),setTimeout(e,1e3),setTimeout(e,3e3)},[]);const we=()=>{ue(!xe)},Ne=(0,a.useState)(null),Ae=(0,n.A)(Ne,2),Ee=Ae[0],Ce=Ae[1];(0,a.useEffect)(()=>{const e=new URLSearchParams(window.location.search).get("ref");if(e)Ce(e),sessionStorage.setItem("promotekit_referral",e);else{const e=sessionStorage.getItem("promotekit_referral");e&&Ce(e)}},[]);const _e=null!==Ee,Pe=()=>{if(!_e||!le)return null;return(0,L.jsx)("div",{className:"bg-gradient-to-r from-green-50 to-blue-50 border border-green-200 rounded-lg p-4 mx-6 mb-6",children:(0,L.jsxs)("div",{className:"flex items-center",children:[(0,L.jsx)("div",{className:"flex-shrink-0",children:(0,L.jsx)("span",{className:"text-2xl",children:"\ud83c\udf89"})}),(0,L.jsxs)("div",{className:"ml-3 flex-1",children:[(0,L.jsx)("h3",{className:"text-sm font-medium text-green-800",children:"Someone must really like you!"}),(0,L.jsx)("p",{className:"text-sm text-green-700 mt-1",children:"You're eligible for exclusive pricing through our partner program."})]}),(0,L.jsx)("div",{className:"ml-4",children:(0,L.jsx)("button",{onClick:()=>{Bs("pricing")},className:"inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-green-700 bg-green-100 hover:bg-green-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 transition-colors",children:"View Plans"})})]})})},ke={starter:{name:"Starter",basePrice:Fs.w8.starter,userPrice:7,maxUsers:25,includedUsers:3,stripePriceId:Fs.Ip,description:"For small teams getting organized",features:[{icon:d.A,text:"3 users included ($7/additional)"},{icon:m.A,text:"500 documents"},{icon:x.A,text:"20 projects"},{icon:u.A,text:"500MB storage"},{icon:h.A,text:"Smart search & custom categories"},{icon:p.A,text:"PDF export"},{icon:g.A,text:"Document sharing"},{icon:f.A,text:"3 integrations"},{icon:y.A,text:"Email support"}],limitations:["No AI chatbot","No role-based permissions","No custom branding"]},pro:{name:"Pro",basePrice:Fs.w8.pro,userPrice:7,maxUsers:25,includedUsers:5,stripePriceId:Fs.AR,description:"For growing teams w/ advanced needs",features:[{icon:b.A,text:"AI Chatbot"},{icon:d.A,text:"5 users included ($7/additional)"},{icon:m.A,text:"Unlimited documents"},{icon:x.A,text:"Unlimited projects"},{icon:u.A,text:"5GB+ storage"},{icon:h.A,text:"AI categorization"},{icon:v.A,text:"Custom categories"},{icon:g.A,text:"Public external sharing"},{icon:p.A,text:"PDF export"},{icon:j.A,text:"One-click data export"},{icon:w.A,text:"Role-based permissions"},{icon:N.A,text:"Custom branding"},{icon:f.A,text:"Unlimited integrations"},{icon:y.A,text:"Priority email support"},{icon:A.A,text:"End-to-end encryption"}],limitations:[]},business:{name:"Business",basePrice:Fs.w8.business,userPrice:null,maxUsers:null,includedUsers:null,
1stripePriceId:Fs.Rd,description:"For larger orgs that need advanced controls",features:[{icon:b.A,text:"AI Chatbot"},{icon:d.A,text:"Unlimited users"},{icon:m.A,text:"Unlimited documents"},{icon:x.A,text:"Unlimited projects"},{icon:u.A,text:"Custom storage limits"},{icon:h.A,text:"AI categorization"},{icon:E.A,text:"Enterprise Analytics"},{icon:w.A,text:"Advanced Role-based permissions"},{icon:N.A,text:"White-label & custom branding"},{icon:f.A,text:"Custom integrations & API"},{icon:C.A,text:"SOC 2 compliance & audit logs"},{icon:_.A,text:"Local LLM deployment options"},{icon:P.A,text:"SLA guarantees (99.9% uptime)"},{icon:k.A,text:"Priority phone support"},{icon:j.A,text:"One-click data export"},{icon:A.A,text:"End-to-end encryption"}],limitations:[],minUsers:25}},Re=e=>{if("yearly"===re)return void Se();const t=ie||sessionStorage.getItem("promotekit_referral"),s=new URLSearchParams({plan:e,billing:re});t&&s.append("ref",t),window.location.href="/authpage?".concat(s.toString())},Se=()=>{ve(!0)},Te=e=>{let t=e.isOpen,s=e.onClose;const i=(0,a.useState)({name:"",email:"",company:"",teamSize:"",message:""}),l=(0,n.A)(i,2),o=l[0],c=l[1];return t?(0,L.jsx)("div",{className:"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50",children:(0,L.jsxs)("div",{className:"bg-white rounded-lg p-6 max-w-md w-full mx-4",children:[(0,L.jsx)("h3",{className:"text-xl font-semibold mb-4",children:"Contact Sales"}),(0,L.jsx)("p",{className:"text-gray-600 mb-6",children:"Let's discuss a custom Enterprise solution for your organization."}),(0,L.jsxs)("form",{onSubmit:async e=>{e.preventDefault(),(0,At.gg)("Enterprise contact form submitted:",o),s()},className:"space-y-4",children:[(0,L.jsx)("input",{type:"text",placeholder:"Full Name",value:o.name,onChange:e=>c((0,r.A)((0,r.A)({},o),{},{name:e.target.value})),className:"w-full p-3 border border-gray-300 rounded-lg",required:!0}),(0,L.jsx)("input",{type:"email",placeholder:"Work Email",value:o.email,onChange:e=>c((0,r.A)((0,r.A)({},o),{},{email:e.target.value})),className:"w-full p-3 border border-gray-300 rounded-lg",required:!0}),(0,L.jsx)("input",{type:"text",placeholder:"Company Name",value:o.company,onChange:e=>c((0,r.A)((0,r.A)({},o),{},{company:e.target.value})),className:"w-full p-3 border border-gray-300 rounded-lg",required:!0}),(0,L.jsxs)("select",{value:o.teamSize,onChange:e=>c((0,r.A)((0,r.A)({},o),{},{teamSize:e.target.value})),className:"w-full p-3 border border-gray-300 rounded-lg",required:!0,children:[(0,L.jsx)("option",{value:"",children:"Team Size"}),(0,L.jsx)("option",{value:"25-50",children:"25-50 users"}),(0,L.jsx)("option",{value:"51-100",children:"51-100 users"}),(0,L.jsx)("option",{value:"101-500",children:"101-500 users"}),(0,L.jsx)("option",{value:"500+",children:"500+ users"})]}),(0,L.jsx)("textarea",{placeholder:"Tell us about your needs...",value:o.message,onChange:e=>c((0,r.A)((0,r.A)({},o),{},{message:e.target.value})),className:"w-full p-3 border border-gray-300 rounded-lg h-24 resize-none",rows:3}),(0,L.jsxs)("div",{className:"flex gap-3",children:[(0,L.jsx)("button",{type:"button",onClick:s,className:"flex-1 py-3 px-4 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50",children:"Cancel"}),(0,L.jsx)(Ms.A,{type:"submit",size:"lg",className:"flex-1 rounded-lg",children:"Send Request"})]})]})]})}):null},Ie=(0,i.L)().scrollYProgress,Le=(0,l.I)(),Me=(0,o.G)(Ie,[0,1],[0,1]),Oe=(0,a.useState)(!1),De=(0,n.A)(Oe,2),Ve=De[0],Ue=De[1],Be=(0,a.useRef)(!1);return(0,a.useEffect)(()=>{const e=()=>{Be.current=!1,Ue(!0)},t=()=>{Be.current=!0,Ue(!1)};return window.addEventListener(st,e),window.addEventListener(rt,t),()=>{window.removeEventListener(st,e),window.removeEventListener(rt,t)}},[]),(0,a.useEffect)(()=>{const e=document.getElementById("demo-section-2.0");if(!e)return;const t=new IntersectionObserver(e=>{let t=(0,n.A)(e,1)[0];Be.current?t.isIntersecting||(Be.current=!1):Ue(t.isIntersecting)},{rootMargin:"-18% 0px -62% 0px",threshold:0});return t.observe(e),()=>t.disconnect()},[]),(0,L.jsxs)("div",{className:"min-h-screen bg-white overflow-x-hidden",children:[!Le&&(0,L.jsx)(c.P.div,{className:"fixed top-0 left-0 right-0 h-0.5 z-[100] origin-left",style:{scaleX:Me,background:"linear-gradient(90deg, #2563eb, #4f46e5)"}}),(0,L.jsxs)("main",{className:"relative",children:[(0,L.jsx)(te,{}),(0,L.jsx)(M,{})]}),(0,L.jsx)(z,{scrollTrigger:!1,initialDelay:.1,children:(0,L.jsx)("header",{className:"border-b border-gray-100 py-2.5",children:(0,L.jsxs)("div",{className:"max-w-[1440px] mx-auto pl-6 pr-6 sm:pl-8 sm:pr-8 lg:pl-[7.5rem] lg:pr-10 flex justify-between items-center",children:[(0,L.jsxs)("div",{className:"flex items-center gap-2 cursor-pointer",onClick:()=>je("/"),children:[(0,L.jsx)("img",{src:I,alt:"Based Logo",className:"h-6 w-6 sm:h-7 sm:w-7"}),(0,L.jsx)("span",{className:"hidden sm:inline font-semibold text-lg text-gray-900",children:"Based"})]}),(0,L.jsxs)("nav",{className:"flex gap-4 sm:gap-5 items-center",children:[(0,L.jsx)("a",{href:"#demo-section-1.0",className:"text-sm text-gray-600 hover:text-gray-900 transition-colors",onClick:e=>{e.defaultPrevented||0!==e.button||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||(e.preventDefault(),Bs("demo-section-1.0"))},children:"Product"}),(0,L.jsx)("a",{href:"#pricing",className:"text-sm text-gray-600 hover:text-gray-900 transition-colors",onClick:e=>{e.defaultPrevented||0!==e.button||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||(e.preventDefault(),Bs("pricing",{behavior:"auto"}))},children:"Pricing"}),ge&&(xe?(0,L.jsx)(Ms.A,{type:"button",onClick:we,size:"sm",leadingIcon:(0,L.jsx)(b.A,{className:"w-3.5 h-3.5 shrink-0"}),className:"px-3 py-1.5 rounded-md text-sm",children:"AI Agent"}):(0,L.jsxs)("button",{type:"button",onClick:we,className:"px-3 py-1.5 rounded-md text-sm font-medium transition-colors bg-gray-100 text-gray-700 hover:bg-gray-200",children:[(0,L.jsx)(b.A,{className:"w-3.5 h-3.5 inline mr-1.5"}),"AI Agent"]})),(0,L.jsx)("button",{onClick:()=>je("/authpage"),className:"text-sm text-gray-600 hover:text-gray-900 transition-colors",children:"Log in"}),(0,L.jsx)("button",{onClick:()=>je("/authpage?plan=explorer&source=header"),className:"bg-gray-900 text-white text-sm font-medium px-3 py-1.5 rounded-md hover:bg-gray-800 transition",children:"Sign up"})]})]})})}),(0,L.jsxs)("div",{className:"flex-1 pt-12 md:pt-20",children:[(0,L.jsx)(Pe,{}),(0,L.jsx)("section",{"data-landing-hero":!0,"aria-hidden":Ve,className:"max-w-[1440px] mx-auto pl-6 pr-6 sm:pl-8 sm:pr-8 lg:pl-[7.5rem] lg:pr-10 text-left overflow-hidden transition-[opacity,max-height,margin] duration-300 ease-out ".concat(Ve?"max-h-0 opacity-0 mt-0 mb-0 pointer-events-none":"max-h-[280px] opacity-100 mt-8 mb-0 md:mt-10"),children:(0,L.jsxs)(c.P.div,{className:"max-w-3xl",animate:{o
1pacity:Ve?0:1},transition:{duration:Le?0:.28},children:[(0,L.jsx)(Z,{text:"One place to run your back office",splitBy:"word",staggerDelay:.08,as:"h1",className:"text-[1.75rem] sm:text-4xl md:text-5xl font-bold text-gray-900 mb-3 tracking-tight break-words"}),(0,L.jsx)(z,{scrollTrigger:!1,initialDelay:.6,children:(0,L.jsx)("p",{className:"text-lg md:text-xl text-gray-600",children:"Replace your doc tool, signature app, invoice software, and AI assistant \u2014 with one platform."})})]})}),(0,L.jsx)("section",{className:"mt-8 sm:mt-10 md:mt-12 mb-10 sm:mb-16 md:mb-20 max-w-[1440px] mx-auto px-6 sm:px-8 lg:px-10",children:(0,L.jsx)(Ls,{})}),(0,L.jsx)("div",{className:"max-w-5xl mx-auto px-6",children:(0,L.jsx)(z,{children:(0,L.jsx)(bt,{})})}),(0,L.jsxs)("main",{className:"p-6 max-w-5xl mx-auto",children:[(0,L.jsx)(z,{children:(0,L.jsxs)("section",{className:"mb-20 bg-gradient-to-br from-blue-50 to-indigo-50 rounded-2xl p-8 md:p-12 border border-blue-100",children:[(0,L.jsxs)("div",{className:"text-center mb-8",children:[(0,L.jsx)("div",{className:"inline-flex items-center justify-center w-16 h-16 bg-blue-100 rounded-full mb-4",children:(0,L.jsx)("svg",{className:"w-8 h-8 text-blue-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,L.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z"})})}),(0,L.jsx)("h2",{className:"text-3xl font-bold text-gray-900 mb-4",children:"Take Based On-the-Go with Our iOS App"}),(0,L.jsx)("p",{className:"text-lg text-gray-600 max-w-2xl mx-auto mb-8",children:"Record voice memos, transcribe meetings, and chat with your knowledge base anywhere. Perfect for capturing insights on the move."})]}),(0,L.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center",children:[(0,L.jsx)("div",{className:"space-y-6",children:(0,L.jsxs)("div",{className:"bg-white rounded-xl shadow-lg p-6 border border-gray-100",children:[(0,L.jsx)("h3",{className:"text-xl font-semibold text-gray-900 mb-4",children:"Key Features"}),(0,L.jsxs)(H,{className:"space-y-4",staggerDelay:.1,delayChildren:.1,children:[(0,L.jsx)($,{children:(0,L.jsxs)("div",{className:"flex items-start gap-3",children:[(0,L.jsx)("div",{className:"bg-blue-100 rounded-full p-1",children:(0,L.jsx)("svg",{className:"w-4 h-4 text-blue-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,L.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z"})})}),(0,L.jsxs)("div",{children:[(0,L.jsx)("h4",{className:"font-medium text-gray-900",children:"Voice Recording"}),(0,L.jsx)("p",{className:"text-sm text-gray-600",children:"Capture meetings, ideas, and conversations with high-quality audio recording"})]})]})}),(0,L.jsx)($,{children:(0,L.jsxs)("div",{className:"flex items-start gap-3",children:[(0,L.jsx)("div",{className:"bg-green-100 rounded-full p-1",children:(0,L.jsx)(b.A,{className:"w-4 h-4 text-green-600"})}),(0,L.jsxs)("div",{children:[(0,L.jsx)("h4",{className:"font-medium text-gray-900",children:"AI Chat"}),(0,L.jsx)("p",{className:"text-sm text-gray-600",children:"Ask questions and get instant answers from your entire knowledge base"})]})]})}),(0,L.jsx)($,{children:(0,L.jsxs)("div",{className:"flex items-start gap-3",children:[(0,L.jsx)("div",{className:"bg-purple-100 rounded-full p-1",children:(0,L.jsx)("svg",{className:"w-4 h-4 text-purple-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,L.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})})}),(0,L.jsxs)("div",{children:[(0,L.jsx)("h4",{className:"font-medium text-gray-900",children:"Auto-Transcription"}),(0,L.jsx)("p",{className:"text-sm text-gray-600",children:"Automatically convert voice recordings to searchable text documents"})]})]})})]})]})}),(0,L.jsxs)("div",{className:"text-center",children:[(0,L.jsx)(z,{delay:.15,children:(0,L.jsx)("div",{className:"mb-8",children:(0,L.jsx)("img",{src:wt,alt:"Based iOS App Screenshots",className:"mx-auto rounded-2xl shadow-lg max-h-96 w-auto border border-gray-200"})})}),(0,L.jsx)(ee,{className:"inline-block",children:(0,L.jsx)("a",{href:"https://apps.apple.com/us/app/based-recorder/id6748622975",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center",children:(0,L.jsx)("img",{src:Nt,alt:"Download on the App Store",className:"h-14"})})}),(0,L.jsx)("p",{className:"text-sm text-gray-500 mt-4",children:"Available for iPhone \u2022 iOS 14.0 or later"})]})]})]})}),(0,L.jsx)("section",{id:"features",className:"mb-20"}),(0,L.jsx)("div",{className:"container mx-auto px-4 py-8",children:ie&&(0,L.jsx)("div",{className:"bg-green-50 border border-green-200 rounded-lg p-4 mb-8",children:(0,L.jsxs)("p",{className:"text-green-800 text-sm",children:["\ud83c\udf89 Referral detected! Thank ",ie," for this sweet discount!"]})})}),(0,L.jsx)(z,{children:(0,L.jsx)(it,{})}),(0,L.jsx)(gt,{}),(0,L.jsx)(z,{children:(0,L.jsx)(jt,{})}),(0,L.jsxs)("section",{id:"pricing",className:"text-center mb-20 scroll-mt-20",children:[(0,L.jsxs)(z,{children:[(0,L.jsx)("h2",{className:"text-2xl font-bold mb-2",children:"Simple, transparent pricing"}),(0,L.jsx)("p",{className:"text-gray-600 mb-6",children:"Pick a plan that suits your needs"})]}),(0,L.jsxs)("div",{className:"flex justify-center items-center mb-8",children:[(0,L.jsx)("span",{className:"mr-3 ".concat("monthly"===re?"text-gray-900 font-medium":"text-gray-500"),children:"Monthly"}),(0,L.jsx)("button",{onClick:()=>ne("monthly"===re?"yearly":"monthly"),className:"relative inline-flex h-6 w-11 items-center rounded-full bg-gray-200 transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",children:(0,L.jsx)("span",{className:"inline-block h-4 w-4 transform rounded-full bg-white transition-transform ".concat("yearly"===re?"translate-x-6":"translate-x-1")})}),(0,L.jsxs)("span",{className:"ml-3 ".concat("yearly"===re?"text-gray-900 font-medium":"text-gray-500"),children:["Yearly",(0,L.jsx)("span",{className:"text-green-600 text-sm ml-1",children:"(Save 20%)"})]})]}),(0,L.jsx)(H,{className:"grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto",staggerDelay:.1,delayChildren:.1,children:Object.entries(ke).map(e=>{let t=(0,n.A)(e,2),s=t[0],r=t[1];const a=0===r.basePrice?0:null===r.basePrice?null:"yearly"===re?(i=r.basePrice,Math.round(12*i*.8)):r.basePrice;var i;const l=_e&&r.basePrice>0?Math.round(.8*a):a;return(0,L.jsx)($,{children:(0,L.jsxs)(ee,{className:"border rounded-lg p-6 relative ".concat("pro"===s?"border-blue-500 shadow-lg":"border-gray-200"),children:["pro"===s&&(0,L.jsx)("div",{className:"absolute -top-3 left-1/2 transform -translate-x-1/2",children:(0,L.jsx)("span",{className:"bg-blue-500 text-white px-3 py-1 rounded-full text-sm font-medium",children:"Most Popular"})}),_e&&r.basePrice>0&&(0,L.jsx)("div",{className:"absolute -top-3 right-4",children:(0,L.jsx)("span",{className:"bg-green-500 text-white px-2 py-1 rounded-full text-xs font-medium",children:"20% OFF"})}),(0,L.jsxs)("div",{className:"text-center mb-6",children:[(0,L.jsx)("h3",{className:"text-xl font-bold mb-2",children:r.name}),(0,L.jsx)("div",{className:"mb-2",children:(0,L.jsxs)("div",{children:[_e&&r.basePrice>0?(0,L.jsx)("div",{className:"space-y-1",children:(0,L.jsxs)("div",{children:[(0,L.jsxs)("span",{className:"text-lg text-gray-400 line-through",children:["$",a]}),(0,L.jsxs)("span",{className:"text-3xl font-bold text-green-600 ml-2",children:["$",l]})]})}):(0,L.jsxs)("span",{className:"text-3xl font-bold",children:["$",a]}),(0,L.jsxs)("span",{className:"text-gray-500",children:["/","yearly"===re?"year":"month"]})]})}),_e&&r.basePrice>0&&(0,L.jsxs)("p",{className:"text-green-600 text-sm font-medium mb-2",children:["Save $",a-l," with referral discount!"]}),(0,L.jsx)("p",{className:"text-gray-600 text-sm",children:r.description})]}),(0,L.jsx)("div",{className:"space-y-3 mb-6",children:r.features.map((e,t)=>(0,L.jsxs)("div",{className:"flex items-start gap-3",children:[(0,L.jsx)(e.icon,{className:"w-4 h-4 text-green-500 mt-0.5 flex-shrink-0"}),(0,L.jsx)("span",{className:"text-sm text-gray-700",children:e.text})]},t))}),r.limitations&&r.limitations.length>0&&(0,L.jsxs)("div",{className:"space-y-2 mb-6 pt-4 border-t border-gray-100",children:[(0,L.jsx)("p",{className:"text-xs font-medium text-gray-500 uppercase tracking-wide",children:"Not included:"}),r.limitations.map((e,t)=>(0,L.jsxs)("div",{className:"flex items-start gap-3",children:[(0,L.jsx)("div",{className:"w-4 h-4 mt-0.5 flex-shrink-0 text-red-400",children:"\xd7"}),(0,L.jsx)("span",{className:"text-sm text-gray-400",children:e})]},t))]}),"yearly"===re?(0,L.jsx)("button",{type:"button",className:"w-full py-2 px-4 roun
1ded-md font-medium transition-colors ".concat("business"===s||"pro"===s?"bg-gray-900 text-white hover:bg-gray-800":"bg-gray-100 text-gray-700 hover:bg-gray-200"),onClick:()=>Re(s),children:"Contact Sales"}):_e?(0,L.jsx)("button",{type:"button",className:"w-full py-2 px-4 rounded-md font-medium transition-colors bg-green-600 text-white hover:bg-green-700",onClick:()=>Re(s),children:"Start 14-Day Free Trial(20% Off)"}):(0,L.jsx)(Ms.A,{type:"button",fullWidth:!0,size:"md",className:"w-full py-2 px-4 rounded-md font-medium",onClick:()=>Re(s),children:"Start 14-Day Free Trial"})]})},s)})}),(0,L.jsx)(Te,{isOpen:be,onClose:()=>ve(!1)})]}),(0,L.jsx)("footer",{className:"mt-16 text-center text-gray-400 text-sm",children:(0,L.jsxs)("p",{className:"space-x-4",children:[(0,L.jsx)("a",{href:"/privacy-policy",className:"hover:underline",children:"Privacy"}),(0,L.jsx)("a",{href:"/terms-of-service",className:"hover:underline",children:"Terms"}),(0,L.jsx)("a",{href:"/electronic-signatures",className:"hover:underline",children:"E-signatures"}),(0,L.jsx)("a",{href:"mailto:[email protected]",className:"hover:underline",children:"Contact"})]})})]})]})]})}},39160(e,t,s){s.d(t,{AR:()=>a,Ip:()=>n,Rd:()=>i,w8:()=>l});const r=(e,t)=>{const s={NODE_ENV:"production",PUBLIC_URL:".",WDS_SOCKET_HOST:void 0,WDS_SOCKET_PATH:void 0,WDS_SOCKET_PORT:void 0,FAST_REFRESH:!0,REACT_APP_VERCEL_GIT_COMMIT_AUTHOR_NAME:"Gary Riger",REACT_APP_VERCEL_GIT_PROVIDER:"github",REACT_APP_VERCEL_PROJECT_ID:"prj_A5c8ZMv75ibxQVceA3I7GjPny9oD",REACT_APP_VERCEL_GIT_PULL_REQUEST_ID:"",REACT_APP_VERCEL_OBSERVABILITY_CLIENT_CONFIG:'{"analytics":{"scriptSrc":"8f81e36d25c71756/script.js","viewEndpoint":"8f81e36d25c71756/view","eventEndpoint":"8f81e36d25c71756/event","sessionEndpoint":"8f81e36d25c71756/session"},"speedInsights":{"scriptSrc":"1e9f61cb490e195d/script.js","endpoint":"1e9f61cb490e195d/vitals"}}',REACT_APP_VERCEL_BRANCH_URL:"based-git-main-trybased.vercel.app",REACT_APP_VERCEL_GIT_COMMIT_MESSAGE:"Merge pull request #72 from grigerny/cursor/fix-doc-path-route-92cd\n\nfix: /doc/:id white screen \u2014 redirect to /?doc=",REACT_APP_VERCEL_DEPLOYMENT_ID:"dpl_AGjsSaVrRaABU1cBfdrSwYgrbTnK",REACT_APP_VERCEL_GIT_REPO_SLUG:"knowledge-base-saas",REACT_APP_VERCEL_TARGET_ENV:"production",REACT_APP_VERCEL_GIT_COMMIT_SHA:"3652b2969ded46d64de91ec6acc78f22cc8c6ae4",REACT_APP_VERCEL_ENV:"production",REACT_APP_VERCEL_GIT_COMMIT_REF:"main",REACT_APP_VERCEL_URL:"based-hwwo5zpxx-trybased.vercel.app",REACT_APP_VERCEL_PROJECT_PRODUCTION_URL:"www.trybased.com",REACT_APP_VERCEL_GIT_PREVIOUS_SHA:"",REACT_APP_VERCEL_GIT_REPO_ID:"980833582",REACT_APP_VERCEL_GIT_COMMIT_AUTHOR_LOGIN:"grigerny",REACT_APP_VERCEL_GIT_REPO_OWNER:"grigerny"}[e];return"string"===typeof s&&s.trim()?s.trim():t},n=r("REACT_APP_STRIPE_PRICE_STARTER_MONTHLY","price_1U3SeaDltikSigAi0WdkhUOq"),a=r("REACT_APP_STRIPE_PRICE_PRO_MONTHLY","price_1U3SeaDltikSigAiePmA3qRe"),i=r("REACT_APP_STRIPE_PRICE_BUSINESS_MONTHLY","price_1U3SebDltikSigAiLzxZKUF7"),l={starter:79,pro:179,business:349}},33868(e,t,s){e.exports=s.p+"static/media/based-logo.a67d9183af33425eff79.png"}}]);
2//# sourceMappingURL=74.96c9c47c.chunk.js.map

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.