// Marketing site — content sections below the hero.
// ===================================================================
// PRODUCT FEATURE STRIP — three big cards explaining the loop
// ===================================================================
function FeatureStrip() {
const features = [
{
icon: 'lobby',
tone: '#a378ff',
eyebrow: '01 · Lobby',
title: 'Set the stakes with friends',
body: 'Pick the apps you want to lock out. Set a duration. Invite up to 8 friends. Everyone stakes ELO — winner takes the pot.',
},
{
icon: 'block',
tone: '#ffbe64',
eyebrow: '02 · Lock in',
title: 'The vault opens when time runs out',
body: 'Once locked, blocked apps just vanish. No bypass, no five-minute extension. If you crack — even for a single peek — you\'re out.',
},
{
icon: 'climb',
tone: '#5ae6c8',
eyebrow: '03 · Climb',
title: 'Real ELO, real consequences',
body: 'Win and you take everyone\'s stake, climb the global ladder, and unlock new avatars. Lose and the whole group sees the screenshot.',
},
];
return (
It's a multiplayer game with your screen-time as the chips.}
sub="Vault doesn't try to nag you about your habits. It bets your friends that you can resist your phone — and lets the leaderboard do the talking."
maxWidth={840}
/>
{features.map((f, i) => (
))}
);
}
function FeatureCard({ icon, tone, eyebrow, title, body }) {
return (
{eyebrow}
{title}
{body}
);
}
function FeatureIcon({ kind, color }) {
if (kind === 'lobby') return (
);
if (kind === 'block') return (
);
return (
);
}
// ===================================================================
// RANK LADDER
// ===================================================================
function RankLadder() {
const ranks = [
{ id: 'addicted', glyph: 'phone', range: '0–1199', desc: 'Where everyone starts. The phone owns you.' },
{ id: 'scroller', glyph: 'feed', range: '1200–1399', desc: 'You\'ve survived a few rounds. Still fragile.' },
{ id: 'seeker', glyph: 'compass', range: '1400–1699', desc: 'You can do four hours dark. Most can\'t.' },
{ id: 'lucid', glyph: 'eye', range: '1700–1999', desc: 'Top 8% globally. People notice when you don\'t reply.' },
{ id: 'clairvoyant', glyph: 'crystal', range: '2000+', desc: 'Top 0.5%. The phone exists for them, not the other way.' },
];
return (
Five tiers. One way up.}
sub="No participation badges. Climb by winning challenges, holding streaks, and beating people ranked higher than you. Each tier unlocks new avatars, lobby caps, and bragging rights."
maxWidth={780}
/>