From 90fa7902f345a40ef79b9e823cb8403478cd3263 Mon Sep 17 00:00:00 2001
From: wmj <wmj@falahos.my>
Date: Thu, 29 Oct 2026 13:14:14 +0000
Subject: [PATCH] feat(paywall): sync ft-paywall-inline partial from server

---
 partials/ft-paywall-inline.hbs | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 partials/ft-paywall-inline.hbs

diff --git a/partials/ft-paywall-inline.hbs b/partials/ft-paywall-inline.hbs
new file mode 100644
index 0000000..f61e553
--- /dev/null
+++ b/partials/ft-paywall-inline.hbs
@@ -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>