1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Flogo%2Fsa-logo%2Fsampleapp-logo.png&w=256&q=75 1x, /_next/image?url=%2Flogo%2Fsa-logo%2Fsampleapp-logo.png&w=640&q=75 2x"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Flogo%2Fsa-logo%2Fsampleapp-logo.png&w=256&q=75 1x, /_next/image?url=%2Flogo%2Fsa-logo%2Fsampleapp-logo.png&w=384&q=75 2x"/><link rel="preload" as="image" href="/components/chat-bar/flask.svg"/><link rel="preload" as="image" href="/components/chat-bar/express.svg"/><link rel="preload" as="image" href="/images/landing-page/quotes/anita-ihuman.jpeg"/><link rel="preload" as="image" href="/images/landing-page/quotes/gautam-kumar.jpeg"/><link rel="preload" as="image" href="/images/landing-page/quotes/dunith-danushka.jpeg"/><link rel="preload" as="image" href="/images/landing-page/quotes/sonam-gupta.jpeg"/><link rel="preload" as="image" href="/images/landing-page/quotes/achyutha-harish.jpeg"/><link rel="stylesheet" href="/_next/static/css/c7188f84a8f3d14f.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/703c96ef7118dc27.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-663a1c940187583d.js"/>
1<script src="/_next/static/chunks/4bd1b696-f21c412a1bcc7c6e.js" async=""></script>
1<script src="/_next/static/chunks/93794-7522e7146e861d0e.js" async=""></script>
1<script src="/_next/static/chunks/main-app-76128f86be3f690e.js" async=""></script>
1<script src="/_next/static/chunks/9da6db1e-284d867b893f0245.js" async=""></script>
1<script src="/_next/static/chunks/20787-68a0777cee96d3db.js" async=""></script>
1<script src="/_next/static/chunks/22142-d990c2a729c799da.js" async=""></script>
1<script src="/_next/static/chunks/40186-42567cc8a2c8516c.js" async=""></script>
1<script src="/_next/static/chunks/13980-9251509122961406.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-454a265a113af49b.js" async=""></script>
1<script src="/_next/static/chunks/0e5ce63c-e705c4ad0ef44cab.js" async=""></script>
1<script src="/_next/static/chunks/98500-b81c9f59a752607d.js" async=""></script>
1<script src="/_next/static/chunks/app/error-8f0cf88483cf8093.js" async=""></script>
1<script src="/_next/static/chunks/app/not-found-f60e35cc3c53e0a3.js" async=""></script>
1<script src="/_next/static/chunks/38437-57c3fd0dee38a977.js" async=""></script>
1<script src="/_next/static/chunks/32038-ae019e7593359439.js" async=""></script>
1<script src="/_next/static/chunks/60884-1db1424b9d1dfd63.js" async=""></script>
1<script src="/_next/static/chunks/90495-04a12f2cc827fb6d.js" async=""></script>
1<script src="/_next/static/chunks/app/(private)/(landing)/layout-31a9109b0e8362d2.js" async=""></script>
1<script src="/_next/static/chunks/51661-c83de9c9916898a1.js" async=""></script>
1<script src="/_next/static/chunks/12288-1d3eee6de5d74790.js" async=""></script>
1<script src="/_next/static/chunks/app/(private)/(landing)/page-8b715b340ae5130c.js" async=""></script>
1<script src="/_next/static/chunks/76559-2c481f5d58254a01.js" async=""></script>
1<script src="/_next/static/chunks/32874-5f43ec36c5c4eb41.js" async=""></script>
1<script src="/_next/static/chunks/app/(private)/layout-36642f7bc0fe6add.js" async=""></script>
1<script src="https://clerk.sampleapp.ai/npm/@clerk/clerk-js@5/dist/clerk.browser.js" data-clerk-js-script="true" async="" crossorigin="anonymous" data-clerk-publishable-key="pk_live_Y2xlcmsuc2FtcGxlYXBwLmFpJA"></script>
1<title>sampleapp.ai</title><meta name="description" content="Stripe-like Sample App Experience"/><link rel="icon" href="/favicon.ico?dfa27c82f65d4124" type="image/x-icon" sizes="16x16"/>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body><div hidden=""><!--$--><!--/$--></div>
1<script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","theme","light",null,["light","dark"],null,true,true)</script>
1<div class="min-h-screen flex flex-col dark:bg-black"><div class="h-[44px]"></div><div class="fixed top-0 left-0 right-0 z-[6000] w-full px-4 py-3 text-sm font-medium text-center flex items-center justify-center gap-2 bg-gradient-to-r from-indigo-600 via-purple-500 to-indigo-600 bg-[length:200%_auto] animate-rainbow [--speed:10s]" style="height:44px;opacity:1;transform:none"><div class="flex-1 flex items-center justify-center"><p class="text-white text-sm">See how coding agents perform with your API on<!-- --> <a href="https://lightsage.com" target="_blank" rel="noopener noreferrer" class="font-semibold underline hover:no-underline">Devtool Arena â</a></p></div></div><div class="flex max-w-5xl fixed inset-x-0 mx-4 sm:mx-6 lg:mx-auto rounded-xl transition-all duration-300 ease-in-out top-12 sm:top-12 bg-zinc-300/25 dark:bg-rexbg-500/25 backdrop-blur-md border border-rexbg-700/[0.05] dark:border-white/[0.05] shadow-sm dark:shadow-[0_8px_32px_0_rgba(31,38,135,0.37)] z-[5000] px-4 py-2 space-x-5 items-center justify-between" style="opacity:1;transform:none"><div class="flex items-center"><div class="hidden lg:flex justify-center gap-2 md:justify-start w-full"><div class="flex justify-center md:justify-start"><a class="flex" href="/"><div class="invert dark:invert-0"><img alt="SampleApp Logo" width="230" height="40" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Flogo%2Fsa-logo%2Fsampleapp-logo.png&w=256&q=75 1x, /_next/image?url=%2Flogo%2Fsa-logo%2Fsampleapp-logo.png&w=640&q=75 2x" src="/_next/image?url=%2Flogo%2Fsa-logo%2Fsampleapp-logo.png&w=640&q=75"/></div></a></div></div><div class="flex lg:hidden justify-center gap-2 md:justify-start w-full"><div class="flex justify-center md:justify-start"><a class="flex" href="/"><div class="invert dark:invert-0"><img alt="SampleApp Logo" width="150" height="40" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Flogo%2Fsa-logo%2Fsampleapp-logo.png&w=256&q=75 1x, /_next/image?url=%2Flogo%2Fsa-logo%2Fsampleapp-logo.png&w=384&q=75 2x" src="/_next/image?url=%2Flogo%2Fsa-logo%2Fsampleapp-logo.png&w=384&q=75"/></div></a></div></div></div><div class="hidden lg:flex flex-row w-full relative"><div class="ml-16 space-x-6 lg:space-x-10 flex flex-row"><a href="https://docs.sampleapp.ai" class="relative text-zinc-600 dark:text-neutral-100 items-center flex space-x-1 hover:text-zinc-900 dark:hover:text-neutral-400 font-medium"><span class="text-sm">Docs</span></a><a href="/request-for-preview" class="relative text-zinc-600 dark:text-neutral-100 items-center flex space-x-1 hover:text-zinc-900 dark:hover:text-neutral-400 font-medium"><span class="text-sm">Request For Preview</span></a><a href="https://lightsage.com/leaderboard" class="relative text-zinc-600 dark:text-neutral-100 items-center flex space-x-1 hover:text-zinc-900 dark:hover:text-neutral-400 font-medium"><span class="text-sm">Devtool Arena</span></a></div></div><div class="flex items-center space-x-4"><a href="https://cal.com/sampleappai/demo"><button class="items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-5 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground px-4 py-2 h-8 hidden sm:flex rounded-full">Book a Demo</button></a><div><button class="focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-5 [&_svg]:shrink-0 inline-flex items-center outline-offset-2 h-fit focus-visible:outline-2 focus-visible:outline-primary justify-center cursor-pointer gap-1.5 whitespace-nowrap rounded-full font-medium shrink-0 transition-[color,background-color] duration-100 shadow-sm bg-zinc-900 text-white border border-zinc-900 hover:bg-zinc-900/85 text-[15px] py-[4.5px] px-3 dark:bg-white dark:text-zinc-900 dark:border-white dark:hover:bg-white/90">Start for Free</button></div><button class="lg:hidden p-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu w-6 h-6 text-zinc-600 dark:text-neutral-50"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></div><main class="flex-grow"><div class="flex flex-col flex-grow "><div class="flex-grow"><div class="min-h-screen bg-slate-50 dark:bg-rexbg-500 relative transition-colors duration-200"><div class="bg-slate-50 dark:bg-rexbg-500"><div class="absolute inset-0 overflow-hidden pointer-events-none"><svg class="animate-spotlight absolute z-[1] opacity-0 w-[180%] h-[180%] sm:w-[110%] sm:h-[110%] md:w-[100%] md:h-[100%] lg:w-[90%] lg:h-[90%] xl:w-[80%] xl:h-[80%] 2xl:w-[70%] 2xl:h-[70%] -translate-x-1/2 -translate-y-1/2 -top-[124rem] left-0 sm:left-40 sm:-top-[66rem] md:left-40 md:-top-[56rem] lg:-top-[38rem] lg:left-40 xl:-top-[38rem] xl:left-40 2xl:-top-[40rem] 2xl:left-40" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3787 2842" fill="none">
1<g filter="url(#filter)"><ellipse cx="1924.71" cy="273.501" rx="1924.71" ry="273.501" transform="matrix(-0.822377 -0.568943 -0.568943 0.822377 3631.88 2291.09)" fill="#2596BE" fill-opacity="0.21"></ellipse></g><defs><filter id="filter" x="0.860352" y="0.838989" width="3785.16" height="2840.26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur stdDeviation="151" result="effect1_foregroundBlur_1065_8"></feGaussianBlur></filter></defs></svg></div><div style="opacity:0"><div class="flex flex-col items-center justify-center pt-[8rem] md:pb-12 max-md:px-6"><h1 class="hidden sm:block w-full max-w-[50rem] text-center font-semibold leading-[120%] text-balance text-zinc-900 dark:text-zinc-100 text-4xl sm:text-6xl" style="opacity:0;transform:translateY(30px)">The fastest way for devs to implement your API</h1><h1 class="block sm:hidden w-full max-w-[50rem] text-center font-semibold leading-[125%] text-balance text-zinc-900 dark:text-zinc-100 text-4xl" style="opacity:0;transform:translateY(30px)">The fastest way for devs to implement your API</h1><div class="text-zinc-600 dark:text-zinc-300 md:text-lg/[160%] text-base/[160%] mt-6 text-center max-w-[36rem]" style="opacity:0;transform:translateY(30px)">Stripe-like Guided Onboarding that helps developers visualize and understand how to implement your API into their codebase.</div><div class="mt-8 flex flex-col sm:flex-row gap-3 items-center" style="opacity:0;transform:translateY(30px)"><a href="/request-for-preview"><button type="button" class="inline-flex items-center outline-offset-2 h-fit focus-visible:outline-2 focus-visible:outline-primary justify-center cursor-pointer gap-1.5 whitespace-nowrap rounded-full font-medium shrink-0 transition-[color,background-color] duration-100 shadow-sm bg-zinc-900 text-white border border-zinc-900 hover:bg-zinc-900/85 text-[15px] py-3 px-6 dark:bg-white dark:text-zinc-900 dark:border-white dark:hover:bg-white/90">See it in action</button></a><button type="button" class="inline-flex items-center outline-offset-2 h-fit focus-visible:outline-2 focus-visible:outline-primary justify-center cursor-pointer gap-1.5 whitespace-nowrap rounded-full font-medium shrink-0 transition-[color,background-color] duration-100 text-[15px] py-3 px-6 text-zinc-700 dark:text-zinc-300 hover:text-zinc-900 dark:hover:text-zinc-100 border border-zinc-300 dark:border-zinc-700 hover:border-zinc-400 dark:hover:border-zinc-600">Watch demo (60s)</button></div></div><div class=""><div style="opacity:0;transform:translateY(30px)"><div class="mx-auto w-full max-w-2xl"><div class="relative group"><div class="grid grid-cols-2 sm:grid-cols-5 gap-14 sm:gap-6 items-center justify-items-center rounded-2xl px-6 sm:px-8 pb-8"><img alt="OpenAI" loading="lazy" width="80" height="28" decoding="async" data-nimg="1" class="opacity-40 " style="color:transparent;filter:grayscale(1) brightness(0) contrast(1.2)" src="/images/playground/openai-logo.svg"/><img alt="Statsig" loading="lazy" width="80" height="28" decoding="async" data-nimg="1" class="opacity-40 " style="color:transparent;filter:grayscale(1) brightness(0) contrast(1.2)" src="/images/playground/statsig-logo.svg"/><img alt="Auth0" loading="lazy" width="80" height="28" decoding="async" data-nimg="1" class="opacity-40 " style="color:transparent;filter:grayscale(1) brightness(0) contrast(1.2)" src="/images/playground/auth0.svg"/><img alt="Zoom" loading="lazy" width="80" height="28" decoding="async" data-nimg="1" class="opacity-40 " style="color:transparent;filter:grayscale(1) brightness(0) contrast(1.2)" src="/images/playground/zoom-logo.svg"/><img alt="Neo4j" loading="lazy" width="80" height="28" decoding="async" data-nimg="1" class="opacity-40 col-span-2 sm:col-span-1" style="color:transparent;filter:grayscale(1) brightness(0) contrast(1.2)" src="/images/playground/neo4j-logo.svg"/></div><div class="pointer-events-none absolute inset-0 flex items-center justify-center rounded-2xl backdrop-blur-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300 group-hover"><a href="/blog/sampleappai-customer-feature-statsig"><button type="button" class="text-base sm:text-lg font-medium px-4 py-2 rounded-3xl shadow transition bg-zinc-900 focus:outline-none ring-1 ring-zinc-700 pointer-events-auto inline-flex items-center gap-2">Learn More<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-5 h-5 ml-1" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></a></div></div></div></div> </div><div id="demo-video"><div class="flex flex-col"><div class="mt-6"><div class="relative max-w-5xl lg:mx-auto mx-4"><div class="overflow-hidden md:rounded-3xl rounded-[10px] md:border-[3px] border-[2px] !border-b-0 border-white/10 dark:border-white/[0.05]"><div class="relative aspect-video bg-slate-50 dark:bg-rexbg-500"><div class="absolute inset-0" style="display:block"><iframe src="https://player.mux.com/gLxXmQsLZwdZRYLdSZMCNUQjT1NoGPodaWMI6eaaKKc?autoplay=1&muted=1&playsinline=1&loop=1" style="position:absolute;inset:0;width:100%;height:100%;border:none" allow="autoplay; fullscreen; encrypted-media; picture-in-picture; accelerometer; gyroscope" allowFullScreen=""></iframe></div></div></div></div></div></div></div><div><div class="translate-y-16 opacity-0 transition-all" style="transition-duration:500ms;transition-delay:0ms"><div class="w-full py-16 sm:py-24 bg-white dark:bg-neutral-950"><div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-12"><div class="uppercase tracking-widest text-dinoco-700 dark:text-dinoco-400 text-xs font-semibold mb-2">Before & After</div><h2 class="text-2xl sm:text-3xl lg:text-4xl text-primary">The old way vs. SampleApp.ai</h2></div><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="p-6 rounded-2xl border border-zinc-200 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-900/50" style="opacity:0;transform:translateX(-20px)"><div class="flex items-center gap-2 mb-4"><span class="text-xs font-medium uppercase tracking-wide text-zinc-500 dark:text-zinc-400">Without SampleApp.ai</span></div><ul class="space-y-3"><li class="flex items-start gap-3 text-sm text-zinc-600 dark:text-zinc-400"><span class="text-zinc-400 dark:text-zinc-600 mt-0.5">â</span>Dig through documentation</li><li class="flex items-start gap-3 text-sm text-zinc-600 dark:text-zinc-400"><span class="text-zinc-400 dark:text-zinc-600 mt-0.5">â</span>Test endpoints in Postman manually</li><li class="flex items-start gap-3 text-sm text-zinc-600 dark:text-zinc-400"><span class="text-zinc-400 dark:text-zinc-600 mt-0.5">â</span>Copy snippets that don't fit</li><li class="flex items-start gap-3 text-sm text-zinc-600 dark:text-zinc-400"><span class="text-zinc-400 dark:text-zinc-600 mt-0.5">â</span>Debug integration issues alone</li><li class="flex items-start gap-3 text-sm text-zinc-600 dark:text-zinc-400"><span class="text-zinc-400 dark:text-zinc-600 mt-0.5">â</span>No idea where devs drop off</li></ul><div class="mt-4 pt-4 border-t border-zinc-200 dark:border-zinc-800"><p class="text-xs text-zinc-500 dark:text-zinc-500">Slow. Frustrating. Untracked.</p></div></div><div class="p-6 rounded-2xl border-2 border-dinoco-500/50 bg-dinoco-50/50 dark:bg-dinoco-950/20" style="opacity:0;transform:translateX(20px)"><div class="flex items-center gap-2 mb-4"><span class="text-xs font-medium uppercase tracking-wide text-dinoco-600 dark:text-dinoco-400">With SampleApp.ai</span></div><ul class="space-y-3"><li class="flex items-start gap-3 text-sm text-zinc-700 dark:text-zinc-300"><span class="text-dinoco-500 mt-0.5">â</span>Pre-built flows per use case</li><li class="flex items-start gap-3 text-sm text-zinc-700 dark:text-zinc-300"><span class="text-dinoco-500 mt-0.5">â</span>Code generated for your prospect's stack</li><li class="flex items-start gap-3 text-sm text-zinc-700 dark:text-zinc-300"><span class="text-dinoco-500 mt-0.5">â</span>Stripe-style guided walkthrough</li><li class="flex items-start gap-3 text-sm text-zinc-700 dark:text-zinc-300"><span class="text-dinoco-500 mt-0.5">â</span>Live preview synced with code</li><li class="flex items-start gap-3 text-sm text-zinc-700 dark:text-zinc-300"><span class="text-dinoco-500 mt-0.5">â</span>Every step tracked in your dashboard</li></ul><div class="mt-4 pt-4 border-t border-dinoco-200 dark:border-dinoco-800/50"><p class="text-xs text-dinoco-600 dark:text-dinoco-400">Fast. Guided. Measurable.</p></div></div></div><div class="mt-10 text-center" style="opacity:0;transform:translateY(20px)"><p class="text-sm text-zinc-500 dark:text-zinc-400 max-w-2xl mx-auto">Steps on the left. Live preview top-right. Code bottom-right. All synced as they progress.</p></div></div></div></div><div class="translate-y-16 opacity-0 transition-all" style="transition-duration:500ms;transition-delay:0ms"><section class="relative py-16 sm:py-24 bg-white dark:bg-neutral-950"><div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-12"><h2 class="text-2xl sm:text-3xl lg:text-4xl text-primary">What makes it different</h2></div><div class="grid gap-12 grid-cols-1 md:grid-cols-3"><div style="opacity:0;transform:translateY(20px)"><h3 class="text-lg font-medium text-primary mb-4">Personalized for each prospect</h3><ul class="space-y-3"><li class="flex items-start gap-2 text-sm text-zinc-600 dark:text-zinc-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-4 h-4 text-dinoco-500 mt-0.5 shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Pre-built flows for their specific use case</li><li class="flex items-start gap-2 text-sm text-zinc-600 dark:text-zinc-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-4 h-4 text-dinoco-500 mt-0.5 shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Code snippets in their tech stack</li><li class="flex items-start gap-2 text-sm text-zinc-600 dark:text-zinc-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-4 h-4 text-dinoco-500 mt-0.5 shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Their API keys, their environment</li></ul></div><div style="opacity:0;transform:translateY(20px)"><h3 class="text-lg font-medium text-primary mb-4">Stripe-style guided experience</h3><ul class="space-y-3"><li class="flex items-start gap-2 text-sm text-zinc-600 dark:text-zinc-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-4 h-4 text-dinoco-500 mt-0.5 shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Steps on the left, preview top-right, code bottom-right</li><li class="flex items-start gap-2 text-sm text-zinc-600 dark:text-zinc-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-4 h-4 text-dinoco-500 mt-0.5 shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Progress syncs as they complete each step</li><li class="flex items-start gap-2 text-sm text-zinc-600 dark:text-zinc-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-4 h-4 text-dinoco-500 mt-0.5 shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Works in browserâno local setup needed</li></ul></div><div style="opacity:0;transform:translateY(20px)"><h3 class="text-lg font-medium text-primary mb-4">Full visibility for your team</h3><ul class="space-y-3"><li class="flex items-start gap-2 text-sm text-zinc-600 dark:text-zinc-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-4 h-4 text-dinoco-500 mt-0.5 shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>See who started, who's stuck, who finished</li><li class="flex items-start gap-2 text-sm text-zinc-600 dark:text-zinc-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-4 h-4 text-dinoco-500 mt-0.5 shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>
1Track time-to-first-call by use case</li><li class="flex items-start gap-2 text-sm text-zinc-600 dark:text-zinc-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-4 h-4 text-dinoco-500 mt-0.5 shrink-0"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Get notified when prospects complete steps</li></ul></div></div></div></section></div><div class="translate-y-16 opacity-0 transition-all" style="transition-duration:500ms;transition-delay:0ms"><div class="w-full py-16 sm:py-24"><div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-10"><h2 class="text-2xl sm:text-3xl lg:text-4xl text-primary">Key Benefits</h2></div><div class="grid grid-cols-2 lg:grid-cols-4 gap-4"><div class="text-center p-4" style="opacity:0;transform:translateY(10px)"><div class="w-10 h-10 rounded-full bg-dinoco-100 dark:bg-dinoco-900/50 flex items-center justify-center mx-auto mb-3 text-dinoco-600 dark:text-dinoco-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-5 h-5"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><h3 class="text-base font-medium text-primary mb-1">>30x faster</h3><p class="text-sm text-zinc-500 dark:text-zinc-400">2 Weeks to 4 Hours</p></div><div class="text-center p-4" style="opacity:0;transform:translateY(10px)"><div class="w-10 h-10 rounded-full bg-dinoco-100 dark:bg-dinoco-900/50 flex items-center justify-center mx-auto mb-3 text-dinoco-600 dark:text-dinoco-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up w-5 h-5"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg></div><h3 class="text-base font-medium text-primary mb-1">3x activation</h3><p class="text-sm text-zinc-500 dark:text-zinc-400">More devs ship</p></div><div class="text-center p-4" style="opacity:0;transform:translateY(10px)"><div class="w-10 h-10 rounded-full bg-dinoco-100 dark:bg-dinoco-900/50 flex items-center justify-center mx-auto mb-3 text-dinoco-600 dark:text-dinoco-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square-off w-5 h-5"><path d="M21 15V5a2 2 0 0 0-2-2H9"></path><path d="m2 2 20 20"></path><path d="M3.6 3.6c-.4.3-.6.8-.6 1.4v16l4-4h10"></path></svg></div><h3 class="text-base font-medium text-primary mb-1">80% fewer tickets</h3><p class="text-sm text-zinc-500 dark:text-zinc-400">Reduce support burden</p></div><div class="text-center p-4" style="opacity:0;transform:translateY(10px)"><div class="w-10 h-10 rounded-full bg-dinoco-100 dark:bg-dinoco-900/50 flex items-center justify-center mx-auto mb-3 text-dinoco-600 dark:text-dinoco-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check w-5 h-5"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></div><h3 class="text-base font-medium text-primary mb-1">Enhance visibility</h3><p class="text-sm text-zinc-500 dark:text-zinc-400">Track progress & usage</p></div></div></div></div></div><div class="translate-y-16 opacity-0 transition-all" style="transition-duration:500ms;transition-delay:0ms"><section class="relative py-16 sm:py-24 bg-white dark:bg-neutral-950"><div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-10"><h2 class="text-2xl sm:text-3xl lg:text-4xl text-primary mb-2">Fits your existing stack</h2><p class="text-gray-500 dark:text-gray-400 text-base">
17 lines of code to embed anywhere</p></div><div class="grid grid-cols-1 sm:grid-cols-3 gap-4"><div class="w-full mx-auto p-6 rounded-xl border border-[rgba(255,255,255,0.10)] dark:bg-[rgba(40,40,40,0.70)] bg-gray-100 shadow-[2px_4px_16px_0px_rgba(248,248,248,0.06)_inset] group"><div class="h-[10rem] rounded-xl z-40 bg-neutral-300 dark:bg-[rgba(40,40,40,0.70)] [mask-image:radial-gradient(50%_50%_at_50%_50%,white_0%,transparent_100%)]"><div class="overflow-hidden h-full relative flex items-center justify-center"><div class="flex flex-row shrink-0 justify-center items-center gap-2"><div class="rounded-full flex items-center justify-center bg-[rgba(248,248,248,0.01)] shadow-[0px_0px_8px_0px_rgba(248,248,248,0.25)_inset,0px_32px_24px_-16px_rgba(0,0,0,0.40)] h-10 w-10 icon-docs-0"><img src="/icons/docusaurus.svg" alt="Docusaurus" class="h-5 w-5"/></div><div class="rounded-full flex items-center justify-center bg-[rgba(248,248,248,0.01)] shadow-[0px_0px_8px_0px_rgba(248,248,248,0.25)_inset,0px_32px_24px_-16px_rgba(0,0,0,0.40)] h-10 w-10 icon-docs-1"><img src="/icons/fern.svg" alt="Fern" class="h-5 w-5"/></div><div class="rounded-full flex items-center justify-center bg-[rgba(248,248,248,0.01)] shadow-[0px_0px_8px_0px_rgba(248,248,248,0.25)_inset,0px_32px_24px_-16px_rgba(0,0,0,0.40)] h-10 w-10 icon-docs-2"><img src="/icons/mintlify.svg" alt="Mintlify" class="h-5 w-5"/></div><div class="rounded-full flex items-center justify-center bg-[rgba(248,248,248,0.01)] shadow-[0px_0px_8px_0px_rgba(248,248,248,0.25)_inset,0px_32px_24px_-16px_rgba(0,0,0,0.40)] h-12 w-12 icon-docs-3"><img src="/icons/readme.svg" alt="ReadMe" class="h-5 w-5"/></div><div class="rounded-full flex items-center justify-center bg-[rgba(248,248,248,0.01)] shadow-[0px_0px_8px_0px_rgba(248,248,248,0.25)_inset,0px_32px_24px_-16px_rgba(0,0,0,0.40)] h-12 w-12 icon-docs-4"><img src="/icons/gitbook.svg" alt="GitBook" class="h-5 w-5"/></div></div><div class="h-40 w-px absolute top-20 m-auto z-40 bg-gradient-to-b from-transparent via-cyan-500 to-transparent animate-move"><div class="w-10 h-32 top-1/2 -translate-y-1/2 absolute -left-10"></div></div></div></div><h3 class="text-lg font-semibold text-gray-800 dark:text-white py-2">Documentation Platforms</h3>
1<p class="text-sm font-normal text-neutral-600 dark:text-neutral-400">Embed interactive guides & walkthroughs directly in your docs</p><div class="flex flex-wrap gap-1.5 mt-3"><span class="px-2 py-1 rounded-md bg-neutral-200/50 dark:bg-neutral-800/50 text-xs font-medium text-neutral-600 dark:text-neutral-400">Docusaurus</span><span class="px-2 py-1 rounded-md bg-neutral-200/50 dark:bg-neutral-800/50 text-xs font-medium text-neutral-600 dark:text-neutral-400">Fern</span><span class="px-2 py-1 rounded-md bg-neutral-200/50 dark:bg-neutral-800/50 text-xs font-medium text-neutral-600 dark:text-neutral-400">Mintlify</span><span class="px-2 py-1 rounded-md bg-neutral-200/50 dark:bg-neutral-800/50 text-xs font-medium text-neutral-600 dark:text-neutral-400">ReadMe</span><span class="px-2 py-1 rounded-md bg-neutral-200/50 dark:bg-neutral-800/50 text-xs font-medium text-neutral-600 dark:text-neutral-400">GitBook</span></div></div><div class="w-full mx-auto p-6 rounded-xl border border-[rgba(255,255,255,0.10)] dark:bg-[rgba(40,40,40,0.70)] bg-gray-100 shadow-[2px_4px_16px_0px_rgba(248,248,248,0.06)_inset] group"><div class="h-[10rem] rounded-xl z-40 bg-neutral-300 dark:bg-[rgba(40,40,40,0.70)] [mask-image:radial-gradient(50%_50%_at_50%_50%,white_0%,transparent_100%)]"><div class="overflow-hidden h-full relative flex items-center justify-center"><div class="flex flex-row shrink-0 justify-center items-center gap-2"><div class="rounded-full flex items-center justify-center bg-[rgba(248,248,248,0.01)] shadow-[0px_0px_8px_0px_rgba(248,248,248,0.25)_inset,0px_32px_24px_-16px_rgba(0,0,0,0.40)] h-10 w-10 invert icon-crm-0"><img src="/icons/commonroom.svg" alt="Common Room" class="h-5 w-5"/></div><div class="rounded-full flex items-center justify-center bg-[rgba(248,248,248,0.01)] shadow-[0px_0px_8px_0px_rgba(248,248,248,0.25)_inset,0px_32px_24px_-16px_rgba(0,0,0,0.40)] h-10 w-10 icon-crm-1"><img src="/icons/hubspot.svg" alt="HubSpot" class="h-5 w-5"/></div><div class="rounded-full flex items-center justify-center bg-[rgba(248,248,248,0.01)] shadow-[0px_0px_8px_0px_rgba(248,248,248,0.25)_inset,0px_32px_24px_-16px_rgba(0,0,0,0.40)] h-12 w-12 icon-crm-2"><svg viewBox="0 0 24 24" fill="none" class="h-6 w-6"><path d="M18.5 19h-13A4.5 4.5 0 0 1 5 10.5a5.5 5.5 0 0 1 10.9-1A4 4 0 1 1 18.5 19z" fill="#00A1E0"></path></svg></div><div class="rounded-full flex items-center justify-center bg-[rgba(248,248,248,0.01)] shadow-[0px_0px_8px_0px_rgba(248,248,248,0.25)_inset,0px_32px_24px_-16px_rgba(0,0,0,0.40)] h-10 w-10 icon-crm-3"><img src="/icons/reo-dev.svg" alt="Reo.dev" class="h-5 w-5"/></div></div><div class="h-40 w-px absolute top-20 m-auto z-40 bg-gradient-to-b from-transparent via-cyan-500 to-transparent animate-move"><div class="w-10 h-32 top-1/2 -translate-y-1/2 absolute -left-10"></div></div></div></div><h3 class="text-lg font-semibold text-gray-800 dark:text-white py-2">CRM & GTM</h3>
1<p class="text-sm font-normal text-neutral-600 dark:text-neutral-400">Track engagement and sync with your sales tools</p><div class="flex flex-wrap gap-1.5 mt-3"><span class="px-2 py-1 rounded-md bg-neutral-200/50 dark:bg-neutral-800/50 text-xs font-medium text-neutral-600 dark:text-neutral-400">Common Room</span><span class="px-2 py-1 rounded-md bg-neutral-200/50 dark:bg-neutral-800/50 text-xs font-medium text-neutral-600 dark:text-neutral-400">HubSpot</span><span class="px-2 py-1 rounded-md bg-neutral-200/50 dark:bg-neutral-800/50 text-xs font-medium text-neutral-600 dark:text-neutral-400">Salesforce</span><span class="px-2 py-1 rounded-md bg-neutral-200/50 dark:bg-neutral-800/50 text-xs font-medium text-neutral-600 dark:text-neutral-400">Reo.dev</span></div></div><div class="w-full mx-auto p-6 rounded-xl border border-[rgba(255,255,255,0.10)] dark:bg-[rgba(40,40,40,0.70)] bg-gray-100 shadow-[2px_4px_16px_0px_rgba(248,248,248,0.06)_inset] group"><div class="h-[10rem] rounded-xl z-40 bg-neutral-300 dark:bg-[rgba(40,40,40,0.70)] [mask-image:radial-gradient(50%_50%_at_50%_50%,white_0%,transparent_100%)]"><div class="overflow-hidden h-full relative flex items-center justify-center"><div class="flex flex-row shrink-0 justify-center items-center gap-2"><div class="rounded-full flex items-center justify-center bg-[rgba(248,248,248,0.01)] shadow-[0px_0px_8px_0px_rgba(248,248,248,0.25)_inset,0px_32px_24px_-16px_rgba(0,0,0,0.40)] h-12 w-12 icon-frameworks-0"><img src="/components/chat-bar/react.svg" alt="React" class="h-6 w-6"/></div><div class="rounded-full flex items-center justify-center bg-[rgba(248,248,248,0.01)] shadow-[0px_0px_8px_0px_rgba(248,248,248,0.25)_inset,0px_32px_24px_-16px_rgba(0,0,0,0.40)] h-12 w-12 icon-frameworks-1"><img src="/components/chat-bar/vite.svg" alt="Vite" class="h-6 w-6"/></div><div class="rounded-full flex items-center justify-center bg-[rgba(248,248,248,0.01)] shadow-[0px_0px_8px_0px_rgba(248,248,248,0.25)_inset,0px_32px_24px_-16px_rgba(0,0,0,0.40)] h-10 w-10 icon-frameworks-2"><img src="/components/chat-bar/fastapi.svg" alt="FastAPI" class="h-5 w-5"/></div><div class="rounded-full flex items-center justify-center bg-[rgba(248,248,248,0.01)] shadow-[0px_0px_8px_0px_rgba(248,248,248,0.25)_inset,0px_32px_24px_-16px_rgba(0,0,0,0.40)] h-10 w-10 invert icon-frameworks-3"><img src="/components/chat-bar/flask.svg" alt="Flask" class="h-5 w-5"/></div><div class="rounded-full flex items-center justify-center bg-[rgba(248,248,248,0.01)] shadow-[0px_0px_8px_0px_rgba(248,248,248,0.25)_inset,0px_32px_24px_-16px_rgba(0,0,0,0.40)] h-12 w-12 icon-frameworks-4"><img src="/components/chat-bar/express.svg" alt="Express" class="h-6 w-6"/></div></div><div class="h-40 w-px absolute top-20 m-auto z-40 bg-gradient-to-b from-transparent via-cyan-500 to-transparent animate-move"><div class="w-10 h-32 top-1/2 -translate-y-1/2 absolute -left-10"></div></div></div></div><h3 class="text-lg font-semibold text-gray-800 dark:text-white py-2">Frameworks</h3>
1<p class="text-sm font-normal text-neutral-600 dark:text-neutral-400">Generate guides in any framework your prospects use</p><div class="flex flex-wrap gap-1.5 mt-3"><span class="px-2 py-1 rounded-md bg-neutral-200/50 dark:bg-neutral-800/50 text-xs font-medium text-neutral-600 dark:text-neutral-400">React</span><span class="px-2 py-1 rounded-md bg-neutral-200/50 dark:bg-neutral-800/50 text-xs font-medium text-neutral-600 dark:text-neutral-400">Vite</span><span class="px-2 py-1 rounded-md bg-neutral-200/50 dark:bg-neutral-800/50 text-xs font-medium text-neutral-600 dark:text-neutral-400">FastAPI</span><span class="px-2 py-1 rounded-md bg-neutral-200/50 dark:bg-neutral-800/50 text-xs font-medium text-neutral-600 dark:text-neutral-400">Flask</span><span class="px-2 py-1 rounded-md bg-neutral-200/50 dark:bg-neutral-800/50 text-xs font-medium text-neutral-600 dark:text-neutral-400">Express</span><span class="px-2 py-1 rounded-md bg-neutral-200/50 dark:bg-neutral-800/50 text-xs font-medium text-neutral-600 dark:text-neutral-400">Go</span></div></div></div></div></section></div><div class="translate-y-16 opacity-0 transition-all" style="transition-duration:500ms;transition-delay:0ms"><div class="w-full py-16 sm:py-24"><div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-10" style="opacity:0;transform:translateY(20px)"><h2 class="text-2xl sm:text-3xl lg:text-4xl text-primary">What teams are saying</h2></div><div class="columns-1 md:columns-2 lg:columns-3 gap-4 space-y-4" style="opacity:0"><div class="break-inside-avoid p-6 bg-zinc-900/50 rounded-lg border border-zinc-800 hover:border-zinc-700 transition-all duration-300" style="opacity:0;transform:translateY(20px)"><blockquote class="text-sm sm:text-base text-gray-400 mb-4 sm:mb-6 leading-relaxed">"<!-- -->Developers today prioritize 'time to first sample app' over 'time to first API call'.<!-- -->"</blockquote><div class="flex items-center gap-3"><img src="/images/landing-page/quotes/anita-ihuman.jpeg" alt="Anita Ihuman" class="w-10 h-10 rounded-full object-cover bg-zinc-700"/><div><p class="text-sm font-medium text-primary">Anita Ihuman</p><p class="text-xs text-gray-500">Developer Advocate, MetalBear</p></div></div></div><div class="break-inside-avoid p-6 bg-zinc-900/50 rounded-lg border border-zinc-800 hover:border-zinc-700 transition-all duration-300" style="opacity:0;transform:translateY(20px)"><blockquote class="text-sm sm:text-base text-gray-400 mb-4 sm:mb-6 leading-relaxed">"<!-- -->Developers need a tangible experience, such as a sample app, to truly understand what your product does and how it works; without it, it's hard to attract them to the platform.<!-- -->"</blockquote><div class="flex items-center gap-3"><img src="/images/landing-page/quotes/gautam-kumar.jpeg" alt="Gautam Kumar" class="w-10 h-10 rounded-full object-cover bg-zinc-700"/><div><p class="text-sm font-medium text-primary">Gautam Kumar</p><p class="text-xs text-gray-500">Developer Advocate, Fetch.Ai</p></div></div></div><div class="break-inside-avoid p-6 bg-zinc-900/50 rounded-lg border border-zinc-800 hover:border-zinc-700 transition-all duration-300" style="opacity:0;transform:translateY(20px)"><blockquote class="text-sm sm:text-base text-gray-400 mb-4 sm:mb-6 leading-relaxed">"<!-- -->You are filling a gap in the market for developer advocacy, impacting developers, customer success, solutions architects, pre-sales, and other sectors.<!-- -->"</blockquote><div class="flex items-center gap-3"><img src="/images/landing-page/quotes/dunith-danushka.jpeg" alt="Dunith Danushka" class="w-10 h-10 rounded-full object-cover bg-zinc-700"/><div><p class="text-sm font-medium text-primary">Dunith Danushka</p><p class="text-xs text-gray-500">Senior Developer Advocate, Redpanda</p></div></div></div><div class="break-inside-avoid p-6 bg-zinc-900/50 rounded-lg border border-zinc-800 hover:border-zinc-700 transition-all duration-300" style="opacity:0;transform:translateY(20px)"><blockquote class="text-sm sm:text-base text-gray-400 mb-4 sm:mb-6 leading-relaxed">"<!-- -->SampleApp empowers developers to quickly generate tailored sample apps, meeting the growing demand for speed and adaptability in today'
1s development workflows.<!-- -->"</blockquote><div class="flex items-center gap-3"><img src="/images/landing-page/quotes/sonam-gupta.jpeg" alt="Sonam Gupta" class="w-10 h-10 rounded-full object-cover bg-zinc-700"/><div><p class="text-sm font-medium text-primary">Sonam Gupta</p><p class="text-xs text-gray-500">Developer Advocate, aiXplain</p></div></div></div><div class="break-inside-avoid p-6 bg-zinc-900/50 rounded-lg border border-zinc-800 hover:border-zinc-700 transition-all duration-300" style="opacity:0;transform:translateY(20px)"><blockquote class="text-sm sm:text-base text-gray-400 mb-4 sm:mb-6 leading-relaxed">"<!-- -->I usually spend daysâor even weeksâbuilding sample apps whenever I need to do a demo. Your tool will eliminate the hassle of creating demo apps and allow me to focus on making great presentations instead of wrestling with setups.<!-- -->"</blockquote><div class="flex items-center gap-3"><img src="/images/landing-page/quotes/anita-ihuman.jpeg" alt="Anita Ihuman" class="w-10 h-10 rounded-full object-cover bg-zinc-700"/><div><p class="text-sm font-medium text-primary">Anita Ihuman</p><p class="text-xs text-gray-500">Developer Advocate, MetalBear</p></div></div></div><div class="break-inside-avoid p-6 bg-zinc-900/50 rounded-lg border border-zinc-800 hover:border-zinc-700 transition-all duration-300" style="opacity:0;transform:translateY(20px)"><blockquote class="text-sm sm:text-base text-gray-400 mb-4 sm:mb-6 leading-relaxed">"<!-- -->I have 20 ideas I don't have time to build. SampleApp increases the scale, creating a higher chance for something to catch the community's attention and become a useful sample.<!-- -->"</blockquote><div class="flex items-center gap-3"><div><p class="text-sm font-medium text-primary">Anonymous</p><p class="text-xs text-gray-500">Staff Developer Relations Engineer, Series B Dev-focused startup</p></div></div></div><div class="break-inside-avoid p-6 bg-zinc-900/50 rounded-lg border border-zinc-800 hover:border-zinc-700 transition-all duration-300" style="opacity:0;transform:translateY(20px)"><blockquote class="text-sm sm:text-base text-gray-400 mb-4 sm:mb-6 leading-relaxed">"<!-- -->Generating AI code on ChatGPT requires line-by-line checks to ensure no loopholes or data leaks. SampleApp simplifies this process, enforces security by default, streamline QA and accelerates go-to-market efforts.<!-- -->"</blockquote><div class="flex items-center gap-3"><img src="/images/landing-page/quotes/achyutha-harish.jpeg" alt="Achyutha Harish" class="w-10 h-10 rounded-full object-cover bg-zinc-700"/><div><p class="text-sm font-medium text-primary">Achyutha Harish</p><p class="text-xs text-gray-500">GTM Solutions Architect, MemVerge</p></div></div></div></div></div></div></div></div></div></div><div><div class="bg-gradient-to-b from-slate-50 dark:from-rexbg-500 from-60% via-slate-50 dark:via-rexbg-500 via-80% to-dinoco-200 dark:to-dinoco-900"><div class="translate-y-16 opacity-0 transition-all" style="transition-duration:500ms;transition-delay:0ms"><div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-16 sm:py-20"><div class="text-center"><h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold text-primary leading-tight mb-6">See how it works for your API</h2><a href="https://cal.com/sampleappai/demo"><button class="px-6 py-3 bg-primary text-primary-foreground shadow hover:bg-primary/90 rounded-xl font-medium transition-colors" tabindex="0">Get a personalized demo</button></a><p class="text-sm text-zinc-500 dark:text-zinc-400 mt-6">Works with any OpenAPI spec ⢠Embeds in your existing docs</p></div></div></div></div></div></div><!--$--><!--/$--></div></div></main><footer class="w-full py-16 bg-zinc-50 dark:bg-rexbg-500"><div class="max-w-6xl inset-x-0 sm:mx-6 lg:mx-8 xl:mx-auto rounded-xl mx-auto px-4"><div class="flex flex-col space-y-10"><div class="grid grid-cols-1 md:grid-cols-4 gap-8"><div class="flex flex-col gap-5"><div class="flex justify-center md:justify-start"><a class="flex" href="/"><div class="invert dark:invert-0"><img alt="SampleApp Logo" width="150" height="40" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Flogo%2Fsa-logo%2Fsampleapp-logo.png&w=256&q=75 1x, /_next/image?url=%2Flogo%2Fsa-logo%2Fsampleapp-logo.png&w=384&q=75 2x" src="/_next/image?url=%2Flogo%2Fsa-logo%2Fsampleapp-logo.png&w=384&q=75"/></div></a></div><div class="flex space-x-4 justify-center gap-2 md:justify-start"><a href="https://x.com/sampleappai"><svg class="text-zinc-600 dark:text-zinc-300 hover:text-zinc-900 dark:hover:text-zinc-100 w-6 h-6 rounded-full" fill="currentColor" viewBox="0 0 24 24">
1<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a><a href="https://www.linkedin.com/company/sampleappai"><svg class="text-zinc-600 dark:text-zinc-300 hover:text-zinc-900 dark:hover:text-zinc-100 w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg></a><a href="https://discord.gg/4YqyXyAMuu"><svg class="text-zinc-600 dark:text-zinc-300 hover:text-zinc-900 dark:hover:text-zinc-100 w-6 h-6 rounded-full" viewBox="0 0 24 24" fill="currentColor"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z"></path></svg><span class="sr-only">Discord</span> </a></div></div><div class="space-y-4"><h3 class="font-medium text-[15px] text-zinc-900 dark:text-zinc-100">Product</h3><ul class="space-y-3 text-[15px] text-zinc-600 dark:text-zinc-400"><li><a class="hover:text-zinc-900 dark:hover:text-zinc-200" href="/">Sample App Generator</a></li><li><a class="hover:text-zinc-900 dark:hover:text-zinc-200" href="/">API Playground</a></li><li><a class="hover:text-zinc-900 dark:hover:text-zinc-200" href="/superindexmcp">SuperIndex MCP (Open Source)</a></li></ul></div><div class="space-y-4"><h3 class="font-medium text-[15px] text-zinc-900 dark:text-zinc-100">Use Cases</h3><ul class="space-y-3 text-[15px] text-zinc-600 dark:text-zinc-400"><li><a class="hover:text-zinc-900 dark:hover:text-zinc-200" href="https://cal.com/sampleappai/demo">Developer Onboarding (Docs)</a></li><li><a class="hover:text-zinc-900 dark:hover:text-zinc-200" href="https://cal.com/sampleappai/demo">Developer Integration Support</a></li><li><a class="hover:text-zinc-900 dark:hover:text-zinc-200" href="https://cal.com/sampleappai/demo">Sales & Marketing Emails</a></li><li><a class="hover:text-zinc-900 dark:hover:text-zinc-200" href="https://cal.com/sampleappai/demo">B2B Integration Partners</a></li></ul></div><div class="space-y-4"><h3 class="font-medium text-[15px] text-zinc-900 dark:text-zinc-100">Resources</h3><ul class="space-y-3 text-[15px] text-zinc-600 dark:text-zinc-400"><li><a class="hover:text-zinc-900 dark:hover:text-zinc-200" href="https://discord.gg/FnCBtjJSNj">Discord Community</a></li><li><a class="hover:text-zinc-900 dark:hover:text-zinc-200" href="/blog">Blog / Articles</a></li><li><a class="hover:text-zinc-900 dark:hover:text-zinc-200" href="https://docs.google.com/forms/d/e/1FAIpQLSeZ80ra6ArnOr6oPIAcVmTknv5gwGQShzz8nJsmXsLSQ6hIgw/viewform">Report Issue</a></li><li><a class="hover:text-zinc-900 dark:hover:text-zinc-200" href="https://sampleapp.ai/sampleappai/contact">Contact Founders</a></li></ul></div></div><div class="flex flex-col md:flex-row justify-between items-center pt-8 border-t border-zinc-200 dark:border-zinc-700"><p class="text-[15px] text-zinc-600 dark:text-zinc-400">© 2025 â Copyright | With love from San Francisco Bay Area</p></div></div></div></footer></div><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events:none"><ol tabindex="-1" class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]"></ol></div>
1<script src="/_next/static/chunks/webpack-663a1c940187583d.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[42593,[\"8229\",\"static/chunks/9da6db1e-284d867b893f0245.js\",\"20787\",\"static/chunks/20787-68a0777cee96d3db.js\",\"22142\",\"static/chunks/22142-d990c2a729c799da.js\",\"40186\",\"static/chunks/40186-42567cc8a2c8516c.js\",\"13980\",\"static/chunks/13980-9251509122961406.js\",\"7177\",\"static/chunks/app/layout-454a265a113af49b.js\"],\"\"]\n3:I[72737,[\"8229\",\"static/chunks/9da6db1e-284d867b893f0245.js\",\"20787\",\"static/chunks/20787-68a0777cee96d3db.js\",\"22142\",\"static/chunks/22142-d990c2a729c799da.js\",\"40186\",\"static/chunks/40186-42567cc8a2c8516c.js\",\"13980\",\"static/chunks/13980-9251509122961406.js\",\"7177\",\"static/chunks/app/layout-454a265a113af49b.js\"],\"ThemeProvider\"]\n4:I[24843,[\"8229\",\"static/chunks/9da6db1e-284d867b893f0245.js\",\"20787\",\"static/chunks/20787-68a0777cee96d3db.js\",\"22142\",\"static/chunks/22142-d990c2a729c799da.js\",\"40186\",\"static/chunks/40186-42567cc8a2c8516c.js\",\"13980\",\"static/chunks/13980-9251509122961406.js\",\"7177\",\"static/chunks/app/layout-454a265a113af49b.js\"],\"default\"]\n5:I[45570,[\"8229\",\"static/chunks/9da6db1e-284d867b893f0245.js\",\"20787\",\"static/chunks/20787-68a0777cee96d3db.js\",\"22142\",\"static/chunks/22142-d990c2a729c799da.js\",\"40186\",\"static/chunks/40186-42567cc8a2c8516c.js\",\"13980\",\"static/chunks/13980-9251509122961406.js\",\"7177\",\"static/chunks/app/layout-454a265a113af49b.js\"],\"AppProvider\"]\n6:I[20375,[\"8229\",\"static/chunks/9da6db1e-284d867b893f0245.js\",\"20787\",\"static/chunks/20787-68a0777cee96d3db.js\",\"22142\",\"static/chunks/22142-d990c2a729c799da.js\",\"40186\",\"static/chunks/40186-42567cc8a2c8516c.js\",\"13980\",\"static/chunks/13980-9251509122961406.js\",\"7177\",\"static/chunks/app/layout-454a265a113af49b.js\"],\"ChatProvider\"]\n7:I[70872,[\"8229\",\"static/chunks/9da6db1e-284d867b893f0245.js\",\"20787\",\"static/chunks/20787-68a0777cee96d3db.js\",\"22142\",\"static/chunks/22142-d990c2a729c799da.js\",\"40186\",\"static/chunks/40186-42567cc8a2c8516c.js\",\"13980\",\"static/chunks/13980-9251509122961406.js\",\"7177\",\"static/chunks/app/layout-454a265a113af49b.js\"],\"TooltipProvider\"]\n8:I[87730,[\"8229\",\"static/chunks/9da6db1e-284d867b893f0245.js\",\"20787\",\"static/chunks/20787-68a0777cee96d3db.js\",\"22142\",\"static/chunks/22142-d990c2a729c799da.js\",\"40186\",\"static/chunks/40186-42567cc8a2c8516c.js\",\"13980\",\"static/chunks/13980-9251509122961406.js\",\"7177\",\"static/chunks/app/layout-454a265a113af49b.js\"],\"ClientWrapper\"]\n9:I[57121,[],\"\"]\na:I[17267,[\"85105\",\"static/chunks/0e5ce63c-e705c4ad0ef44cab.js\",\"20787\",\"static/chunks/20787-68a0777cee96d3db.js\",\"98500\",\"static/chunks/98500-b81c9f59a752607d.js\",\"18039\",\"static/chunks/app/error-8f0cf88483cf8093.js\"],\"default\"]\nb:I[74581,[],\"\"]\nc:I[37145,[\"85105\",\"static/chunks/0e5ce63c-e705c4ad0ef44cab.js\",\"20787\",\"static/chunks/20787-68a0777cee96d3db.js\",\"98500\",\"static/chunks/98500-b81c9f59a752607d.js\",\"24345\",\"static/chunks/app/not-found-f60e35cc3c53e0a3.js\"],\"default\"]\nd:I[67911,[\"8229\",\"static/chunks/9da6db1e-284d867b893f0245.js\",\"20787\",\"static/chunks/20787-68a0777cee96d3db.js\",\"22142\",\"static/chunks/22142-d990c2a729c799da.js\",\"40186\",\"static/chunks/40186-42567cc8a2c8516c.js\",\"13980\",\"static/chunks/13980-9251509122961406.js\",\"7177\",\"static/chunks/app/layout-454a265a113af49b.js\"],\"Toaster\"]\nf:I[78365,[\"85105\",\"static/chunks/0e5ce63c-e705c4ad0ef44cab.js\",\"20787\",\"static/chunks/20787-68a0777cee96d3db.js\",\"98500\",\"static/chunks/98500-b81c9f59a752607d.js\",\"38437\",\"static/chunks/38437-57c3fd0dee38a977.js\",\"32038\",\"static/chunks/32038-ae019e7593359439.js\",\"60884\",\"static/chunks/60884-1db1424b9d1dfd63.js\",\"90495\",\"static/chunks/90495-04a12f2cc827fb6d.js\",\"67753\",\"static/chunks/app/(private)/(landing)/layout-31a9109b0e8362d2.js\"],\"StickyBanner\"]\n10:I[91046,[\"85105\",\"static/chunks/0e5ce63c-e705c4ad0ef44cab.js\",\"20787\",\"static/chunks/20787-68a0777cee96d3db.js\",\"98500\",\"static/chunks/98500-b81c9f59a752607d.js\",\"38437\",\"static/chunks/38437-57c3fd0dee38a977.js\",\"32038\",\"static/chunks/32038-ae019e7593359439.js\",\"60884\",\"static/chunks/60884-1db1424b9d1dfd63.js\",\"90495\",\"static/chunks/90495-04a12f2cc827fb6d.js\",\"67753\",\"static/chunks/app/(private)/(landing)/layout-31a9109b0e8362d2.js\"],\"Navbar\"]\n11:I[30091,[\"851"])</script>
1<script>self.__next_f.push([1,"05\",\"static/chunks/0e5ce63c-e705c4ad0ef44cab.js\",\"20787\",\"static/chunks/20787-68a0777cee96d3db.js\",\"98500\",\"static/chunks/98500-b81c9f59a752607d.js\",\"38437\",\"static/chunks/38437-57c3fd0dee38a977.js\",\"32038\",\"static/chunks/32038-ae019e7593359439.js\",\"60884\",\"static/chunks/60884-1db1424b9d1dfd63.js\",\"90495\",\"static/chunks/90495-04a12f2cc827fb6d.js\",\"67753\",\"static/chunks/app/(private)/(landing)/layout-31a9109b0e8362d2.js\"],\"default\"]\n12:I[98500,[\"85105\",\"static/chunks/0e5ce63c-e705c4ad0ef44cab.js\",\"20787\",\"static/chunks/20787-68a0777cee96d3db.js\",\"98500\",\"static/chunks/98500-b81c9f59a752607d.js\",\"38437\",\"static/chunks/38437-57c3fd0dee38a977.js\",\"32038\",\"static/chunks/32038-ae019e7593359439.js\",\"60884\",\"static/chunks/60884-1db1424b9d1dfd63.js\",\"90495\",\"static/chunks/90495-04a12f2cc827fb6d.js\",\"67753\",\"static/chunks/app/(private)/(landing)/layout-31a9109b0e8362d2.js\"],\"\"]\n1a:I[27123,[],\"\"]\n1d:I[90484,[],\"OutletBoundary\"]\n1e:\"$Sreact.suspense\"\n20:I[90484,[],\"ViewportBoundary\"]\n22:I[90484,[],\"MetadataBoundary\"]\n24:I[95802,[\"20787\",\"static/chunks/20787-68a0777cee96d3db.js\",\"98500\",\"static/chunks/98500-b81c9f59a752607d.js\",\"38437\",\"static/chunks/38437-57c3fd0dee38a977.js\",\"32038\",\"static/chunks/32038-ae019e7593359439.js\",\"60884\",\"static/chunks/60884-1db1424b9d1dfd63.js\",\"51661\",\"static/chunks/51661-c83de9c9916898a1.js\",\"12288\",\"static/chunks/12288-1d3eee6de5d74790.js\",\"41086\",\"static/chunks/app/(private)/(landing)/page-8b715b340ae5130c.js\"],\"default\"]\n25:I[40862,[\"8229\",\"static/chunks/9da6db1e-284d867b893f0245.js\",\"76559\",\"static/chunks/76559-2c481f5d58254a01.js\",\"40186\",\"static/chunks/40186-42567cc8a2c8516c.js\",\"32874\",\"static/chunks/32874-5f43ec36c5c4eb41.js\",\"28072\",\"static/chunks/app/(private)/layout-36642f7bc0fe6add.js\"],\"PromisifiedAuthProvider\"]\n27:I[48108,[\"8229\",\"static/chunks/9da6db1e-284d867b893f0245.js\",\"76559\",\"static/chunks/76559-2c481f5d58254a01.js\",\"40186\",\"static/chunks/40186-42567cc8a2c8516c.js\",\"32874\",\"static/chunks/32874-5f43ec36c5c4eb41.js\",\"28072\",\"static/chunks/app/(private)/layout-36642f7bc0fe6add.js\"],\"ClientClerkProvider\"]\n28:I[74994,[\"8229\",\"static/chunks/9da6db1e-284d867b893f0245.js\",\"76559\",\"static/chunks/76559-2c481f5d58254a01.js\",\"40186\",\"static/chunks/40186-42567cc8a2c8516c.js\",\"32874\",\"static/chunks/32874-5f43ec36c5c4eb41.js\",\"28072\",\"static/chunks/app/(private)/layout-36642f7bc0fe6add.js\"],\"default\"]\n29:I[86869,[],\"IconMark\"]\n:HL[\"/_next/static/css/c7188f84a8f3d14f.css\",\"style\"]\n:HL[\"/_next/static/css/703c96ef7118dc27.css\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"-MY5hS4qVy-BUCKVzO6bf\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"(private)\",{\"children\":[\"(landing)\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/c7188f84a8f3d14f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/703c96ef7118dc27.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[\"$\",\"$L2\",null,{\"id\":\"google-tag-manager\",\"strategy\":\"afterInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\\n new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\\n j=d.createElement(s),dl=l!='dataLayer'?'\u0026l='+l:'';j.async=true;
1j.src=\\n 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\\n })(window,document,'script','dataLayer','GTM-PHH6WM9P')\"}}]}],[\"$\",\"body\",null,{\"children\":[\"$\",\"$L3\",null,{\"attribute\":\"class\",\"defaultTheme\":\"light\",\"enableSystem\":true,\"disableTransitionOnChange\":true,\"children\":[\"$\",\"$L4\",null,{\"children\":[[\"$\",\"$L5\",null,{\"children\":[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$L7\",null,{\"children\":[\"$\",\"$L8\",null,{\"children\":[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$a\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$Lb\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$Lc\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]}],[\"$\",\"$Ld\",null,{}]]}]}]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,\"$Le\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"div\",null,{\"className\":\"min-h-screen flex flex-col dark:bg-black\",\"children\":[[\"$\",\"$Lf\",null,{\"className\":\"bg-gradient-to-r from-indigo-600 via-purple-500 to-indigo-600 bg-[length:200%_auto] animate-rainbow [--speed:10s]\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-white text-sm\",\"children\":[\"See how coding agents perform with your API on\",\" \",[\"$\",\"a\",null,{\"href\":\"https://lightsage.com\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"font-semibold underline hover:no-underline\",\"children\":\"Devtool Arena â\"}]]}]}],[\"$\",\"$L10\",null,{\"navItems\":[{\"name\":\"Docs\",\"link\":\"https://docs.sampleapp.ai\"},{\"name\":\"Request For Preview\",\"link\":\"/request-for-preview\"},{\"name\":\"Devtool Arena\",\"link\":\"https://lightsage.com/leaderboard\"}]}],[\"$\",\"main\",null,{\"className\":\"flex-grow\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col flex-grow \",\"children\":[\"$\",\"div\",null,{\"className\":\"flex-grow\",\"children\":[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lb\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}],[\"$\",\"footer\",null,{\"className\":\"w-full py-16 bg-zinc-50 dark:bg-rexbg-500\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-6xl inset-x-0 sm:mx-6 lg:mx-8 xl:mx-auto rounded-xl mx-auto px-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col space-y-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 md:grid-cols-4 gap-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-5\",\"children\":[[\"$\",\"$L11\",null,{\"width\":150}],[\"$\",\"div\",null,{\"className\":\"flex space-x-4 justify-center gap-2 md:justify-start\",\"children\":[[\"$\",\"$L12\",null,{\"href\":\"https://x.com/sampleappai\",\"children\":[\"$\",\"svg\",null,{\"className\":\"text-zinc-600 dark:text-zinc-300 hover:text-zinc-900 dark:hover:text-zinc-100 w-6 h-6 rounded-full\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"d\":\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"}]}]}],[\"$\",\"$L12\",null,{\"href\":\"https://www.linkedin.com/company/sampleappai\",\"children\":[\"$\",\"svg\",null,{\"className\":\"text-zinc-600 dark:text-zinc-300 hover:text-zinc-900 dark:hover:text-zinc-100 w-6 h-6\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"fill\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"}]}]}],\"$L13\"]}]]}],\"$L14\",\"$L15\",\"$L16\"]}],\"$L17\"]}]}]}]]}]]}],{\"children\":[\"$L18\",{}
1,null,false,false]},null,false,false]},null,false,false]},null,false,false],\"$L19\",false]],\"m\":\"$undefined\",\"G\":[\"$1a\",[]],\"S\":false}\n"])</script>
1<script>self.__next_f.push([1,"1b:T442,M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z13:[\"$\",\"$L12\",null,{\"href\":\"https://discord.gg/4YqyXyAMuu\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"text-zinc-600 dark:text-zinc-300 hover:text-zinc-900 dark:hover:text-zinc-100 w-6 h-6 rounded-full\",\"viewBox\":\"0 0 24 24\",\"fill\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"$1b\"}]}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Discord\"}],\" \"]}]\n14:[\"$\",\"div\",null,{\"className\":\"space-y-4\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-medium text-[15px] text-zinc-900 dark:text-zinc-100\",\"children\":\"Product\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-3 text-[15px] text-zinc-600 dark:text-zinc-400\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/\",\"className\":\"hover:text-zinc-900 dark:hover:text-zinc-200\",\"children\":\"Sample App Generator\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/\",\"className\":\"hover:text-zinc-900 dark:hover:text-zinc-200\",\"children\":\"API Playground\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/superindexmcp\",\"prefetch\":false,\"className\":\"hover:text-zinc-900 dark:hover:text-zinc-200\",\"children\":\"SuperIndex MCP (Open Source)\"}]}]]}]]}]\n15:[\"$\",\"div\",null,{\"className\":\"space-y-4\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-medium text-[15px] text-zinc-900 dark:text-zinc-100\",\"children\":\"Use Cases\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-3 text-[15px] text-zinc-600 dark:text-zinc-400\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L12\",null,{\"href\":\"https://cal.com/sampleappai/demo\",\"className\":\"hover:text-zinc-900 dark:hover:text-zinc-200\",\"children\":\"Developer Onboarding (Docs)\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L12\",null,{\"href\":\"https://cal.com/sampleappai/demo\",\"className\":\"hover:text-zinc-900 dark:hover:text-zinc-200\",\"children\":\"Developer Integration Support\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L12\",null,{\"href\":\"https://cal.com/sampleappai/demo\",\"className\":\"hover:text-zinc-900 dark:hover:text-zinc-200\",\"children\":\"Sales \u0026 Marketing Emails\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L12\",null,{\"href\":\"https://cal.com/sampleappai/demo\",\"className\":\"hover:text-zinc-900 dark:hover:text-zinc-200\",\"children\":\"B2B Integration Partners\"}]}]]}]]}]\n16:[\"$\",\"div\",null,{\"className\":\"space-y-4\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-medium text-[15px] text-zinc-900 dark:text-zinc-100\",\"children\":\"Resources\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-3 text-[15px] text-zinc-600 dark:text-zinc-400\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L12\",null,{\"href\":\"https://discord.gg/FnCBtjJSNj\",\"className\":\"hover:text-zinc-900 dark:hover:text-zinc-200\",\"children\":\"Discord Community\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L12\",null,{\"href\":\"/blog\",\"className\":\"hover:text-zinc-900 dark:hover:text-zinc-200\",\"children\":\"Blog / Articles\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L12\",null,{\"href\":\"https://docs.google.com/forms/d/e/1FAIpQLSeZ80ra6ArnOr6oPIAcVmTknv5gwGQShzz8nJsmXsLSQ6hIgw/viewform\",\"className\":\"hover:text-zinc-900 dark:hover:text-zinc-200\",\"children\":\"Report Issue\"}]}],[\"$\",\"li\","])</script>
1<script>self.__next_f.push([1,"null,{\"children\":[\"$\",\"$L12\",null,{\"href\":\"https://sampleapp.ai/sampleappai/contact\",\"className\":\"hover:text-zinc-900 dark:hover:text-zinc-200\",\"children\":\"Contact Founders\"}]}]]}]]}]\n17:[\"$\",\"div\",null,{\"className\":\"flex flex-col md:flex-row justify-between items-center pt-8 border-t border-zinc-200 dark:border-zinc-700\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-[15px] text-zinc-600 dark:text-zinc-400\",\"children\":\"© 2025 â Copyright | With love from San Francisco Bay Area\"}]}]\n18:[\"$\",\"$1\",\"c\",{\"children\":[\"$L1c\",null,[\"$\",\"$L1d\",null,{\"children\":[\"$\",\"$1e\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@1f\"}]}]]}]\n19:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L20\",null,{\"children\":\"$L21\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L22\",null,{\"children\":[\"$\",\"$1e\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L23\"}]}]}],null]}]\n1c:[\"$\",\"$L24\",null,{}]\ne:[\"$\",\"$L25\",null,{\"authPromise\":\"$@26\",\"children\":[\"$\",\"$L27\",null,{\"publishableKey\":\"pk_live_Y2xlcmsuc2FtcGxlYXBwLmFpJA\",\"clerkJSUrl\":\"$undefined\",\"clerkJSVersion\":\"$undefined\",\"proxyUrl\":\"\",\"domain\":\"\",\"isSatellite\":false,\"signInUrl\":\"/sign-in\",\"signUpUrl\":\"/sign-up\",\"signInForceRedirectUrl\":\"\",\"signUpForceRedirectUrl\":\"\",\"signInFallbackRedirectUrl\":\"\",\"signUpFallbackRedirectUrl\":\"\",\"afterSignInUrl\":\"\",\"afterSignUpUrl\":\"\",\"newSubscriptionRedirectUrl\":\"\",\"telemetry\":{\"disabled\":false,\"debug\":false},\"sdkMetadata\":{\"name\":\"@clerk/nextjs\",\"version\":\"6.39.0\",\"environment\":\"production\"},\"nonce\":\"\",\"initialState\":{\"tokenType\":\"session_token\",\"sessionClaims\":null,\"sessionId\":null,\"sessionStatus\":null,\"userId\":null,\"actor\":null,\"orgId\":null,\"orgRole\":null,\"orgSlug\":null,\"orgPermissions\":null,\"factorVerificationAge\":null,\"isAuthenticated\":false,\"user\":\"$undefined\",\"organization\":\"$undefined\"},\"children\":[\"$\",\"$L28\",null,{\"children\":[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lb\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]\n26:\"$e:props:children:props:initialState\"\n21:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n1f:null\n23:[[\"$\",\"title\",\"0\",{\"children\":\"sampleapp.ai\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Stripe-like Sample App Experience\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?dfa27c82f65d4124\",\"type\":\"image/x-icon\",\"sizes\":\"16x16\"}],[\"$\",\"$L29\",\"3\",{}]]\n"])</script>
1</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.