// PROVE landing page + 3 hero variants. // All exposed as separate React components used by prove-app.jsx. const { useState: useState_L, useMemo: useMemo_L, useEffect: useEffect_L } = React; // ───────────────────────────────────────────────────────────────────────────── // NowLivePill — "Now live on iOS" brand pill (no numbers). // ───────────────────────────────────────────────────────────────────────────── function NowLivePill({ style }) { return (
Now live on iOS
); } // ───────────────────────────────────────────────────────────────────────────── // HERO VARIANT A — "Stadium" // ───────────────────────────────────────────────────────────────────────────── function HeroStadium({ headline, sub }) { return (
{/* coral diagonal stripe */}

{headline}

{sub}

(window.location.hash = '/signup')}>Get started — Free (window.location.hash = '/login')}>Sign in
{/* floating phone with feed */}
); } // ───────────────────────────────────────────────────────────────────────────── // HERO VARIANT B — "Ticker" // Pure typography focus. No live counters, no fake stats. // ───────────────────────────────────────────────────────────────────────────── function HeroTicker({ headline, sub }) { return (

{headline.split(' ').map((word, i, arr) => { const isLast = i === arr.length - 1; const isPenultimate = i === arr.length - 2; return ( {word} {i < arr.length - 1 ? ' ' : ''} ); })}

{sub}

(window.location.hash = '/signup')}>Get started — Free (window.location.hash = '/login')}>Sign in
); } // ───────────────────────────────────────────────────────────────────────────── // HERO VARIANT C — "Mugshot" // ───────────────────────────────────────────────────────────────────────────── function HeroMugshot({ headline, sub }) { const D = window.PROVE_DATA; const tiles = D.proofs.slice(0, 12); return (
{tiles.map((p, i) => (
))}

{headline}

{sub}

(window.location.hash = '/signup')}>Get started — Free (window.location.hash = '/login')}>Sign in
); } // ───────────────────────────────────────────────────────────────────────────── // NAV BAR with brand-anchor coral border + Day 1 pill // ───────────────────────────────────────────────────────────────────────────── function NavBar({ animated }) { return (
(window.location.hash = '/login')}>Sign in (window.location.hash = '/signup')}>Get started
); } const navLink = { color: 'inherit', textDecoration: 'none', cursor: 'pointer', fontWeight: 500 }; function Day1Pill() { return ( Day 1 ); } function CTAButton({ children, primary, size = 'md', inverse, onClick }) { const sizes = { sm: { padding: '8px 14px', fontSize: 13 }, md: { padding: '14px 22px', fontSize: 15 }, lg: { padding: '18px 28px', fontSize: 17 }, }; let bg = 'transparent', color = '#fff', border = '1px solid rgba(255,255,255,0.25)'; if (primary) { bg = 'var(--coral)'; color = '#0D0D0D'; border = '1px solid var(--coral)'; } if (inverse) { bg = '#0D0D0D'; color = '#fff'; border = '1px solid #0D0D0D'; } return ( ); } // Mini phone preview content used in HeroStadium function FeedScreenPreview() { const D = window.PROVE_DATA; const proofs = D.proofs.slice(0, 3); return (
Following All Trending
{proofs.map((p, i) => { const u = D.byHandle[p.user]; const h = D.habits[p.habit]; return (
{h.label}
day {p.day}
{u.avatar}
{u.handle}
); })}
); } // ───────────────────────────────────────────────────────────────────────────── // SECTION 2 — How it works // ───────────────────────────────────────────────────────────────────────────── function HowItWorks() { const steps = [ { n: '01', title: 'Pick your habit', icon: 'calendar', body: 'One habit. One camera. That’s it. Lift, run, read, meditate, code, cook — whatever you’ve been saying you’d do. The first proof is always the hardest.' }, { n: '02', title: 'Post video proof daily', icon: 'camera', body: 'Inside the PROVE Window. 6 AM to 11:59 PM. 60 seconds, raw, no edits. Your face. Your habit. On the record. Miss the window and your streak resets to zero. No appeals. No exceptions.' }, { n: '03', title: 'Stake coins. Climb the streak.', icon: 'coin', body: 'Your community watches. They stake coins on whether you’ll show up tomorrow. Back you if they believe. Doubt you if they don’t. Every day you prove them right — or wrong. The longer your streak, the bigger the multiplier.' }, ]; return (

