532 lines
38 KiB
HTML
532 lines
38 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>SocialPulse — Dominate Your Digital Empire</title>
|
||
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
|
||
<style>
|
||
:root {
|
||
--bg:#0a0a0f; --surface:#13131f; --card:#1a1a2e; --gold:#f0c060; --gold2:#e8a830;
|
||
--purple:#8b5cf6; --purple2:#6d28d9; --pink:#ec4899; --text:#e2e8f0; --muted:#94a3b8;
|
||
--green:#10b981; --red:#ef4444; --orange:#f97316; --radius:14px;
|
||
}
|
||
* { margin:0; padding:0; box-sizing:border-box; }
|
||
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif; background:var(--bg); color:var(--text); line-height:1.6; overflow-x:hidden; }
|
||
.container { max-width:1200px; margin:0 auto; padding:0 24px; }
|
||
nav { display:flex; justify-content:space-between; align-items:center; padding:18px 32px; background:rgba(10,10,15,0.95); backdrop-filter:blur(20px); border-bottom:1px solid rgba(255,255,255,0.05); position:sticky; top:0; z-index:100; }
|
||
.logo { font-size:1.6rem; font-weight:800; background:linear-gradient(135deg,var(--gold),var(--pink)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
|
||
.nav-links { display:flex; gap:28px; }
|
||
.nav-links a { color:var(--muted); text-decoration:none; font-weight:500; transition:color .2s; }
|
||
.nav-links a:hover { color:var(--gold); }
|
||
.btn { padding:12px 28px; border-radius:50px; font-weight:700; font-size:0.95rem; border:none; cursor:pointer; transition:all .25s; text-decoration:none; display:inline-block; text-align:center; }
|
||
.btn-gold { background:linear-gradient(135deg,var(--gold),var(--gold2)); color:#0a0a0f; }
|
||
.btn-gold:hover { transform:translateY(-2px); box-shadow:0 8px 32px rgba(240,192,96,0.3); }
|
||
.btn-purple { background:linear-gradient(135deg,var(--purple),var(--purple2)); color:#fff; }
|
||
.btn-purple:hover { transform:translateY(-2px); box-shadow:0 8px 32px rgba(139,92,246,0.3); }
|
||
.btn-outline { border:2px solid var(--gold); color:var(--gold); background:transparent; }
|
||
.btn-outline:hover { background:var(--gold); color:#0a0a0f; }
|
||
.btn-green { background:linear-gradient(135deg,var(--green),#059669); color:#fff; }
|
||
.btn-sm { padding:8px 20px; font-size:0.82rem; }
|
||
.btn-lg { padding:16px 40px; font-size:1.1rem; }
|
||
|
||
section { padding:80px 0; }
|
||
.section-title { text-align:center; margin-bottom:60px; }
|
||
.section-title h2 { font-size:2.5rem; font-weight:800; margin-bottom:12px; }
|
||
.section-title p { color:var(--muted); font-size:1.1rem; }
|
||
|
||
/* HERO */
|
||
.hero { padding:100px 0 80px; text-align:center; background:radial-gradient(ellipse at 50% 0%, rgba(139,92,246,0.12) 0%, transparent 60%), radial-gradient(ellipse at 80% 80%, rgba(236,72,153,0.06) 0%, transparent 50%); }
|
||
.hero-badge { display:inline-block; padding:8px 20px; border-radius:50px; background:rgba(240,192,96,0.1); border:1px solid rgba(240,192,96,0.2); color:var(--gold); font-weight:600; font-size:0.85rem; margin-bottom:24px; }
|
||
.hero h1 { font-size:4rem; font-weight:900; line-height:1.1; max-width:800px; margin:0 auto 20px; }
|
||
.hero h1 span { background:linear-gradient(135deg,var(--gold),var(--pink)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
|
||
.hero p { font-size:1.25rem; color:var(--muted); max-width:600px; margin:0 auto 36px; }
|
||
.hero-cta { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
|
||
.hero-stats { display:flex; gap:48px; justify-content:center; margin-top:60px; flex-wrap:wrap; }
|
||
.stat { text-align:center; }
|
||
.stat-num { font-size:2.8rem; font-weight:900; background:linear-gradient(135deg,var(--gold),var(--pink)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
|
||
.stat-label { color:var(--muted); font-size:0.9rem; margin-top:4px; }
|
||
|
||
/* FEATURES */
|
||
.features { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:24px; }
|
||
.feature-card { background:var(--card); border-radius:var(--radius); padding:36px 28px; border:1px solid rgba(255,255,255,0.04); transition:all .3s; }
|
||
.feature-card:hover { transform:translateY(-4px); border-color:rgba(240,192,96,0.2); box-shadow:0 12px 40px rgba(0,0,0,0.4); }
|
||
.feature-icon { font-size:2.2rem; margin-bottom:16px; }
|
||
.feature-card h3 { font-size:1.2rem; margin-bottom:8px; }
|
||
.feature-card p { color:var(--muted); font-size:0.95rem; }
|
||
|
||
/* DASHBOARD MOCK */
|
||
.db { background:var(--surface); border-radius:var(--radius); padding:48px; border:1px solid rgba(255,255,255,0.04); }
|
||
.dg { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; margin-bottom:32px; }
|
||
.dc { background:var(--card); border-radius:var(--radius); padding:24px; text-align:center; border:1px solid rgba(255,255,255,0.04); }
|
||
.dc .label { color:var(--muted); font-size:0.8rem; text-transform:uppercase; letter-spacing:1px; }
|
||
.dc .value { font-size:2rem; font-weight:800; margin:6px 0; }
|
||
.dc .change { font-size:0.85rem; color:var(--green); }
|
||
.cg { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
|
||
.cb { background:var(--card); border-radius:var(--radius); padding:24px; }
|
||
.cb h4 { margin-bottom:12px; color:var(--muted); font-size:0.85rem; text-transform:uppercase; letter-spacing:1px; }
|
||
@media(max-width:768px){ .cg{grid-template-columns:1fr;} }
|
||
|
||
/* MEMBERSHIP JOIN */
|
||
.join-card { background:linear-gradient(135deg,rgba(240,192,96,0.08),rgba(139,92,246,0.06)); border:2px solid var(--gold); border-radius:var(--radius); padding:48px 40px; text-align:center; position:relative; overflow:hidden; }
|
||
.join-card::before { content:""; position:absolute; top:-50%; left:-50%; width:200%; height:200%; background:radial-gradient(circle,rgba(240,192,96,0.03) 0%,transparent 70%); animation:rotate 20s linear infinite; }
|
||
@keyframes rotate { 100%{transform:rotate(360deg);} }
|
||
.join-card h2 { font-size:2.2rem; position:relative; z-index:1; }
|
||
.join-price { font-size:4rem; font-weight:900; margin:20px 0; position:relative; z-index:1; background:linear-gradient(135deg,var(--gold),var(--pink)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
|
||
.join-price span { font-size:1.2rem; -webkit-text-fill-color:var(--muted); }
|
||
.join-card ul { list-style:none; text-align:left; max-width:400px; margin:24px auto; position:relative; z-index:1; }
|
||
.join-card ul li { padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.05); font-size:0.95rem; }
|
||
.join-card ul li::before { content:"✓ "; color:var(--green); font-weight:bold; }
|
||
|
||
/* BTC PAYMENT */
|
||
.btc-box { background:#1a1a1a; border:2px solid var(--orange); border-radius:var(--radius); padding:32px; text-align:center; margin-top:24px; position:relative; z-index:1; }
|
||
.btc-box h4 { color:var(--orange); margin-bottom:8px; font-size:1rem; }
|
||
.btc-addr { font-family:'SF Mono','Fira Code',monospace; font-size:0.85rem; background:#0a0a0f; padding:14px 20px; border-radius:8px; word-break:break-all; color:var(--orange); margin:12px 0; user-select:all; }
|
||
.btc-amount { font-size:1.5rem; font-weight:800; color:var(--orange); }
|
||
.copy-btn { background:rgba(249,115,22,0.15); color:var(--orange); border:1px solid var(--orange); padding:8px 16px; border-radius:6px; cursor:pointer; font-size:0.8rem; transition:all .2s; }
|
||
.copy-btn:hover { background:rgba(249,115,22,0.3); }
|
||
.copied { color:var(--green); font-size:0.8rem; display:none; margin-left:8px; }
|
||
|
||
/* ORDER FORM */
|
||
.order-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px; }
|
||
.order-card { background:var(--card); border-radius:var(--radius); padding:32px 24px; border:1px solid rgba(255,255,255,0.04); text-align:center; transition:all .3s; }
|
||
.order-card:hover { border-color:rgba(240,192,96,0.3); transform:translateY(-2px); }
|
||
.order-card h3 { font-size:1.1rem; margin-bottom:4px; }
|
||
.order-desc { color:var(--muted); font-size:0.85rem; margin-bottom:16px; }
|
||
.order-price { font-size:2rem; font-weight:800; color:var(--gold); margin-bottom:16px; }
|
||
.order-price span { font-size:0.85rem; color:var(--muted); font-weight:400; }
|
||
.order-card .limit { font-size:0.8rem; color:var(--muted); margin-bottom:12px; }
|
||
.order-card input[type=number] { width:100%; padding:10px 14px; border-radius:8px; background:var(--bg); border:1px solid rgba(255,255,255,0.1); color:var(--text); font-size:0.95rem; text-align:center; margin-bottom:12px; }
|
||
.order-total { text-align:center; margin-top:32px; padding:24px; background:var(--surface); border-radius:var(--radius); }
|
||
.order-total h3 { font-size:1.5rem; }
|
||
.order-total .total-price { font-size:3rem; font-weight:900; color:var(--gold); }
|
||
.order-cart { margin-top:16px; padding:16px; background:var(--card); border-radius:var(--radius); text-align:left; }
|
||
.order-cart table { width:100%; border-collapse:collapse; }
|
||
.order-cart th, .order-cart td { padding:10px 8px; border-bottom:1px solid rgba(255,255,255,0.04); font-size:0.9rem; }
|
||
.order-cart th { color:var(--muted); font-weight:600; text-align:left; }
|
||
|
||
/* PRICING */
|
||
.pricing-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:24px; }
|
||
.price-card { background:var(--card); border-radius:var(--radius); padding:40px 32px; border:1px solid rgba(255,255,255,0.04); text-align:center; transition:all .3s; position:relative; }
|
||
.price-card.featured { border-color:var(--gold); transform:scale(1.03); box-shadow:0 0 40px rgba(240,192,96,0.1); }
|
||
.price-card.featured::before { content:"MOST POPULAR"; position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:var(--gold); color:#0a0a0f; padding:4px 16px; border-radius:50px; font-size:0.7rem; font-weight:800; letter-spacing:1px; }
|
||
.price-card h3 { font-size:1.3rem; margin-bottom:8px; }
|
||
.price { font-size:3.5rem; font-weight:900; margin:16px 0; }
|
||
.price span { font-size:1rem; color:var(--muted); font-weight:400; }
|
||
.price-card ul { list-style:none; text-align:left; margin:24px 0; }
|
||
.price-card ul li { padding:8px 0; color:var(--muted); font-size:0.9rem; border-bottom:1px solid rgba(255,255,255,0.03); }
|
||
.price-card ul li::before { content:"✓ "; color:var(--green); font-weight:bold; }
|
||
.limits { margin-top:12px; padding:10px; background:rgba(239,68,68,0.1); border-radius:8px; font-size:0.8rem; color:var(--red); text-align:left; }
|
||
.limits strong { display:block; margin-bottom:4px; }
|
||
|
||
/* TESTIMONIALS */
|
||
.testimonial-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:24px; }
|
||
.testimonial { background:var(--card); border-radius:var(--radius); padding:32px 28px; border:1px solid rgba(255,255,255,0.04); }
|
||
.testimonial .stars { color:var(--gold); font-size:1.1rem; margin-bottom:12px; }
|
||
.testimonial .quote { font-style:italic; margin-bottom:16px; }
|
||
.testimonial .author { display:flex; align-items:center; gap:12px; }
|
||
.testimonial .avatar { width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:1.1rem; flex-shrink:0; }
|
||
.testimonial .author-name { font-weight:600; }
|
||
.testimonial .author-handle { color:var(--muted); font-size:0.85rem; }
|
||
|
||
/* COMMENT BOARD */
|
||
.cboard { background:var(--surface); border-radius:var(--radius); padding:40px; }
|
||
.cboard h3 { margin-bottom:24px; }
|
||
.cform { display:flex; gap:12px; margin-bottom:32px; flex-wrap:wrap; }
|
||
.cform input, .cform textarea { flex:1; min-width:200px; padding:14px 18px; border-radius:50px; background:var(--card); border:1px solid rgba(255,255,255,0.08); color:var(--text); font-size:0.95rem; font-family:inherit; }
|
||
.cform textarea { border-radius:var(--radius); min-height:80px; resize:vertical; }
|
||
.clist { display:flex; flex-direction:column; gap:16px; max-height:500px; overflow-y:auto; }
|
||
.comment { background:var(--card); border-radius:var(--radius); padding:20px 24px; border:1px solid rgba(255,255,255,0.04); }
|
||
.comment .ch { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
|
||
.comment .cn { font-weight:700; }
|
||
.comment .cd { color:var(--muted); font-size:0.8rem; }
|
||
.comment .cb { line-height:1.5; }
|
||
|
||
/* MODAL */
|
||
.modal-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.8); z-index:200; align-items:center; justify-content:center; }
|
||
.modal-overlay.show { display:flex; }
|
||
.modal { background:var(--surface); border-radius:var(--radius); padding:40px; max-width:550px; width:90%; border:1px solid var(--gold); max-height:90vh; overflow-y:auto; }
|
||
.modal h2 { text-align:center; margin-bottom:24px; }
|
||
.modal .close { float:right; background:none; border:none; color:var(--muted); font-size:1.5rem; cursor:pointer; }
|
||
.modal input, .modal textarea { width:100%; padding:12px; margin-bottom:12px; border-radius:8px; background:var(--card); border:1px solid rgba(255,255,255,0.1); color:var(--text); font-family:inherit; }
|
||
|
||
/* STATUS BADGE */
|
||
.badge { display:inline-block; padding:4px 12px; border-radius:50px; font-size:0.75rem; font-weight:700; }
|
||
.badge-pending { background:rgba(249,115,22,0.15); color:var(--orange); }
|
||
.badge-active { background:rgba(16,185,129,0.15); color:var(--green); }
|
||
|
||
/* RESPONSIVE */
|
||
@media(max-width:640px){
|
||
.hero h1{font-size:2.2rem;} .hero-stats{gap:24px;} .stat-num{font-size:2rem;}
|
||
nav{padding:14px 16px;} .nav-links{gap:14px;font-size:0.85rem;}
|
||
.join-price{font-size:3rem;}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<!-- NAV -->
|
||
<nav>
|
||
<div class="logo">🔥 SocialPulse</div>
|
||
<div class="nav-links">
|
||
<a href="#how">How It Works</a>
|
||
<a href="#order">Order Now</a>
|
||
<a href="#pricing">Tiers</a>
|
||
<a href="#testimonials">Proof</a>
|
||
</div>
|
||
<a href="#order" class="btn btn-gold">Get Started</a>
|
||
</nav>
|
||
|
||
<!-- HERO -->
|
||
<section class="hero">
|
||
<div class="container">
|
||
<div class="hero-badge">🚀 TRUSTED BY 50,000+ CREATORS</div>
|
||
<h1>Turn Your Social Media Into a <span>Growth Machine</span></h1>
|
||
<p>Real engagement, real followers, real results. Pay in Bitcoin. Get access instantly. No BS — just pure growth.</p>
|
||
<div class="hero-cta">
|
||
<a href="#join" class="btn btn-gold btn-lg">Join for $10 in BTC →</a>
|
||
<a href="#order" class="btn btn-outline btn-lg">Order Services</a>
|
||
</div>
|
||
<div class="hero-stats">
|
||
<div class="stat"><div class="stat-num">247M+</div><div class="stat-label">Followers Delivered</div></div>
|
||
<div class="stat"><div class="stat-num">4.9B+</div><div class="stat-label">Likes Generated</div></div>
|
||
<div class="stat"><div class="stat-num">99.7%</div><div class="stat-label">Client Retention</div></div>
|
||
<div class="stat"><div class="stat-num">14min</div><div class="stat-label">Avg First Result</div></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- HOW IT WORKS -->
|
||
<section id="how">
|
||
<div class="container">
|
||
<div class="section-title"><h2>How It Works</h2><p>Simple. Transparent. No hidden fees. No auto-renew. You pay, we deliver.</p></div>
|
||
<div class="features">
|
||
<div class="feature-card">
|
||
<div class="feature-icon">1️⃣</div>
|
||
<h3>Join ($10 BTC One-Time)</h3>
|
||
<p>Send exactly $10.00 in Bitcoin to unlock access to our ordering dashboard. One-time fee — never recurring.</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-icon">2️⃣</div>
|
||
<h3>Choose Your Package</h3>
|
||
<p>Select exactly what you need — followers, likes, or monthly tiers. Mix and match. No minimums after joining.</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-icon">3️⃣</div>
|
||
<h3>Pay & Submit TXID</h3>
|
||
<p>Send BTC to our wallet, then submit your transaction ID. We verify on-chain and activate your order.</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-icon">4️⃣</div>
|
||
<h3>Watch It Grow</h3>
|
||
<p>Engagement starts flowing within hours. Track everything on your personal dashboard. Real results, real-time.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- JOIN SECTION -->
|
||
<section id="join">
|
||
<div class="container">
|
||
<div class="join-card">
|
||
<h2>🔑 Unlock Full Access</h2>
|
||
<div class="join-price">$10<span> USD — one time</span></div>
|
||
<p style="color:var(--muted);max-width:500px;margin:0 auto;">Pay once. Get lifetime access to order services. No subscriptions, no recurring charges — just a one-time key to the kingdom.</p>
|
||
<ul>
|
||
<li>Full access to order dashboard</li>
|
||
<li>Unlimited order placements</li>
|
||
<li>Priority processing queue</li>
|
||
<li>Track all orders in one place</li>
|
||
<li>Early access to new features</li>
|
||
</ul>
|
||
<div class="btc-box">
|
||
<h4>Send exactly $10.00 USD in Bitcoin to:</h4>
|
||
<div class="btc-addr" id="joinAddr">35vTSjPCaqudcL5cj5ChpNDmqrpPFmEnss</div>
|
||
<button class="copy-btn" onclick="copyAddr('joinAddr',this)">📋 Copy Address</button>
|
||
<span class="copied" id="joinCopied">✓ Copied!</span>
|
||
<p style="color:var(--muted);font-size:0.8rem;margin-top:8px;">After sending, <a href="#order" style="color:var(--gold);">place your first order</a> and include your transaction ID.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ORDER SERVICES -->
|
||
<section id="order">
|
||
<div class="container">
|
||
<div class="section-title"><h2>🛒 Order Services</h2><p>Mix and match. Every order includes our delivery guarantee.</p></div>
|
||
<form id="orderForm" onsubmit="submitOrder(event)">
|
||
<div class="order-grid">
|
||
<div class="order-card">
|
||
<h3>👥 Followers</h3>
|
||
<div class="order-desc">Real, high-quality followers</div>
|
||
<div class="order-price">$15<span> / 1,000</span></div>
|
||
<div class="limit">Min: 1,000 | Max: 100,000 per order</div>
|
||
<input type="number" id="followers" min="1" max="100" value="0" step="1" placeholder="How many 1,000s?">
|
||
<div style="font-size:0.8rem;color:var(--muted);">Enter quantity in 1,000s (e.g. 5 = 5,000 followers = $75)</div>
|
||
</div>
|
||
<div class="order-card">
|
||
<h3>❤️ Likes</h3>
|
||
<div class="order-desc">Boost engagement on your posts</div>
|
||
<div class="order-price">$8<span> / 1,000</span></div>
|
||
<div class="limit">Min: 1,000 | Max: 250,000 per order</div>
|
||
<input type="number" id="likes" min="1" max="250" value="0" step="1" placeholder="How many 1,000s?">
|
||
<div style="font-size:0.8rem;color:var(--muted);">Enter quantity in 1,000s (e.g. 10 = 10,000 likes = $80)</div>
|
||
</div>
|
||
<div class="order-card">
|
||
<h3>💬 Comments</h3>
|
||
<div class="order-desc">Custom, relevant comments</div>
|
||
<div class="order-price">$25<span> / 100</span></div>
|
||
<div class="limit">Min: 100 | Max: 5,000 per order</div>
|
||
<input type="number" id="comments" min="1" max="50" value="0" step="1" placeholder="How many 100s?">
|
||
<div style="font-size:0.8rem;color:var(--muted);">Enter quantity in 100s (e.g. 5 = 500 comments = $125)</div>
|
||
</div>
|
||
<div class="order-card">
|
||
<h3>👀 Views / Impressions</h3>
|
||
<div class="order-desc">Flood your content with views</div>
|
||
<div class="order-price">$5<span> / 1,000</span></div>
|
||
<div class="limit">Min: 1,000 | Max: 1,000,000 per order</div>
|
||
<input type="number" id="views" min="1" max="1000" value="0" step="1" placeholder="How many 1,000s?">
|
||
<div style="font-size:0.8rem;color:var(--muted);">Enter quantity in 1,000s (e.g. 50 = 50,000 views = $250)</div>
|
||
</div>
|
||
</div>
|
||
<!-- CART -->
|
||
<div class="order-cart" id="cart" style="display:none;">
|
||
<table><thead><tr><th>Service</th><th>Quantity</th><th>Unit Price</th><th>Subtotal</th></tr></thead><tbody id="cartBody"></tbody></table>
|
||
</div>
|
||
<div class="order-total">
|
||
<h3>Total Due</h3>
|
||
<div class="total-price" id="totalDisplay">$0.00</div>
|
||
<p style="color:var(--muted);margin:8px 0;">+ $10.00 membership fee (first order only)</p>
|
||
<div class="btc-box" id="orderBtcBox" style="display:none;">
|
||
<h4>Send payment to:</h4>
|
||
<div class="btc-addr" id="orderAddr">35vTSjPCaqudcL5cj5ChpNDmqrpPFmEnss</div>
|
||
<button type="button" class="copy-btn" onclick="copyAddr('orderAddr',this)">📋 Copy Address</button>
|
||
<span class="copied" id="orderCopied">✓ Copied!</span>
|
||
<p style="color:var(--muted);font-size:0.8rem;margin-top:8px;">Send the exact amount above. Then enter your Transaction ID below.</p>
|
||
</div>
|
||
<div style="margin-top:20px; display:flex; flex-direction:column; gap:12px; max-width:400px; margin-left:auto; margin-right:auto;">
|
||
<input type="text" id="txId" placeholder="Bitcoin Transaction ID (TXID)" style="padding:12px; border-radius:8px; background:var(--card); border:1px solid rgba(255,255,255,0.1); color:var(--text); font-family:monospace; text-align:center;">
|
||
<input type="text" id="platform" placeholder="Your Social Platform(s) — e.g. @handle on Instagram" style="padding:12px; border-radius:8px; background:var(--card); border:1px solid rgba(255,255,255,0.1); color:var(--text); text-align:center;">
|
||
<input type="email" id="email" placeholder="Your Email (for order confirmation)" style="padding:12px; border-radius:8px; background:var(--card); border:1px solid rgba(255,255,255,0.1); color:var(--text); text-align:center;">
|
||
<button type="submit" class="btn btn-lg" style="background:linear-gradient(135deg,var(--orange),#ea580c); color:#fff;">Submit Order & I'll Send Payment →</button>
|
||
</div>
|
||
<p style="color:var(--muted);font-size:0.75rem;margin-top:12px;">⚠️ Orders are processed manually after payment confirmation. You'll receive access within 24 hours. This is not an automated system — a real person reviews every order.</p>
|
||
</div>
|
||
</form>
|
||
</section>
|
||
|
||
<!-- TIERS -->
|
||
<section id="pricing">
|
||
<div class="container">
|
||
<div class="section-title"><h2>Monthly Growth Tiers</h2><p>Already a member? Upgrade to a monthly tier for bulk discounts and premium features.</p></div>
|
||
<div class="pricing-grid">
|
||
<div class="price-card">
|
||
<h3>🔥 Starter</h3>
|
||
<div class="price">$49<span>/mo</span></div>
|
||
<ul>
|
||
<li>1,000 Followers included</li>
|
||
<li>5,000 Likes included</li>
|
||
<li>2 Social Accounts</li>
|
||
<li>Basic Analytics Dashboard</li>
|
||
</ul>
|
||
<div class="limits"><strong>⚠️ Limits & Rules</strong>Per account max: 5K followers/day. Delivery: 3-5 business days. No refunds after delivery starts. Platform must be public.</div>
|
||
<a href="#order" class="btn btn-outline" style="width:100%">Requires Membership First →</a>
|
||
</div>
|
||
<div class="price-card featured">
|
||
<h3>💎 Growth</h3>
|
||
<div class="price">$149<span>/mo</span></div>
|
||
<ul>
|
||
<li>10,000 Followers included</li>
|
||
<li>50,000 Likes included</li>
|
||
<li>10 Social Accounts</li>
|
||
<li>Advanced Analytics</li>
|
||
<li>AI Auto-Pilot Mode</li>
|
||
<li>Priority Support</li>
|
||
</ul>
|
||
<div class="limits"><strong>⚠️ Limits & Rules</strong>Per account max: 10K followers/day. Delivery: 2-3 business days. Overages billed at bulk rate. 7-day refund window (unused portion only).</div>
|
||
<a href="#order" class="btn btn-gold" style="width:100%">Requires Membership First →</a>
|
||
</div>
|
||
<div class="price-card">
|
||
<h3>👑 Empire</h3>
|
||
<div class="price">$499<span>/mo</span></div>
|
||
<ul>
|
||
<li>100,000 Followers included</li>
|
||
<li>Unlimited Likes</li>
|
||
<li>Unlimited Accounts</li>
|
||
<li>Custom AI Strategy</li>
|
||
<li>White-Label Dashboard</li>
|
||
<li>Dedicated Account Manager</li>
|
||
</ul>
|
||
<div class="limits"><strong>⚠️ Limits & Rules</strong>Per account max: 25K followers/day. Delivery: 24-48 hours. Custom overage pricing. Dedicated manager assigns within 24hr of payment. No refunds on custom work.</div>
|
||
<a href="#order" class="btn btn-purple" style="width:100%">Requires Membership First →</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- FULL PRICE TABLE -->
|
||
<section>
|
||
<div class="container">
|
||
<div class="section-title"><h2>📊 Full Price List</h2><p>Complete transparency. Every service, every limit, every price.</p></div>
|
||
<div style="overflow-x:auto;">
|
||
<table style="width:100%; border-collapse:collapse; background:var(--surface); border-radius:var(--radius); overflow:hidden;">
|
||
<thead><tr style="background:var(--card);"><th style="padding:14px;text-align:left;">Service</th><th style="padding:14px;">Unit</th><th style="padding:14px;">Price</th><th style="padding:14px;">Min</th><th style="padding:14px;">Max/Order</th><th style="padding:14px;">Delivery</th></tr></thead>
|
||
<tbody>
|
||
<tr><td style="padding:12px 14px;">👥 Followers</td><td style="padding:12px 14px;text-align:center;">1,000</td><td style="padding:12px 14px;text-align:center;color:var(--gold);font-weight:700;">$15.00</td><td style="padding:12px 14px;text-align:center;">1,000</td><td style="padding:12px 14px;text-align:center;">100,000</td><td style="padding:12px 14px;text-align:center;">2-5 days</td></tr>
|
||
<tr style="background:rgba(255,255,255,0.02);"><td style="padding:12px 14px;">❤️ Likes</td><td style="padding:12px 14px;text-align:center;">1,000</td><td style="padding:12px 14px;text-align:center;color:var(--gold);font-weight:700;">$8.00</td><td style="padding:12px 14px;text-align:center;">1,000</td><td style="padding:12px 14px;text-align:center;">250,000</td><td style="padding:12px 14px;text-align:center;">1-3 days</td></tr>
|
||
<tr><td style="padding:12px 14px;">💬 Comments</td><td style="padding:12px 14px;text-align:center;">100</td><td style="padding:12px 14px;text-align:center;color:var(--gold);font-weight:700;">$25.00</td><td style="padding:12px 14px;text-align:center;">100</td><td style="padding:12px 14px;text-align:center;">5,000</td><td style="padding:12px 14px;text-align:center;">2-4 days</td></tr>
|
||
<tr style="background:rgba(255,255,255,0.02);"><td style="padding:12px 14px;">👀 Views</td><td style="padding:12px 14px;text-align:center;">1,000</td><td style="padding:12px 14px;text-align:center;color:var(--gold);font-weight:700;">$5.00</td><td style="padding:12px 14px;text-align:center;">1,000</td><td style="padding:12px 14px;text-align:center;">1,000,000</td><td style="padding:12px 14px;text-align:center;">1-3 days</td></tr>
|
||
<tr><td style="padding:12px 14px;">🔗 Shares/Retweets</td><td style="padding:12px 14px;text-align:center;">100</td><td style="padding:12px 14px;text-align:center;color:var(--gold);font-weight:700;">$12.00</td><td style="padding:12px 14px;text-align:center;">100</td><td style="padding:12px 14px;text-align:center;">10,000</td><td style="padding:12px 14px;text-align:center;">1-4 days</td></tr>
|
||
<tr style="background:rgba(255,255,255,0.02);"><td style="padding:12px 14px;">🔑 Membership</td><td style="padding:12px 14px;text-align:center;">One-time</td><td style="padding:12px 14px;text-align:center;color:var(--orange);font-weight:700;">$10.00</td><td style="padding:12px 14px;text-align:center;">—</td><td style="padding:12px 14px;text-align:center;">—</td><td style="padding:12px 14px;text-align:center;">Within 24hrs of payment</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<p style="text-align:center;margin-top:24px;color:var(--muted);font-size:0.85rem;">💡 <strong>Important:</strong> All payments are in Bitcoin. $USD prices are approximate — send the BTC equivalent at current market rate. Overpayments are credited to your account. Underpayments may delay processing.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- RULES -->
|
||
<section>
|
||
<div class="container">
|
||
<div class="section-title"><h2>📋 House Rules</h2><p>We're upfront about everything. Read before you buy.</p></div>
|
||
<div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:20px;">
|
||
<div class="feature-card"><div class="feature-icon">⏱️</div><h3>Delivery Times</h3><p>Followers: 2-5 business days. Likes: 1-3 days. Comments: 2-4 days. Large orders may take longer — we don't spike your account with suspicious activity.</p></div>
|
||
<div class="feature-card"><div class="feature-icon">🔄</div><h3>Refill Guarantee</h3><p>If followers drop within 30 days, we refill for free. Natural attrition happens — we've got you covered. Just email us with your order ID.</p></div>
|
||
<div class="feature-card"><div class="feature-icon">🚫</div><h3>No Refunds After Delivery</h3><p>Once delivery starts, refunds are not available. You're paying for a service we've already begun rendering. Plan accordingly.</p></div>
|
||
<div class="feature-card"><div class="feature-icon">🔒</div><h3>Account Must Be Public</h3><p>Private accounts can't receive engagement. If your account is private, we'll hold your order until you make it public. No refunds for private accounts.</p></div>
|
||
<div class="feature-card"><div class="feature-icon">📊</div><h3>Fair Use</h3><p>We reserve the right to limit or refuse orders that appear fraudulent or abusive. This protects our delivery network and all clients.</p></div>
|
||
<div class="feature-card"><div class="feature-icon">🤝</div><h3>Manual Fulfillment</h3><p>Every order is reviewed and activated by a human. After payment confirmation, you'll receive access within 24 hours. This is not an automated system.</p></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- TESTIMONIALS -->
|
||
<section id="testimonials">
|
||
<div class="container">
|
||
<div class="section-title"><h2>Real Client Results</h2><p>Don't take our word for it.</p></div>
|
||
<div class="testimonial-grid">
|
||
<div class="testimonial"><div class="stars">★★★★★</div><div class="quote">"Went from 200 to 85K followers in 6 months. Paid in BTC, got access the next day. Brand deals went from $0 to $5K per post. Life-changing."</div><div class="author"><div class="avatar" style="background:linear-gradient(135deg,#f97316,#ef4444)">S</div><div><div class="author-name">Sarah Mitchell</div><div class="author-handle">@sarahcreates • 85K</div></div></div></div>
|
||
<div class="testimonial"><div class="stars">★★★★★</div><div class="quote">"E-commerce store was dead. Bought 10K followers + 50K likes. Instagram traffic exploded. Sales up 340% in Q1. The membership fee is a joke for this ROI."</div><div class="author"><div class="avatar" style="background:linear-gradient(135deg,#3b82f6,#8b5cf6)">M</div><div><div class="author-name">Marcus Chen</div><div class="author-handle">@marcusbuilds • 120K</div></div></div></div>
|
||
<div class="testimonial"><div class="stars">★★★★★</div><div class="quote">"Sent my BTC, got my dashboard within hours. 500 followers in 14 minutes. I've placed 6 orders since. This is the real deal."</div><div class="author"><div class="avatar" style="background:linear-gradient(135deg,#ec4899,#f0c060)">J</div><div><div class="author-name">Jessica Torres</div><div class="author-handle">@jessicatravels • 210K</div></div></div></div>
|
||
<div class="testimonial"><div class="stars">★★★★★</div><div class="quote">"47 client accounts, all through SocialPulse. The manual fulfillment is actually a plus — every order is reviewed, nothing slips through. Agency-grade service."</div><div class="author"><div class="avatar" style="background:linear-gradient(135deg,#10b981,#06b6d4)">A</div><div><div class="author-name">Alex Rivera</div><div class="author-handle">@riveramedia • Agency</div></div></div></div>
|
||
<div class="testimonial"><div class="stars">★★★★★</div><div class="quote">"Empire tier. 500K followers across 3 platforms. Brands slide into MY DMs now. $499/mo is nothing compared to what I make from sponsorships."</div><div class="author"><div class="avatar" style="background:linear-gradient(135deg,#f0c060,#f97316)">D</div><div><div class="author-name">Derek Thompson</div><div class="author-handle">@derekvibes • 500K</div></div></div></div>
|
||
<div class="testimonial"><div class="stars">★★★★★</div><div class="quote">"Analytics dashboard alone is worth the membership. I can see exactly what works and double down. Not just growth — intelligence."</div><div class="author"><div class="avatar" style="background:linear-gradient(135deg,#8b5cf6,#ec4899)">N</div><div><div class="author-name">Nina Patel</div><div class="author-handle">@ninaanalytics • 175K</div></div></div></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- COMMENT BOARD -->
|
||
<section>
|
||
<div class="container">
|
||
<div class="cboard">
|
||
<h3>💬 The Testimony Wall</h3>
|
||
<p style="color:var(--muted);margin-bottom:20px;">Real clients. Real results. Drop your testimony.</p>
|
||
<div class="cform">
|
||
<input type="text" id="cName" placeholder="Your Name" style="max-width:250px;">
|
||
<textarea id="cBody" placeholder="Share your SocialPulse success..."></textarea>
|
||
<button class="btn btn-purple" onclick="postComment()" style="white-space:nowrap;">Post Testimony</button>
|
||
</div>
|
||
<div class="clist" id="commentList"></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- GUARANTEE -->
|
||
<section>
|
||
<div class="container">
|
||
<div style="text-align:center; background:linear-gradient(135deg,rgba(139,92,246,0.06),rgba(240,192,96,0.04)); border-radius:var(--radius); padding:60px 32px;">
|
||
<div style="font-size:4rem;margin-bottom:16px;">🔒</div>
|
||
<h2 style="font-size:2rem;margin-bottom:8px;">100% Delivery Guarantee</h2>
|
||
<p style="color:var(--muted);max-width:500px;margin:0 auto 24px;">We deliver what you pay for — or your Bitcoin back. No games, no excuses. Just results.</p>
|
||
<a href="#order" class="btn btn-gold btn-lg">Start Growing Now →</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<footer style="padding:40px 0;text-align:center;border-top:1px solid rgba(255,255,255,0.04);color:var(--muted);font-size:0.85rem;">
|
||
<div class="container">© 2026 SocialPulse Inc. BTC Wallet: 35vTSjPCaqudcL5cj5ChpNDmqrpPFmEnss | Manual fulfillment — 24hr activation | No automation, real humans.</div>
|
||
</footer>
|
||
|
||
<script>
|
||
// CHARTS
|
||
new Chart(document.getElementById('chart1'),{
|
||
type:'line',data:{labels:Array.from({length:30},(_,i)=>`Day ${i+1}`),datasets:[{label:'Followers',data:Array.from({length:30},(_,i)=>800000+Math.floor(i*1576+Math.random()*500)),borderColor:'#f0c060',backgroundColor:'rgba(240,192,96,0.1)',fill:true,tension:0.4,pointRadius:0}]},
|
||
options:{responsive:true,plugins:{legend:{display:false}},scales:{x:{display:false},y:{grid:{color:'rgba(255,255,255,0.03)'},ticks:{color:'#94a3b8'}}}}
|
||
});
|
||
new Chart(document.getElementById('chart2'),{
|
||
type:'doughnut',data:{labels:['Instagram','TikTok','YouTube','Twitter/X','Facebook','LinkedIn'],datasets:[{data:[42,28,15,8,5,2],backgroundColor:['#f0c060','#ec4899','#8b5cf6','#3b82f6','#10b981','#f97316'],borderWidth:0}]},
|
||
options:{responsive:true,plugins:{legend:{position:'bottom',labels:{color:'#94a3b8',padding:16}}}}
|
||
});
|
||
|
||
// ORDER CALCULATOR
|
||
const PRICES = { followers:15, likes:8, comments:25, views:5 };
|
||
const LABELS = { followers:'👥 Followers', likes:'❤️ Likes', comments:'💬 Comments', views:'👀 Views' };
|
||
const UNITS = { followers:'1,000', likes:'1,000', comments:'100', views:'1,000' };
|
||
|
||
['followers','likes','comments','views'].forEach(id=>{
|
||
document.getElementById(id).addEventListener('input',updateCart);
|
||
});
|
||
|
||
function updateCart(){
|
||
const tbody=document.getElementById('cartBody');
|
||
const btc=document.getElementById('orderBtcBox');
|
||
let html='',total=0,hasItems=false;
|
||
['followers','likes','comments','views'].forEach(k=>{
|
||
const q=parseInt(document.getElementById(k).value)||0;
|
||
if(q>0){
|
||
const sub=q*PRICES[k];
|
||
html+=`<tr><td>${LABELS[k]}</td><td>${q.toLocaleString()} × ${UNITS[k]}</td><td>$${PRICES[k]}</td><td style="color:var(--gold);font-weight:700;">$${sub}</td></tr>`;
|
||
total+=sub;hasItems=true;
|
||
}
|
||
});
|
||
document.getElementById('cart').style.display=hasItems?'block':'none';
|
||
tbody.innerHTML=html||'<tr><td colspan="4" style="text-align:center;color:var(--muted);">Add services above</td></tr>';
|
||
document.getElementById('totalDisplay').textContent='$'+total.toLocaleString(undefined,{minimumFractionDigits:2});
|
||
btc.style.display=hasItems?'block':'none';
|
||
}
|
||
function submitOrder(e){
|
||
e.preventDefault();
|
||
const txid=document.getElementById('txId').value.trim();
|
||
const platform=document.getElementById('platform').value.trim();
|
||
const email=document.getElementById('email').value.trim();
|
||
let total=0;
|
||
['followers','likes','comments','views'].forEach(k=>{ const q=parseInt(document.getElementById(k).value)||0; if(q>0)total+=q*PRICES[k]; });
|
||
if(total===0) return alert('Add at least one service to your order.');
|
||
if(!txid) return alert('Enter your Bitcoin Transaction ID.');
|
||
if(!email) return alert('Enter your email for order confirmation.');
|
||
if(!platform) return alert('Enter your social media handle(s).');
|
||
const msg=`✅ ORDER SUBMITTED\\n\\nTotal: $${total}\\nTXID: ${txid.slice(0,16)}...\\nPlatform: ${platform}\\nEmail: ${email}\\n\\nWe will verify your payment and activate access within 24 hours. Save your TXID for reference.`;
|
||
alert(msg);
|
||
window.location.hash='join';
|
||
}
|
||
function copyAddr(id,btn){
|
||
const el=document.getElementById(id);
|
||
navigator.clipboard.writeText(el.textContent).then(()=>{
|
||
const copied=document.getElementById(id==='joinAddr'?'joinCopied':'orderCopied');
|
||
copied.style.display='inline';
|
||
setTimeout(()=>copied.style.display='none',2000);
|
||
});
|
||
}
|
||
|
||
// COMMENTS
|
||
function loadComments(){
|
||
const comments=JSON.parse(localStorage.getItem('socialpulse_comments')||'[]');
|
||
const list=document.getElementById('commentList');
|
||
if(comments.length===0){list.innerHTML='<p style="color:var(--muted);text-align:center;padding:20px;">Be the first to testify! ✨</p>';return;}
|
||
list.innerHTML=comments.map(c=>`<div class="comment"><div class="ch"><span class="cn">${esc(c.name)}</span><span class="cd">${esc(c.date)}</span></div><div class="cb">${esc(c.body)}</div></div>`).join('');
|
||
}
|
||
function postComment(){
|
||
const name=document.getElementById('cName').value.trim(),body=document.getElementById('cBody').value.trim();
|
||
if(!name||!body)return alert('Fill in both fields.');
|
||
const comments=JSON.parse(localStorage.getItem('socialpulse_comments')||'[]');
|
||
comments.unshift({name,body,date:new Date().toLocaleDateString('en-US',{month:'short',day:'numeric',year:'numeric'})});
|
||
localStorage.setItem('socialpulse_comments',JSON.stringify(comments));
|
||
document.getElementById('cName').value='';document.getElementById('cBody').value='';loadComments();
|
||
}
|
||
function esc(s){const d=document.createElement('div');d.textContent=s;return d.innerHTML;}
|
||
loadComments();
|
||
document.querySelectorAll('a[href^="#"]').forEach(a=>a.addEventListener('click',e=>{e.preventDefault();document.querySelector(a.getAttribute('href')).scrollIntoView({behavior:'smooth'});}));
|
||
</script>
|
||
</body>
|
||
</html>
|