PageSourceSearch

https://appd.ai/products/

html appd.ai collected 2026-10-05 12:40:29 UTC 56,522 bytes, 1,300 lines download raw bytes

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&#x27;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&#x27;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 &rarr;</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 &rarr;</a>
204              <a href="/solutions/">All solutions &rarr;</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 &rarr;</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 &amp; 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 { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[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">&rarr;</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.