/* JOIN CTA - the open hand */ function JoinCTA() { const handRef = useRef(null); const [openQuiz, setOpenQuiz] = useState(false); useEffect(() => { const onMove = (e) => { if (!handRef.current) return; const r = handRef.current.getBoundingClientRect(); const cx = r.left + r.width / 2; const cy = r.top + r.height / 2; const dx = (e.clientX - cx); const dy = (e.clientY - cy); const dist = Math.min(1, Math.hypot(dx, dy) / 400); const reach = (1 - dist) * 60; const ax = Math.sign(dx) * reach * 0.5; const ay = Math.sign(dy) * reach * 0.3; handRef.current.style.transform = `translate(${ax}px, ${ay}px) rotate(${ax * .2}deg)`; }; addEventListener('mousemove', onMove); return () => removeEventListener('mousemove', onMove); }, []); return (
- the open hand ยท join

ARE YOU
GNG?

Step into the circle. We're not asking - we're reaching. The hand is out. All you have to do is grab it.

{/* Reaching hand silhouette */}
{/* aura */} {/* sleeve */} {/* palm */} {/* finger highlights */} {/* particles drifting toward hand */} {Array.from({length: 12}).map((_, i) => ( ))}
we eating ยท no application form. just hands. ยท yktv
{openQuiz && setOpenQuiz(false)} />}
); } /* Mini "Are you GNG?" quiz modal */ function Quiz({ onClose }) { const [step, setStep] = useState(0); const [answers, setAnswers] = useState({}); const qs = [ { q: "What time do you typically ship?", opts: ['First thing morning', 'Whenever it\'s done', '2am, the gang\'s up', 'I don\'t ship - yet'], }, { q: "Pick one:", opts: ['I want to learn Web3', 'I want to make money in Web3', 'I want to build a circle', 'All three (correct)'], }, { q: "Your reaction when a friend wins:", opts: ['Like the post', 'Slide in their DMs', 'Repost & hype it', 'I want them to teach me'], }, ]; const choose = (val) => { setAnswers(a => ({...a, [step]: val })); if (step < qs.length - 1) setStep(step + 1); else setStep(qs.length); }; const done = step >= qs.length; return (
e.stopPropagation()}> {!done ? ( <>
{qs.map((_, i) => ( ))}
{String(step+1).padStart(2,'0')} / {String(qs.length).padStart(2,'0')}

{qs[step].q}

{qs[step].opts.map((o, i) => ( ))}
) : (
verdict

YOU'RE GNG.

Already, lowkey. Pick a door - see you in motion.

๐•X โ—†Discord
)}
); } window.JoinCTA = JoinCTA;