feat: CTB Rewards bridge page
This commit is contained in:
+160
@@ -0,0 +1,160 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>CTB Rewards — Earn Real Crypto on Telegram</title>
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||||||
|
:root {
|
||||||
|
--bg:#070b18; --bg2:#0d1326; --bg3:#111827;
|
||||||
|
--gold:#f5a623; --tg:#0088cc; --tg-dark:#0066a0;
|
||||||
|
--text:#e8eaf0; --muted:#8892a4;
|
||||||
|
--border:rgba(245,166,35,0.18); --card:rgba(255,255,255,0.04);
|
||||||
|
}
|
||||||
|
html { scroll-behavior:smooth; }
|
||||||
|
body { font-family:'Inter',sans-serif; background:var(--bg); color:var(--text); line-height:1.6; overflow-x:hidden; }
|
||||||
|
.topbar { background:rgba(0,136,204,0.12); border-bottom:1px solid rgba(0,136,204,0.25); text-align:center; padding:10px 20px; font-size:13px; font-weight:500; color:#7ecfff; letter-spacing:.02em; }
|
||||||
|
.topbar span { margin:0 14px; }
|
||||||
|
nav { display:flex; justify-content:space-between; align-items:center; padding:18px 40px; border-bottom:1px solid rgba(255,255,255,0.06); }
|
||||||
|
.logo { font-size:20px; font-weight:800; color:var(--gold); text-decoration:none; letter-spacing:-.03em; }
|
||||||
|
.logo span { color:var(--text); }
|
||||||
|
.nav-btn { background:var(--tg); color:#fff; padding:10px 22px; border-radius:8px; text-decoration:none; font-size:14px; font-weight:600; transition:background .2s; }
|
||||||
|
.nav-btn:hover { background:var(--tg-dark); }
|
||||||
|
.hero { max-width:860px; margin:0 auto; padding:72px 24px 64px; text-align:center; }
|
||||||
|
.badge { display:inline-flex; align-items:center; gap:8px; background:rgba(245,166,35,0.1); border:1px solid rgba(245,166,35,0.3); border-radius:100px; padding:8px 18px; font-size:13px; font-weight:600; color:var(--gold); margin-bottom:28px; }
|
||||||
|
h1 { font-size:clamp(2rem,5vw,3.4rem); font-weight:900; line-height:1.12; letter-spacing:-.03em; margin-bottom:20px; color:#fff; }
|
||||||
|
h1 em { font-style:normal; background:linear-gradient(135deg,var(--gold) 0%,#ffcc66 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
|
||||||
|
.hero p { font-size:1.15rem; color:var(--muted); max-width:580px; margin:0 auto 36px; line-height:1.7; }
|
||||||
|
.stats { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-bottom:40px; }
|
||||||
|
.pill { background:var(--bg2); border:1px solid var(--border); border-radius:100px; padding:10px 20px; font-size:13px; font-weight:600; color:var(--gold); white-space:nowrap; }
|
||||||
|
.pill span { color:var(--muted); font-weight:400; margin-left:4px; }
|
||||||
|
.btn { display:inline-flex; align-items:center; gap:10px; background:var(--tg); color:#fff; padding:18px 36px; border-radius:12px; text-decoration:none; font-size:1.1rem; font-weight:700; transition:transform .15s,background .2s; box-shadow:0 4px 24px rgba(0,136,204,0.35); }
|
||||||
|
.btn:hover { background:var(--tg-dark); transform:translateY(-2px); }
|
||||||
|
.btn-note { display:block; margin-top:14px; color:var(--muted); font-size:13px; }
|
||||||
|
.tg-icon { width:22px; height:22px; fill:currentColor; }
|
||||||
|
section { max-width:960px; margin:0 auto; padding:72px 24px; }
|
||||||
|
.label { text-align:center; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--gold); margin-bottom:14px; }
|
||||||
|
h2 { text-align:center; font-size:clamp(1.5rem,3vw,2.2rem); font-weight:800; letter-spacing:-.025em; margin-bottom:12px; color:#fff; }
|
||||||
|
.sub { text-align:center; color:var(--muted); font-size:1rem; margin-bottom:48px; }
|
||||||
|
.divider { border:none; border-top:1px solid rgba(255,255,255,0.06); }
|
||||||
|
.grid3 { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px; }
|
||||||
|
.card { background:var(--card); border:1px solid rgba(255,255,255,0.07); border-radius:16px; padding:32px 28px; transition:border-color .2s,transform .2s; }
|
||||||
|
.card:hover { border-color:var(--border); transform:translateY(-3px); }
|
||||||
|
.icon { font-size:2.2rem; margin-bottom:16px; }
|
||||||
|
.card h3 { font-size:1.1rem; font-weight:700; margin-bottom:10px; color:#fff; }
|
||||||
|
.card p { font-size:.9rem; color:var(--muted); line-height:1.65; }
|
||||||
|
.steps { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:24px; }
|
||||||
|
.step { text-align:center; padding:32px 20px; background:var(--card); border:1px solid rgba(255,255,255,0.07); border-radius:16px; }
|
||||||
|
.num { width:48px; height:48px; border-radius:50%; background:linear-gradient(135deg,var(--gold),#ffcc66); color:#000; font-size:1.2rem; font-weight:900; display:flex; align-items:center; justify-content:center; margin:0 auto 18px; }
|
||||||
|
.step h3 { font-size:1rem; font-weight:700; margin-bottom:8px; color:#fff; }
|
||||||
|
.step p { font-size:.875rem; color:var(--muted); }
|
||||||
|
.ref-bg { background:var(--bg2); border-top:1px solid rgba(255,255,255,0.05); border-bottom:1px solid rgba(255,255,255,0.05); }
|
||||||
|
.tiers { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; }
|
||||||
|
.tier { background:var(--bg3); border:1px solid rgba(255,255,255,0.08); border-radius:16px; padding:32px 20px; text-align:center; }
|
||||||
|
.tier.t1 { border-color:rgba(245,166,35,0.4); }
|
||||||
|
.pct { font-size:2.8rem; font-weight:900; color:var(--gold); letter-spacing:-.04em; line-height:1; margin-bottom:8px; }
|
||||||
|
.tier.t1 .pct { font-size:3.4rem; }
|
||||||
|
.tlabel { font-size:.9rem; font-weight:700; color:#fff; margin-bottom:6px; }
|
||||||
|
.tdesc { font-size:.8rem; color:var(--muted); }
|
||||||
|
.cta-box { background:linear-gradient(135deg,#0d1a2e 0%,#0a1220 100%); border:1px solid rgba(0,136,204,0.2); border-radius:24px; padding:64px 32px; text-align:center; max-width:700px; margin:0 auto; }
|
||||||
|
.cta-box h2 { font-size:clamp(1.6rem,3.5vw,2.4rem); margin-bottom:16px; }
|
||||||
|
.cta-box p { color:var(--muted); margin-bottom:36px; font-size:1rem; }
|
||||||
|
footer { border-top:1px solid rgba(255,255,255,0.06); padding:28px 40px; text-align:center; color:var(--muted); font-size:13px; }
|
||||||
|
footer a { color:var(--muted); text-decoration:none; margin:0 10px; }
|
||||||
|
footer a:hover { color:var(--text); }
|
||||||
|
@media(max-width:600px){ nav{padding:14px 20px;} .hero{padding:48px 20px;} section{padding:52px 20px;} .cta-box{padding:44px 20px;} }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="topbar">
|
||||||
|
<span>🔒 Free to Join</span>
|
||||||
|
<span>📱 Telegram Mini App</span>
|
||||||
|
<span>💎 TON Wallet Withdrawals</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav>
|
||||||
|
<a class="logo" href="#">CTB<span> Rewards</span></a>
|
||||||
|
<a class="nav-btn" href="https://t.me/CTBRewards_Bot?start=cryptoteambuild">Start Earning →</a>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="hero">
|
||||||
|
<div class="badge">🚀 Live on Telegram · Join Free Today</div>
|
||||||
|
<h1>Earn <em>Real Crypto</em> for<br>Completing Simple Tasks</h1>
|
||||||
|
<p>CTB Rewards pays you CTB Coins for completing offers, claiming hourly faucets, and building a referral team — then withdraw directly to your TON wallet.</p>
|
||||||
|
<div class="stats">
|
||||||
|
<div class="pill">10,000 Coins<span>= $1 USD</span></div>
|
||||||
|
<div class="pill">Up to 100 Coins<span>/ Hour Free</span></div>
|
||||||
|
<div class="pill">20%<span>Referral Commission</span></div>
|
||||||
|
<div class="pill">3-Tier<span>Deep Referrals</span></div>
|
||||||
|
</div>
|
||||||
|
<a class="btn" href="https://t.me/CTBRewards_Bot?start=cryptoteambuild">
|
||||||
|
<svg class="tg-icon" viewBox="0 0 24 24"><path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.562 8.248-2.012 9.478c-.148.658-.537.818-1.084.508l-3-2.21-1.447 1.394c-.16.16-.295.295-.605.295l.213-3.053 5.56-5.023c.242-.213-.054-.333-.373-.12L7.16 14.36l-2.95-.924c-.642-.2-.655-.642.136-.95l11.532-4.448c.535-.194 1.003.13.684 1.21z"/></svg>
|
||||||
|
Start Earning on Telegram
|
||||||
|
</a>
|
||||||
|
<span class="btn-note">🔒 Opens in Telegram — no signup form needed</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr class="divider">
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<p class="label">How You Earn</p>
|
||||||
|
<h2>Three Ways to Stack Coins</h2>
|
||||||
|
<p class="sub">Every method is free. Every coin is real. Stack them all.</p>
|
||||||
|
<div class="grid3">
|
||||||
|
<div class="card"><div class="icon">📋</div><h3>Complete Offers</h3><p>Earn CTB Coins by completing shortlinks, surveys, app installs, and more through our offerwall. New offers added regularly.</p></div>
|
||||||
|
<div class="card"><div class="icon">💧</div><h3>Hourly Faucet</h3><p>Claim up to 100 free CTB Coins every single hour just by tapping a button. Takes 2 seconds — the coins add up fast.</p></div>
|
||||||
|
<div class="card"><div class="icon">🤝</div><h3>Refer & Earn</h3><p>Share your referral link and earn commissions across 3 levels deep. Get a 5,000 coin bonus for every new member you bring in.</p></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<hr class="divider">
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<p class="label">Get Started</p>
|
||||||
|
<h2>Up and Earning in 3 Minutes</h2>
|
||||||
|
<p class="sub">No signup form. No wallet required to start. Just Telegram.</p>
|
||||||
|
<div class="steps">
|
||||||
|
<div class="step"><div class="num">1</div><h3>Open the Bot</h3><p>Tap the button below to open CTB Rewards directly inside Telegram.</p></div>
|
||||||
|
<div class="step"><div class="num">2</div><h3>Complete a Task</h3><p>Claim the free hourly faucet or complete your first offer to earn coins instantly.</p></div>
|
||||||
|
<div class="step"><div class="num">3</div><h3>Withdraw to TON</h3><p>Link your TON wallet and withdraw your CTB Coins as real crypto anytime.</p></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="ref-bg">
|
||||||
|
<section>
|
||||||
|
<p class="label">Referral Program</p>
|
||||||
|
<h2>3-Tier Commission System</h2>
|
||||||
|
<p class="sub">Build a team and earn while you sleep — commissions flow 3 levels deep.</p>
|
||||||
|
<div class="tiers">
|
||||||
|
<div class="tier t1"><div class="pct">20%</div><div class="tlabel">Level 1 — Direct Referrals</div><div class="tdesc">Earn 20% of everything your direct referrals earn</div></div>
|
||||||
|
<div class="tier"><div class="pct">5%</div><div class="tlabel">Level 2 — Their Referrals</div><div class="tdesc">Earn 5% from the people your referrals bring in</div></div>
|
||||||
|
<div class="tier"><div class="pct">1%</div><div class="tlabel">Level 3 — Deep Network</div><div class="tdesc">Earn 1% three levels deep — passive income that compounds</div></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<section style="padding-top:80px;padding-bottom:80px;">
|
||||||
|
<div class="cta-box">
|
||||||
|
<h2>Ready to Start Earning?</h2>
|
||||||
|
<p>Join thousands of members already earning CTB Coins every day. It's completely free — all you need is Telegram.</p>
|
||||||
|
<a class="btn" href="https://t.me/CTBRewards_Bot?start=cryptoteambuild" style="display:inline-flex;">
|
||||||
|
<svg class="tg-icon" viewBox="0 0 24 24"><path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.562 8.248-2.012 9.478c-.148.658-.537.818-1.084.508l-3-2.21-1.447 1.394c-.16.16-.295.295-.605.295l.213-3.053 5.56-5.023c.242-.213-.054-.333-.373-.12L7.16 14.36l-2.95-.924c-.642-.2-.655-.642.136-.95l11.532-4.448c.535-.194 1.003.13.684 1.21z"/></svg>
|
||||||
|
Join CTB Rewards Free →
|
||||||
|
</a>
|
||||||
|
<div class="btn-note" style="margin-top:14px;">🔒 Opens in Telegram — no signup form needed</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p style="margin-bottom:10px;">© 2025 CTB Rewards · Powered by Telegram Mini Apps & TON Blockchain</p>
|
||||||
|
<a href="#">Privacy Policy</a>
|
||||||
|
<a href="#">Terms of Service</a>
|
||||||
|
<a href="#">Earnings Disclaimer</a>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user