agent-ops-command-center/buyer-reply-kit.html at main · ivelly42/agent-ops-command-center · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>AI Agent Buyer Reply Kit | Agent Ops Command Center</title>
    <meta name="description" content="Copy-ready buyer replies for the Agent Ops Command Center AI coding-agent Notion and spreadsheet template pack, including $203 team checkout request language.">
    <meta property="og:title" content="AI Agent Buyer Reply Kit">
    <meta property="og:description" content="Answer buyer questions about price, checkout, receipt, approval, preview access, delivery, and revenue proof.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://ivelly42.github.io/agent-ops-command-center/buyer-reply-kit.html">
    <meta property="og:image" content="https://ivelly42.github.io/agent-ops-command-center/og.png">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:image" content="https://ivelly42.github.io/agent-ops-command-center/og.png">
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "Product",
        "name": "Agent Ops Command Center Buyer Reply Kit",
        "description": "Buyer-response page for an AI coding-agent Notion and spreadsheet template pack.",
        "url": "https://ivelly42.github.io/agent-ops-command-center/buyer-reply-kit.html",
        "offers": [
          {
            "@type": "Offer",
            "name": "Individual seat",
            "price": "29",
            "priceCurrency": "USD",
            "availability": "https://schema.org/PreOrder",
            "url": "https://ivelly42.github.io/agent-ops-command-center/team-request-url.html"
          },
          {
            "@type": "Offer",
            "name": "Team license - 7 seats",
            "price": "203",
            "priceCurrency": "USD",
            "availability": "https://schema.org/PreOrder",
            "url": "https://ivelly42.github.io/agent-ops-command-center/team-request-url.html"
          }
        ]
      }
    </script>
    <style>
      :root {
        color-scheme: light;
        --bg: #f8f7f3;
        --ink: #121212;
        --muted: #625d55;
        --line: #ded8ce;
        --card: #fffdfa;
        --soft: #f3efe7;
        --accent: #00796b;
        --warn: #a15c00;
      }

      * { box-sizing: border-box; }

      body {
        margin: 0;
        overflow-x: hidden;
        background: var(--bg);
        color: var(--ink);
        font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        letter-spacing: 0;
      }

      a { color: inherit; }

      header, main, footer {
        width: min(1160px, calc(100% - 36px));
        margin: 0 auto;
      }

      header {
        min-height: 74px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 22px;
        border-bottom: 1px solid var(--line);
      }

      .brand {
        font-weight: 900;
        text-decoration: none;
      }

      nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 16px;
        font-size: 14px;
        font-weight: 700;
      }

      nav a { text-decoration: none; }

      .hero {
        min-height: calc(100vh - 74px);
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr);
        max-width: 100%;
        gap: 48px;
        align-items: center;
        padding: 56px 0;
      }

      .eyebrow {
        color: var(--accent);
        margin-bottom: 16px;
        font-size: 14px;
        font-weight: 900;
      }

      h1, h2, h3, p { margin-top: 0; }

      h1 {
        max-width: 760px;
        margin-bottom: 22px;
        font-size: clamp(42px, 7vw, 78px);
        line-height: 0.98;
        letter-spacing: 0;
        overflow-wrap: anywhere;
      }

      h2 {
        margin-bottom: 18px;
        font-size: clamp(30px, 4.5vw, 48px);
        letter-spacing: 0;
      }

      h3 {
        margin-bottom: 10px;
        font-size: 22px;
      }

      .lead {
        max-width: 700px;
        color: var(--muted);
        font-size: 20px;
        line-height: 1.5;
      }

      .actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 24px;
      }

      .button {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        max-width: 100%;
        border: 1px solid var(--ink);
        border-radius: 8px;
        padding: 0 16px;
        background: transparent;
        color: inherit;
        font: inherit;
        font-weight: 850;
        text-decoration: none;
        text-align: center;
        white-space: normal;
        cursor: pointer;
      }

      .button.primary {
        background: var(--ink);
        color: #fff;
      }

      .summary,
      .reply,
      .notice {
        border: 1px solid var(--line);
        border-radius: 8px;
        background: var(--card);
      }

      .summary {
        padding: 28px;
        min-width: 0;
        max-width: 100%;
        box-shadow: 0 24px 72px rgb(0 0 0 / 0.1);
      }

      .price {
        margin-bottom: 12px;
        font-size: clamp(58px, 9vw, 92px);
        line-height: 1;
        font-weight: 950;
      }

      .summary p,
      .reply p,
      .notice {
        color: var(--muted);
        line-height: 1.5;
        overflow-wrap: anywhere;
      }

      .mini-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-top: 20px;
      }

      .mini {
        min-height: 76px;
        border: 1px solid var(--line);
        border-radius: 8px;
        padding: 14px;
        background: var(--soft);
      }

      .mini strong {
        display: block;
        font-size: 26px;
      }

      .mini span {
        display: block;
        margin-top: 8px;
        color: var(--muted);
        font-size: 13px;
        font-weight: 700;
      }

      section {
        border-top: 1px solid var(--line);
        padding: 42px 0;
      }

      .reply-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
      }

      .reply {
        display: flex;
        flex-direction: column;
        min-width: 0;
        max-width: 100%;
        min-height: 100%;
        padding: 22px;
      }

      textarea {
        width: 100%;
        flex: 1;
        max-width: 100%;
        min-height: 250px;
        border: 1px solid var(--line);
        border-radius: 8px;
        padding: 14px;
        resize: vertical;
        background: var(--soft);
        color: var(--ink);
        font: 13px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      }

      .notice {
        border-left: 4px solid var(--warn);
        padding: 18px 20px;
      }

      footer {
        border-top: 1px solid var(--line);
        padding: 28px 0 40px;
        color: var(--muted);
        font-size: 14px;
      }

      @media (max-width: 840px) {
        header {
          align-items: flex-start;
          flex-direction: column;
          padding: 18px 0;
        }

        .hero,
        .reply-grid {
          grid-template-columns: 1fr;
        }

        .hero {
          min-height: auto;
          justify-items: start;
          padding: 42px 0;
        }

        .hero > div,
        .summary {
          width: min(100%, 340px);
        }
      }

      @media (max-width: 520px) {
        header, main, footer {
          width: calc(100% - 32px);
        }

        h1 {
          font-size: 36px;
          line-height: 1.04;
        }

        .lead {
          font-size: 18px;
        }

        .actions .button {
          width: 100%;
        }

        .mini-grid {
          grid-template-columns: 1fr;
        }

        .summary,
        .reply {
          padding: 20px;
        }
      }
    </style>
  </head>
  <body>
    <header>
      <a class="brand" href="index.html">Agent Ops Command Center</a>
      <nav>
        <a href="buy.html">Buy</a>
        <a href="team-request-url.html">Team Request</a>
        <a href="team-purchase-packet.html">Packet</a>
        <a href="team-buyer-faq.html">FAQ</a>
        <a href="metrics/status.json">Metrics</a>
      </nav>
    </header>

    <main>
      <div class="hero">
        <div>
          <div class="eyebrow">Buyer reply kit</div>
          <h1>Reply to objections, then route buyers to the $203 team request.</h1>
          <p class="lead">Copy-ready answers for price, checkout, receipt, approval, preview inspection, delivery, and revenue proof. The page keeps the paid ZIP private until real payment proof exists.</p>
          <div class="actions">
            <a class="button primary" href="team-request-url.html">Primary $203 team request</a>
            <a class="button" href="team-purchase-packet.html">Team purchase packet</a>
            <a class="button" href="ai-agent-buyer-reply-kit.md">Markdown source</a>
          </div>
        </div>
        <aside class="summary" aria-label="Buyer reply summary">
          <div class="price">$203</div>
          <p>Seven seats at $29 each. One confirmed team payment clears the $200 gross target only after checkout, receipt, payout, or seller-dashboard evidence exists.</p>
          <div class="mini-grid">
            <div class="mini"><strong>7</strong><span>team seats</span></div>
            <div class="mini"><strong>$29</strong><span>individual seat</span></div>
            <div class="mini"><strong>0</strong><span>revenue without proof</span></div>
            <div class="mini"><strong>1</strong><span>team payment target</span></div>
          </div>
        </aside>
      </div>

      <section>
        <h2>Copy Replies</h2>
        <div class="reply-grid">
          <article class="reply">
            <h3>Short reply</h3>
            <p>Use when a buyer asks what the pack is.</p>
            <textarea readonly>Agent Ops Command Center is a $29 Notion and spreadsheet template pack for builders running Codex, Claude Code, Cursor, or local AI coding agents.

