\n \n Token Details\n

\n Token Name\n setTokenInfo({\n ...tokenInfo,\n name: e.target.value\n })} placeholder=\"Shiba Inu, Bitcoin, etc.\" className=\"w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-purple-500\" />\n

\n Token Symbol\n setTokenInfo({\n ...tokenInfo,\n symbol: e.target.value\n })} placeholder=\"SHIB, BTC, etc.\" className=\"w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-purple-500\" />\n

\n \n

\n Token Description (optional)\n

setTokenInfo({\n                ...tokenInfo,\n                description: e.target.value\n              })} placeholder=\"What makes this token special?\" className=\"w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-purple-500\" rows=\"2\" />\n                </div>\n                \n                <div>\n                  <label className=\"block text-sm font-medium text-gray-300 mb-1\">Use Case (optional)</label>\n                  <input type=\"text\" value={tokenInfo.useCase} onChange={e => setTokenInfo({\n                ...tokenInfo,\n                useCase: e.target.value\n              })} placeholder=\"Payments, DeFi, Gaming, etc.\" className=\"w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-purple-500\" />\n                </div>\n                \n                <div>\n                  <label className=\"block text-sm font-medium text-gray-300 mb-1\">Vibe Selection</label>\n                  <div className=\"grid grid-cols-2 md:grid-cols-5 gap-2\">\n                    {vibeOptions.map(vibe => <button key={vibe.id} type=\"button\" onClick={() => setTokenInfo({\n                  ...tokenInfo,\n                  vibe: vibe.id\n                })} className={`text-center p-2 rounded-lg text-sm font-medium transition-all ${tokenInfo.vibe === vibe.id ? 'bg-gradient-to-r from-purple-600 to-pink-600 text-white' : 'bg-gray-700 text-gray-300 hover:bg-gray-600'}`}>\n                        {vibe.name}\n                      </button>)}\n                  </div>\n                </div>\n                \n                <div>\n                  <label className=\"block text-sm font-medium text-gray-300 mb-1\">Content Type</label>\n                  <div className=\"grid grid-cols-2 md:grid-cols-4 gap-2\">\n                    {contentTypeOptions.map(type => <button key={type.id} type=\"button\" onClick={() => setContentType(type.id)} className={`flex items-center justify-center p-2 rounded-lg text-sm font-medium transition-all ${contentType === type.id ? 'bg-gradient-to-r from-purple-600 to-pink-600 text-white' : 'bg-gray-700 text-gray-300 hover:bg-gray-600'}`}>\n                        {type.icon}\n                        <span className=\"ml-1\">{type.name}</span>\n                      </button>)}\n                  </div>\n                </div>\n                \n                <button type=\"submit\" disabled={isGenerating || !tokenInfo.name && !tokenInfo.symbol} className={`w-full py-3 px-4 rounded-lg font-bold text-white flex items-center justify-center ${isGenerating || !tokenInfo.name && !tokenInfo.symbol ? 'bg-gray-600 cursor-not-allowed' : 'bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700'}`}>\n                  {isGenerating ? <>\n                      <RefreshCcw className=\"w-5 h-5 mr-2 animate-spin\" />\n                      Generating Shill Content...\n                    </> : <>\n                      <Sparkles className=\"w-5 h-5 mr-2\" />\n                      Generate {contentTypeOptions.find(t => t.id === contentType)?.name || 'Content'}\n                    </>}\n                </button>\n              </form>\n            </div>\n            \n            {}\n            {generatedContent.length > 0 && <div className=\"space-y-4\">\n                <h2 className=\"text-xl font-bold flex items-center\">\n                  <Sparkles className=\"w-5 h-5 mr-2 text-yellow-400\" />\n                  Your Shill Content\n                </h2>\n                \n                <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                  {generatedContent.map(item => <div key={item.id} className=\"bg-gray-800 rounded-xl p-4 border border-purple-700 shadow-lg hover:shadow-purple-900/20 transition-shadow\">\n                      <div className=\"flex justify-between items-start mb-2\">\n                        <div className=\"flex items-center\">\n                          <span className=\"px-2 py-1 bg-purple-900 rounded-lg text-xs font-medium\">\n                            {contentTypeOptions.find(t => t.id === item.type)?.name || item.type}\n                          </span>\n                          <span className=\"ml-2 text-sm text-gray-400\">\n                            {new Date(item.timestamp).toLocaleString(undefined, {\n                      month: 'short',\n                      day: 'numeric'\n                    })}\n                          </span>\n                        </div>\n                        <div className=\"flex items-center space-x-1\">\n                          <div className=\"flex items-center bg-gray-700 rounded-full px-2 py-0.5\">\n                            <Flame className=\"w-3 h-3 text-orange-500 mr-1\" />\n                            <span className=\"text-xs font-medium\">{item.viralScore}</span>\n                          </div>\n                        </div>\n                      </div>\n                      \n                      <div className=\"mt-1 mb-3 text-sm bg-gray-900 rounded-lg p-3 whitespace-pre-wrap\">\n                        {item.content}\n                      </div>\n                      \n                      <div className=\"flex justify-between items-center\">\n                        <div className=\"flex items-center space-x-1\">\n                          <button onClick={() => voteContent(item.id, 'up')} className=\"p-1.5 rounded-full hover:bg-gray-700\">\n                            <ArrowUp className=\"w-4 h-4 text-gray-400 hover:text-green-400\" />\n                          </button>\n                          <span className=\"text-sm font-medium\">{item.votes}</span>\n                          <button onClick={() => voteContent(item.id, 'down')} className=\"p-1.5 rounded-full hover:bg-gray-700\">\n                            <ArrowDown className=\"w-4 h-4 text-gray-400 hover:text-red-400\" />\n                          </button>\n                        </div>\n                        \n                        <div className=\"flex space-x-1\">\n                          <button onClick={() => copyToClipboard(item.content)} className=\"p-1.5 rounded-full hover:bg-gray-700 text-gray-400 hover:text-white\">\n                            <Copy className=\"w-4 h-4\" />\n                          </button>\n                          <button onClick={() => shareContent(item.content)} className=\"p-1.5 rounded-full hover:bg-gray-700 text-gray-400 hover:text-blue-400\">\n                            <Twitter className=\"w-4 h-4\" />\n                          </button>\n                          <button onClick={() => shareContent(item.content)} className=\"p-1.5 rounded-full hover:bg-gray-700 text-gray-400 hover:text-purple-400\">\n                            <Share2 className=\"w-4 h-4\" />\n                          </button>\n                        </div>\n                      </div>\n                    </div>)}\n                </div>\n              </div>}\n          </div>}\n        \n        {activeTab === 'leaderboard' && <div className=\"space-y-6\">\n            <div className=\"bg-gradient-to-r from-purple-900/50 to-pink-900/50 rounded-xl p-6 shadow-lg\">\n              <h2 className=\"text-2xl font-bold mb-2 flex items-center justify-center\">\n                <Trophy className=\"w-6 h-6 mr-2 text-yellow-400\" />\n                Top Degens Leaderboard\n              </h2>\n              <p className=\"text-center text-gray-300 mb-6\">The most viral shillers ranked by engagement potential</p>\n              \n              <div className=\"space-y-3\">\n                {leaderboard.length > 0 ? leaderboard.map((item, index) => <div key={item.id} className={`flex items-center p-3 rounded-lg ${index < 3 ? getDegenRankClass(index) : 'bg-gray-800'} transition-all transform hover:scale-[1.01]`}>\n                      <div className=\"mr-3 font-bold text-lg md:text-xl w-8 text-center\">\n                        {index + 1}\n                      </div>\n                      <div className=\"flex-grow\">\n                        <div className=\"flex justify-between items-center\">\n                          <div>\n                            <p className=\"font-semibold\">{item.userShort || item.userId.slice(0, 6)}</p>\n                            <p className=\"text-xs text-gray-400 truncate max-w-[200px]\">\n                              {item.token || 'Unknown Token'}\n                            </p>\n                          </div>\n                          <div className=\"text-right\">\n                            <div className=\"flex items-center\">\n                              <Flame className=\"w-4 h-4 text-orange-500 mr-1\" />\n                              <span className=\"font-bold\">{item.viralScore}</span>\n                            </div>\n                            <p className=\"text-xs text-gray-400\">\n                              {contentTypeOptions.find(t => t.id === item.type)?.name || item.type}\n                            </p>\n                          </div>\n                        </div>\n                      </div>\n                      <div className=\"ml-4 hidden md:block\">\n                        <span className={`text-xs font-bold px-2 py-1 rounded-full ${index < 3 ? 'bg-white/20' : 'bg-purple-700'}`}>\n                          {getDegenRankLabel(index)}\n                        </span>\n                      </div>\n                    </div>) : <div className=\"text-center py-10\">\n                    <p className=\"text-gray-400\">No shill content yet. Be the first to create some!</p>\n                  </div>}\n              </div>\n            </div>\n            \n            <div className=\"bg-gray-800 rounded-xl p-6 shadow-lg border border-purple-700\">\n              <h3 className=\"text-lg font-bold mb-4 flex items-center\">\n                <Star className=\"w-5 h-5 mr-2 text-yellow-400\" />\n                Shill Metrics\n              </h3>\n              \n              <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n                <div className=\"bg-gray-900 rounded-lg p-4 border border-gray-700\">\n                  <p className=\"text-sm text-gray-400 mb-1\">Total Degens</p>\n                  <p className=\"text-2xl font-bold\">{leaderboard.length}</p>\n                </div>\n                <div className=\"bg-gray-900 rounded-lg p-4 border border-gray-700\">\n                  <p className=\"text-sm text-gray-400 mb-1\">Highest Viral Score</p>\n                  <p className=\"text-2xl font-bold\">{leaderboard[0]?.viralScore || 0}</p>\n                </div>\n                <div className=\"bg-gray-900 rounded-lg p-4 border border-gray-700\">\n                  <p className=\"text-sm text-gray-400 mb-1\">Your Rank</p>\n                  <p className=\"text-2xl font-bold\">{userRank || 'Not Ranked'}</p>\n                </div>\n              </div>\n            </div>\n          </div>}\n        \n        {activeTab === 'challenge' && <div className=\"space-y-6\">\n            <div className=\"bg-gradient-to-r from-amber-900/50 to-red-900/50 rounded-xl p-6 shadow-lg\">\n              <div className=\"text-center mb-4\">\n                <h2 className=\"text-2xl font-bold flex items-center justify-center\">\n                  <Flame className=\"w-6 h-6 mr-2 text-orange-400\" />\n                  Daily Challenge\n                </h2>\n                <p className=\"text-sm text-gray-300\">Complete for extra points and special badges!</p>\n              </div>\n              \n              <div className=\"bg-gray-800 rounded-xl p-4 shadow-md border border-amber-900\">\n                <h3 className=\"text-xl font-bold mb-2 text-amber-400\">{dailyChallenge.title}</h3>\n                <p className=\"text-gray-300 mb-4\">{dailyChallenge.description}</p>\n                \n                <div className=\"flex items-center justify-between bg-gray-900 rounded-lg p-3 mb-4\">\n                  <div className=\"flex items-center\">\n                    <Trophy className=\"w-5 h-5 text-yellow-500 mr-2\" />\n                    <span className=\"text-sm font-medium\">Reward:</span>\n                  </div>\n                  <div className=\"text-yellow-400 font-bold\">{dailyChallenge.reward}</div>\n                </div>\n                \n                <div className=\"flex justify-center\">\n                  <button onClick={() => {\n                setActiveTab('generate');\n                setContentType('meme');\n              }} className=\"bg-gradient-to-r from-amber-600 to-orange-600 hover:from-amber-700 hover:to-orange-700 text-white font-bold py-2 px-6 rounded-lg transition-all\">\n                    Accept Challenge\n                  </button>\n                </div>\n              </div>\n            </div>\n            \n            <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n              <div className=\"bg-gray-800 rounded-xl p-6 shadow-lg border border-purple-700\">\n                <h3 className=\"text-lg font-bold mb-4 flex items-center\">\n                  <Rocket className=\"w-5 h-5 mr-2 text-purple-400\" />\n                  Shill Pro Tips\n                </h3>\n                \n                <ul className=\"space-y-3\">\n                  <li className=\"flex items-start\">\n                    <div className=\"bg-purple-900 rounded-full p-1 mr-2 mt-1\">\n                      <Zap className=\"w-3 h-3 text-yellow-400\" />\n                    </div>\n                    <p className=\"text-sm text-gray-300\">Use emojis strategically to increase engagement by 43%</p>\n                  </li>\n                  <li className=\"flex items-start\">\n                    <div className=\"bg-purple-900 rounded-full p-1 mr-2 mt-1\">\n                      <Zap className=\"w-3 h-3 text-yellow-400\" />\n                    </div>\n                    <p className=\"text-sm text-gray-300\">Include a clear call-to-action to drive immediate FOMO</p>\n                  </li>\n                  <li className=\"flex items-start\">\n                    <div className=\"bg-purple-900 rounded-full p-1 mr-2 mt-1\">\n                      <Zap className=\"w-3 h-3 text-yellow-400\" />\n                    </div>\n                    <p className=\"text-sm text-gray-300\">Reference trending memes to make your content more relatable</p>\n                  </li>\n                  <li className=\"flex items-start\">\n                    <div className=\"bg-purple-900 rounded-full p-1 mr-2 mt-1\">\n                      <Zap className=\"w-3 h-3 text-yellow-400\" />\n                    </div>\n                    <p className=\"text-sm text-gray-300\">Create urgency with phrases like \"early\", \"gem\", and \"moonshot\"</p>\n                  </li>\n                </ul>\n              </div>\n              \n              <div className=\"bg-gray-800 rounded-xl p-6 shadow-lg border border-purple-700\">\n                <h3 className=\"text-lg font-bold mb-4 flex items-center\">\n                  <Share2 className=\"w-5 h-5 mr-2 text-purple-400\" />\n                  Amplify Your Reach\n                </h3>\n                \n                <p className=\"text-sm text-gray-300 mb-4\">\n                  Share your best shill content across multiple platforms to maximize your viral potential!\n                </p>\n                \n                <div className=\"grid grid-cols-2 gap-3\">\n                  <button className=\"flex items-center justify-center bg-blue-600 hover:bg-blue-700 text-white rounded-lg py-2 px-3 transition-colors\">\n                    <Twitter className=\"w-4 h-4 mr-2\" />\n                    <span className=\"text-sm font-medium\">Twitter</span>\n                  </button>\n                  <button className=\"flex items-center justify-center bg-[#0088cc] hover:bg-[#0077b5] text-white rounded-lg py-2 px-3 transition-colors\">\n                    <Send className=\"w-4 h-4 mr-2\" />\n                    <span className=\"text-sm font-medium\">Telegram</span>\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>}\n      </main>\n      \n      <footer className=\"bg-gray-900 border-t border-gray-800 py-4 mt-8\">\n        <div className=\"container mx-auto px-4 text-center text-gray-500 text-sm\">\n          <p>ShillGenius - Your personal crypto hype machine. Powered by dev.fun</p>\n        </div>\n      </footer>\n    </div>;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"react-dom\":\"18.2.0\",\"ai\":\"4.0.0\",\"lucide-react\":\"0.441.0\",\"framer-motion\":\"10.16.4\",\"@devfunlabs/web-sdk\":\"0.5.5\",\"zod\":\"3.22.4\"}}","appFunctions",[],"token",{"_20":79,"_80":81,"_82":83,"_84":85,"_86":87,"_88":89,"_90":91,"_92":93,"_94":95,"_96":97,"_98":97,"_60":99,"_70":19},"PaceTerminal","symbol","PACE","image","https://pump.mypinata.cloud/ipfs/QmccXMuhGnL4Ljrsz5FM4zbwKMnju7CzrHej5pbU2fjvpg?img-width=256&img-dpr=2","website","https://dev.fun/p/4b25487a985cd10e8c60","twitter","https://x.com/PaceTerminal","marketcap",126787.6656768,"volumeIn24h",16782.51,"price",0.0001269,"priceChangeIn24h",-15.4,"devCount",15,"appCount",14362,"upstreamApp","isLordOfDev","analytics",[104,108,110,112,114,116,118,120,122,124,126,128,130,132],{"_105":106,"_107":58},"day","2025-09-24","runCount",{"_105":109,"_107":58},"2025-09-25",{"_105":111,"_107":58},"2025-09-26",{"_105":113,"_107":58},"2025-09-27",{"_105":115,"_107":58},"2025-09-28",{"_105":117,"_107":58},"2025-09-29",{"_105":119,"_107":58},"2025-09-30",{"_105":121,"_107":58},"2025-10-01",{"_105":123,"_107":58},"2025-10-02",{"_105":125,"_107":58},"2025-10-03",{"_105":127,"_107":58},"2025-10-04",{"_105":129,"_107":58},"2025-10-05",{"_105":131,"_107":58},"2025-10-06",{"_105":133,"_107":134},"2025-10-07",2,"snapshot","ogImage","https://cdn.dev.fun/og/image/bdfef164f06f2934a8be/5bf50ff1.webp","isDevbase","project",{"_14":19,"_82":83,"_20":79,"_141":142,"_22":143},"oneliner","Capital Markets Terminal","Terminal For Internet Capital Markets","commitDetail","livestream","actionData","errors"]
</article></body></html>