import React, { useState, useEffect } from 'react'; import { Sparkles, Trophy, Music, Heart, MapPin, RefreshCw, Star, Crown } from 'lucide-react'; const App = () => { const [gameState, setGameState] = useState('start'); // start, quiz, result const [currentQuestion, setCurrentQuestion] = useState(0); const [score, setScore] = useState(0); const [showFeedback, setShowFeedback] = useState(null); const [rank, setRank] = useState(''); const questions = [ { id: 1, question: "¡Primera prueba de 'Visual'! ¿Cómo se llaman las fuentes de agua hirviendo que son el centro de nuestro fandom?", options: ["As Burgas (Hot Debut)", "As Pozas de Outariz", "A Fonte do Rei", "As Termas de Chavasqueira"], correct: 0, kpopComment: "¡Ese brillo no lo tiene ni el 'lightstick' oficial!" }, { id: 2, question: "En el 'Concept' de invierno, ¿cuál es el festival de disfraces más icónico (nuestro propio MAMA)?", options: ["San Froilán", "O Entroido", "Festa do Pulpo", "Arde Lucus"], correct: 1, kpopComment: "¡Esos 'outfits' son de alta costura, chingu!" }, { id: 3, question: "¿Cuál es el 'Main Vocal' de la arquitectura ourensana, construido por los romanos?", options: ["Ponte de Rande", "Ponte Milenio", "A Ponte Vella (Romano)", "Ponte de Oira"], correct: 2, kpopComment: "¡Sostiene las notas (y el peso) desde hace siglos!" }, { id: 4, question: "¿Qué 'Snack' es el 'Center' absoluto de cualquier comida en Ourense?", options: ["Sushi de Grelos", "Pulpo á feira", "Pizza de Lacón", "Ramen de Cocido"], correct: 1, kpopComment: "¡Ese aceite de oliva es puro 'fan service'!" }, { id: 5, question: "Si quieres hacer un 'MV' (Music Video) con vistas increíbles, ¿adónde irías?", options: ["Ribeira Sacra (Sil Canyon)", "Plaza Mayor", "Estación del AVE", "Centro Comercial Ponte Vella"], correct: 0, kpopComment: "¡Escenario digno de un 'World Tour'!" } ]; const handleAnswer = (index) => { if (showFeedback !== null) return; const isCorrect = index === questions[currentQuestion].correct; if (isCorrect) { setScore(score + 1); setShowFeedback('correct'); } else { setShowFeedback('wrong'); } setTimeout(() => { setShowFeedback(null); if (currentQuestion < questions.length - 1) { setCurrentQuestion(currentQuestion + 1); } else { calculateRank(); } }, 1500); }; const calculateRank = () => { const finalScore = score + (showFeedback === 'correct' ? 1 : 0); if (finalScore === 5) setRank('OURENSE LEGEND (All-Kill!)'); else if (finalScore >= 3) setRank('GOLDEN MAKNAE DE GALICIA'); else setRank('TRAINEE EN PRÁCTICAS'); setGameState('result'); }; const resetGame = () => { setGameState('start'); setCurrentQuestion(0); setScore(0); setRank(''); }; return (
{/* Decorative elements */}
{gameState === 'start' && (

Ourense Idol Training

"¿Tienes lo necesario para ser el 'Main Visual' de la provincia de las termas?"

Bias: Miño Location: 32001
)} {gameState === 'quiz' && (
Round {currentQuestion + 1} / {questions.length}
{[...Array(questions.length)].map((_, i) => (
))}

{questions[currentQuestion].question}

{questions[currentQuestion].options.map((option, index) => ( ))}
{showFeedback && (

{showFeedback === 'correct' ? 'DAEBAK! 🌟' : 'OTOKE? 😭'}

{questions[currentQuestion].kpopComment}

)}
)} {gameState === 'result' && (

Official Ranking

{rank}

{score * 20}%

Win Rate de Ourensanismo

Stan Ourense, Stan Talent. Ourense Entertainment Ltd.

)}
); }; export default App;