1<!DOCTYPE html><html lang="en" class="scroll-smooth"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap" rel="stylesheet"><meta name="generator" content="Astro v7.0.6"><link rel="icon" href="/favicon.ico"><link rel="apple-touch-icon" sizes="180x180" href="/apple-icon.png"><link rel="icon" type="image/png" href="/16.png" sizes="16x16"><link rel="icon" type="image/png" href="/32.png" sizes="32x32"><link rel="icon" type="image/png" href="/96.png" sizes="96x96"><link rel="icon" type="image/png" href="/192.png" sizes="192x192"><link rel="icon" type="image/png" href="/512.png" sizes="512x512"><meta name="apple-mobile-web-app-title" content="Fendemo - Turn your product into an interactive experience"><meta name="msapplication-TileColor" content="#0084d1"><meta name="msapplication-TileImage" content="/144.png"><meta name="theme-color" content="#0084d1"><title>Fendemo - Turn your product into an interactive experience</title><meta name="description" content="Turn your web application into an interactive experience. Build step-by-step guided tours or fully explorable sandbox demos in minutes. Capture, customize, and share with Fendemo."><link rel="canonical" href="https://fendemo.com/index"><meta property="og:type" content="website"><meta property="og:url" content="https://fendemo.com/index"><meta property="og:title" content="Fendemo - Turn your product into an interactive experience"><meta property="og:description" content="Turn your web application into an interactive experience. Build step-by-step guided tours or fully explorable sandbox demos in minutes. Capture, customize, and share with Fendemo."><meta property="og:image" content="https://fendemo.com/og.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:site_name" content="Fendemo - Turn your product into an interactive experience"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:url" content="https://fendemo.com/index"><meta name="twitter:title" content="Fendemo - Turn your product into an interactive experience"><meta name="twitter:description" content="Turn your web application into an interactive experience. Build step-by-step guided tours or fully explorable sandbox demos in minutes. Capture, customize, and share with Fendemo."><meta name="twitter:image" content="https://fendemo.com/og.png">
1<script> 2 !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init capture register register_once register_for_session unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group identify setPersonProperties setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags resetGroups onFeatureFlags addFeatureFlagsHandler onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey getNextSurveyStep".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]); 3 posthog.init('phc_N7NmlDceME1sGAPR3KWWwcj2u5lhO7t2i33EXkGm8gK', { 4 api_host: 'https://us.i.posthog.com', 5 defaults: '2026-01-30' 6 }) 7</script>
7<link rel="stylesheet" href="/_astro/Footer.BBhfe8-C.css"><style>.demo-tab[data-astro-cid-4zis44z2].active{background-color:#f0f9ff;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.demo-tab[data-astro-cid-4zis44z2].active span[data-astro-cid-4zis44z2]{color:#0284c7}.demo-tab[data-astro-cid-4zis44z2].active .tab-icon[data-astro-cid-4zis44z2]{color:#0284c7;stroke-width:2.5px}.tooltip[data-astro-cid-4zis44z2]{transform-origin:bottom;transition:all .2s cubic-bezier(.175,.885,.32,1.275);scale:.95}.group\/tab[data-astro-cid-4zis44z2]:hover .tooltip[data-astro-cid-4zis44z2]{opacity:1;scale:1}.more-card[data-astro-cid-s7nwr5sk]{background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden}.more-card[data-astro-cid-s7nwr5sk]:hover{border-color:#bae6fd;transform:translateY(-4px);box-shadow:0 16px 40px #0ea5e91a}.more-card-top-bar[data-astro-cid-s7nwr5sk]{background:#0ea5e9;height:4px;transition:height .25s}.more-card[data-astro-cid-s7nwr5sk]:hover .more-card-top-bar[data-astro-cid-s7nwr5sk]{height:6px}.more-card-body[data-astro-cid-s7nwr5sk]{background:#fff}.more-card-number[data-astro-cid-s7nwr5sk]{color:#0284c7;letter-spacing:.05em;background-color:#f0f9ff;border:1px solid #e0f2fe;border-radius:999px;justify-content:center;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.more-card-icon[data-astro-cid-s7nwr5sk]{background:#f0f9ff;border:1px solid #e0f2fe;border-radius:.75rem;justify-content:center;align-items:center;padding:.4rem;font-size:1.5rem;line-height:1;display:inline-flex}
7.more-card-divider[data-astro-cid-s7nwr5sk]{background:#f1f5f9;height:1px}.more-card-check[data-astro-cid-s7nwr5sk]{color:#0284c7;background-color:#e0f2fe;border-radius:999px;padding:3px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes float-delayed{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float[data-astro-cid-jd5wpn7n]{animation:6s ease-in-out infinite float}.animate-float-delayed[data-astro-cid-jd5wpn7n]{animation:5s ease-in-out 2s infinite float-delayed}#price-display[data-astro-cid-tl27rjbg]{transition:all .2s cubic-bezier(.4,0,.2,1)}details[data-astro-cid-kccdrnig] summary[data-astro-cid-kccdrnig]::-webkit-details-marker{display:none} 8</style></head><body class="bg-[#F5F2ED] text-slate-900 selection:bg-sky-100 selection:text-sky-900"><!-- <div class="bg-sky-600 p-3 text-center gap-2 items-center text-white font-medium text-base"> 9 This website is for sale. Contact us for more information. 10</div> --><nav class="sticky top-0 z-50 w-full border-b border-slate-300 bg-[#F5F2ED]/80 backdrop-blur-[16px]"><div class="mx-auto flex max-w-7xl items-center justify-between px-4 py-3 lg:px-8"><a href="/" class="flex items-center gap-2"><img src="/logo.svg" alt="Fendemo Logo" class="h-10 w-10"><span class="font-serif text-[2rem] font-semibold tracking-[0.04em] text-sky-600">Fendemo</span></a><div class="flex items-center gap-8"><div class="hidden items-center gap-6 md:flex"><a href="#use-cases" class="text-sm font-medium text-slate-600 transition-colors hover:text-sky-600">Use Cases</a><a href="#pricing" class="text-sm font-medium text-slate-600 transition-colors hover:text-sky-600">Pricing</a><a href="#faq" class="text-sm font-medium text-slate-600 transition-colors hover:text-sky-600">FAQ</a><a href="https://docs.fendemo.com" target="_blank" rel="noopener noreferrer" class="text-sm font-medium text-slate-600 transition-colors hover:text-sky-600">Docs</a></div><div class="flex items-center gap-4"><a href="https://app.fendemo.com/login" target="_blank" rel="noopener noreferrer" class="group flex items-center gap-2 rounded-full bg-sky-600 px-4 py-2 sm:px-6 sm:py-2.5 text-sm font-medium text-white shadow-lg shadow-sky-200 transition-all hover:bg-sky-700 hover:shadow-sky-300 active:scale-95">Start Free Trial<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="hidden sm:block transition-transform group-hover:translate-x-1"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a></div></div></div></nav><main><section class="pb-24 pt-24"><div class="relative mx-auto max-w-7xl px-4 text-center lg:px-8"><div class="mx-auto max-w-4xl"><h1 class="font-serif mb-7 text-5xl font-bold tracking-normal text-slate-900 sm:text-6xl lg:text-7xl leading-[1.05]">Supercharge your marketing and sales with <em class="text-sky-600">interactive demos.</em></h1><p class="mb-7 text-base font-medium leading-relaxed text-slate-600 sm:text-lg animate-in fade-in slide-in-from-bottom-6 duration-1000 max-w-xl mx-auto"><strong>HTML interactive demos</strong> built to boost conversion rates, capture high-intent leads, and help your sales team close deals faster.</p><div class="flex flex-col items-center justify-center gap-4 sm:flex-row animate-in fade-in slide-in-from-bottom-8 duration-1000"><a href="https://app.fendemo.com/login" target="_blank" rel="noopener noreferrer" class="group relative flex h-14 w-full items-center justify-center gap-2 rounded-full bg-sky-600 px-8 text-md font-medium text-white shadow-xl shadow-sky-200 transition-all hover:bg-sky-700 hover:shadow-sky-300 active:scale-95 sm:w-auto">Start 7-day free trial<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="transition-transform group-hover:translate-x-1"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a><a href="https://chromewebstore.google.com/detail/fendemo-create-interactiv/lpdejlaebpklancfhoahgdkdfoaipghn" target="_blank" rel="noopener noreferrer" class="flex h-14 w-full items-center justify-center gap-2 rounded-full border border-slate-300 bg-transparent px-8 text-md font-medium text-slate-800 transition-all hover:bg-[#0d0d0d0a] hover:border-slate-400 active:scale-95 sm:w-auto"><img src="https://upload.wikimedia.org/wikipedia/commons/e/e1/Google_Chrome_icon_%28February_2022%29.svg" alt="Chrome Logo" class="h-5 w-5">Install Chrome Extension</a></div></div></div></section><section class="hidden md:block pb-16 -mt-8" data-astro-cid-4zis44z2><div class="relative mx-auto max-w-6xl px-4 lg:px-8" data-astro-cid-4zis44z2><!-- Demo embed container --><div class="relative group" data-astro-cid-4zis44z2><div class="relative w-full overflow-hidden rounded-2xl border border-slate-200 shadow-xl shadow-slate-200/60 bg-slate-50" style="aspect-ratio: 2.20;" data-astro-cid-4zis44z2><!-- Loading Overlay --><div id="demo-loader" class="absolute inset-0 z-20 flex flex-col items-center justify-center bg-slate-50 opacity-0 pointer-events-none transition-opacity duration-300" data-astro-cid-4zis44z2><div class="w-10 h-10 border-[3px] border-slate-200 border-t-sky-500 rounded-full animate-spin" data-astro-cid-4zis44z2></div><p class="mt-4 text-sm font-medium text-slate-500 animate-pulse" data-astro-cid-4zis44z2>Loading demo environment...</p></div><iframe id="demo-iframe" src="https://app.fendemo.com/embed/c2c3afbb-6dc5-4054-8124-6901800ab923?topbar=1" loading="lazy" title="Fendemo Demo" allow="clipboard-write" allowfullscreen class="absolute inset-0 h-full w-full border-0" data-astro-cid-4zis44z2></iframe></div><!-- Tab Switcher --><div class="absolute -bottom-6 left-1/2 -translate-x-1/2 flex items-center gap-1 p-2 bg-white border border-slate-200 rounded-2xl shadow-lg z-20" data-astro-cid-4zis44z2><!-- Guided Button --><button id="btn-guided" data-url="https://app.fendemo.com/embed/c2c3afbb-6dc5-4054-8124-6901800ab923?topbar=1" class="demo-tab group/tab active relative flex items-center gap-2 px-6 py-2.5 rounded-xl transition-all duration-300 hover:bg-slate-50 cursor-pointer" data-astro-cid-4zis44z2><svg xmlns="http://www.w3.org/2000/svg" fill="none" height="18" width="18" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="tab-icon w-5 h-5" data-astro-cid-4zis44z2><path stroke-linecap="round" stroke-linejoin="round" d="M15.042 21.672 13.684 16.6m0 0-2.51 2.225.569-9.47 5.227 7.917-3.286-.672ZM12 2.25V4.5m5.834.166-1.591 1.591M20.25 10.5H18M7.757 14.743l-1.59 1.59M6 10.5H3.75m4.007-4.243-1.59-1.59" data-astro-cid-4zis44z2></path></svg><span class="text-sm font-semibold text-slate-600 transition-colors" data-astro-cid-4zis44z2>Guided Demo</span><!-- Guided Tooltip --><div class="tooltip pointer-events-none absolute bottom-full left-1/2 -translate-x-1/2 mb-3 w-72 p-4 bg-slate-900 text-white text-sm leading-relaxed rounded-xl opacity-0 group-hover/tab:opacity-100 transition-all shadow-2xl z-50 ring-1 ring-white/10" data-astro-cid-4zis44z2>Help users learn your product with a guided HTML tour using simple steps and clear instructions.
10<div class="absolute top-full left-1/2 -translate-x-1/2 border-8 border-transparent border-t-slate-900" data-astro-cid-4zis44z2></div></div></button><!-- Sandbox Button --><button id="btn-sandbox" data-url="https://app.fendemo.com/embed/06a29e87-7a4b-4b2a-ae65-d1bef34ed354?topbar=1" class="demo-tab group/tab relative flex items-center gap-2 px-6 py-2.5 rounded-xl transition-all duration-300 hover:bg-slate-50 cursor-pointer" data-astro-cid-4zis44z2><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tab-icon" data-astro-cid-4zis44z2><rect width="18" height="18" x="3" y="3" rx="2" data-astro-cid-4zis44z2></rect><path d="M7 7h10M7 12h10M7 17h10" data-astro-cid-4zis44z2></path></svg><span class="text-sm font-semibold text-slate-600 transition-colors" data-astro-cid-4zis44z2>Sandbox Demo</span><!-- Sandbox Tooltip --><div class="tooltip pointer-events-none absolute bottom-full left-1/2 -translate-x-1/2 mb-3 w-72 p-4 bg-slate-900 text-white text-sm leading-relaxed rounded-xl opacity-0 group-hover/tab:opacity-100 transition-all shadow-2xl z-50 ring-1 ring-white/10" data-astro-cid-4zis44z2>Let users explore a live HTML version of your product freely without needing a signup or a setup.<div class="absolute top-full left-1/2 -translate-x-1/2 border-8 border-transparent border-t-slate-900" data-astro-cid-4zis44z2></div></div></button></div></div></div></section>
10<script type="module">globalThis.process??={},globalThis.process.env??={};var e=document.querySelectorAll(`.demo-tab`),t=document.getElementById(`demo-iframe`),n=document.getElementById(`demo-loader`);t&&n&&t.addEventListener(`load`,()=>{n.classList.remove(`opacity-100`),n.classList.add(`opacity-0`,`pointer-events-none`)}),e.forEach(r=>{r.addEventListener(`click`,()=>{if(r.classList.contains(`active`))return;e.forEach(e=>e.classList.remove(`active`)),r.classList.add(`active`);let i=r.getAttribute(`data-url`);i&&t&&n&&(n.classList.remove(`opacity-0`,`pointer-events-none`),n.classList.add(`opacity-100`),t.src=i)})});</script>
10<section id="why-fendemo" class="py-24"><div class="mx-auto max-w-7xl px-4 lg:px-8"><div class="mx-auto max-w-xl text-center"><span class="text-sm font-medium uppercase tracking-wider text-[#8a8680]">The Problem</span><h2 class="font-serif font-bold mt-4 text-3xl tracking-[0.02em] text-slate-900 sm:text-5xl">Stop explaining.<br><span class="inline-block"> Let them experience. </span></h2></div><div class="mt-16 grid grid-cols-1 gap-8 lg:grid-cols-2 lg:gap-12"><!-- Traditional Way --><div class="flex flex-col rounded-3xl border border-red-600 bg-red-50/50 p-8 sm:p-10 shadow-lg shadow-red-100 ring-1 ring-red-600/10 transition-all hover:-translate-y-1"><span class="font-stylish text-2xl font-bold tracking-wider text-red-500 mb-4">Traditional Product Demos</span><h3 class="text-2xl font-bold text-slate-900 mb-8 leading-snug">Your demo is already out of date</h3><ul class="space-y-4 flex-auto"><li class="flex items-start gap-3"><div class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-red-500 mt-0.5"><svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></div><span class="text-slate-600 font-medium leading-relaxed">Passive videos that prospects only watch, not experience</span></li><li class="flex items-start gap-3"><div class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-red-500 mt-0.5"><svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></div><span class="text-slate-600 font-medium leading-relaxed">Time-consuming to script, record, edit, and re-record</span></li><li class="flex items-start gap-3"><div class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-red-500 mt-0.5"><svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></div><span class="text-slate-600 font-medium leading-relaxed">Becomes outdated every time your UI changes</span></li><li class="flex items-start gap-3"><div class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-red-500 mt-0.5"><svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></div><span class="text-slate-600 font-medium leading-relaxed">Needs a developer just to set up a demo environment</span></li><li class="flex items-start gap-3"><div class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-red-500 mt-0.5"><svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></div><span class="text-slate-600 font-medium leading-relaxed">No viewer insights, activity tracking, and demo analytics</span></li></ul></div><!-- Fendemo Way --><div class="flex flex-col rounded-3xl border border-sky-600 bg-sky-50/50 p-8 sm:p-10 shadow-lg shadow-sky-100 ring-1 ring-sky-600/10 transition-all hover:-translate-y-1"><span class="font-stylish text-2xl font-bold tracking-wider text-sky-600 mb-4">Fendemo Interactive Demos</span><h3 class="text-2xl font-bold text-slate-900 mb-8 leading-snug">Show the real thing, not a recording of it</h3><ul class="space-y-4 flex-auto"><li class="flex items-start gap-3"><div class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-sky-600 mt-0.5"><svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg></div><span class="text-slate-700 font-medium leading-relaxed">Prospects interact with the product, not a video</span></li><li class="flex items-start gap-3"><div class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-sky-600 mt-0.5"><svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg></div><span class="text-slate-700 font-medium leading-relaxed">Pixel-perfect HTML clone of your app in minutes, not days</span></li><li class="flex items-start gap-3"><div class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-sky-600 mt-0.5"><svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg></div><span class="text-slate-700 font-medium leading-relaxed">Instantly recapture whenever your product updates</span></li><li class="flex items-start gap-3"><div class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-sky-600 mt-0.5"><svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg></div><span class="text-slate-700 font-medium leading-relaxed">Interactive demo ready in clicks, no developer required</span></li><li class="flex items-start gap-3"><div class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-sky-600 mt-0.5"><svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg></div><span class="text-slate-700 font-medium leading-relaxed">Viewer insights, session replays, and engagement data</span></li></ul></div></div></div></section><section id="demo-mode" class="py-24"><div class="mx-auto max-w-7xl px-4 lg:px-8"><div class="mx-auto max-w-xl text-center"><span class="text-sm font-medium uppercase tracking-wider text-[#8a8680]">Two Demo Modes</span><h2 class="font-serif font-bold mt-4 text-3xl tracking-[0.02em] text-slate-900 sm:text-5xl">Show the way,<br><span class="inline-block"> or let them play. </span></h2></div><div class="mt-16 grid lg:grid-cols-2 gap-8 lg:gap-12 items-stretch"><!-- Card 1: Guided Demo --><div class="group flex flex-col bg-white rounded-[2.5rem] p-2 border border-slate-200/80 shadow-[0_8px_30px_rgb(0,0,0,0.04)]"><div class="bg-slate-50/50 rounded-[2rem] p-8 sm:p-10 flex-1 flex flex-col relative overflow-hidden border border-slate-100"><!-- Accent glow inside card --><div class="absolute top-0 right-0 w-64 h-64 bg-indigo-400/10 rounded-full blur-3xl -mr-10 -mt-10 transition-transform duration-700 group-hover:scale-125"></div><div class="relative z-10"><div class="flex items-center justify-between mb-8"><div class="inline-flex items-center gap-2.5 px-4 py-2 rounded-2xl bg-white border border-indigo-100 shadow-sm"><div class="bg-indigo-50 rounded-lg p-1.5"><svg xmlns="http://www.w3.org/2000/svg" fill="none" height="18" width="18" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="text-indigo-600 w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M15.042 21.672 13.684 16.6m0 0-2.51 2.225.569-9.47 5.227 7.917-3.286-.672ZM12 2.25V4.5m5.834.166-1.591 1.591M20.25 10.5H18M7.757 14.743l-1.59 1.59M6 10.5H3.75m4.007-4.243-1.59-1.59"></path></svg></div><span class="font-bold text-indigo-600 text-sm tracking-wide">Guided Demo</span></div></div><h3 class="font-serif text-3xl sm:text-4xl font-bold text-slate-900 mb-4">Step-by-step product tour</h3><p class="text-slate-600 leading-relaxed mb-8 text-md">Guide users through the exact features that matter most. Add captions and instructions to highlight value at every step.</p><ul class="space-y-4"><li class="flex items-start gap-3"><div class="mt-1 bg-indigo-100 rounded-full p-1"><svg class="w-3 h-3 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg></div><span class="text-slate-700 font-medium">Live HTML replica of your UI</span></li><li class="flex items-start gap-3"><div class="mt-1 bg-indigo-100 rounded-full p-1"><svg class="w-3 h-3 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg></div><span class="text-slate-700 font-medium">Custom captions & instructions</span></li><li class="flex items-start gap-3"><div class="mt-1 bg-indigo-100 rounded-full p-1"><svg class="w-3 h-3 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg></div><span class="text-slate-700 font-medium">Highlight specific features</span></li><li class="flex items-start gap-3"><div class="mt-1 bg-indigo-100 rounded-full p-1"><svg class="w-3 h-3 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg></div><span class="text-slate-700 font-medium">Control the narrative</span></li></ul><div class="mt-10 mt-auto pt-8"><a href="https://app.fendemo.com/demo/c2c3afbb-6dc5-4054-8124-6901800ab923?step=1" target="_blank" rel="noopener noreferrer" class="inline-flex justify-center items-center gap-2 w-full px-6 py-4 bg-indigo-600 hover:bg-indigo-700 text-white font-normal rounded-lg transition-all duration-200 shadow-sm hover:shadow-md">Try Guided Demo<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"></path></svg></a></div></div></div></div><!-- Card 2: Sandbox Demo --><div class="group flex flex-col bg-white rounded-[2.5rem] p-2 border border-slate-200/80 shadow-[0_8px_30px_rgb(0,0,0,0.04)]"><div class="bg-slate-50/50 rounded-[2rem] p-8 sm:p-10 flex-1 flex flex-col relative overflow-hidden border border-slate-100"><!-- Accent glow inside card --><div class="absolute top-0 right-0 w-64 h-64 bg-emerald-400/10 rounded-full blur-3xl -mr-10 -mt-10 transition-transform duration-700 group-hover:scale-125"></div><div class="relative z-10"><div class="flex items-center justify-between mb-8"><div class="inline-flex items-center gap-2.5 px-4 py-2 rounded-2xl bg-white border border-emerald-100 shadow-sm"><div class="bg-emerald-50 rounded-lg p-1.5"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-emerald-500"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M7 7h10M7 12h10M7 17h10"></path></svg></div><span class="font-bold text-emerald-600 text-sm tracking-wide">Sandbox Demo</span></div></div><h3 class="font-serif text-3xl sm:text-4xl font-bold text-slate-900 mb-4">An open sandbox of your product</h3><p class="text-slate-600 leading-relaxed mb-8 text-md">Let users explore your product exactly as they would in the real app - no signup, no setup, no risk to your live data.</p><ul class="space-y-4"><li class="flex items-start gap-3"><div class="mt-1 bg-emerald-100 rounded-full p-1"><svg class="w-3 h-3 text-emerald-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg></div><span class="text-slate-700 font-medium">Live HTML replica of your UI</span></li><li class="flex items-start gap-3"><div class="mt-1 bg-emerald-100 rounded-full p-1"><svg class="w-3 h-3 text-emerald-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg></div><span class="text-slate-700 font-medium">No account creation needed</span></li><li class="flex items-start gap-3"><div class="mt-1 bg-emerald-100 rounded-full p-1"><svg class="w-3 h-3 text-emerald-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg></div><span class="text-slate-700 font-medium">Safe playground environment</span></li><li class="flex items-start gap-3"><div class="mt-1 bg-emerald-100 rounded-full p-1"><svg class="w-3 h-3 text-emerald-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg></div><span class="text-slate-700 font-medium">Self-paced exploration</span></li></ul><div class="mt-10 mt-auto pt-8"><a href="https://app.fendemo.com/demo/06a29e87-7a4b-4b2a-ae65-d1bef34ed354?step=1" target="_blank" rel="noopener noreferrer" class="inline-flex justify-center items-center gap-2 w-full px-6 py-4 bg-emerald-600 hover:bg-emerald-700 text-white font-normal rounded-lg transition-all duration-200 shadow-sm hover:shadow-md">Try Sandbox Demo<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"></path></svg></a></div></div></div></div></div></div></section><section id="use-cases" class="py-24 relative overflow-hidden" data-astro-cid-s7nwr5sk><div class="mx-auto max-w-7xl px-4 lg:px-8" data-astro-cid-s7nwr5sk><div class="mx-auto max-w-xl text-center" data-astro-cid-s7nwr5sk><span class="text-sm font-medium uppercase tracking-wider text-[#8a8680]" data-astro-cid-s7nwr5sk>USE CASES</span><h2 class="font-serif font-bold mt-4 text-3xl tracking-[0.02em] text-slate-900 sm:text-5xl" data-astro-cid-s7nwr5sk>Generate more leads.<br data-astro-cid-s7nwr5sk><span class="inline-block" data-astro-cid-s7nwr5sk> Win more deals. </span></h2></div><!-- Container for all use cases, vertically stacked --><div class="mt-16 space-y-32 lg:space-y-48" data-astro-cid-s7nwr5sk><div class="flex flex-col lg:flex-row items-center gap-12 lg:gap-20 min-h-[60vh]" data-astro-cid-s7nwr5sk><!-- Left side: Text, Description, and Bullet points --><div class="w-full lg:w-5/12 flex flex-col justify-center" data-astro-cid-s7nwr5sk><div class="inline-flex items-center gap-2.5 px-4 py-2 rounded-2xl bg-sky-50 border border-sky-100 shadow-sm mb-6 w-max" data-astro-cid-s7nwr5sk><span class="font-bold text-sky-600 text-sm tracking-wide" data-astro-cid-s7nwr5sk>Use Case 01</span></div><h3 class="font-serif text-3xl sm:text-4xl font-bold text-slate-900 mb-6" data-astro-cid-s7nwr5sk>Use in Ad Campaigns</h3><p class="text-slate-600 text-base leading-relaxed mb-8" data-astro-cid-s7nwr5sk>Drop your interactive demo directly into paid ads. Instead of sending prospects to a generic landing page, let them experience your product the moment they click. Higher engagement, lower bounce, better ROI.</p><!-- Bullet points / Features --><ul class="space-y-4" data-astro-cid-s7nwr5sk><li class="flex items-start gap-3" data-astro-cid-s7nwr5sk><div class="mt-1 bg-sky-100 rounded-full p-1 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-3 h-3 text-sky-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-700 font-medium" data-astro-cid-s7nwr5sk>Embed in Google, LinkedIn, Reddit, and Twitter ads</span></li><li class="flex items-start gap-3" data-astro-cid-s7nwr5sk><div class="mt-1 bg-sky-100 rounded-full p-1 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-3 h-3 text-sky-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7n
10wr5sk></polyline></svg></div><span class="text-slate-700 font-medium" data-astro-cid-s7nwr5sk>Prospects interact before signing up or booking a call</span></li><li class="flex items-start gap-3" data-astro-cid-s7nwr5sk><div class="mt-1 bg-sky-100 rounded-full p-1 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-3 h-3 text-sky-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-700 font-medium" data-astro-cid-s7nwr5sk>Stand out from competitors with an interactive experience</span></li></ul></div><!-- Right side: Image --><div class="w-full lg:w-1/2 flex justify-center lg:justify-end" data-astro-cid-s7nwr5sk><img src="/use-cases/paid-ads.png" alt="Use in Ad Campaigns" class="w-full max-w-[500px] h-auto rounded-2xl shadow-[0_20px_40px_rgba(0,0,0,0.08)]" loading="lazy" data-astro-cid-s7nwr5sk></div></div><div class="flex flex-col lg:flex-row items-center gap-12 lg:gap-20 min-h-[60vh]" data-astro-cid-s7nwr5sk><!-- Left side: Text, Description, and Bullet points --><div class="w-full lg:w-5/12 flex flex-col justify-center" data-astro-cid-s7nwr5sk><div class="inline-flex items-center gap-2.5 px-4 py-2 rounded-2xl bg-sky-50 border border-sky-100 shadow-sm mb-6 w-max" data-astro-cid-s7nwr5sk><span class="font-bold text-sky-600 text-sm tracking-wide" data-astro-cid-s7nwr5sk>Use Case 02</span></div><h3 class="font-serif text-3xl sm:text-4xl font-bold text-slate-900 mb-6" data-astro-cid-s7nwr5sk>Website embed (landing page)</h3><p class="text-slate-600 text-base leading-relaxed mb-8" data-astro-cid-s7nwr5sk>Capture attention instantly. Embed interactive demos on your landing pages so visitors can experience your product's value before they even sign up.</p><!-- Bullet points / Features --><ul class="space-y-4" data-astro-cid-s7nwr5sk><li class="flex items-start gap-3" data-astro-cid-s7nwr5sk><div class="mt-1 bg-sky-100 rounded-full p-1 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-3 h-3 text-sky-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-700 font-medium" data-astro-cid-s7nwr5sk>Let visitors explore in a safe sandbox before signing up</span></li><li class="flex items-start gap-3" data-astro-cid-s7nwr5sk><div class="mt-1 bg-sky-100 rounded-full p-1 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-3 h-3 text-sky-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-700 font-medium" data-astro-cid-s7nwr5sk>Increase overall website conversion rates</span></li><li class="flex items-start gap-3" data-astro-cid-s7nwr5sk><div class="mt-1 bg-sky-100 rounded-full p-1 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-3 h-3 text-sky-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-700 font-medium" data-astro-cid-s7nwr5sk>Drive high-intent signups who already understand your value</span></li></ul></div><!-- Right side: Image --><div class="w-full lg:w-1/2 flex justify-center lg:justify-end" data-astro-cid-s7nwr5sk><img src="/use-cases/landing-page.png" alt="Website embed (landing page)" class="w-full max-w-[500px] h-auto rounded-2xl shadow-[0_20px_40px_rgba(0,0,0,0.08)]" loading="lazy" data-astro-cid-s7nwr5sk></div></div><div class="flex flex-col lg:flex-row items-center gap-12 lg:gap-20 min-h-[60vh]" data-astro-cid-s7nwr5sk><!-- Left side: Text, Description, and Bullet points --><div class="w-full lg:w-5/12 flex flex-col justify-center" data-astro-cid-s7nwr5sk><div class="inline-flex items-center gap-2.5 px-4 py-2 rounded-2xl bg-sky-50 border border-sky-100 shadow-sm mb-6 w-max" data-astro-cid-s7nwr5sk><span class="font-bold text-sky-600 text-sm tracking-wide" data-astro-cid-s7nwr5sk>
10Use Case 03</span></div><h3 class="font-serif text-3xl sm:text-4xl font-bold text-slate-900 mb-6" data-astro-cid-s7nwr5sk>Cold Outreach</h3><p class="text-slate-600 text-base leading-relaxed mb-8" data-astro-cid-s7nwr5sk>Stand out in crowded inboxes. Share a personalized, interactive demo link in your cold emails or LinkedIn messages to increase reply rates and book more meetings.</p><!-- Bullet points / Features --><ul class="space-y-4" data-astro-cid-s7nwr5sk><li class="flex items-start gap-3" data-astro-cid-s7nwr5sk><div class="mt-1 bg-sky-100 rounded-full p-1 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-3 h-3 text-sky-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-700 font-medium" data-astro-cid-s7nwr5sk>Replace boring screenshots with live product tours</span></li><li class="flex items-start gap-3" data-astro-cid-s7nwr5sk><div class="mt-1 bg-sky-100 rounded-full p-1 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-3 h-3 text-sky-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-700 font-medium" data-astro-cid-s7nwr5sk>Boost cold email response rates significantly</span></li><li class="flex items-start gap-3" data-astro-cid-s7nwr5sk><div class="mt-1 bg-sky-100 rounded-full p-1 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-3 h-3 text-sky-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-700 font-medium" data-astro-cid-s7nwr5sk>Track engagement to see exactly what features they viewed</span></li></ul></div><!-- Right side: Image --><div class="w-full lg:w-1/2 flex justify-center lg:justify-end" data-astro-cid-s7nwr5sk><img src="/use-cases/cold-outreach.png" alt="Cold Outreach" class="w-full max-w-[500px] h-auto rounded-2xl shadow-[0_20px_40px_rgba(0,0,0,0.08)]" loading="lazy" data-astro-cid-s7nwr5sk></div></div><div class="flex flex-col lg:flex-row items-center gap-12 lg:gap-20 min-h-[60vh]" data-astro-cid-s7nwr5sk><!-- Left side: Text, Description, and Bullet points --><div class="w-full lg:w-5/12 flex flex-col justify-center" data-astro-cid-s7nwr5sk><div class="inline-flex items-center gap-2.5 px-4 py-2 rounded-2xl bg-sky-50 border border-sky-100 shadow-sm mb-6 w-max" data-astro-cid-s7nwr5sk><span class="font-bold text-sky-600 text-sm tracking-wide" data-astro-cid-s7nwr5sk>Use Case 04</span></div><h3 class="font-serif text-3xl sm:text-4xl font-bold text-slate-900 mb-6" data-astro-cid-s7nwr5sk>Pre-demo share</h3><p class="text-slate-600 text-base leading-relaxed mb-8" data-astro-cid-s7nwr5sk>Qualify leads faster. Send a guided tour before your scheduled call so prospects come prepared with specific questions, making your live demo much more effective.</p><!-- Bullet points / Features --><ul class="space-y-4" data-astro-cid-s7nwr5sk><li class="flex items-start gap-3" data-astro-cid-s7nwr5sk><div class="mt-1 bg-sky-100 rounded-full p-1 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-3 h-3 text-sky-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-700 font-medium" data-astro-cid-s7nwr5sk>Send an introductory tour ahead of the meeting</span></li><li class="flex items-start gap-3" data-astro-cid-s7nwr5sk><div class="mt-1 bg-sky-100 rounded-full p-1 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-3 h-3 text-sky-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-700 font-medium" data-astro-cid-s7nwr5sk>Focus the live call on advanced features and pricing</span></li><li class="flex items-start gap-3" data-astro-cid-s7nwr5sk><div class="mt-1 bg-sky-100 rounded-full p-1 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-3 h-3 text-sky-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-700 font-medium" data-astro-cid-s7nwr5sk>Ensure prospects come with meaningful, tailored questions</span></li></ul></div><!-- Right side: Image --><div class="w-full lg:w-1/2 flex justify-center lg:justify-end" data-astro-cid-s7nwr5sk><img src="/use-cases/before-an-call.png" alt="Pre-demo share" class="w-full max-w-[500px] h-auto rounded-2xl shadow-[0_20px_40px_rgba(0,0,0,0.08)]" loading="lazy" data-astro-cid-s7nwr5sk></div></div><div class="flex flex-col lg:flex-row items-center gap-12 lg:gap-20 min-h-[60vh]" data-astro-cid-s7nwr5sk><!-- Left side: Text, Description, and Bullet points --><div class="w-full lg:w-5/12 flex flex-col justify-center" data-astro-cid-s7nwr5sk><div class="inline-flex items-center gap-2.5 px-4 py-2 rounded-2xl bg-sky-50 border border-sky-100 shadow-sm mb-6 w-max" data-astro-cid-s7nwr5sk><span class="font-bold text-sky-600 text-sm tracking-wide" data-astro-cid-s7nwr5sk>Use Case 05</span></div><h3 class="font-serif text-3xl sm:text-4xl font-bold text-slate-900 mb-6" data-astro-cid-s7nwr5sk>
10Book a Demo page</h3><p class="text-slate-600 text-base leading-relaxed mb-8" data-astro-cid-s7nwr5sk>Embed a product demo right on your 'Book a Demo' page. Instead of staring at a blank calendar, prospects interact with your product while they wait - arriving on the call already sold.</p><!-- Bullet points / Features --><ul class="space-y-4" data-astro-cid-s7nwr5sk><li class="flex items-start gap-3" data-astro-cid-s7nwr5sk><div class="mt-1 bg-sky-100 rounded-full p-1 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-3 h-3 text-sky-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-700 font-medium" data-astro-cid-s7nwr5sk>Show prospects what they will see on the call</span></li><li class="flex items-start gap-3" data-astro-cid-s7nwr5sk><div class="mt-1 bg-sky-100 rounded-full p-1 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-3 h-3 text-sky-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-700 font-medium" data-astro-cid-s7nwr5sk>Increase the conversion rate of your demo booking page</span></li><li class="flex items-start gap-3" data-astro-cid-s7nwr5sk><div class="mt-1 bg-sky-100 rounded-full p-1 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-3 h-3 text-sky-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-700 font-medium" data-astro-cid-s7nwr5sk>Decrease no-show rates by building excitement upfront</span></li></ul></div><!-- Right side: Image --><div class="w-full lg:w-1/2 flex justify-center lg:justify-end" data-astro-cid-s7nwr5sk><img src="/use-cases/book-a-demo-page.png" alt="Book a Demo page" class="w-full max-w-[500px] h-auto rounded-2xl shadow-[0_20px_40px_rgba(0,0,0,0.08)]" loading="lazy" data-astro-cid-s7nwr5sk></div></div><div class="flex flex-col lg:flex-row items-center gap-12 lg:gap-20 min-h-[60vh]" data-astro-cid-s7nwr5sk><!-- Left side: Text, Description, and Bullet points --><div class="w-full lg:w-5/12 flex flex-col justify-center" data-astro-cid-s7nwr5sk><div class="inline-flex items-center gap-2.5 px-4 py-2 rounded-2xl bg-sky-50 border border-sky-100 shadow-sm mb-6 w-max" data-astro-cid-s7nwr5sk><span class="font-bold text-sky-600 text-sm tracking-wide" data-astro-cid-s7nwr5sk>Use Case 06</span></div><h3 class="font-serif text-3xl sm:text-4xl font-bold text-slate-900 mb-6" data-astro-cid-s7nwr5sk>Post-demo follow-up</h3><p class="text-slate-600 text-base leading-relaxed mb-8" data-astro-cid-s7nwr5sk>Most deals go cold after the call. The prospect says looks great - then goes silent. Send them an interactive demo instead of a PDF. They revisit it themselves, share it with their team, and come back to you ready to buy.</p><!-- Bullet points / Features --><ul class="space-y-4" data-astro-cid-s7nwr5sk><li class="flex items-start gap-3" data-astro-cid-s7nwr5sk><div class="mt-1 bg-sky-100 rounded-full p-1 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-3 h-3 text-sky-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-700 font-medium" data-astro-cid-s7nwr5sk>Deals stay warm while prospects are deciding</span></li><li class="flex items-start gap-3" data-astro-cid-s7nwr5sk><div class="mt-1 bg-sky-100 rounded-full p-1 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-3 h-3 text-sky-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-700 font-medium" data-astro-cid-s7nwr5sk>Decision makers share it internally without you on the call</span></li><li class="flex items-start gap-3" data-astro-cid-s7nwr5sk><div class="mt-1 bg-sky-100 rounded-full p-1 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-3 h-3 text-sky-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-700 font-medium" data-astro-cid-s7nwr5sk>Keep your product top-of-mind during the evaluation process</span></li></ul></div><!-- Right side: Image --><div class="w-full lg:w-1/2 flex justify-center lg:justify-end" data-astro-cid-s7nwr5sk><img src="/use-cases/follow-up.png" alt="Post-demo follow-up" class="w-full max-w-[500px] h-auto rounded-2xl shadow-[0_20px_40px_rgba(0,0,0,0.08)]" loading="lazy" data-astro-cid-s7nwr5sk></div></div></div></div><!-- âââ More Use Cases Section âââ --><div class="more-section mt-40" data-astro-cid-s7nwr5sk><div class="mx-auto max-w-7xl px-4 lg:px-8" data-astro-cid-s7nwr5sk><!-- Section Header --><div class="text-center mb-16" data-astro-cid-s7nwr5sk><span class="text-sm font-medium uppercase tracking-wider text-[#8a8680]" data-astro-cid-s7nwr5sk>MORE USE CASES</span><h2 class="font-serif font-bold mt-4 text-3xl tracking-[0.02em] text-slate-900 sm:text-5xl max-w-xl mx-auto" data-astro-cid-s7nwr5sk>One platform. Endless possibilities for your entire team.</h2></div><!-- Cards Grid: 1 col â 2 col (lg) â 4 col (xl) --><div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 gap-6" data-astro-cid-s7nwr5sk><div class="more-card group flex flex-col" id="more-use-case-1" data-astro-cid-s7nwr5sk><!-- Top sky accent bar --><div class="more-card-top-bar" data-astro-cid-s7nwr5sk></div><div class="more-card-body flex flex-col flex-1 p-6" data-astro-cid-s7nwr5sk><!-- Number + icon row --><div class="flex items-center justify-between mb-6" data-astro-cid-s7nwr5sk><span class="more-card-number" data-astro-cid-s7nwr5sk>01</span><div class="more-card-icon" data-astro-cid-s7nwr5sk><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="w-6 h-6 text-sky-600" data-astro-cid-s7nwr5sk><path stroke-linecap="round" stroke-linejoin="round" d="M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" /></svg></div></div><!-- Title -->
10<h3 class="font-serif text-2xl font-bold text-slate-900 mb-3 leading-snug" data-astro-cid-s7nwr5sk>Onboarding</h3><!-- Description --><p class="text-slate-500 text-sm leading-relaxed mb-6 flex-1" data-astro-cid-s7nwr5sk>Turn new users into power users fast. Embed interactive walkthroughs directly inside your product to guide users through key features from day one, no support tickets required.</p><!-- Divider --><div class="more-card-divider mb-5" data-astro-cid-s7nwr5sk></div><!-- Feature list --><ul class="space-y-2.5" data-astro-cid-s7nwr5sk><li class="flex items-start gap-2.5" data-astro-cid-s7nwr5sk><div class="more-card-check mt-0.5 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-2.5 h-2.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-600 text-sm" data-astro-cid-s7nwr5sk>Step-by-step in-app product tours</span></li><li class="flex items-start gap-2.5" data-astro-cid-s7nwr5sk><div class="more-card-check mt-0.5 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-2.5 h-2.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-600 text-sm" data-astro-cid-s7nwr5sk>Reduce time-to-value for new signups</span></li><li class="flex items-start gap-2.5" data-astro-cid-s7nwr5sk><div class="more-card-check mt-0.5 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-2.5 h-2.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-600 text-sm" data-astro-cid-s7nwr5sk>Decrease support load with self-serve guidance</span></li></ul></div></div><div class="more-card group flex flex-col" id="more-use-case-2" data-astro-cid-s7nwr5sk><!-- Top sky accent bar --><div class="more-card-top-bar" data-astro-cid-s7nwr5sk></div><div class="more-card-body flex flex-col flex-1 p-6" data-astro-cid-s7nwr5sk><!-- Number + icon row --><div class="flex items-center justify-between mb-6" data-astro-cid-s7nwr5sk><span class="more-card-number" data-astro-cid-s7nwr5sk>02</span><div class="more-card-icon" data-astro-cid-s7nwr5sk><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="w-6 h-6 text-sky-600" data-astro-cid-s7nwr5sk><path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" /></svg></div></div><!-- Title --><h3 class="font-serif text-2xl font-bold text-slate-900 mb-3 leading-snug" data-astro-cid-s7nwr5sk>Customer Success</h3><!-- Description --><p class="text-slate-500 text-sm leading-relaxed mb-6 flex-1" data-astro-cid-s7nwr5sk>Stop relying on outdated videos and screenshots to support your customers. Interactive demos guide users through your product at every stage - helping them get real value and reducing support requests.</p><!-- Divider -->
10<div class="more-card-divider mb-5" data-astro-cid-s7nwr5sk></div><!-- Feature list --><ul class="space-y-2.5" data-astro-cid-s7nwr5sk><li class="flex items-start gap-2.5" data-astro-cid-s7nwr5sk><div class="more-card-check mt-0.5 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-2.5 h-2.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-600 text-sm" data-astro-cid-s7nwr5sk>Replace static docs with hands-on interactive guides</span></li><li class="flex items-start gap-2.5" data-astro-cid-s7nwr5sk><div class="more-card-check mt-0.5 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-2.5 h-2.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-600 text-sm" data-astro-cid-s7nwr5sk>Drive feature adoption at every stage of the journey</span></li><li class="flex items-start gap-2.5" data-astro-cid-s7nwr5sk><div class="more-card-check mt-0.5 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-2.5 h-2.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-600 text-sm" data-astro-cid-s7nwr5sk>Reduce support tickets with self-serve demos</span></li></ul></div></div><div class="more-card group flex flex-col" id="more-use-case-3" data-astro-cid-s7nwr5sk><!-- Top sky accent bar --><div class="more-card-top-bar" data-astro-cid-s7nwr5sk></div><div class="more-card-body flex flex-col flex-1 p-6" data-astro-cid-s7nwr5sk><!-- Number + icon row --><div class="flex items-center justify-between mb-6" data-astro-cid-s7nwr5sk><span class="more-card-number" data-astro-cid-s7nwr5sk>03</span><div class="more-card-icon" data-astro-cid-s7nwr5sk><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="w-6 h-6 text-sky-600" data-astro-cid-s7nwr5sk><path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 0 0 8.716-6.747M12 21a9.004 9.004 0 0 1-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 0 1 7.843 4.582M12 3a8.997 8.997 0 0 0-7.843 4.582m15.686 0A11.953 11.953 0 0 1 12 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0 1 21 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0 1 12 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 0 1 3 12c0-1.605.42-3.113 1.157-4.418" /></svg></div></div><!-- Title --><h3 class="font-serif text-2xl font-bold text-slate-900 mb-3 leading-snug" data-astro-cid-s7nwr5sk>Partnerships</h3><!-- Description --><p class="text-slate-500 text-sm leading-relaxed mb-6 flex-1" data-astro-cid-s7nwr5sk>Showcase product value through interactive demos that make it easy for partners, resellers, and affiliates to understand, present, and sell your product - without relying on your team to be in every room.</p><!-- Divider -->
10<div class="more-card-divider mb-5" data-astro-cid-s7nwr5sk></div><!-- Feature list --><ul class="space-y-2.5" data-astro-cid-s7nwr5sk><li class="flex items-start gap-2.5" data-astro-cid-s7nwr5sk><div class="more-card-check mt-0.5 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-2.5 h-2.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-600 text-sm" data-astro-cid-s7nwr5sk>Self-serve demo partners can send anytime</span></li><li class="flex items-start gap-2.5" data-astro-cid-s7nwr5sk><div class="more-card-check mt-0.5 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-2.5 h-2.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-600 text-sm" data-astro-cid-s7nwr5sk>Keep messaging consistent across every channel</span></li><li class="flex items-start gap-2.5" data-astro-cid-s7nwr5sk><div class="more-card-check mt-0.5 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-2.5 h-2.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-600 text-sm" data-astro-cid-s7nwr5sk>Track partner-sourced demo engagement</span></li></ul></div></div><div class="more-card group flex flex-col" id="more-use-case-4" data-astro-cid-s7nwr5sk><!-- Top sky accent bar --><div class="more-card-top-bar" data-astro-cid-s7nwr5sk></div><div class="more-card-body flex flex-col flex-1 p-6" data-astro-cid-s7nwr5sk><!-- Number + icon row --><div class="flex items-center justify-between mb-6" data-astro-cid-s7nwr5sk><span class="more-card-number" data-astro-cid-s7nwr5sk>04</span><div class="more-card-icon" data-astro-cid-s7nwr5sk><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="w-6 h-6 text-sky-600" data-astro-cid-s7nwr5sk><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" /></svg></div></div><!-- Title --><h3 class="font-serif text-2xl font-bold text-slate-900 mb-3 leading-snug" data-astro-cid-s7nwr5sk>Product (Changelog)</h3><!-- Description --><p class="text-slate-500 text-sm leading-relaxed mb-6 flex-1" data-astro-cid-s7nwr5sk>Stop explaining product updates with walls of text. Use interactive demos to prototype features, collect feedback early, and turn your changelog into something users can explore not just read.</p><!-- Divider -->
10<div class="more-card-divider mb-5" data-astro-cid-s7nwr5sk></div><!-- Feature list --><ul class="space-y-2.5" data-astro-cid-s7nwr5sk><li class="flex items-start gap-2.5" data-astro-cid-s7nwr5sk><div class="more-card-check mt-0.5 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-2.5 h-2.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-600 text-sm" data-astro-cid-s7nwr5sk>Changelogs become clickable feature tours</span></li><li class="flex items-start gap-2.5" data-astro-cid-s7nwr5sk><div class="more-card-check mt-0.5 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-2.5 h-2.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-600 text-sm" data-astro-cid-s7nwr5sk>Increase feature adoption with every update</span></li><li class="flex items-start gap-2.5" data-astro-cid-s7nwr5sk><div class="more-card-check mt-0.5 shrink-0" data-astro-cid-s7nwr5sk><svg class="w-2.5 h-2.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-s7nwr5sk><polyline points="20 6 9 17 4 12" data-astro-cid-s7nwr5sk></polyline></svg></div><span class="text-slate-600 text-sm" data-astro-cid-s7nwr5sk>Build excitement around your releases</span></li></ul></div></div></div></div></div></section><section id="pricing" class="py-32" data-astro-cid-tl27rjbg><div class="relative mx-auto max-w-7xl px-4 lg:px-8" data-astro-cid-tl27rjbg><div class="mx-auto max-w-xl text-center" data-astro-cid-tl27rjbg><span class="text-sm font-medium uppercase tracking-wider text-[#8a8680]" data-astro-cid-tl27rjbg>Pricing</span><h2 class="font-serif font-semibold mt-4 text-3xl tracking-[0.02em] text-slate-900 sm:text-5xl" data-astro-cid-tl27rjbg>Build better demos,<br data-astro-cid-tl27rjbg><span class="inline-block" data-astro-cid-tl27rjbg> without extra cost. </span></h2></div><div class="mt-16 mx-auto max-w-5xl" data-astro-cid-tl27rjbg><div class="overflow-hidden rounded-[2.5rem] bg-white shadow-lg" data-astro-cid-tl27rjbg><div class="flex flex-col lg:flex-row" data-astro-cid-tl27rjbg><div class="flex flex-col items-center justify-center border-b border-slate-100 p-8 text-center lg:w-5/12 lg:border-b-0 lg:border-r lg:p-12 relative" data-astro-cid-tl27rjbg><div class="relative mx-auto mt-4 mb-8 w-[232px]" data-astro-cid-tl27rjbg><!-- Prominent Floating 2 months free label --><div class="absolute -top-10 -right-8 sm:-right-10 flex flex-col items-center pointer-events-none z-10 text-sky-500 drop-shadow-sm scale-90 sm:scale-100 origin-bottom" data-astro-cid-tl27rjbg><span class="font-stylish whitespace-nowrap text-xl font-medium ml-2 sm:ml-6" data-astro-cid-tl27rjbg>2 months free</span><svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="-ml-2" data-astro-cid-tl27rjbg><path d="M18 2 Q 16 14, 6 20" data-astro-cid-tl27rjbg></path><path d="M12 20 L6 20 L6 14" data-astro-cid-tl27rjbg></path></svg></div><div class="flex w-full items-center rounded-full bg-slate-50/80 p-1 ring-1 ring-slate-200 shadow-sm backdrop-blur-md relative" data-astro-cid-tl27rjbg><button id="btn-monthly" class="relative w-[100px] flex justify-center px-4 py-2 rounded-full text-xs font-semibold transition-all focus:outline-none cursor-pointer" data-astro-cid-tl27rjbg><span class="relative z-10 text-slate-900 font-bold w-full text-center" data-astro-cid-tl27rjbg>Monthly</span><div id="toggle-bg" class="absolute inset-0 rounded-full bg-white shadow-[0_2px_8px_rgba(0,0,0,0.08)] ring-1 ring-slate-200 transition-all duration-300 w-full h-full" data-astro-cid-tl27rjbg></div></button><button id="btn-yearly" class="relative w-[124px] flex items-center justify-center gap-1.5 px-4 py-2 rounded-full text-xs font-semibold transition-all hover:text-slate-900 focus:outline-none cursor-pointer text-slate-500" data-astro-cid-tl27rjbg><span class="relative z-10" data-astro-cid-tl27rjbg>Yearly</span></button></div></div><span class="mb-3 text-xs font-bold uppercase tracking-[0.2em] text-slate-400" data-astro-cid-tl27rjbg>Pro Plan</span><div class="flex items-center justify-center gap-1" data-astro-cid-tl27rjbg><span id="original-price-display" style="display: none;" class="font-serif tracking-[0.01em] text-base md:text-lg font-bold text-[#8a8680] line-through mb-1 mr-1" data-astro-cid-tl27rjbg>$588</span><div class="flex items-end gap-1" data-astro-cid-tl27rjbg><span id="price-display" class="font-serif tracking-[0.01em] text-5xl lg:text-7xl font-bold text-sky-600 leading-none" data-astro-cid-tl27rjbg>$49</span><span id="period-display" class="text-base font-medium text-[#8a8680] pb-1 lg:pb-2" data-astro-cid-tl27rjbg>/month</span></div></div><div class="mt-6 flex items-center justify-center gap-3" data-astro-cid-tl27rjbg><button id="btn-decrease-seats" disabled class="flex h-9 w-9 items-center justify-center rounded-full border-2 border-slate-200 bg-white text-slate-500 transition-all hover:border-sky-400 hover:text-sky-600 active:scale-90 disabled:opacity-30 disabled:cursor-not-allowed cursor-pointer" aria-label="Decrease seats" data-astro-cid-tl27rjbg>
10<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" data-astro-cid-tl27rjbg><line x1="5" y1="12" x2="19" y2="12" data-astro-cid-tl27rjbg></line></svg></button><span id="seat-count-display" class="min-w-[100px] text-center text-sm font-bold text-slate-700" data-astro-cid-tl27rjbg>For 1 User</span><button id="btn-increase-seats" class="flex h-9 w-9 items-center justify-center rounded-full border-2 border-slate-200 bg-white text-slate-500 transition-all hover:border-sky-400 hover:text-sky-600 active:scale-90 disabled:opacity-30 disabled:cursor-not-allowed cursor-pointer" aria-label="Increase seats" data-astro-cid-tl27rjbg><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" data-astro-cid-tl27rjbg><line x1="12" y1="5" x2="12" y2="19" data-astro-cid-tl27rjbg></line><line x1="5" y1="12" x2="19" y2="12" data-astro-cid-tl27rjbg></line></svg></button></div><div class="mt-8 w-full" data-astro-cid-tl27rjbg><a href="https://app.fendemo.com/login" target="_blank" rel="noopener noreferrer" class="flex h-14 w-full items-center justify-center gap-2 rounded-full bg-sky-600 px-8 text-lg font-medium text-white shadow-xl shadow-sky-200 transition-all hover:bg-sky-700 hover:shadow-sky-300 active:scale-95 text-center" data-astro-cid-tl27rjbg>Start 7-day free trial<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="transition-transform group-hover:translate-x-1" data-astro-cid-tl27rjbg><line x1="5" y1="12" x2="19" y2="12" data-astro-cid-tl27rjbg></line><polyline points="12 5 19 12 12 19" data-astro-cid-tl27rjbg></polyline></svg></a><div class="mt-6 flex flex-col items-center gap-1.5" data-astro-cid-tl27rjbg><div class="flex items-center gap-1.5 text-xs font-medium text-slate-600" data-astro-cid-tl27rjbg>No credit card required ⢠Cancel anytime</div></div></div></div><div class="flex flex-col bg-slate-50/50 p-8 lg:w-7/12 lg:p-12" data-astro-cid-tl27rjbg><h3 class="mb-8 text-sm font-bold uppercase tracking-[0.2em] text-slate-900" data-astro-cid-tl27rjbg>Everything included:</h3><ul class="grid gap-y-5" data-astro-cid-tl27rjbg><li class="group flex cursor-pointer items-center gap-4" data-astro-cid-tl27rjbg><div class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-sky-600 text-white shadow-sm transition-transform group-hover:scale-110" data-astro-cid-tl27rjbg><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-tl27rjbg><polyline points="20 6 9 17 4 12" data-astro-cid-tl27rjbg></polyline></svg></div><span class="text-base font-semibold text-slate-600 transition-colors group-hover:text-slate-800" data-astro-cid-tl27rjbg>Unlimited HTML Guided Demos</span></li><li class="group flex cursor-pointer items-center gap-4" data-astro-cid-tl27rjbg><div class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-sky-600 text-white shadow-sm transition-transform group-hover:scale-110" data-astro-cid-tl27rjbg><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-tl27rjbg><polyline points="20 6 9 17 4 12" data-astro-cid-tl27rjbg></polyline></svg></div><span class="text-base font-semibold text-slate-600 transition-colors group-hover:text-slate-800" data-astro-cid-tl27rjbg>Unlimited HTML Sandbox Demos</span></li><li class="group flex cursor-pointer items-center gap-4" data-astro-cid-tl27rjbg><div class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-sky-600 text-white shadow-sm transition-transform group-hover:scale-110" data-astro-cid-tl27rjbg><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-tl27rjbg><polyline points="20 6 9 17 4 12" data-astro-cid-tl27rjbg></polyline></svg></div><span class="text-base font-semibold text-slate-600 transition-colors group-hover:text-slate-800" data-astro-cid-tl27rjbg>Unlimited Demo Views</span></li><li class="group flex cursor-pointer items-center gap-4" data-astro-cid-tl27rjbg><div class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-sky-600 text-white shadow-sm transition-transform group-hover:scale-110" data-astro-cid-tl27rjbg><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-tl27rjbg><polyline points="20 6 9 17 4 12" data-astro-cid-tl27rjbg></polyline></svg></div><span class="text-base font-semibold text-slate-600 transition-colors group-hover:text-slate-800" data-astro-cid-tl27rjbg>Interactive Hotspots</span></li><li class="group flex cursor-pointer items-center gap-4" data-astro-cid-tl27rjbg><div class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-sky-600 text-white shadow-sm transition-transform group-hover:scale-110" data-astro-cid-tl27rjbg><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-tl27rjbg><polyline points="20 6 9 17 4 12" data-astro-cid-tl27rjbg></polyline></svg></div><span class="text-base font-semibold text-slate-600 transition-colors group-hover:text-slate-800" data-astro-cid-tl27rjbg>Remove Fendemo Watermark</span></li><li class="group flex cursor-pointer items-center gap-4" data-astro-cid-tl27rjbg><div class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-sky-600 text-white shadow-sm transition-transform group-hover:scale-110" data-astro-cid-tl27rjbg><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-tl27rjbg><polyline points="20 6 9 17 4 12" data-astro-cid-tl27rjbg></polyline></svg></div><span class="text-base font-semibold text-slate-600 transition-colors group-hover:text-slate-800" data-astro-cid-tl27rjbg>Analytics</span></li><li class="group flex cursor-pointer items-center gap-4" data-astro-cid-tl27rjbg><div class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-sky-600 text-white shadow-sm transition-transform group-hover:scale-110" data-astro-cid-tl27rjbg><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-tl27rjbg><polyline points="20 6 9 17 4 12" data-astro-cid-tl27rjbg></polyline></svg></div><span class="text-base font-semibold text-slate-600 transition-colors group-hover:text-slate-800" data-astro-cid-tl27rjbg>Future Updates</span></li><li class="group flex cursor-pointer items-center gap-4" data-astro-cid-tl27rjbg><div class="flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-sky-600 text-white shadow-sm transition-transform group-hover:scale-110" data-astro-cid-tl27rjbg><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-tl27rjbg><polyline points="20 6 9 17 4 12" data-astro-cid-tl27rjbg></polyline></svg></div><span class="text-base font-semibold text-slate-600 transition-colors group-hover:text-slate-800" data-astro-cid-tl27rjbg>Priority Support</span></li></ul></div></div></div></div></div></section>
10<script type="module">globalThis.process??={},globalThis.process.env??={};var e=document.getElementById(`btn-monthly`),t=document.getElementById(`btn-yearly`),n=document.getElementById(`price-display`),r=document.getElementById(`period-display`),i=document.getElementById(`toggle-bg`),a=document.getElementById(`original-price-display`),o=document.getElementById(`btn-decrease-seats`),s=document.getElementById(`btn-increase-seats`),c=document.getElementById(`seat-count-display`),l=`monthly`,u=1,d=49,f=490,p=588;function m(){n&&(n.textContent=`$`+(l===`monthly`?d:f)*u,l===`yearly`&&a&&(a.textContent=`$`+p*u))}e&&t&&n&&r&&i&&(o&&s&&c&&(o.addEventListener(`click`,()=>{u>1&&(u--,c.textContent=`For ${u} ${u===1?`User`:`Users`}`,o instanceof HTMLButtonElement&&(o.disabled=u<=1),s instanceof HTMLButtonElement&&(s.disabled=!1),m())}),s.addEventListener(`click`,()=>{u<20&&(u++,c.textContent=`For ${u} ${u===1?`User`:`Users`}`,s instanceof HTMLButtonElement&&(s.disabled=u>=20),o instanceof HTMLButtonElement&&(o.disabled=!1),m())})),e.addEventListener(`click`,()=>{l=`monthly`,i.parentElement?.removeChild(i),e.appendChild(i);let o=e.querySelector(`span`);o&&(o.className=`relative z-10 text-slate-900 font-bold w-full text-center`);let s=t.querySelector(`span`);s&&(s.className=`relative z-10 text-slate-500 font-semibold transition-colors hover:text-slate-900`),n.style.opacity=`0`,n.style.transform=`translateY(-10px)`,a&&(a.style.display=`none`),setTimeout(()=>{m(),r.textContent=`/month`,n.style.opacity=`1`,n.style.transform=`translateY(0)`},150)}),t.addEventListener(`click`,()=>{l=`yearly`,i.parentElement?.removeChild(i),t.appendChild(i);let o=t.querySelector(`span`);o&&(o.className=`relative z-10 text-slate-900 font-bold`);let s=e.querySelector(`span`);s&&(s.className=`relative z-10 text-slate-500 font-semibold transition-colors hover:text-slate-900 w-full text-center`),n.style.opacity=`0`,n.style.transform=`translateY(10px)`,setTimeout(()=>{m(),r.textContent=`/year`,n.style.opacity=`1`,n.style.transform=`translateY(0)`,a&&(a.style.display=`inline`)},150)}));</script>
10<section id="faq" class="pt-24 pb-20" data-astro-cid-kccdrnig><div class="mx-auto max-w-7xl px-4 lg:px-8" data-astro-cid-kccdrnig><div class="grid grid-cols-1 items-start gap-12 lg:grid-cols-3 lg:gap-16" data-astro-cid-kccdrnig><div class="text-center lg:col-span-1 lg:sticky lg:top-32 lg:text-left" data-astro-cid-kccdrnig><span class="text-sm font-medium uppercase tracking-wider text-[#8a8680]" data-astro-cid-kccdrnig>FAQ</span><h2 class="font-serif font-semibold mt-4 text-3xl tracking-[0.02em] text-slate-900 sm:text-5xl" data-astro-cid-kccdrnig>Quick answers</h2><p class="mt-4 text-base leading-relaxed text-[#4a4742]" data-astro-cid-kccdrnig>Everything you need to know about Fendemo.<br class="hidden sm:block" data-astro-cid-kccdrnig> Still have questions? Reach out directly.</p></div><div class="lg:col-span-2 space-y-0" data-astro-cid-kccdrnig><details class="group overflow-hidden border-b border-slate-300 bg-transparent transition-all" data-astro-cid-kccdrnig><summary class="flex cursor-pointer list-none items-center justify-between py-4 text-base font-medium text-slate-900 transition-colors group-open:text-sky-600 group-hover:text-sky-600" data-astro-cid-kccdrnig>What exactly is Fendemo?<span class="ml-4 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full border border-slate-300 text-slate-400 transition-all group-open:border-sky-600 group-open:bg-sky-600 group-open:text-white" data-astro-cid-kccdrnig><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="transition-transform group-open:rotate-45" data-astro-cid-kccdrnig><line x1="12" y1="5" x2="12" y2="19" data-astro-cid-kccdrnig></line><line x1="5" y1="12" x2="19" y2="12" data-astro-cid-kccdrnig></line></svg></span></summary><div class="pb-6 pr-8 text-base leading-relaxed text-slate-600" data-astro-cid-kccdrnig>Fendemo is a platform for creating interactive demos of your product. We capture the actual code and state of your live website - allowing you to create self-paced sandbox demos or step-by-step guided demos in minutes.</div></details><details class="group overflow-hidden border-b border-slate-300 bg-transparent transition-all" data-astro-cid-kccdrnig><summary class="flex cursor-pointer list-none items-center justify-between py-4 text-base font-medium text-slate-900 transition-colors group-open:text-sky-600 group-hover:text-sky-600" data-astro-cid-kccdrnig>What is a guided demo?<span class="ml-4 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full border border-slate-300 text-slate-400 transition-all group-open:border-sky-600 group-open:bg-sky-600 group-open:text-white" data-astro-cid-kccdrnig><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="transition-transform group-open:rotate-45" data-astro-cid-kccdrnig><line x1="12" y1="5" x2="12" y2="19" data-astro-cid-kccdrnig></line><line x1="5" y1="12" x2="19" y2="12" data-astro-cid-kccdrnig></line></svg></span></summary><div class="pb-6 pr-8 text-base leading-relaxed text-slate-600" data-astro-cid-kccdrnig>A guided demo (or tour) is a step-by-step walkthrough of your product. You can add captions and instructions to guide users through specific features or workflows, ensuring they see the exact value you want to highlight.</div></details><details class="group overflow-hidden border-b border-slate-300 bg-transparent transition-all" data-astro-cid-kccdrnig><summary class="flex cursor-pointer list-none items-center justify-between py-4 text-base font-medium text-slate-900 transition-colors group-open:text-sky-600 group-hover:text-sky-600" data-astro-cid-kccdrnig>What is a sandbox demo?<span class="ml-4 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full border border-slate-300 text-slate-400 transition-all group-open:border-sky-600 group-open:bg-sky-600 group-open:text-white" data-astro-cid-kccdrnig><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="transition-transform group-open:rotate-45" data-astro-cid-kccdrnig><line x1="12" y1="5" x2="12" y2="19" data-astro-cid-kccdrnig></line><line x1="5" y1="12" x2="19" y2="12" data-astro-cid-kccdrnig></line></svg></span></summary><div class="pb-6 pr-8 text-base leading-relaxed text-slate-600" data-astro-cid-kccdrnig>A sandbox demo is an interactive replica of your live product that customers can explore on their own. It captures your real UI and lets users click through the experience just like they would in the actual app.</div></details>
10<details class="group overflow-hidden border-b border-slate-300 bg-transparent transition-all" data-astro-cid-kccdrnig><summary class="flex cursor-pointer list-none items-center justify-between py-4 text-base font-medium text-slate-900 transition-colors group-open:text-sky-600 group-hover:text-sky-600" data-astro-cid-kccdrnig>Do I need a credit card to start a trial?<span class="ml-4 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full border border-slate-300 text-slate-400 transition-all group-open:border-sky-600 group-open:bg-sky-600 group-open:text-white" data-astro-cid-kccdrnig><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="transition-transform group-open:rotate-45" data-astro-cid-kccdrnig><line x1="12" y1="5" x2="12" y2="19" data-astro-cid-kccdrnig></line><line x1="5" y1="12" x2="19" y2="12" data-astro-cid-kccdrnig></line></svg></span></summary><div class="pb-6 pr-8 text-base leading-relaxed text-slate-600" data-astro-cid-kccdrnig>No! You can start your 7-day free trial immediately without entering any payment information.</div></details><details class="group overflow-hidden border-b border-slate-300 bg-transparent transition-all" data-astro-cid-kccdrnig><summary class="flex cursor-pointer list-none items-center justify-between py-4 text-base font-medium text-slate-900 transition-colors group-open:text-sky-600 group-hover:text-sky-600" data-astro-cid-kccdrnig>What happens when my free trial ends?<span class="ml-4 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full border border-slate-300 text-slate-400 transition-all group-open:border-sky-600 group-open:bg-sky-600 group-open:text-white" data-astro-cid-kccdrnig><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="transition-transform group-open:rotate-45" data-astro-cid-kccdrnig><line x1="12" y1="5" x2="12" y2="19" data-astro-cid-kccdrnig></line><line x1="5" y1="12" x2="19" y2="12" data-astro-cid-kccdrnig></line></svg></span></summary><div class="pb-6 pr-8 text-base leading-relaxed text-slate-600" data-astro-cid-kccdrnig>When your trial ends, you will completely lose access to Fendemo. If you have any recorded demos, we will securely save them for a 30-day grace period. If you do not upgrade to a Pro plan within those 30 days, we will permanently delete your demos from our servers.</div></details><details class="group overflow-hidden border-b border-slate-300 bg-transparent transition-all" data-astro-cid-kccdrnig><summary class="flex cursor-pointer list-none items-center justify-between py-4 text-base font-medium text-slate-900 transition-colors group-open:text-sky-600 group-hover:text-sky-600" data-astro-cid-kccdrnig>Can I use Fendemo as a single user?<span class="ml-4 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full border border-slate-300 text-slate-400 transition-all group-open:border-sky-600 group-open:bg-sky-600 group-open:text-white" data-astro-cid-kccdrnig><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="transition-transform group-open:rotate-45" data-astro-cid-kccdrnig><line x1="12" y1="5" x2="12" y2="19" data-astro-cid-kccdrnig></line><line x1="5" y1="12" x2="19" y2="12" data-astro-cid-kccdrnig></line></svg></span></summary><div class="pb-6 pr-8 text-base leading-relaxed text-slate-600" data-astro-cid-kccdrnig>Absolutely. Fendemo works great as a solo tool, no seats required to get started. Organization seats are an optional add-on for when you're ready to bring your team on board. You can add members at any time, and there's no pressure to do so upfront.</div></details><details class="group overflow-hidden border-b border-slate-300 bg-transparent transition-all" data-astro-cid-kccdrnig><summary class="flex cursor-pointer list-none items-center justify-between py-4 text-base font-medium text-slate-900 transition-colors group-open:text-sky-600 group-hover:text-sky-600" data-astro-cid-kccdrnig>Can I invite team members during my trial?<span class="ml-4 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full border border-slate-300 text-slate-400 transition-all group-open:border-sky-600 group-open:bg-sky-600 group-open:text-white" data-astro-cid-kccdrnig>
10<svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="transition-transform group-open:rotate-45" data-astro-cid-kccdrnig><line x1="12" y1="5" x2="12" y2="19" data-astro-cid-kccdrnig></line><line x1="5" y1="12" x2="19" y2="12" data-astro-cid-kccdrnig></line></svg></span></summary><div class="pb-6 pr-8 text-base leading-relaxed text-slate-600" data-astro-cid-kccdrnig>Inviting team members is not available during the 7-day trial. The trial is intended for individual use, so each person who wants to explore Fendemo would need to sign up for their own trial account. When you're ready to collaborate as a team, you can upgrade to a paid plan and invite your members at that point.</div></details><details class="group overflow-hidden border-b border-slate-300 bg-transparent transition-all" data-astro-cid-kccdrnig><summary class="flex cursor-pointer list-none items-center justify-between py-4 text-base font-medium text-slate-900 transition-colors group-open:text-sky-600 group-hover:text-sky-600" data-astro-cid-kccdrnig>Will I be charged automatically after the trial?<span class="ml-4 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full border border-slate-300 text-slate-400 transition-all group-open:border-sky-600 group-open:bg-sky-600 group-open:text-white" data-astro-cid-kccdrnig><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="transition-transform group-open:rotate-45" data-astro-cid-kccdrnig><line x1="12" y1="5" x2="12" y2="19" data-astro-cid-kccdrnig></line><line x1="5" y1="12" x2="19" y2="12" data-astro-cid-kccdrnig></line></svg></span></summary><div class="pb-6 pr-8 text-base leading-relaxed text-slate-600" data-astro-cid-kccdrnig>No. Since we don't ask for your credit card upfront, you will never be charged automatically. You only pay when you explicitly choose to upgrade.</div></details><details class="group overflow-hidden border-b border-slate-300 bg-transparent transition-all" data-astro-cid-kccdrnig><summary class="flex cursor-pointer list-none items-center justify-between py-4 text-base font-medium text-slate-900 transition-colors group-open:text-sky-600 group-hover:text-sky-600" data-astro-cid-kccdrnig>Why is the Fendemo watermark still showing on my demos?<span class="ml-4 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full border border-slate-300 text-slate-400 transition-all group-open:border-sky-600 group-open:bg-sky-600 group-open:text-white" data-astro-cid-kccdrnig><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="transition-transform group-open:rotate-45" data-astro-cid-kccdrnig><line x1="12" y1="5" x2="12" y2="19" data-astro-cid-kccdrnig></line><line x1="5" y1="12" x2="19" y2="12" data-astro-cid-kccdrnig></line></svg></span></summary><div class="pb-6 pr-8 text-base leading-relaxed text-slate-600" data-astro-cid-kccdrnig>The watermark is removed automatically when you subscribe to a paid plan. Free and trial users will always see the 'Powered by Fendemo' watermark on their demos.</div></details><details class="group overflow-hidden border-b border-slate-300 bg-transparent transition-all" data-astro-cid-kccdrnig><summary class="flex cursor-pointer list-none items-center justify-between py-4 text-base font-medium text-slate-900 transition-colors group-open:text-sky-600 group-hover:text-sky-600" data-astro-cid-kccdrnig>Do I need to install anything?<span class="ml-4 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full border border-slate-300 text-slate-400 transition-all group-open:border-sky-600 group-open:bg-sky-600 group-open:text-white" data-astro-cid-kccdrnig><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="transition-transform group-open:rotate-45" data-astro-cid-kccdrnig><line x1="12" y1="5" x2="12" y2="19" data-astro-cid-kccdrnig></line><line x1="5" y1="12" x2="19" y2="12" data-astro-cid-kccdrnig></line></svg></span></summary><div class="pb-6 pr-8 text-base leading-relaxed text-slate-600" data-astro-cid-kccdrnig>To record demos, you'll need to install our Chrome extension. To view or manage demos, you just need a browser - n
10o installation required.</div></details><details class="group overflow-hidden border-b border-slate-300 bg-transparent transition-all" data-astro-cid-kccdrnig><summary class="flex cursor-pointer list-none items-center justify-between py-4 text-base font-medium text-slate-900 transition-colors group-open:text-sky-600 group-hover:text-sky-600" data-astro-cid-kccdrnig>Can I embed these demos on my website?<span class="ml-4 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full border border-slate-300 text-slate-400 transition-all group-open:border-sky-600 group-open:bg-sky-600 group-open:text-white" data-astro-cid-kccdrnig><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="transition-transform group-open:rotate-45" data-astro-cid-kccdrnig><line x1="12" y1="5" x2="12" y2="19" data-astro-cid-kccdrnig></line><line x1="5" y1="12" x2="19" y2="12" data-astro-cid-kccdrnig></line></svg></span></summary><div class="pb-6 pr-8 text-base leading-relaxed text-slate-600" data-astro-cid-kccdrnig>Yes! Fendemo provides easy to use embedding options so you can showcase your product demos directly on your landing page, documentation, or blog etc.</div></details><details class="group overflow-hidden border-b border-slate-300 bg-transparent transition-all" data-astro-cid-kccdrnig><summary class="flex cursor-pointer list-none items-center justify-between py-4 text-base font-medium text-slate-900 transition-colors group-open:text-sky-600 group-hover:text-sky-600" data-astro-cid-kccdrnig>Is there a limit to how many people can view my demos?<span class="ml-4 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full border border-slate-300 text-slate-400 transition-all group-open:border-sky-600 group-open:bg-sky-600 group-open:text-white" data-astro-cid-kccdrnig><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="transition-transform group-open:rotate-45" data-astro-cid-kccdrnig><line x1="12" y1="5" x2="12" y2="19" data-astro-cid-kccdrnig></line><line x1="5" y1="12" x2="19" y2="12" data-astro-cid-kccdrnig></line></svg></span></summary><div class="pb-6 pr-8 text-base leading-relaxed text-slate-600" data-astro-cid-kccdrnig>No! We support unlimited views for your demos. You can share them with as many customers as you like.</div></details></div></div></div></section><section class="py-24 relative overflow-hidden" data-astro-cid-jd5wpn7n><div class="mx-auto max-w-7xl px-4 lg:px-8" data-astro-cid-jd5wpn7n><!-- Clean, Branded Dark Card --><div class="relative rounded-[2.5rem] bg-slate-950 px-8 py-20 md:py-16 text-center shadow-2xl overflow-hidden border border-slate-800" data-astro-cid-jd5wpn7n><!-- Subtle Grid Pattern instead of AI glowing orb --><div class="absolute inset-0 bg-[linear-gradient(to_right,#4f4f4f2e_1px,transparent_1px),linear-gradient(to_bottom,#4f4f4f2e_1px,transparent_1px)] bg-[size:14px_24px] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_0%,#000_70%,transparent_100%)] pointer-events-none" data-astro-cid-jd5wpn7n></div><!-- Subtle top brand highlight --><div class="absolute top-0 left-1/2 -translate-x-1/2 w-3/4 h-1 bg-gradient-to-r from-transparent via-sky-500 to-transparent opacity-50" data-astro-cid-jd5wpn7n></div><!-- Floating Animated Icons (Simplified, no frosted glass) --><!-- Top Left: Cursor --><div class="absolute top-16 left-16 hidden md:flex items-center justify-center w-14 h-14 rounded-full bg-slate-800 border border-slate-700 animate-float shadow-lg" data-astro-cid-jd5wpn7n><svg class="w-6 h-6 text-sky-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-jd5wpn7n><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" data-astro-cid-jd5wpn7n></path></svg></div><!-- Top Right: Sparkles --><div class="absolute top-20 right-20 hidden md:flex items-center justify-center w-12 h-12 rounded-full bg-slate-800 border border-slate-700 animate-float-delayed shadow-lg" data-astro-cid-jd5wpn7n><svg class="w-5 h-5 text-yellow-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-jd5wpn7n><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z" data-astro-cid-jd5wpn7n></path></svg></div><!-- Bottom Left: Analytics --><div class="absolute bottom-20 left-20 hidden md:flex items-center justify-center w-12 h-12 rounded-full bg-slate-800 border border-slate-700 animate-float-delayed shadow-lg" data-astro-cid-jd5wpn7n><svg class="w-5 h-5 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-jd5wpn7n><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6" data-astro-cid-jd5wpn7n></path></svg></div><!-- Bottom Right: Play Button --><div class="absolute bottom-16 right-16 hidden md:flex items-center justify-center w-14 h-14 roun
10ded-full bg-slate-800 border border-slate-700 animate-float shadow-lg" data-astro-cid-jd5wpn7n><svg class="w-6 h-6 text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-jd5wpn7n><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" data-astro-cid-jd5wpn7n></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" data-astro-cid-jd5wpn7n></path></svg></div><div class="relative z-10 mx-auto max-w-3xl flex flex-col items-center justify-center" data-astro-cid-jd5wpn7n><!-- Heading --><h2 class="font-serif mb-6 text-4xl font-bold tracking-normal text-white sm:text-5xl lg:text-6xl leading-[1.05] animate-in fade-in slide-in-from-bottom-6 duration-1000" data-astro-cid-jd5wpn7n>Turn your product into <br class="hidden sm:block" data-astro-cid-jd5wpn7n><span class="text-sky-400" data-astro-cid-jd5wpn7n>its own best salesperson.</span></h2><!-- Subheading --><p class="mb-12 max-w-2xl text-lg text-slate-400 leading-relaxed font-medium animate-in fade-in slide-in-from-bottom-8 duration-1000" data-astro-cid-jd5wpn7n>No engineers. No videos. No boring screenshots.<br class="hidden sm:block" data-astro-cid-jd5wpn7n>Just your product - interactive, shareable, and converting.</p><!-- Buttons --><div class="flex w-full flex-col items-center justify-center gap-4 md:flex-row animate-in fade-in slide-in-from-bottom-10 duration-1000 delay-200" data-astro-cid-jd5wpn7n><a href="https://app.fendemo.com/login" target="_blank" rel="noopener noreferrer" class="group relative flex h-14 w-full items-center justify-center gap-2 rounded-full bg-sky-600 px-4 md:px-8 text-md font-medium text-white transition-all hover:bg-sky-500 hover:-translate-y-0.5 active:scale-95 sm:w-auto" data-astro-cid-jd5wpn7n>Start a 7-day free trial<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="transition-transform group-hover:translate-x-1" data-astro-cid-jd5wpn7n><line x1="5" y1="12" x2="19" y2="12" data-astro-cid-jd5wpn7n></line><polyline points="12 5 19 12 12 19" data-astro-cid-jd5wpn7n></polyline></svg></a><a href="https://chromewebstore.google.com/detail/fendemo-create-interactiv/lpdejlaebpklancfhoahgdkdfoaipghn" target="_blank" rel="noopener noreferrer" class="flex h-14 w-full items-center justify-center gap-2 rounded-full border border-slate-700 bg-slate-900 px-4 md:px-8 text-md font-medium text-slate-300 transition-all hover:bg-slate-800 hover:text-white hover:border-slate-600 hover:-translate-y-0.5 active:scale-95 sm:w-auto" data-astro-cid-jd5wpn7n><img src="https://upload.wikimedia.org/wikipedia/commons/e/e1/Google_Chrome_icon_%28February_2022%29.svg" alt="Chrome Logo" class="hidden md:block h-5 w-5" data-astro-cid-jd5wpn7n>Install Chrome Extension</a></div></div></div></div></section></main><footer class="border-t border-slate-200 pt-16 pb-8"><div class="mx-auto max-w-7xl px-4 lg:px-8"><div class="grid grid-cols-1 gap-12 lg:grid-cols-5 lg:gap-8"><!-- Brand & Description (Left Side) --><div class="lg:col-span-2"><a href="/" class="flex items-center gap-2 mb-4"><img src="/logo.svg" alt="Fendemo Logo" class="h-8 w-8"><span class="font-serif text-2xl font-bold tracking-[0.04em] text-sky-600">Fendemo</span></a><p class="text-slate-600 font-medium leading-relaxed lg:max-w-sm">Turn your product into an interactive experience. Increase conversions and close deals faster with no-code HTML interactive demos.</p></div><!-- Links (Right Side) --><div class="grid grid-cols-2 gap-8 sm:grid-cols-3 lg:col-span-3"><!-- Product --><div><h3 class="text-sm font-bold uppercase tracking-wider text-slate-900 mb-4">Product</h3><ul class="space-y-3"><li><a href="/#use-cases" class="text-sm text-slate-600 hover:text-sky-600 transition-colors font-medium">Use cases</a></li><li><a href="/#pricing" class="text-sm text-slate-600 hover:text-sky-600 transition-colors font-medium">Pricing</a></li><li><a href="https://docs.fendemo.com" target="_blank" rel="noopener noreferrer" class="text-sm text-slate-600 hover:text-sky-600 transition-colors font-medium">Docs</a></li><li><a href="https://chromewebstore.google.com/detail/fendemo-create-interactiv/lpdejlaebpklancfhoahgdkdfoaipghn" target="_blank" rel="noopener noreferrer" class="text-sm text-slate-600 hover:text-sky-600 transition-colors font-medium">Chrome extension</a></li></ul></div><!-- Company --><div><h3 class="text-sm font-bold uppercase tracking-wider text-slate-900 mb-4">Company</h3><ul class="space-y-3"><li><a href="/terms" class="text-sm text-slate-600 hover:text-sky-600 transition-colors font-medium">Terms & Conditions</a></li><li><a href="/privacy" class="text-sm text-slate-600 hover:text-sky-600 transition-colors font-medium">Privacy Policy</a></li></ul></div><!-- Contact --><div><h3 class="text-sm font-bold uppercase tracking-wider text-slate-900 mb-4">Contact</h3><ul class="space-y-3"><li><a href="https://www.linkedin.com/in/noumanalidev" target="_blank" rel="noopener noreferrer" class="text-sm text-slate-600 hover:text-sky-600 transition-colors font-medium">LinkedIn</a></li><li><a href="https://x.com/noumanalidev" target="_blank" rel="noopener noreferrer" class="text-sm text-slate-600 hover:text-sky-600 transition-colors font-medium">Twitter (X)</a></li><li><a href="mailto:[email protected]" class="text-sm text-slate-600 hover:text-sky-600 transition-colors font-medium">Email</a></li></ul></div></div></div><!-- Bottom Copyright --><div class="mt-16 border-t border-slate-200 pt-8 text-center"><p class="text-sm font-medium text-slate-500">© 2026 Fendemo. All rights reserved.</p></div></div></footer>
10<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"90ddfbd3030a4333bb4eecb37ec74d09","r":1,"spa":2}' crossorigin="anonymous"></script>
10 11</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.