forked from kindrat86/agentshield
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathchallenge.html
More file actions
130 lines (117 loc) · 6.08 KB
/
Copy pathchallenge.html
File metadata and controls
130 lines (117 loc) · 6.08 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>The $2,800 Challenge, AgentShield</title>
<meta name="description" content="If AgentShield doesn't save you at least $19 in your first month, I'll pay YOU $19. You literally cannot lose.">
<style>
:root{--bg:#0a0a0a;--card:#141414;--accent:#00d4aa;--accent2:#7c3aed;--danger:#ef4444;--gold:#fbbf24;--text:#f5f5f5;--muted:#94a3b8;--border:#262626}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.7;max-width:680px;margin:0 auto;padding:40px 20px}
h1{font-size:34px;background:linear-gradient(135deg,var(--gold),var(--danger));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;margin-bottom:8px}
.subtitle{text-align:center;color:var(--muted);font-size:18px;margin-bottom:32px}
.guarantee-box{background:linear-gradient(135deg,rgba(0,212,170,0.1),rgba(124,58,237,0.1));border:2px solid var(--accent);border-radius:16px;padding:28px;text-align:center;margin:32px 0}
.guarantee-box .amount{font-size:48px;font-weight:900;color:var(--accent)}
.guarantee-box .text{font-size:18px;color:var(--text);margin-top:8px}
.steps{counter-reset:step;margin:32px 0}
.step{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}
.step-num{flex-shrink:0;width:36px;height:36px;background:var(--accent);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px}
.step-content h3{font-size:17px;color:var(--accent);margin-bottom:4px}
.step-content p{font-size:15px;color:var(--muted)}
code{background:var(--card);padding:2px 8px;border-radius:4px;font-size:14px;color:var(--accent)}
.code-block{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px;margin:12px 0;font-family:'SF Mono',Fira Code,monospace;font-size:14px;color:var(--accent);overflow-x:auto}
.cta{display:block;text-align:center;padding:18px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;text-decoration:none;border-radius:10px;font-weight:700;font-size:18px;margin:24px 0}
.fine-print{font-size:13px;color:var(--muted);text-align:center;margin:16px 0}
.dollars-counter{text-align:center;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:12px;margin:24px 0}
.dollars-counter .number{font-size:36px;font-weight:900;color:var(--accent);font-variant-numeric:tabular-nums}
.dollars-counter .label{font-size:14px;color:var(--muted)}
footer{text-align:center;padding:24px 0;border-top:1px solid var(--border);margin-top:40px;font-size:13px;color:var(--muted)}
</style>
</head>
<body>
<h1>The $2,800 Challenge</h1>
<p class="subtitle">If AgentShield doesn't save you at least $19 in your first month, <strong>I'll pay YOU $19.</strong></p>
<div class="guarantee-box">
<div class="amount">$19</div>
<div class="text">That's my guarantee. You literally cannot lose.</div>
</div>
<h2 style="font-size:22px;color:var(--accent);margin-bottom:16px">How It Works</h2>
<div class="steps">
<div class="step">
<div class="step-num">1</div>
<div class="step-content">
<h3>Install AgentShield</h3>
<p>One command. Zero dependencies.</p>
<div class="code-block">pip install agentshield</div>
</div>
</div>
<div class="step">
<div class="step-num">2</div>
<div class="step-content">
<h3>Run the emergency scan</h3>
<p>Find out instantly how much your agents are wasting.</p>
<div class="code-block">python -m agentshield.emergency</div>
</div>
</div>
<div class="step">
<div class="step-num">3</div>
<div class="step-content">
<h3>Set your rules</h3>
<p>Add transaction limits, daily caps, velocity detection. Takes 5 minutes.</p>
</div>
</div>
<div class="step">
<div class="step-num">4</div>
<div class="step-content">
<h3>Check after 30 days</h3>
<p>If AgentShield hasn't blocked at least $19 in would-be waste, email <a href="mailto:sales@sipiteno.com" style="color:var(--accent)">sales@sipiteno.com</a> with your logs and I'll PayPal you $19.</p>
</div>
</div>
</div>
<div class="dollars-counter">
<div class="number" id="counter">$0</div>
<div class="label">dollars in API waste prevented by AgentShield</div>
</div>
<a href="#install" class="cta">Accept the Challenge →</a>
<div class="fine-print">
<strong>The fine print (there's barely any):</strong><br>
• You must run AgentShield for at least 30 days<br>
• You must show the blocked-transaction logs<br>
• If total blocked < $19, I PayPal you the difference<br>
• No tricks, no upsells, no "processing fees"<br>
• Challenge limited to first 100 participants
</div>
<h2 style="font-size:22px;color:var(--accent);margin-top:32px;margin-bottom:16px" id="install">Get Started Now</h2>
<div class="code-block">pip install agentshield && python -m agentshield.emergency</div>
<p style="margin-top:16px">Then read the <a href="/the-2800-story" style="color:var(--accent)">$2,800 story</a> to understand why this matters.</p>
<footer>
AgentShield, A firewall for AI agent spending.<br>
<a href="/" style="color:var(--accent)">Home</a> · <a href="/bounty" style="color:var(--accent)">$1,000 Bounty</a> · <a href="/free-audit" style="color:var(--accent)">Free Audit</a> · <a href="https://github.com/kindrat86/agentshield" style="color:var(--accent)">GitHub</a>
</footer>
<script>
// Animated counter, starts at $14,329 (simulated cumulative blocked)
var target = 14329;
var current = 0;
var el = document.getElementById('counter');
var duration = 2000;
var start = Date.now();
function update() {
var elapsed = Date.now() - start;
var progress = Math.min(elapsed / duration, 1);
var eased = 1 - Math.pow(1 - progress, 3);
current = Math.floor(target * eased);
el.textContent = '$' + current.toLocaleString();
if (progress < 1) requestAnimationFrame(update);
else {
// Increment slowly after animation
setInterval(function() {
target += Math.floor(Math.random() * 7) + 1;
el.textContent = '$' + target.toLocaleString();
}, 5000);
}
}
update();
</script>
</body>
</html>