It helps track agent runs, prompt versions, verification commands, cost notes, handoffs, failure modes, checkout readiness, and revenue proof.

Team path: seven seats for $203 gross.
Primary team request: https://ivelly42.github.io/agent-ops-command-center/team-request-url.html
Template gallery: https://ivelly42.github.io/agent-ops-command-center/template-gallery.html

Revenue note: purchase intent is not paid revenue. The private ZIP is delivered only after checkout, receipt, payout, or seller-dashboard proof exists.</textarea>
            <div class="actions"><button class="button copy" type="button">Copy</button></div>
          </article>

          <article class="reply">
            <h3>Receipt or checkout blocker</h3>
            <p>Use when payment proof or receipt is the blocker.</p>
            <textarea readonly>Checkout is not live yet. Please open the primary team request and note the receipt-capable checkout you need.

Primary team request: https://ivelly42.github.io/agent-ops-command-center/team-request-url.html
Checkout readiness builder: https://ivelly42.github.io/agent-ops-command-center/checkout-readiness.html
Pricing: https://ivelly42.github.io/agent-ops-command-center/pricing.html

The paid ZIP should not be delivered until checkout, receipt, payout, or seller-dashboard proof exists.</textarea>
            <div class="actions"><button class="button copy" type="button">Copy</button></div>
          </article>

          <article class="reply">
            <h3>Manager approval</h3>
            <p>Use when a buyer needs internal approval first.</p>
            <textarea readonly>For a small team, the clean request is a seven-seat team license at $203 gross.

