// All 10 levels β€” Identity through Sponsor slot // Each level owns its mood, copy, and field set; all share LevelShell. // LEVEL 1 β€” Identity function Level1({ data, setData, ...p }) { const set = (k) => (v) => setData({ ...data, [k]: v }); const [sms, setSms] = React.useState(data.sms ?? true); React.useEffect(() => { setData({ ...data, sms }); }, [sms]); return ( First β€”
who's winning} titleAccent={{ text: 'the Bitcoin?', color: '#006FD6' }} subtitle="Basics. So we know where to send the coin." ctaLabel="Claim My Entry" bingoPose="thumbs" bingoPos="br">
setSms(!sms)} style={{ marginTop: 2, padding: '12px 14px', background: sms ? '#006FD6' : 'rgba(255,255,255,0.6)', color: sms ? '#fff' : '#140602', border: `2px solid ${sms ? '#006FD6' : 'rgba(20,6,2,0.12)'}`, borderRadius: 12, cursor: 'pointer', display: 'flex', alignItems: 'center', gap: 10, transition: 'all 160ms ease', }}>
{sms && }
Text me if I win. Obviously.
); } // LEVEL 2 β€” Demographics function Level2({ data, setData, ...p }) { const set = (k) => (v) => setData({ ...data, [k]: v }); return ( Quick} titleAccent={{ text: 'vitals.', color: '#CF9843' }} subtitle="Paint us a picture. Skip what you want." ctaLabel="Continue" bingoPose="wave" bingoPos="br">
GENDER OCCUPATION HOUSEHOLD INCOME Β· OPTIONAL
); } // LEVEL 3 β€” Life Events function Level3({ data, setData, ...p }) { return ( Anything big
in the next} titleAccent={{ text: '12 months?', color: '#fff' }} subtitle="Picking the next chapter. No pressure." ctaLabel="Continue" bingoPose="peek" bingoPos="br" decor={}> setData({ ...data, events: v })}/> ); } function Clouds() { return (
{[{l:'5%',t:'22%',s:90,o:0.6},{l:'70%',t:'15%',s:130,o:0.5},{l:'40%',t:'55%',s:80,o:0.35},{l:'80%',t:'75%',s:100,o:0.45}].map((c,i)=>(
))}
); } // LEVEL 4 β€” Financial Intent function Level4({ data, setData, ...p }) { return ( Considering
any of these in} titleAccent={{ text: 'the next 90 days?', color: '#CF9843' }} subtitle="We won't tell your bank. (But we might tell someone else.)" ctaLabel="Continue" ctaBg="#CF9843" ctaColor="#140602" bingoPose="wink" bingoPos="br"> setData({...data,fin:v})}/> ); } // LEVEL 5 β€” Big-Ticket function Level5({ data, setData, ...p }) { const car = data.car; return ( Big purchases} titleAccent={{ text: 'incoming?', color: '#fff' }} subtitle="Dream a little. Data is in dreams." ctaLabel="Continue" bingoPose="thumbs" bingoPos="br"> BUYING A CAR IN 12 MO? setData({...data,car:v})} accent="#FFC800"/> {(car === 'Yes' || car === 'Maybe') && (<> WHICH TYPE setData({...data,carType:v})}/> )} OTHER BIG BUYS IN 12 MO setData({...data,bigBuys:v})}/> ); } // LEVEL 6 β€” Travel + Lifestyle function Level6({ data, setData, ...p }) { return ( Travel &} titleAccent={{ text: 'you.', color: '#006FD6' }} subtitle="Beaches, barbells, bedtimes. All of it." ctaLabel="Continue" bingoPose="wave" bingoPos="br"> TRAVEL Β· NEXT 6 MONTHS setData({...data,travel:v})}/> HEALTH & LIFESTYLE GOALS setData({...data,life:v})}/> ); } // LEVEL 7 β€” Media + Subscriptions function Level7({ data, setData, ...p }) { return ( What's on your} titleAccent={{ text: 'lock screen?', color: '#FFC800' }} subtitle="Subs you have, considering, or about to cancel." ctaLabel="Continue" ctaBg="#FFC800" bingoPose="peek" bingoPos="br"> setData({...data,media:v})}/> ); } // LEVEL 8 β€” Brand Affinity function Level8({ data, setData, ...p }) { return ( Who else
lives in} titleAccent={{ text: 'your fridge?', color: '#fff' }} subtitle="Tap all that apply. We won't judge. Much." ctaLabel="Continue" bingoPose="wink" bingoPos="br" decor={}> setData({...data,brands:v})}/> ); } function Bubbles() { return (
{[{l:'8%',t:'30%',s:40,o:0.3},{l:'82%',t:'22%',s:60,o:0.25},{l:'74%',t:'55%',s:28,o:0.4},{l:'6%',t:'72%',s:80,o:0.2},{l:'88%',t:'82%',s:50,o:0.25}].map((b,i)=>(
))}
); } // LEVEL 9 β€” Psychographic function Level9({ data, setData, ...p }) { return ( Which of these} titleAccent={{ text: 'is you?', color: '#44C8F5' }} subtitle="Pick as many as fit. Be honest. Or don't." ctaLabel="Continue" bingoPose="thumbs" bingoPos="br"> setData({...data,psy:v})}/> ); } // LEVEL 10 β€” Sponsor-reserved function Level10({ data, setData, ...p }) { return ( A word from} titleAccent={{ text: 'our sponsor.', color: '#FFC800' }} subtitle="Last stretch. Answer these and the coin is yours to chase." ctaLabel="Finish β†’ Bank Entries" ctaBg="#FFC800" bingoPose="wave" bingoPos="br">
SPONSORED BY [BRAND] Β· RESERVED SLOT
[SPONSOR QUESTION 1]
Which of these have you tried?
setData({...data,sp1:v})}/>
[SPONSOR QUESTION 2]
How likely are you to recommend?
setData({...data,sp2:v})} accent="#FFC800"/>
); } window.Level1 = Level1; window.Level2 = Level2; window.Level3 = Level3; window.Level4 = Level4; window.Level5 = Level5; window.Level6 = Level6; window.Level7 = Level7; window.Level8 = Level8; window.Level9 = Level9; window.Level10 = Level10;