// V1 · Spotlight — bold centered, cursor-following neon-yellow gradient, // the SPOT logo as a glowing focal point. Black canvas + grain. function V1Bold({ tweaks }) { const ref = React.useRef(null); const [pos, setPos] = React.useState({ x: 0.5, y: 0.5 }); const [isTouch, setIsTouch] = React.useState(false); React.useEffect(() => { setIsTouch(window.matchMedia('(hover: none)').matches); }, []); React.useEffect(() => { if (!tweaks.animations) { setPos({ x: 0.5, y: 0.5 }); return; } const el = ref.current; if (!el) return; if (isTouch) { let raf; const start = performance.now(); const tick = (now) => { const t = (now - start) / 6000; const angle = t * Math.PI * 2; setPos({ x: 0.5 + Math.cos(angle) * 0.18, y: 0.5 + Math.sin(angle) * 0.14, }); raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); return () => cancelAnimationFrame(raf); } const onMove = (e) => { const r = el.getBoundingClientRect(); setPos({ x: Math.max(0, Math.min(1, (e.clientX - r.left) / r.width)), y: Math.max(0, Math.min(1, (e.clientY - r.top) / r.height)), }); }; const onLeave = () => setPos({ x: 0.5, y: 0.5 }); el.addEventListener('mousemove', onMove); el.addEventListener('mouseleave', onLeave); return () => { el.removeEventListener('mousemove', onMove); el.removeEventListener('mouseleave', onLeave); }; }, [tweaks.animations, isTouch]); const features = [ { k: '01', t: 'Discover events', d: 'Festivals, club nights, house parties - all in one feed.' }, { k: '02', t: 'Host your own', d: 'Public or private, free or invite-only. Your scene, your rules.' }, { k: '03', t: 'See who\u2019s going', d: 'Spot the crowd before you commit. Bring your people.' }, ]; const headlines = { 'x-marks': { pre: 'X marks', mid: 'the', hi: 'SPOT', post: '.', preItalic: true }, 'save-spot':{ pre: 'Save', mid: 'the', hi: 'SPOT', post: '.', preItalic: true }, 'hit-spot': { pre: 'Hits', mid: 'the', hi: 'SPOT', post: '.', preItalic: true }, 'on-spot': { pre: 'You\u2019re', mid: 'on the', hi: 'SPOT', post: '.', preItalic: true }, 'spot-on': { pre: '', mid: '', hi: 'SPOT', post: '. On.', preItalic: false }, }; const h = headlines[tweaks.headline] || headlines['x-marks']; return (

{/* Cursor-following neon glow */}

{/* Secondary deeper black falloff */}

{/* Grain */}

")`, }} /> {/* Top bar */}

spotevent.be { e.currentTarget.style.color = '#d8ff00'; e.currentTarget.style.transform = 'scale(1.1)'; }} onMouseLeave={(e) => { e.currentTarget.style.color = 'rgba(255,255,255,0.7)'; e.currentTarget.style.transform = 'scale(1)'; }} >

{/* Hero */}

{h.pre && ( {h.pre} )} {h.mid && {h.mid} } {h.hi} {h.post}

{tweaks.tagline} A social app for discovering, hosting, and showing up to events - from festivals to the smallest house party.

{/* Footer feature strip */}

); } window.V1Bold = V1Bold;