irongit
egnn/app/page.tsx
61 lines2.4 KBJavaScript
1import React from "react";
2import { ExternalLink } from "lucide-react";
3
4const 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
61export default TokenDisplay;