https://posthog.com/component---src-pages-sales-tsx-09d32a483519fea2ac5b.js

1"use strict";(self.webpackChunkposthog_com=self.webpackChunkposthog_com||[]).push([[237],{13688:function(e,t,s){s.r(t),s.d(t,{default:function(){return M}});var n=s(93747),a=s(30758),o=s(8462),i=s(2212),l=s(31925),r=s(49271),c=s(44320),d=s(88915),p=s(10211);function h(e,t){return e.replace(new RegExp("(^|\\s)"+t+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}var m=s(8143),u=!1,x=a.createContext(null),g=function(e){return e.scrollTop},f="unmounted",b="exited",w="entering",y="entered",v="exiting",j=function(e){function t(t,s){var n;n=e.call(this,t,s)||this;var a,o=s&&!s.isMounting?t.enter:t.appear;return n.appearStatus=null,t.in?o?(a=b,n.appearStatus=w):a=y:a=t.unmountOnExit||t.mountOnEnter?f:b,n.state={status:a},n.nextCallback=null,n}(0,p.A)(t,e),t.getDerivedStateFromProps=function(e,t){return e.in&&t.status===f?{status:b}:null};var s=t.prototype;return s.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},s.componentDidUpdate=function(e){var t=null;if(e!==this.props){var s=this.state.status;this.props.in?s!==w&&s!==y&&(t=w):s!==w&&s!==y||(t=v)}this.updateStatus(!1,t)},s.componentWillUnmount=function(){this.cancelNextCallback()},s.getTimeouts=function(){var e,t,s,n=this.props.timeout;return e=t=s=n,null!=n&&"number"!=typeof n&&(e=n.exit,t=n.enter,s=void 0!==n.appear?n.appear:t),{exit:e,enter:t,appear:s}},s.updateStatus=function(e,t){if(void 0===e&&(e=!1),null!==t)if(this.cancelNextCallback(),t===w){if(this.props.unmountOnExit||this.props.mountOnEnter){var s=this.props.nodeRef?this.props.nodeRef.current:m.findDOMNode(this);s&&g(s)}this.performEnter(e)}else this.performExit();else this.props.unmountOnExit&&this.state.status===b&&this.setState({status:f})},s.performEnter=function(e){var t=this,s=this.props.enter,n=this.context?this.context.isMounting:e,a=this.props.nodeRef?[n]:[m.findDOMNode(this),n],o=a[0],i=a[1],l=this.getTimeouts(),r=n?l.appear:l.enter;!e&&!s||u?this.safeSetState({status:y},function(){t.props.onEntered(o)}):(this.props.onEnter(o,i),this.safeSetState({status:w},function(){t.props.onEntering(o,i),t.onTransitionEnd(r,function(){t.safeSetState({status:y},function(){t.props.onEntered(o,i)})})}))},s.performExit=function(){var e=this,t=this.props.exit,s=this.getTimeouts(),n=this.props.nodeRef?void 0:m.findDOMNode(this);t&&!u?(this.props.onExit(n),this.safeSetState({status:v},function(){e.props.onExiting(n),e.onTransitionEnd(s.exit,function(){e.safeSetState({status:b},function(){e.props.onExited(n)})})})):this.safeSetState({status:b},function(){e.props.onExited(n)})},s.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},s.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},s.setNextCallback=function(e){var t=this,s=!0;return this.nextCallback=function(n){s&&(s=!1,t.nextCallback=null,e(n))},this.nextCallback.cancel=function(){s=!1},this.nextCallback},s.onTransitionEnd=function(e,t){this.setNextCallback(t);var s=this.props.nodeRef?this.props.nodeRef.current:m.findDOMNode(this),n=null==e&&!this.props.addEndListener;if(s&&!n){if(this.props.addEndListener){var a=this.props.nodeRef?[this.nextCallback]:[s,this.nextCallback],o=a[0],i=a[1];this.props.addEndListener(o,i)}null!=e&&setTimeout(this.nextCallback,e)}else setTimeout(this.nextCallback,0)},s.render=function(){var e=this.state.status;if(e===f)return null;var t=this.props,s=t.children,n=(t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef,(0,d.A)(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]));return a.createElement(x.Provider,{value:null},"function"==typeof s?s(e,n):a.cloneElement(a.Children.only(s),n))},t}(a.Component);function k(){}j.contextType=x,j.propTypes={},j.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:k,onEntering:k,onEntered:k,onExit:k,onExiting:k,onExited:k},j.UNMOUNTED=f,j.EXITED=b,j.ENTERING=w,j.ENTERED=y,j.EXITING=v;var N=j,E=function(e,t){return e&&t&&t.split(" ").forEach(function(t){return n=t,void((s=e).classList?s.classList.remove(n):"string"==typeof s.className?s.className=h(s.className,n):s.setAttribute("class",h(s.className&&s.className.baseVal||"",n)));var s,n})},C=function(e){function t(){for(var t,s=arguments.length,n=new Array(s),a=0;a<s;a++)n[a]=arguments[a];

1return(t=e.call.apply(e,[this].concat(n))||this).appliedClasses={appear:{},enter:{},exit:{}},t.onEnter=function(e,s){var n=t.resolveArguments(e,s),a=n[0],o=n[1];t.removeClasses(a,"exit"),t.addClass(a,o?"appear":"enter","base"),t.props.onEnter&&t.props.onEnter(e,s)},t.onEntering=function(e,s){var n=t.resolveArguments(e,s),a=n[0],o=n[1]?"appear":"enter";t.addClass(a,o,"active"),t.props.onEntering&&t.props.onEntering(e,s)},t.onEntered=function(e,s){var n=t.resolveArguments(e,s),a=n[0],o=n[1]?"appear":"enter";t.removeClasses(a,o),t.addClass(a,o,"done"),t.props.onEntered&&t.props.onEntered(e,s)},t.onExit=function(e){var s=t.resolveArguments(e)[0];t.removeClasses(s,"appear"),t.removeClasses(s,"enter"),t.addClass(s,"exit","base"),t.props.onExit&&t.props.onExit(e)},t.onExiting=function(e){var s=t.resolveArguments(e)[0];t.addClass(s,"exit","active"),t.props.onExiting&&t.props.onExiting(e)},t.onExited=function(e){var s=t.resolveArguments(e)[0];t.removeClasses(s,"exit"),t.addClass(s,"exit","done"),t.props.onExited&&t.props.onExited(e)},t.resolveArguments=function(e,s){return t.props.nodeRef?[t.props.nodeRef.current,e]:[e,s]},t.getClassNames=function(e){var s=t.props.classNames,n="string"==typeof s,a=n?""+(n&&s?s+"-":"")+e:s[e];return{baseClassName:a,activeClassName:n?a+"-active":s[e+"Active"],doneClassName:n?a+"-done":s[e+"Done"]}},t}(0,p.A)(t,e);var s=t.prototype;return s.addClass=function(e,t,s){var n=this.getClassNames(t)[s+"ClassName"],a=this.getClassNames("enter").doneClassName;"appear"===t&&"done"===s&&a&&(n+=" "+a),"active"===s&&e&&g(e),n&&(this.appliedClasses[t][s]=n,function(e,t){e&&t&&t.split(" ").forEach(function(t){return n=t,void((s=e).classList?s.classList.add(n):function(e,t){return e.classList?!!t&&e.classList.contains(t):-1!==(" "+(e.className.baseVal||e.className)+" ").indexOf(" "+t+" ")}(s,n)||("string"==typeof s.className?s.className=s.className+" "+n:s.setAttribute("class",(s.className&&s.className.baseVal||"")+" "+n)));var s,n})}(e,n))},s.removeClasses=function(e,t){var s=this.appliedClasses[t],n=s.base,a=s.active,o=s.done;this.appliedClasses[t]={},n&&E(e,n),a&&E(e,a),o&&E(e,o)},s.render=function(){var e=this.props,t=(e.classNames,(0,d.A)(e,["classNames"]));return a.createElement(N,(0,c.A)({},t,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},t}(a.Component);C.defaultProps={classNames:""},C.propTypes={};var A=C,S=s(72753),T=s(11826),q=s(59527),_=s(8693),z=s(14038),P=s(39106),R=s(20323),F=s(8275),H=s(5356),L=s(86070);const W=[{title:"Extract more info than a stalker",children:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)("div",{className:"col-span-5 pl-1 @3xl:pl-9 [&_p]:mb-2 max-w-2xl pb-10",children:[(0,L.jsx)("p",{children:"You click 'contact us' and type in a bunch of personal information that has nothing to do with your use of the product."}),(0,L.jsx)("p",{children:"Often times, there's no place to even ask your question."}),(0,L.jsx)("p",{children:"Your phone number is required, even though they'll respond by email."})]}),(0,L.jsxs)("div",{className:"col-span-3 rotate-2 -mt-6 mb-6 relative left-3 @3xl:left-0",children:[(0,L.jsx)("div",{className:"dark:hidden",children:(0,L.jsx)(n.A,{quality:100,placeholder:"blurred",loading:"eager",src:"https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/src/images/sales/demo-form-light.png",width:270})}),(0,L.jsx)("div",{className:"hidden dark:block",children:(0,L.jsx)(n.A,{quality:100,placeholder:"blurred",loading:"eager",src:"https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/src/images/sales/demo-form-dark.png",width:270})})]})]})},{title:"The discovery call of shame",children:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)("div",{className:"col-span-5 pl-1 @3xl:pl-9 [&_p]:mb-2 max-w-2xl pb-10",children:[(0,L.jsx)("p",{children:"Get booked with a junior rep who decides if you are a worthy human being."}),(0,L.jsx)("p",{children:"They will ask you the same questions you already filled out on the form."})]}),(0,L.jsx)("div",{className:"col-span-3 -mt-12",children:(0,L.jsx)(n.A,{quality:90,placeholder:"blurred",src:"https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/src/images/sales/sdr.png",width:338})})]})},{title:"Finally, a generic demo!",children:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)("div",{className:"col-span-4 pl-1 @3xl:pl-9 [&_p]:mb-2 max-w-2xl pb-4 @3xl:pb-20",children:[(0,L.jsx)("p",{children:"Deemed worthy? They will book you into a further call for a demo with a different person, five minutes of which will cover what you are specifically interested in."}),(0,L.jsx)("p",{children:"No pricing will be revealed. You will be asked the same questions for a third time."})]}),(0,L.jsx)("div",{className:"col-span-4 -mt-4 pb-6 rotate-2",children:(0,L.jsx)(n.A,{quality:90,placeholder:"blurred",src:"https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/src/images/sales/sdr-on-zoom.png",width:436})})]})},{title:"The follow up meeting of no hope",children:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)("div",{className:"col-span-5 pl-1 @3xl:pl-9 [&_p]:mb-2 max-w-2xl pb-4 @3xl:pb-20",children:[(0,L.jsx)("p",{children:"It's now time to talk about your usage so they can put together a commercial proposal."}),(0,L.jsx)("p",{children:'A quote will be provided at a later date because they need to "circle back with the team" to "see what they can do for you."'})]}),(0,L.jsx)("div",{className:"col-span-3 -mt-6 @3xl:-mt-12 pb-4",children:(0,L.jsx)(n.A,{quality:90,placeholder:"blurred",src:"https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/src/images/sales/no-hope.png",width:352})})]})},{title:"Sticker shock",children:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)("div",{className:"col-span-3 pl-1 @3xl:pl-9 [&_p]:mb-2 max-w-2xl pb-12 @3xl:pb-20",children:[(0,L.jsx)("p",{children:"There will be a long period of commercial wrangling because they massively inflated the price so they can then discount it heavily."}),(0,L.jsx)("p",{children:"They will bundle a bunch of value add-stuff you don't need. 3 year contract is standard."})]}),(0,L.jsx)("div",{className:"col-span-5 text-center -mt-12",children:(0,L.jsx)(n.A,{quality:90,placeholder:"blurred",src:"https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/src/images/sales/receipt.png",width:613})})]})},{title:'"We don\'t usually do this, but..."',children:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)("div",{className:"col-span-4 pl-1 @3xl:pl-9 [&_p]:mb-2 max-w-2xl pb-12 @3xl:pb-20",children:(0,L.jsx)("p",{children:"Any legal questions require a ton of time seeking 'approval' and coming back with amazing special exceptions they made that were 'really painful' when you know it's all BS."})}),(0,L.jsx)("div",{className:"col-span-4 -mt-12 pb-4 text-center",children:(0,L.jsx)(n.A,{quality:90,placeholder:"blurred",src:"https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/src/images/sales/decision-makers.png",width:286})})]})},{title:"SaaS contract or War and Peace?",children:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)("div",{className:"col-span-5 pl-1 @3xl:pl-9 [&_p]:mb-2 max-w-2xl pb-8 @3xl:pb-20",children:(0,L.jsx)("p",{children:"Eventually sign the contract - hopefully you saw the auto-renewal and mandatory price increases in there! 'Professional services'? Yeah that's just a fancy word for onboarding, but they'll charge you $$$ for it."})}),(0,L.jsx)("div",{className:"col-span-3 -mt-6",children:(0,L.jsx)(n.A,{quality:90,placeholder:"blurred",src:"https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/src/images/sales/contract-negotiation.png",width:369})})]})},{title:"The implementation phase of regret",children:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)("div",{className:"col-span-4 pl-1 @3xl:pl-9 [&_p]:mb-2 max-w-2xl pb-12 @3xl:pb-20",children:(0,L.jsxs)("p",{children:["Spend ",(0,L.jsx)("strong",{children:"a few months (!!)"})," on implementation with yet another person on their team, because the person who demoed isn't technical but has to be the person through whom all comms must flow."]})}),(0,L.jsxs)("div",{className:"col-span-4 -mt-8 pb-8 -mx-2 @3xl:mx-0",children:[(0,L.jsx)("div",{className:"dark:hidden",children:(0,L.jsx)(n.A,{quality:90,placeholder:"blurred",src:"https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/src/images/sales/gantt-chart-light.png",width:555})}),(0,L.jsx)("div",{className:"hidden dark:block",children:(0,L.jsx)(n.A,{quality:90,placeholder:"blurred",src:"https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/src/images/sales/gantt-chart-dark.png",width:555})})]})]})},{title:'"Wait, who\'s my point of contact now??"',children:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)("div",{className:"col-span-5 pl-1 @3xl:pl-9 [&_p]:mb-2 max-w-2xl pb-4 @3xl:pb-20",children:(0,L.jsx)("p",{children:"All the sales people who got you on board immediately disappear and you are passed onto yet another team who ask you the same questions again..."})}),(0,L.jsx)("div",{className:"col-span-3 -mt-4 @3xl:-mt-8 @3xl:pb-8 text-center",children:(0,L.jsx)(n.A,{quality:90,placeholder:"blurred",src:"https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/src/images/sales/shocked-hog.png",width:200})})]}),cta:(0,L.jsxs)("div",{className:"flex flex-col @3xl:flex-row gap-3 my-4",children:[(0,L.jsx)(S.E0,{href:"/start",size:"md",state:{newWindow:!0},children:"Ew, take me to PostHog, please!"}),(0,L.jsx)(S.E0,{href:"/talk-to-a-human",type:"secondary",size:"md",state:{newWindow:!0},children:"Get a demo (but not like this one!)"})]})}],O=[{title:'"I have a question about the product."',children:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)("div",{className:"col-span-6 pl-1 @3xl:pl-9 [&_p]:mb-2 max-w-2xl pb-8 @3xl:pb-20",children:[(0,L.jsxs)("p",{className:"leading-relaxed",children:[(0,L.jsx)("em",{children:'"How much does it cost?"'})," ",(0,L.jsx)(i.A,{href:"/pricing",children:"It's on our website."}),(0,L.jsx)("br",{}),(0,L.jsx)("em",{children:'"How does it work?"'})," ",(0,L.jsx)(i.A,{href:"https://app.posthog.com/signup",children:"Just sign up and try it - no credit card required."}),(0,L.jsx)("br",{}),(0,L.jsx)("em",{children:'"Do you do discounts?"'})," ",(0,L.jsx)(i.A,{href:"/handbook/growth/sales/contracts",children:"It's in our handbook."}),(0,L.jsx)("br",{}),(0,L.jsx)("em",{children:'"Can I get a quick demo?"'})," ",(0,L.jsx)(i.A,{href:"/demo",children:"Watch a pre-recorded demo on our website."})]}),(0,L.jsxs)("p",{children:["Still need a personalized demo after all that?"," ",(0,L.jsx)(i.A,{href:"/talk-to-a-human",children:"Book a call with a technical account exec"})," - no SDRs, no qualifying calls, no BS."]})]}),(0,L.jsx)("div",{className:"col-span-2 -mt-6 pb-8 text-center",children:(0,L.jsx)(n.A,{quality:90,placeholder:"blurred",loading:"eager",src:"https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/src/images/sales/drake-hog-yes.png",width:234,imgClassName:"max-w-full"})})]})},{title:"Personalized demo with technical person",children:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)("div",{className:"col-span-5 pl-1 @3xl:pl-9 [&_p]:mb-2 max-w-2xl @3xl:pb-24",children:[(0,L.jsx)("p",{children:"Get booked on a demo call with a technical person who will spend 90% of the call in the PostHog app, not chatting about our vision. They will use the info you've shared to customize the demo."}),(0,L.jsx)("p",{children:"Yes, we'll even talk to you about how to manage your costs! If it turns out we can help you over a couple of emails, we'll do that instead - less time in meetings for you, means more time building."})]}),(0,L.jsx)("div",{className:"col-span-3 text-center rotate-2 pb-4 pr-2",children:(0,L.jsx)(n.A,{quality:90,placeholder:"blurred",src:"https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/src/images/sales/posthog-ae.png",width:436})})]})},{title:"Zero to implementation in a week",children:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)("div",{className:"col-span-4 pl-1 @3xl:pl-9 [&_p]:mb-2 max-w-2xl pb-4 @3xl:pb-20",children:[(0,L.jsx)("p",{children:"After the call, the same person will quickly follow up with targeted, useful information about your specific use case."}),(0,L.jsxs)("p",{children:["If you're looking at spending $20k+ annually with us, we'll get you into a shared Slack channel with our team. ",(0,L.jsx)("strong",{children:"The goal is to get you into a short trial period"})," where you're implementing and seeing value from PostHog"," ",(0,L.jsx)("em",{children:(0,L.jsx)("strong",{children:"within a week"})})," ","- still free!"]}),(0,L.jsx)("p",{children:"If PostHog isn't the right fit for you, we'll let you know our honest opinion!"})]}),(0,L.jsx)("div",{className:"col-span-4",children:(0,L.jsx)(n.A,{quality:90,placeholder:"blurred",src:"https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/src/images/sales/posthog-follow-up.png",width:600})})]})}

