const { useState, useEffect, useRef } = React; const GZ_DISCORD_URL = 'https://discord.gg/mxDCpdGaGJ'; // ----- icones (SVG inline) ----- const IconDiscord = () => ( ); const IconArrow = () => ( ); const IconLock = () => ( ); function GzButton({ href, onClick, variant, label, sub, icon, disabled }) { const cls = 'gz-btn gz-btn--' + variant + (disabled ? ' gz-btn--off' : ''); const inner = ( <> {icon} {label} {sub} ); if (disabled) return
{inner}
; if (href) return {inner}; return ; } function GateScreen({ onEnter }) { const rootRef = useRef(null); const [ready, setReady] = useState(typeof window !== 'undefined' && !!window._gzLoaded); const [leaving, setLeaving] = useState(false); // spotlight segue o cursor (suavizado via lerp + rAF) useEffect(function () { const el = rootRef.current; if (!el) return; let tx = window.innerWidth * 0.5, ty = window.innerHeight * 0.42; let cx = tx, cy = ty, raf; el.style.setProperty('--mx', cx + 'px'); el.style.setProperty('--my', cy + 'px'); function tick() { cx += (tx - cx) * 0.16; cy += (ty - cy) * 0.16; el.style.setProperty('--mx', cx.toFixed(1) + 'px'); el.style.setProperty('--my', cy.toFixed(1) + 'px'); raf = requestAnimationFrame(tick); } function move(e) { const p = (e.touches && e.touches[0]) ? e.touches[0] : e; tx = p.clientX; ty = p.clientY; } window.addEventListener('mousemove', move); window.addEventListener('touchmove', move, { passive: true }); raf = requestAnimationFrame(tick); return function () { window.removeEventListener('mousemove', move); window.removeEventListener('touchmove', move); cancelAnimationFrame(raf); }; }, []); // ambiente 3D (globo) terminou de carregar atras da gate? useEffect(function () { if (window._gzLoaded) { setReady(true); return; } function on() { setReady(true); } window.addEventListener('globe-loaded', on); return function () { window.removeEventListener('globe-loaded', on); }; }, []); function enterSite() { if (leaving) return; setLeaving(true); setTimeout(function () { if (onEnter) onEnter(); }, 720); } return (
{/* camadas de fundo */}
{/* molduras de canto (HUD) */}
{/* HUD topo */}
A.U.R.A. BIOTRACK // PONTO DE ACESSO
SCANNER {ready ? 'ATIVO' : 'CALIBRANDO'}
SETOR GEN-Z // QUARENTENA
LAT 37.8 N / LON 46.2 W
{/* conteudo */}
Project Gen Z
Acesso ao ecossistema

A contaminacao e global.
Escolha por onde entrar.

} /> } /> } />
// mova o cursor para revelar a contaminacao {ready ? '> ambiente pronto' : '> preparando ambiente...'}
); } Object.assign(window, { GateScreen });