fix(checkout): diagnose and sync Iqra Times $5/mo checkout integration points #2

Merged
wmj merged 4 commits from fix/iqra-subscription-polar-link into main 2026-10-29 15:09:05 +00:00
Showing only changes of commit 3b5aeeaa28 - Show all commits
+3 -22
View File
@@ -2,29 +2,10 @@
<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>
<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 style="margin-bottom:20px;">
<a href="#/portal/signup" data-portal="signup" style="display:inline-block; text-align:center; background:#0d7680; color:#fff; padding:12px 28px; border-radius:4px; font-weight:600; text-decoration:none; font-size:1rem;">Subscribe to Read Full Article &rarr;</a>
</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;">