\n {/* Hero section */}\n

\n Welcome to the Academy for Magical Amphibians\n

\n Where your amphibian destiny awaits. Discover your magical house and begin your enchanted journey.\n

\n\n {/* Token price display */}\n

Magical Token Status

\n $FM\n

\n Frog Magic\n

\n {loading ?

Divining price...

: error ?

{error}

\n ${tokenPrice ? parseFloat(tokenPrice).toFixed(6) : '0.000000'}\n

}\n

\n CA: {CA.substring(0, 6)}...{CA.substring(CA.length - 6)}\n

\n\n {!showQuestions && !sortingResult ?

Enter Your Name

\n setName(e.target.value)} className=\"w-full px-4 py-2 bg-gray-800/90 text-white border border-purple-500/50 rounded-md focus:outline-none focus:ring-2 focus:ring-amber-400/50 focus:border-transparent mb-4\" placeholder=\"Your Amphibian Name\" />\n \n

: showQuestions && !sortingResult ?

The Sorting Ceremony

{questions[currentQuestion].question}

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

\n Question {currentQuestion + 1} of {questions.length}\n

The Hat Has Decided!

\n Congratulations, {name}!\n

\n You belong to {sortingResult}\n

\n {sortingResult === 'The Fire House' && \"Where passion and courage ignite greatness.\"}\n {sortingResult === 'The Wave House' && \"Where adaptability and wisdom flow endlessly.\"}\n {sortingResult === 'The Nature House' && \"Where growth and harmony flourish eternally.\"}\n {sortingResult === 'The Storm House' && \"Where power and innovation spark revolution.\"}\n

Share your house assignment:

\n \n \n Share on Twitter\n \n

\n \n

}\n\n {/* Leaderboard */}\n

House Leaderboard

\n {Object.entries(leaderboard).map(([house, count]) =>

\n {house}\n {count} student{count !== 1 ? 's' : ''}\n

)}\n

\n The Sorting Lily Pad\n

\n {qIndex <= answers.length && (\n <>\n

\n {qIndex + 1}. {question.text}\n

\n {question.options.map((option, oIndex) => (\n selectAnswer(qIndex, option)}\n disabled={answers[qIndex] !== undefined}\n className={`p-4 rounded-xl text-left transition-all ${\n answers[qIndex] === option\n ? 'bg-emerald-600 text-white border-2 border-emerald-400'\n : 'bg-emerald-700/50 hover:bg-emerald-700 text-emerald-100 border border-emerald-600/30'\n }`}\n >\n {option.text}\n \n ))}\n

\n \n )}\n

The ancient magic is determining your house...

\n The Sorting Lily Pad\n

\n {qIndex <= answers.length && <>\n

\n {qIndex + 1}. {question.text}\n

\n {question.options.map((option, oIndex) => )}\n

\n }\n

The ancient magic is determining your house...

\n {selectedHouse.emoji} {selectedHouse.name} {selectedHouse.emoji}\n

\n Welcome to the Academy for Magical Amphibians\n

Magical Token Status

Enter Your Name

The Sorting Ceremony

The Hat Has Decided!

House Leaderboard

\n Welcome to the Academy for Magical Amphibians\n

\n The Sorting Lily Pad\n

\n {qIndex + 1}. {question.text}\n

\n Welcome to the Academy for Magical Amphibians\n

\n The Sorting Lily Pad\n

\n {qIndex + 1}. {question.text}\n

\n {selectedHouse.emoji} {selectedHouse.name} {selectedHouse.emoji}\n