/* global React, M */ // ==================================================================== // C1 — Home Rhythm card · 3 states // ==================================================================== function RhythmCard({ state = "keep" }) { // states: "build" (week 2 of 4), "keep" (week 9), "interrupted" if (state === "build") return ; if (state === "interrupted") return ; return ; } function CardShell({ children }) { return (
{children}
); } function Pill({ filled, faded, outlined, children, sub, lockTag }) { let style = { border: "1px solid var(--border)", color: "var(--text-2)", background: "transparent" }; if (filled) style = { border: "1px solid transparent", color: "#0E0D0B", background: "var(--accent)" }; if (faded) style = { border: "1px dashed var(--border)", color: "var(--text-3)", background: "transparent", opacity: 0.7 }; return (
{filled && ✓} {children} {sub && {sub}} {lockTag && {lockTag}}
); } function RhythmBuildCard() { return (
Build your Rhythm · week 2 of 4 ↗
1to1 completed 2 requests sent 1 / 2 Connection given
Halfway through your build phase. Read more →
); } function RhythmKeepCard() { return (
Keep your Rhythm 9 weeks running
1to1 completed Connection given 2 requests sent 1 / 2
Connection given to Eliza Hart. Read more →
); } function RhythmInterruptedCard() { return (
Start your Rhythm · new week ↗
1to1 completed Connection given 2 requests sent
Last Rhythm held: 8 weeks (ending 27 April).
 ); } function RhythmCardsTriptych() { return (
Home · Rhythm card · three states
); } // ==================================================================== // C2 — Onboarding Rhythm intro // ==================================================================== function RhythmOnboardingScreen() { const { MScreen, Eyebrow, MStickyCTA, SagePill } = window.M; return ( Got it · Take me in }>
One last thing

Build your Rhythm.

Most users do their best work on 1to1 in a weekly cadence. We call it Rhythm — three small actions per week that, over time, build the kind of network that actually returns calls. We start you on a 4-week build phase so you can find your feet.

We'll send a calm Wednesday status and a Sunday recap. No pressure, no nags.
); } function PillCard({ n, title, body, lockTag }) { return (
{n}
{title} {lockTag && {lockTag}}
{body}
); } // ==================================================================== // C3 — Rhythm detail view // ==================================================================== function RhythmDetailScreen() { const { MScreen, MTopBar, Eyebrow, Glyph } = window.M; return ( }/> {/* Hero */}
Keep your Rhythm 9 weeks running

This week in 1to1.

{/* Component cards */}
{/* History */}
Last 12 weeks
{Array(12).fill(0).map((_, i) => (
))}
WK 1 · 23 FEB WK 12 · THIS WEEK
{/* Group context */}
In your group this week
11 of 14 members at Rhythm this week — Coast Referral Collective.
View group →
{/* Footer */}
Connections only count if confirmed by the person you introduced — they have to confirm within the same week.
); } function ComponentCard({ eyebrow, title, body, status }) { const done = status === "done"; return (
{eyebrow} {done ? "✓" : ""}
{title}
{body}
); } // ==================================================================== // C4 — Rhythm milestone // ==================================================================== function RhythmMilestone() { const { MScreen, Eyebrow, MStickyCTA, SagePill } = window.M; return ( Share Onwards
}>
Milestone

12 weeks.

Three months of held Rhythm. The compounding starts here.

{Array(12).fill(0).map((_, i) => (
))}
NEXT MARKER · 26 WEEKS
); } window.RhythmCard = RhythmCard; window.RhythmCardsTriptych = RhythmCardsTriptych; window.RhythmOnboardingScreen = RhythmOnboardingScreen; window.RhythmDetailScreen = RhythmDetailScreen; window.RhythmMilestone = RhythmMilestone;