Skip to content

Commit d0f4a6f

Browse files
omarakhmedov-webomarakhmedov-web
authored
Update index.html
1 parent ed2b5af commit d0f4a6f

1 file changed

Lines changed: 104 additions & 93 deletions

File tree

‎index.html‎

Lines changed: 104 additions & 93 deletions
Original file line numberDiff line numberDiff line change
@@ -1,119 +1,130 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
1+
<!doctype html>
2+
<html lang="en" data-theme="dark">
33
<head>
4-
<meta charset="UTF-8" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1" />
6-
<title>Metridex — On‑chain Risk Metrics for DeFi & Telegram</title>
7-
<link rel="stylesheet" href="styles.css" />
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<title>Metridex — On-chain risk metrics</title>
7+
<meta name="description" content="Metridex QuickScan: on-chain risk metrics for DeFi & Telegram. Scan tokens in seconds, get deep checks on demand.">
8+
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" as="style">
9+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
10+
<link rel="stylesheet" href="styles.css?v=20250918-restore">
11+
<script defer src="script.js?v=20250918-restore"></script>
812
</head>
913
<body>
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>
14+
<!-- Header (kept intact with your items) -->
15+
<header class="site-header">
16+
<div class="container">
17+
<a href="#" class="brand">
18+
<span class="brand-logo" aria-hidden="true">M</span>
19+
<span class="brand-text">Metridex</span>
20+
</a>
21+
<nav class="nav">
22+
<a href="#about">About</a>
23+
<a href="#features">Features</a>
24+
<a href="#pricing">Pricing</a>
25+
<a href="#contact">Contact</a>
26+
<button id="theme-toggle" class="btn btn-ghost" aria-label="Toggle theme">🌙</button>
27+
</nav>
28+
</div>
2029
</header>
2130

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-
<a href="https://t.me/MetridexBot" class="btn-animated" target="_blank">🚀 Launch Telegram Bot</a>
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>
31+
<!-- Hero with CTA to bot -->
32+
<main class="hero" id="home">
33+
<div class="container hero-grid">
34+
<div class="hero-copy">
35+
<h1>Metridex <span class="accent">QuickScan</span></h1>
36+
<p class="lead">On‑chain risk metrics for DeFi & Telegram. QuickScan in seconds. Deep checks on demand.</p>
37+
<div class="cta-row">
38+
<a class="btn btn-primary btn-lg" href="https://t.me/MetridexBot" target="_blank" rel="noopener">Connect the Bot</a>
39+
<a class="btn btn-outline btn-lg" href="#features">Learn more</a>
40+
</div>
41+
<ul class="hero-bullets">
42+
<li>Δ 5m/1h/6h/24h • Liquidity • FDV</li>
43+
<li>WHOIS/RDAP • SSL • Wayback</li>
44+
<li>Holders/Roles • Honeypot • TokenSniffer</li>
45+
</ul>
46+
</div>
47+
<div class="hero-visual" role="img" aria-label="Metridex shield">
48+
<div class="shield"><span class="shield-m">M</span></div>
3449
</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>
50+
</div>
51+
</main>
52+
53+
<!-- About -->
54+
<section id="about" class="section">
55+
<div class="container grid-2">
56+
<div class="card">
57+
<h2>About</h2>
58+
<p>Metridex turns fragmented crypto intel into clear, actionable signals. Scan a token in seconds, then dive deep only when needed.</p>
3959
</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>
60+
<div class="card">
61+
<h3>Tech</h3>
62+
<p>Render (Flask/Gunicorn), Cloudflare Worker ds‑proxy, stateless callbacks, idempotent delivery, cache-first detail scan.</p>
4463
</div>
4564
</div>
4665
</section>
4766

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>
67+
<!-- Features -->
68+
<section id="features" class="section">
69+
<div class="container grid-3">
70+
<div class="card">
71+
<h3>Quick</h3>
72+
<p>Signal‑first QuickScan with Δ‑buttons. No waiting, no noise.</p>
5473
</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>
74+
<div class="card">
75+
<h3>Deep</h3>
76+
<p>WHOIS/RDAP, SSL, Wayback, on‑chain roles — one tap when you need it.</p>
6177
</div>
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>
78+
<div class="card">
79+
<h3>Reliable</h3>
80+
<p>Stateless UI, duplicate‑safe replies, transparent fallbacks.</p>
6881
</div>
6982
</div>
7083
</section>
7184

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>
85+
<!-- Pricing -->
86+
<section id="pricing" class="section">
87+
<div class="container">
88+
<h2 class="section-title">Pricing</h2>
89+
<div class="pricing-grid">
90+
<div class="plan">
91+
<h3>Basic</h3>
92+
<p class="price">Free</p>
93+
<ul><li>QuickScan</li><li>Core metrics</li></ul>
94+
</div>
95+
<div class="plan plan-pro">
96+
<h3>Pro</h3>
97+
<p class="price">$49/mo</p>
98+
<ul><li>Deep checks</li><li>Chart Δ presets</li><li>Priority cache</li></ul>
99+
</div>
100+
<div class="plan">
101+
<h3>Enterprise</h3>
102+
<p class="price">Custom</p>
103+
<ul><li>White‑label</li><li>Multi‑channel</li></ul>
104+
</div>
103105
</div>
104106
</div>
105107
</section>
106108

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>
109+
<!-- Contact -->
110+
<section id="contact" class="section">
111+
<div class="container grid-2">
112+
<div class="card">
113+
<h2>Contact</h2>
114+
<p>omар@metridex.com • contact@metridex.com</p>
115+
<p><a class="btn btn-primary" href="https://t.me/MetridexBot" target="_blank" rel="noopener">Open @MetridexBot</a></p>
116+
</div>
117+
<div class="card">
118+
<h3>Docs</h3>
119+
<p>API &amp; onboarding soon.</p>
120+
</div>
121+
</div>
111122
</section>
112123

113-
<footer>
114-
&copy; 2025 Metridex. All rights reserved.
124+
<footer class="site-footer">
125+
<div class="container">
126+
<p>© <span id="year"></span> Metridex. All rights reserved.</p>
127+
</div>
115128
</footer>
116-
117-
<script src="script.js"></script>
118129
</body>
119130
</html>

0 commit comments

Comments
 (0)