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="">Navattic Product Demos</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="Build high-converting demos that win. Put your most powerful marketing tool - your product - at the center of your go-to-market. Completely no-code and owned by your GTM team." 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/product-demos" data-next-head=""/><meta property="og:type" content="website" data-next-head=""/><meta property="og:title" content="Navattic Product Demos" data-next-head=""/><meta property="og:description" content="Build high-converting demos that win. Put your most powerful marketing tool - your product - at the center of your go-to-market. Completely no-code and owned by your GTM team." 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="Navattic Product Demos" data-next-head=""/><meta name="twitter:description" content="Build high-converting demos that win. Put your most powerful marketing tool - your product - at the center of your go-to-market. Completely no-code and owned by your GTM team." 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/product-demos-baab3dfecaf496eb.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="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=""><div class="relative bg-slate-50"><div class="container px-6 2xl:px-10 pt-20 flex flex-col lg:flex-row"><div class="flex flex-col pb-4 pt-10 md:pb-32 md:py-14 max-w-2xl"><span class="bg-indigo-50 border-indigo-200 text-indigo-800 mb-5 rounded-xl inline-flex px-2 py-0.5 leading-tight text-xs lg:text-sm font-medium border w-fit">Navattic Product Demos</span><div class="relative flex flex-col "><div class="space-y-10 mb-8"><h1 class="text-3xl font-semibold tracking-tight text-royal-light md:text-6xl md:leading-none">Scale demos across your <span class="text-[#455cad]">entire team</span></h1><div class="text-secondary text-lg">Put your most powerful tool - your product - at the center of your go-to-market.<span class="text-primary font-medium ml-1">Completely no-code and owned by your GTM team.</span></div><div class="flex gap-x-5"><a class="py-3 flex items-center justify-center whitespace-nowrap rounded-lg bg-[#455cad] px-6 font-medium text-white ring-2 ring-[#98A4F7]/20 ring-offset-2 dark:ring-offset-[#0B0C14] 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> <span class="hidden lg:block"><button class="btn-gray-border py-3">Try a demo<svg height="1rem" width="1rem" class="inline self-center h-4 w-4 ml-2 -mr-1"><use href="/icons/sprite.svg#lucide/mouse-pointer-square"></use></svg></button></span></div></div><div class="mt-6 flex flex-wrap gap-6 items-center leading-6 text-neutral-500"><li class="flex"><img alt="Cisco logo" loading="lazy" width="300" height="158" decoding="async" data-nimg="1" class="object-contain object-center w-full h-[30px] max-w-[130px] px-2" style="color:transparent;scale:1.5" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/fecb9fbbbcd58213fbcde8e5ef184533cef113a9-3795x2000.png?w=300&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/fecb9fbbbcd58213fbcde8e5ef184533cef113a9-3795x2000.png?w=300&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/fecb9fbbbcd58213fbcde8e5ef184533cef113a9-3795x2000.png?w=300&auto=format"/></li><li class="flex"><img alt="Gusto logo" loading="lazy" width="300" height="114" decoding="async" data-nimg="1" class="object-contain object-center w-full h-[30px] max-w-[130px] px-2" style="color:transparent;scale:1" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/2164904f8353d174d02acc869dc13e8b9d689c7b-713x271.svg?w=300&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/2164904f8353d174d02acc869dc13e8b9d689c7b-713x271.svg?w=300&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/2164904f8353d174d02acc869dc13e8b9d689c7b-713x271.svg?w=300&auto=format"/></li><li class="flex"><img alt="VTS logo" loading="lazy" width="300" height="78" decoding="async" data-nimg="1" class="object-contain object-center w-full h-[30px] max-w-[130px] px-2" style="color:transparent;scale:1" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/59591151205e040e115a7f27fe7965dab0974512-784x203.svg?w=300&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/59591151205e040e115a7f27fe7965dab0974512-784x203.svg?w=300&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/59591151205e040e115a7f27fe7965dab0974512-784x203.svg?w=300&auto=format"/></li><li class="flex"><img alt="Dropbox logo" loading="lazy" width="300" height="59" decoding="async" data-nimg="1" class="object-contain object-center w-full h-[30px] max-w-[130px] px-2" style="color:transparent;scale:.9" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/d17d02621c07da0a2ef9081263afbe5ec8d30ceb-2560x504.png?w=300&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/d17d02621c07da0a2ef9081263afbe5ec8d30ceb-2560x504.png?w=300&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/d17d02621c07da0a2ef9081263afbe5ec8d30ceb-2560x504.png?w=300&auto=format"/></li><li class="flex"><img alt="Vitally logo" loading="lazy" width="300" height="79" decoding="async" data-nimg="1" class="object-contain object-center w-full h-[30px] max-w-[130px] px-2" style="color:transparent;scale:1" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/ebbe01f69daed519ecfc6ef6d947ecb2d018f2c3-774x203.svg?w=300&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/ebbe01f69daed519ecfc6ef6d947ecb2d018f2c3-774x203.svg?w=300&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/ebbe01f69daed519ecfc6ef6d947ecb2d018f2c3-774x203.svg?w=300&auto=format"/></li><li class="flex"><img alt="Lattice logo" loading="lazy" width="300" height="54" decoding="async" data-nimg="1" class="object-contain object-center w-full h-[30px] max-w-[130px] px-2" style="color:transparent;scale:0.9" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/0e854f9a83ec346f4f6ff76966e12803330aaac1-246x44.svg?w=300&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/0e854f9a83ec346f4f6ff76966e12803330aaac1-246x44.svg?w=300&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/0e854f9a83ec346f4f6ff76966e12803330aaac1-246x44.svg?w=300&auto=format"/></li><li class="flex"><img alt="Pure Storage logo" loading="lazy" width="300" height="53" decoding="async" data-nimg="1" class="object-contain object-center w-full h-[30px] max-w-[130px] px-2" style="color:transparent;scale:0.8" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/fbb3db0038b4cf60798fd201d5841100c61c6999-2560x448.png?w=300&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/fbb3db0038b4cf60798fd201d5841100c61c6999-2560x448.png?w=300&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/fbb3db0038b4cf60798fd201d5841100c61c6999-2560x448.png?w=300&auto=format"/></li><li class="flex"><img alt="Intuit logo" loading="lazy" width="300" height="90" decoding="async" data-nimg="1" class="object-contain object-center w-full h-[30px] max-w-[130px] px-2" style="color:transparent" srcSet="https://cdn.sanity.io/images/8czhh5u2/production/2cd142fdf78243e7d1feb6eca5591edb456dcb5a-1200x361.png?w=300&auto=format 1x, https://cdn.sanity.io/images/8czhh5u2/production/2cd142fdf78243e7d1feb6eca5591edb456dcb5a-1200x361.png?w=300&auto=format 2x" src="https://cdn.sanity.io/images/8czhh5u2/production/2cd142fdf78243e7d1feb6eca5591edb456dcb5a-1200x361.png?w=300&auto=format"/></li></div></div></div><div class="relative "><div class="md:ml-20 md:-mr-20 pt-20"><div class="relative max-w-lg -mt-3"><div class="absolute top-0 z-10 h-5 w-full bg-gradient-to-b from-slate-50"></div><ul role="list" class="-mb-8"><li><div class="relative pb-6"><span class="absolute left-3.5 top-0 -ml-px h-full w-0.5 bg-slate-200/60" aria-hidden="true"></span><div class="relative flex space-x-3"><div class="flex min-w-0 flex-1 justify-between space-x-4 pt-1.5"></div></div></div></li><li><div class="relative pb-8"><span class="absolute left-3.5 top-0 -ml-px h-full w-0.5 bg-slate-200/60" aria-hidden="true"></span><div class="relative flex space-x-3"><div><span class="flex h-7 w-7 items-center justify-center rounded-full bg-slate-200 "><svg class="h-4 w-4 text-slate-400 " viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M10 8a3 3 0 100-6 3 3 0 000 6zM3.465 14.493a1.23 1.23 0 00.41 1.412A9.957 9.957 0 0010 18c2.31 0 4.438-.784 6.131-2.1.43-.333.604-.903.408-1.41a7.002 7.002 0 00-13.074.003z"></path></svg></span></div><div class="flex min-w-0 flex-1 justify-between space-x-4 pt-1.5"><div><p class="text-sm text-slate-500">Visitor viewed <span class="font-medium text-slate-900">Website demo</span></p></div></div></div></div></li><li><div class="relative pb-8"><span class="absolute left-3.5 top-4 -ml-px h-full w-0.5 bg-slate-200/60" aria-hidden="true"></span><div class="relative flex space-x-3"><div><span class="flex h-7 w-7 items-center justify-center rounded-full bg-[#455cad] border"><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="h-3.5 w-3.5 text-white"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"></path><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"></path><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"></path><path d="M10 6h4"></path><path d="M10 10h4"></path><path d="M10 14h4"></path><path d="M10 18h4"></path></svg></span></div><div class="flex min-w-0 flex-1 justify-between space-x-4 pt-1.5"><div><p class="text-sm text-slate-500">Lead requested a demo</p></div></div></div></div></li><li><div class="relative pb-8"><span class="absolute left-3.5 top-4 -ml-px h-full w-0.5 bg-slate-200/60" aria-hidden="true"></span><div class="relative flex space-x-3"><div><span class="flex h-7 w-7 items-center justify-center rounded-full bg-slate-200 "><svg class="h-4 w-4 text-slate-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M10 8a3 3 0 100-6 3 3 0 000 6zM3.465 14.493a1.23 1.23 0 00.41 1.412A9.957 9.957 0 0010 18c2.31 0 4.438-.784 6.131-2.1.43-.333.604-.903.408-1.41a7.002 7.002 0 00-13.074.003z"></path></svg></span></div><div class="flex min-w-0 flex-1 justify-between space-x-4 pt-1.5"><div><p class="text-sm text-slate-500">Completed <span class="font-medium text-slate-900">Demo leave behind</span></p></div></div></div></div></li><li><div class="relative pb-5"><span class="absolute left-3.5 top-4 -ml-px h-full w-0.5 bg-slate-200/60" aria-hidden="true"></span><div class="relative flex space-x-3"><div><span class="flex h-7 w-7 items-center justify-center rounded-full bg-green-600"><svg class="h-4 w-4 text-white" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd"></path></svg></span></div><div class="flex min-w-0 flex-1 justify-between space-x-4 pt-1.5"><div><p class="text-sm text-slate-500">Closed won</p></div></div></div></div></li></ul><div class="absolute -bottom-2 z-10 h-10 w-full bg-gradient-to-t from-slate-50"></div></div><div class="mt-10"><div class="relative w-[450px]"><div class=" rounded-2xl bg-gradient-to-b from-slate-100 to-slate-200 p-2 "><div class="relative max-w-md w-full rounded-lg border 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-slate-200/60"></div><div class="h-2.5 w-2.5 rounded-full border border-gray-300 bg-slate-200/60"></div><div class="h-2.5 w-2.5 rounded-full border border-gray-300 bg-slate-200/60"></div></div><div class="flex h-full flex-1 items-center justify-center text-center"><div class="relative overflow-hidden rounded-md bg-slate-100 px-2 text-xs leading-5 text-gray-600"><span class="relative">ramp.com/demo...</span></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"><img src="/img/logos/glyph/ramp.jpeg" class="h-4 w-4 rounded-full"/>Ramp</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-slate-200/60"></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-slate-200/60"></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" style="background-color:#1E322D;border-color:#1E322D">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" style="color:#1E322D"><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 class="absolute bottom-0 z-10 h-20 w-full bg-gradient-to-t from-slate-50"></div></div></div></div></div></div></div><div class="bg-slate-50 mb-20"><div class="container py-20 px-6 2xl:px-10"><div class=" grid gap-8 sm:grid-cols-2 lg:grid-cols-4"><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 font-semibold leading-tight">Capture any app</h3><div class="prose"><p class="text-sm">One-click to capture your app in a pixel-perfect state.</p></div><div class="mt-5 flex flex-wrap gap-x-3 gap-y-2"><a class=" gap-sm group inline-flex h-auto cursor-pointer items-center justify-center whitespace-nowrap rounded-full p-0 text-center text-sm font-semibold no-underline transition hover:text-[#455cad] focus:outline-none disabled:cursor-not-allowed disabled:text-gray-600" href="/product-demos#capture">Learn more<svg class="mt-0.5 ml-2 -mr-1 stroke-2" fill="none" width="10" height="10" viewBox="0 0 10 10" stroke="#455cad" aria-hidden="true"><path class="opacity-0 transition group-hover:opacity-100" d="M0 5h7"></path><path class="transition group-hover:translate-x-[3px]" d="M1 1l4 4-4 4"></path></svg></a></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="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path><path d="M13 8H7" class="stroke-purple-400"></path><path d="M17 12H7" 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 font-semibold leading-tight">Build demos in minutes</h3><div class="prose"><p class="text-sm">Easily assemble interactive guides in a drag-and-drop editor.</p></div><div class="mt-5 flex flex-wrap gap-x-3 gap-y-2"><a class=" gap-sm group inline-flex h-auto cursor-pointer items-center justify-center whitespace-nowrap rounded-full p-0 text-center text-sm font-semibold no-underline transition hover:text-[#455cad] focus:outline-none disabled:cursor-not-allowed disabled:text-gray-600" href="/product-demos#build">Learn more<svg class="mt-0.5 ml-2 -mr-1 stroke-2" fill="none" width="10" height="10" viewBox="0 0 10 10" stroke="#455cad" aria-hidden="true"><path class="opacity-0 transition group-hover:opacity-100" d="M0 5h7"></path><path class="transition group-hover:translate-x-[3px]" d="M1 1l4 4-4 4"></path></svg></a></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="M20 7h-9"></path><path d="M14 17H5"></path><circle cx="17" cy="17" r="3" class="stroke-purple-400"></circle><circle cx="7" cy="7" r="3" class="stroke-purple-400"></circle></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 font-semibold leading-tight">Customize everything</h3><div class="prose"><p class="text-sm">Change colors, fonts, and anything you need to match your brand.</p></div><div class="mt-5 flex flex-wrap gap-x-3 gap-y-2"><a class=" gap-sm group inline-flex h-auto cursor-pointer items-center justify-center whitespace-nowrap rounded-full p-0 text-center text-sm font-semibold no-underline transition hover:text-[#455cad] focus:outline-none disabled:cursor-not-allowed disabled:text-gray-600" href="/product-demos#customize">Learn more<svg class="mt-0.5 ml-2 -mr-1 stroke-2" fill="none" width="10" height="10" viewBox="0 0 10 10" stroke="#455cad" aria-hidden="true"><path class="opacity-0 transition group-hover:opacity-100" d="M0 5h7"></path><path class="transition group-hover:translate-x-[3px]" d="M1 1l4 4-4 4"></path></svg></a></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" class="lucide lucide-link"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" 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 font-semibold leading-tight">Share anywhere</h3><div class="prose"><p class="text-sm">Embed on your marketing website or share a link with individual prospects.</p></div><div class="mt-5 flex flex-wrap gap-x-3 gap-y-2"><a class=" gap-sm group inline-flex h-auto cursor-pointer items-center justify-center whitespace-nowrap rounded-full p-0 text-center text-sm font-semibold no-underline transition hover:text-[#455cad] focus:outline-none disabled:cursor-not-allowed disabled:text-gray-600" href="/product-demos#embed">Learn more<svg class="mt-0.5 ml-2 -mr-1 stroke-2" fill="none" width="10" height="10" viewBox="0 0 10 10" stroke="#455cad" aria-hidden="true"><path class="opacity-0 transition group-hover:opacity-100" d="M0 5h7"></path><path class="transition group-hover:translate-x-[3px]" d="M1 1l4 4-4 4"></path></svg></a></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="anchor" id="capture"></div><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">Capture</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"><a class="group" href="/product-demos#capture">Capture the look, feel, and interactions of your app<svg height="1rem" width="1rem" class="inline self-center h-5 w-5 ml-2 invisible group-hover:visible"><use href="/icons/sprite.svg#lucide/link"></use></svg></a></div><div class="text-slate-600 sm:mx-auto md:mx-0 md:max-w-[440px] text-left md:text-center lg:text-left">Any web application can be captured in a pixel-perfect state that maintains hover states, animations, and other dynamic interactions.</div><div class="w-auto"><div class="gap-y-2 gap-x-2 grid grid-cols-2 my-4 text-[#455cad]"><div class="inline-flex items-center gap-x-3 text-left"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 fill-indigo-50 shrink-0"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Pixel-perfect demos</div><div class="inline-flex items-center gap-x-3 text-left"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 fill-indigo-50 shrink-0"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Continuous capture</div><div class="inline-flex items-center gap-x-3 text-left"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 fill-indigo-50 shrink-0"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Web, Mobile, Desktop apps</div><div class="inline-flex items-center gap-x-3 text-left"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 fill-indigo-50 shrink-0"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Scroll and hover interactions</div></div></div></div><div class=" h-[400px] sm:h-[500px] md:overflow-hidden flex basis-full relative w-fit items-center justify-center"><div class="scale-[1.1] absolute md:-right-[10%] top-0 md:top-[20%] m-auto flex w-fit rounded-2xl bg-gradient-to-b from-gray-100/50 to-gray-200/50 p-2 shadow-xl shadow-black/10 md:absolute"><div class="relative bg-white w-full overflow-hidden rounded-lg border "><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 app</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></div></div><div class="scale-[.9] absolute left-[30%] md:top-[30%] m-auto flex h-[280px] w-[180px] rounded-2xl bg-white bg-gradient-to-b from-gray-100/50 to-gray-200/50 p-2 shadow-xl shadow-black/10 md:absolute"><div class="relative w-full overflow-hidden rounded-lg border"><div class="relative bg-white w-full overflow-hidden rounded-lg border"><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 mobile app</div></div><div class="space-y-3 p-3 py-4"><div class="flex flex-col gap-3"><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-2 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="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-2 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="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-2 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></div></div></div><div class="absolute md:top-[60%] md:left-[25%] flex w-[400px] items-center justify-between rounded-lg border border-gray-400 bg-gradient-to-r from-[#191d30] to-slate-900 px-5 py-4 shadow-lg"><svg class="h-5" viewBox="0 0 120 105" fill="none"><path d="M40.7053 85.136L38.0569 89.4779C32.0644 99.3022 21.1018 104.976 9.61895 104.196L6.09945 103.946C2.14821 103.65 0.122758 103.43 0.0231049 103.288C-0.195132 102.977 1.13264 97.23 4.00642 86.0471C18.6707 79.5357 30.9037 79.2319 40.7053 85.136ZM106.572 57.6965L101.404 79.7382C101.408 79.9112 101.318 80.075 101.166 80.158C71.9355 96.3303 35.7515 61.6904 6.50861 77.3742C6.19598 77.5427 5.90986 77.484 5.90075 77.126L10.9407 56.6613C10.9363 56.4859 11.0268 56.3246 11.1784 56.2415C40.4088 40.0692 77.6559 75.2497 105.531 57.2712C105.803 57.0954 106.563 57.3385 106.572 57.6965ZM113.457 27.8977L108.288 49.9394C108.293 50.1124 108.202 50.2761 108.05 50.3592C78.82 66.5315 42.6361 31.8915 13.3932 47.5754C13.0805 47.7439 12.7944 47.6852 12.7853 47.3272L17.8253 26.8625C17.8208 26.6871 17.9113 26.5258 18.063 26.4427C47.2934 10.2704 84.5404 45.4509 112.415 27.4724C112.688 27.2966 113.448 27.5397 113.457 27.8977ZM119.165 0.0654184C119.41 0.356418 117.81 6.45056 114.366 18.3478C100.473 26.0205 88.387 27.343 78.108 22.3156L80.9672 16.9707C85.9479 7.65988 95.3449 1.54212 105.876 0.754121L113.352 0.231126C117.122 -0.00493336 119.06 -0.0601692 119.165 0.0654184Z" fill="#fff"></path></svg><div class="rounded-md border border-white/50 bg-white/20 px-2 py-1 text-sm text-white ring-2 ring-white/20">Capture</div></div></div></div></div><div class="container"><div class="anchor" id="build"></div><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-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">Build</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"><a class="group" href="/product-demos#build">Build your high-converting demo in minutes<svg height="1rem" width="1rem" class="inline self-center h-5 w-5 ml-2 invisible group-hover:visible"><use href="/icons/sprite.svg#lucide/link"></use></svg></a></div><div class="text-slate-600 sm:mx-auto md:mx-0 md:max-w-[440px] text-left md:text-center lg:text-left">Assemble with ease with our drag-and-drop editor. Add text, images, and videos to tell the perfect story. Use triggers, beacons, and CTAs to engage users.</div><div class="w-auto"><div class="gap-y-2 gap-x-2 grid grid-cols-2 my-4 text-[#455cad]"><div class="inline-flex items-center gap-x-3 text-left"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 fill-indigo-50 shrink-0"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Storyboard builder</div><div class="inline-flex items-center gap-x-3 text-left"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 fill-indigo-50 shrink-0"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Beacons & Highlights</div><div class="inline-flex items-center gap-x-3 text-left"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 fill-indigo-50 shrink-0"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Input + element triggers</div><div class="inline-flex items-center gap-x-3 text-left"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 fill-indigo-50 shrink-0"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Navattic forms</div></div></div></div><div class=" h-[400px] sm:h-[500px] md:overflow-hidden flex basis-full relative w-fit items-center justify-center"><div class="absolute bottom-[20%] right-[5%] w-[350px] rounded-lg border bg-white shadow-gray-200"><div class="flex items-center px-4 pt-3"><div class="ml-2 mr-1 text-xl">1.</div><div class="mx-1 flex w-full flex-col gap-2 text-xl"><div class="flex h-10 items-center justify-between overflow-hidden rounded-md bg-white p-0 text-sm font-normal leading-5 text-gray-900 transition duration-100 ease-in-out hover:border-gray-400 disabled:cursor-not-allowed"><div class="ml-2 mr-5 flex h-4 flex-grow items-center gap-2 rounded-md bg-gray-100 px-3"></div></div></div><div class="flex"><svg width="1rem" height="21px" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="text-gray-200 transition duration-200"><path stroke="none" d="M0 0h24v24H0z"></path><path d="M5 5 v14 a2 2 0 0 0 2.75 1.84 l12.25 -7.1 a2 2 0 0 0 0 -3.5 l-12.25 -7.1 a2 2 0 0 0 -2.75 1.75" fill="currentColor"></path></svg></div></div><div class="px-4 pb-8"><div class="mt-2"><div class="transition-border mb-2 flex w-full rounded border border-gray-100 bg-white duration-200 focus:border-blue-primary focus:outline-none focus:ring-2 focus:ring-blue-200"><div class="flex flex-1 items-center p-4"><div class="flex flex-1 items-center"><svg width="1rem" height="1rem" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="mr-4 h-5 w-5 text-blue-500"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 20l-3 -3h-2a3 3 0 0 1 -3 -3v-6a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-2l-3 3"></path><line x1="8" y1="9" x2="16" y2="9"></line><line x1="8" y1="13" x2="14" y2="13"></line></svg><div class="text-base capitalize">Modal</div></div><div class="relative flex justify-end text-left"><div class="rounded-md border border-gray-300/0 px-2 py-0.5 shadow-none transition-shadow duration-100 ease-in-out focus:outline-none focus:ring active:border-gray-300/100 active:shadow"><svg width="1rem" height="1rem" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5 text-gray-300 "><path d="M6.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM12.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM18.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"></path></svg></div></div></div></div></div><div class="mt-4 min-h-[100px] w-full rounded-xl border shadow-2xl shadow-gray-200"><div class="space-y-2 p-8"><div class="h-2 w-[60px] rounded-md bg-gray-100"></div><div class="h-2 w-[150px] rounded-md bg-gray-100"></div><div class="h-2 w-[130px] rounded-md bg-gray-100"></div></div><div class="flex w-full justify-between border-t px-4 py-2"><div class="rounded-md border px-2 py-1 text-sm text-zinc-600">Back</div><div class="rounded-md border bg-zinc-900 px-2 py-1 text-sm text-white">Next</div></div></div></div></div><div class="absolute bottom-[10%] left-[10%] "><div class="relative"><div class="absolute left-0 top-0"><div class="h-3 w-3 rounded-full bg-[#791b83] ring-[10px] ring-[#791b83]/20"></div></div><div class="border w-[300px] bg-white p-5 rounded-lg shadow-xl shadow-gray-200"><div class="w-full overflow-hidden rounded-xl border "><div class="flex text-white items-center gap-x-3 text-xs py-2 px-3 bg-[#791b83]"><div class="h-2 w-2 rounded-full bg-white ring-[5px] ring-white/20"></div>Beacon</div><div class="p-4"><div class="overflow-hidden rounded-md border border-blue-200 shadow-sm shadow-blue-300/20"><div><div class="flex items-center justify-between p-2"><div class="flex items-center text-base text-blue-primary px-1"><svg width="1rem" height="1rem" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z"></path><path d="M4 8v-2a2 2 0 0 1 2 -2h2"></path><path d="M4 16v2a2 2 0 0 0 2 2h2"></path><path d="M16 4h2a2 2 0 0 1 2 2v2"></path><path d="M16 20h2a2 2 0 0 0 2 -2v-2"></path><line x1="9" y1="12" x2="15" y2="12"></line><line x1="12" y1="9" x2="12" y2="15"></line></svg><div class="ml-2">Select element</div></div></div></div></div><div class="mt-4 bg-white border py-3 rounded-lg text-gray-500 flex items-center justify-between px-2 text-sm"><div class="flex items-center px-1"><div class="rounded text-white p-1 bg-cyan-500"><svg width="1rem" height="1rem" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 9h8v-3.586a1 1 0 0 1 1.707 -.707l6.586 6.586a1 1 0 0 1 0 1.414l-6.586 6.586a1 1 0 0 1 -1.707 -.707v-3.586h-8a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1z"></path></svg></div><div class="pl-2">Go to next step</div></div><div class="flex items-center gap-x-4"><div class="flex items-center"><div class="ml-2 rounded hover:bg-white/10"></div></div></div></div></div></div></div></div></div></div></div></div><div class="container"><div class="anchor" id="customize"></div><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">Customize</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"><a class="group" href="/product-demos#customize">Edit data in your application to tell the perfect story<svg height="1rem" width="1rem" class="inline self-center h-5 w-5 ml-2 invisible group-hover:visible"><use href="/icons/sprite.svg#lucide/link"></use></svg></a></div><div class="text-slate-600 sm:mx-auto md:mx-0 md:max-w-[440px] text-left md:text-center lg:text-left">Change the text, images, blur, or delete elements to clean up demo data. Use Find & Replace and Personalization variables to customize your demo for audiences at scale.</div><div class="w-auto"><div class="gap-y-2 gap-x-2 grid grid-cols-2 my-4 text-[#455cad]"><div class="inline-flex items-center gap-x-3 text-left"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 fill-indigo-50 shrink-0"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Text and Image Blur</div><div class="inline-flex items-center gap-x-3 text-left"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 fill-indigo-50 shrink-0"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Global Find & Replace</div><div class="inline-flex items-center gap-x-3 text-left"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 fill-indigo-50 shrink-0"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Date replacements</div><div class="inline-flex items-center gap-x-3 text-left"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 fill-indigo-50 shrink-0"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Personalization variables</div></div></div></div><div class="h-[400px] sm:h-[500px] flex basis-full relative w-fit items-center justify-center"><div class="border bg-white rounded-lg px-4 py-3 absolute md:top-[25%] md:right-[10%] "><div class="flex gap-x-3 font-medium text-gray-700">Weekly Lead Report<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-indigo-500 h-5 w-5 mt-2"><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><img class=" max-h-[250px]" src="/img/time-series-chart.png" alt="Time series chart"/></div><div class="absolute right-0 md:right-[8%] top-0 md:top-[35%] max-w-[270px] overflow-hidden rounded-lg border bg-white shadow-xl shadow-gray-200"><div class="z-10 flex w-full items-center justify-between border-b border-gray-100 bg-white p-2 pr-4"><div class="flex items-center pointer-events-none"><div class="flex"><button class="mr-1 rounded border border-gray-200 p-1 px-2"><svg width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" class="h-5 w-5 text-gray-600" aria-hidden="true"><path d="M7 11L12 6M12 6L17 11M12 6V18" stroke="#111827" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><button class="cursor-not-allowed rounded border border-gray-200 p-1 px-2 opacity-50"><svg width="1rem" height="1rem" viewBox="0 0 24 24" fill="none" class="h-5 w-5 text-gray-600" aria-hidden="true"><path d="M17 13L12 18M12 18L7 13M12 18L12 6" stroke="#111827" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div><span class="ml-3 rounded bg-blue-100 p-1.5 px-2.5 text-xs font-medium uppercase text-blue-800">H3</span></div></div><div class="px-4 py-3 pb-6"><div class="text-sm font-medium text-gray-700">Text</div><input class="w-full border-gray-300 ring-2 ring-blue-200 mt-1 truncate rounded-md border px-3 py-2 text-gray-600 focus:outline-none" value="Weekly Lead Report"/><div class="mt-4 flex pointer-events-none"><div class="mr-2"><div class="w-full"><div class="relative mb-2 mr-0 rounded-md shadow-sm"><input inputMode="numeric" name="font-size" class="input-base rounded-md mt-0 w-full border border-gray-300 pl-3 pr-8 text-gray-600 shadow-none" placeholder="0" type="number" min="0" max="100" value="13"/><div class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"><span class="text-gray-500 sm:text-sm">px</span></div></div></div></div><div class="mb-0 flex-1 pointer-events-none"><div class="relative w-full flex-1"><button class="listbox-base border-gray-300 text-base text-gray-600 shadow-sm" id="headlessui-listbox-button-:rn:" type="button" aria-haspopup="listbox" aria-expanded="false" data-headlessui-state=""><div class="flex items-center"><span class="block truncate">Normal</span><span class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2"><svg width="1rem" height="1rem" viewBox="0 0 20 20" fill="none" class="h-4 w-4 text-gray-400" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 3C10.2652 3 10.5196 3.10536 10.7071 3.29289L13.7071 6.29289C14.0976 6.68342 14.0976 7.31658 13.7071 7.70711C13.3166 8.09763 12.6834 8.09763 12.2929 7.70711L10 5.41421L7.70711 7.70711C7.31658 8.09763 6.68342 8.09763 6.29289 7.70711C5.90237 7.31658 5.90237 6.68342 6.29289 6.29289L9.29289 3.29289C9.48043 3.10536 9.73478 3 10 3ZM6.29289 12.2929C6.68342 11.9024 7.31658 11.9024 7.70711 12.2929L10 14.5858L12.2929 12.2929C12.6834 11.9024 13.3166 11.9024 13.7071 12.2929C14.0976 12.6834 14.0976 13.3166 13.7071 13.7071L10.7071 16.7071C10.3166 17.0976 9.68342 17.0976 9.29289 16.7071L6.29289 13.7071C5.90237 13.3166 5.90237 12.6834 6.29289 12.2929Z" fill="currentColor"></path></svg></span></div></button></div></div></div><div class="mt-2 flex justify-between pointer-events-none"><div class="mr-2 flex-1" data-headlessui-state=""><div class="flex-1"><button class="input-base mb-0 mt-0 flex w-full border border-gray-300"><div class="ml-3 text-gray-500">#355d96</div></button></div></div><span class="relative z-0 inline-flex rounded-md shadow-sm"><button type="button" class="focus:border-blue-primary relative inline-flex items-center rounded-l-md border border-gray-300 bg-white px-2 py-1 text-base font-medium hover:bg-gray-50 focus:z-10 focus:outline-none focus:ring-1 focus:ring-blue-200"><svg width="1rem" height="1rem" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><line x1="4" y1="6" x2="20" y2="6"></line><line x1="4" y1="12" x2="14" y2="12"></line><line x1="4" y1="18" x2="18" y2="18"></line></svg></button><button type="button" class="focus:border-blue-primary relative inline-flex items-center border border-x-0 border-gray-300 bg-white px-2 py-1 text-base font-medium focus:z-10 focus:outline-none focus:ring-1 focus:ring-blue-200"><svg width="1rem" height="1rem" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><line x1="4" y1="6" x2="20" y2="6"></line><line x1="8" y1="12" x2="16" y2="12"></line><line x1="6" y1="18" x2="18" y2="18"></line></svg></button><button type="button" class="focus:border-blue-primary relative inline-flex items-center rounded-r-md border border-gray-300 bg-white px-2 py-1 text-base font-medium hover:bg-gray-50 focus:z-10 focus:outline-none focus:ring-1 focus:ring-blue-200"><svg width="1rem" height="1rem" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><line x1="4" y1="6" x2="20" y2="6"></line><line x1="10" y1="12" x2="20" y2="12"></line><line x1="6" y1="18" x2="20" y2="18"></line></svg></button></span></div></div></div></div></div></div><div class="container"><div class="anchor" id="embed"></div><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-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">Share</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"><a class="group" href="/product-demos#embed">Embed on your website and share with prospects<svg height="1rem" width="1rem" class="inline self-center h-5 w-5 ml-2 invisible group-hover:visible"><use href="/icons/sprite.svg#lucide/link"></use></svg></a></div><div class="text-slate-600 sm:mx-auto md:mx-0 md:max-w-[440px] text-left md:text-center lg:text-left">Add a "Try a Demo" CTA to your website to increase product qualified leads or share directly with champions or key accounts.</div><div class="w-auto"><div class="gap-y-2 gap-x-2 grid grid-cols-2 my-4 text-[#455cad]"><div class="inline-flex items-center gap-x-3 text-left"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 fill-indigo-50 shrink-0"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Website Embed</div><div class="inline-flex items-center gap-x-3 text-left"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 fill-indigo-50 shrink-0"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Custom share links</div><div class="inline-flex items-center gap-x-3 text-left"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 fill-indigo-50 shrink-0"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Responsive scaling</div><div class="inline-flex items-center gap-x-3 text-left"><svg height="1rem" width="1rem" class="inline self-center h-4 w-4 fill-indigo-50 shrink-0"><use href="/icons/sprite.svg#lucide/check-circle-2"></use></svg>Password protection</div></div></div></div><div class="flex basis-full relative lg:pl-20"><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><div class="pb-32"><div class="anchor" id="more"></div><div class="container py-20 px-6 2xl:px-10"><div class=" grid gap-8 sm:grid-cols-2 lg:grid-cols-4"><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="M2 21a8 8 0 0 1 13.292-6"></path><circle cx="10" cy="8" r="5"></circle><path d="m16 19 2 2 4-4" 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 font-semibold leading-tight">Personalized demos</h3><div class="prose"><p class="text-sm">Use dynamic variables to personalize demos for each visitor.</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="M8.5 16.5a5 5 0 0 1 7 0"></path><path d="M2 8.82a15 15 0 0 1 4.17-2.65"></path><path d="M10.66 5c4.01-.36 8.14.9 11.34 3.76"></path><path d="M16.85 11.25a10 10 0 0 1 2.22 1.68"></path><path d="M5 13a10 10 0 0 1 5.24-2.76"></path><line x1="12" x2="12.01" y1="20" y2="20"></line><line x1="2" x2="22" y1="2" y2="22" class="stroke-purple-400"></line></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 font-semibold leading-tight">Offline support</h3><div class="prose"><p class="text-sm">Download demos to use them offline at conferences and tradeshows.</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"><line x1="4" x2="4" y1="21" y2="14" class="stroke-purple-400"></line><line x1="4" x2="4" y1="10" y2="3"></line><line x1="12" x2="12" y1="21" y2="12" class="stroke-purple-400"></line><line x1="12" x2="12" y1="8" y2="3"></line><line x1="20" x2="20" y1="21" y2="16" class="stroke-purple-400"></line><line x1="20" x2="20" y1="12" y2="3"></line><line x1="2" x2="6" y1="14" y2="14"></line><line x1="10" x2="14" y1="8" y2="8"></line><line x1="18" x2="22" y1="16" y2="16"></line></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 font-semibold leading-tight">Connected demos</h3><div class="prose"><p class="text-sm">Connected to the tracking scripts you already use on your website.</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="M7 2h10" class="stroke-purple-400"></path><path d="M5 6h14" class="stroke-purple-400"></path><rect width="18" height="12" x="3" y="10" 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 font-semibold leading-tight">Version control</h3><div class="prose"><p class="text-sm">Save and restore previous versions of demos to compare changes.</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="m3 17 2 2 4-4"></path><path d="m3 7 2 2 4-4"></path><path d="M13 6h8" class="stroke-purple-400"></path><path d="M13 12h8" class="stroke-purple-400"></path><path d="M13 18h8" 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 font-semibold leading-tight">Checklists</h3><div class="prose"><p class="text-sm">Allow visitors to select what they are interested in learning about.</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="M5 4h1a3 3 0 0 1 3 3 3 3 0 0 1 3-3h1"></path><path d="M13 20h-1a3 3 0 0 1-3-3 3 3 0 0 1-3 3H5"></path><path d="M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1" class="stroke-purple-400"></path><path d="M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7" class="stroke-purple-400"></path><path d="M9 7v10"></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 font-semibold leading-tight">Input triggers</h3><div class="prose"><p class="text-sm">Create custom trigger actions for users interacting with your demo.</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="13.5" cy="6.5" r=".5" class="stroke-purple-400"></circle><circle cx="17.5" cy="10.5" r=".5" class="stroke-purple-400"></circle><circle cx="8.5" cy="7.5" r=".5" class="stroke-purple-400"></circle><circle cx="6.5" cy="12.5" r=".5" class="stroke-purple-400"></circle><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></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 font-semibold leading-tight">Custom themes</h3><div class="prose"><p class="text-sm">Edit colors, fonts, and anything you need to perfectly match your brand.</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="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" 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 font-semibold leading-tight">Share links</h3><div class="prose"><p class="text-sm">Create and track individual links custom to each prospect.</p></div></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":{"preview":false,"customerLogoGrid":[{"_id":"0ab312bb-9de8-46d2-9940-bb50665abe35","title":"Cisco","website":"https://www.cisco.com/","logo":{"_type":"image","asset":{"_ref":"image-fecb9fbbbcd58213fbcde8e5ef184533cef113a9-3795x2000-png","_type":"reference"}},"logoScalar":"1.5"},{"website":"https://gusto.com/","logo":{"_type":"image","asset":{"_ref":"image-2164904f8353d174d02acc869dc13e8b9d689c7b-713x271-svg","_type":"reference"}},"logoScalar":"1","_id":"0489ee96-bab6-4633-8355-1137d119fc04","title":"Gusto"},{"_id":"73ec2c15-fb5f-427b-bcb2-0e2b08c39563","title":"VTS","website":"https://www.vts.com/","logo":{"_type":"image","asset":{"_ref":"image-59591151205e040e115a7f27fe7965dab0974512-784x203-svg","_type":"reference"}},"logoScalar":"1"},{"_id":"d7dc43ef-7ab2-4e59-8831-2bacb5f2ee61","title":"Dropbox","website":"https://www.dropbox.com/home","logo":{"_type":"image","asset":{"_type":"reference","_ref":"image-d17d02621c07da0a2ef9081263afbe5ec8d30ceb-2560x504-png"}},"logoScalar":".9"},{"_id":"cc4f0260-579c-4943-b17b-3423de284d93","title":"Vitally","website":"https://www.vitally.io/","logo":{"_type":"image","asset":{"_ref":"image-ebbe01f69daed519ecfc6ef6d947ecb2d018f2c3-774x203-svg","_type":"reference"}},"logoScalar":"1"},{"title":"Lattice","website":"https://lattice.com/","logo":{"asset":{"_ref":"image-0e854f9a83ec346f4f6ff76966e12803330aaac1-246x44-svg","_type":"reference"},"_type":"image"},"logoScalar":"0.9","_id":"e88b0269-00c8-40d5-9e58-350cdf5667b1"},{"_id":"72f38319-67f6-4d14-af1b-3f6c99198e09","title":"Pure Storage","website":"https://www.purestorage.com/","logo":{"_type":"image","asset":{"_type":"reference","_ref":"image-fbb3db0038b4cf60798fd201d5841100c61c6999-2560x448-png"}},"logoScalar":"0.8"},{"website":"https://www.intuit.com/","logo":{"_type":"image","asset":{"_ref":"image-2cd142fdf78243e7d1feb6eca5591edb456dcb5a-1200x361-png","_type":"reference"}},"logoScalar":null,"_id":"842c4e11-fb83-4520-921b-e5c30637fbf3","title":"Intuit"},{"_id":"b3445982-4597-4d29-bb6d-dc4004c8b2d6","title":"Datadog","website":"https://www.datadoghq.com/","logo":{"_type":"image","asset":{"_type":"reference","_ref":"image-13f4ee4cdeb2287ac776c7046a31d44f15f11b58-1200x630-png"}},"logoScalar":"2.2"},{"website":"https://www.toyota.com/","logo":{"_type":"image","asset":{"_ref":"image-a44647a3adc6e39cb1f92846ed1f2ea1a14818a8-774x127-svg","_type":"reference"}},"logoScalar":"0.75","_id":"1f57bd31-68cb-40d2-a6cf-59d0937a260a","title":"Toyota"},{"website":"https://about.gitlab.com/","logo":{"_type":"image","asset":{"_ref":"image-59b23011f91752890264b84a18574a70e8e36bfa-768x166-svg","_type":"reference"}},"logoScalar":"0.8","_id":"e7dcb0e0-e1c6-4b87-94de-362027e55792","title":"GitLab"},{"logoScalar":"0.7","_id":"2a2178fc-d7bd-4b3d-b980-5ee60a886ff4","title":"Autodesk","website":"https://www.autodesk.com/","logo":{"_type":"image","asset":{"_ref":"image-995fafad0643568d497403259242512518c883ac-2880x317-png","_type":"reference"}}},{"title":"Informatica","website":"https://www.informatica.com/","logo":{"asset":{"_ref":"image-9d60ef37a061a533eb00ac849559d896b9cc2c36-5000x1224-png","_type":"reference"},"_type":"image"},"logoScalar":"1.1","_id":"4f73abe9-f491-4dd3-aac7-0ddb2efa21bb"},{"_id":"0d50ff50-a2df-4516-bbea-2443197f52ae","title":"RingCentral","website":"https://www.ringcentral.com/","logo":{"_type":"image","asset":{"_ref":"image-d6e613551d37b4e2e0ec6356f1bcdd91840af4d0-961x208-svg","_type":"reference"}},"logoScalar":"0.85"},{"_id":"60c28ad1-d62c-4af2-939d-65c64202d20f","title":"Bloomberg","website":"https://www.bloomberg.com/","logo":{"_type":"image","asset":{"_ref":"image-917e4644a8ac29edf5be6e6abac0957b5635af57-2560x512-png","_type":"reference"}},"logoScalar":"0.8"},{"website":"https://pos.toasttab.com/","logo":{"_type":"image","asset":{"_ref":"image-c9e72f1966d110b053b717dd8ec5f1ae90d07612-2560x679-png","_type":"reference"}},"logoScalar":"0.9","_id":"a3a8f7b1-dd86-4816-a7fb-1771799807ba","title":"Toast"},{"website":"https://www.pagerduty.com/","logo":{"_type":"image","asset":{"_type":"reference","_ref":"image-1eb801067297b6cce0148f2ff2d60ff4220ed4e7-2560x525-png"}},"logoScalar":".8","_id":"f4b0cd87-bbc4-4114-9fb7-7cb4937197ef","title":"PagerDuty"},{"_id":"268bbd1e-d239-4778-a142-1295cb46f8e2","title":"Twilio","website":"https://www.twilio.com/en-us","logo":{"_type":"image","asset":{"_ref":"image-318a9fc6041636950601e99cdc5f7be6665da4e8-1024x307-png","_type":"reference"}},"logoScalar":"1"},{"website":"https://www.cvent.com/","logo":{"asset":{"_ref":"image-44d9fe791a2b14c9783471b40ef75161624a6905-784x161-svg","_type":"reference"},"_type":"image"},"logoScalar":"0.8","_id":"0a5552ab-e704-434e-837a-a9471d82d64f","title":"Cvent"},{"_id":"d76d45b9-f385-4f26-b5af-23308b027f88","title":"Fivetran","website":"https://www.fivetran.com/","logo":{"_type":"image","asset":{"_ref":"image-9b8cd526d531a063a6b0c1f2cddc683d0a93828a-120x60-svg","_type":"reference"}},"logoScalar":"2"},{"website":"https://www.sas.com/","logo":{"_type":"image","asset":{"_ref":"image-3450d34d3d2c0e4431cedb90a736636584aaabe7-2560x1050-png","_type":"reference"}},"logoScalar":"#007CC2","_id":"d0db7bad-944a-4919-ac83-31ad0b4e8a44","title":"Sas"},{"_id":"fb7616f3-915e-4e5c-b1a2-1a27f7ee4197","title":"Digital ocean","website":"https://www.digitalocean.com/","logo":{"_type":"image","asset":{"_type":"reference","_ref":"image-3db19536bb52be1f3120f039a5f138c993cefa4d-603x103-png"}},"logoScalar":"0.8"},{"logoScalar":"0.9","_id":"90a1ace5-4948-4256-8639-8cf4ac2a9349","title":"Commvault","website":"https://www.commvault.com/","logo":{"_type":"image","asset":{"_ref":"image-20f9df7b276b20a25e6c2e5cea49cbcb7d5b93d1-784x153-svg","_type":"reference"}}},{"_id":"f2c080d2-430a-4e8a-a099-f24e2c6dddbf","title":"Elastic","website":"https://www.elastic.co/","logo":{"_type":"image","asset":{"_ref":"image-147b5d51e0ee62fe5577bfbdbedc3791b0a3d31a-120x60-svg","_type":"reference"}},"logoScalar":"2"},{"logo":{"_type":"image","asset":{"_type":"reference","_ref":"image-fd5b9ab7f72a1ca80dbc713f5c8d62766543468e-1200x524-png"}},"logoScalar":"1.2","_id":"6970eda4-3588-43f1-b34e-b9899d918ec9","title":"Carta","website":"https://www.carta.com/"},{"_id":"5226908a-d335-42b3-8639-43b3b906f5de","title":"ClickUp","website":"https://clickup.com/","logo":{"_type":"image","asset":{"_ref":"image-42fdfd76a3c65dfdfcbfc758ec214fb63fc9909e-666x162-svg","_type":"reference"}},"logoScalar":"1.0"},{"website":"https://atlan.com/","logo":{"_type":"image","asset":{"_ref":"image-ea7afc15e1346cea9d408771d895c024731a2f21-233x73-svg","_type":"reference"}},"logoScalar":"0.9","_id":"af86c4a4-2f3d-4aa9-9040-7273b1762109","title":"Atlan"},{"title":"Drift","website":"https://www.drift.com/","logo":{"_type":"image","asset":{"_ref":"image-a4b66a9faa24dc961aecc14557757df736452313-721x169-png","_type":"reference"}},"logoScalar":".7","_id":"4c07d16e-957a-4df1-bc39-ddd0ba2e31ea"},{"title":"Klue","website":"https://klue.com/","logo":{"_type":"image","asset":{"_ref":"image-6da1e90dbdf5edcc4c02ba7f357a91803b61ff32-588x236-svg","_type":"reference"}},"logoScalar":"0.85","_id":"d45c254a-5472-48cc-9c7d-28a51f44074e"},{"title":"Citrix","website":"https://www.citrix.com/","logo":{"_type":"image","asset":{"_type":"reference","_ref":"image-c7382be49ea6296f18749b6a09338e1f7226526d-1000x377-png"}},"logoScalar":null,"_id":"5a00954f-5a5a-4d29-94e8-880011aa8cbf"},{"logoScalar":"0.9","_id":"e45c8597-22c9-4f18-848d-dc9baaa98c51","title":"Guru","website":"https://www.getguru.com/","logo":{"_type":"image","asset":{"_ref":"image-7f58d8db175d05529359d27febcb8069a20ae49b-536x150-png","_type":"reference"}}},{"_id":"1d597bb7-8bb9-40b5-a19c-0b062891ca32","title":"HelpScout","website":"https://www.helpscout.com/","logo":{"_type":"image","asset":{"_ref":"image-a2ac5b8346506422cc61d2bd8fc87c45a3a83479-842x170-png","_type":"reference"}},"logoScalar":"0.9"},{"logo":{"_type":"image","asset":{"_ref":"image-e51eea6baebc07b9175e59e7e6b25626d5c3a4fa-1286x277-png","_type":"reference"}},"logoScalar":"1.0","_id":"272d2399-3f8a-4ce9-98b8-e96e22b5d538","title":"Crossbeam","website":"https://www.crossbeam.com/"},{"_id":"c47ed625-18b2-43f8-b557-aab9ac2fcff9","title":"Coupa","website":"https://www.coupa.com/","logo":{"_type":"image","asset":{"_ref":"image-b6cd0f1d03870a728beaeed418963b668e56f83e-5000x1412-png","_type":"reference"}},"logoScalar":"1"},{"_id":"a239d219-e7d2-47a9-bf22-fe82327d2eb7","title":"ShiftLeft","website":"https://shiftleft.io","logo":{"_type":"image","asset":{"_ref":"image-abc96c504177a8b5996a6abda10583b76cf5649d-1255x316-png","_type":"reference"}},"logoScalar":null},{"_id":"af9c4f02-9063-4835-9c68-a73cdaf235d8","title":"TripActions","website":"https://tripactions.com/","logo":{"asset":{"_ref":"image-aeb81fcb0cb71051c1b91d4b06a2ed84fcbc6f90-120x27-svg","_type":"reference"},"_type":"image"},"logoScalar":".7"},{"logoScalar":"1","_id":"b03786d6-a0a9-4d26-8d8a-505b47f021ac","title":"Zapproved","website":"https://zapproved.com","logo":{"_type":"image","asset":{"_ref":"image-a2371d9c408117fa83286a366b504b4efecdf6c8-968x143-png","_type":"reference"}}},{"_id":"cac1b78d-6969-4b37-9211-c6cca46ff282","title":"PageUp","website":"http://www.pageuppeople.com/","logo":{"_type":"image","asset":{"_ref":"image-e6197e03778d64bbc07527de80e8c2c9ff9da118-2000x645-png","_type":"reference"}},"logoScalar":"1.1"},{"website":"https://traackr.com","logo":{"_type":"image","asset":{"_type":"reference","_ref":"image-134adea6218f2f28918285fc51d85ef839c24c3c-1267x295-svg"}},"logoScalar":null,"_id":"ce6b75a9-1236-440b-9014-2030c9e50a1f","title":"Traackr"},{"logo":{"_type":"image","asset":{"_ref":"image-7fc9a398f92ac965cec3ccaf4d5bd0cd45c36b65-1296x310-png","_type":"reference"}},"logoScalar":null,"_id":"5a1af87e-63a3-406a-adc0-4f7766b03959","title":"Gorgias","website":"https://www.gorgias.com/"},{"_id":"d7dc43ef-7ab2-4e59-8831-2bacb5f2ee61","title":"Dropbox","website":"https://www.dropbox.com/home","logo":{"_type":"image","asset":{"_type":"reference","_ref":"image-d17d02621c07da0a2ef9081263afbe5ec8d30ceb-2560x504-png"}},"logoScalar":".9"},{"logoScalar":null,"_id":"df0912d1-0529-4884-aace-4f0977f80ba4","title":"Alkira","website":"https://www.alkira.com/","logo":{"_type":"image","asset":{"_ref":"image-a8fe0295bf7424cd9d75829d7ba22388ca7b68b7-222x70-png","_type":"reference"}}},{"_id":"66ef0f95-7948-458b-8ba1-0254ef6885bc","title":"Demandbase","website":"https://www.demandbase.com/","logo":{"_type":"image","asset":{"_ref":"image-c112799c2885b49677ca6f9ecdedac68ab6af202-456x100-png","_type":"reference"}},"logoScalar":"1.2"},{"logoScalar":null,"_id":"43f365df-f43b-4da7-a97e-a813896948ad","title":"Panther","website":"https://panther.com/","logo":{"_type":"image","asset":{"_ref":"image-b092fe35bafe299e9cdbe56f8fcab686f97df514-4800x1275-png","_type":"reference"}}},{"_id":"d71afe88-2a03-4601-8aa1-b068e9548ded","title":"Airbase","website":"https://www.airbase.com/","logo":{"_type":"image","asset":{"_ref":"image-6a51f5983c3b77dba5619825a390f7acd48b33b8-152x42-svg","_type":"reference"}},"logoScalar":"1.3"},{"logoScalar":null,"_id":"c005424d-2474-46a4-9741-7e3102d9dbc6","title":"Dooly","website":"https://dooly.ai","logo":{"_type":"image","asset":{"_ref":"image-e38541ff3e43dbb82066fe36d04d8fc981783c1f-243x72-svg","_type":"reference"}}},{"logo":{"_type":"image","asset":{"_ref":"image-2109e3b4fbfd7ab438671bd8a54b99a08fc06642-506x99-png","_type":"reference"}},"logoScalar":null,"_id":"87c7d206-478e-463a-89bb-ed69c5612622","title":"OwnBackup","website":"https://www.ownbackup.com/"},{"_id":"d448a0c5-6f73-4280-8bd2-bf723a7280b0","title":"Trainual","website":"https://trainual.com","logo":{"_type":"image","asset":{"_ref":"image-25a5a50009b449793b1ff4119e49f854fc1a300d-2152x600-png","_type":"reference"}},"logoScalar":"0.8"},{"title":"Google cloud","website":"https://cloud.google.com","logo":{"_type":"image","asset":{"_ref":"image-c805a9c7e9bba2f77f7df7a3d6a8962ca7ca405e-2560x396-png","_type":"reference"}},"logoScalar":".9","_id":"87cf72b2-00a3-4352-bd25-8d48fd99594c"},{"website":"https://www.captivateiq.com/","logo":{"_type":"image","asset":{"_ref":"image-7a111a7a2af3ac161618fa8dfef8f18e6a2de1d1-828x141-png","_type":"reference"}},"logoScalar":".8","_id":"e52c57b5-c263-42f3-9859-79c72075c846","title":"CaptivateIQ"},{"_id":"c4fc22fd-92ff-41cd-82c6-2357cc494838","title":"Brex","website":"https://www.brex.com/","logo":{"_type":"image","asset":{"_ref":"image-9b387fa5e89cd8d5634180b9fa0322d6094fcbd7-4723x1250-png","_type":"reference"}},"logoScalar":".85"},{"website":"https://segment.com/","logo":{"_type":"image","asset":{"_type":"reference","_ref":"image-8f6e452672c0d6d6e0bbc7eac17694d530e6c611-732x240-png"}},"logoScalar":"1.7","_id":"e9bbe3a6-99c6-472a-ab44-f88636926e66","title":"Segment"},{"_id":"0b0908ef-b8ea-49f3-b29b-bbf78dac0d7b","title":"Mixpanel","website":"https://mixpanel.com/","logo":{"_type":"image","asset":{"_ref":"image-5a1d11efb760b63b786d3b880d292e7311852afa-1200x403-png","_type":"reference"}},"logoScalar":"1.1"}]},"__N_SSG":true},"page":"/product-demos","query":{},"buildId":"6xMcT4mna6bO2HRp-eZUW","isFallback":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>