/* global React, LRMark, AmbientGlow, LaunchRadarDense */ // Launch Radar — landing page. // Trimmed to two beats: hero (subscribe) + live email preview. Everything // below the preview was deleted on request. Tweakable copy and layout flags // are passed in via props from the host HTML's TWEAK_DEFAULTS block. const { useState, useEffect } = React; // Reactive viewport check — narrow == phones / tablet-portrait. Drives padding, // type scale, and whether the preview renders in mobile-email layout. function useIsNarrow(bp = 720) { const [narrow, setNarrow] = useState( typeof window !== "undefined" && window.innerWidth < bp ); useEffect(() => { const onResize = () => setNarrow(window.innerWidth < bp); window.addEventListener("resize", onResize); return () => window.removeEventListener("resize", onResize); }, [bp]); return narrow; } function LandingPage({ sample, t }) { const narrow = useIsNarrow(); return (

{t.showTopBar && }

); } // ───────────── Top bar ───────────── function TopBar({ narrow }) { return (

Launch Radar

); } // ───────────── Hero ───────────── function Hero({ narrow, headline, highlight, eyebrow, subhead, ctaText, showTrust, stats }) { return (

New {eyebrow}

{headline}{" "} {highlight}

{subhead}

{showTrust && (

{stats.builders * 12}+ subscribers Free Unsubscribe anytime

)}

); } function ReaderAvatars() { const tints = [ "linear-gradient(135deg, rgba(255,175,71,0.95), rgba(255,71,240,0.6))", "linear-gradient(135deg, rgba(255,71,240,0.85), rgb(210,133,255))", "linear-gradient(135deg, rgb(210,133,255), rgba(10,93,255,0.95))", "linear-gradient(135deg, rgba(10,93,255,0.9), rgba(255,175,71,0.6))", ]; return (

{tints.map((bg, i) => ( ))}

); } function Dot() { return ( ); } // ───────────── Subscribe form ───────────── function SubscribeForm({ ctaText = "Subscribe" }) { const [email, setEmail] = useState(""); const [state, setState] = useState("idle"); const submit = async (e) => { e.preventDefault(); if (!/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(email)) { setState("error"); return; } setState("sending"); try { const res = await fetch("/api/subscribe", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email: email.trim().toLowerCase() }), }); const data = await res.json().catch(() => ({})); if (!res.ok) throw new Error(data.error || "Subscribe failed"); setState("done"); } catch (err) { console.error(err); setState("error"); } }; const done = state === "done"; return ( ); } // ───────────── Preview section ───────────── // Email body height is tweakable — readers can see more or less of the // digest before the fade. With showFade off, the cap is removed entirely // and the full email scrolls inline. function PreviewSection({ narrow, sample, previewHeight = 1400, showFade = true, ctaText }) { // On narrow viewports cap the crop a bit tighter so the page stays scannable. const cropH = narrow ? Math.min(previewHeight, 1100) : previewHeight; return (

Yesterday's digest · live preview

{/* Browser chrome */}

{["#FF5F57", "#FEBC2E", "#28C840"].map((c) => ( ))} mail.google.com · Inbox

{/* Email "From" header */}

Daily Radar · 22 signals from 30 builders

LR Launch Radar {narrow ? "" : " "} {narrow ? "7:02 AM" : "Sun, May 24 · 7:02 AM"}

{/* Email body */}

{showFade && ( <>

{ctaText || "Get tomorrow's in your inbox"} ↗ )}

); } // ───────────── Footer ───────────── function Footer({ narrow }) { return ( ); } Object.assign(window, { LandingPage });