// Investor / Login — built on the design system. // // Composition: // ambient US-city → vault → cities animation //
floating wordmark + theme toggle // soft radial readability mask, wrapping… // eyebrow + display headline + lede + 3 trust stats // glass panel: wallet → email → providers // bottom marquee of recent originations // // Page-level inline styles cover only: outer positioning and slot widths. // Every visual atom (typography, chrome, padding, hairlines, icons, // vignette gradient) lives in the design system or a primitive's variant. // ─────────────────────────── Auth panel ─────────────────────────── // Glass surface (translucent + blur + heavy shadow). Positioning and // slot width live on a wrapper
— Panel itself doesn't know it's // floating on this page. Every visual atom (chrome, padding, typography, // hairlines) comes from the design system. function AuthPanel() { return (
or Continue
Powered by Dynamic
); } // ─────────────────────────── Hero ─────────────────────────── function Hero() { return (
Investor Access
Yield, on a rail
of real assets. Deposit USDC into a diversified portfolio of short-term, senior-secured US mortgages. Originated, rated, and serviced on-chain.
); } // ─────────────────────────── Recent-origination ticker data ───────────── const ORIGINATIONS = [ { amt: "$483,200", loc: "AUSTIN, TX", type: "FIX & FLIP", term: "12MO", apy: "8.9%", ago: "4M AGO" }, { amt: "$1,240,000", loc: "DENVER, CO", type: "BRIDGE", term: "18MO", apy: "9.2%", ago: "12M AGO" }, { amt: "$295,000", loc: "PHOENIX, AZ", type: "GROUND-UP", term: "24MO", apy: "9.6%", ago: "23M AGO" }, { amt: "$612,500", loc: "CHARLOTTE, NC", type: "FIX & FLIP", term: "10MO", apy: "9.0%", ago: "31M AGO" }, { amt: "$845,000", loc: "MIAMI, FL", type: "BRIDGE", term: "15MO", apy: "9.4%", ago: "44M AGO" }, { amt: "$378,400", loc: "NASHVILLE, TN", type: "FIX & FLIP", term: "12MO", apy: "8.7%", ago: "58M AGO" }, { amt: "$2,100,000", loc: "SEATTLE, WA", type: "GROUND-UP", term: "24MO", apy: "9.8%", ago: "1H AGO" }, { amt: "$520,750", loc: "TAMPA, FL", type: "FIX & FLIP", term: "11MO", apy: "8.8%", ago: "1H AGO" }, { amt: "$1,675,000", loc: "BOSTON, MA", type: "MULTIFAMILY", term: "36MO", apy: "8.6%", ago: "2H AGO" }, { amt: "$945,800", loc: "BROOKLYN, NY", type: "BRIDGE", term: "14MO", apy: "9.1%", ago: "2H AGO" }, ]; const ORIGINATION_COLUMNS = [ { key: "amt", tone: "strong" }, "loc", "type", "term", { key: "apy", tone: "brand", suffix: " APY" }, { key: "ago", tone: "faint" }, ]; // ─────────────────────────── Page assembly ─────────────────────────── function Login() { const [theme, setTheme] = useTheme(); return (
{/* US network map — ambient bg */} {/* Content frame — caps the composition at 1600 on ultrawide */}
{/* Floating header — page owns position, system owns chrome. `surface="bare"` drops the hairline so it reads as glass over the network map, not a top-edge divider. */}
{/* Bottom ticker — recent originations tape */}
); } window.Login = Login;