Promo toolkit by badge + AI Copy Engine at Surge: posts, DMs, follow-ups, objection replies, emails, stories in the member's name; monthly free allowance by badge (20/60/150), then ad credits per generation; admin usage view

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
martbost
2026-09-14 06:42:55 -05:00
parent b09e5dce8b
commit c1f58b2acf
8 changed files with 212 additions and 5 deletions
+23 -2
View File
@@ -5,7 +5,7 @@
<title>Member area | InstantAdPay</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap">
<link rel="icon" type="image/png" href="/logo-icon.png">
<link rel="stylesheet" href="/assets/site.css?v=20260914a">
<link rel="stylesheet" href="/assets/site.css?v=20260914b">
</head>
<body class="bo-body">
@@ -679,6 +679,7 @@
<span><button class="btn small sec" id="promoWallCopy" type="button">Copy wall link</button> <a class="btn small sec" id="promoWallOpen" href="#" target="_blank" rel="noopener">Open</a></span>
</div>
<div class="chips promo-pills" role="tablist" aria-label="Promo tools sections">
<button class="chip-t" data-promo="toolkit" type="button" role="tab">✨ AI Copy Engine</button>
<button class="chip-t on" data-promo="posts" type="button" role="tab">Social posts</button>
<button class="chip-t" data-promo="text" type="button" role="tab">Text a friend</button>
<button class="chip-t" data-promo="swipe" type="button" role="tab">Email swipes</button>
@@ -687,6 +688,26 @@
<button class="chip-t" data-promo="objections" type="button" role="tab">Objections</button>
<button class="chip-t" data-promo="videos" type="button" role="tab">Videos</button>
</div>
<div class="card promo-sec" id="promo-toolkit" hidden>
<div class="card-head"><h3>Your toolkit</h3><span class="sub" id="tkTierLine"></span></div>
<p class="muted small" style="margin:0 0 10px">Every badge unlocks more. Free tools are yours from day one; the AI Copy Engine opens at Surge, your first qualifying buyer.</p>
<div class="tk-tiers" id="tkTiers"></div>
<div id="tkEngine" style="margin-top:16px">
<div class="card-head"><h3>AI Copy Engine</h3><span class="sub" id="tkUsage"></span></div>
<div id="tkLocked" class="muted small" hidden></div>
<div id="tkForm" hidden>
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:0 0 8px">
<label class="small">What to write<select id="tkKind" style="width:100%"></select></label>
<label class="small">Angle<select id="tkAngle" style="width:100%"></select></label>
</div>
<label class="small">Brief (who it is for, what they said, what you want to say; or leave it blank)<textarea id="tkBrief" rows="3" style="width:100%" maxlength="800" placeholder="e.g. a friend who runs a safelist and says he never gets paid on time"></textarea></label>
<div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0"><button type="button" class="btn small" id="tkGo">Write it</button><span class="muted small" id="tkCostLine"></span></div>
<div id="tkOut" hidden><textarea id="tkText" rows="8" style="width:100%"></textarea>
<div style="display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 0"><button type="button" class="btn small sec" id="tkCopy">Copy</button><button type="button" class="btn small sec" id="tkAgain">Another take</button></div></div>
<div id="tkHistory" style="margin-top:14px"></div>
</div>
</div>
</div>
<div class="card promo-sec" id="promo-posts">
<h3>Social posts, personalized with your link</h3>
<p class="muted small">Copy and paste, or post straight from here. Every post already carries your invite link,
@@ -924,7 +945,7 @@
<script src="/assets/common.js?v=20260914a"></script>
<script src="/assets/wallet.js?v=20260911a"></script>
<script src="/assets/promo.js?v=20260911a"></script>
<script src="/assets/my.js?v=20260914c"></script>
<script src="/assets/my.js?v=20260914d"></script>
<script src="/assets/chat.js?v=20260907l"></script>
</body>
</html>