Skip to content

Commit 4864557

Browse files
omarakhmedov-webomarakhmedov-web
authored
Update index.html
1 parent f89bbaa commit 4864557

1 file changed

Lines changed: 38 additions & 120 deletions

File tree

‎index.html‎

Lines changed: 38 additions & 120 deletions
Original file line numberDiff line numberDiff line change
@@ -1,130 +1,48 @@
1-
<!doctype html>
1+
<!DOCTYPE html>
22
<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</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>
12-
</head>
13-
<body>
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>
29-
</header>
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>
307

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>
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>
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>
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/" />
6616

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>
17+
<!-- ✅ Стили и шрифты -->
18+
<link rel="stylesheet" href="styles.css" />
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" />
21+
</head>
22+
<body>
8423

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>
24+
<!-- ✅ Шапка с логотипом -->
25+
<header class="container">
26+
<div>
27+
<img src="zTW62b01.svg" alt="Metridex logo" class="site-logo" style="height: 80px;">
10628
</div>
107-
</section>
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+
<li><a class="btn-animated" href="https://t.me/MetridexBot" target="_blank" rel="noopener">Open @MetridexBot</a></li></ul>
37+
</nav>
38+
</header>
10839

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

124-
<footer class="site-footer">
125-
<div class="container">
126-
<p>© <span id="year"></span> Metridex. All rights reserved.</p>
127-
</div>
128-
</footer>
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"></script>
12947
</body>
13048
</html>

0 commit comments

Comments
 (0)