1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1.0"> 6<title>Products â AppD.AI</title> 7<meta name="description" content="AppD's live AI products: the 185-agent Agent Library, the Aira Hinglish voice agent, the Indian Stock Analyzer, Nexly Tools, and the B2B Lead Hunter. Start free."> 8<style> 9* { box-sizing:border-box; margin:0; padding:0; } 10 html { scroll-behavior:smooth; } 11 body { background:var(--color-bg); color:var(--color-text); font-family:var(--font-body); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden; } 12 a { color:inherit; text-decoration:none; } 13 ::selection { background:var(--color-primary); color:var(--color-ink); } 14 .container { max-width:var(--container); margin:0 auto; padding:0 var(--space-xl); } 15 @media (max-width:768px){ .container { padding:0 20px; } } 16 .eyebrow { font-family:var(--font-display); font-size:11px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:var(--color-primary); } 17 h1,h2,h3 { font-family:var(--font-display); font-weight:700; letter-spacing:-0.01em; } 18 .btn-primary { background:var(--color-primary); color:var(--color-ink); padding:13px 28px; border-radius:8px; font-family:var(--font-display); font-weight:700; font-size:15px; border:none; cursor:pointer; display:inline-flex; align-items:center; gap:8px; transition:background 200ms,box-shadow 200ms,transform 200ms; } 19 .btn-primary:hover { background:var(--color-primary-hover); box-shadow:0 0 28px rgba(22,99,176,0.35); transform:translateY(-1px); } 20 .btn-secondary { background:transparent; color:var(--color-text); border:1px solid var(--color-border); padding:12px 24px; border-radius:8px; font-family:var(--font-display); font-weight:600; font-size:14px; cursor:pointer; display:inline-flex; align-items:center; gap:8px; transition:border-color 200ms,background 200ms; } 21 .btn-secondary:hover { border-color:var(--color-border-hover-legacy); background:var(--color-surface2); } 22 :focus-visible { outline:2px solid var(--color-primary); outline-offset:2px; border-radius:4px; } 23 24 .nav { background:rgba(255,255,255,0.85); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid var(--color-border); position:sticky; top:0; z-index:100; height:62px; } 25 .nav-inner { max-width:var(--container); margin:0 auto; padding:0 var(--space-xl); height:100%; display:flex; align-items:center; justify-content:space-between; } 26 @media (max-width:768px){ .nav-inner { padding:0 20px; } } 27 .brand { font-family:var(--font-display); font-weight:700; font-size:19px; letter-spacing:-0.02em; display:flex; align-items:center; gap:9px; } 28 .brand-dot { width:10px; height:10px; border-radius:3px; background:var(--color-primary); box-shadow:0 0 12px rgba(22,99,176,0.6); } 29 .brand-ai { color:var(--color-primary); } 30 .nav-links { display:flex; align-items:center; gap:32px; } 31 .nav-links a { font-size:14px; color:var(--color-text2); transition:color 150ms; } 32 .nav-links a:hover { color:var(--color-text); } 33 .nav-links a.active { color:var(--color-primary); } 34 .nav-cta { display:flex; align-items:center; gap:16px; } 35 .nav-toggle { display:none; background:none; border:none; color:var(--color-text); cursor:pointer; } 36 @media (max-width:900px){ 37 .nav-links { display:none; position:absolute; top:62px; left:0; right:0; flex-direction:column; align-items:stretch; gap:0; background:rgba(255,255,255,0.98); backdrop-filter:blur(14px); border-bottom:1px solid var(--color-border); padding:6px 20px 14px; } 38 .nav-links.open { display:flex; } 39 .nav-links a { padding:13px 2px; font-size:16px; border-bottom:1px solid var(--color-border); } 40 .nav-toggle { display:inline-flex; } 41 .nav-cta .btn-primary { padding:9px 18px; font-size:13px; } 42 } 43 44 .phead { padding:var(--space-3xl) 0 var(--space-2xl); text-align:center; position:relative; } 45 .phead::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:70%; height:60%; background:radial-gradient(circle,rgba(22,99,176,0.07),transparent 70%); pointer-events:none; } 46 .phead h1, .phead h2.hero-title { font-size:clamp(36px,5.5vw,64px); line-height:1.05; margin:16px auto; letter-spacing:-0.03em; max-width:760px; position:relative; } 47 .phead h1 .g { color:var(--color-primary); } 48 .phead p { color:var(--color-text2); font-size:18px; max-width:560px; margin:0 auto; position:relative; } 49 50 .pgrid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; padding-bottom:var(--space-3xl); } 51 @media (max-width:820px){ .pgrid { grid-template-columns:1fr; } } 52 .pcard { background:var(--color-surface); border:1px solid var(--color-border); border-radius:16px; padding:30px; display:flex; flex-direction:column; transition:border-color 200ms,box-shadow 200ms,transform 200ms; } 53 .pcard:hover { border-color:rgba(22,99,176,0.3); box-shadow:0 0 30px rgba(22,99,176,0.08); transform:translateY(-2px); } 54 .pcard-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; } 55 .pcard-ic { width:48px; height:48px; border-radius:12px; background:var(--color-primary-dim); color:var(--color-primary); display:flex; align-items:center; justify-content:center; } 56 .badge { font-family:var(--font-display); font-size:10px; font-weight:700; padding:4px 10px; border-radius:20px; text-transform:uppercase; letter-spacing:0.05em; display:inline-flex; align-items:center; gap:6px; } 57 .badge-live { background:rgba(0,212,106,0.1); color:var(--color-success); border:1px solid rgba(0,212,106,0.25); } 58 .badge-live::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--color-success); animation:pulse 2s infinite; } 59 @keyframes pulse { 0%,100%{opacity:1;} 50%{opacity:.35;} } 60 .badge-beta { background:rgba(11,46,99,0.1); color:var(--color-secondary); border:1px solid rgba(11,46,99,0.25); } 61 .pcard h2 { font-size:24px; margin-bottom:8px; } 62 .pcard .tagline { color:var(--color-text); font-size:15px; font-weight:500; margin-bottom:10px; } 63 .pcard p { color:var(--color-text2); font-size:14px; line-height:1.55; margin-bottom:18px; } 64 .pcard ul { list-style:none; margin-bottom:22px; display:flex; flex-direction:column; gap:8px; } 65 .pcard li { font-size:13px; color:var(--color-text2); display:flex; align-items:flex-start; gap:9px; } 66 .pcard li svg { color:var(--color-primary); flex-shrink:0; margin-top:3px; } 67 .pcard-foot { display:flex; align-items:center; justify-content:space-between; margin-top:auto; gap:12px; } 68 .price-chip { font-family:var(--font-mono); font-size:12px; color:var(--color-success); background:rgba(0,212,106,0.08); border:1px solid rgba(0,212,106,0.2); padding:5px 11px; border-radius:20px; } 69 .price-chip.beta { color:var(--color-secondary); background:rgba(11,46,99,0.08); border-color:rgba(11,46,99,0.2); } 70 .card-link { font-family:var(--font-display); font-size:14px; font-weight:600; color:var(--color-primary); display:inline-flex; align-items:center; gap:6px; transition:gap 150ms; } 71 .pcard:hover .card-link { gap:10px; } 72 73 .cta-band { background:linear-gradient(120deg,rgba(22,99,176,0.10),rgba(22,99,176,0.02)); border:1px solid rgba(22,99,176,0.28); border-radius:18px; padding:52px 48px; text-align:center; position:relative; overflow:hidden; margin-bottom:var(--space-3xl); } 74 @media (max-width:768px){ .cta-band { padding:40px 24px; } } 75 .cta-band h2 { font-size:clamp(26px,4vw,38px); margin:12px auto; max-width:600px; letter-spacing:-0.02em; } 76 .cta-band p { color:var(--color-text2); font-size:16px; max-width:520px; margin:0 auto 26px; } 77 .cta-row { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; } 78 79 footer { border-top:1px solid var(--color-border); padding:var(--space-2xl) 0 var(--space-xl); } 80 .foot-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; margin-bottom:var(--space-2xl); } 81 @media (max-width:768px){ .foot-grid { grid-template-columns:1fr 1fr; gap:32px; } } 82 .foot-brand p { color:var(--color-text2); font-size:14px; max-width:280px; margin-top:14px; } 83 .foot-col h4 { font-family:var(--font-display); font-size:12px; text-transform:uppercase; letter-spacing:0.08em; color:var(--color-text3); margin-bottom:16px; } 84 .foot-col a { display:block; font-size:14px; color:var(--color-text2); margin-bottom:10px; transition:color 150ms; } 85 .foot-col a:hover { color:var(--color-primary); } 86 .foot-bottom { border-top:1px solid var(--color-border); padding-top:24px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; } 87 .foot-powered { font-family:var(--font-mono); font-size:13px; color:var(--color-text2); } 88 .foot-powered b { color:var(--color-primary); font-weight:500; } 89 .foot-copy { font-size:13px; color:var(--color-text3); } 90 @media (prefers-reduced-motion:reduce){ *,*::before,*::after{ animation-duration:.01ms !important; transition-duration:.01ms !important; scroll-behavior:auto !important; } } 91</style> 92 93<!-- SEO / AEO / GEO --> 94<link rel="canonical" href="https://appd.ai/products/"> 95<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> 96<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='7' fill='%23050B1F'/%3E%3Crect x='9' y='9' width='14' height='14' rx='4' fill='%232E6BFF'/%3E%3C/svg%3E"> 97<meta property="og:site_name" content="AppD.AI"> 98<meta property="og:type" content="website"> 99<meta property="og:url" content="https://appd.ai/products/"> 100<meta property="og:title" content="Products â AppD.AI"> 101<meta property="og:description" content="AppD's live AI products: the 185-agent Agent Library, the Aira Hinglish voice agent, the Indian Stock Analyzer, Nexly Tools, and the B2B Lead Hunter. Start free."> 102<meta property="og:image" content="https://appd.ai/og-cover.png"> 103<meta property="og:locale" content="en_IN"> 104<meta name="twitter:card" content="summary_large_image"> 105<meta name="twitter:title" content="Products â AppD.AI"> 106<meta name="twitter:description" content="AppD's live AI products: the 185-agent Agent Library, the Aira Hinglish voice agent, the Indian Stock Analyzer, Nexly Tools, and the B2B Lead Hunter. Start free."> 107<meta name="twitter:image" content="https://appd.ai/og-cover.png">
108<script type="application/ld+json">{"@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{"@type": "ListItem", "position": 1, "name": "Home", "item": "https://appd.ai/"}, {"@type": "ListItem", "position": 2, "name": "Products", "item": "https://appd.ai/products/"}]}</script>
108 109<!-- @c:head-tail --> 110<!-- Both origins are hit above the fold (nav logo, GSAP). Without these the browser pays a 111 fresh DNS + TLS + TCP handshake before the first byte of either. 112 Google Fonts preconnects are GONE â fonts are self-hosted from /fonts/ since 2026-08-02. --> 113<link rel="preconnect" href="https://appd-assets.pages.dev" crossorigin> 114<link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin> 115<!-- Self-hosted fonts. Was 2 render-blocking round-trips to Google (CSS, then woff2) before first 116 paint; now same-origin with font-display:swap. Includes Noto Sans Devanagari â several hero 117 transcripts are Devanagari and Instrument Sans has no coverage (they render as tofu without it). --> 118<link rel="stylesheet" href="/fonts/fonts.css?v=1"> 119<link rel="preload" as="font" type="font/woff2" href="/fonts/instrument-sans-600-latin.woff2" crossorigin> 120<link rel="preload" as="font" type="font/woff2" href="/fonts/inter-tight-400-latin.woff2" crossorigin> 121<meta property="og:image:width" content="1200"> 122<meta property="og:image:height" content="630"> 123<meta property="og:image:alt" content="AppD.AI â we build AI that ships">
124<script src="/theme.js?v=2"></script>
124 125<!-- â ï¸ .htaccess caches CSS for 7 DAYS. Bump ?v=N here whenever tokens.css or components.css 126 changes, or returning visitors keep the old file. Phase 0 (2026-08-02) moved every hardcoded 127 colour into tokens.css, so a stale copy leaves those colours unresolved. --> 128<link rel="stylesheet" href="/tokens.css?v=2"> 129<link rel="stylesheet" href="/components.css?v=3"> 130<link rel="stylesheet" href="/theme.css"> 131<!-- Microsoft Clarity â project vq8otuus8t (carried over from the previous appd.ai site) -->
132<script type="text/javascript"> 133 (function(c,l,a,r,i,t,y){ 134 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 135 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 136 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 137 })(window, document, "clarity", "script", "vq8otuus8t"); 138</script>
138 139<!-- /@c:head-tail --> 140</head> 141<body> 142 143<!-- @c:nav --> 144<a class="skip-link" href="#main" style="position:absolute;left:-9999px;top:0">Skip to content</a> 145<nav class="nav"> 146 <div class="nav-inner"> 147 <a href="/" class="brand"><img class="brand-mark" src="https://appd-assets.pages.dev/logo.gif" alt="" width="26" height="26" decoding="async" fetchpriority="low">AppD<span class="brand-ai">.AI</span></a> 148 <div class="nav-links" id="navLinks" onclick="if(event.target.tagName==='A'&&!event.target.classList.contains('nav-trigger')) this.classList.remove('open')"> 149 <div class="nav-item"> 150 <a href="/products/" class="nav-trigger active">Products<svg class="chev" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg></a> 151 <div class="nav-panel"> 152 <div class="nav-panel-grid cols-1"> 153 <div> 154 <div class="nav-group-title">Products</div> 155 <a href="/products/aira/"><b>Aira</b><span>A voice agent that speaks real Hindi</span></a> 156 <a href="/products/agent-library/"><b>Agent Library</b><span>185 AI agents, one search away</span></a> 157 <a href="/products/stock-analyzer/"><b>Stock Analyzer</b><span>Fundamental research for Indian equities</span></a> 158 <a href="/products/nexly/"><b>Nexly Tools</b><span>13 everyday tools, one workspace</span></a> 159 <a href="/products/">All products →</a> 160 </div> 161 </div> 162 </div> 163 </div> 164 <div class="nav-item"> 165 <a href="/solutions/" class="nav-trigger ">
165Solutions<svg class="chev" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg></a> 166 <div class="nav-panel"> 167 <div class="nav-panel-grid cols-4"> 168 <div> 169 <div class="nav-group-title">Manufacturing</div> 170 <a href="/solutions/terafab/">TeraFab</a> 171 <a href="/solutions/packtek/">PackTek</a> 172 <a href="/solutions/newage/">NewAge</a> 173 <a href="/solutions/wisight/">WiSight</a> 174 </div> 175 <div> 176 <div class="nav-group-title">B2B Services</div> 177 <a href="/solutions/biziq-erp/">BizIQ ERP</a> 178 <a href="/solutions/bpo-simulator/">BPO Simulator</a> 179 <a href="/solutions/fore-profits/">Fore Profits</a> 180 <a href="/solutions/lens/">Lens</a> 181 <a href="/solutions/fetchy/">Fetchy</a> 182 <a href="/solutions/aiga/">AIGA</a> 183 <a href="/solutions/docmaster/">DocMaster</a> 184 </div> 185 <div> 186 <div class="nav-group-title">B2C Services</div> 187 <a href="/solutions/calling-agents/">Calling Agents</a> 188 <a href="/solutions/saa/">SAA</a> 189 <a href="/solutions/glidepath/">GlidePath</a> 190 <a href="/solutions/school-os/">School-OS</a> 191 <a href="/solutions/kotak-811/">Kotak 811</a> 192 <a href="/solutions/insurance-vision/">Insurance Vision</a> 193 <a href="/solutions/d2c/">D2C</a> 194 <a href="/solutions/healthcare/">Healthcare</a> 195 <a href="/solutions/logistics/">Logistics</a> 196 <a href="/solutions/automotive/">Automotive</a> 197 </div> 198 <div> 199 <div class="nav-group-title">Government</div> 200 <a href="/solutions/hp-tourism/">HP Tourism</a> 201 <a href="/solutions/saheli/">Saheli</a> 202 <div class="nav-group-title" style="margin-top:18px">More</div> 203 <a href="/work/">All work →</a> 204 <a href="/solutions/">All solutions →</a> 205 </div> 206 </div> 207 </div> 208 </div> 209 <a href="/build-with-us/" class="">Build With Us</a> 210 <a href="/products/">Pricing</a> 211 </div> 212 <div class="nav-cta"><button class="theme-toggle" onclick="toggleTheme()" aria-label="Toggle dark mode" title="Toggle dark / light"><svg class="sun" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg><svg class="moon" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z"/></svg></button> 213 <a class="btn-primary" href="https://wa.me/917827285015" target="_blank" rel="noopener">Book a Call</a> 214 <button class="nav-toggle" aria-label="Menu" aria-expanded="false" onclick="var m=document.getElementById('navLinks');this.setAttribute('aria-expanded', m.classList.toggle('open'))"> 215 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg> 216 </button> 217 </div> 218 </div> 219</nav> 220<main id="main"> 221<!-- /@c:nav --> 222<!-- @c:hero --> 223<!-- Sector hero MARKUP. Lives inside <main>. The script is a SEPARATE partial (hero-js.html) 224 that must sit at body level â see HERO_SPEC.md §1 Rule 1. Styles are in components.css. 225 Panels are rendered from the config in hero-js.html; only the active one is in the DOM. --> 226<section class="shero" id="shero" aria-labelledby="shero-h1"> 227 <div class="shero-wash" aria-hidden="true"></div> 228 <div class="shero-grid"> 229 230 <div class="shero-copy"> 231 <span class="shero-pill"><i class="dot" aria-hidden="true"></i>31 ecosystems in production across 14 sectors</span> 232 233 <h2 class="shero-title" id="shero-h1">Pick your sector.<br>Watch the whole system <em>run.</em></h2> 234 235 <p class="shero-sub">Everyone sells you the chat window. We hand over the agent <strong>and</strong> the 236 workflows behind it â the tickets it raises, the records it writes, the people it pings.</p> 237 238 <div class="shero-chips" aria-label="What ships with every build">
239 <span class="shero-chip"><i style="color:var(--color-primary)"></i>Agent</span> 240 <span class="shero-chip"><i style="color:var(--color-success)"></i>Workflows</span> 241 <span class="shero-chip"><i style="color:var(--color-warning)"></i>Integrations</span> 242 <span class="shero-chip"><i style="color:var(--color-text3)"></i>Ops dashboard</span> 243 </div> 244 245 <div class="shero-nudge" id="sheroNudge"> 246 <b><i class="dot" aria-hidden="true"></i>Cycling through sectors</b> 247 <span>Click yours to stop it â this is the working agent, not a screenshot.</span> 248 </div> 249 250 <div class="shero-tabs" id="sheroTabs" role="tablist" aria-label="Choose your sector"></div> 251 252 <div class="shero-cta"> 253 <a class="btn-primary" href="https://wa.me/917827285015" target="_blank" rel="noopener">Book a 30-min call →</a> 254 <a class="btn-secondary" href="/work/">See a full ecosystem map</a> 255 </div> 256 </div> 257 258 <div class="spanel-wrap" id="sheroPanel"></div> 259 </div> 260</section> 261<!-- /@c:hero --> 262 263<header class="phead"> 264 <div class="container"> 265 <span class="eyebrow">The Products</span> 266 <h1>AI you can <span class="g">use today.</span></h1> 267 <p>Not roadmaps. Every product below is live and running right now. Start free â pay only when it earns its place in your stack.</p> 268 </div> 269</header> 270 271<section> 272 <div class="container"> 273 <div class="pgrid"> 274 275 <!-- Agent Library --> 276 <div class="pcard"> 277 <div class="pcard-top"> 278 <div class="pcard-ic"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/></svg></div> 279 <span class="badge badge-live">Live</span> 280 </div> 281 <h2>AppD Agent Library</h2> 282 <div class="tagline">185 expert AI agents, one search away.</div> 283 <p>A searchable library of specialist AI agents across 15 divisions â callable directly inside Claude Code, Cursor, and VS Code, or from your own app.</p> 284 <ul> 285 <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>185 agents · 15 divisions</li> 286 <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>MCP-native â works in your IDE, no setup</li> 287 <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Instant search API for your own product</li> 288 </ul> 289 <div class="pcard-foot"> 290 <span class="price-chip">Free to start</span> 291 <a class="card-link" href="/products/agent-library/">View product â</a> 292 </div> 293 </div> 294 295 <!-- Aira --> 296 <div class="pcard"> 297 <div class="pcard-top"> 298 <div class="pcard-ic"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3z"/><path d="M19 10a7 7 0 0 1-14 0M12 19v3"/></svg></div> 299 <span class="badge badge-beta">Voice</span> 300 </div> 301 <h2>Aira</h2> 302 <div class="tagline">A voice agent that speaks real Hindi.</div> 303 <p>Real-time voice AI that speaks natural Hinglish â the way your customers actually talk. Answers calls, qualifies leads, books appointments.</p> 304 <ul> 305 <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Natural Hinglish, not transliterated</li> 306 <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Sub-second responses on your own number</li> 307 <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Remembers past conversations</li> 308 </ul> 309 <div class="pcard-foot">
310 <span class="price-chip beta">Book a demo</span> 311 <a class="card-link" href="/products/aira/">View product â</a> 312 </div> 313 </div> 314 315 <!-- Stock Analyzer --> 316 <div class="pcard"> 317 <div class="pcard-top"> 318 <div class="pcard-ic"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 3v18h18"/><path d="M7 14l4-4 3 3 5-6"/></svg></div> 319 <span class="badge badge-live">Live</span> 320 </div> 321 <h2>Stock Analyzer</h2> 322 <div class="tagline">Fundamental research for Indian equities.</div> 323 <p>Five analysis modes for NSE/BSE-listed stocks â Quick Take, Deep Dive, Compare, Pros & Cons, Portfolio Fit. Research, never buy/sell calls.</p> 324 <ul> 325 <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>5 analysis modes</li> 326 <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Built for retail investors</li> 327 <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Zero recommendations â analysis only</li> 328 </ul> 329 <div class="pcard-foot"> 330 <span class="price-chip">Free to try</span> 331 <a class="card-link" href="/products/stock-analyzer/">View product â</a> 332 </div> 333 </div> 334 335 <!-- Nexly --> 336 <div class="pcard"> 337 <div class="pcard-top"> 338 <div class="pcard-ic"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10 13a5 5 0 0 0 7 0l3-3a5 5 0 0 0-7-7l-1 1"/><path d="M14 11a5 5 0 0 0-7 0l-3 3a5 5 0 0 0 7 7l1-1"/></svg></div> 339 <span class="badge badge-live">Live</span> 340 </div> 341 <h2>Nexly Tools</h2> 342 <div class="tagline">13 everyday tools, one workspace.</div> 343 <p>A branded toolkit of 13 utilities across 4 categories â including a URL shortener with a 4-prov
343ider fallback chain so your links never break.</p> 344 <ul> 345 <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>13 tools · 4 categories</li> 346 <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Resilient URL shortener</li> 347 <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Fast, no sign-up to start</li> 348 </ul> 349 <div class="pcard-foot"> 350 <span class="price-chip">Free</span> 351 <a class="card-link" href="/products/nexly/">View product â</a> 352 </div> 353 </div> 354 355 <!-- B2B Lead Hunter --> 356 <div class="pcard"> 357 <div class="pcard-top"> 358 <div class="pcard-ic"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.3-4.3"/><path d="M11 8v6M8 11h6"/></svg></div> 359 <span class="badge badge-beta">Beta</span> 360 </div> 361 <h2>B2B Lead Hunter</h2> 362 <div class="tagline">Outbound that researches before it writes.</div> 363 <p>Finds companies, researches decision-makers, scores leads, and drafts the first email â with a human approval gate before anything sends.</p> 364 <ul> 365 <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Find â research â score â draft</li> 366 <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Human approval before send</li> 367 <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Personalised, not spray-and-pray</li> 368 </ul> 369 <div class="pcard-foot"> 370 <span class="price-chip beta">Join waitlist</span> 371 <a class="card-link" href="https://wa.me/917827285015" target="_blank" rel="noopener">Request access â</a> 372 </div> 373 </div> 374 375 <!-- GlidePath cross-link --> 376 <div class="pcard" style="background:linear-gradient(140deg,var(--color-surface),var(--color-bg)); border-color:rgba(11,46,99,0.22);"> 377 <div class="pcard-top"> 378 <div class="pcard-ic" style="background:rgba(11,46,99,0.12); color:var(--color-secondary);"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8M12 17v4"/></svg></div> 379 <span class="badge" style="background:rgba(11,46,99,0.1); color:var(--color-secondary); border:1px solid rgba(11,46,99,0.25);">Flagship</span> 380 </div> 381 <h2 style="color:var(--color-text);">GlidePath</h2> 382 <div class="tagline" style="color:var(--color-primary);">The interactive layer for premium DOOH.</div> 383 <p style="color:var(--color-text2);">Turns out-of-home screens into gesture-interactive surfaces â no app, no scan, no face capture. Dwell time becomes consented first-party data.</p> 384 <ul> 385 <li style="color:var(--color-text2);"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--color-secondary)" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Gesture-tracked, privacy-first</li> 386 <li style="color:var(--color-text2);"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--color-secondary)" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>DPDP-aligned, no face capture</li> 387 <li style="color:var(--color-text2);"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--color-secondary)" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>Runs on existing LED walls</li> 388 </ul> 389 <div class="pcard-foot"> 390 <span class="price-chip" style="color:var(--color-secondary); background:rgba(11,46,99,0.08); border-color:rgba(11,46,99,0.2);">Enterprise</span> 391 <a class="card-link" style="color:var(--color-secondary);" href="https://appd.ai/glidepath/" target="_blank" rel="noopener">See it live â</a> 392 </div> 393 </div> 394 395 </div> 396 </div> 397</section> 398 399<section> 400 <div class="container"> 401 <div class="cta-band">
402 <span class="eyebrow">Need Something Custom?</span> 403 <h2>We can build your client one of these too.</h2> 404 <p>Every product here started as something we built. If your client needs a bespoke version â or something entirely new â that's what our studio does.</p> 405 <div class="cta-row"> 406 <a class="btn-primary" href="/build-with-us/">Build with us 407 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M5 12h14M13 6l6 6-6 6"/></svg> 408 </a> 409 <a class="btn-secondary" href="https://wa.me/917827285015" target="_blank" rel="noopener">Talk to us on WhatsApp</a> 410 </div> 411 </div> 412 </div> 413</section> 414 415<!-- @faq --> 416<section class="sec-tight"> 417 <div class="container"> 418 <div class="sec-head"><span class="eyebrow">Questions</span><h2>Common questions</h2></div> 419 <div class="faq"> 420 <div class="faq-item"><div class="faq-q">What products does AppD.AI offer?</div><div class="faq-a">Four self-serve products: Aira, a voice agent that speaks real Hindi; Agent Library, 185 AI agents one search away; Stock Analyzer, fundamental research for Indian equities; and Nexly Tools, 13 everyday tools in one workspace.</div></div> 421 <div class="faq-item"><div class="faq-q">Can I try them without talking to sales?</div><div class="faq-a">Yes. These are self-serve products that are live right now â the Agent Library search runs on this site, and Nexly Tools and Stock Analyzer are open to use.</div></div> 422 <div class="faq-item"><div class="faq-q">What is the difference between products and solutions?</div><div class="faq-a">Products are things you can use directly today. Solutions are systems AppD.AI has built for specific businesses â you can see them all on the work page.</div></div> 423 <div class="faq-item"><div class="faq-q">Is Aira the same agent on this website?</div><div class="faq-a">Yes. The voice agent you can talk to on this site is Aira, so the product demonstrates itself rather than being described.</div></div> 424 <div class="faq-item"><div class="faq-q">What do the products cost?</div><div class="faq-a">Pricing depends on scale and what you need. Message the team on WhatsApp at +91 78272 85015 or email [email protected] for a straight answer.</div></div> 425 </div> 426 </div> 427</section>
428<script type="application/ld+json"> 429{ 430 "@context": "https://schema.org", 431 "@type": "FAQPage", 432 "mainEntity": [ 433 { 434 "@type": "Question", 435 "name": "What products does AppD.AI offer?", 436 "acceptedAnswer": { 437 "@type": "Answer", 438 "text": "Four self-serve products: Aira, a voice agent that speaks real Hindi; Agent Library, 185 AI agents one search away; Stock Analyzer, fundamental research for Indian equities; and Nexly Tools, 13 everyday tools in one workspace." 439 } 440 }, 441 { 442 "@type": "Question", 443 "name": "Can I try them without talking to sales?", 444 "acceptedAnswer": { 445 "@type": "Answer", 446 "text": "Yes. These are self-serve products that are live right now â the Agent Library search runs on this site, and Nexly Tools and Stock Analyzer are open to use." 447 } 448 }, 449 { 450 "@type": "Question", 451 "name": "What is the difference between products and solutions?", 452 "acceptedAnswer": { 453 "@type": "Answer", 454 "text": "Products are things you can use directly today. Solutions are systems AppD.AI has built for specific businesses â you can see them all on the work page." 455 } 456 }, 457 { 458 "@type": "Question", 459 "name": "Is Aira the same agent on this website?", 460 "acceptedAnswer": { 461 "@type": "Answer", 462 "text": "Yes. The voice agent you can talk to on this site is Aira, so the product demonstrates itself rather than being described." 463 } 464 }, 465 { 466 "@type": "Question", 467 "name": "What do the products cost?", 468 "acceptedAnswer": { 469 "@type": "Answer", 470 "text": "Pricing depends on scale and what you need. Message the team on WhatsApp at +91 78272 85015 or email [email protected] for a straight answer." 471 } 472 } 473 ] 474} 475</script>
475 476<!-- /@faq --> 477 478<!-- @c:footer --> 479</main> 480<footer> 481 <div class="container"> 482 <div class="foot-grid"> 483 <div class="foot-brand"> 484 <a href="/" class="brand"><img class="brand-mark" src="https://appd-assets.pages.dev/logo.gif" alt="" width="28" height="28" decoding="async" loading="lazy">AppD<span class="brand-ai">.AI</span></a> 485 <p>The Indian AI studio that builds and ships production AI â voice agents, interactive DOOH, and SaaS tools that work on day one.</p> 486 </div> 487 <div class="foot-col"> 488 <h4>Products</h4> 489 <a href="/products/">All Products</a> 490 <a href="/products/agent-library/">Agent Library</a> 491 <a href="/products/aira/">Aira Voice</a> 492 <a href="/products/stock-analyzer/">Stock Analyzer</a> 493 <a href="/products/nexly/">Nexly Tools</a> 494 </div> 495 <div class="foot-col"> 496 <h4>Company</h4> 497 <a href="/work/">Our Work</a> 498 <a href="/solutions/">All Solutions</a> 499 <a href="/build-with-us/">Build With Us</a> 500 </div> 501 <div class="foot-col"> 502 <h4>Contact</h4> 503 <a href="tel:+917827285015">+91 78272 85015</a> 504 <a href="mailto:[email protected]">[email protected]</a> 505 <a href="https://wa.me/917827285015" target="_blank" rel="noopener">WhatsApp</a> 506 </div> 507 </div> 508 <div class="foot-sitemap"> 509 <div class="foot-sitemap__col"> 510 <h5>Manufacturing</h5> 511 <a href="/solutions/terafab/">TeraFab</a> 512 <a href="/solutions/packtek/">PackTek</a> 513 <a href="/solutions/newage/">NewAge</a> 514 <a href="/solutions/wisight/">WiSight</a> 515 </div> 516 <div class="foot-sitemap__col"> 517 <h5>B2B Services</h5> 518 <a href="/solutions/biziq-erp/">BizIQ ERP</a> 519 <a href="/solutions/bpo-simulator/">BPO Simulator</a> 520 <a href="/solutions/fore-profits/">Fore Profits</a> 521 <a href="/solutions/lens/">Lens</a> 522 <a href="/solutions/fetchy/">Fetchy</a> 523 <a href="/solutions/aiga/">AIGA</a> 524 <a href="/solutions/docmaster/">DocMaster</a> 525 </div> 526 <div class="foot-sitemap__col"> 527 <h5>B2C Services</h5> 528 <a href="/solutions/calling-agents/">Calling Agents</a> 529 <a href="/solutions/saa/">SAA</a> 530 <a href="/solutions/glidepath/">GlidePath</a> 531 <a href="/solutions/school-os/">School-OS</a> 532 <a href="/solutions/kotak-811/">Kotak 811</a> 533 <a href="/solutions/insurance-vision/">Insurance Vision</a> 534 <a href="/solutions/d2c/">D2C</a> 535 <a href="/solutions/healthcare/">Healthcare</a> 536 <a href="/solutions/logistics/">Logistics</a> 537 <a href="/solutions/automotive/">Automotive</a> 538 </div> 539 <div class="foot-sitemap__col"> 540 <h5>Government</h5> 541 <a href="/solutions/hp-tourism/">HP Tourism</a> 542 <a href="/solutions/saheli/">Saheli</a> 543 </div> 544 </div> 545 <div class="foot-bottom"> 546 <span class="foot-powered">Powered by: <b>appd.ai</b> · +91-7827285015</span> 547 <span class="foot-legal"><a href="/Policies/privacy/" style="color:inherit;text-decoration:underline">Privacy</a> · <a href="/Policies/terms/" style="color:inherit;text-decoration:underline">Terms</a> · <a href="/Policies/data-deletion/" style="color:inherit;text-decoration:underline">Data Deletion</a></span> 548 <span class="foot-copy">© 2026 AppD.AI · Built and shipped in India</span> 549 </div> 550 </div> 551</footer> 552<!-- /@c:footer --> 553 554<!-- @c:gsap -->
555<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
vendor: 1 bytes, line 555
555
556<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
556 557<!-- /@c:gsap -->
558<script> 559if (window.gsap && !window.matchMedia('(prefers-reduced-motion: reduce)').matches) { 560 // The sector hero sits above this block now, so these elements start below the fold. 561 // On-load tweens would play unseen â retargeted to fire on scroll instead. 562 gsap.registerPlugin(ScrollTrigger); 563 gsap.from('.phead > .container > *', { opacity:0, y:22, duration:0.5, stagger:0.09, ease:'power3.out', 564 scrollTrigger: { trigger:'.phead', start:'top 85%' } }); 565 gsap.utils.toArray('.pcard, .cta-band').forEach((el,i) => { 566 gsap.from(el, { opacity:0, y:24, scale:0.97, duration:0.42, ease:'back.out(1.4)', scrollTrigger:{ trigger:el, start:'top 90%' }, delay:(i%2)*0.05 }); 567 }); 568} 569</script>
569 570<!-- @c:hero-js --> 571<!-- Sector hero BEHAVIOUR. This script MUST stay a direct child of <body>: 572 aira-widget.js swapBody() only re-runs inline scripts at body level, so a script nested 573 inside <main> is cloned inert and never runs again after a soft-nav. HERO_SPEC.md §1 Rule 1. 574 The markup partial is hero.html; the styles are in components.css. -->
575<script> 576(function () { 577 var tabsEl = document.getElementById('sheroTabs'); 578 var panelEl = document.getElementById('sheroPanel'); 579 var nudgeEl = document.getElementById('sheroNudge'); 580 var heroEl = document.getElementById('shero'); 581 if (!tabsEl || !panelEl) return; // page without the hero â nothing to do 582 583 /* Rule 3: the router does NO teardown of timers or observers, and this script re-runs on 584 every soft-nav into the page. Without this, each visit starts another interval that fires 585 at DOM removed by swapBody. Only ever visible on the SECOND visit. */ 586 clearInterval(window.__heroTimer); 587 if (window.__heroIO) { try { window.__heroIO.disconnect(); } catch (e) {} } 588 window.__heroTimer = null; window.__heroIO = null; 589 590 var SECTORS = [ 591 { 592 "id": "real-estate", 593 "label": "Real estate", 594 "agent": "Site-visit agent", 595 "channel": "WhatsApp", 596 "status": "live", 597 "aspirational": false, 598 "waveform": false, 599 "transcript": [ 600 { 601 "f": "c", 602 "t": "Saw the Whitefield listing. Is the 3BHK still available?" 603 }, 604 { 605 "f": "a", 606 "t": "Two units left, east-facing. What budget are you working with?" 607 }, 608 { 609 "f": "c", 610 "t": "Around 1.6 cr, loan pre-approved." 611 }, 612 { 613 "f": "a", 614 "t": "That works. Saturday 11am for a site visit?" 615 } 616 ], 617 "chain": [ 618 "Lead scored", 619 "CRM record", 620 "Rep notified", 621 "Dashboard" 622 ], 623 "metrics": [ 624 { 625 "v": "WhatsApp", 626 "l": "where the buyer already is" 627 }, 628 { 629 "v": "24Ã7", 630 "l": "answered any hour" 631 }, 632 { 633 "v": "Auto", 634 "l": "CRM record written" 635 } 636 ] 637 }, 638 { 639 "id": "bfsi", 640 "label": "BFSI", 641 "agent": "Claims intake agent", 642 "channel": "Voice · motor", 643 "status": "live", 644 "aspirational": false, 645 "waveform": true, 646 "transcript": [ 647 { 648 "f": "c", 649 "t": "Gaadi ka accident ho gaya kal raat. Claim kaise file karun?" 650 }, 651 { 652 "f": "a", 653 "t": "Main abhi file kar deta hoon. Policy number bata dijiye â photos WhatsApp par bhej dijiye." 654 } 655 ], 656 "chain": [ 657 "Policy verified", 658 "FNOL raised", 659 "Surveyor booked", 660 "Audit log" 661 ], 662 "metrics": [ 663 { 664 "v": "5d â 52s", 665 "l": "photos to a triage decision" 666 }, 667 { 668 "v": "8 agents", 669 "l": "on every single claim" 670 }, 671 { 672 "v": "Audit log", 673 "l": "every step recorded" 674 } 675 ] 676 }, 677 { 678 "id": "education", 679 "label": "Education", 680 "agent": "Parent helpdesk", 681 "channel": "WhatsApp · K-12", 682 "status": "live", 683 "aspirational": false, 684 "waveform": false, 685 "transcript": [ 686 { 687 "f": "c", 688 "t": "Term 2 fee ki due date kab hai? Transport available hai Koramangala ke liye?" 689 }, 690 { 691 "f": "a", 692 "t": "Fee 15 tareekh tak. Route 4 aapke area se guzarta hai â pick-up 7:20am." 693 }, 694 { 695 "f": "c", 696 "t": "Seat available hai?" 697 }, 698 { 699 "f": "a", 700 "t": "Do seats. Hold kar doon 48 ghante ke liye?" 701 } 702 ], 703 "chain": [ 704 "Fee link issued", 705 "Seat held in ERP", 706 "Transport ops", 707 "Dashboard" 708 ], 709 "metrics": [ 710 { 711 "v": "4 modules", 712 "l": "admissions to teacher studio" 713 }, 714 { 715 "v": "3 languages", 716 "l": "English · Pidgin · Yoruba" 717 }, 718 { 719 "v": "<2%", 720 "l": "of annual fee revenue" 721 } 722 ] 723 }, 724 { 725 "id": "admissions", 726 "label": "Admissions", 727 "agent": "Admissions counsellor", 728 "channel": "Voice · Hinglish", 729 "status": "live", 730 "aspirational": false, 731 "waveform": true, 732 "transcript": [ 733 { 734 "f": "c", 735 "t": "Mujhe B.Tech admission ke baare mein poochna tha." 736 }, 737 { 738 "f": "a", 739 "t": "August intake khula hai. 12th ka percentage bata dijiye?" 740 }, 741 { 742 "f": "c", 743 "t": "78 percent. Scholarship milega?" 744 }, 745 { 746 "f": "a", 747 "t": "Merit scholarship 25% tak. Counsellor call Friday 5pm book kar doon?" 748 } 749 ], 750 "chain": [ 751 "Lead scored hot", 752 "CRM + slot held", 753 "Docs checklist sent", 754 "Funnel dashboard" 755 ], 756 "metrics": [ 757 { 758 "v": "20 â 200", 759 "l": "leads handled per day" 760 }, 761 { 762 "v": "9", 763 "l": "Indian languages" 764 }, 765 { 766 "v": "24Ã7", 767 "l": "including after hours" 768 } 769 ] 770 }, 771 { 772 "id": "edtech", 773 "label": "Edtech", 774 "agent": "Course advisor", 775 "channel": "Web chat", 776 "status": "live", 777 "aspirational": false, 778 "waveform": false, 779 "transcript": [ 780 { 781 "f": "c", 782 "t": "Can I do the data science course while working full-time?" 783 }, 784 { 785 "f": "a", 786 "t": "Weekend cohort, 9 months, 8 hrs a week. Next batch starts 14 Sept." 787 }, 788 { 789 "f": "c", 790 "t": "Fees and EMI?" 791 }, 792 { 793 "f": "a", 794 "t": "â¹1.2L, or â¹4,999/month no-cost EMI. Free demo class this Saturday?" 795 } 796 ], 797 "chain": [ 798 "Demo seat booked", 799 "EMI sheet sent", 800 "Drip sequence on", 801 "Cohort dashboard" 802 ], 803 "metrics": [ 804 { 805 "v": "4-in-1", 806 "l": "bot, site, database, marketing" 807 }, 808 { 809 "v": "Web + WhatsApp", 810 "l": "one conversation" 811 }, 812 { 813 "v": "24Ã7", 814 "l": "incl. exam-season peaks" 815 } 816 ] 817 }, 818 { 819 "id": "manufacturing", 820 "label": "Manufacturing", 821 "agent": "Line supervisor agent", 822 "channel": "Shop-floor tablet", 823 "status": "live", 824 "aspirational": false, 825 "waveform": false, 826 "transcript": [ 827 { 828 "f": "a", 829 "t": "Bearing wear pattern, ~40 running hours to failure. Raise a ticket for tonight's shutdown?" 830 }, 831 { 832 "f": "c", 833 "t": "Haan, raise karo. Spare stock check bhi kar lo." 834 } 835 ], 836 "chain": [
837 "CMMS ticket", 838 "Spare reserved", 839 "Shift lead pinged", 840 "OEE dashboard" 841 ], 842 "metrics": [ 843 { 844 "v": "97%+", 845 "l": "predictive accuracy on failure modes" 846 }, 847 { 848 "v": "~$15", 849 "l": "sensor vs a $257 appliance" 850 }, 851 { 852 "v": "In software", 853 "l": "not physical prototyping" 854 } 855 ] 856 }, 857 { 858 "id": "b2b", 859 "label": "B2B services", 860 "agent": "Inbound qualifier", 861 "channel": "Email + WhatsApp", 862 "status": "live", 863 "aspirational": false, 864 "waveform": false, 865 "transcript": [ 866 { 867 "f": "c", 868 "t": "We're evaluating compliance tools for about 40 seats. What's the pricing?" 869 }, 870 { 871 "f": "a", 872 "t": "40 seats puts you on the mid-market plan. Replacing an existing tool, and when do you need it live?" 873 }, 874 { 875 "f": "c", 876 "t": "Replacing a legacy system, need it live before the Q3 audit." 877 } 878 ], 879 "chain": [ 880 "Enriched + scored", 881 "Routed to AE", 882 "Security doc sent", 883 "Pipeline dashboard" 884 ], 885 "metrics": [ 886 { 887 "v": "6,000", 888 "l": "agents trained off-floor" 889 }, 890 { 891 "v": "Email + WhatsApp", 892 "l": "one inbox" 893 }, 894 { 895 "v": "24Ã7", 896 "l": "no lead lost after hours" 897 } 898 ] 899 }, 900 { 901 "id": "d2c", 902 "label": "D2C", 903 "agent": "Order & returns agent", 904 "channel": "WhatsApp", 905 "status": "pattern", 906 "aspirational": true, 907 "waveform": false, 908 "transcript": [ 909 { 910 "f": "c", 911 "t": "Order kahan hai? Teen din ho gaye." 912 }, 913 { 914 "f": "a", 915 "t": "Order #48219 out for delivery â aaj shaam 7 baje tak. Track link bhej diya." 916 }, 917 { 918 "f": "c", 919 "t": "Size galat nikla toh return kar sakte hain?" 920 }, 921 { 922 "f": "a", 923 "t": "14 din. Exchange chahiye toh ek size bada abhi reserve kar deta hoon." 924 } 925 ], 926 "chain": [ 927 "3PL status pulled", 928 "Exchange reserved", 929 "Reverse pickup", 930 "Returns dashboard" 931 ], 932 "metrics": [] 933 }, 934 { 935 "id": "retail", 936 "label": "Retail & malls", 937 "agent": "GlidePath kiosk", 938 "channel": "Touch + voice", 939 "status": "live", 940 "aspirational": false, 941 "waveform": false, 942 "transcript": [ 943 { 944 "f": "c", 945 "t": "Nearest place for kids' shoes?" 946 }, 947 { 948 "f": "a", 949 "t": "Level 2, 40 metres left. There's 20% off there until 6pm â want the coupon on WhatsApp?" 950 } 951 ], 952 "chain": [ 953 "Route logged", 954 "Coupon issued", 955 "Tenant credited", 956 "Footfall analytics" 957 ], 958 "metrics": [ 959 { 960 "v": "No face capture", 961 "l": "gesture and movement only" 962 }, 963 { 964 "v": "Gesture + voice", 965 "l": "touchless" 966 }, 967 { 968 "v": "Existing screens", 969 "l": "no new hardware" 970 } 971 ] 972 }, 973 { 974 "id": "healthcare", 975 "label": "Healthcare", 976 "agent": "Front-desk agent", 977 "channel": "Voice", 978 "status": "pattern", 979 "aspirational": true, 980 "waveform": true, 981 "transcript": [ 982 { 983 "f": "c", 984 "t": "Papa ko chest pain tha kal. Cardiology mein appointment mil jayega?" 985 }, 986 { 987 "f": "a", 988 "t": "Dr. Rao ke paas aaj 6:15pm slot hai. Agar abhi bhi pain hai toh emergency mein turant aaiye." 989 }, 990 { 991 "f": "c", 992 "t": "Abhi theek hain. 6:15 book kar dijiye." 993 } 994 ], 995 "chain": [ 996 "Slot booked in HIS", 997 "Prep instructions", 998 "Reminder sequence", 999 "No-show dashboard" 1000 ], 1001 "metrics": [] 1002 }, 1003 { 1004 "id": "government", 1005 "label": "Government", 1006 "agent": "Saheli welfare desk", 1007 "channel": "WhatsApp · हिà¤à¤¦à¥", 1008 "status": "live", 1009 "aspirational": false, 1010 "waveform": false, 1011 "transcript": [ 1012 { 1013 "f": "c", 1014 "t": "मà¥à¤à¥ विधवा पà¥à¤à¤¶à¤¨ à¤à¥ लिठà¤à¤µà¥à¤¦à¤¨ à¤à¤°à¤¨à¤¾ हà¥à¥¤" 1015 }, 1016 { 1017 "f": "a", 1018 "t": "à¤à¤ªà¤à¥ à¤à¤¼à¤¿à¤²à¥ मà¥à¤ तà¥à¤¨ दसà¥à¤¤à¤¾à¤µà¥à¤à¤¼ à¤à¤¾à¤¹à¤¿à¤ â à¤à¤§à¤¾à¤°, बà¥à¤à¤ पासबà¥à¤ à¤à¤° मà¥à¤¤à¥à¤¯à¥ पà¥à¤°à¤®à¤¾à¤£ पतà¥à¤°à¥¤" 1019 }, 1020 { 1021 "f": "c", 1022 "t": "फà¥à¤°à¥à¤® à¤à¤¹à¤¾à¤ मिलà¥à¤à¤¾?" 1023 }, 1024 { 1025 "f": "a", 1026 "t": "लिà¤à¤ à¤à¥à¤ दिया। नà¤à¤¼à¤¦à¥à¤à¥ सà¥à¤µà¤¾ à¤à¥à¤à¤¦à¥à¤° 2.4 à¤à¤¿à¤®à¥ दà¥à¤° हॠâ पता à¤à¥ à¤à¥à¤ दà¥à¤?" 1027 } 1028 ], 1029 "chain": [ 1030 "Eligibility checked", 1031 "Case ID created", 1032 "Officer queue", 1033 "District dashboard" 1034 ], 1035 "metrics": [ 1036 { 1037 "v": "Live", 1038 "l": "on a state government portal" 1039 }, 1040 { 1041 "v": "हिà¤à¤¦à¥", 1042 "l": "first language" 1043 }, 1044 { 1045 "v": "24/7", 1046 "l": "any hour" 1047 } 1048 ] 1049 }, 1050 { 1051 "id": "travel", 1052 "label": "Travel", 1053 "agent": "Trip desk", 1054 "channel": "WhatsApp", 1055 "status": "live", 1056 "aspirational": false, 1057 "waveform": false, 1058 "transcript": [ 1059 { 1060 "f": "c", 1061 "t": "Three days in Manali next month, two adults. What's worth doing?" 1062 }, 1063 { 1064 "f": "a", 1065 "t": "Solang for day one, Sissu on day two if the pass is open, old Manali on day three. Registered homestays from â¹2,400/night." 1066 }, 1067 { 1068 "f": "c", 1069 "t": "Permit chahiye hoga Rohtang ke liye?" 1070 }, 1071 { 1072 "f": "a", 1073 "t": "Haan. Permit link aur itinerary dono bhej diye." 1074 } 1075 ], 1076 "chain": [ 1077 "Itinerary built", 1078 "Permit link issued", 1079 "Homestay lead sent", 1080 "Tourism dashboard" 1081 ], 1082 "metrics": [ 1083 { 1084 "v": "Tourism board", 1085 "l": "live deployment" 1086 }, 1087 { 1088 "v": "WhatsApp", 1089 "l": "where citizens already are" 1090 }, 1091 { 1092 "v": "24Ã7", 1093 "l": "concierge" 1094 } 1095 ] 1096 }, 1097 { 1098 "id": "logistics", 1099 "label": "Logistics", 1100 "agent": "Dispatch agent", 1101 "channel": "Voice", 1102 "status": "pattern", 1103 "aspirational": true, 1104 "waveform": true, 1105 "transcript": [ 1106 { 1107 "f": "c", 1108 "t": "Consignee gate pe nahi hai. Kya karun?" 1109 }, 1110 { 1111 "f": "a", 1112 "t": "Unko call kar raha hoon. Agar 10 minute mein nahi aaye toh reattempt kal 11am â aap next drop pe nikal jaiye." 1113 }, 1114 { 1115 "f": "c", 1116 "t": "Theek hai, POD kaise mark karun?" 1117 }, 1118 { 1119 "f": "a", 1120 "t": "Photo bhej dijiye, main hi mark kar dunga." 1121 } 1122 ], 1123 "chain": [ 1124 "Exception logged", 1125 "Reattempt slotted", 1126 "Customer notified", 1127 "SLA dashboard" 1128 ], 1129 "metrics": [] 1130 }, 1131 { 1132 "id": "automotive", 1133 "label": "Automotive", 1134 "agent": "Dealership agent", 1135 "channel": "Voice + WhatsApp", 1136 "status": "pattern", 1137 "aspirational": true, 1138 "waveform": true, 1139 "transcript": [ 1140 { 1141 "f": "c", 1142 "t": "Test drive book karna tha, weekend pe. Automatic variant hai?" 1143 }, 1144 { 1145 "f": "a", 1146 "t": "Automatic showroom pe available hai. Saturday 12pm ya Sunday 10am â kaunsa suit karega?" 1147 }, 1148 { 1149 "f": "c", 1150 "t": "Sunday. Exchange value bhi bata dijiye, 2019 model hai." 1151 }, 1152 { 1153 "f": "a", 1154 "t": "Indicative â¹4.1â4.6L. Evaluator Sunday ko hi saath rakh deta hoon." 1155 } 1156 ], 1157 "chain": [ 1158 "Test drive booked", 1159 "Car blocked in DMS", 1160 "Evaluator assigned", 1161 "Showroom dashboard" 1162 ], 1163 "metrics": [] 1164 } 1165]; 1166 1167 var CYCLE_MS = 2600; 1168 var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches; 1169 var stopped = reduced; // reduced motion: never auto-cycle 1170 var active = 0; 1171 1172 function esc(s) { return String(s).replace(/[&<>"]/g, function (c) { 1173 return { '&': '&', '<': '<', '>': '>', '"': '"' }[c]; }); } 1174 1175 /* Only the active panel is ever in the DOM â the design's "lazily mount the other 13", 1176 without a framework. */ 1177 function panelHTML(s) { 1178 var eq = ''; 1179 if (s.waveform) { 1180 var cols = ['var(--color-primary-dim)','var(--color-primary)','var(--color-secondary)', 1181 'var(--color-success)','var(--color-warning)','var(--color-primary)','var(--color-success)']; 1182 eq = '<div class="eq" aria-hidden="true">'; 1183 for (var i = 0; i < 7; i++) { 1184 eq += '<i style="background:' + cols[i] + ';animation-duration:' + (2.1 + i * 0.14).toFixed(2) 1185 + 's;animation-delay:' + (i * 0.1).toFixed(2) + 's"></i>'; 1186 } 1187 eq += '</div>'; 1188 } 1189 var talk = s.transcript.map(function (t) { 1190 return '<div class="sbub ' + (t.f === 'c' ? 'them' : 'us') + '">' + esc(t.t) + '</div>'; 1191 }).join(''); 1192 1193 var nodes = s.chain.map(function (c, i) { 1194 return '<div class="schain-node"><i class="dot" style="animation-delay:' + (i * 0.3) 1195 + 's" aria-hidden="true"></i>' + esc(c) + '</div>'; 1196 }).join('<span class="schain-arrow" aria-hidden="true">→</span>'); 1197 1198 /* Aspirational sectors carry NO metrics row. They are sectors we want to sell into, not 1199 delivered work â a metric here would be invented. SECTOR_CONTENT.md §3. */ 1200 var metrics = s.metrics.length 1201 ? '<div class="smetrics">' + s.metrics.map(function (m) { 1202 return '<div><b>' + esc(m.v) + '</b><span>' + esc(m.l) + '</span></div>'; }).join('') + '</div>' 1203 : ''; 1204 1205 return '<div class="spanel" role="tabpanel" id="spanel-' + s.id + '" aria-labelledby="stab-' + s.id + '" tabindex="0">' 1206 + '<div class="spanel-head"><b>' + esc(s.agent) + '</b><span>' + esc(s.channel) + '</span>' 1207 + '<span class="spanel-live' + (s.aspirational ? ' is-pattern' : '') + '">' 1208 + '<i class="dot" aria-hidden="true"></i>' + (s.aspirational ? 'pattern' : 'live') + '</span></div>' 1209 + eq 1210 + '<div class="stalk">' + talk + '</div>' 1211 + '<div class="schain"><div class="schain-eyebrow">And behind the chat, automatically</div>' 1212 + '<div class="schain-row">' + nodes + '</div></div>' 1213 + metrics + '</div>'; 1214 } 1215 1216 // Tabs are <button>, never <a href> â the router's capture-phase click listener would 1217 // hijack a routable link mid-interaction. HERO_SPEC.md §1 Rule 4. 1218 tabsEl.innerHTML = SECTORS.map(function (s, i) { 1219 return '<button class="stab" type="button" role="tab" id="stab-' + s.id + '"' 1220 + ' aria-controls="spanel-' + s.id + '" aria-selected="' + (i === 0) + '"' 1221 + ' tabindex="' + (i === 0 ? '0' : '-1') + '">' + esc(s.label) + '</button>'; 1222 }).join(''); 1223 var tabs = [].slice.call(tabsEl.children); 1224 1225 function show(i, focus) { 1226 active = i;
1227 tabs.forEach(function (t, n) { 1228 var on = n === i; 1229 t.classList.toggle('is-selected', on); 1230 t.setAttribute('aria-selected', String(on)); 1231 t.tabIndex = on ? 0 : -1; 1232 }); 1233 panelEl.innerHTML = panelHTML(SECTORS[i]); 1234 if (focus) tabs[i].focus(); 1235 } 1236 1237 function halt() { // permanent: never resumes 1238 if (stopped) return; 1239 stopped = true; 1240 clearInterval(window.__heroTimer); window.__heroTimer = null; 1241 if (nudgeEl) nudgeEl.classList.add('is-off'); 1242 } 1243 1244 tabsEl.addEventListener('click', function (e) { 1245 var b = e.target.closest('.stab'); if (!b) return; 1246 halt(); 1247 var i = tabs.indexOf(b); 1248 if (i > -1 && i !== active) { 1249 show(i); 1250 // Tell Aira what they picked, so she already knows if they open her next. 1251 if (window.airaTell) window.airaTell('The visitor selected the "' + SECTORS[i].label 1252 + '" sector in the hero demo on ' + location.pathname + '.'); 1253 } 1254 }); 1255 1256 tabsEl.addEventListener('keydown', function (e) { 1257 var i = tabs.indexOf(document.activeElement); if (i < 0) return; 1258 var n = e.key === 'ArrowRight' ? i + 1 : e.key === 'ArrowLeft' ? i - 1 1259 : e.key === 'Home' ? 0 : e.key === 'End' ? tabs.length - 1 : -1; 1260 if (n < 0 && n !== 0) return; 1261 e.preventDefault(); halt(); 1262 show((n + tabs.length) % tabs.length, true); 1263 }); 1264 1265 // Scoped to the hero, never document: Aira's bubble sits outside it, so clicking her 1266 // must not kill the cycle (and vice versa). 1267 if (heroEl) heroEl.addEventListener('pointerdown', halt, { once: true }); 1268 1269 show(0); 1270 1271 if (!stopped) { 1272 window.__heroTimer = setInterval(function () { 1273 if (document.hidden) return; 1274 show((active + 1) % SECTORS.length); 1275 }, CYCLE_MS); 1276 1277 if ('IntersectionObserver' in window && heroEl) { 1278 window.__heroIO = new IntersectionObserver(function (es) { 1279 es.forEach(function (en) { 1280 if (stopped) return; 1281 if (!en.isIntersecting) { clearInterval(window.__heroTimer); window.__heroTimer = null; } 1282 else if (!window.__heroTimer) { 1283 window.__heroTimer = setInterval(function () { 1284 if (document.hidden) return; 1285 show((active + 1) % SECTORS.length); 1286 }, CYCLE_MS); 1287 } 1288 }); 1289 }, { threshold: 0.15 }); 1290 window.__heroIO.observe(heroEl); 1291 } 1292 } 1293})(); 1294</script>
1294 1295<!-- /@c:hero-js --> 1296<!-- @c:aira -->
1297<script src="/aira-widget.js?v=10" defer></script>
1297 1298<!-- /@c:aira --> 1299</body> 1300</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.