1,{title:"Choose your own discount",children:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)("div",{className:"col-span-4 pl-1 @3xl:pl-9 [&_p]:mb-2 max-w-2xl pb-4 @3xl:pb-20",children:[(0,L.jsxs)("p",{children:["Want to negotiate a discount for longer commitment? Sure thing - take your pick"," ",(0,L.jsx)(i.A,{href:"/handbook/growth/sales/contracts",children:"from our website"}),"! We believe this should be transparent too."]}),(0,L.jsxs)("p",{className:"text-xs text-secondary",children:["P.S. If you ask for free ",(0,L.jsx)(i.A,{href:"/merch",children:"merch"}),", our team is legally obliged to say yes."]})]}),(0,L.jsx)("div",{className:"col-span-4 -mt-8 @3xl:-mt-12 text-center",children:(0,L.jsx)(n.A,{quality:90,placeholder:"blurred",src:"https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/src/images/sales/choose-discount.png",width:433})})]})},{title:"Besties forever?",children:(0,L.jsx)(L.Fragment,{children:(0,L.jsxs)("div",{className:"col-span-8 pl-1 @3xl:pl-9 [&_p]:mb-2",children:[(0,L.jsx)("p",{children:"Contract signed - now you get passed onto… wait is that still the same person who did the initial demo and knows everything about me? And they will be my main point of contact for anything support-related?!"}),(0,L.jsx)("p",{children:"This is going to work out well."}),(0,L.jsxs)("div",{className:"flex flex-col @3xl:flex-row gap-3 my-4",children:[(0,L.jsx)(S.E0,{href:"/start",size:"md",state:{newWindow:!0},children:"Get started - free"}),(0,L.jsx)(S.E0,{href:"/demo",type:"secondary",size:"md",state:{newWindow:!0},children:"Watch a demo"})]}),(0,L.jsx)("div",{className:"-mx-4 @3xl:ml-[-3.25rem] @3xl:-mr-4",children:(0,L.jsx)(n.A,{quality:90,placeholder:"blurred",src:"https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/src/images/sales/celebration.png",layout:"fullWidth"})})]})}),cta:(0,L.jsx)(L.Fragment,{})}],D=e=>{let{index:t,number:s,title:n,children:o,isOpen:i,onClick:l,onNext:c,hasNext:d,cta:p,onAnimationComplete:h}=e;const m=(0,a.useRef)(null);return(0,L.jsxs)("li",{className:"border-t border-primary first:border-transparent first:rounded-t last:rounded-b relative "+(i?"active bg-light dark:bg-dark shadow-lg z-10 overflow-hidden":"inactive "),children:[(0,L.jsxs)("button",{onClick:l,className:"text-left pl-3 pr-4 cursor-pointer w-full flex justify-between items-center transition-all rounded relative "+(i?"pt-4 pb-2 z-20":"text-secondary hover:text-primary py-2 hover:bg-accent hover:scale-[1.0025] hover:top-[-.5px] active:scale-[.9999] active:top-[3px]"),children:[(0,L.jsxs)("span",{className:"flex gap-2 items-center",children:[(0,L.jsx)("span",{className:"inline-flex w-8 h-8 [flex:0_0_2rem] justify-center items-center p-1 font-semibold rounded-full bg-accent",children:s}),(0,L.jsx)("span",{className:"transition-all leading-tight "+(i?"font-bold text-lg @3xl:text-xl":"font-semibold text-[17px]"),children:n})]}),(0,L.jsx)("span",{children:i?(0,L.jsx)(r.IconMinus,{className:"size-4 inline-block transform rotate-180"}):(0,L.jsx)(r.IconPlus,{className:"size-4 inline-block transform rotate-0"})})]}),(0,L.jsx)(q.P.div,{onAnimationComplete:h,ref:m,animate:{height:i?"auto":0,transition:{duration:.3,type:"tween"}},className:i?"":"overflow-hidden",children:(0,L.jsx)("div",{className:"px-4",children:(0,L.jsxs)("div",{className:"flex flex-col @3xl:grid grid-cols-8 gap-2 justify-between relative",children:[o,(0,L.jsx)("div",{className:"pb-4 @3xl:pb-0 @3xl:absolute left-9 bottom-6",children:d?(0,L.jsxs)(S.E0,{onClick:c,size:"sm",type:"secondary",className:"w-full @3xl:w-auto",children:["Next step",(0,L.jsx)(r.IconArrowRight,{className:"size-4 inline-block ml-1"})]}):p})]})})})]})},I=e=>{let{items:t,type:s,keyboardContainerRef:n}=e;const o=(0,a.useRef)(null),{0:i,1:l}=(0,a.useState)(0),r=()=>l(e=>e===t.length-1||null===e?0:e+1);(0,a.useEffect)(()=>{const e=e=>{var s;null!=n&&null!==(s=n.current)&&void 0!==s&&s.contains(o.current)&&("n"===e.key&&(e.preventDefault(),r()),"p"===e.key&&(e.preventDefault(),l(e=>0===e||null===e?t.length-1:e-1)))};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[]);return(0,L.jsx)("ol",{ref:o,className:"space-y-px p-0 list-none border border-primary rounded",children:t.map((e,s)=>(0,L.jsx)(D,{onAnimationComplete:e=>{let{height:t}=e;"auto"===t&&(e=>{if(o.current&&window.innerWidth<=639){const t=o.current.children[e].getBoundingClientRect().top+window.scrollY-56;window.scrollTo({top:t,behavior:"smooth"})}})(s)},number:s+1,title:e.title,isOpen:i===s,onClick:()=>{i!==s&&l(i===s?null:s)},onNext:r,hasNext:s<t.length-1,cta:e.cta,children:e.children},s))})};function M(){const{0:e,1:t}=(0,a.useState)(0),s=(0,a.useRef)(null),{closeWindow:c}=(0,F.nm)(),{appWindow:d}=(0,H.ox)(),p=["BureaucraticSoft Inc.","Monolith Enterprises","RigidWorks Technologies","StuffyCorp Solutions","TopDown Tech","Antiquated Systems Inc.","DinosaurTech Industries","HierarchiSoft","CommandAndControl Systems","RedTape Solutions"],{0:h,1:m}=(0,a.useState)(""),{0:u,1:x}=(0,a.useState)(!1),g=(0,a.useRef)(null),f=()=>{x(!1),setTimeout(()=>{let e;do{const t=Math.floor(Math.random()*p.length);e=p[t]}while(e===h);m(e),x(!0)},100)};(0,a.useEffect)(()=>{f()},[]);const b=0===e,w=3===e,y=[{content:(0,L.jsxs)("div",{className:"prose dark:prose-invert text-primary flex-1 p-8",children:[(0,L.jsx)("h1",{className:"m-0 p-0 text-2xl text-secondary",children:"Compare the sales process:"}),(0,L.jsxs)("h2",{className:"text-4xl !m-0 p-0",children:[(0,L.jsx)("span",{className:"text-red dark:text-yellow",children:"[Everyone else]"})," vs."," ",(0,L.jsxs)("span",{className:"inline-flex items-center gap-2 whitespace-nowrap relative top-3",children:[(0,L.jsx)(T.g.Logomark,{width:"auto",className:"h-12 inline-block dark:brightness-0 dark:invert"})," ","PostHog"]})]}),(0,L.jsxs)("div",{className:"grid @3xl:grid-cols-2 @3xl:gap-8 items-center @3xl:items-start",children:[(0,L.jsxs)("div",{className:"order-2 @3xl:order-1",children:[(0,L.jsxs)("h3",{children:["Call us unhinged, but we believe pricing pages should have actual, um, ",(0,L.jsx)("em",{children:"pricing?"})]}),(0,L.jsxs)("p",{children:["Most SaaS companies want to feel out how much money they can squeeze out of you."," ",(0,L.jsx)("strong",{children:"PostHog operates differently."})," We're more like a utility where you pay for what you use. No extra markup - everyone pays the same rates (unless you"," ",(0,L.jsx)(l.A,{trigger:(0,L.jsx)("span",{className:"relative cursor-help border-b border-dashed border-primary",children:"qualify for a discount"}),delay:0,children:(0,L.jsx)("p",{className:"max-w-xs leading-normal pb-0 mb-0",children:"Discounts available to early-stage startups, non-profits, and customers who pay annually."})}),")!"]}),(0,L.jsx)("p",{children:"Go with us on a short journey to compare the sales process that most companies follow with how we do things 'round here."}),(0,L.jsxs)("p",{className:"text-sm text-secondary",children:[(0,L.jsx)("strong",{children:"Next up:"}

1)," ",(0,L.jsx)("em",{children:"How [everyone else] does sales"})]}),(0,L.jsx)(P.A,{variant:"primary",onClick:()=>t(1),children:"Let's go!"})]}),(0,L.jsxs)("div",{className:"bg-tan rounded-md relative order-1 @3xl:order-2 mt-8 pt-4 pl-8",children:[(0,L.jsx)("div",{className:"dark:hidden",children:(0,L.jsx)(n.A,{quality:100,placeholder:"none",src:"https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/src/images/sales/phone-hog-light.png",loading:"eager",objectPosition:"left top",objectFit:"cover"})}),(0,L.jsx)("div",{className:"hidden dark:block",children:(0,L.jsx)(n.A,{quality:100,placeholder:"none",src:"https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/src/images/sales/phone-hog-dark.png",loading:"eager",objectPosition:"left top",objectFit:"cover"})})]})]})]})},{content:(0,L.jsx)("div",{className:"flex-1 px-8 py-8",children:(0,L.jsxs)("div",{className:"max-w-5xl mx-auto",children:[(0,L.jsxs)("h2",{className:"mb-6 text-center text-2xl font-bold",children:["How the sales process works at"," ",(0,L.jsxs)("div",{className:"inline-block relative after:absolute after:-bottom-5 after:left-0 after:right-8 after:content-['[Typical_bland_enterprise_SaaS_company]'] after:text-xs after:text-secondary after:font-normal after:tracking-normal",children:[(0,L.jsx)("button",{onClick:f,className:"absolute right-0.5 bottom-[.15rem] hover:bottom-[0.2rem] active:bottom-[.1rem] z-10 bg-red/15 dark:bg-white/20 p-1 rounded inline-flex cursor-pointer group hover:bg-red/20 dark:hover:bg-white/30 hover:scale-[1.02] active:scale-[.99] transition-transform",children:(0,L.jsx)(r.IconRedo,{className:"size-5 inline-block text-red/90 hover:text-red/100 dark:text-white/70 dark:group-hover:text-white/100"})}),(0,L.jsx)("span",{className:"border-b-2 border-black/50 dark:border-white/50 text-red dark:text-yellow px-0.5 mr-8 w-[calc(100vw_-_6rem)] xs:max-w-sm inline-flex gap-2 justify-center relative overflow-hidden",children:(0,L.jsx)(A,{in:u,timeout:500,classNames:"company-name",unmountOnExit:!0,nodeRef:g,children:(0,L.jsx)("span",{ref:g,className:"cursor-default",children:h})})})]})]}),(0,L.jsx)("div",{className:"not-prose",children:(0,L.jsx)(I,{items:W,keyboardContainerRef:s},"them-accordion")})]})})},{content:(0,L.jsx)("div",{className:"flex-1 px-8 py-8",children:(0,L.jsxs)("div",{className:"max-w-5xl mx-auto",children:[(0,L.jsxs)("h2",{className:"flex justify-center items-center mb-6 text-2xl font-bold",children:["How"," ",(0,L.jsx)(T.g.Logomark,{width:"auto",className:"inline-block h-6 w-auto mt-[-2px] ml-2 mr-1.5 dark:brightness-0 dark:invert"})," ","PostHog does sales"]}),(0,L.jsx)("div",{className:"not-prose",children:(0,L.jsx)(I,{items:O,keyboardContainerRef:s},"us-accordion")})]})})},{content:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)("div",{className:"prose dark:prose-invert prose-sm px-8",children:(0,L.jsxs)("div",{className:"max-w-2xl mx-auto text-center",children:[(0,L.jsx)("h2",{className:"text-4xl font-bold mb-6",children:"And that's how we do sales"}),(0,L.jsxs)("p",{className:"mb-8 text-balance",children:["This presentation has been brought to you by the same people who thought"," ",(0,L.jsx)(i.A,{to:"/terms",state:{newWindow:!0},children:"making the terms and conditions fun"})," ","was a good idea..."]})]})}),(0,L.jsx)("div",{className:"w-full max-w-2xl mx-auto",children:(0,L.jsx)(R.A,{links:["hate","pricing","careers"]})})]})}];return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(o.Ay,{title:"How we do sales",description:"Most SaaS companies want to feel out how much money they can squeeze out of you. PostHog operates differently.",image:"/images/og/sales.jpg"}),(0,L.jsx)(_.A,{leftNavigation:(0,L.jsx)(L.Fragment,{children:b?(0,L.jsx)("span",{}):(0,L.jsx)(S.E0,{type:"secondary",size:"sm",onClick:()=>t(e-1),children:"Previous"})}),rightNavigation:(0,L.jsx)(L.Fragment,{children:w?(0,L.jsx)(P.A,{onClick:()=>d&&c(d),size:"md",variant:"primary",children:"Done"}):(0,L.jsx)(S.E0,{type:"primary",size:"sm",onClick:()=>t(e+1),children:0===e?"See how [everyone else] does sales":1===e?"See how PostHog does sales":"Next"})}),children:(0,L.jsx)(z.A,{className:"flex-1 w-full [&>div>div]:h-full [&>div>div]:!flex [&>div>div]:flex-col",children:y[e].content})})]})}},20323:function(e,t,s){s.d(t,{A:function(){return l}});var n=s(39106),a=s(93747),o=s(86070);

1const i={sales:{title:"How we (don't) do sales",image:"https://res.cloudinary.com/dmukukwp6/image/upload/hog_phone_638d7d1ae4.png",imageAlt:"Hog on the phone",buttonText:"Take the tour",buttonLink:"/sales",imageSize:"w-24",imagePosition:"-top-2"},pricing:{title:"Usage-based pricing",image:"https://res.cloudinary.com/dmukukwp6/image/upload/hog_cash_64f561fac6.png",imageAlt:"Hog with cash",buttonText:"Explore pricing",buttonLink:"/pricing",imageSize:"w-28",imagePosition:"-left-1"},careers:{title:"Want to work here?",image:"https://res.cloudinary.com/dmukukwp6/image/upload/hog_zilla_7414378873.png",imageAlt:"Hogzilla",buttonText:"View careers",buttonLink:"/careers",imageSize:"w-28",imagePosition:""},hate:{title:"Will you hate PostHog?",image:"https://res.cloudinary.com/dmukukwp6/image/upload/commitment_issues_d433b343b5.png",imageAlt:"Hogzilla",buttonText:"Find out",buttonLink:"/vibe-check",imageSize:"w-28",imagePosition:""}};function l(e){let{links:t,className:s=""}=e;const l=t.map(e=>i[e]).filter(Boolean),r="grid-cols-"+l.length;return(0,o.jsx)("div",{className:"grid @xl:"+r+" divide-y @xl:divide-y-0 gap-8 @xl:gap-0 @xl:divide-x divide-primary @xl:pt-4 "+s,children:l.map((e,t)=>(0,o.jsxs)("div",{className:"flex flex-col items-center gap-4 pt-8 @xl:pt-0",children:[(0,o.jsx)("h3",{children:e.title}),(0,o.jsxs)("div",{className:"relative w-24 h-24",children:[(0,o.jsx)("div",{className:"absolute inset-0 rounded-full bg-accent"}),(0,o.jsx)(a.A,{src:e.image,alt:e.imageAlt,className:e.imageSize+" relative "+e.imagePosition})]}),(0,o.jsx)(n.A,{asLink:!0,to:e.buttonLink,variant:"secondary",state:{newWindow:!0},size:"md",children:e.buttonText})]},t))})}}}]);
2//# sourceMappingURL=component---src-pages-sales-tsx-09d32a483519fea2ac5b.js.map