The loop is simple. Doing it isn’t.

§ 01 / how it works
{steps.map((s) => (
{ e.currentTarget.style.transform = 'translateY(-4px)'; e.currentTarget.style.borderColor = 'rgba(255,97,85,0.4)'; e.currentTarget.style.boxShadow = '0 20px 60px rgba(255,97,85,0.08)'; }} onMouseLeave={(e) => { e.currentTarget.style.transform = ''; e.currentTarget.style.borderColor = 'rgba(255,255,255,0.12)'; e.currentTarget.style.boxShadow = ''; }} >
{s.n}

{s.title}

{s.body}

))}
); } function StepIcon({ kind }) { const sz = 36; if (kind === 'calendar') return ( ); if (kind === 'camera') return ( ); if (kind === 'coin') return ( ); return null; } // ───────────────────────────────────────────────────────────────────────────── // SECTION — MANIFESTO (replaces the old StatsBand) // ───────────────────────────────────────────────────────────────────────────── function ManifestoSection() { const lines = [ 'Your camera is your contract.', 'Your streak is your reputation.', 'Your backers are your conscience.', ]; return (
§ 02 / manifesto read aloud · then post your proof

Most people quit in private.
PROVE makes you quit in public.

{lines.map((line, i) => (
0{i + 1} {line}
))}
); } // ───────────────────────────────────────────────────────────────────────────── // SECTION 4 — Feed Preview (mosaic of 6 phones) // Center phone glows coral. // ───────────────────────────────────────────────────────────────────────────── function FeedPreviewSection() { const D = window.PROVE_DATA; const phones = D.proofs.slice(0, 6); return (

Your habits.
Witnessed.

Real people. Real proof. No filters, no edits, no "I’ll start Monday." Sixty seconds of video, posted inside the PROVE Window. Miss it, lose your streak.

§ 03 / the feed
{phones.map((p, i) => { const u = D.byHandle[p.user]; const h = D.habits[p.habit]; const offset = (i % 2 === 0 ? 30 : -30); // The center two phones (i=2 and i=3) glow coral const isCenter = i === 2 || i === 3; return (
{h.label}
day {p.day}
{u.avatar}
{u.handle}
); })}
); } // ───────────────────────────────────────────────────────────────────────────── // SECTION — THE PROVE WINDOW (new) // PROVE's most psychologically powerful mechanic. // ───────────────────────────────────────────────────────────────────────────── function PROVEWindowSection() { return (
{/* faint ring backdrop */}
§ 04 / the prove window opens daily · local time

Every day. One window.
6 AM – 11:59 PM.

Miss it and your streak resets to zero. No grace period. No excuses.
This is the only rule that matters.

{/* consequence cards */}
); } function ClockSVG() { return ; } function ConsequenceCard({ icon, headline, body, tone }) { const isPositive = tone === 'positive'; return (

{headline}

{body}

); } function ConsequenceIcon({ kind }) { const c = 'var(--coral)'; if (kind === 'post') return ( ); if (kind === 'miss') return ( ); if (kind === 'fake') return ( ); return null; } // ───────────────────────────────────────────────────────────────────────────── // SECTION — Stakes (split layout, tug-of-war demo) // ───────────────────────────────────────────────────────────────────────────── function StakesSection() { const [back, setBack] = useState_L(2840); const [doubt, setDoubt] = useState_L(410); return (
§ 05 / the stakes live demo
{/* Tagline above demo */}

When real coins are on the line, "I’ll start tomorrow" stops making sense.

Back yourself. Doubt others.

