Hugging Face's logo

Spaces:
A7OM-AI
/
ATOM-MCP
Running

App Files Community
1
Steriani commited on
Commit
78b5c13
·
verified ·
1 Parent(s): 7a2597f

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +85 -17
index.html CHANGED
@@ -1,19 +1,87 @@
1
  <!doctype html>
2
  <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  <!doctype html>
2
  <html>
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width" />
6
+ <title>ATOM MCP. Live AI Inference Pricing</title>
7
+ <style>
8
+ body { font-family: Arial, sans-serif; background: #0a0a0a; color: #ffffff; margin: 0; padding: 40px 20px; }
9
+ .container { max-width: 800px; margin: 0 auto; text-align: center; }
10
+ .logo { font-size: 48px; font-weight: bold; color: #ffffff; letter-spacing: 4px; margin-bottom: 8px; }
11
+ .tagline { color: #888; font-size: 16px; margin-bottom: 40px; }
12
+ .highlight { color: #4a9eff; }
13
+ .stats { display: flex; justify-content: center; gap: 40px; margin: 40px 0; flex-wrap: wrap; }
14
+ .stat { text-align: center; }
15
+ .stat-number { font-size: 36px; font-weight: bold; color: #4a9eff; }
16
+ .stat-label { color: #888; font-size: 14px; }
17
+ .section { background: #1a1a1a; border-radius: 12px; padding: 30px; margin: 20px 0; text-align: left; }
18
+ .section h2 { color: #4a9eff; margin-top: 0; }
19
+ .tools { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 16px; }
20
+ .tool { background: #2a2a2a; padding: 12px; border-radius: 8px; font-family: monospace; font-size: 14px; color: #4a9eff; }
21
+ .free-tag { background: #1a3a1a; color: #4aff88; font-size: 11px; padding: 2px 8px; border-radius: 4px; margin-left: 8px; }
22
+ .pro-tag { background: #3a1a1a; color: #ff8844; font-size: 11px; padding: 2px 8px; border-radius: 4px; margin-left: 8px; }
23
+ .platforms { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin: 20px 0; }
24
+ .platform { background: #1a1a1a; padding: 10px 20px; border-radius: 8px; color: #888; }
25
+ .cta { display: inline-block; background: #4a9eff; color: #000; padding: 16px 40px; border-radius: 8px; font-weight: bold; font-size: 18px; text-decoration: none; margin: 20px 10px; }
26
+ .cta-secondary { display: inline-block; background: #1a1a1a; color: #4a9eff; padding: 16px 40px; border-radius: 8px; font-weight: bold; font-size: 18px; text-decoration: none; margin: 20px 10px; border: 1px solid #4a9eff; }
27
+ </style>
28
+ </head>
29
+ <body>
30
+ <div class="container">
31
+ <div class="logo">A7OM</div>
32
+ <div class="tagline">The Global Price Benchmark for AI Inference</div>
33
+
34
+ <div class="stats">
35
+ <div class="stat">
36
+ <div class="stat-number">1,600+</div>
37
+ <div class="stat-label">SKUs Tracked</div>
38
+ </div>
39
+ <div class="stat">
40
+ <div class="stat-number">40+</div>
41
+ <div class="stat-label">Vendors</div>
42
+ </div>
43
+ <div class="stat">
44
+ <div class="stat-number">8</div>
45
+ <div class="stat-label">MCP Tools</div>
46
+ </div>
47
+ <div class="stat">
48
+ <div class="stat-number">25</div>
49
+ <div class="stat-label">Price Indexes</div>
50
+ </div>
51
+ </div>
52
+
53
+ <div class="section">
54
+ <h2>ATOM MCP. AI Pricing Intelligence for Your Agent</h2>
55
+ <p>Give your AI agent live inference pricing context at decision time. Query 1,600+ SKUs across 40+ vendors directly inside your coding environment.</p>
56
+ <div class="tools">
57
+ <div class="tool">list_vendors <span class="free-tag">FREE</span></div>
58
+ <div class="tool">get_kpis <span class="free-tag">FREE</span></div>
59
+ <div class="tool">get_index_benchmarks <span class="free-tag">FREE</span></div>
60
+ <div class="tool">get_market_stats <span class="free-tag">FREE</span></div>
61
+ <div class="tool">search_models <span class="pro-tag">PRO</span></div>
62
+ <div class="tool">get_model_detail <span class="pro-tag">PRO</span></div>
63
+ <div class="tool">compare_prices <span class="pro-tag">PRO</span></div>
64
+ <div class="tool">get_vendor_catalog <span class="pro-tag">PRO</span></div>
65
+ </div>
66
+ </div>
67
+
68
+ <div class="section">
69
+ <h2>Works Natively In</h2>
70
+ <div class="platforms">
71
+ <div class="platform">Claude</div>
72
+ <div class="platform">Cursor</div>
73
+ <div class="platform">Windsurf</div>
74
+ <div class="platform">Any MCP Client</div>
75
+ </div>
76
+ </div>
77
+
78
+ <div class="section">
79
+ <h2>Who We Built This For</h2>
80
+ <p>AI Developers building cost-aware applications. FinOps and platform engineers automating inference cost monitoring. AI agents that need real pricing context at decision time.</p>
81
+ </div>
82
+
83
+ <a href="https://www.a7om.com/mcp" class="cta">Get Started Free</a>
84
+ <a href="https://www.a7om.com" class="cta-secondary">Learn More</a>
85
+ </div>
86
+ </body>
87
+ </html>