\n {showConfetti &&

\n {Array.from({\n length: 100\n }).map((_, i) => )}\n

}\n\n

\n {showCollectibles ?

\n {selectedCollectible ? \n \n \n

\n\n

\n \n CERTIFIED NFT\n

\n\n

\n {selectedCollectible.tweetImage &&

\n $\"Tweet$ \n

}\n

{selectedCollectible.tweet}

\n \n

\n {selectedCollectible.profilePic &&

\n $\"Profile\"$ \n

}\n

{selectedCollectible.author}

{new Date(selectedCollectible.date).toLocaleDateString()}

\n \n \n

\n \n

\n \n NFT Certificate of Authenticity\n

\n \n

\n Transaction Hash\n Verified ✓\n

{selectedCollectible.nftId || nftId}

\n \n

Creation Date

{new Date(selectedCollectible.date).toLocaleString()}

Creator

{selectedCollectible.author}

Collection

Tweetonium Originals

Rarity

Legendary (1 of 1)

Floor Price

\n ◎\n {selectedCollectible.floorPrice} SOL\n

Unique Holders

{uniqueHolders}

Network

\n \n {selectedCollectible.network} Mainnet\n

Last Transferred

\n Never (Original Owner)\n

\n \n {\n e.preventDefault();\n alert('This would take you to Solscan in a real application.');\n }} className=\"block w-full py-2.5 bg-gradient-to-r from-purple-800 to-blue-800 hover:from-purple-700 hover:to-blue-700 rounded-lg text-white text-center font-medium transition-all flex items-center justify-center\">\n \n View on Solscan\n \n

\n : \n

Your Collectibles

Your unique tweet NFT collection

\n \n

\n\n {collection.length === 0 ?

\n \n

No collectibles yet

Create your first tweet NFT to start building your collection!

\n \n

\n {collection.map(nft => viewCollectible(nft)}>\n

\n\n

\n \n NFT\n

\n\n

\n {nft.tweetImage &&

\n $\"Tweet$ \n

}\n

{nft.tweet}

\n \n

\n {nft.profilePic &&

\n $\"Profile\"$ \n

}\n

{nft.author}

{new Date(nft.date).toLocaleDateString()}

\n \n

\n \n View Details\n \n

\n \n

\n {nft.style.name}\n \n ◎\n {nft.floorPrice}\n \n

\n )}\n

}\n }\n

: !minted ? <>\n \n

\n \n Connection Dashboard\n

\n \n

Crypto Wallet

\n {walletConnected ? \n \n Connected\n : \n \n Not Connected\n }\n

\n \n {walletConnected ?

Connected Address:

{walletAddress}

: null}\n \n {connectionStep === 'wallet' ?

\n Connecting...\n

: }\n

\n \n

X Account

\n {twitterConnected ? \n \n Connected\n : \n \n Not Connected\n }\n

\n \n {twitterConnected ?

Connected Account:

\n {twitterProfilePic &&

\n $\"Profile\"$ \n

}\n @{twitterUsername}\n

: null}\n \n {connectionStep === 'twitter' ?

\n Connecting...\n

: }\n

\n \n {!areAccountsConnected &&

\n \n

Connect both your wallet and X account to unlock NFT creation!

}\n

\n \n\n {areAccountsConnected ?

\n \n

Create Your Tweet NFT

\n \n

\n Your Tweet Link\n

\n setTweetUrl(e.target.value)} />\n \n

\n Paste a link to your tweet to transform it\n

\n \n {tweetFetched &&

\n Tweet Content\n \n Fetched\n \n

\n {tweetImage &&

\n $\"Tweet$ \n

\n Image included in tweet\n

}\n

{tweet}

\n {tweet.length}/280\n

}\n \n

\n Your Twitter Handle\n

\n {twitterConnected && twitterProfilePic &&

\n $\"Profile\"$ \n

}\n \n

\n Automatically using your connected X account\n

\n\n

\n \n NFT Style\n {currentStyle.name}\n \n

\n {styles.map((style, index) => )}\n

\n\n \n

\n \n \n \n

Preview

\n\n

\n \n CERTIFIED NFT\n

\n\n

\n {tweetImage &&

\n $\"Tweet$ \n

}\n

{tweet || 'Your tweet will appear here...'}

\n \n

\n {twitterConnected && twitterProfilePic &&

\n $\"Profile\"$ \n

}\n

{author}

{new Date().toLocaleDateString()}

\n \n \n

\n \n {mintingStage > 0 && mintingStage < 4 &&

\n {Math.round(mintingStage / 4 * 100)}%\n

\n {mintingStage === 1 && 'Generating cryptographic signature...'}\n {mintingStage === 2 && 'Initializing blockchain verification...'}\n {mintingStage === 3 && 'Finalizing NFT metadata...'}\n

}\n

\n \n

: \n

\n $\"Connect$ \n

\n Connect to Create\n

\n To transform your tweets into NFTs, you'll need to connect both your crypto wallet and X account.\n

\n \n

Step 1: Connect Wallet

Link your crypto wallet to mint NFTs

\n {walletConnected ? : null}\n

\n \n

Step 2: Connect X Account

Link your X account to verify ownership

\n {twitterConnected ? : null}\n

\n }\n : \n

NFT Successfully Created!

\n Your tweet has been transformed into a unique digital collectible on our virtual blockchain.\n

\n \n

\n\n

\n \n CERTIFIED NFT\n

\n\n

\n {tweetImage &&

\n $\"Tweet$ \n

}\n

{tweet}

\n \n

\n {twitterConnected && twitterProfilePic &&

\n $\"Profile\"$ \n

}\n

{author}

{new Date().toLocaleDateString()}

\n \n \n

\n \n

\n \n \n \n \n

\n \n

\n \n NFT Certificate of Authenticity\n

\n \n

\n Transaction Hash\n Verified ✓\n

{nftId}

\n \n

Creation Date

{new Date().toLocaleString()}

Creator

{author}

Collection

Tweetonium Originals

Rarity

Legendary (1 of 1)

Floor Price

\n ◎\n {floorPrice} SOL\n

Unique Holders

{uniqueHolders}

Network

\n \n {network} Mainnet\n

Last Transferred

\n Never (Original Owner)\n

\n }\n