Stake coins on every proof. Your back-and-doubt history builds your REP score. The longer the streak, the bigger the multiplier.

    {[ 'Free coins to start. Earn the rest by proving.', 'No buying coins. No paying to win.', 'Coins are bragging rights, not real money.', ].map((s, i) => (
  • 0{i + 1} {s}
    • ))}
{/* right: interactive stake demo */}
maya.k
front squat proof · 32 sec
day 47
Live stake split
setBack((b) => b + 50)}> Back +50 setDoubt((d) => d + 50)}> Doubt +50
→ if she proves on day 47: she keeps her streak + backers earn from doubters
→ if she misses: doubters collect. streak resets. no exceptions.
); } function StakeButton({ variant, onClick, children }) { const isBack = variant === 'back'; return ( ); } // ───────────────────────────────────────────────────────────────────────────── // SECTION — PROVE vs the rest (comparison table) // ───────────────────────────────────────────────────────────────────────────── function ComparisonSection() { const cols = ['PROVE', 'Habit trackers', 'Accountability partners', 'Vision boards']; // entries: text per column. 'yes' / 'no' / 'sometimes' const rows = [ ['Video proof required', ['yes', 'no', 'no', 'no']], ['Real stakes on every post', ['yes', 'no', 'no', 'no']], ['Public streak on the line', ['yes', 'no', 'sometimes', 'no']], ['Community bets on you', ['yes', 'no', 'no', 'no']], ['Daily hard deadline', ['yes', 'no', 'no', 'no']], ['Works without willpower', ['yes', 'no', 'no', 'no']], ]; const Mark = ({ kind }) => { if (kind === 'yes') return ( ); if (kind === 'sometimes') return ( sometimes ); return ( ); }; return (
§ 06 / vs the rest

Why accountability apps fail —
and why PROVE doesn’t.

{/* header row */}
Feature
{cols.map((c, i) => { const isProve = i === 0; return (
{c}
); })}
{/* data rows */} {rows.map(([label, values], ri) => (
{label}
{values.map((v, ci) => { const isProve = ci === 0; return (
); })}
))}
); } // ───────────────────────────────────────────────────────────────────────────── // SECTION — Final CTA (replaces the email-form FoundingCTA) // ───────────────────────────────────────────────────────────────────────────── function FinalCTA() { return (
§ 07 / the window opens

The window opens at 6 AM.
Will you post?

iOS + Android · Free to download · No credit card ever

); } function BigAppStoreButton() { return ( ); } // ───────────────────────────────────────────────────────────────────────────── // SECTION — Footer // ───────────────────────────────────────────────────────────────────────────── function FooterSection() { return (

Built for people tired of saying they will.

{[ { t: 'Product', l: ['Feed', 'The Window', 'Leaderboard', 'Manifesto'] }, { t: 'Company', l: ['About', 'Press', 'Careers', 'Contact'] }, { t: 'Legal', l: ['Privacy', 'Terms', 'Trust & safety', 'Press'] }, ].map((col) => (
{col.t}
    {col.l.map((x) =>
  • {x}
    • )}
))}
© 2026 PROVE Inc. The PROVE Window opens daily at your local 6:00 AM.
); } function AppStoreBadge() { return (
(window.location.hash = '/signup')} style={{ border: '1px solid rgba(255,255,255,0.2)', padding: '10px 18px', display: 'flex', alignItems: 'center', gap: 12, borderRadius: 8, cursor: 'pointer', color: '#fff', }}>
Download on the
App Store
); } // ───────────────────────────────────────────────────────────────────────────── // CORAL TOP BORDER — brand anchor strip // ───────────────────────────────────────────────────────────────────────────── function CoralTopBorder() { return (
); } // ───────────────────────────────────────────────────────────────────────────── // Full landing flow // ───────────────────────────────────────────────────────────────────────────── function FullLanding({ heroVariant = 'stadium', headline, sub }) { const Hero = heroVariant === 'ticker' ? HeroTicker : heroVariant === 'mugshot' ? HeroMugshot : HeroStadium; const scrollRef = React.useRef(null); return (
); } Object.assign(window, { HeroStadium, HeroTicker, HeroMugshot, FullLanding, HowItWorks, ManifestoSection, FeedPreviewSection, PROVEWindowSection, StakesSection, ComparisonSection, FinalCTA, FooterSection, NavBar, CTAButton, NowLivePill, Day1Pill, CoralTopBorder, });