Merge S7 (a1): newsletter — THE VYNDR REPORT

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

# Conflicts:
#	BUILD-STATE.md
#	CLAUDE.md

web/src/app/api/newsletter/subscribe/route.ts

@@ -0,0 +1,35 @@
+import { NextRequest, NextResponse } from 'next/server';
+
+export const dynamic = 'force-dynamic';
+
+const BACKEND_URL = process.env.BACKEND_URL || 'http://localhost:3000';
+
+/**
+ * Newsletter subscribe proxy (Session S7, a1) — S25 rule: the browser hits
+ * the Next origin, never Express directly. Forwards to the backend, which
+ * forwards to the self-hosted Listmonk (double opt-in).
+ *
+ * Failure posture: any upstream problem degrades to the calm
+ * { ok: false, reason: 'not configured' } shape — the capture component
+ * renders "Signups open soon", never an error wall.
+ */
+export async function POST(req: NextRequest) {
+  let body: unknown = {};
+  try {
+    body = await req.json();
+  } catch {
+    return NextResponse.json({ ok: false, error: 'Enter a valid email.' }, { status: 400 });
+  }
+  try {
+    const upstream = await fetch(`${BACKEND_URL}/api/newsletter/subscribe`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json', Accept: 'application/json' },
+      body: JSON.stringify(body),
+      cache: 'no-store',
+    });
+    const data = await upstream.json().catch(() => ({ ok: false, reason: 'not configured' }));
+    return NextResponse.json(data, { status: upstream.status === 400 ? 400 : 200 });
+  } catch {
+    return NextResponse.json({ ok: false, reason: 'not configured' }, { status: 200 });
+  }
+}

web/src/app/page.tsx

@@ -23,6 +23,8 @@ import Features from '@/components/Features';
 import HowItWorks from '@/components/HowItWorks';
 import Pricing from '@/components/Pricing';
 import FAQ from '@/components/FAQ';
+// Session S7 (a1) — THE VYNDR REPORT capture (double opt-in via Listmonk).
+import NewsletterCapture from '@/components/NewsletterCapture';
 // Footer is mounted globally in the root layout (Session 34) — no per-page import.
 
 // Session 60 (6.1) — the 3–4s "LOADING THE SLATE" first paint was THIS
@@ -91,6 +93,10 @@ export default function Home() {
       <HowItWorks />
       <Pricing />
       <FAQ />
+      {/* Session S7 (a1) — the daily wire, by email. Sits above the global footer. */}
+      <div style={{ maxWidth: 640, margin: '0 auto', padding: '8px 16px 40px' }}>
+        <NewsletterCapture />
+      </div>
     </>
   );
 }

web/src/app/welcome/page.tsx

@@ -3,6 +3,10 @@
 import { useRouter } from 'next/navigation';
 import { useAuth } from '@/contexts/AuthContext';
 import { useEffect, useRef } from 'react';
+// Session S7 (a1) — THE VYNDR REPORT capture on the free-signup success path.
+// This page (not the signup "done" card, which auto-redirects after 1.5s) is
+// where a new free user actually lingers — the honest place for the ask.
+import NewsletterCapture from '@/components/NewsletterCapture';
 
 export default function WelcomePage() {
   const router = useRouter();
@@ -84,6 +88,11 @@ export default function WelcomePage() {
         </button>
         <p className="lbl" style={{ color: 'var(--text-2)' }}>BUILT IN DETROIT</p>
       </div>
+
+      {/* Session S7 (a1) — the daily wire, by email. Double opt-in via Listmonk. */}
+      <div style={{ marginTop: 32, width: '100%', maxWidth: 440, textAlign: 'left', zIndex: 1 }}>
+        <NewsletterCapture compact />
+      </div>
     </section>
   );
 }