-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathcheckout.html
More file actions
139 lines (132 loc) · 7.69 KB
/
checkout.html
File metadata and controls
139 lines (132 loc) · 7.69 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
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>datacenter-mcp-server — API Access Plans</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: #0a0f1a; color: #e0e6ed; min-height: 100vh; }
.header { text-align: center; padding: 60px 20px 40px; }
.header h1 { font-size: 2.4rem; font-weight: 700; background: linear-gradient(135deg, #00d4ff, #7b61ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.header p { color: #8899aa; font-size: 1.1rem; margin-top: 12px; max-width: 600px; margin-left: auto; margin-right: auto; }
.badge { display: inline-block; background: #162233; border: 1px solid #1e3a5f; border-radius: 20px; padding: 6px 16px; font-size: 0.85rem; color: #00d4ff; margin-bottom: 20px; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; max-width: 1100px; margin: 0 auto; padding: 0 20px 60px; }
.card { background: #111827; border: 1px solid #1e293b; border-radius: 16px; padding: 32px; position: relative; transition: transform 0.2s, border-color 0.2s; }
.card:hover { transform: translateY(-4px); border-color: #334155; }
.card.popular { border-color: #7b61ff; }
.card.popular::before { content: 'MOST POPULAR'; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: #7b61ff; color: white; font-size: 0.7rem; font-weight: 700; padding: 4px 14px; border-radius: 10px; letter-spacing: 0.5px; }
.tier { font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px; color: #6b7b8d; margin-bottom: 8px; }
.price { font-size: 2.8rem; font-weight: 700; color: white; }
.price span { font-size: 1rem; color: #6b7b8d; font-weight: 400; }
.desc { color: #8899aa; font-size: 0.9rem; margin: 12px 0 24px; line-height: 1.5; }
.features { list-style: none; margin-bottom: 28px; }
.features li { padding: 8px 0; color: #c0ccd8; font-size: 0.9rem; display: flex; align-items: flex-start; gap: 10px; }
.features li::before { content: '\2713'; color: #00d4ff; font-weight: 700; flex-shrink: 0; }
.btn { display: block; width: 100%; padding: 14px; border: none; border-radius: 10px; font-size: 1rem; font-weight: 600; cursor: pointer; text-align: center; text-decoration: none; transition: opacity 0.2s; }
.btn:hover { opacity: 0.9; }
.btn-free { background: #1e293b; color: #e0e6ed; }
.btn-primary { background: linear-gradient(135deg, #7b61ff, #00d4ff); color: white; }
.btn-enterprise { background: #162233; color: #00d4ff; border: 1px solid #1e3a5f; }
.tools { max-width: 1100px; margin: 0 auto 60px; padding: 0 20px; }
.tools h2 { text-align: center; font-size: 1.6rem; margin-bottom: 24px; color: white; }
.tool-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.tool { background: #111827; border: 1px solid #1e293b; border-radius: 12px; padding: 20px; }
.tool h3 { font-size: 0.95rem; color: #00d4ff; margin-bottom: 6px; }
.tool p { font-size: 0.82rem; color: #8899aa; line-height: 1.4; }
.footer { text-align: center; padding: 40px 20px; border-top: 1px solid #1e293b; color: #556677; font-size: 0.85rem; }
.footer a { color: #00d4ff; text-decoration: none; }
</style>
</head>
<body>
<div class="header">
<div class="badge">8 Engineering Tools • ASHRAE Compliant • MCP Native</div>
<h1>datacenter-mcp-server</h1>
<p>Mission-critical data center engineering calculations for AI agents. Free local access, paid API for teams and production.</p>
</div>
<div class="grid">
<div class="card">
<div class="tier">Free</div>
<div class="price">$0<span>/mo</span></div>
<div class="desc">Local stdio access via npm. Perfect for individual engineers and testing.</div>
<ul class="features">
<li>All 8 calculation tools</li>
<li>Local stdio transport</li>
<li>Claude Desktop, Cursor, Cline</li>
<li>Community support</li>
<li>10 API calls/day (HTTP)</li>
</ul>
<a href="https://www.npmjs.com/package/datacenter-mcp-server" class="btn btn-free">Install Free via npm</a>
</div>
<div class="card popular">
<div class="tier">Starter</div>
<div class="price">$149<span>/mo</span></div>
<div class="desc">Remote API access for teams building data center automation workflows.</div>
<ul class="features">
<li>All 8 calculation tools</li>
<li>HTTP/API transport</li>
<li>1,000 API calls/day</li>
<li>Dedicated API key</li>
<li>Email support (48h SLA)</li>
<li>Webhook notifications</li>
</ul>
<a href="#" class="btn btn-primary" id="starter-btn">Subscribe — $149/mo</a>
</div>
<div class="card">
<div class="tier">Professional</div>
<div class="price">$599<span>/mo</span></div>
<div class="desc">Production-grade for MEP firms, colocation operators, and DCIM integrations.</div>
<ul class="features">
<li>All Starter features</li>
<li>10,000 API calls/day</li>
<li>Batch calculation endpoints</li>
<li>Priority support (24h SLA)</li>
<li>Custom parameter ranges</li>
<li>PDF/DOCX report generation</li>
</ul>
<a href="#" class="btn btn-primary" id="pro-btn">Subscribe — $599/mo</a>
</div>
<div class="card">
<div class="tier">Enterprise</div>
<div class="price">$2,999<span>/mo</span></div>
<div class="desc">White-glove for hyperscalers, REITs, and mission-critical operations.</div>
<ul class="features">
<li>All Professional features</li>
<li>Unlimited API calls</li>
<li>Dedicated instance</li>
<li>Custom tool development</li>
<li>Phone support (4h SLA)</li>
<li>SOC 2 compliance package</li>
<li>Onboarding consultation</li>
</ul>
<a href="https://buy.stripe.com/5kQdRbgIC9CMdcOeMD4Ja04" class="btn btn-enterprise">Subscribe — $2,999/mo</a>
</div>
</div>
<div class="tools">
<h2>8 Professional Calculation Engines</h2>
<div class="tool-grid">
<div class="tool"><h3>Cooling Load Calculator</h3><p>ASHRAE-compliant cooling tonnage, airflow, and chilled water capacity for any facility size.</p></div>
<div class="tool"><h3>Power Redundancy Analyzer</h3><p>N/N+1/2N/2N+1 electrical distribution with efficiency and cost analysis.</p></div>
<div class="tool"><h3>Tier Classification</h3><p>Uptime Institute Tier I-IV assessment with compliance gaps and upgrade paths.</p></div>
<div class="tool"><h3>Commissioning Planner</h3><p>L1-L5 workflows per ASHRAE Guideline 0 with phase sequencing.</p></div>
<div class="tool"><h3>Rack Density Analyzer</h3><p>5-100+ kW/rack configurations with cooling strategy and power distribution.</p></div>
<div class="tool"><h3>GPU Cooling Optimizer</h3><p>H100/A100/H200/B200/GB200 thermal loads with liquid cooling sizing.</p></div>
<div class="tool"><h3>UPS & Battery Sizing</h3><p>VRLA vs lithium-ion TCO with 10-year lifecycle and floor space estimates.</p></div>
<div class="tool"><h3>Reference Lookup</h3><p>ASHRAE, Uptime Institute, NFPA 70, and industry best practices database.</p></div>
</div>
</div>
<div class="footer">
<p>NextGen Mission Critical • <a href="https://github.com/log-wade/datacenter-mcp-server">GitHub</a> • <a href="https://www.npmjs.com/package/datacenter-mcp-server">npm</a></p>
</div>
<script>
document.getElementById('starter-btn').addEventListener('click', (e) => {
e.preventDefault();
window.location.href = 'https://buy.stripe.com/5kQ8wRcsm16ga0C8of4Ja01';
});
document.getElementById('pro-btn').addEventListener('click', (e) => {
e.preventDefault();
window.location.href = 'https://buy.stripe.com/bJedRbboi4isgp0eMD4Ja03';
});
</script>
</body>
</html>