Skip to content

Commit 3dcc063

Browse files
omarakhmedov-webomarakhmedov-web
authored
Update index.html
1 parent 6b0be40 commit 3dcc063

1 file changed

Lines changed: 121 additions & 39 deletions

File tree

‎index.html‎

Lines changed: 121 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -1,48 +1,130 @@
1-
<!DOCTYPE html>
2-
<html data-theme="dark" lang="en" data-theme="dark">
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-
8-
<!-- ✅ Favicon и Open Graph -->
9-
<link rel="icon" type="image/x-icon" href="favicon.ico">
10-
<link rel="apple-touch-icon" href="favicon-512.png">
11-
<meta property="og:title" content="Metridex — Premium Security for Digital Assets" />
12-
<meta property="og:description" content="Scan tokens. Generate trusted white-label reports. Powered by on-chain metrics." />
13-
<meta property="og:image" content="og-cover.png" />
14-
<meta property="og:type" content="website" />
15-
<meta property="og:url" content="https://www.metridex.com/" />
16-
17-
<!-- ✅ Стили и шрифты -->
18-
<link rel="stylesheet" href="styles.css?v=20250918" />
19-
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Montserrat:wght@400;600;700&display=swap" rel="stylesheet">
20-
<link rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.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>
2112
</head>
2213
<body>
23-
24-
<!-- ✅ Шапка с логотипом -->
25-
<header class="container">
26-
<div>
27-
<img src="zTW62b01.svg" alt="Metridex logo" class="site-logo" style="height: 80px;">
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>
2828
</div>
29-
<nav>
30-
<ul>
31-
<li><a href="#about">About</a></li>
32-
<li><a href="#features">Features</a></li>
33-
<li><a href="#pricing">Pricing</a></li>
34-
<li><a href="#contact">Contact</a></li>
35-
<li><button id="theme-toggle" class="btn-animated small">🌙</button></li>
36-
</ul>
37-
</nav>
3829
</header>
3930

40-
<!-- остальная часть сайта — без изменений -->
41-
<!-- вставь сюда блоки hero, features, pricing и т.д., если они у тебя уже есть -->
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>
49+
</div>
50+
</div>
51+
</main>
4252

43-
<!-- ✅ Скрипты -->
44-
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
45-
<script>AOS.init();</script>
46-
<script src="script.js?v=20250918"></script>
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>
59+
</div>
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>
63+
</div>
64+
</div>
65+
</section>
66+
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>
73+
</div>
74+
<div class="card">
75+
<h3>Deep</h3>
76+
<p>WHOIS/RDAP, SSL, Wayback, on‑chain roles — one tap when you need it.</p>
77+
</div>
78+
<div class="card">
79+
<h3>Reliable</h3>
80+
<p>Stateless UI, duplicate‑safe replies, transparent fallbacks.</p>
81+
</div>
82+
</div>
83+
</section>
84+
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>
105+
</div>
106+
</div>
107+
</section>
108+
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>
122+
</section>
123+
124+
<footer class="site-footer">
125+
<div class="container">
126+
<p>© <span id="year"></span> Metridex. All rights reserved.</p>
127+
</div>
128+
</footer>
47129
</body>
48130
</html>

0 commit comments

Comments
 (0)