import { useState } from "react"; import { Card, CardContent } from "@/components/ui/card"; import { Button } from "@/components/ui/button"; import { motion } from "framer-motion";
export default function ProAimHub() { const [screen, setScreen] = useState("home");
const renderHome = () => (
<motion.h1 initial={{ opacity: 0, y: -10 }} animate={{ opacity: 1, y: 0 }} className="text-2xl font-bold text-red-500 text-center" > ProAim Hub </motion.h1>
setScreen("train")}>🎯 Treinar Mira
setScreen("sensi")}>📊 Sensibilidade
setScreen("hud")}>🎮 HUD Setup
setScreen("perf")}>⚙️ Performance
);
const renderTrain = () => (
Treinador de Mira
Clique no botão o mais rápido possível!
<Button onClick={() => setScreen("home")}>Voltar
);
const renderSensi = () => (
Sensibilidade Recomendada
📱 Geral: 90 - 100
🎯 Red Dot: 85 - 95
🔭 2x: 75 - 85
🔭 4x: 65 - 75
<Button onClick={() => setScreen("home")}>Voltar
);
const renderHud = () => (
HUD Setup
Configure seu layout manualmente no jogo.
Dica: mantenha botões próximos ao polegar.
<Button onClick={() => setScreen("home")}>Voltar
);
const renderPerf = () => (
Performance
✔ Feche apps em segundo plano
✔ Use modo desempenho do celular
✔ Reduza gráficos do jogo
<Button onClick={() => setScreen("home")}>Voltar
);
return (
{screen === "home" && renderHome()} {screen === "train" && renderTrain()} {screen === "sensi" && renderSensi()} {screen === "hud" && renderHud()} {screen === "perf" && renderPerf()}
); }
function GameReaction() { const [time, setTime] = useState(null); const [start, setStart] = useState(false);
const handleStart = () => { setStart(true); setTime(null);
const delay = Math.random() * 3000 + 1000;
setTimeout(() => {
const startTime = Date.now();
setTime(startTime);
}, delay);
};
const handleClick = () => { if (!time) return; const reaction = Date.now() - time; alert(Seu tempo de reação: ${reaction}ms); setStart(false); setTime(null); };
return (
{!start ? ( Iniciar Teste ) : ( Clicar Agora! )}
); }
Originally posted by @foanbxo-png in #969