Circle Suite: complete the ladder — every paid level now unlocks live software
Four new tools, so no tier is a placeholder any more: L4 Voice Profile (/suite/voice) — five short answers that ride along with every Copy Engine and Email Engine generation. It sits BEFORE the compliance block in the prompt on purpose: a personal voice must never be able to talk the model out of the honesty rules. suite-email builds its own prompt, so the profile is threaded in there separately or email would keep sounding generic while the Copy Engine sounded like the member. L5 Split Tester (/suite/split) — 2-3 variants launched as one test with the impressions split evenly, then click counters compared. Deliberately conservative: it will not declare a winner until both arms have real volume AND the leader is clearly ahead, because a 3-click gap on 400 impressions is noise. A genuine tie is reported as a tie, which is useful information too. A failed arm rolls back the whole test rather than leaving half of it running. Apex is the right home for it — that is where impressions jump to 50,000. L6 Funnel Factory (/suite/funnel) — extra named pages at /p/<id>/<slug>, so a leader can run one page per audience and point different ads at each. Missing slugs fall back to the member's main page, same no-dead-ends rule as /p/<id>. L7 Leader Ops (/suite/leader) — the coaching radar already existed in chain.js and only admin could see it, which was backwards: the leaders running those legs need it more than anyone. Now scoped to the member's own organisation, with a written plan built on contract-read facts only. Follows the teach-forward rule — the digest gives the leader words to hand down, not just numbers to act on. Tile copy across the wall and the payout alerts now describes what actually exists rather than what was sketched. suite-tools.js was stale in both directions (it still had the Traffic Desk at L5 and L3 not live). Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,76 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="robots" content="noindex"><meta name="description" content="Funnel Factory — build a separate landing page for each audience you talk to, and point different ads at each one."><title>Funnel Factory | The Circle Suite</title><link rel="icon" type="image/png" href="/favicon.png"><link rel="stylesheet" href="/styles.css">
|
||||
<style>
|
||||
.fw{max-width:880px;margin:0 auto;padding:24px 20px 70px}
|
||||
.fw h1{font-size:clamp(26px,4.5vw,36px);margin:6px 0 8px}
|
||||
.fw .lede{color:var(--muted);line-height:1.6;margin-bottom:18px}
|
||||
#fGate{display:none;border:2px solid var(--gold);border-radius:12px;padding:16px 20px;margin-bottom:18px;line-height:1.6}
|
||||
.f-card{background:var(--card,#0d2236);border:1px solid var(--line,#24425d);border-radius:14px;padding:18px 20px;margin-bottom:16px}
|
||||
label.f-lab{display:block;font-weight:700;font-size:14px;margin:14px 0 5px}
|
||||
label.f-lab:first-of-type{margin-top:0}
|
||||
.f-hint{color:var(--muted);font-size:12.5px;line-height:1.5;margin-bottom:7px}
|
||||
.f-card input[type=text],.f-card textarea{width:100%;background:var(--bg,#0b1d2e);border:1px solid var(--line);
|
||||
border-radius:10px;color:var(--text);padding:10px 12px;font:inherit;font-size:14.5px;line-height:1.55;resize:vertical}
|
||||
.f-chips{display:flex;flex-wrap:wrap;gap:8px}
|
||||
.f-chip{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:700;cursor:pointer}
|
||||
.f-chip.on{border-color:var(--teal);background:rgba(78,214,203,.12);color:var(--teal)}
|
||||
.f-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}
|
||||
#fErr{display:none;color:#f0a05a;margin-top:12px;font-size:14px;line-height:1.55}
|
||||
#fOk{display:none;border:2px solid var(--teal);border-radius:12px;padding:14px 18px;margin-top:14px;line-height:1.6}
|
||||
.f-page{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;
|
||||
border:1px solid var(--line);border-radius:12px;padding:13px 15px;margin-bottom:10px}
|
||||
.f-page .nm{font-weight:800;font-size:15px}
|
||||
.f-page .u{font-size:12.5px;color:var(--muted);word-break:break-all}
|
||||
.f-page .meta{font-size:12px;color:var(--muted);margin-top:3px}
|
||||
.f-page.main{border-color:var(--gold)}
|
||||
.f-acts{display:flex;gap:8px;flex-wrap:wrap}
|
||||
.spin{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.25);border-top-color:var(--gold);border-radius:50%;animation:sp .8s linear infinite;vertical-align:-2px;margin-right:7px}
|
||||
@keyframes sp{to{transform:rotate(360deg)}}
|
||||
@media (prefers-reduced-motion:reduce){.spin{animation:none}}
|
||||
.f-note{margin-top:22px;font-size:12.5px;color:var(--muted);line-height:1.6;border-top:1px solid var(--line);padding-top:12px}
|
||||
</style></head>
|
||||
<body>
|
||||
<header class="wrap nav"><a class="brand" href="/suite"><img class="brand-mark" src="/logo.jpg" alt="The RM Circle" width="42" height="42"><span><span id="brandName">RM Circle</span><small>Funnel Factory</small></span></a><div class="nav-actions"><a class="btn btn-secondary hide-mobile" href="/suite">← The Suite</a><a class="btn btn-primary" href="/my">My Dashboard</a></div></header>
|
||||
<main class="fw">
|
||||
<div class="eyebrow" style="color:var(--gold)">CIRCLE SUITE · FASTIGIUM (LEVEL 6)</div>
|
||||
<h1>Funnel <span class="gold">Factory.</span></h1>
|
||||
<p class="lede">The Page Builder gives you one page. This gives you as many as you need — a different page for each audience you talk to, each on its own address, each one something you can point a separate ad or a separate conversation at.</p>
|
||||
|
||||
<div id="fGate"></div>
|
||||
|
||||
<div id="fBody" style="display:none">
|
||||
<h2 style="font-size:19px;margin:0 0 10px">Your pages</h2>
|
||||
<div id="fPages"></div>
|
||||
|
||||
<div class="f-card" style="margin-top:18px">
|
||||
<h2 style="font-size:18px;margin:0 0 12px">Build another one</h2>
|
||||
|
||||
<label class="f-lab" for="fName">Name it</label>
|
||||
<div class="f-hint">Just for you — it also becomes the web address. "Gym friends" gives you /p/<span id="fIdA">…</span>/gym-friends.</div>
|
||||
<input type="text" id="fName" maxlength="80" placeholder="Gym friends">
|
||||
|
||||
<label class="f-lab">Angle</label>
|
||||
<div class="f-hint">Sets the video and the pitch this page leads with.</div>
|
||||
<div class="f-chips" id="fAngles"></div>
|
||||
|
||||
<label class="f-lab" for="fAud">Who is this page for?</label>
|
||||
<div class="f-hint">The more specific, the better it writes. "Guys from my old job who complain about overtime" beats "everyone".</div>
|
||||
<textarea id="fAud" rows="2" maxlength="400"></textarea>
|
||||
|
||||
<label class="f-lab" for="fStory">Anything of your own to include?</label>
|
||||
<div class="f-hint">Why you started, what you were sceptical about — optional, but it makes the page sound like a person.</div>
|
||||
<textarea id="fStory" rows="3" maxlength="900"></textarea>
|
||||
|
||||
<div class="f-row">
|
||||
<button id="fGo" class="btn btn-primary">🏗️ Build this page</button>
|
||||
<span class="f-hint" id="fMeter" style="margin:0"></span>
|
||||
</div>
|
||||
<div id="fErr"></div>
|
||||
<div id="fOk"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="f-note"><strong style="color:var(--text)">Every page here is public and framable</strong>, so you can drop one into an ad, a QR code, or someone's inbox and it will just work. They all carry the same honest disclaimers as the rest of the site. <br><br>Independent team resource · No income is guaranteed · Cryptocurrency involves risk.</p>
|
||||
</main>
|
||||
<script src="/suite-funnel.js"></script>
|
||||
<script src="/chat.js" defer></script>
|
||||
<script src="/translate.js" defer></script><script src="/tg-app.js" defer></script><script src="/nav-dash.js" defer></script></body></html>
|
||||
Reference in New Issue
Block a user