Skip to content

Commit 607a5f2

Browse files
quangminhtq27quangminhtq27
committed
Improve root short buyer routes
1 parent bc7747f commit 607a5f2

4 files changed

Lines changed: 166 additions & 37 deletions

File tree

‎ai/index.html‎

Lines changed: 30 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -115,7 +115,12 @@
115115
padding: 56px 0 30px;
116116
}
117117

118+
.hero > * {
119+
min-width: 0;
120+
}
121+
118122
h1 {
123+
width: 100%;
119124
max-width: 820px;
120125
margin: 0 0 18px;
121126
font-size: clamp(36px, 7vw, 68px);
@@ -129,6 +134,7 @@
129134
margin: 0 0 24px;
130135
color: var(--muted);
131136
font-size: clamp(18px, 2vw, 22px);
137+
overflow-wrap: anywhere;
132138
}
133139

134140
.actions {
@@ -193,6 +199,7 @@
193199
margin: 0;
194200
color: var(--muted);
195201
font-size: 15px;
202+
overflow-wrap: anywhere;
196203
}
197204

198205
section {
@@ -245,6 +252,21 @@
245252
}
246253

247254
@media (max-width: 780px) {
255+
main,
256+
footer {
257+
width: min(340px, calc(100% - 36px));
258+
margin-left: 18px;
259+
margin-right: auto;
260+
}
261+
262+
main,
263+
footer,
264+
.hero,
265+
h1,
266+
.lead {
267+
max-width: calc(100vw - 36px);
268+
}
269+
248270
.hero,
249271
.grid {
250272
grid-template-columns: 1fr;
@@ -267,22 +289,24 @@
267289
<main id="main">
268290
<section class="hero" aria-labelledby="page-title">
269291
<div>
270-
<h1 id="page-title">Short AI route to the $5 lead follow-up offer.</h1>
271-
<p class="lead">Use this when an AI assistant, VA, or small-business buyer needs a fast path from a quiet lead problem to a free audit, agent packet, and exact PayPal handoff.</p>
292+
<h1 id="page-title">AI route to PayPal, 5 USD.</h1>
293+
<p class="lead">Use this when an AI assistant, VA, or small-business buyer needs the shortest route from lead problem to AI Deal Desk note, exact 5 USD PayPal payment, and seller-side verification.</p>
272294
<div class="actions" aria-label="Primary SoftJunk AI routes">
273-
<a class="button primary" href="https://trungcodeer.github.io/softjunk-lead-kit/lead-recovery-audit.html">Run free audit</a>
295+
<a class="button primary" href="https://trungcodeer.github.io/softjunk-lead-kit/ai-deal-desk.html">Open AI Deal Desk</a>
296+
<a class="button blue" href="https://paypal.me/softjunk/5USD">Pay 5 USD on PayPal</a>
297+
<a class="button secondary" href="https://trungcodeer.github.io/softjunk-lead-kit/after-pay.html">After-payment handoff</a>
298+
<a class="button secondary" href="https://github.com/trungcodeer/softjunk-lead-kit/discussions/4">GitHub buyer discussion</a>
299+
<a class="button secondary" href="https://trungcodeer.github.io/softjunk-lead-kit/lead-recovery-audit.html">Run free audit</a>
274300
<a class="button secondary" href="https://trungcodeer.github.io/softjunk-lead-kit/ai-follow-up-prompt.html">Copy AI prompt</a>
275-
<a class="button secondary" href="https://trungcodeer.github.io/softjunk-lead-kit/ai-deal-desk.html">AI deal desk</a>
276301
<a class="button secondary" href="https://trungcodeer.github.io/softjunk-lead-kit/agent-commerce.html">Agent commerce</a>
277302
<a class="button secondary" href="https://trungcodeer.github.io/softjunk-lead-kit/custom-sequence-gallery.html">Scenario gallery</a>
278303
<a class="button secondary" href="https://trungcodeer.github.io/softjunk-lead-kit/custom-sequence-preview.html">Preview sequence</a>
279304
<a class="button secondary" href="https://trungcodeer.github.io/softjunk-lead-kit/shareable-order-link.html">Create order link</a>
280305
<a class="button secondary" href="https://trungcodeer.github.io/ai.json">Read ai.json</a>
281306
<a class="button secondary" href="https://trungcodeer.github.io/softjunk-lead-kit/agent-buyer-packet.txt">Agent packet</a>
282307
<a class="button secondary" href="https://github.com/trungcodeer/softjunk-lead-kit/issues/3">Public examples</a>
283-
<a class="button blue" href="https://paypal.me/softjunk/5USD">Pay 5 USD on PayPal</a>
284308
</div>
285-
<p class="note">Fulfillment starts only after seller-side PayPal evidence confirms the 5 USD transaction.</p>
309+
<p class="note">Agent payment contract: AI Deal Desk note, exact 5 USD PayPal payment, after-payment handoff, and no fulfillment claim until seller-side PayPal evidence exists or PAYPAL_PAYMENT_VERIFIED=true.</p>
286310
</div>
287311
<div class="media">
288312
<img src="https://trungcodeer.github.io/softjunk-lead-kit/social-card-qr.png" alt="SoftJunk lead follow-up offer card with PayPal QR code">

‎buy/index.html‎

Lines changed: 57 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,30 @@
1616
<meta name="twitter:title" content="Buy SoftJunk Lead Follow-Up for 5 USD">
1717
<meta name="twitter:description" content="Short buy route for SoftJunk with PayPal, checkout, and buyer index links.">
1818
<meta name="twitter:image" content="https://trungcodeer.github.io/softjunk-lead-kit/social-card-qr.png">
19+
<link rel="alternate" type="application/json" href="https://trungcodeer.github.io/root-offer.json" title="SoftJunk root offer JSON">
20+
<link rel="alternate" type="application/json" href="https://trungcodeer.github.io/paypal.json" title="SoftJunk PayPal intent JSON">
21+
<link rel="alternate" type="application/json" href="https://trungcodeer.github.io/ai.json" title="SoftJunk AI buyer route JSON">
22+
<script type="application/ld+json">
23+
{
24+
"@context": "https://schema.org",
25+
"@type": "Product",
26+
"name": "SoftJunk Lead Follow-Up Kit or Custom Sequence",
27+
"description": "A 5 USD lead follow-up kit or custom 7-day follow-up sequence for one small business.",
28+
"url": "https://trungcodeer.github.io/buy/",
29+
"image": "https://trungcodeer.github.io/softjunk-lead-kit/social-card-qr.png",
30+
"brand": {
31+
"@type": "Brand",
32+
"name": "SoftJunk"
33+
},
34+
"offers": {
35+
"@type": "Offer",
36+
"price": "5.00",
37+
"priceCurrency": "USD",
38+
"url": "https://paypal.me/softjunk/5USD",
39+
"availability": "https://schema.org/InStock"
40+
}
41+
}
42+
</script>
1943
<style>
2044
:root {
2145
color-scheme: light;
@@ -38,6 +62,7 @@
3862
color: var(--ink);
3963
background: var(--bg);
4064
line-height: 1.5;
65+
overflow-x: hidden;
4166
}
4267

4368
a:focus-visible {
@@ -63,6 +88,7 @@
6388
footer {
6489
width: min(1040px, calc(100% - 32px));
6590
margin: 0 auto;
91+
min-width: 0;
6692
}
6793

6894
.hero {
@@ -74,7 +100,12 @@
74100
padding: 54px 0 32px;
75101
}
76102

103+
.hero > * {
104+
min-width: 0;
105+
}
106+
77107
h1 {
108+
width: 100%;
78109
max-width: 760px;
79110
margin: 0 0 16px;
80111
font-size: clamp(40px, 7vw, 72px);
@@ -88,6 +119,7 @@
88119
margin: 0 0 22px;
89120
color: var(--muted);
90121
font-size: clamp(18px, 2vw, 22px);
122+
overflow-wrap: anywhere;
91123
}
92124

93125
.actions {
@@ -109,7 +141,8 @@
109141
color: var(--ink);
110142
font-weight: 800;
111143
text-decoration: none;
112-
white-space: nowrap;
144+
text-align: center;
145+
overflow-wrap: anywhere;
113146
}
114147

115148
.button.primary {
@@ -140,6 +173,7 @@
140173
border: 1px solid #bddbd4;
141174
border-radius: 8px;
142175
color: var(--muted);
176+
overflow-wrap: anywhere;
143177
}
144178

145179
footer {
@@ -148,6 +182,21 @@
148182
}
149183

150184
@media (max-width: 780px) {
185+
main,
186+
footer {
187+
width: min(340px, calc(100% - 32px));
188+
margin-left: 16px;
189+
margin-right: auto;
190+
}
191+
192+
main,
193+
footer,
194+
.hero,
195+
h1,
196+
.lead {
197+
max-width: calc(100vw - 32px);
198+
}
199+
151200
.hero { grid-template-columns: 1fr; min-height: auto; padding-top: 40px; }
152201
.actions,
153202
.button { width: 100%; }
@@ -159,26 +208,28 @@
159208
<main id="main">
160209
<section class="hero" aria-labelledby="page-title">
161210
<div>
162-
<h1 id="page-title">Buy SoftJunk for 5 USD.</h1>
163-
<p class="lead">Choose the digital lead follow-up kit or a custom 7-day sequence. The shortest payment path is PayPal; the safest order path is checkout plus a clear PayPal note.</p>
211+
<h1 id="page-title">AI Deal Desk checkout, 5 USD.</h1>
212+
<p class="lead">The fastest non-traditional path is agent-first: create the PayPal note in the AI Deal Desk, pay exactly 5 USD, then use the after-payment handoff while seller-side verification runs.</p>
164213
<div class="actions" aria-label="Buy actions">
214+
<a class="button primary" href="https://trungcodeer.github.io/softjunk-lead-kit/ai-deal-desk.html">Open AI Deal Desk</a>
165215
<a class="button primary" href="https://paypal.me/softjunk/5USD" target="_blank" rel="noopener noreferrer">Pay 5 USD on PayPal</a>
216+
<a class="button" href="https://trungcodeer.github.io/softjunk-lead-kit/after-pay.html">After-payment handoff</a>
217+
<a class="button" href="https://github.com/trungcodeer/softjunk-lead-kit/discussions/4">GitHub buyer discussion</a>
166218
<a class="button" href="https://trungcodeer.github.io/pay/">Short pay page</a>
167-
<a class="button" href="https://trungcodeer.github.io/softjunk-lead-kit/ai-deal-desk.html">AI deal desk</a>
168219
<a class="button" href="https://trungcodeer.github.io/softjunk-lead-kit/custom-sequence-gallery.html">Scenario gallery</a>
169220
<a class="button" href="https://trungcodeer.github.io/softjunk-lead-kit/custom-sequence-preview.html">Preview sequence</a>
170221
<a class="button" href="https://trungcodeer.github.io/softjunk-lead-kit/shareable-order-link.html">Create order link</a>
171222
<a class="button" href="https://trungcodeer.github.io/softjunk-lead-kit/buyer-index.json">Buyer index</a>
172223
</div>
173-
<p class="note">Fulfillment starts only after seller-side PayPal evidence confirms the 5 USD transaction.</p>
224+
<p class="note">Payment contract: AI Deal Desk note, exactly <strong>5.00 USD</strong> on PayPal, after-payment handoff, and no fulfillment claim until seller-side PayPal evidence exists or <strong>PAYPAL_PAYMENT_VERIFIED=true</strong>.</p>
174225
</div>
175226
<aside class="panel" aria-label="SoftJunk PayPal QR card">
176227
<img src="https://trungcodeer.github.io/softjunk-lead-kit/social-card-qr.png" alt="SoftJunk lead follow-up offer card with PayPal QR code">
177228
</aside>
178229
</section>
179230
</main>
180231
<footer>
181-
<p>Review customer messages for accuracy and compliance before sending. Do not post PayPal transaction IDs or private customer details publicly.</p>
232+
<p>Review customer messages for accuracy and compliance before sending. Do not post PayPal transaction IDs or private customer details publicly. Fulfillment requires seller-side PayPal proof.</p>
182233
</footer>
183234
</body>
184235
</html>

‎pay/index.html‎

Lines changed: 40 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -3,18 +3,18 @@
33
<head>
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1">
6-
<title>Pay 5 USD for SoftJunk Lead Follow-Up</title>
7-
<meta name="description" content="Short root payment route for the 5 USD SoftJunk lead follow-up kit or custom 7-day sequence through PayPal.">
6+
<title>SoftJunk AI Pay Route - 5 USD PayPal</title>
7+
<meta name="description" content="Agent-first payment route for the SoftJunk AI Deal Desk, exact 5 USD PayPal handoff, after-payment page, and seller-side verification gate.">
88
<link rel="canonical" href="https://trungcodeer.github.io/pay/">
99
<meta name="robots" content="index,follow">
10-
<meta property="og:title" content="Pay 5 USD for SoftJunk Lead Follow-Up">
11-
<meta property="og:description" content="Short PayPal route for the SoftJunk lead follow-up kit or custom 7-day sequence.">
10+
<meta property="og:title" content="SoftJunk AI Pay Route - 5 USD PayPal">
11+
<meta property="og:description" content="Open the AI Deal Desk, generate the PayPal note, pay exactly 5 USD, then use the after-payment handoff.">
1212
<meta property="og:type" content="website">
1313
<meta property="og:url" content="https://trungcodeer.github.io/pay/">
1414
<meta property="og:image" content="https://trungcodeer.github.io/softjunk-lead-kit/social-card-qr.png">
1515
<meta name="twitter:card" content="summary_large_image">
16-
<meta name="twitter:title" content="Pay 5 USD for SoftJunk Lead Follow-Up">
17-
<meta name="twitter:description" content="Short PayPal route for SoftJunk. Fulfillment starts after seller-side PayPal proof.">
16+
<meta name="twitter:title" content="SoftJunk AI Pay Route - 5 USD PayPal">
17+
<meta name="twitter:description" content="Agent-first route for SoftJunk: AI Deal Desk, exact 5 USD PayPal, after-payment handoff, and verification gate.">
1818
<meta name="twitter:image" content="https://trungcodeer.github.io/softjunk-lead-kit/social-card-qr.png">
1919
<link rel="alternate" type="application/json" href="https://trungcodeer.github.io/root-offer.json" title="SoftJunk root offer JSON">
2020
<link rel="service-desc" type="application/yaml" href="https://trungcodeer.github.io/.well-known/openapi.yaml" title="SoftJunk root OpenAPI discovery">
@@ -61,6 +61,7 @@
6161
color: var(--ink);
6262
background: var(--bg);
6363
line-height: 1.5;
64+
overflow-x: hidden;
6465
}
6566

6667
a:focus-visible,
@@ -87,6 +88,7 @@
8788
footer {
8889
width: min(1040px, calc(100% - 32px));
8990
margin: 0 auto;
91+
min-width: 0;
9092
}
9193

9294
.hero {
@@ -98,7 +100,12 @@
98100
padding: 54px 0 32px;
99101
}
100102

103+
.hero > * {
104+
min-width: 0;
105+
}
106+
101107
h1 {
108+
width: 100%;
102109
max-width: 760px;
103110
margin: 0 0 16px;
104111
font-size: clamp(40px, 7vw, 72px);
@@ -112,6 +119,7 @@
112119
margin: 0 0 22px;
113120
color: var(--muted);
114121
font-size: clamp(18px, 2vw, 22px);
122+
overflow-wrap: anywhere;
115123
}
116124

117125
.actions {
@@ -135,7 +143,8 @@
135143
font-weight: 800;
136144
text-decoration: none;
137145
cursor: pointer;
138-
white-space: nowrap;
146+
text-align: center;
147+
overflow-wrap: anywhere;
139148
}
140149

141150
.button.primary {
@@ -173,6 +182,7 @@
173182
footer p {
174183
margin: 0;
175184
color: var(--muted);
185+
overflow-wrap: anywhere;
176186
}
177187

178188
code {
@@ -191,6 +201,21 @@
191201
footer { padding: 26px 0 42px; }
192202

193203
@media (max-width: 780px) {
204+
main,
205+
footer {
206+
width: min(340px, calc(100% - 32px));
207+
margin-left: 16px;
208+
margin-right: auto;
209+
}
210+
211+
main,
212+
footer,
213+
.hero,
214+
h1,
215+
.lead {
216+
max-width: calc(100vw - 32px);
217+
}
218+
194219
.hero { grid-template-columns: 1fr; min-height: auto; padding-top: 40px; }
195220
.actions,
196221
.button { width: 100%; }
@@ -202,20 +227,22 @@
202227
<main id="main">
203228
<section class="hero" aria-labelledby="page-title">
204229
<div>
205-
<h1 id="page-title">Pay 5 USD for SoftJunk.</h1>
206-
<p class="lead">This is the short root payment route for the SoftJunk lead follow-up kit or custom 7-day sequence. Use PayPal, then fulfillment waits for seller-side payment proof.</p>
230+
<h1 id="page-title">AI pay route, 5 USD.</h1>
231+
<p class="lead">Start with the AI Deal Desk, generate the PayPal note, pay exactly 5 USD, then use the after-payment handoff. Fulfillment waits for seller-side PayPal proof.</p>
207232
<div class="actions" aria-label="Payment actions">
208-
<a class="button primary" href="https://paypal.me/softjunk/5USD" target="_blank" rel="noopener noreferrer">Open PayPal 5 USD</a>
233+
<a class="button primary" href="https://trungcodeer.github.io/softjunk-lead-kit/ai-deal-desk.html">Open AI Deal Desk</a>
234+
<a class="button primary" href="https://paypal.me/softjunk/5USD" target="_blank" rel="noopener noreferrer">Pay 5 USD on PayPal</a>
235+
<a class="button" href="https://trungcodeer.github.io/softjunk-lead-kit/after-pay.html">After-payment handoff</a>
236+
<a class="button" href="https://github.com/trungcodeer/softjunk-lead-kit/discussions/4">GitHub buyer discussion</a>
209237
<a class="button" href="https://trungcodeer.github.io/softjunk-lead-kit/checkout.html">Fast checkout</a>
210-
<a class="button" href="https://trungcodeer.github.io/softjunk-lead-kit/ai-deal-desk.html">AI deal desk</a>
211238
<a class="button" href="https://trungcodeer.github.io/softjunk-lead-kit/custom-sequence-gallery.html">Scenario gallery</a>
212239
<a class="button" href="https://trungcodeer.github.io/softjunk-lead-kit/custom-sequence-preview.html">Preview sequence</a>
213240
<a class="button" href="https://trungcodeer.github.io/softjunk-lead-kit/pay-qr.html">PayPal QR</a>
214241
<button class="button" type="button" id="copy-note">Copy kit note</button>
215242
</div>
216243
<div class="note-panel">
217-
<p>Digital kit PayPal note: <code id="paypal-note">Lead Follow-Up Kit</code></p>
218-
<p>Custom sequence: use <a href="https://trungcodeer.github.io/softjunk-lead-kit/ai-deal-desk.html">the AI deal desk</a> when non-sensitive lead context is ready, <a href="https://trungcodeer.github.io/softjunk-lead-kit/custom-sequence-gallery.html">the scenario gallery</a> or <a href="https://trungcodeer.github.io/softjunk-lead-kit/custom-sequence-preview.html">the custom sequence preview</a> before paying, or <a href="https://trungcodeer.github.io/softjunk-lead-kit/shareable-order-link.html">the shareable order link</a> when order context is already ready.</p>
244+
<p>Agent-first contract: open the AI Deal Desk, copy the generated note, pay <code>5.00 USD</code> at PayPal, then open the after-payment handoff.</p>
245+
<p>Digital kit PayPal note: <code id="paypal-note">Lead Follow-Up Kit</code>. Custom notes should begin with <code>Custom Sequence | Business:</code>. Do not mark paid until seller-side PayPal evidence exists or <code>PAYPAL_PAYMENT_VERIFIED=true</code>.</p>
219246
</div>
220247
<p class="status" id="status" aria-live="polite"></p>
221248
</div>

0 commit comments

Comments
 (0)