It pays back if it prevents a few hours of cleanup, repeated prompting, re-verification, or handoff repair across Codex, Claude Code, Cursor, and local-agent work.

Approval brief: https://ivelly42.github.io/agent-ops-command-center/purchase-approval-brief.html
Team value calculator: https://ivelly42.github.io/agent-ops-command-center/team-value-calculator.html
Primary team request: https://ivelly42.github.io/agent-ops-command-center/team-request-url.html</textarea>
            <div class="actions"><button class="button copy" type="button">Copy</button></div>
          </article>

          <article class="reply">
            <h3>Inspect first</h3>
            <p>Use when a buyer wants proof before requesting checkout.</p>
            <textarea readonly>Start with the public preview surfaces:

Template gallery: https://ivelly42.github.io/agent-ops-command-center/template-gallery.html
Sample dashboard: https://ivelly42.github.io/agent-ops-command-center/sample-dashboard.html
Workflow picker: https://ivelly42.github.io/agent-ops-command-center/workflow-picker.html
Team purchase packet: https://ivelly42.github.io/agent-ops-command-center/team-purchase-packet.html
Buyer FAQ: https://ivelly42.github.io/agent-ops-command-center/team-buyer-faq.html

The public repository is preview-only. The paid ZIP remains private until payment proof exists.</textarea>
            <div class="actions"><button class="button copy" type="button">Copy</button></div>
          </article>
        </div>
      </section>

      <section>
        <h2>Revenue Rule</h2>
        <div class="notice">
          Order intent, page views, preview downloads, stars, Gist views, and private interest are not revenue. Revenue is counted only from checkout, receipt, payout, or seller-dashboard evidence tied to the paid template pack.
        </div>
        <div class="actions">
          <a class="button primary" href="team-request-url.html">Open primary team request</a>
          <a class="button" href="revenue-proof.html">Revenue proof intake</a>
          <a class="button" href="https://github.com/ivelly42/agent-ops-command-center/issues/new?template=payment-ready.yml">Long order form</a>
        </div>
      </section>
    </main>

    <footer>
      Buyer reply kit. Private paid ZIP. Revenue only after payment proof.
    </footer>

    <script>
      document.querySelectorAll(".copy").forEach((button) => {
        button.addEventListener("click", async () => {
          const textarea = button.closest(".reply").querySelector("textarea");
          try {
            await navigator.clipboard.writeText(textarea.value);
            button.textContent = "Copied";
          } catch {
            textarea.select();
            button.textContent = "Select text";
          }
        });
      });
    </script>
  </body>
</html>