CINXE.COM
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8" data-next-head=""/><meta name="viewport" content="width=device-width" data-next-head=""/><title data-next-head="">Interactive Product Demo Software That Delights</title><link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-touch-icon.png" data-next-head=""/><link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" data-next-head=""/><link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" data-next-head=""/><link rel="manifest" href="/favicon/site.webmanifest" data-next-head=""/><link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5" data-next-head=""/><meta name="msapplication-TileColor" content="#00aba9" data-next-head=""/><meta name="theme-color" content="#ffffff" data-next-head=""/><meta name="description" content="Delight your prospects with interactive product demo software. Embed your product on your website, share in the sales cycle, and send in email campaigns." data-next-head=""/><meta name="image" content="https://www.navattic.com/img/og-image.png" data-next-head=""/><script id="schema-org" type="application/ld+json" data-next-head="">{"@context":"https://schema.org","@type":"Organization","name":"Navattic","url":"https://www.navattic.com","logo":"https://www.navattic.com/img/icon.png"}</script><script id="schema-org-webpage" type="application/ld+json" data-next-head="">{"@context":"https://schema.org","@type":"WebPage","url":"https://www.navattic.com","inLanguage":"en","mainEntityOfPage":"https://www.navattic.com","description":"Delight your prospects with interactive product demo software. Embed your product on your website, share in the sales cycle, and send in email campaigns.","name":"Interactive Product Demo Software That Delights","author":{"@type":"Organization","name":"Navattic"},"copyrightHolder":{"@type":"Organization","name":"Navattic"},"copyrightYear":2024,"creator":{"@type":"Organization","name":"Navattic"},"publisher":{"@type":"Organization","name":"Navattic"},"datePublished":"2019-01-18T10:30:00+01:00","image":{"@type":"ImageObject","url":"https://www.navattic.com/img/og-image.png"}}</script><meta property="og:url" content="https://www.navattic.com/index" data-next-head=""/><meta property="og:type" content="website" data-next-head=""/><meta property="og:title" content="Interactive Product Demo Software That Delights" data-next-head=""/><meta property="og:description" content="Delight your prospects with interactive product demo software. Embed your product on your website, share in the sales cycle, and send in email campaigns." data-next-head=""/><meta property="og:image" content="https://www.navattic.com/img/og-image.png" data-next-head=""/><meta property="og:site_name" content="Navattic" data-next-head=""/><meta name="twitter:card" content="summary_large_image" data-next-head=""/><meta name="twitter:creator" content="navattic" data-next-head=""/><meta name="twitter:title" content="Interactive Product Demo Software That Delights" data-next-head=""/><meta name="twitter:description" content="Delight your prospects with interactive product demo software. Embed your product on your website, share in the sales cycle, and send in email campaigns." data-next-head=""/><meta name="twitter:image" content="https://www.navattic.com/img/og-image.png" data-next-head=""/><link rel="preload" href="/_next/static/media/2a1a9af154176195-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/8c356de1ceadefc2-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/8b51fdbf00838903-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/a74be9929f395589-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/fe50c3a9343c48d0-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/css/f9b762b1cc6c9566.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f9b762b1cc6c9566.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-090b4088232e9b77.js" defer=""></script><script src="/_next/static/chunks/framework-5e67a37a0bcc6e4b.js" defer=""></script><script src="/_next/static/chunks/main-b24bcf9f673ce84d.js" defer=""></script><script src="/_next/static/chunks/pages/_app-56bd52f60c54863f.js" defer=""></script><script src="/_next/static/chunks/4392-52bca9d0af14925e.js" defer=""></script><script src="/_next/static/chunks/806-2f99e725928069a3.js" defer=""></script><script src="/_next/static/chunks/9965-77d98210cf1ad31a.js" defer=""></script><script src="/_next/static/chunks/5496-e03d62b20dd1fff4.js" defer=""></script><script src="/_next/static/chunks/1499-4c5b540e0d6b95df.js" defer=""></script><script src="/_next/static/chunks/6623-05195916e57d9132.js" defer=""></script><script src="/_next/static/chunks/3093-74b8a2df40d821e0.js" defer=""></script><script src="/_next/static/chunks/pages/index-83416c0f1c6780a4.js" defer=""></script><script src="/_next/static/6xMcT4mna6bO2HRp-eZUW/_buildManifest.js" defer=""></script><script src="/_next/static/6xMcT4mna6bO2HRp-eZUW/_ssgManifest.js" defer=""></script><style id="__jsx-2741586647">html{font-family:'inter', 'inter Fallback'}</style></head><body><div id="__next"><noscript><img height="1" width="1" style="display:none" alt="" src="https://dc.ads.linkedin.com/collect/?pid=6365961&fmt=gif"/></noscript><div class="dark min-h-screen bg-[#FCFCFE]"><header class="dark:border-slate-800 dark:lg:border-transparent lg:border-transparent sticky top-0 z-40 flex border-b w-full justify-center h-[65px] transition-bg ease-in"><nav class="px-6 2xl:px-10 container flex w-full items-center justify-between gap-6"><a class="mr-2 flex min-w-[100px] items-center sm:mr-2 md:mr-4 lg:mr-10 " href="/"><svg height="30px" viewBox="0 0 221 41" fill="currentColor" class="text-royal-light dark:text-white h-[22px] sm:h-[24px] shrink-0"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g fill="currentColor" fill-rule="nonzero"><path d="M68.384 11.293l.148 1.971.03.77.019 1.055h.148c.296-.617.698-1.193 1.207-1.728a8.72 8.72 0 0 1 1.749-1.412A8.67 8.67 0 0 1 73.853 11a8.85 8.85 0 0 1 2.463-.341c1.511 0 2.808.252 3.892.755s1.987 1.176 2.709 2.02 1.256 1.834 1.601 2.969.517 2.353.517 3.651v14.312h-4.631V21.565a15.51 15.51 0 0 0-.222-2.677c-.148-.844-.419-1.59-.813-2.239s-.936-1.168-1.626-1.558-1.576-.584-2.66-.584c-1.839 0-3.342.69-4.508 2.069s-1.749 3.221-1.749 5.525v12.267h-4.631V16.259l-.049-2.385-.148-2.58h4.384zm37.045 8.129c0-1.72-.525-2.994-1.576-3.821s-2.447-1.241-4.187-1.241c-1.314 0-2.553.252-3.719.755s-2.143 1.144-2.931 1.923l-2.463-2.921c1.149-1.071 2.553-1.915 4.212-2.531s3.44-.925 5.345-.925c1.675 0 3.128.235 4.36.706s2.241 1.111 3.03 1.923a7.86 7.86 0 0 1 1.773 2.872c.394 1.103.591 2.288.591 3.554v10.076l.074 2.458c.049.86.14 1.566.271 2.118h-4.187a14.23 14.23 0 0 1-.394-3.31h-.148a8.93 8.93 0 0 1-3.227 2.872c-1.297.682-2.833 1.022-4.606 1.022-.92 0-1.88-.122-2.882-.365s-1.913-.641-2.734-1.193-1.503-1.282-2.044-2.191-.813-2.028-.813-3.359c0-1.752.476-3.14 1.429-4.162s2.2-1.801 3.744-2.337 3.284-.884 5.222-1.047l5.862-.243v-.633zm-1.133 3.943l-3.572.146c-1.232.097-2.348.292-3.35.584s-1.831.73-2.488 1.314-.985 1.363-.985 2.337c0 .682.14 1.249.419 1.704s.649.828 1.108 1.12a4.49 4.49 0 0 0 1.527.608c.558.114 1.133.17 1.724.17 2.168 0 3.834-.641 5-1.923s1.749-2.896 1.749-4.844v-1.217h-1.133zm22.316 11.001h-5.025l-9.508-23.074h5.123l6.848 18.157h.099l6.897-18.157h4.926l-9.36 23.074zm26.405-14.944c0-1.72-.525-2.994-1.576-3.821s-2.447-1.241-4.187-1.241c-1.314 0-2.553.252-3.719.755s-2.143 1.144-2.931 1.923l-2.463-2.921c1.149-1.071 2.553-1.915 4.212-2.531s3.44-.925 5.345-.925c1.675 0 3.128.235 4.36.706s2.241 1.111 3.03 1.923a7.86 7.86 0 0 1 1.773 2.872c.394 1.103.591 2.288.591 3.554v10.076l.074 2.458c.049.86.14 1.566.271 2.118h-4.187a14.23 14.23 0 0 1-.394-3.31h-.148a8.93 8.93 0 0 1-3.227 2.872c-1.297.682-2.833 1.022-4.606 1.022-.92 0-1.88-.122-2.882-.365s-1.913-.641-2.734-1.193-1.503-1.282-2.044-2.191-.813-2.028-.813-3.359c0-1.752.476-3.14 1.429-4.162s2.2-1.801 3.744-2.337 3.284-.884 5.222-1.047l5.862-.243v-.633zm-1.133 3.943l-3.572.146c-1.232.097-2.348.292-3.35.584s-1.831.73-2.488 1.314-.985 1.363-.985 2.337c0 .682.14 1.249.419 1.704s.649.828 1.108 1.12a4.49 4.49 0 0 0 1.527.608c.558.114 1.133.17 1.724.17 2.168 0 3.834-.641 5-1.923s1.749-2.896 1.749-4.844v-1.217h-1.133zm22.267-8.324h-6.207v12.024c0 1.395.263 2.393.788 2.994s1.363.901 2.512.901c.427 0 .887-.049 1.379-.146a5.32 5.32 0 0 0 1.33-.438l.148 3.748a11.25 11.25 0 0 1-1.847.462 12.57 12.57 0 0 1-2.094.17c-2.2 0-3.884-.6-5.049-1.801s-1.749-3.002-1.749-5.403v-12.51h-4.483v-3.748h4.483v-6.62h4.581v6.62h6.207v3.748zm13.498 0h-6.207v12.024c0 1.395.263 2.393.788 2.994s1.363.901 2.512.901c.427 0 .887-.049 1.379-.146a5.32 5.32 0 0 0 1.33-.438l.148 3.748a11.25 11.25 0 0 1-1.847.462 12.57 12.57 0 0 1-2.094.17c-2.2 0-3.884-.6-5.049-1.801s-1.749-3.002-1.749-5.403v-12.51h-4.483v-3.748h4.483v-6.62h4.581v6.62h6.207v3.748zm7.488 19.325h-4.631V11.293h4.631v23.074zm.788-31.398c0 .844-.304 1.541-.911 2.093s-1.338.828-2.192.828-1.576-.284-2.168-.852a2.76 2.76 0 0 1-.887-2.069c0-.844.296-1.55.887-2.118s1.314-.85 2.168-.85 1.585.284 2.192.852a2.78 2.78 0 0 1 .911 2.118zm21.676 14.166c-.493-.746-1.232-1.371-2.217-1.874s-2.036-.755-3.153-.755c-1.215 0-2.291.227-3.227.682s-1.732 1.063-2.389 1.825-1.158 1.647-1.503 2.653a9.69 9.69 0 0 0-.517 3.164 9.69 9.69 0 0 0 .517 3.164c.345 1.006.846 1.89 1.503 2.653s1.461 1.371 2.414 1.825 2.036.682 3.251.682c1.182 0 2.258-.227 3.227-.682s1.765-1.071 2.389-1.85L221 31.398c-.985 1.136-2.217 2.02-3.695 2.653s-3.153.949-5.025.949c-1.806 0-3.473-.292-5-.876s-2.849-1.404-3.966-2.458-1.995-2.328-2.636-3.821-.961-3.164-.961-5.014c0-1.817.312-3.472.936-4.965s1.494-2.775 2.611-3.846 2.438-1.898 3.966-2.483 3.177-.876 4.951-.876c1.642 0 3.276.325 4.902.974s2.915 1.59 3.867 2.823l-3.35 2.677zM14.614 33.38l-.944 1.548a11 11 0 0 1-10.137 5.247l-1.255-.089-2.166-.235c-.078-.111.395-2.16 1.42-6.147 5.227-2.321 9.588-2.43 13.081-.325zm23.478-9.783l-1.842 7.858c.002.062-.031.12-.085.15-10.419 5.766-23.317-6.584-33.741-.992-.111.06-.213.039-.217-.088l1.797-7.296c-.002-.063.031-.12.085-.15 10.419-5.766 23.696 6.777 33.632.367.097-.063.368.024.371.152zm2.454-10.624l-1.842 7.858c.002.062-.031.12-.085.15-10.419 5.766-23.317-6.584-33.741-.992-.111.06-.213.039-.217-.088l1.797-7.296c-.002-.063.031-.12.085-.15 10.419-5.766 23.696 6.777 33.632.367.097-.063.368.024.371.152zm2.035-9.923c.087.104-.483 2.276-1.711 6.518-4.952 2.735-9.26 3.207-12.924 1.415l1.019-1.906a11 11 0 0 1 8.879-5.782l2.665-.186c1.344-.084 2.035-.104 2.072-.059z"></path></g></g></svg></a><div class="text-sm hidden items-baseline h-full items-center gap-6 lg:flex md:gap-4 lg:gap-4 xl:gap-5"><div class="relative group items-center flex self-center"><button class="self-center px-3.5 py-1.5 rounded-md group-hover:bg-slate-200/50 dark:group-hover:bg-slate-800" id="headlessui-popover-button-:Rd66:" type="button" aria-expanded="false"><span class="group h-full relative flex items-center gap-1.5 font-semibold text-royal-light dark:text-white">Product<svg height="1rem" width="1rem" class="inline self-center h-4 w-4 stroke-[5px] group-hover:rotate-180 transition duration-200 ease-in-out"><use href="/icons/sprite.svg#lucide/chevron-down"></use></svg></span></button></div><div class="relative group items-center flex self-center"><button class="self-center px-3.5 py-1.5 rounded-md group-hover:bg-slate-200/50 dark:group-hover:bg-slate-800" id="headlessui-popover-button-:Rl66:" type="button" aria-expanded="false"><span class="group h-full relative flex items-center gap-1.5 font-semibold text-royal-light dark:text-white">Customers<svg height="1rem" width="1rem" class="inline self-center h-4 w-4 stroke-[5px] group-hover:rotate-180 transition duration-200 ease-in-out"><use href="/icons/sprite.svg#lucide/chevron-down"></use></svg></span></button></div><a class="self-center relative rounded-md flex items-center gap-1 px-3.5 py-1.5 font-semibold text-royal-light dark:text-white group:bg-slate-200/50 dark:hover:bg-slate-800" href="/pricing">Pricing</a><div class="relative group items-center flex self-center"><button class="self-center px-3.5 py-1.5 rounded-md group-hover:bg-slate-200/50 dark:group-hover:bg-slate-800" id="headlessui-popover-button-:R1566:" type="button" aria-expanded="false"><span class="group h-full relative flex items-center gap-1.5 font-semibold text-royal-light dark:text-white">Resources<svg height="1rem" width="1rem" class="inline self-center h-4 w-4 stroke-[5px] group-hover:rotate-180 transition duration-200 ease-in-out"><use href="/icons/sprite.svg#lucide/chevron-down"></use></svg></span></button></div><div class="relative group items-center flex self-center"><button class="self-center px-3.5 py-1.5 rounded-md group-hover:bg-slate-200/50 dark:group-hover:bg-slate-800" id="headlessui-popover-button-:R1d66:" type="button" aria-expanded="false"><span class="group h-full relative flex items-center gap-1.5 font-semibold text-royal-light dark:text-white">Company<svg height="1rem" width="1rem" class="inline self-center h-4 w-4 stroke-[5px] group-hover:rotate-180 transition duration-200 ease-in-out"><use href="/icons/sprite.svg#lucide/chevron-down"></use></svg></span></button></div></div><div class="text-sm flex items-center "><div class="hidden flex-none items-baseline gap-6 lg:flex"><a href="https://app.navattic.com/auth/login" class="relative flex items-center gap-1 py-1 font-semibold text-royal-light dark:text-white">Sign in<svg height="1rem" width="1rem" class="inline self-center h-3.5 w-3.5"><use href="/icons/sprite.svg#lucide/chevron-right"></use></svg></a> <a class="bg-[rgba(236,232,240,0)] text-[#455cad] flex flex-shrink-0 items-center justify-center rounded-lg border border-[#455cad]/50 dark:border-slate-500 dark:text-white px-4 py-2 font-semibold transition-all ease-in hover:ring-4 active:bg-white lg:px-3" href="https://app.navattic.com/auth/sign-up">Sign up free</a><a class="dark:bg-slate-200/20 bg-white text-[#455cad] flex flex-shrink-0 items-center justify-center rounded-lg border border-[#455cad]/50 dark:border-slate-500 dark:text-white px-4 py-2 font-semibold transition-all ease-in hover:bg-white hover:ring-4 active:bg-white lg:px-3" href="/get-demo">Get a demo</a></div><div class="relative"><button class="border dark:border-slate-700 outline-none ml-3 active:bg-gray=100 cursor-pointer rounded-md p-1 text-royal-light dark:text-white transition-all ease-in-out hover:bg-gray-100 dark:hover:bg-gray-700 lg:hidden" id="headlessui-popover-button-:Rn66:" type="button" aria-expanded="false"><svg height="1rem" width="1rem" class="inline self-center h-5 w-5"><use href="/icons/sprite.svg#lucide/menu"></use></svg></button></div></div></nav></header><main class="overflow-x-hidden lg:overflow-x-visible relative -mt-[65px]"><main class="flex h-full flex-1 flex-col items-stretch"><div class="flex-1"><div class="relative w-full overflow-y-auto overflow-x-hidden text-gray-900"><div class="pt-8 bg-gradient-to-r from-royal-dark to-slate-900"><div class="bg-radial-gradient-light"></div><div class="relative z-20 py-12 text-white sm:pb-12 sm:pt-24"><div class="mx-auto max-w-[1060px] px-6 text-center"><div class="opacity-0 animate-[fadeUp_300ms_1s_ease-in-out_forwards] mx-auto mb-8 inline-flex rounded-lg bg-white/10 px-4 py-2 text-center text-sm text-white"><a href="/report/b2b-buyer-first-best-practices-report-2024"><span>2024 B2B Buyer First Best Practices Report →</span></a></div><h1 class="opacity-0 animate-[fadeUp_700ms_300ms_ease-in-out_forwards] mx-auto max-w-[980px] text-3xl/[1.2em] font-semibold -tracking-[.028em] sm:text-5xl/[1.2em] lg:text-[5rem]">Make buying easier with<div class="text-slate-400">interactive demos</div></h1><p class="opacity-0 animate-[fadeUp_500ms_500ms_ease-in-out_forwards] text-[1.125rem] max-w-[600px] mt-5 mx-auto text-white/90">Delight prospects with hands-on product access. Embed on your website, share in the sales cycle, and send in email campaigns.</p><div class="opacity-0 animate-[fadeUp_300ms_700ms_ease-in-out_forwards] mt-10 flex justify-center sm:mt-12"><div class="flex gap-x-5"><a class="flex w-full max-w-[316px] items-center justify-center whitespace-nowrap rounded-lg bg-[#455cad] px-6 font-medium text-white ring-2 ring-[#98A4F7]/20 ring-offset-2 ring-offset-[#0B0C14]/70 sm:w-auto" href="/get-demo">Get a demo<span aria-hidden="true" class="bg-white/20 p-[2px] rounded-full ml-2 -mr-1 leading-none flex items-center">→</span></a> <button class="bg-white/10 text-white flex items-center whitespace-nowrap justify-center rounded-lg border border-white/30 px-5 py-3 text-sm font-medium shadow-sm hover:bg-white/20 focus:outline-none focus:ring-2 focus:border focus:border-slate-100 text-sm focus:ring-slate-200/30">Try a demo</button></div></div><div class="opacity-0 animate-[fadeUp_300ms_1s_ease-in-out_forwards] mx-auto w-full max-w-[1400px] pt-10 text-center sm:pt-16"><div class="mx-auto mb-8 font-bold text-white/70">Used by forward-thinking teams</div><div class="py-10 px-6 sm:px-8 grid grid-cols-5 gap-4 gap-y-12"><img src="/img/logos/svg/lattice.svg" alt="Lattice logo" class="object-contain object-center w-full h-[23px] sm:h-[27px] max-w-[180px]" style="scale:.8"/><img src="/img/logos/segment.png" alt="Segment logo" class="object-contain object-center w-full h-[23px] sm:h-[27px] max-w-[180px]" style="scale:1.2"/><img src="/img/logos/svg/ramp.svg" alt="Ramp logo" class="object-contain object-center w-full h-[23px] sm:h-[27px] max-w-[180px]" style="scale:1.1"/><img src="/img/logos/svg/apollo.svg" alt="Apollo logo" class="object-contain object-center w-full h-[23px] sm:h-[27px] max-w-[180px]"/><img src="/img/logos/svg/optimizely.svg" alt="Optimizely logo" class="object-contain object-center w-full h-[23px] sm:h-[27px] max-w-[180px]" style="scale:1.3"/><img src="/img/logos/svg/mixpanel.svg" alt="Mixpanel logo" class="object-contain object-center w-full h-[23px] sm:h-[27px] max-w-[180px]" style="scale:1.1"/><img src="/img/logos/svg/appcues.svg" alt="Appcues logo" class="object-contain object-center w-full h-[23px] sm:h-[27px] max-w-[180px]" style="scale:.8"/><img src="/img/logos/svg/dropbox.svg" alt="Dropbox logo" class="object-contain object-center w-full h-[23px] sm:h-[27px] max-w-[180px]"/><img src="/img/logos/svg/gusto.svg" alt="Gusto logo" class="object-contain object-center w-full h-[23px] sm:h-[27px] max-w-[180px]" style="scale:2.7"/><img src="/img/logos/svg/activecampaign.svg" alt="ActiveCampaign logo" class="object-contain object-center w-full h-[23px] sm:h-[27px] max-w-[180px]" style="scale:.9"/></div></div></div></div></div><div class="relative -mt-[50px] w-full pt-4"><div class="container hidden lg:block"><div class="anchor" id="try-demo"></div><div class="overflow-hidden relative z-20 flex rounded-2xl border bg-gradient-to-b from-gray-100 to-gray-200 p-3 shadow-2xl shadow-black/10"><div class="relative h-[650px] w-full aspect-video rounded-xl overflow-hidden"><div class="z-10 group relative ml-auto flex h-[650px] w-full cursor-pointer items-center justify-center overflow-hidden border bg-slate-900/60 bg-[url(https://app.navattic.com/api/poster/clsnlo0wx003c0fl6eejxcys3)] bg-cover bg-no-repeat"><div class="absolute inset-0 bg-slate-700 opacity-40 transition-opacity duration-300 group-hover:opacity-[0.35]"></div><div class="flex flex-col items-center transition-transform ease-in-out group-hover:scale-105"><div class="text-primary align-center z-0 mt-2 flex max-w-[185px] gap-1.5 rounded-full border border-gray-200 bg-white px-2.5 py-2 text-sm font-medium shadow-lg items-center"><svg class="text-[#455cad] h-4 w-4" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 9 5 12 1.8-5.2L21 14Z" class=""></path><path d="M7.2 2.2 8 5.1"></path><path d="m5.1 8-2.9-.8"></path><path d="M14 4.1 12 6"></path><path d="m6 12-1.9 2"></path></svg> <!-- -->Try a demo</div></div></div></div></div></div><div class="container flex flex-col gap-10 py-20 md:gap-28 md:py-24 px-3 md:px-6 2xl:px-10"><div class="container"><div class="flex flex-wrap rounded-2xl border bg-slate-50 lg:flex-nowrap relative"><div class="flex basis-full flex-col items-start md:items-center lg:items-start text-left lg:text-left self-center px-7 py-8 sm:p-8 sm:text-center md:p-10 md:pr-6 md:text-left lg:p-16 lg:py-24 lg:pr-0"><span class="bg-indigo-50 border-indigo-200 text-indigo-800 mb-3 rounded-xl inline-flex px-2 py-0.5 leading-tight text-xs lg:text-sm font-medium border w-fit">Product Demos</span><div class="mb-6 text-xl font-medium sm:text-2xl md:max-w-[400px] md:text-3xl text-left md:text-center lg:text-left">Put your product at the center of your go-to-market</div><div class="text-slate-600 sm:mx-auto md:mx-0 md:max-w-[440px] text-left md:text-center lg:text-left">Build a wide variety of no-code interactive demos that delight your buyers with ease.<div class="my-4 grid grid-cols-1 gap-y-2 sm:grid-cols-2 text-[#455cad] relative"><div class="flex w-full sm:w-[400px] flex-wrap gap-2 font-light tracking-normal text-xs sm:text-sm"><a href="/product-demos#capture"><div class="inline-flex rounded bg-indigo-50 hover:bg-indigo-100 text-[#455cad] px-2 sm:px-4 py-1.5 font-medium items-center">HTML/CSS captures</div></a><a href="/product-demos#capture"><div class="inline-flex rounded bg-indigo-50 hover:bg-indigo-100 text-[#455cad] px-2 sm:px-4 py-1.5 font-medium items-center">Any web or mobile app</div></a><a href="/product-demos#more"><div class="inline-flex rounded bg-indigo-50 hover:bg-indigo-100 text-[#455cad] px-2 sm:px-4 py-1.5 font-medium items-center">Offline demos</div></a><a href="/product-demos#more"><div class="inline-flex rounded bg-indigo-50 hover:bg-indigo-100 text-[#455cad] px-2 sm:px-4 py-1.5 font-medium items-center">Personalized demos</div></a></div></div></div><div class="flex gap-x-3 mt-6"><a href="/product-demos"><button class="btn-purple">Explore<svg height="1rem" width="1rem" class="inline self-center ml-2"><use href="/icons/sprite.svg#lucide/chevron-right"></use></svg></button></a><span class="hidden lg:block"><button class="btn-gray-border py-2.5">Try a demo<svg height="1rem" width="1rem" class="inline self-center h-3.5 w-3.5 ml-2 -mr-1"><use href="/icons/sprite.svg#lucide/mouse-pointer-square"></use></svg></button></span></div></div><div class="pt-0 flex basis-full sm:pt-10"><div class="flex basis-full relative h-[330px] sm:h-[500px] max-w-xl scale-[.75] left-[-5%] md:scale-[.9] lg:scale-[.8] xl:scale-[1] sm:left-0"><div class="absolute top-[20%] left-0 md:left-[30%] lg:left-0 lg:top-[35%] max-w-sm w-full rounded-lg border shadow-sm bg-white"><div class="flex items-center justify-between border-b py-1"><div class="flex flex-1 items-center gap-x-1 px-3 py-2"><div class="h-2.5 w-2.5 rounded-full border border-gray-300 bg-gray-200"></div><div class="h-2.5 w-2.5 rounded-full border border-gray-300 bg-gray-200"></div><div class="h-2.5 w-2.5 rounded-full border border-gray-300 bg-gray-200"></div></div><div class="flex h-full flex-1 items-center justify-center text-center"><div class="rounded-md bg-gray-100 px-2 text-xs leading-5 text-gray-600">acme.com</div></div><div class="flex-1"></div></div><div class="flex w-full border-b px-3 py-2 font-medium"><div class="flex items-center gap-x-2 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-500 h-3 w-3"><rect width="16" height="20" x="4" y="2" rx="2" ry="2"></rect><path d="M9 22v-4h6v4"></path><path d="M8 6h.01"></path><path d="M16 6h.01"></path><path d="M12 6h.01"></path><path d="M12 10h.01"></path><path d="M12 14h.01"></path><path d="M16 10h.01"></path><path d="M16 14h.01"></path><path d="M8 10h.01"></path><path d="M8 14h.01"></path></svg>Your website</div><div class="ml-4 flex items-center justify-between gap-x-2"><div class="h-2 w-[30px] rounded-md bg-gray-100"></div><div class="h-2 w-[30px] rounded-md bg-gray-100"></div><div class="h-2 w-[30px] rounded-md bg-gray-100"></div></div></div><div class="flex flex-col items-center justify-center p-3 py-10"><div class="flex flex-col items-center justify-center space-y-3"><div class="h-4 w-[230px] rounded-md bg-gray-100"></div><div class="h-4 w-[160px] rounded-md bg-gray-100"></div></div><div class="mt-6 rounded-md bg-indigo-800 px-2 py-1 text-xs text-white">Try a demo</div></div></div><div class="absolute left-[20%] md:left-[50%] lg:left-[23%] top-0 lg:top-[12%] max-w-sm w-full rounded-lg border bg-white shadow-sm"><div class="flex items-center justify-between border-b py-1"><div class="flex flex-1 items-center gap-x-1 px-3 py-2"><div class="h-2.5 w-2.5 rounded-full border border-gray-300 bg-gray-200"></div><div class="h-2.5 w-2.5 rounded-full border border-gray-300 bg-gray-200"></div><div class="h-2.5 w-2.5 rounded-full border border-gray-300 bg-gray-200"></div></div><div class="flex h-full flex-1 items-center justify-center text-center"><div class="rounded-md bg-gray-100 px-2 text-xs leading-5 text-gray-600">acme.com/demo</div></div><div class="flex-1"></div></div><div class="flex w-full justify-between border-b px-3 py-2 font-medium"><div class="flex flex-1 items-center gap-x-2 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-500 h-3 w-3"><rect width="16" height="20" x="4" y="2" rx="2" ry="2"></rect><path d="M9 22v-4h6v4"></path><path d="M8 6h.01"></path><path d="M16 6h.01"></path><path d="M12 6h.01"></path><path d="M12 10h.01"></path><path d="M12 14h.01"></path><path d="M16 10h.01"></path><path d="M16 14h.01"></path><path d="M8 10h.01"></path><path d="M8 14h.01"></path></svg>Your demo</div><div class="flex flex-1 items-center justify-between gap-x-2"><div class="h-2 w-[30px] rounded-md bg-gray-100"></div><div class="h-2 w-[30px] rounded-md bg-gray-100"></div><div class="h-2 w-[30px] rounded-md bg-gray-100"></div></div><div class="flex flex-1 justify-end"><div class="h-4 w-4 rounded-full bg-gray-100"></div></div></div><div class="space-y-3 p-3 py-4"><div class="flex gap-x-5"><div class="w-full rounded-md border p-2"><div class="space-y-2"><div class="h-2 w-[30px] rounded-md bg-gray-100"></div><div class="h-2 w-[60px] rounded-md bg-gray-200"></div></div></div><div class="w-full rounded-md border p-2"><div class="space-y-2"><div class="h-2 w-[30px] rounded-md bg-gray-100"></div><div class="h-2 w-[60px] rounded-md bg-gray-200"></div></div></div></div><div class="w-full rounded-md border p-2"><div class="space-y-4"><div class="flex items-center"><div class="h-4 w-4 rounded-full bg-gray-100"></div><div class="ml-3 space-y-1"><div class="h-1.5 w-[30px] rounded-md bg-gray-100"></div><div class="h-1.5 w-[60px] rounded-md bg-gray-100"></div></div><div class="ml-10 space-y-1"><div class="h-1.5 w-[30px] rounded-md bg-gray-100"></div><div class="h-1.5 w-[60px] rounded-md bg-gray-100"></div></div><div class="ml-10 space-y-1"><div class="h-1.5 w-[30px] rounded-md bg-gray-100"></div><div class="h-1.5 w-[60px] rounded-md bg-gray-100"></div></div></div><div class="flex items-center"><div class="h-4 w-4 rounded-full bg-gray-100"></div><div class="ml-3 space-y-1"><div class="h-1.5 w-[30px] rounded-md bg-gray-100"></div><div class="h-1.5 w-[60px] rounded-md bg-gray-100"></div></div><div class="ml-10 space-y-1"><div class="h-1.5 w-[30px] rounded-md bg-gray-100"></div><div class="h-1.5 w-[60px] rounded-md bg-gray-100"></div></div><div class="ml-10 space-y-1"><div class="h-1.5 w-[30px] rounded-md bg-gray-100"></div><div class="h-1.5 w-[60px] rounded-md bg-gray-100"></div></div></div></div></div><div class="absolute left-0 right-0 top-[60px] mx-auto h-[100px] w-40 rounded-md border bg-white shadow-xl"><div class="ml-3 mt-4 space-y-1.5"><div class="h-1.5 w-[40px] rounded-md bg-gray-100"></div><div class="h-1.5 w-[70px] rounded-md bg-gray-100"></div><div class="h-1.5 w-[40px] rounded-md bg-gray-100"></div></div><div class="absolute bottom-0 flex w-full justify-between border-t px-2 py-2"><div class="rounded border px-2 text-[11px] leading-5 text-zinc-600">Back</div><div class="rounded border bg-zinc-900 px-2 text-[11px] text-xs leading-5 text-white">Next</div></div></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="absolute right-16 top-[140px] text-indigo-500"><path d="m9 9 5 12 1.8-5.2L21 14Z"></path><path d="M7.2 2.2 8 5.1"></path><path d="m5.1 8-2.9-.8"></path><path d="M14 4.1 12 6"></path><path d="m6 12-1.9 2"></path></svg></div></div></div></div></div></div><div class="container"><div class="flex-row-reverse flex flex-wrap rounded-2xl border bg-slate-50 lg:flex-nowrap relative"><div class="flex basis-full flex-col items-start md:items-center lg:items-start text-left lg:text-left self-center px-7 py-8 sm:p-8 sm:text-center md:p-10 md:pr-6 md:text-left lg:p-16 lg:py-24 lg:pr-0"><span class="bg-violet-50 border-violet-200 text-violet-500 mb-3 rounded-xl inline-flex px-2 py-0.5 leading-tight text-xs lg:text-sm font-medium border w-fit">Engage</span><div class="mb-6 text-xl font-medium sm:text-2xl md:max-w-[400px] md:text-3xl text-left md:text-center lg:text-left">Act on accounts and leads that engage with your demo</div><div class="text-slate-600 sm:mx-auto md:mx-0 md:max-w-[440px] text-left md:text-center lg:text-left">Reveal how buyers are interacting with your interactive demo throughout their entire journey.<div class="my-4 grid grid-cols-1 gap-y-2 sm:grid-cols-2 text-[#455cad] relative"><div class="flex w-full sm:w-[400px] flex-wrap gap-2 font-light tracking-normal text-xs sm:text-sm"><a href="/engage#generate-leads"><div class="inline-flex rounded bg-indigo-50 hover:bg-indigo-100 text-[#455cad] px-2 sm:px-4 py-1.5 font-medium items-center">Lead forms</div></a><a href="/engage#reveal-enrich"><div class="inline-flex rounded bg-indigo-50 hover:bg-indigo-100 text-[#455cad] px-2 sm:px-4 py-1.5 font-medium items-center">Reveal & Enrich</div></a><a href="/engage#crm-sync"><div class="inline-flex rounded bg-indigo-50 hover:bg-indigo-100 text-[#455cad] px-2 sm:px-4 py-1.5 font-medium items-center">CRM sync</div></a><a href="/engage#reveal-enrich"><div class="inline-flex rounded bg-indigo-50 hover:bg-indigo-100 text-[#455cad] px-2 sm:px-4 py-1.5 font-medium items-center">Account-based engagement</div></a><a href="/engage#slack-alerts"><div class="inline-flex rounded bg-indigo-50 hover:bg-indigo-100 text-[#455cad] px-2 sm:px-4 py-1.5 font-medium items-center">Real-time alerts</div></a></div></div></div><div class="flex gap-x-3 mt-6"><a href="/engage"><button class="btn-purple">Explore<svg height="1rem" width="1rem" class="inline self-center ml-2"><use href="/icons/sprite.svg#lucide/chevron-right"></use></svg></button></a><span class="hidden lg:block"><button class="btn-gray-border py-2.5">Try a demo<svg height="1rem" width="1rem" class="inline self-center h-3.5 w-3.5 ml-2 -mr-1"><use href="/icons/sprite.svg#lucide/mouse-pointer-square"></use></svg></button></span></div></div><div class="flex basis-full pl-10"><div class="flex basis-full translate-x-[-4%] sm:translate-x-0"><div class="relative mx-auto w-[400px] h-[300px] lg:h-[400px]"><div class="absolute left-[30px] top-[20%] lg:top-[40%] rounded-lg border bg-white w-[350px]"><div class="flex border-b px-4 py-3"><div class="flex items-center gap-x-3 text-sm border rounded-md w-full px-2 py-2">Marketing</div></div><div class="flex flex-wrap gap-x-3 gap-y-3 px-3 pb-4 pt-4 text-xs"><div class="flex w-full items-center gap-x-3"><div class="h-7 w-7 rounded-full bg-cover bg-top" style="background-image:url(/img/user-1.jpeg"></div>Kiran Carney<div class="text-gray-500">Lead marketing</div></div><div class="flex w-full items-center gap-x-3"><div class="h-7 w-7 rounded-full bg-cover bg-top" style="background-image:url(/img/user-2.jpeg)"></div>Nell Andersen<div class="text-gray-500">Lead marketing</div></div><div class="flex w-full items-center gap-x-3"><div class="h-7 w-7 rounded-full bg-cover bg-top" style="background-image:url(/user-3.jpeg)"></div>Daisie Lee<div class="text-gray-500">Head of Growth</div></div></div></div><div class="absolute w-[240px] left-[40%] top-0 lg:top-[30%] z-10 rounded-lg border bg-white shadow-xl shadow-gray-300"><div class="flex border-b border-dotted px-4 py-3"><div class="flex items-center gap-x-3 text-sm"><img src="https://logo.navattic.com/ramp.com" alt="Ramp" class="h-6 w-6 rounded-md"/>Ramp</div></div><div class="flex flex-wrap gap-x-3 gap-y-3 px-3 pb-4 pt-4 text-xs"><div class="w-full"><div class="mb-2 text-gray-500">Industry</div><div class="flex items-center font-medium capitalize text-gray-700">Finance operations</div></div><div class="max-w-md"><div class="mb-2 text-gray-500">Employees</div><div class="flex items-center font-medium capitalize text-gray-700">1000+</div></div><div class="max-w-md"><div class="mb-2 text-gray-500">Revenue</div><div class="flex items-center font-medium capitalize text-gray-700">100M-$250M</div></div></div></div></div></div></div></div></div><div class="container"><div class="rounded-2xl border overflow-hidden bg-slate-50 dark:bg-royal-dark md:flex-nowrap relative"><div class="relative z-10 flex basis-full flex-col self-center p-8 sm:text-center md:p-10 md:pr-6 md:text-left lg:p-16 "><div class="flex justify-between mb-8 flex-col sm:flex-row sm:mb-0"><div><div class="mb-3 font-medium text-[#455cad] dark:text-white">Use cases</div><div class="mb-2 text-xl font-medium sm:text-2xl dark:text-white md:max-w-[400px] md:text-3xl sm:mb-6">Embed and share<span class="text-slate-400 ml-2">anywhere</span></div></div><div><a href="/showcase"><button class="btn-purple mt-4">Customer showcase<svg height="1rem" width="1rem" class="inline self-center ml-2"><use href="/icons/sprite.svg#lucide/chevron-right"></use></svg></button> </a></div></div><div class="my-4 grid grid-cols-1 md:grid-cols-4 gap-2 gap-y-8 text-secondary text-sm sm:grid-cols-2"><div class="space-y-2"><div class="mb-5 inline-flex rounded-full border bg-white dark:bg-white/20 dark:border-gray-500 dark:text-white px-6 py-1.5 font-medium items-center">Marketing</div><div class="flex items-center gap-x-3 dark:text-white"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 dark:text-white/60"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Website CTAs</div><div class="flex items-center gap-x-3 dark:text-white"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 dark:text-white/60"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Feature launches</div><div class="flex items-center gap-x-3 dark:text-white"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 dark:text-white/60"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Blog posts</div></div><div class="space-y-2"><div class="mb-5 inline-flex rounded-full border bg-white dark:bg-white/20 dark:border-gray-500 dark:text-white px-6 py-1.5 font-medium items-center">Growth & Demand Gen</div><div class="flex items-center gap-x-3 dark:text-white"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 dark:text-white/60"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Ad landing pages</div><div class="flex items-center gap-x-3 dark:text-white"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 dark:text-white/60"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>ABM campaigns</div><div class="flex items-center gap-x-3 dark:text-white"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 dark:text-white/60"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Review sites</div></div><div class="space-y-2"><div class="mb-5 inline-flex rounded-full border bg-white dark:bg-white/20 dark:border-gray-500 dark:text-white px-6 py-1.5 font-medium items-center">Sales</div><div class="flex items-center gap-x-3 dark:text-white"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 dark:text-white/60"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Champion enablement</div><div class="flex items-center gap-x-3 dark:text-white"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 dark:text-white/60"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Live demo leave behind</div><div class="flex items-center gap-x-3 dark:text-white"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 dark:text-white/60"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Outbound campaigns</div></div><div class="space-y-2"><div class="mb-5 inline-flex rounded-full border bg-white dark:bg-white/20 dark:border-gray-500 dark:text-white px-6 py-1.5 font-medium items-center">Product</div><div class="flex items-center gap-x-3 dark:text-white"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 dark:text-white/60"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Product launches</div><div class="flex items-center gap-x-3 dark:text-white"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 dark:text-white/60"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Onboarding and training</div><div class="flex items-center gap-x-3 dark:text-white"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 dark:text-white/60"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>In-app upsell</div></div></div><ul class="mt-8 grid gap-4 md:grid-cols-2 lg:grid-cols-4 md:gap-6"><li><a class="group border border-dotted border-slate-300 group relative block h-full transform-gpu overflow-hidden rounded-lg duration-150 ease-out after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:shadow-thin-border-400 hover:bg-light-overlay-100 focus:bg-light-overlay-100" href="/showcase/lattice"><div class="pt-2 px-2 overflow-hidden relative h-32" style="background-color:#1F6A69"><img loading="lazy" width="900" height="510" decoding="async" data-nimg="1" class="drop-shadow-lg w-auto absolute mx-2 top-5 bottom-0 left-4 rounded" style="color:transparent" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/5c5af930d5ad7ddde479544bb56d0ba7fabdf6bf-3024x1712.png?w=900&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/5c5af930d5ad7ddde479544bb56d0ba7fabdf6bf-3024x1712.png?w=900&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/5c5af930d5ad7ddde479544bb56d0ba7fabdf6bf-3024x1712.png?w=900&auto=format"/></div><div class="flex justify-between items-center py-3 px-5 text-gray-600 text-sm border-t border-dotted border-slate-300 dark:bg-white/20 group-hover:dark:bg-white/30 dark:text-white"><h3>Lattice</h3><div class="border border-gray-200 group-hover:border-gray-400 group-hover:text-gray-800 dark:group-hover:text-white shadow-sm rounded-full p-1 inline-block"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="h-3 w-3"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></div></div></a></li><li><a class="group border border-dotted border-slate-300 group relative block h-full transform-gpu overflow-hidden rounded-lg duration-150 ease-out after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:shadow-thin-border-400 hover:bg-light-overlay-100 focus:bg-light-overlay-100" href="/showcase/vitally"><div class="pt-2 px-2 overflow-hidden relative h-32" style="background-color:#8437fe"><img loading="lazy" width="900" height="460" decoding="async" data-nimg="1" class="drop-shadow-lg w-auto absolute mx-2 top-5 bottom-0 left-4 rounded" style="color:transparent" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/573da67e817b1a36141a106e93b87baf3cd077af-2880x1472.png?w=900&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/573da67e817b1a36141a106e93b87baf3cd077af-2880x1472.png?w=900&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/573da67e817b1a36141a106e93b87baf3cd077af-2880x1472.png?w=900&auto=format"/></div><div class="flex justify-between items-center py-3 px-5 text-gray-600 text-sm border-t border-dotted border-slate-300 dark:bg-white/20 group-hover:dark:bg-white/30 dark:text-white"><h3>Vitally</h3><div class="border border-gray-200 group-hover:border-gray-400 group-hover:text-gray-800 dark:group-hover:text-white shadow-sm rounded-full p-1 inline-block"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="h-3 w-3"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></div></div></a></li><li><a class="group border border-dotted border-slate-300 group relative block h-full transform-gpu overflow-hidden rounded-lg duration-150 ease-out after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:shadow-thin-border-400 hover:bg-light-overlay-100 focus:bg-light-overlay-100" href="/showcase/ramp"><div class="pt-2 px-2 overflow-hidden relative h-32" style="background-color:#6C6F60"><img loading="lazy" width="900" height="446" decoding="async" data-nimg="1" class="drop-shadow-lg w-auto absolute mx-2 top-5 bottom-0 left-4 rounded" style="color:transparent" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/3518b51c55ec67d5995d2f1e7a3530c9f0231dcf-1440x713.png?w=900&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/3518b51c55ec67d5995d2f1e7a3530c9f0231dcf-1440x713.png?w=900&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/3518b51c55ec67d5995d2f1e7a3530c9f0231dcf-1440x713.png?w=900&auto=format"/></div><div class="flex justify-between items-center py-3 px-5 text-gray-600 text-sm border-t border-dotted border-slate-300 dark:bg-white/20 group-hover:dark:bg-white/30 dark:text-white"><h3>Ramp </h3><div class="border border-gray-200 group-hover:border-gray-400 group-hover:text-gray-800 dark:group-hover:text-white shadow-sm rounded-full p-1 inline-block"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="h-3 w-3"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></div></div></a></li><li><a class="group border border-dotted border-slate-300 group relative block h-full transform-gpu overflow-hidden rounded-lg duration-150 ease-out after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:shadow-thin-border-400 hover:bg-light-overlay-100 focus:bg-light-overlay-100" href="/showcase/carta-showcase"><div class="pt-2 px-2 overflow-hidden relative h-32" style="background-color:#000000"><img loading="lazy" width="900" height="444" decoding="async" data-nimg="1" class="drop-shadow-lg w-auto absolute mx-2 top-5 bottom-0 left-4 rounded" style="color:transparent" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/ae8cf48e4c94b09490adb89276b398d4a12c2679-2880x1420.png?w=900&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/ae8cf48e4c94b09490adb89276b398d4a12c2679-2880x1420.png?w=900&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/ae8cf48e4c94b09490adb89276b398d4a12c2679-2880x1420.png?w=900&auto=format"/></div><div class="flex justify-between items-center py-3 px-5 text-gray-600 text-sm border-t border-dotted border-slate-300 dark:bg-white/20 group-hover:dark:bg-white/30 dark:text-white"><h3>Carta</h3><div class="border border-gray-200 group-hover:border-gray-400 group-hover:text-gray-800 dark:group-hover:text-white shadow-sm rounded-full p-1 inline-block"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="h-3 w-3"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></div></div></a></li></ul></div><div class="bg-radial-gradient-light opacity-30"></div></div></div><div class="container"><div class="flex flex-wrap rounded-2xl border bg-slate-50 lg:flex-nowrap relative"><div class="flex basis-full flex-col items-start md:items-center lg:items-start text-left lg:text-left self-center px-7 py-8 sm:p-8 sm:text-center md:p-10 md:pr-6 md:text-left lg:p-16 lg:py-24 lg:pr-0"><span class="bg-indigo-50 border-indigo-200 text-indigo-800 mb-3 rounded-xl inline-flex px-2 py-0.5 leading-tight text-xs lg:text-sm font-medium border w-fit">Integrations</span><div class="mb-6 text-xl font-medium sm:text-2xl md:max-w-[400px] md:text-3xl text-left md:text-center lg:text-left">Integrate into your existing go-to-market stack</div><div class="text-slate-600 sm:mx-auto md:mx-0 md:max-w-[440px] text-left md:text-center lg:text-left">Sync account and lead demo engagement data with CRMs like Hubspot, Salesforce, or Marketo. Or share demo events with any events-based platform.<div class="mt-5 flex gap-3 items-center justify-center lg:justify-start"><div class="bg-white border rounded-md border-gray-300 p-2 shadow-sm"><img src="/img/integrations/logos/hubspot.svg" alt="Hubspot logo" class="h-5 w-5"/></div><div class="bg-white border rounded-md border-gray-300 p-2 shadow-sm"><img src="/img/integrations/logos/marketo.png" alt="Marketo logo" class="h-5 w-5"/></div><div class="bg-white border rounded-md border-gray-300 p-2 shadow-sm"><img src="/img/integrations/logos/salesforce.svg" alt="Salesforce logo" class="h-5 w-5"/></div><div class="text-secondary text-xs ml-2">First class CRM integrations</div></div></div><div class="w-auto mt-8"><a href="/integrations"><button class="btn-purple">Explore<svg height="1rem" width="1rem" class="inline self-center ml-2"><use href="/icons/sprite.svg#lucide/chevron-right"></use></svg></button></a></div></div><div class="pb-10 md:pb-0 flex basis-full relative w-fit h-full items-center justify-center self-center"><div class="scale-[1.05] grid grid-cols-9 grid-rows-5 gap-x-3 gap-y-3 relative"><div class="col-span-2 col-start-4"><div class="bg-white inline-flex self-center rounded-full border px-8 py-2 h-14 w-28 items-center justify-center shadow-sm"><img src="/img/integrations/logos/salesforce.svg" class="h-10 w-10 shrink-0"/></div></div><div class="col-span-2 col-start-6"><div class="bg-white inline-flex rounded-full border px-8 py-2 h-14 w-28 items-center justify-center shadow-sm"><img src="/img/integrations/logos/segment.png" class="h-10 w-10 shrink-0 scale-[.8]"/></div></div><div class="col-span-2 col-start-3 row-start-2"> <div class="bg-white inline-flex rounded-full border px-8 py-2 h-14 w-28 items-center justify-center shadow-sm"><img src="/img/integrations/logos/hubspot.svg" class="h-10 w-10 shrink-0 scale-[.8]"/></div></div><div class="col-span-2 col-start-5 row-start-2"><div class="bg-white inline-flex rounded-full border px-8 py-2 h-14 w-28 items-center justify-center shadow-sm"><img src="/img/integrations/logos/marketo.png" class="h-10 w-10 shrink-0 scale-[.8]"/></div></div><div class="col-span-2 col-start-7 row-start-2"><div class="bg-white inline-flex rounded-full border px-8 py-2 h-14 w-28 items-center justify-center shadow-sm"><img src="/img/integrations/logos/google-analytics.svg" class="h-8 w-8 scale-[.8]"/></div></div><div class="col-span-2 col-start-2 row-start-3"><div class="bg-white inline-flex rounded-full border px-8 py-2 h-14 w-28 items-center justify-center shadow-sm"><img src="/img/integrations/logos/slack.svg" class="h-10 w-10 shrink-0 scale-[1.5]"/></div></div><div class="col-span-2 col-start-4 row-start-3"><div class="bg-white inline-flex rounded-full border px-8 py-2 h-14 w-28 items-center justify-center shadow-sm"><img src="/img/integrations/logos/zapier.svg" class="h-10 w-10 shrink-0 scale-[.7]"/></div></div><div class="col-span-2 col-start-6 row-start-3"><div class="bg-white inline-flex rounded-full border px-8 py-2 h-14 w-28 items-center justify-center shadow-sm"><img src="/img/integrations/logos/mixpanel.svg" class="h-10 w-10 shrink-0 scale-[.7]"/></div></div><div class="col-span-2 col-start-3 row-start-4"><div class="bg-white inline-flex rounded-full border px-8 py-2 h-14 w-28 items-center justify-center shadow-sm"><img src="/img/integrations/logos/chameleon.svg" class="h-10 w-10 shrink-0 scale-[.7]"/></div></div><div class="col-span-2 col-start-5 row-start-4"><div class="bg-white inline-flex rounded-full border px-8 py-2 h-14 w-28 items-center justify-center shadow-sm"><img src="https://logo.navattic.com/clearbit.com" class="h-10 w-10 shrink-0 scale-[.7]"/></div></div><div class="col-span-2 col-start-7 row-start-4"><div class="bg-white inline-flex rounded-full border px-8 py-2 h-14 w-28 items-center justify-center shadow-sm"><img src="/img/integrations/logos/madkudu.png" class="h-10 w-10 shrink-0 scale-[.8]"/></div></div><div class="col-span-2 col-start-4 row-start-5"><div class="bg-white inline-flex rounded-full border px-8 py-2 h-14 w-28 items-center justify-center shadow-sm"><img src="/img/integrations/logos/slack.svg" class="h-10 w-10 shrink-0 scale-[1.3] rounded-lg"/></div></div><div class="col-span-2 col-start-6 row-start-5"><div class="bg-white inline-flex rounded-full border px-8 py-2 h-14 w-28 items-center justify-center shadow-sm"><img src="/img/integrations/logos/mutiny.svg" class="h-10 w-10 shrink-0 scale-[1.1]"/></div></div><div class="absolute top-0 right-0 z-10 h-full w-72 bg-gradient-to-l from-slate-50"></div></div></div></div></div><div class="container"><div class="overflow-hidden relative rounded-2xl border bg-slate-50 dark:bg-royal-dark md:flex-nowrap"><div class="relative z-10 flex basis-full flex-col self-center p-8 sm:text-center md:p-10 md:pr-6 md:text-left lg:p-16 "><div class="flex justify-between"><div><div class="mb-3 font-medium text-[#455cad] dark:text-white">Why Navattic?</div><div class="mb-6 text-xl font-medium sm:text-2xl dark:text-white md:max-w-[500px] md:text-3xl">A scalable demo platform with<span class="text-slate-400 ml-2"> <!-- -->data-driven best practices to help</span> </div></div></div><div class="space-y-8 mt-4"><div><div class="text-xs mb-5 inline-flex rounded-full border bg-white dark:bg-white/20 dark:border-gray-500 dark:text-white px-5 py-1.5 font-medium items-center">How we're different</div><div class="container grid gap-8 lg:grid-cols-3"><div class="flex flex-col gap-3"><div class="transform text-[#455cad]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 4v4" class="stroke-purple-400"></path><path d="M2 8h20" class="stroke-purple-400"></path><path d="M6 4v4" class="stroke-purple-400"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></div><span class="text-primary before:inset-y-xs relative text-sm font-medium before:absolute before:-left-[16px] before:w-px before:bg-orange-500 sm:before:-left-[25px]"></span><h3 class="text-base dark:text-white font-semibold leading-tight">Perfectly resembles your product</h3><div class="prose"><p class="text-sm text-slate-400">Unlike videos or screenshots, our demos create that “in product” feeling so buyers experience instant value.</p></div></div><div class="flex flex-col gap-3"><div class="transform text-[#455cad]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 12c-2-2.67-4-4-6-4a4 4 0 1 0 0 8c2 0 4-1.33 6-4Zm0 0c2 2.67 4 4 6 4a4 4 0 0 0 0-8c-2 0-4 1.33-6 4Z" class="stroke-purple-400"></path></svg></div><span class="text-primary before:inset-y-xs relative text-sm font-medium before:absolute before:-left-[16px] before:w-px before:bg-orange-500 sm:before:-left-[25px]"></span><h3 class="text-base dark:text-white font-semibold leading-tight">Unlimited demos</h3><div class="prose"><p class="text-sm text-slate-400">Our customers on average create 20 demos for a variety of use cases across Marketing, Growth & Demand Gen, Sales and Product.</p></div></div><div class="flex flex-col gap-3"><div class="transform text-[#455cad]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 21a8 8 0 0 0-16 0"></path><circle cx="10" cy="8" r="5"></circle><path d="M22 20c0-3.37-2-6.5-4-8a5 5 0 0 0-.45-8.3" class="stroke-purple-400"></path></svg></div><span class="text-primary before:inset-y-xs relative text-sm font-medium before:absolute before:-left-[16px] before:w-px before:bg-orange-500 sm:before:-left-[25px]"></span><h3 class="text-base dark:text-white font-semibold leading-tight">Owned by your GTM team</h3><div class="prose"><p class="text-sm text-slate-400">Our interactive demos are entirely no-code, so they can be owned, created, and distributed by your GTM team.</p></div></div></div></div><div><div class="text-xs mb-5 inline-flex rounded-full border bg-white dark:bg-white/20 dark:border-gray-500 dark:text-white px-5 py-1.5 font-medium items-center">How we help</div><div class="container grid gap-8 lg:grid-cols-3"><div class="flex flex-col gap-3"><div class="transform text-[#455cad]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 7v7" class="stroke-purple-400"></path><path d="M12 7v4" class="stroke-purple-400"></path><path d="M16 7v9" class="stroke-purple-400"></path><path d="M5 3a2 2 0 0 0-2 2"></path><path d="M9 3h1"></path><path d="M14 3h1"></path><path d="M19 3a2 2 0 0 1 2 2"></path><path d="M21 9v1"></path><path d="M21 14v1"></path><path d="M21 19a2 2 0 0 1-2 2"></path><path d="M14 21h1"></path><path d="M9 21h1"></path><path d="M5 21a2 2 0 0 1-2-2"></path><path d="M3 14v1"></path><path d="M3 9v1"></path></svg></div><span class="text-primary before:inset-y-xs relative text-sm font-medium before:absolute before:-left-[16px] before:w-px before:bg-orange-500 sm:before:-left-[25px]"></span><h3 class="text-base dark:text-white font-semibold leading-tight">Plan your story</h3><div class="prose"><p class="text-sm text-slate-400">From demo reviews to storyboarding sessions, we'll work closely with you to create a product story that converts.</p></div></div><div class="flex flex-col gap-3"><div class="transform text-[#455cad]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" class="stroke-purple-400"></polygon></svg></div><span class="text-primary before:inset-y-xs relative text-sm font-medium before:absolute before:-left-[16px] before:w-px before:bg-orange-500 sm:before:-left-[25px]"></span><h3 class="text-base dark:text-white font-semibold leading-tight">Build a high converting demo</h3><div class="prose"><p class="text-sm text-slate-400">Our top performing demos convert at a<!-- --> <a class="text-white underline" href="/report/state-of-the-interactive-product-demo-2024">32% conversion rate →</a></p></div></div><div class="flex flex-col gap-3"><div class="transform text-[#455cad]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="7.5" cy="7.5" r=".5"></circle><circle cx="18.5" cy="5.5" r=".5" class="stroke-purple-400"></circle><circle cx="11.5" cy="11.5" r=".5"></circle><circle cx="7.5" cy="16.5" r=".5"></circle><circle cx="17.5" cy="14.5" r=".5"></circle><path d="M3 3v18h18"></path></svg></div><span class="text-primary before:inset-y-xs relative text-sm font-medium before:absolute before:-left-[16px] before:w-px before:bg-orange-500 sm:before:-left-[25px]"></span><h3 class="text-base dark:text-white font-semibold leading-tight">Get strategic support from experts</h3><div class="prose"><p class="text-sm text-slate-400">We don’t just offer technical but strategic support. Advice based on our experience working with top GTM teams and data-driven best practices.</p></div></div></div></div></div></div><div class="bg-radial-gradient-light opacity-30"></div></div></div></div></div></div></div><div class="container mb-20"><div class="relative overflow-hidden bg-slate-900 border-t border-slate-500 px-5 md:px-20 md:rounded-2xl"><div class="text-white py-16 relative z-10"><section class="flex justify-between items-center flex-col md:flex-row gap-y-10"><div class="flex-1 mr-10 md:mr-0"><div class="mb-3 font-medium text-white">Get started</div><h2 class="mb-6 text-xl font-medium md:max-w-[500px] md:text-3xl">Build demos that delight.</h2><p class="mt-5 md:text-lg text-slate-400 max-w-[400px] md:max-w-[480px]">Unlock faster sales cycles and empower your go-to-market team to drive growth with your product.</p></div><div class="w-full md:w-32 flex flex-col gap-y-5"><a class="flex py-3 w-full items-center justify-center whitespace-nowrap rounded-lg bg-[#455cad] px-6 font-medium text-white ring-2 ring-[#98A4F7]/20 ring-offset-2 ring-offset-[#0B0C14] sm:w-auto" href="/get-demo">Get a demo</a> <a class="bg-white/10 text-white flex items-center justify-center rounded-lg border border-white/30 px-5 py-3 font-medium shadow-sm hover:bg-white/20 focus:outline-none focus:ring-2 focus:border focus:border-slate-100 text-sm focus:ring-slate-200/30" href="/demo">Try a demo</a></div></section></div><div class="bg-radial-gradient-light opacity-50 h-[500px] top-[-90px] right-[-250px] transform-none"></div></div></div></main></main></div><nav class="bg-white text-sm border-t border-slate-100 text-[#363D4E]"><div class="mx-auto px-5 md:px-0 pt-8 lg:pt-14 pb-10 md:pb-20 md:flex container"><div class="lg:flex-none flex-2 flex flex-wrap gap-20 md:gap-36"><div class="flex-1 lg:flex-none mb-16"><div class="font-medium text-black ">Product</div><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/product-demos">Product demos</a><br/><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/engage">Engage</a><br/><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/integrations">Integrations</a><br/></div><div class="flex-1 lg:flex-none mb-16"><div class="font-medium text-black ">Customers</div><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/customers">Highlights</a><br/><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/showcase">Showcase</a><br/></div><div class="flex-1 lg:flex-none mb-16"><div class="font-medium text-black ">Company</div><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/careers">Careers</a><br/><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/contact">Contact</a><br/><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/security">Security</a><br/></div><div class="flex-1 lg:flex-none mb-16"><div class="font-medium text-black ">Resources</div><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/blog">Blog</a><br/><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/offer/newsletter">Buyer First Bites Newsletter</a><br/><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/product-announcements">Product announcements</a><br/><a href="https://listen.casted.us/public/174/Revenue-on-the-Rocks-e2c6af77" target="_blank" class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap">Podcast</a><br/><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/demo-consultants">Demo consultants</a><br/><a class="inline-block -mx-1 px-1 mt-3 whitespace-nowrap" href="/report/state-of-the-interactive-product-demo-2024">State of the Interactive Demo</a><br/></div></div></div></nav><footer class="bg-slate-50 w-full flex justify-between border-neutral-300/10 border-t"><div class="container px-5 md:px-0 my-5 py-3 flex flex-col gap-y-2 lg:flex-row justify-between w-full marker:items-center text-[12px] leading-[18px]"><div class="flex flex-wrap justify-between items-center gap-10 whitespace-nowrap"><a class="-mx-1 px-1" href="https://trust.navattic.com">Trust Center</a><a class="-mx-1 px-1" href="/legal/terms">Terms of Use</a><a class="-mx-1 px-1" href="/legal/privacy">Privacy Policy</a><a class="-mx-1 px-1" href="/legal/data-processing-agreement">DPA</a></div><div class="flex items-center text-neutral-300">© 2024 Navattic, Inc.</div></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"showcaseData":[{"screenshots":[{"_type":"image","_key":"2bcda108083c","asset":{"_ref":"image-bd7d549311549996b43b2779044e20bec0098093-3024x1678-png","_type":"reference"}},{"_type":"image","_key":"5101ea55a21a","asset":{"_ref":"image-871d507b269821f005539f282a868b463befb910-3024x1714-png","_type":"reference"}},{"_type":"image","_key":"780ce95ccdec","asset":{"_ref":"image-d94982f30823510447e886adb3e7f069844cf822-3024x1714-png","_type":"reference"}}],"cta":"Start the Tour","coverImage":{"_type":"image","asset":{"_type":"reference","_ref":"image-5c5af930d5ad7ddde479544bb56d0ba7fabdf6bf-3024x1712-png"}},"title":"Lattice","slug":{"current":"lattice","_type":"slug"},"demoUrl":"https://lattice.com/tour","category":null,"customer":{"title":"Lattice","logo":{"_type":"image","asset":{"_ref":"image-0e854f9a83ec346f4f6ff76966e12803330aaac1-246x44-svg","_type":"reference"}},"logoScalar":"0.9","website":"https://lattice.com/","companyBrandColor":"#1F6A69","industries":["Human Resources","Productivity"],"founded":"San Francisco, 2015"},"_id":"bf028e9b-756c-4aae-bdeb-2359ad86b139"},{"slug":{"current":"vitally","_type":"slug"},"demoUrl":"https://www.vitally.io/academy#interactive-product-tours","screenshots":[{"asset":{"_ref":"image-f1ac5392242d1b48e3a4d6f7e51fc929838bc510-2880x1436-png","_type":"reference"},"_type":"image","_key":"29822517f139"},{"_type":"image","_key":"23889356c2ff","asset":{"_ref":"image-0285e345600c48af8a28424db0e042b0968c85dd-2880x1436-png","_type":"reference"}}],"_id":"108b065d-8467-4a1e-a432-8eaf1468b374","title":"Vitally","coverImage":{"_type":"image","asset":{"_ref":"image-573da67e817b1a36141a106e93b87baf3cd077af-2880x1472-png","_type":"reference"}},"cta":"Launch Tour","category":null,"customer":{"website":"https://www.vitally.io/","companyBrandColor":"#8437fe","industries":["SaaS"],"founded":"New York, 2017","title":"Vitally","logo":{"_type":"image","asset":{"_ref":"image-ebbe01f69daed519ecfc6ef6d947ecb2d018f2c3-774x203-svg","_type":"reference"}},"logoScalar":"1"}},{"title":"Ramp ","slug":{"current":"ramp","_type":"slug"},"demoUrl":"https://ramp.com/explore-product","screenshots":[{"_type":"image","_key":"7482e49c691f","asset":{"_ref":"image-99689e76e6946cf5bcba0c7c0abde56b080af754-1440x713-png","_type":"reference"}},{"_type":"image","_key":"c7eb97c346b3","asset":{"_ref":"image-f2d49d8a97469b931975559c6d38869d6dee0b28-1440x713-png","_type":"reference"}}],"cta":"Explore Product","_id":"a83ab73e-c3d9-474f-8456-0680dec65fb3","coverImage":{"_type":"image","asset":{"_ref":"image-3518b51c55ec67d5995d2f1e7a3530c9f0231dcf-1440x713-png","_type":"reference"}},"category":{"name":"FinTech","slug":{"current":"fin-tech","_type":"slug"}},"customer":{"title":"Ramp","logo":{"_type":"image","asset":{"_ref":"image-013ff86c57357352351f05f1115ded02ae675749-628x169-png","_type":"reference"}},"logoScalar":"1.1","website":"https://ramp.com","companyBrandColor":"#6C6F60","industries":["Spend Management","FinTech"],"founded":"New York, 2019"}},{"cta":"Product Tour","customer":{"companyBrandColor":"#000000","industries":["FinTech","Captable Management"],"founded":"San Francisco, 2012","title":"Carta","logo":{"_type":"image","asset":{"_type":"reference","_ref":"image-fd5b9ab7f72a1ca80dbc713f5c8d62766543468e-1200x524-png"}},"logoScalar":"1.2","website":"https://www.carta.com/"},"title":"Carta","demoUrl":"https://carta.com/uk/en/tour/video/","coverImage":{"_type":"image","asset":{"_ref":"image-ae8cf48e4c94b09490adb89276b398d4a12c2679-2880x1420-png","_type":"reference"}},"screenshots":[{"_key":"0510b161126c","asset":{"_type":"reference","_ref":"image-99aeee345acef247ce04a11a6f61361e20e60e51-2878x1424-png"},"_type":"image"},{"_type":"image","_key":"25b71c384e30","asset":{"_ref":"image-5f373c7ba66566c7d46f394b3e16c58194f9cb01-2876x1476-png","_type":"reference"}}],"category":null,"_id":"7f5fb61b-dfc0-4849-83fd-47421b28b7d1","slug":{"current":"carta-showcase","_type":"slug"}},{"cta":"Tour the product","category":null,"customer":{"title":"Jellyfish","logo":{"_type":"image","asset":{"_ref":"image-50867ccf2f224b261f96de005efdeacd6f133247-3813x683-svg","_type":"reference"}},"logoScalar":null,"website":"https://jellyfish.co/","companyBrandColor":"#cfef0a","industries":["Analytics","SaaS"],"founded":"Boston, 2017"},"_id":"831526bf-1bee-4cfe-a58c-b6ec957ae3b5","title":"Jellyfish","slug":{"current":"jellyfish","_type":"slug"},"screenshots":[{"_type":"image","_key":"c5411417913a","asset":{"_ref":"image-af08bee64849b13570ed87ae90e3f10144a23e4e-2880x1436-png","_type":"reference"}},{"_type":"image","_key":"82b2c32f5c62","asset":{"_ref":"image-14f1c610a29ca1d3c883fd8998666463bd59148c-2880x1436-png","_type":"reference"}}],"demoUrl":"https://jellyfish.co/tour/","coverImage":{"asset":{"_ref":"image-ac02491cdec6ddf89926515b79ae63f1129bca55-2880x1436-png","_type":"reference"},"_type":"image"}},{"title":"Writer","slug":{"current":"writer","_type":"slug"},"customer":{"logoScalar":null,"website":"https://writer.com","companyBrandColor":"#EAEEFE","industries":["AI"],"founded":"San Francisco, 2020","title":"Writer","logo":{"_type":"image","asset":{"_ref":"image-3c3f65995bff779877df142b8057e5170f1c4f5b-295x96-svg","_type":"reference"}}},"_id":"13746bd1-08a7-4da7-830c-e7eef660699b","demoUrl":"https://writer.com/tours","coverImage":{"_type":"image","asset":{"_ref":"image-59c1931698c4eaa4ac4506114c2d29835508621c-3352x1664-png","_type":"reference"}},"screenshots":[{"asset":{"_ref":"image-f1c6c9246baa8e73c644a2e8b5955b9d480434cf-3360x1658-png","_type":"reference"},"_type":"image","_key":"5bfa64cda99c"},{"asset":{"_ref":"image-9bb3c704edc31b9d918751afcaa61357f6bd1e5d-3352x1662-png","_type":"reference"},"_type":"image","_key":"a81957f31b73"}],"cta":"Writer product tours","category":{"name":"AI","slug":{"current":"ai","_type":"slug"}}},{"_id":"0c5532d7-62fc-496f-9abb-cf2a98dbf1d0","slug":{"current":"userevidence","_type":"slug"},"demoUrl":"https://userevidence.com/demo-ranch/","coverImage":{"_type":"image","asset":{"_ref":"image-7955306933aee137a6188dcf1e7018f3933878ea-3278x1698-png","_type":"reference"}},"category":null,"title":"UserEvidence","screenshots":[{"_type":"image","_key":"dac177477cce","asset":{"_type":"reference","_ref":"image-fa64faff18ab704d432f83bda307555352973d6b-1816x1202-png"}},{"_key":"ad05fc31910e","asset":{"_ref":"image-f53bc96ec618e9e5005bbbdff75900df031b8007-3278x1558-png","_type":"reference"},"_type":"image"}],"cta":"Demo Ranch","customer":{"industries":["Martech"],"founded":"2020","title":"UserEvidence","logo":{"_type":"image","asset":{"_ref":"image-8971c330baca6fbe6e46629c9827f9b6d8ee755f-350x70-svg","_type":"reference"}},"logoScalar":null,"website":"https://userevidence.com/","companyBrandColor":"#AF80FA"}},{"coverImage":{"_type":"image","asset":{"_ref":"image-f9467140889950fb6375dd6a008f5aba451c656b-2880x1468-png","_type":"reference"}},"cta":"See the Platform","slug":{"current":"axonius","_type":"slug"},"demoUrl":"https://www.axonius.com/product-tour","screenshots":[{"_type":"image","_key":"3749a8b10ddb","asset":{"_ref":"image-29bd075a2e90d5de75765735c04b412de7283b5c-2874x1428-png","_type":"reference"}},{"_type":"image","_key":"e82f4cc5ba79","asset":{"_ref":"image-21f8459cfd6c3bc64bfd2ad601c787a20f5b8dc5-2878x1428-png","_type":"reference"}}],"category":null,"customer":{"founded":"New York, 2017","title":"Axonius","logo":{"_type":"image","asset":{"_ref":"image-55c7f858f733dbb40821f1134477cac9a552c61e-1174x233-png","_type":"reference"}},"logoScalar":null,"website":"https://www.axonius.com/","companyBrandColor":"#ff671d","industries":["Cybersecurity"]},"_id":"0f0b33aa-371b-4d9a-a4e7-901ba4630f36","title":"Axonius"},{"slug":{"_type":"slug","current":"klue"},"demoUrl":"https://klue.com/demo-arena","coverImage":{"_type":"image","asset":{"_type":"reference","_ref":"image-2412adb25c5a1e40cb1c55295c583dfde385872d-3340x1614-png"}},"screenshots":[{"_key":"6c9d17787f8ec494bde7c3d29d796a99","asset":{"_ref":"image-cc9a32a76d22de9af88cec1e890f24988846456b-2448x1282-png","_type":"reference"},"_type":"image"},{"asset":{"_ref":"image-bec4a398aebd0045680ecc4491d18342e02cb09e-3298x1529-png","_type":"reference"},"_type":"image","_key":"2d6b011bc069"}],"customer":{"title":"Klue","logo":{"_type":"image","asset":{"_ref":"image-6da1e90dbdf5edcc4c02ba7f357a91803b61ff32-588x236-svg","_type":"reference"}},"logoScalar":"0.85","website":"https://klue.com/","companyBrandColor":"#6cf7c5","industries":["MarTech"],"founded":"Vancouver, 2015"},"_id":"a584ab7d-14b1-41b8-b34f-6db9f04b5841","title":"Klue","cta":"Take the Tour","category":{"name":"MarTech","slug":{"current":"mar-tech","_type":"slug"}}},{"slug":{"_type":"slug","current":"fivetran"},"demoUrl":"https://resources.fivetran.com/demo-center/","cta":"Get Started","_id":"d1bb19c9-ae6b-438e-b9c3-5e98f00a313e","title":"Fivetran","coverImage":{"_type":"image","asset":{"_ref":"image-9f1340ed4921108f63f51b631cdaf1110887b87f-3346x1654-png","_type":"reference"}},"screenshots":[{"_type":"image","_key":"9e3f3d83f22e","asset":{"_ref":"image-31c9c0634a778034df8a34c6aa33dd30756e03c7-3296x1652-png","_type":"reference"}},{"_type":"image","_key":"5738a49451eb6ab413406e84ef4a8cd8","asset":{"_ref":"image-0d36c2315572cf8c97797673177252472bc34db0-2457x1494-png","_type":"reference"}}],"category":{"name":"Y Combinator Top Companies","slug":{"current":"yc-top-cos","_type":"slug"}},"customer":{"companyBrandColor":"#0173ff","industries":["Big Data"],"founded":"Oakland, 2012","title":"Fivetran","logo":{"_type":"image","asset":{"_ref":"image-9b8cd526d531a063a6b0c1f2cddc683d0a93828a-120x60-svg","_type":"reference"}},"logoScalar":"2","website":"https://www.fivetran.com/"}},{"_id":"9885e76a-fcf6-487a-95bf-500c13e2e6a0","slug":{"current":"dooly","_type":"slug"},"screenshots":[{"_type":"image","_key":"43d34216d38a","asset":{"_ref":"image-031d040e1ca1b7728ad26c30fd223ff8ad10fa62-3342x1972-png","_type":"reference"}},{"asset":{"_ref":"image-6ae58da570cb91f4a9a682f742ee83217a84cecf-3360x1664-png","_type":"reference"},"_type":"image","_key":"3c70e3e542b2"}],"cta":"Explore Dooly","customer":{"title":"Dooly","logo":{"_type":"image","asset":{"_ref":"image-e38541ff3e43dbb82066fe36d04d8fc981783c1f-243x72-svg","_type":"reference"}},"logoScalar":null,"website":"https://dooly.ai","companyBrandColor":"#ff1f8a","industries":["SalesTech"],"founded":"Vancouver, 2016"},"title":"Dooly","demoUrl":"https://www.dooly.ai/product-overview/","coverImage":{"_type":"image","asset":{"_ref":"image-a9da4dd1da24d7f5eb0513c341455730bea85b94-3360x2066-png","_type":"reference"}},"category":{"name":"Sales Tech","slug":{"current":"sales-tech","_type":"slug"}}},{"title":"Citrix","slug":{"current":"citrix","_type":"slug"},"category":{"name":"Security","slug":{"current":"security","_type":"slug"}},"cta":"See it in action ","customer":{"website":"https://www.citrix.com/","companyBrandColor":"#442170","industries":[" Cloud Networking","Security"],"founded":"Fort Lauderdale, 1989","title":"Citrix","logo":{"asset":{"_ref":"image-c7382be49ea6296f18749b6a09338e1f7226526d-1000x377-png","_type":"reference"},"_type":"image"},"logoScalar":null},"_id":"88b81291-08d1-469c-94de-98861be6aee3","demoUrl":"https://citrix.navattic.com/o4wuwxzq","coverImage":{"_type":"image","asset":{"_ref":"image-f15771051b2f0c092ebba46fbed853353bbabbf8-1429x785-png","_type":"reference"}},"screenshots":[{"_type":"image","_key":"c99abbef910b","asset":{"_ref":"image-00fe65cf2ebee8e84595f8d74126d7e4192314ec-1428x743-png","_type":"reference"}},{"asset":{"_ref":"image-2754ed0b9bcb80d6ee92111078045f9c9292bcf2-1419x743-png","_type":"reference"},"_type":"image","_key":"013010601332"}]},{"_id":"2e2366ce-45d9-45c9-874b-133dbde27a24","coverImage":{"_type":"image","asset":{"_ref":"image-7c174ea23ee4c0a708dbe984500cc9083b8c1bb8-3024x1580-png","_type":"reference"}},"category":{"name":"DevTools","slug":{"current":"dev-tools","_type":"slug"}},"title":"Arpio","slug":{"current":"arpio","_type":"slug"},"demoUrl":"https://arpio.io/product-tour/","screenshots":[{"_type":"image","_key":"7a0b16b3e065","asset":{"_ref":"image-5a045600757bdfdb22d1a6949fc1eb3df2299c23-1440x713-png","_type":"reference"}},{"_type":"image","_key":"ebbe42af6e2e","asset":{"_ref":"image-1eabf4ddf10547b06853c0e17613f0fcdb4ad5a4-1440x713-png","_type":"reference"}}],"cta":"Product Tour ","customer":{"website":"https://arpio.io/","companyBrandColor":"#ff3f02","industries":["DevTools","Cloud Backup"],"founded":"Durham, 2018","title":"Arpio","logo":{"_type":"image","asset":{"_ref":"image-b157dfafd9e73f5f5eddc03e5cd9af5772f5232b-172x78-svg","_type":"reference"}},"logoScalar":null}},{"coverImage":{"_type":"image","asset":{"_ref":"image-d76a6bcab7a4cee7fb7d4e95cc9015c59de71e50-1440x713-png","_type":"reference"}},"category":{"name":"Data Analytics","slug":{"current":"data-analytics","_type":"slug"}},"demoUrl":"https://atlan.com/demo/","screenshots":[{"_type":"image","_key":"f711c40ee3b5","asset":{"_ref":"image-eb02624c1fa9d9728f4f935a3199cbfb21da00fc-1440x713-png","_type":"reference"}},{"_type":"image","_key":"a53eb8ef69d1","asset":{"_type":"reference","_ref":"image-9888cb0ee4d8cde5ab9dd683a69a0662dafd1276-1440x713-png"}}],"cta":"See Product Tour ","customer":{"founded":"Singapore, 2018","title":"Atlan","logo":{"asset":{"_ref":"image-ea7afc15e1346cea9d408771d895c024731a2f21-233x73-svg","_type":"reference"},"_type":"image"},"logoScalar":"0.9","website":"https://atlan.com/","companyBrandColor":"#2026d2","industries":["Data Analytics"]},"_id":"9d41dbdc-a303-4e0e-9050-f320ebc5cd35","title":"Atlan","slug":{"current":"atlan","_type":"slug"}},{"coverImage":{"_type":"image","asset":{"_ref":"image-90de3d6ab54611ac386d44c1aebae41125034aa8-3330x1732-png","_type":"reference"}},"screenshots":[{"_type":"image","_key":"6416c2937a45","asset":{"_type":"reference","_ref":"image-2f1ae3dd55a6aa3b3a9d6bf5662ebd6282c75840-3174x1428-png"}},{"asset":{"_ref":"image-ed31474cc37bff6b9f8c492782627f6c6b91f5e5-3024x1714-png","_type":"reference"},"_type":"image","_key":"2abd04613044"}],"customer":{"founded":"San Francisco, 2017","title":"Airbase","logo":{"_type":"image","asset":{"_ref":"image-6a51f5983c3b77dba5619825a390f7acd48b33b8-152x42-svg","_type":"reference"}},"logoScalar":"1.3","website":"https://www.airbase.com/","companyBrandColor":"#ff6447 ","industries":["Spend Management"]},"category":{"name":"FinTech","slug":{"current":"fin-tech","_type":"slug"}},"_id":"1cf536a1-f4fe-4f85-a73e-bcc18116467c","title":"Airbase","slug":{"current":"airbase","_type":"slug"},"demoUrl":"https://www.airbase.com/product-tours","cta":"Take a Tour "},{"_id":"b7e6dff2-dd6e-465c-ae2f-136034b06411","title":"Mixpanel ","cta":"Take a tour","category":{"name":"Y Combinator Top Companies","slug":{"current":"yc-top-cos","_type":"slug"}},"customer":{"title":"Mixpanel","logo":{"_type":"image","asset":{"_ref":"image-5a1d11efb760b63b786d3b880d292e7311852afa-1200x403-png","_type":"reference"}},"logoScalar":"1.1","website":"https://mixpanel.com/","companyBrandColor":"#8c70fe","industries":["Product Analytics"],"founded":"San Francisco, 2009"},"slug":{"current":"mixpanel","_type":"slug"},"demoUrl":"https://mixpanel.navattic.com/xy2bkwx1f","coverImage":{"_type":"image","asset":{"_ref":"image-ad9cebcd60fbb462c5f915cd356f44a52b86db2f-2880x1506-png","_type":"reference"}},"screenshots":[{"_key":"7d0a884c143e","asset":{"_ref":"image-88d786df3ec5591b1644f21d55f3bfd9522e6d5f-2664x1546-png","_type":"reference"},"_type":"image"},{"_key":"41bdcd62d6fd","asset":{"_ref":"image-266652b768d979a1528192dada2f0ad49b252976-1876x924-png","_type":"reference"},"_type":"image"}]},{"title":"Digital Ocean","screenshots":[{"_type":"image","_key":"5c3ac252e550","asset":{"_ref":"image-64441877f8a4b710d985cc0fdb119db31002b958-2074x1262-png","_type":"reference"}},{"_type":"image","_key":"059a58eff2fc","asset":{"_ref":"image-1e428f1021c648e359c2043567a259cc74a7479f-2000x1276-png","_type":"reference"}}],"coverImage":{"_type":"image","asset":{"_ref":"image-3040f0aac8e573fd976c48c167e06bcc8ec98575-2880x1476-png","_type":"reference"}},"cta":"Take a tour","category":null,"customer":{"logoScalar":"0.8","website":"https://www.digitalocean.com/","companyBrandColor":"#0281FE","industries":["Dev Tools"],"founded":"New York, 2012","title":"Digital ocean","logo":{"_type":"image","asset":{"_ref":"image-3db19536bb52be1f3120f039a5f138c993cefa4d-603x103-png","_type":"reference"}}},"_id":"90a663c0-012d-413c-9f03-5be28e560ee1","slug":{"current":"digital-ocean","_type":"slug"},"demoUrl":"https://www.digitalocean.com/product-tours"},{"_id":"d582958e-8b21-42bb-8139-a5ed418d407e","slug":{"current":"banzai","_type":"slug"},"demoUrl":"https://www.demio.com/product/watch-a-demo","category":null,"title":"Banzai","coverImage":{"_type":"image","asset":{"_ref":"image-f69cc8fc340c8497bf7fe6d37ae1f46fb6b472bf-2880x1440-png","_type":"reference"}},"screenshots":[{"asset":{"_type":"reference","_ref":"image-e7b7db86dd239a3d88f9f13afe3d0b81aec42146-2880x1374-png"},"_type":"image","_key":"30e4c968730e"},{"_type":"image","_key":"83ac0c2885ee","asset":{"_ref":"image-7691986bcd624c6db1e74b61bb8c392040357552-2880x1440-png","_type":"reference"}}],"cta":"Try it out","customer":{"companyBrandColor":"#07243a","industries":["Marketing"],"founded":"Seattle, 2015","title":"Banzai","logo":{"_type":"image","asset":{"_ref":"image-6eecc31133454d75efcae701809eb2e199965e80-402x96-svg","_type":"reference"}},"logoScalar":null,"website":"https://www.banzai.io/"}},{"_id":"8546fac6-9709-466c-82b4-00854198b390","title":"CaptivateIQ","slug":{"_type":"slug","current":"captivateiq"},"demoUrl":"https://www.captivateiq.com/product-tour","coverImage":{"_type":"image","asset":{"_ref":"image-07daf72ab92b566229a8a631ad64ffcd24dc3ae0-1440x713-png","_type":"reference"}},"cta":"Product Tour ","customer":{"logoScalar":".8","website":"https://www.captivateiq.com/","companyBrandColor":"#0a404d","industries":["SalesTech"],"founded":"San Francisco, 2018","title":"CaptivateIQ","logo":{"_type":"image","asset":{"_ref":"image-7a111a7a2af3ac161618fa8dfef8f18e6a2de1d1-828x141-png","_type":"reference"}}},"screenshots":[{"_type":"image","_key":"bba6b6408687","asset":{"_ref":"image-1031e692504ec2c47a0a7e0adfbe62d7df8d495f-1440x713-png","_type":"reference"}},{"asset":{"_ref":"image-45b46e38b013ea7f0dcedfb7ab482da7dab4ad0e-1440x713-png","_type":"reference"},"_type":"image","_key":"107236b22eae"}],"category":{"name":"Y Combinator Top Companies","slug":{"current":"yc-top-cos","_type":"slug"}}},{"_id":"994be8b1-c229-40b4-b1aa-abc2f7f6484d","slug":{"current":"crossbeam","_type":"slug"},"screenshots":[{"_type":"image","_key":"ca2707232683","asset":{"_ref":"image-5df20d056572cd219233ee53eefa64a86f6cca6d-2818x1314-png","_type":"reference"}},{"_type":"image","_key":"636197087345","asset":{"_ref":"image-bd67b2d3a7bfddd42deac2037d5d1e554ac7b0fa-2828x1310-png","_type":"reference"}}],"category":{"name":"Sales Tech","slug":{"current":"sales-tech","_type":"slug"}},"customer":{"logo":{"_type":"image","asset":{"_ref":"image-e51eea6baebc07b9175e59e7e6b25626d5c3a4fa-1286x277-png","_type":"reference"}},"logoScalar":"1.0","website":"https://www.crossbeam.com/","companyBrandColor":"#03313f","industries":["Business Development","Analytics"],"founded":"Philadelphia, 2018","title":"Crossbeam"},"title":"Crossbeam","demoUrl":"https://www.crossbeam.com/how-it-works/crossbeam-core/","coverImage":{"asset":{"_ref":"image-790ebcaf143d7e3ec5e10d4ad3c9693ff9618af6-2830x1258-png","_type":"reference"},"_type":"image"},"cta":"Interactive Tour"},{"title":"Alkira","demoUrl":"https://capture.navattic.com/cl4h6hsdp971709l5xl4k4980","coverImage":{"_type":"image","asset":{"_type":"reference","_ref":"image-51f94c9c35cf3eaa20c11a16318404bc2e57263b-2366x1092-png"}},"category":{"name":"Security","slug":{"current":"security","_type":"slug"}},"customer":{"founded":null,"title":"Alkira","logo":{"_type":"image","asset":{"_ref":"image-a8fe0295bf7424cd9d75829d7ba22388ca7b68b7-222x70-png","_type":"reference"}},"logoScalar":null,"website":"https://www.alkira.com/","companyBrandColor":"#016df0","industries":["Cloud Networking"]},"_id":"292f2cd2-3b30-4436-a49c-663ba2696311","slug":{"current":"Alkira","_type":"slug"},"screenshots":[{"_type":"image","_key":"852657bb39b0","asset":{"_ref":"image-87f4c0b8d64d8593e855e6513d4419533bebee42-1425x744-png","_type":"reference"}},{"_type":"image","_key":"6771d697a7c3","asset":{"_ref":"image-b7e956c0cd30cf8a2a7fbc6853f39c684d014163-1428x744-png","_type":"reference"}}],"cta":"Take Tour"},{"_id":"6aa67467-a22f-47f1-8967-1bcd71eda5cd","slug":{"current":"guru","_type":"slug"},"demoUrl":"https://www.getguru.com/tour","cta":"Take a tour","title":"Guru","coverImage":{"_type":"image","asset":{"_type":"reference","_ref":"image-1af28c60990bb97b0af7a801cc8b0db5b37b24bb-2880x1506-png"}},"screenshots":[{"_type":"image","_key":"a558da823c65","asset":{"_ref":"image-5090b0ddc9d211dd8f3ee98b085f4202b15a9683-2874x1462-png","_type":"reference"}},{"_key":"189e51298241","asset":{"_ref":"image-67a56b6fabc98950c2b8dcdb08ca0dc2fd9058c2-2880x1496-png","_type":"reference"},"_type":"image"}],"category":null,"customer":{"founded":null,"title":"Guru","logo":{"_type":"image","asset":{"_ref":"image-7f58d8db175d05529359d27febcb8069a20ae49b-536x150-png","_type":"reference"}},"logoScalar":"0.9","website":"https://www.getguru.com/","companyBrandColor":"#89edce","industries":["Knowledge Management","SaaS"]}}],"preview":false},"__N_SSG":true},"page":"/","query":{},"buildId":"6xMcT4mna6bO2HRp-eZUW","isFallback":false,"isExperimentalCompile":false,"gsp":true,"scriptLoader":[]}</script><script id="mutiny-init">(function(){var a=window.mutiny=window.mutiny||{};if(!window.mutiny.client){a.client={_queue:{}};var b=["identify","trackConversion"];var c=[].concat(b,["defaultOptOut","optOut","optIn"]);var d=function factory(c){return function(){for(var d=arguments.length,e=new Array(d),f=0;f<d;f++){e[f]=arguments[f]}a.client._queue[c]=a.client._queue[c]||[];if(b.includes(c)){return new Promise(function(b,d){a.client._queue[c].push({args:e,resolve:b,reject:d});setTimeout(d,500)})}else{a.client._queue[c].push({args:e})}}};c.forEach(function(b){a.client[b]=d(b)})}})();</script><script id="mutiny" data-cfasync="false" src="https://client-registry.mutinycdn.com/personalize/client/1a3054bd309da90d.js"></script></body></html>