martbost
f3f9662d99
- Social posts for X / Facebook / LinkedIn / Telegram-WhatsApp with post and share buttons; 5 SMS-sized Text-a-friend messages (Text it / WhatsApp / Telegram / Copy); email swipes short, standard, long, follow-up. - Banner kit adds 1080x1080, 1080x1920 and 1280x720 (tools/gen-social-banners.cjs) with Download buttons. - Printable half-sheet handouts at /flyers with the member's QR + invite link (qrlib.js, two per letter page, cut line, print-one). - Objection handling bank: truth + ready-to-send reply per objection. - Invite-link strip, Branded Voice CTA, pill menu covers every kit; chatbot canned answer + prompt facts updated. Angle links carry ?v= for the upcoming hook pages. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
71 lines
4.7 KiB
HTML
71 lines
4.7 KiB
HTML
<!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">
|
|
<title>Printable handouts | 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=20260909a">
|
|
<style>
|
|
.flw{max-width:760px;margin:0 auto;padding:26px 16px 70px}
|
|
.fl-id{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0 18px}
|
|
.fl-id input{max-width:220px}
|
|
.hs-page{margin:0 auto 26px;max-width:680px}
|
|
.hs{position:relative;aspect-ratio:8.5/5.5;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.45);
|
|
background:radial-gradient(120% 90% at 8% 0%,#16352c 0%,#0b1512 58%,#07100d 100%);color:#eef7f3;
|
|
font-family:var(--disp);-webkit-print-color-adjust:exact;print-color-adjust:exact;container-type:inline-size}
|
|
.hs .lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(67,232,195,.07) 0 1px,transparent 1px 5.2%)}
|
|
.hs .in{position:absolute;inset:0;padding:5% 6% 10.5%;display:flex;flex-direction:column;gap:1.8%}
|
|
.hs img.logo{width:30%;height:auto;display:block}
|
|
.hs .tag{display:inline-block;width:max-content;border:1px solid rgba(67,232,195,.5);color:#43e8c3;border-radius:999px;padding:.6% 2.4%;font-size:2.2cqw;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
|
|
.hs h2{font-size:5.2cqw;line-height:1.05;margin:0;letter-spacing:-.02em;max-width:66%;text-wrap:balance}
|
|
.hs h2 em{font-style:normal;color:#43e8c3}
|
|
.hs p.lead{font-size:2.2cqw;line-height:1.35;margin:0;color:#b7cdc4;max-width:64%}
|
|
.hs ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.6%;font-size:2.15cqw;max-width:64%;color:#eef7f3}
|
|
.hs ul li::before{content:"✓ ";color:#43e8c3;font-weight:800}
|
|
.hs .foot{display:none}
|
|
.hs .foot b{color:#43e8c3}
|
|
.hs-qrov{position:absolute;right:4%;top:50%;transform:translateY(-50%);width:24%;background:#fff;border-radius:6%/9%;
|
|
padding:2.4% 2% 1.8%;text-align:center;color:#0b1512;box-shadow:0 6px 20px rgba(0,0,0,.55)}
|
|
.hs-qrov .q{width:100%;line-height:0}
|
|
.hs-qrov .q svg{width:100%;height:auto;display:block}
|
|
.hs-qrov .q .qph{width:100%;aspect-ratio:1;border:2px dashed #99a;border-radius:6px;box-sizing:border-box}
|
|
.hs-qrov .scan{font-weight:800;letter-spacing:.12em;font-size:1.9cqw;margin-top:5%}
|
|
.hs-qrov .lnk{font-weight:700;font-size:1.6cqw;overflow-wrap:anywhere;line-height:1.2;color:#1c7c65}
|
|
.hs-disc{position:absolute;left:6%;bottom:2.4%;width:60%;font-size:1.45cqw;line-height:1.3;color:#8ba69c}
|
|
.hs-print{position:absolute;top:10px;right:10px;z-index:10}
|
|
.hs-copy,.hs-cut{display:none}
|
|
@media print{
|
|
@page{size:letter;margin:0}
|
|
body{background:#fff!important}
|
|
.fl-top,.fl-id,.fl-intro,.hs-print,#status{display:none!important}
|
|
.flw{max-width:none;padding:0;margin:0}
|
|
.hs-page{max-width:none;margin:0;height:11in;page-break-after:always;page-break-inside:avoid;display:flex;flex-direction:column}
|
|
.hs-page .hs{border-radius:0;box-shadow:none;flex:1;aspect-ratio:auto;display:flex}
|
|
.hs-copy{display:flex}
|
|
.hs-cut{display:flex;justify-content:center;align-items:center;gap:8px;border-top:2.5px dashed #98a2ad;font-size:10px;color:#667;padding:2px 0;background:#fff}
|
|
body.print-one .hs-page:not(.printing){display:none!important}
|
|
#halfsheets .hs-page:last-child{page-break-after:auto}
|
|
body.print-one .hs-page.printing{page-break-after:auto!important}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main class="flw">
|
|
<div class="fl-top" style="display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap">
|
|
<a href="/"><img src="/logo.png" alt="InstantAdPay" style="height:34px;display:block"></a>
|
|
<a class="btn small sec" href="/my#promo">← Back to Promo tools</a>
|
|
</div>
|
|
<p class="eyebrow" style="margin-top:22px">For members · belly-to-belly</p>
|
|
<h1 style="font-size:clamp(28px,5vw,40px);margin:6px 0 8px">Printable <em>handouts</em></h1>
|
|
<p class="fl-intro muted">Three half-sheet designs, two per letter page with a cut line. Each one carries your personal QR code and invite link, so a scan lands the prospect in your line. Print in color; the QR scans in black and white too.</p>
|
|
<div class="fl-id"><label style="font-weight:700">Your username or member #:</label><input id="flRef" placeholder="e.g. martbost" autocomplete="off"><span class="small muted">Opened from Promo tools? It is filled in for you.</span></div>
|
|
<div id="halfsheets"></div>
|
|
</main>
|
|
<script src="/assets/common.js?v=20260909a"></script>
|
|
<script src="/assets/qrlib.js"></script>
|
|
<script src="/assets/flyers.js?v=20260909a"></script>
|
|
</body>
|
|
</html>
|