|
7 | 7 | <meta name="description" content="Metridex QuickScan — on‑chain risk metrics for DeFi & Telegram. Scan tokens in seconds, get deep checks on demand."> |
8 | 8 | <link rel="preconnect" href="https://fonts.googleapis.com"> |
9 | 9 | <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
10 | | - <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> |
| 10 | + <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800;900&display=swap" rel="stylesheet"> |
11 | 11 | <link rel="stylesheet" href="styles.css"> |
12 | 12 | </head> |
13 | 13 | <body> |
| 14 | + <!-- Navbar --> |
14 | 15 | <header class="nav"> |
15 | 16 | <div class="container nav-inner"> |
16 | 17 | <div class="brand"> |
|
24 | 25 | </nav> |
25 | 26 | <div class="nav-actions"> |
26 | 27 | <button id="themeToggle" class="icon-btn" aria-label="Toggle theme" title="Toggle theme">🌙</button> |
27 | | - <a class="cta cta-bot" href="https://t.me/MetridexBot" target="_blank" rel="noopener">Connect bot</a> |
28 | 28 | </div> |
29 | 29 | <button class="burger" id="burger" aria-label="Open menu" aria-expanded="false">☰</button> |
30 | 30 | </div> |
31 | 31 | </header> |
32 | 32 |
|
| 33 | + <!-- Hero --> |
33 | 34 | <section class="hero"> |
34 | 35 | <div class="container hero-inner"> |
35 | | - <h1>On‑chain risk metrics for DeFi & Telegram</h1> |
36 | | - <p class="sub">QuickScan in seconds. Deep checks on demand.</p> |
37 | | - <div class="cta-row"> |
38 | | - <a class="cta cta-bot large" href="https://t.me/MetridexBot" target="_blank" rel="noopener"> |
39 | | - <span class="pulse"></span><span>Open @MetridexBot</span> |
40 | | - </a> |
41 | | - <a class="cta ghost" href="#features">See features</a> |
| 36 | + <div class="hero-copy"> |
| 37 | + <h1><span class="grad">On‑chain risk metrics</span> for DeFi & Telegram</h1> |
| 38 | + <p class="sub">QuickScan in seconds. Deep checks on demand.</p> |
| 39 | + <div class="cta-row"> |
| 40 | + <a class="cta cta-bot large" href="https://t.me/MetridexBot" target="_blank" rel="noopener"> |
| 41 | + <span class="aura"></span><span>Open @MetridexBot</span> |
| 42 | + </a> |
| 43 | + <a class="cta ghost" href="#features">See features</a> |
| 44 | + </div> |
| 45 | + </div> |
| 46 | + <div class="hero-card glass"> |
| 47 | + <h3>QuickScan snapshot</h3> |
| 48 | + <ul> |
| 49 | + <li>Δ 5m / 1h / 6h / 24h</li> |
| 50 | + <li>Liquidity & holders</li> |
| 51 | + <li>Honeypot flags</li> |
| 52 | + <li>Shareable report</li> |
| 53 | + </ul> |
42 | 54 | </div> |
43 | 55 | </div> |
44 | 56 | </section> |
45 | 57 |
|
| 58 | + <!-- About --> |
46 | 59 | <section id="about" class="section"> |
47 | 60 | <div class="container"> |
48 | 61 | <h2>About</h2> |
49 | 62 | <p>Metridex helps communities, launchpads and traders spot risk signals fast: liquidity, holder patterns, contract flags, domain reputation (WHOIS/RDAP), SSL, Wayback and more.</p> |
50 | 63 | </div> |
51 | 64 | </section> |
52 | 65 |
|
| 66 | + <!-- Features --> |
53 | 67 | <section id="features" class="section alt"> |
54 | 68 | <div class="container"> |
55 | 69 | <h2>Features</h2> |
56 | | - <ul class="features"> |
57 | | - <li>⚡ QuickScan: token snapshot in seconds</li> |
58 | | - <li>🧠 Deep checks: WHOIS/RDAP, SSL, Wayback</li> |
59 | | - <li>📈 Δ‑metrics: 5m / 1h / 6h / 24h</li> |
60 | | - <li>🛡️ Honeypot & basic contract flags</li> |
61 | | - <li>🤖 Telegram‑friendly shareable reports</li> |
62 | | - </ul> |
| 70 | + <div class="features-grid"> |
| 71 | + <article class="feature glass"> |
| 72 | + <h3>⚡ Quick</h3> |
| 73 | + <p>Instant QuickScan with Δ‑buttons. No waiting, no noise.</p> |
| 74 | + </article> |
| 75 | + <article class="feature glass"> |
| 76 | + <h3>🧠 Deep</h3> |
| 77 | + <p>WHOIS/RDAP, SSL, Wayback; on‑chain roles — only when needed.</p> |
| 78 | + </article> |
| 79 | + <article class="feature glass"> |
| 80 | + <h3>🧱 Tech</h3> |
| 81 | + <p>Render (Flask/Gunicorn) + Cloudflare Worker ds‑proxy.</p> |
| 82 | + </article> |
| 83 | + <article class="feature glass"> |
| 84 | + <h3>✅ Reliable</h3> |
| 85 | + <p>Stateless callbacks, idempotent delivery, cache‑first detail scan.</p> |
| 86 | + </article> |
| 87 | + </div> |
63 | 88 | </div> |
64 | 89 | </section> |
65 | 90 |
|
| 91 | + <!-- Pricing --> |
66 | 92 | <section id="pricing" class="section"> |
67 | 93 | <div class="container"> |
68 | 94 | <h2>Pricing</h2> |
69 | 95 | <div class="cards"> |
70 | | - <article class="card"> |
| 96 | + <article class="card glass"> |
71 | 97 | <h3>Basic</h3><p>QuickScan only</p><div class="price">$0</div> |
72 | 98 | </article> |
73 | | - <article class="card"> |
| 99 | + <article class="card glass"> |
74 | 100 | <h3>Pro</h3><p>QuickScan + Deep checks</p><div class="price">$29/mo</div> |
75 | 101 | </article> |
76 | | - <article class="card"> |
| 102 | + <article class="card glass"> |
77 | 103 | <h3>Enterprise</h3><p>White‑label + SLA</p><div class="price">Contact</div> |
78 | 104 | </article> |
79 | 105 | </div> |
80 | 106 | </div> |
81 | 107 | </section> |
82 | 108 |
|
| 109 | + <!-- Contact --> |
83 | 110 | <section id="contact" class="section alt"> |
84 | 111 | <div class="container"> |
85 | 112 | <h2>Contact</h2> |
|
0 commit comments