| 1 | import React from "react"; |
| 2 | import { ExternalLink } from "lucide-react"; |
| 3 | |
| 4 | const TokenDisplay = () => { |
| 5 | return ( |
| 6 | <div className="min-h-screen bg-gradient-to-br from-purple-500 to-blue-600 p-8 flex items-center justify-center"> |
| 7 | <div className="w-full max-w-2xl bg-white/95 backdrop-blur-sm shadow-xl rounded-lg overflow-hidden"> |
| 8 | <div className="text-center p-6 border-b"> |
| 9 | <h1 className="text-3xl font-bold bg-gradient-to-r from-purple-600 to-blue-600 bg-clip-text text-transparent"> |
| 10 | Solana Will Save Ethereum |
| 11 | </h1> |
| 12 | </div> |
| 13 | |
| 14 | <div className="p-6 space-y-6"> |
| 15 | <div className="flex flex-col gap-4 p-6 bg-gray-50 rounded-lg"> |
| 16 | <div className="flex items-center justify-between"> |
| 17 | <span className="text-gray-600 font-medium">Token Name</span> |
| 18 | <span className="font-bold">eth gas new name</span> |
| 19 | </div> |
| 20 | |
| 21 | <div className="flex items-center justify-between"> |
| 22 | <span className="text-gray-600 font-medium">Symbol</span> |
| 23 | <span className="bg-gray-200 text-gray-800 px-4 py-1 rounded-full text-lg"> |
| 24 | MANA |
| 25 | </span> |
| 26 | </div> |
| 27 | |
| 28 | <div className="flex items-center justify-between"> |
| 29 | <span className="text-gray-600 font-medium">Token Address</span> |
| 30 | <div className="flex items-center gap-2"> |
| 31 | <code className="bg-gray-100 px-3 py-1 rounded text-sm font-mono"> |
| 32 | 2wnpHGAjnVyD63FuJR4hHK6jyuC9P9MuNELrdCYSvMAs |
| 33 | </code> |
| 34 | <ExternalLink className="w-4 h-4 text-gray-400" /> |
| 35 | </div> |
| 36 | </div> |
| 37 | |
| 38 | <div className="flex items-center justify-between"> |
| 39 | <span className="text-gray-600 font-medium">EIP Proposal</span> |
| 40 | <a |
| 41 | href="https://github.com/ethereum/EIPs/pull/9368" |
| 42 | target="_blank" |
| 43 | rel="noopener noreferrer" |
| 44 | className="flex items-center gap-2 text-blue-600 hover:text-blue-800 transition-colors" |
| 45 | > |
| 46 | View on GitHub |
| 47 | <ExternalLink className="w-4 h-4" /> |
| 48 | </a> |
| 49 | </div> |
| 50 | </div> |
| 51 | |
| 52 | <div className="text-center text-gray-600 italic"> |
| 53 | Because sometimes the best solution comes from unexpected places... |
| 54 | </div> |
| 55 | </div> |
| 56 | </div> |
| 57 | </div> |
| 58 | ); |
| 59 | }; |
| 60 | |
| 61 | export default TokenDisplay; |