35 lines
4.0 KiB
Handlebars
35 lines
4.0 KiB
Handlebars
{{!-- FT Inline Paywall --}}
|
||
<div class="ft-paywall-inline" id="ft-paywall-inline" style="background:#fff; border:1px solid #e2ddd5; border-radius:8px; padding:32px 24px; text-align:center; max-width:640px; margin:40px auto; box-shadow:0 4px 20px rgba(0,0,0,0.06);">
|
||
<div class="ft-premium-badge" style="display:inline-block; font-size:0.75rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#0d7680; background:rgba(13,118,128,0.08); padding:4px 12px; border-radius:20px; margin-bottom:12px;">{{> "icons/star"}} Sovereign Intelligence</div>
|
||
<h3 class="ft-paywall-inline-title" style="font-family:serif; font-size:1.75rem; font-weight:700; margin-bottom:10px; color:#111;">Unlock the Complete Dispatch</h3>
|
||
<p class="ft-paywall-inline-text" style="font-size:0.95rem; color:#555; line-height:1.5; margin-bottom:24px;">Get unlimited access to Falah Research Institute FRI team’s daily financial technology investigations, full audio archives, and sovereign risk briefings.</p>
|
||
|
||
<div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:16px; margin-bottom:20px; text-align:left;">
|
||
<!-- Monthly Option -->
|
||
<div style="border:1px solid #e2ddd5; border-radius:6px; padding:16px; display:flex; flex-direction:column; justify-content:space-between; background:#faf9f6;">
|
||
<div>
|
||
<div style="font-size:0.8rem; font-weight:700; text-transform:uppercase; color:#666; letter-spacing:0.05em;">Monthly Access</div>
|
||
<div style="font-size:1.5rem; font-weight:700; color:#111; margin:6px 0;">$5 <span style="font-size:0.85rem; font-weight:400; color:#666;">/ month</span></div>
|
||
<div style="font-size:0.8rem; color:#666; margin-bottom:12px;">Billed monthly. Cancel anytime.</div>
|
||
</div>
|
||
<a href="https://buy.polar.sh/polar_cl_GgDOFcf9dD5uPfswQ5GMAg26Qj9YIyeWY152G2DN31Q" target="_blank" rel="noopener" style="display:block; text-align:center; background:#111; color:#fff; padding:10px 16px; border-radius:4px; font-weight:600; text-decoration:none; font-size:0.9rem;">Get Monthly →</a>
|
||
</div>
|
||
|
||
<!-- Annual Option (Recommended) -->
|
||
<div style="border:2px solid #0d7680; border-radius:6px; padding:16px; display:flex; flex-direction:column; justify-content:space-between; background:#f4fbfb; position:relative;">
|
||
<span style="position:absolute; top:-10px; right:12px; background:#0d7680; color:#fff; font-size:0.65rem; font-weight:700; text-transform:uppercase; padding:2px 8px; border-radius:10px; letter-spacing:0.05em;">Save 17% (2 Mo Free)</span>
|
||
<div>
|
||
<div style="font-size:0.8rem; font-weight:700; text-transform:uppercase; color:#0d7680; letter-spacing:0.05em;">Annual All-Access</div>
|
||
<div style="font-size:1.5rem; font-weight:700; color:#111; margin:6px 0;">$50 <span style="font-size:0.85rem; font-weight:400; color:#666;">/ year</span></div>
|
||
<div style="font-size:0.8rem; color:#666; margin-bottom:12px;">Just $4.16/mo, billed annually.</div>
|
||
</div>
|
||
<a href="https://buy.polar.sh/polar_cl_mXyy8bkynMV1wW0JJZDqMB3MXuXJPKB0uLNqE2ZyUuy" target="_blank" rel="noopener" style="display:block; text-align:center; background:#0d7680; color:#fff; padding:10px 16px; border-radius:4px; font-weight:600; text-decoration:none; font-size:0.9rem;">Get Annual →</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="border-top:1px solid #eee; padding-top:16px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;">
|
||
<a href="#/portal/signup/free" data-portal="signup/free" style="font-size:0.85rem; font-weight:600; color:#555; text-decoration:underline;">Or join the Free Morning Wire →</a>
|
||
<span style="font-size:0.85rem; color:#777;">Already a member? <a href="#/portal/signin" data-portal="signin" style="font-weight:600; color:#0d7680; text-decoration:none;">Sign in</a></span>
|
||
</div>
|
||
</div>
|