|
1 | | -<!doctype html> |
| 1 | +<!DOCTYPE html> |
2 | 2 | <html lang="en"> |
3 | 3 | <head> |
4 | | - <meta charset="utf-8"> |
| 4 | + <meta charset="UTF-8"> |
5 | 5 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
6 | | - <title>Metridex — On‑chain Risk Metrics</title> |
7 | | - <meta name="description" content="QuickScan for tokens and projects — on-chain checks, liquidity, roles, honeypot hints, WHOIS/SSL/Wayback, PDF reports, 7‑day monitoring. Built for DeFi & Telegram channels."> |
8 | | - <link rel="canonical" href="https://www.metridex.com/" /> |
9 | | - <meta name="robots" content="index,follow" /> |
10 | | - <link rel="preconnect" href="https://fonts.googleapis.com"> |
11 | | - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
12 | | - <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet"> |
13 | | - <link rel="stylesheet" href="./styles.css"> |
14 | | - <meta property="og:title" content="Metridex — On‑chain Risk Metrics"> |
15 | | - <meta property="og:description" content="QuickScan, on‑chain checks, PDF reports, monitoring."> |
16 | | - <meta property="og:type" content="website"> |
17 | | - <meta property="og:url" content="https://www.metridex.com/"> |
18 | | - <meta property="og:image" content="https://www.metridex.com/assets/og-cover.png"> |
19 | | - <link rel="icon" href="./assets/favicon.svg" type="image/svg+xml"> |
| 6 | + <title>Metridex — On‑chain Risk Metrics for DeFi & Telegram</title> |
| 7 | + <link rel="stylesheet" href="styles.css"> |
20 | 8 | </head> |
21 | 9 | <body> |
22 | | - <header class="site-header"> |
23 | | - <div class="container nav"> |
24 | | - <div class="brand"> |
25 | | - <img src="./assets/logo.svg" alt="Metridex logo" class="logo"> |
26 | | - <span class="brand-name">Metridex</span> |
27 | | - </div> |
28 | | - <nav class="top-nav"> |
29 | | - <a href="#features">Features</a> |
30 | | - <a href="#pricing">Pricing</a> |
31 | | - <a href="#contact">Contact</a> |
32 | | - </nav> |
33 | | - </div> |
| 10 | + <header class="container"> |
| 11 | + <div class="logo">Metridex</div> |
| 12 | + <nav> |
| 13 | + <ul> |
| 14 | + <li><a href="#about">About</a></li> |
| 15 | + <li><a href="#features">Features</a></li> |
| 16 | + <li><a href="#pricing">Pricing</a></li> |
| 17 | + <li><a href="#contact">Contact</a></li> |
| 18 | + </ul> |
| 19 | + </nav> |
34 | 20 | </header> |
35 | 21 |
|
36 | | - <main> |
37 | | - <section class="hero container"> |
38 | | - <div class="hero-inner"> |
39 | | - <h1>On‑chain risk metrics<br>for <span class="accent">DeFi</span> & Telegram</h1> |
40 | | - <p class="lead">QuickScan in seconds. Deep checks on demand. White‑label PDF your audience can trust.</p> |
41 | | - <a class="btn primary xl" href="https://t.me/MetridexBot?start=web_www&utm_source=website&utm_medium=hero_cta&utm_campaign=launch" target="_blank" rel="noopener">@MetridexBot</a> |
42 | | - <ul class="signals"> |
43 | | - <li>Δ 5m / 1h / 6h / 24h</li> |
44 | | - <li>Why / Why++ signals</li> |
45 | | - <li>7‑day monitoring</li> |
46 | | - </ul> |
| 22 | + <section class="hero container"> |
| 23 | + <h1>On‑chain risk metrics for DeFi & Telegram</h1> |
| 24 | + <p>QuickScan in seconds. Deep checks on demand. White‑label PDF your audience can trust.</p> |
| 25 | + <button class="btn" onclick="window.location.href='https://t.me/YourBotLink'">Launch Telegram Bot</button> |
| 26 | + </section> |
| 27 | + |
| 28 | + <section id="features" class="container"> |
| 29 | + <div class="features"> |
| 30 | + <div class="feature-card"> |
| 31 | + <div class="step-icon">🔍</div> |
| 32 | + <h3>QuickScan in Seconds</h3> |
| 33 | + <p>Lightning fast on‑chain checks to surface risk immediately.</p> |
| 34 | + </div> |
| 35 | + <div class="feature-card"> |
| 36 | + <div class="step-icon">🛡️</div> |
| 37 | + <h3>Deep Checks On Demand</h3> |
| 38 | + <p>In‑depth analysis when you need it, beyond the surface.</p> |
47 | 39 | </div> |
48 | | - <div class="hero-visual" aria-hidden="true"> |
49 | | - <div class="orb orb1"></div> |
50 | | - <div class="orb orb2"></div> |
51 | | - <div class="gridlines"></div> |
| 40 | + <div class="feature-card"> |
| 41 | + <div class="step-icon">📄</div> |
| 42 | + <h3>White‑Label PDF Reports</h3> |
| 43 | + <p>Reports your audience can trust, branded as you.</p> |
52 | 44 | </div> |
53 | | - </section> |
| 45 | + </div> |
| 46 | + </section> |
54 | 47 |
|
55 | | - <section id="features" class="features container"> |
56 | | - <h2>What’s inside</h2> |
57 | | - <div class="grid"> |
58 | | - <article class="card tilt"><h3>QuickScan</h3><p>Price context, liquidity, FDV/MC, red‑flags in one compact view.</p></article> |
59 | | - <article class="card tilt"><h3>On‑chain checks</h3><p>Proxy/implementation, roles, mint/pause/blacklist, honeypot hints.</p></article> |
60 | | - <article class="card tilt"><h3>Domain intel</h3><p>WHOIS/RDAP, SSL, Wayback — verify web footprint and age.</p></article> |
61 | | - <article class="card tilt"><h3>White‑label PDF</h3><p>Export clean report with links (Etherscan, DexScreener, RDAP).</p></article> |
62 | | - <article class="card tilt"><h3>Channel‑grade</h3><p>Made for 100k+ Telegram channels, launchpads, analysts.</p></article> |
63 | | - <article class="card tilt"><h3>Automations</h3><p>Batch verification, alerts, 7‑day post‑monitoring.</p></article> |
| 48 | + <section id="how" class="container how-it-works"> |
| 49 | + <div class="step"> |
| 50 | + <div class="step-icon">1️⃣</div> |
| 51 | + <div class="step-content"> |
| 52 | + <h4>Connect / Start Bot</h4> |
| 53 | + <p>User clicks “Launch Telegram Bot” and connects.</p> |
| 54 | + </div> |
| 55 | + </div> |
| 56 | + <div class="step"> |
| 57 | + <div class="step-icon">2️⃣</div> |
| 58 | + <div class="step-content"> |
| 59 | + <h4>QuickScan Run</h4> |
| 60 | + <p>Instant risk metrics from on‑chain data.</p> |
64 | 61 | </div> |
65 | | - </section> |
| 62 | + </div> |
| 63 | + <div class="step"> |
| 64 | + <div class="step-icon">3️⃣</div> |
| 65 | + <div class="step-content"> |
| 66 | + <h4>Get Report</h4> |
| 67 | + <p>Receive white‑label PDF / detailed breakdown.</p> |
| 68 | + </div> |
| 69 | + </div> |
| 70 | + </section> |
66 | 71 |
|
67 | | - <section class="container" id="pricing"> |
68 | | - <h2>Pilot & Pricing</h2> |
69 | | - <div class="grid"> |
70 | | - <article class="card lift"> |
71 | | - <h3>Pilot (Escrow)</h3> |
72 | | - <p>Private setup + calibration for your audience. Pay only if KPIs hit.</p> |
73 | | - <ul class="badges"><li>1–2 weeks</li><li>white‑label</li><li>PDF exports</li></ul> |
74 | | - </article> |
75 | | - <article class="card lift"> |
76 | | - <h3>Channel Plan</h3> |
77 | | - <p>Unlimited QuickScan, monitoring, PDF reports, Telegram shortcuts.</p> |
78 | | - <ul class="badges"><li>per‑channel</li><li>no lock‑in</li><li>API soon</li></ul> |
79 | | - </article> |
| 72 | + <section id="pricing" class="container"> |
| 73 | + <div class="pricing-cards"> |
| 74 | + <div class="pricing-card"> |
| 75 | + <h3>Silver Plan</h3> |
| 76 | + <div class="price">$199 / mo</div> |
| 77 | + <ul> |
| 78 | + <li>QuickScan Alerts</li> |
| 79 | + <li>Basic PDF Report</li> |
| 80 | + <li>Email Support</li> |
| 81 | + </ul> |
| 82 | + <button class="btn">Subscribe</button> |
| 83 | + </div> |
| 84 | + <div class="pricing-card"> |
| 85 | + <h3>Gold Plan</h3> |
| 86 | + <div class="price">$499 / mo</div> |
| 87 | + <ul> |
| 88 | + <li>Everything in Silver</li> |
| 89 | + <li>Deep Checks on Demand</li> |
| 90 | + <li>Branding Options</li> |
| 91 | + </ul> |
| 92 | + <button class="btn">Subscribe</button> |
| 93 | + </div> |
| 94 | + <div class="pricing-card"> |
| 95 | + <h3>Platinum Plan</h3> |
| 96 | + <div class="price">$999 / mo</div> |
| 97 | + <ul> |
| 98 | + <li>All Gold Features</li> |
| 99 | + <li>White‑Label PDF + Custom Add‑Ons</li> |
| 100 | + <li>Dedicated Support</li> |
| 101 | + </ul> |
| 102 | + <button class="btn">Subscribe</button> |
80 | 103 | </div> |
81 | | - </section> |
| 104 | + </div> |
| 105 | + </section> |
82 | 106 |
|
83 | | - <section id="contact" class="contact container"> |
84 | | - <h2>Contact</h2> |
85 | | - <form class="contact-form" action="mailto:contact@metridex.com" method="post" enctype="text/plain"> |
86 | | - <div class="grid two"> |
87 | | - <input required name="name" placeholder="Your name" /> |
88 | | - <input required name="email" type="email" placeholder="Work email" /> |
89 | | - </div> |
90 | | - <textarea name="message" placeholder="Tell us about your channel / use‑case" rows="4"></textarea> |
91 | | - <button class="btn primary" type="submit">Request private demo</button> |
92 | | - </form> |
93 | | - <p class="small">Prefer Telegram? DM <a href="https://t.me/MetridexBot" target="_blank" rel="noopener">@MetridexBot</a></p> |
94 | | - <p class="small">© <span id="year"></span> Metridex.</p> |
95 | | - </section> |
96 | | - </main> |
| 107 | + <section id="contact" class="container"> |
| 108 | + <h3>Contact</h3> |
| 109 | + <p>Have questions? Reach us on Telegram or by email.</p> |
| 110 | + <p><a href="mailto:info@metridex.com">info@metridex.com</a> • <a href="https://t.me/YourContact">Telegram</a></p> |
| 111 | + </section> |
97 | 112 |
|
98 | | - <footer class="container footer"> |
99 | | - <p class="small">Metridex provides analytical signals; not financial advice.</p> |
| 113 | + <footer> |
| 114 | + © 2025 Metridex. All rights reserved. |
100 | 115 | </footer> |
101 | 116 |
|
102 | | - <script> |
103 | | - document.getElementById('year').textContent = new Date().getFullYear(); |
104 | | - </script> |
| 117 | + <script src="script.js"></script> |
105 | 118 | </body> |
106 | 119 | </html> |
0 commit comments