\n \n \n {currentView === 'home' &&

\n \n Top Rated Anime\n

\n \n

\n \n {isLoading ?

\n {topAnimes.length > 0 ? topAnimes.map((anime, index) => renderAnimeCard(anime, index, true)) :

No votes yet. Be the first to vote!

}\n

\n\n

How It Works

\n \n

Vote with Solana

Connect your wallet and vote for your favorite anime titles securely on-chain.

\n \n

Earn Tokens

Get rewarded with tokens for every vote you cast and participating in the community.

\n \n

Collect NFTs

Claim exclusive NFTs when your favorite anime reaches the top of the leaderboards.

}\n\n {currentView === 'leaderboard' &&

\n \n Anime Leaderboard\n

\n \n {isLoading ?

\n {topAnimes.length > 0 ? topAnimes.map((anime, index) => \n

\n {index + 1}\n

{anime.title}

\n {anime.genres.slice(0, 2).map(genre => \n {genre}\n )}\n \n {anime.year}\n \n

\n \n {anime.voteCount} votes\n

\n \n \n {!userVotes.some(vote => vote.animeId === anime.id) ? :

\n \n Voted\n

}\n

\n ) :

No votes yet. Be the first to vote!

}\n

}\n\n {currentView === 'browse' &&

\n \n Browse Anime\n

\n \n

\n setSearchQuery(e.target.value)} placeholder=\"Search by title or genre...\" className=\"block w-full pl-10 pr-4 py-3 border border-indigo-700 rounded-lg bg-indigo-900/50 focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 text-white placeholder-indigo-300 focus:outline-none\" />\n

\n \n

\n {searchQuery.trim() === '' ? animes.map((anime, index) => renderAnimeCard(anime, index)) : searchResults.length > 0 ? searchResults.map((anime, index) => renderAnimeCard(anime, index)) :

No anime found matching \"{searchQuery}\"

}\n

}\n\n {currentView === 'rewards' &&

\n \n My Rewards\n

\n \n {!userWallet ?

Connect your wallet to see your rewards.

\n \n

\n \n Token Rewards\n

\n \n

Your balance

{rewards.tokens || 0} Tokens

Earn 10 tokens for each vote you cast. Tokens can be used to claim exclusive NFTs and special benefits in the future.

\n \n

\n \n NFT Collection\n

\n \n {rewards.nfts?.length > 0 ?

\n {rewards.nfts.map((nft, index) => {\n const nftAnime = animes.find(a => a.id === nft.animeId);\n if (!nftAnime) return null;\n return \n

{nftAnime.title}

\n Claimed on {new Date(nft.claimedAt).toLocaleDateString()}\n

\n ;\n })}\n

You haven't claimed any NFTs yet.

\n \n

}\n

}\n \n \n

{anime.title}

{selectedAnime.title}

\n AnimAwards\n

Connect Your Wallet

Welcome, Anime Fan!

\n \n Top Rated Anime\n

How It Works

Vote with Solana

Earn Tokens

Collect NFTs

\n \n Anime Leaderboard\n

{anime.title}

\n \n Browse Anime\n

\n \n My Rewards\n

\n \n Token Rewards\n

\n \n NFT Collection\n

{nftAnime.title}

say something