🔥 v2: BTC payment flow — 0 membership, per-item pricing, order form with TXID, full transparency rules
This commit is contained in:
drjones
625
index.html
625
index.html
@@ -7,61 +7,37 @@
|
||||
<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;
|
||||
--radius: 14px;
|
||||
--shadow: 0 0 60px rgba(139,92,246,0.08);
|
||||
--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;
|
||||
}
|
||||
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 */
|
||||
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;
|
||||
}
|
||||
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; }
|
||||
.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 { 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; }
|
||||
@@ -71,44 +47,67 @@
|
||||
.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; }
|
||||
|
||||
/* SECTIONS */
|
||||
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; }
|
||||
|
||||
/* 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 { 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 */
|
||||
.dashboard-section { background: var(--surface); border-radius: var(--radius); padding: 48px; box-shadow: var(--shadow); border: 1px solid rgba(255,255,255,0.04); }
|
||||
.dashboard-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin-bottom: 32px; }
|
||||
.dash-card {
|
||||
background: var(--card); border-radius: var(--radius); padding: 24px;
|
||||
text-align: center; border: 1px solid rgba(255,255,255,0.04);
|
||||
}
|
||||
.dash-card .label { color: var(--muted); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; }
|
||||
.dash-card .value { font-size: 2rem; font-weight: 800; margin: 6px 0; }
|
||||
.dash-card .change { font-size: 0.85rem; color: var(--green); }
|
||||
.chart-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
|
||||
.chart-box { background: var(--card); border-radius: var(--radius); padding: 24px; }
|
||||
.chart-box h4 { margin-bottom: 12px; color: var(--muted); font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px; }
|
||||
@media (max-width: 768px) { .chart-grid { grid-template-columns: 1fr; } }
|
||||
.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 { 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; }
|
||||
@@ -117,63 +116,50 @@
|
||||
.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 { 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; color: var(--text); }
|
||||
.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 .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 */
|
||||
.comment-board { background: var(--surface); border-radius: var(--radius); padding: 40px; box-shadow: var(--shadow); }
|
||||
.comment-board h3 { margin-bottom: 24px; }
|
||||
.comment-form { display: flex; gap: 12px; margin-bottom: 32px; flex-wrap: wrap; }
|
||||
.comment-form input, .comment-form 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;
|
||||
}
|
||||
.comment-form textarea { border-radius: var(--radius); min-height: 80px; resize: vertical; }
|
||||
.comment-list { 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 .c-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
|
||||
.comment .c-name { font-weight: 700; }
|
||||
.comment .c-date { color: var(--muted); font-size: 0.8rem; }
|
||||
.comment .c-body { color: var(--text); line-height: 1.5; }
|
||||
.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; }
|
||||
|
||||
/* GUARANTEE */
|
||||
.guarantee-section { 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; }
|
||||
.guarantee-icon { font-size: 4rem; margin-bottom: 16px; }
|
||||
.guarantee-section h2 { font-size: 2rem; margin-bottom: 8px; }
|
||||
.guarantee-section p { color: var(--muted); max-width: 500px; margin: 0 auto 24px; }
|
||||
/* 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; }
|
||||
|
||||
/* FOOTER */
|
||||
footer { padding: 40px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.04); color: var(--muted); font-size: 0.85rem; }
|
||||
|
||||
/* ANIMATIONS */
|
||||
@keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
|
||||
.floating { animation: float 4s ease-in-out infinite; }
|
||||
/* 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; }
|
||||
.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>
|
||||
@@ -183,12 +169,12 @@
|
||||
<nav>
|
||||
<div class="logo">🔥 SocialPulse</div>
|
||||
<div class="nav-links">
|
||||
<a href="#features">Features</a>
|
||||
<a href="#dashboard">Dashboard</a>
|
||||
<a href="#pricing">Pricing</a>
|
||||
<a href="#testimonials">Testimonials</a>
|
||||
<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="#pricing" class="btn btn-gold">Get Started</a>
|
||||
<a href="#order" class="btn btn-gold">Get Started</a>
|
||||
</nav>
|
||||
|
||||
<!-- HERO -->
|
||||
@@ -196,13 +182,13 @@
|
||||
<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>Our AI-powered engine floods your accounts with REAL engagement. More followers, more likes, more influence — on autopilot. You set the target, we deliver.</p>
|
||||
<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="#pricing" class="btn btn-gold btn-lg" style="font-size:1.1rem; padding:16px 40px;">Start Dominating →</a>
|
||||
<a href="#dashboard" class="btn btn-outline btn-lg" style="font-size:1.1rem; padding:16px 40px;">See Live Results</a>
|
||||
<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" id="counter1">247M+</div><div class="stat-label">Followers Delivered</div></div>
|
||||
<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>
|
||||
@@ -210,147 +196,206 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FEATURES -->
|
||||
<section id="features">
|
||||
<!-- HOW IT WORKS -->
|
||||
<section id="how">
|
||||
<div class="container">
|
||||
<div class="section-title">
|
||||
<h2>Why Settle For Average?</h2>
|
||||
<p>Our proprietary AI doesn't just boost numbers — it builds your digital empire.</p>
|
||||
</div>
|
||||
<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">⚡</div>
|
||||
<h3>Lightning-Fast Delivery</h3>
|
||||
<p>Engagement starts flowing within minutes. Our AI engine processes millions of interactions per second across every major platform.</p>
|
||||
<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">🎯</div>
|
||||
<h3>Laser-Targeted Growth</h3>
|
||||
<p>Not just bots — we match your niche, demographics, and audience profile. Your followers actually LOOK real because they ARE real.</p>
|
||||
<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">📊</div>
|
||||
<h3>Live Analytics Dashboard</h3>
|
||||
<p>Watch your empire grow in real-time. Every like, follow, and comment tracked with enterprise-grade analytics.</p>
|
||||
<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">🛡️</div>
|
||||
<h3>Undetectable & Safe</h3>
|
||||
<p>Our delivery patterns mimic organic growth. No bans, no flags, no suspicious spikes. Just smooth, natural-looking domination.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">🌍</div>
|
||||
<h3>All Platforms, One Dashboard</h3>
|
||||
<p>Instagram, TikTok, YouTube, Twitter/X, Facebook, LinkedIn — manage your entire social empire from one place.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">🤖</div>
|
||||
<h3>AI Auto-Pilot Mode</h3>
|
||||
<p>Set your target follower count and let our AI handle everything. It adjusts delivery speed, engagement types, and timing automatically.</p>
|
||||
<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>
|
||||
|
||||
<!-- DASHBOARD -->
|
||||
<section id="dashboard">
|
||||
<!-- JOIN SECTION -->
|
||||
<section id="join">
|
||||
<div class="container">
|
||||
<div class="section-title">
|
||||
<h2>Your Command Center</h2>
|
||||
<p>This is what total control looks like. Real metrics from real campaigns.</p>
|
||||
</div>
|
||||
<div class="dashboard-section">
|
||||
<div class="dashboard-grid">
|
||||
<div class="dash-card">
|
||||
<div class="label">Total Followers</div>
|
||||
<div class="value" style="color:var(--gold)">847,291</div>
|
||||
<div class="change">↑ 12,443 today</div>
|
||||
</div>
|
||||
<div class="dash-card">
|
||||
<div class="label">Engagement Rate</div>
|
||||
<div class="value" style="color:var(--purple)">8.7%</div>
|
||||
<div class="change">↑ 2.1% vs last week</div>
|
||||
</div>
|
||||
<div class="dash-card">
|
||||
<div class="label">Posts This Month</div>
|
||||
<div class="value" style="color:var(--pink)">1,247</div>
|
||||
<div class="change">↑ 89 this week</div>
|
||||
</div>
|
||||
<div class="dash-card">
|
||||
<div class="label">Impressions</div>
|
||||
<div class="value" style="color:var(--green)">12.4M</div>
|
||||
<div class="change">↑ 2.3M this month</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chart-grid">
|
||||
<div class="chart-box"><h4>Follower Growth (30 Day)</h4><canvas id="chart1"></canvas></div>
|
||||
<div class="chart-box"><h4>Engagement by Platform</h4><canvas id="chart2"></canvas></div>
|
||||
<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>
|
||||
|
||||
<!-- PRICING -->
|
||||
<!-- 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>Choose Your Dominance Level</h2>
|
||||
<p>From side hustle to global influence — we've got a plan for every ambition.</p>
|
||||
</div>
|
||||
<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>
|
||||
<p style="color:var(--muted);">Perfect for getting your feet wet</p>
|
||||
<ul>
|
||||
<li>1,000 Followers/mo</li>
|
||||
<li>5,000 Likes/mo</li>
|
||||
<li>1,000 Followers included</li>
|
||||
<li>5,000 Likes included</li>
|
||||
<li>2 Social Accounts</li>
|
||||
<li>Basic Analytics</li>
|
||||
<li>Email Support</li>
|
||||
<li>Basic Analytics Dashboard</li>
|
||||
</ul>
|
||||
<a href="#" class="btn btn-outline" style="width:100%">Choose Starter</a>
|
||||
<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>
|
||||
<p style="color:var(--muted);">The sweet spot for serious creators</p>
|
||||
<ul>
|
||||
<li>10,000 Followers/mo</li>
|
||||
<li>50,000 Likes/mo</li>
|
||||
<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>
|
||||
<a href="#" class="btn btn-gold" style="width:100%">Choose Growth</a>
|
||||
<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>
|
||||
<p style="color:var(--muted);">For those who refuse to lose</p>
|
||||
<ul>
|
||||
<li>100,000 Followers/mo</li>
|
||||
<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>
|
||||
<a href="#" class="btn btn-purple" style="width:100%">Choose Empire</a>
|
||||
<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>
|
||||
|
||||
<!-- GUARANTEE -->
|
||||
<!-- FULL PRICE TABLE -->
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="guarantee-section">
|
||||
<div class="guarantee-icon">🔒</div>
|
||||
<h2>100% Results Guarantee</h2>
|
||||
<p>If you don't see measurable growth within 7 days, we'll refund every penny — no questions asked. That's how confident we are.</p>
|
||||
<a href="#pricing" class="btn btn-gold" style="font-size:1.1rem; padding:16px 40px;">Start Risk-Free →</a>
|
||||
<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>
|
||||
@@ -358,135 +403,129 @@
|
||||
<!-- TESTIMONIALS -->
|
||||
<section id="testimonials">
|
||||
<div class="container">
|
||||
<div class="section-title">
|
||||
<h2>What Our Clients Say</h2>
|
||||
<p>Don't take our word for it. Hear from the thousands who've already ascended.</p>
|
||||
</div>
|
||||
<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">"I went from 200 followers to 85K in 6 months. My brand deals went from $0 to $5K per post. This platform literally changed my life."</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 followers</div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial">
|
||||
<div class="stars">★★★★★</div>
|
||||
<div class="quote">"My e-commerce store was struggling. Launched SocialPulse and our Instagram traffic exploded. Sales up 340% in Q1 alone. Insane 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 followers</div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial">
|
||||
<div class="stars">★★★★★</div>
|
||||
<div class="quote">"I was skeptical. But 14 minutes after signing up, I had 500 new followers. 14 MINUTES. The AI auto-pilot is actual sorcery."</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 followers</div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial">
|
||||
<div class="stars">★★★★★</div>
|
||||
<div class="quote">"We manage 47 client accounts through SocialPulse. The dashboard alone saves us 20 hours a week. Our agency would collapse without it."</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 Owner</div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial">
|
||||
<div class="stars">★★★★★</div>
|
||||
<div class="quote">"Not gonna lie — I bought the Empire plan just to flex. Now I have 500K followers across 3 platforms and brands are sliding into MY DMs. Best $499 I've ever spent."</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 followers</div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial">
|
||||
<div class="stars">★★★★★</div>
|
||||
<div class="quote">"The analytics are next level. I can see EXACTLY which content resonates, which platforms convert, and where to double down. This isn't just growth — it's 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 followers</div></div>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
|
||||
<!-- OPEN COMMENT BOARD -->
|
||||
<!-- COMMENT BOARD -->
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="comment-board">
|
||||
<div class="cboard">
|
||||
<h3>💬 The Testimony Wall</h3>
|
||||
<p style="color:var(--muted); margin-bottom:20px;">Real clients. Real results. Leave your testimony below.</p>
|
||||
<div class="comment-form">
|
||||
<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 story..."></textarea>
|
||||
<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="comment-list" id="commentList"></div>
|
||||
<div class="clist" id="commentList"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<!-- GUARANTEE -->
|
||||
<section>
|
||||
<div class="container">
|
||||
<p>© 2026 SocialPulse Inc. All rights reserved. | Results may vary. | We don't actually guarantee anything legally but our track record speaks for itself.</p>
|
||||
<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}]
|
||||
},
|
||||
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}]
|
||||
},
|
||||
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}}}}
|
||||
});
|
||||
|
||||
// COMMENT BOARD
|
||||
// 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! Your success story inspires others. ✨</p>';
|
||||
return;
|
||||
}
|
||||
list.innerHTML = comments.map((c,i)=>`
|
||||
<div class="comment">
|
||||
<div class="c-header"><span class="c-name">${esc(c.name)}</span><span class="c-date">${esc(c.date)}</span></div>
|
||||
<div class="c-body">${esc(c.body)}</div>
|
||||
</div>
|
||||
`).join('');
|
||||
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();
|
||||
const body=document.getElementById('cBody').value.trim();
|
||||
if(!name||!body) return alert('Please enter both name and testimony.');
|
||||
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();
|
||||
document.getElementById('cName').value='';document.getElementById('cBody').value='';loadComments();
|
||||
}
|
||||
function esc(s){const d=document.createElement('div');d.textContent=s;return d.innerHTML;}
|
||||
loadComments();
|
||||
|
||||
// SMOOTH SCROLL
|
||||
document.querySelectorAll('a[href^="#"]').forEach(a=>a.addEventListener('click',e=>{
|
||||
e.preventDefault();document.querySelector(a.getAttribute('href')).scrollIntoView({behavior:'smooth'});
|
||||
}));
|
||||
document.querySelectorAll('a[href^="#"]').forEach(a=>a.addEventListener('click',e=>{e.preventDefault();document.querySelector(a.getAttribute('href')).scrollIntoView({behavior:'smooth'});}));
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user