wmj/falah-ft-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(paywall): sync ft-paywall-inline partial from server

Browse Source
This commit is contained in:
wmj
2026-10-29 13:14:14 +00:00
parent 5cc042e5e4
commit 90fa7902f3
1 changed files with 34 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
partials/ft-paywall-inline.hbs
+34
View File
@@ -0,0 +1,34 @@
{{!-- 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;">&#36;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 &rarr;</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;">&#36;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 &#36;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 &rarr;</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 &rarr;</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>