Help
RSS
API
Feed
Maltego
Contact
Domain > beta.hub.ai
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2025-11-30
104.21.26.135
(
ClassC
)
Port 443
HTTP/1.1 200 OKDate: Sun, 30 Nov 2025 03:39:35 GMTContent-Type: text/html; charsetutf-8Transfer-Encoding: chunkedConnection: keep-aliveAccess-Control-Allow-Origin: *Cache-Control: public, max-age0, must-revalidatereferrer-policy: strict-origin-when-cross-originx-content-type-options: nosniffVary: accept-encodingReport-To: {group:cf-nel,max_age:604800,endpoints:{url:https://a.nel.cloudflare.com/report/v4?sDH99tUxBlID9fy%2Bci1kvUSbvYMWJQFPoExQ%2BVzLg23qxYu3CnNgRCLE5J7xpKXHM8LLPxUGwXhRLN8QnJNHfqhxMql0bSE6wvA%3D%3D}}Nel: {report_to:cf-nel,success_fraction:0.0,max_age:604800}Server: cloudflarecf-cache-status: DYNAMICCF-RAY: 9a67518cff55ff17-PDXalt-svc: h3:443; ma86400 !DOCTYPE html>html langen>head> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0> meta namedescription contentHub.ai: The worlds first AI-native cloud platform. Works with Claude Code, Cursor, Windsurf, Cline & all MCP tools. Deploy and manage infrastructure with natural language. Let AI handle your DevOps while you focus on building.> meta namekeywords contentai cloud hosting, ai infrastructure, mcp cloud, claude code integration, cursor ide, windsurf codeium, cline vscode, ai devops, intelligent hosting, ai vm management, smart terminal, ai container hosting, natural language infrastructure, ai-powered cloud, Hub.ai, mcp compatible> title>Hub.ai - AI Cloud Platform for Claude Code, Cursor, Windsurf & MCP Tools/title>!-- SEO & Social Sharing Meta Tags --> link relcanonical hrefhttps://hub.ai/> link relicon href/favicon.ico typeimage/x-icon> meta nametheme-color content#1a73e8> !-- Open Graph / Facebook --> meta propertyog:type contentwebsite> meta propertyog:url contenthttps://hub.ai/> meta propertyog:title contentHub.ai - AI Cloud Platform for Claude Code, Cursor, Windsurf & MCP Tools> meta propertyog:description contentHub.ai: The worlds first AI-native cloud platform. Works with Claude Code, Cursor, Windsurf, Cline & all MCP tools. Deploy and manage infrastructure with natural language. Let AI handle your DevOps while you focus on building.> meta propertyog:image contenthttps://hub.ai/assets/images/hub-og-image-ai-cloud.png> !-- AI-focused OG image --> meta propertyog:site_name contentHub.ai> !-- Twitter --> meta propertytwitter:card contentsummary_large_image> meta propertytwitter:url contenthttps://hub.ai/> meta propertytwitter:title contentHub.ai - AI Cloud Platform for Claude Code, Cursor, Windsurf & MCP Tools> meta propertytwitter:description contentHub.ai: The worlds first AI-native cloud platform. Works with Claude Code, Cursor, Windsurf, Cline & all MCP tools. Deploy and manage infrastructure with natural language. Let AI handle your DevOps while you focus on building.> meta propertytwitter:image contenthttps://hub.ai/assets/images/hub-og-image-ai-cloud.png> !-- AI-focused OG image --> meta nametwitter:site content@HubAI> meta nametwitter:creator content@HubAI> !-- End SEO & Social Sharing Meta Tags --> link relstylesheet href./assets/css/style.css> link relstylesheet hrefhttps://cdn.jsdelivr.net/gh/devicons/devicon@v2.15.1/devicon.min.css> !-- Terminal Player --> link relstylesheet typetext/css hrefhttps://cdn.jsdelivr.net/npm/asciinema-player@3.10.0/dist/bundle/asciinema-player.css /> script> document.documentElement.classList.add(auth-loading); /script>!-- Google tag (gtag.js) --> script async srchttps://www.googletagmanager.com/gtag/js?idG-JTVPWYF2VE>/script> script> window.dataLayer window.dataLayer || ; function gtag(){dataLayer.push(arguments);} gtag(js, new Date()); gtag(config, G-JTVPWYF2VE); /script>script> (function() { const themeKey hubai-theme; const preferredTheme localStorage.getItem(themeKey) || dark; if (preferredTheme light) { document.documentElement.classList.add(light-theme); } })(); /script>/head>body> header> a href/ classheader-logo-link>img src/assets/img/logo-transparent-64.png altHub.ai logo classheader-logo-icon>h1>span classlogo-hub>Hub/span>span classlogo-ai>.ai/span>/h1>/a> nav> ul> li>a href/>Home/a>/li> li>a href/resources/>Resources/a>/li> li>a href/manage/>Manage/a>/li> li>a href/docs/>Docs/a>/li> li>a href/auth/ idheader-auth-link>Sign In / Sign Up/a>/li> /ul> /nav> button classmobile-menu-button idmobile-menu-toggle aria-labelToggle Menu> span classicon-bar>/span> span classicon-bar>/span> span classicon-bar>/span> /button> /header> main> !-- START: Hero Section --> section idhero classhero-section text-center> h2 classhero-title>Fully AI-Managed Cloud Compute Is Here./h2> p classhero-subtitle> Hub.ai revolutionizes cloud infrastructure with the strong>Model Context Protocol (MCP)/strong>. Connect your favorite coding tool—Claude Code, Cursor, Windsurf, Cline, or any MCP-enabled IDE—to instantly provision and manage VMs, containers, and entire infrastructures. Full root access. Complete control. Zero complexity. /p> div classhero-ai-demo> div classhero-terminal-container idhero-terminal-carousel> !-- Terminal carousel will be inserted here --> /div> /div> div idhero-deploy-cta-container classhero-deploy-cta-container stylemargin-top: 30px;> a href/resources/ classcta-button cta-button-large>Launch Your AI-Powered Infrastructure/a> /div> p classhero-subtext>Use code strong>FIRST50/strong> to get 50% off your first purchase!/p> /section> !-- END: Hero Section --> section idhow-it-works> h3>Infrastructure as Code? Try Infrastructure as Conversation/h3> div classsteps-container> div classstep-item> div classstep-icon>svg classicon icon-api xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 stroke-width1.5 strokecurrentColor>path stroke-linecapround stroke-linejoinround dM17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5 />/svg>/div> h4>1. Connect Your Favorite IDE/h4> p>Add Hub.ai to Claude Code, Cursor, Windsurf, VS Code, or any MCP-compatible tool. One-click setup, instant infrastructure superpowers./p> /div> div classstep-item> div classstep-icon>svg classicon icon-server xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 stroke-width1.5 strokecurrentColor>path stroke-linecapround stroke-linejoinround dM5.25 14.25h13.5m-13.5 0a3 3 0 01-3-3V7.5a3 3 0 013-3h13.5a3 3 0 013 3v3.75a3 3 0 01-3 3M5.25 14.25v3.75a3 3 0 003 3h7.5a3 3 0 003-3v-3.75 />/svg>/div> h4>2. AI Provisions Resources/h4> p>Your AI orchestrates everything: spins up VMs/containers, configures networks, installs software, sets up security. Full root SSH access means unlimited possibilities./p> /div> div classstep-item> div classstep-icon>svg classicon icon-terminal xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 stroke-width1.5 strokecurrentColor>path stroke-linecapround stroke-linejoinround dM6.75 7.5l3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0021 18V6a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 6v12a2.25 2.25 0 002.25 2.25z />/svg>/div> h4>3. Full Control, Zero Complexity/h4> p>Web terminal with root access for manual control. AI chat assistant for on-demand help. Traditional dashboard when you need it. Your infrastructure, your way./p> /div> /div> /section> p classfaq-link-prompt text-center>Have more questions about Hub.ai? Check out our a href/faq/>Frequently Asked Questions/a>./p> section idfeatures> h3>Why Hub.ai is the Future of Cloud Infrastructure/h3> ul classfeature-list> li classfeature-item> span classfeature-icon>svg classicon icon-api xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 stroke-width2 strokecurrentColor>path stroke-linecapround stroke-linejoinround dM17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5 />/svg>/span> div>strong>Model Context Protocol (MCP):/strong> Industry-standard protocol lets any AI tool—ChatGPT, Claude, or your custom agents—manage your infrastructure. Complete API for VMs, containers, and remote operations./div> /li> li classfeature-item> span classfeature-icon>svg classicon icon-terminal xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 stroke-width2 strokecurrentColor>path stroke-linecapround stroke-linejoinround dM6.75 7.5l3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0021 18V6a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 6v12a2.25 2.25 0 002.25 2.25z />/svg>/span> div>strong>Full Root Access:/strong> Complete control over your infrastructure. SSH into any VM or container. Install anything. Configure everything. No restrictions, no limitations./div> /li> li classfeature-item> span classfeature-icon>svg classicon icon-brain xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 stroke-width2 strokecurrentColor>path stroke-linecapround stroke-linejoinround dM3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z />/svg>/span> div>strong>AI Infrastructure Automation:/strong> Let AI handle complex deployments. Your agents can provision resources, configure software, manage scaling—all through simple API calls./div> /li> li classfeature-item> span classfeature-icon>svg classicon icon-globe xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 stroke-width2 strokecurrentColor>path stroke-linecapround stroke-linejoinround dM12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418 />/svg>/span> div>strong>AI-Enhanced Web Terminal:/strong> Full root access in your browser with built-in AI assistance. Ask for help crafting complex commands, get instant explanations of cryptic error messages, or have AI analyze logs and suggest fixes—all without leaving the terminal./div> /li> /ul> /section> section idcompatibility stylebackground-color: var(--bg-secondary-color); padding: 4rem 2rem; margin: 3rem 0;> div stylemax-width: 1200px; margin: 0 auto;> h3 styletext-align: center; margin-bottom: 1rem;>Supercharge Your Development Workflow/h3> p styletext-align: center; font-size: 1.125rem; margin-bottom: 3rem; color: var(--text-muted-color);> Hub.ai seamlessly integrates with the AI coding tools you already love. Transform your IDE into an infrastructure powerhouse. /p> div styledisplay: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin-bottom: 3rem;> !-- Claude Code --> a hrefhttps://claude.ai/code target_blank relnoopener noreferrer styletext-decoration: none; color: inherit; display: block;> div stylebackground: var(--bg-color); padding: 1.5rem; border-radius: 8px; border: 1px solid var(--border-color); transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; onmouseoverthis.style.transformtranslateY(-2px); this.style.boxShadow0 4px 12px rgba(99, 102, 241, 0.2); onmouseoutthis.style.transformtranslateY(0); this.style.boxShadownone;> h4 stylemargin-bottom: 0.5rem; display: flex; align-items: center;> span stylecolor: #6366f1; margin-right: 0.5rem;>✅/span> Claude Code /h4> p stylefont-size: 0.875rem; color: var(--text-muted-color); margin-bottom: 0.5rem;>Anthropics Official CLI/p> p stylefont-size: 0.875rem;>Full MCP support. Natural language infrastructure commands directly in your workflow./p> /div> /a> !-- Cursor --> a hrefhttps://cursor.com target_blank relnoopener noreferrer styletext-decoration: none; color: inherit; display: block;> div stylebackground: var(--bg-color); padding: 1.5rem; border-radius: 8px; border: 1px solid var(--border-color); transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; onmouseoverthis.style.transformtranslateY(-2px); this.style.boxShadow0 4px 12px rgba(99, 102, 241, 0.2); onmouseoutthis.style.transformtranslateY(0); this.style.boxShadownone;> h4 stylemargin-bottom: 0.5rem; display: flex; align-items: center;> span stylecolor: #6366f1; margin-right: 0.5rem;>✅/span> Cursor /h4> p stylefont-size: 0.875rem; color: var(--text-muted-color); margin-bottom: 0.5rem;>AI-First Code Editor/p> p stylefont-size: 0.875rem;>Deploy infrastructure without leaving your editor. AI handles the complexity./p> /div> /a> !-- Windsurf --> a hrefhttps://codeium.com/windsurf target_blank relnoopener noreferrer styletext-decoration: none; color: inherit; display: block;> div stylebackground: var(--bg-color); padding: 1.5rem; border-radius: 8px; border: 1px solid var(--border-color); transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; onmouseoverthis.style.transformtranslateY(-2px); this.style.boxShadow0 4px 12px rgba(99, 102, 241, 0.2); onmouseoutthis.style.transformtranslateY(0); this.style.boxShadownone;> h4 stylemargin-bottom: 0.5rem; display: flex; align-items: center;> span stylecolor: #6366f1; margin-right: 0.5rem;>✅/span> Windsurf /h4> p stylefont-size: 0.875rem; color: var(--text-muted-color); margin-bottom: 0.5rem;>Codeiums IDE/p> p stylefont-size: 0.875rem;>Native MCP integration. Connect databases, deploy apps, manage infrastructure./p> /div> /a> !-- Cline --> a hrefhttps://github.com/clinebot/cline target_blank relnoopener noreferrer styletext-decoration: none; color: inherit; display: block;> div stylebackground: var(--bg-color); padding: 1.5rem; border-radius: 8px; border: 1px solid var(--border-color); transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; onmouseoverthis.style.transformtranslateY(-2px); this.style.boxShadow0 4px 12px rgba(99, 102, 241, 0.2); onmouseoutthis.style.transformtranslateY(0); this.style.boxShadownone;> h4 stylemargin-bottom: 0.5rem; display: flex; align-items: center;> span stylecolor: #6366f1; margin-right: 0.5rem;>✅/span> Cline /h4> p stylefont-size: 0.875rem; color: var(--text-muted-color); margin-bottom: 0.5rem;>VS Code Extension/p> p stylefont-size: 0.875rem;>Autonomous coding agent that can provision and manage your entire infrastructure./p> /div> /a> !-- VS Code --> a hrefhttps://code.visualstudio.com target_blank relnoopener noreferrer styletext-decoration: none; color: inherit; display: block;> div stylebackground: var(--bg-color); padding: 1.5rem; border-radius: 8px; border: 1px solid var(--border-color); transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; onmouseoverthis.style.transformtranslateY(-2px); this.style.boxShadow0 4px 12px rgba(99, 102, 241, 0.2); onmouseoutthis.style.transformtranslateY(0); this.style.boxShadownone;> h4 stylemargin-bottom: 0.5rem; display: flex; align-items: center;> span stylecolor: #6366f1; margin-right: 0.5rem;>✅/span> VS Code + Copilot /h4> p stylefont-size: 0.875rem; color: var(--text-muted-color); margin-bottom: 0.5rem;>Microsofts Editor/p> p stylefont-size: 0.875rem;>MCP support in v1.102+. GitHub Copilot can manage your Hub.ai resources./p> /div> /a> !-- OpenCode --> a hrefhttps://opencode.ai target_blank relnoopener noreferrer styletext-decoration: none; color: inherit; display: block;> div stylebackground: var(--bg-color); padding: 1.5rem; border-radius: 8px; border: 1px solid var(--border-color); transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; onmouseoverthis.style.transformtranslateY(-2px); this.style.boxShadow0 4px 12px rgba(99, 102, 241, 0.2); onmouseoutthis.style.transformtranslateY(0); this.style.boxShadownone;> h4 stylemargin-bottom: 0.5rem; display: flex; align-items: center;> span stylecolor: #6366f1; margin-right: 0.5rem;>✅/span> OpenCode /h4> p stylefont-size: 0.875rem; color: var(--text-muted-color); margin-bottom: 0.5rem;>Open Source Code Editor/p> p stylefont-size: 0.875rem;>Full MCP integration. Manage infrastructure while you code./p> /div> /a> !-- Crush --> a hrefhttps://github.com/charmbracelet/crush target_blank relnoopener noreferrer styletext-decoration: none; color: inherit; display: block;> div stylebackground: var(--bg-color); padding: 1.5rem; border-radius: 8px; border: 1px solid var(--border-color); transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; onmouseoverthis.style.transformtranslateY(-2px); this.style.boxShadow0 4px 12px rgba(99, 102, 241, 0.2); onmouseoutthis.style.transformtranslateY(0); this.style.boxShadownone;> h4 stylemargin-bottom: 0.5rem; display: flex; align-items: center;> span stylecolor: #6366f1; margin-right: 0.5rem;>✅/span> Crush /h4> p stylefont-size: 0.875rem; color: var(--text-muted-color); margin-bottom: 0.5rem;>AI-Powered Development/p> p stylefont-size: 0.875rem;>Native MCP support for seamless infrastructure management./p> /div> /a> !-- Roo Code --> a hrefhttps://roocode.com target_blank relnoopener noreferrer styletext-decoration: none; color: inherit; display: block;> div stylebackground: var(--bg-color); padding: 1.5rem; border-radius: 8px; border: 1px solid var(--border-color); transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; onmouseoverthis.style.transformtranslateY(-2px); this.style.boxShadow0 4px 12px rgba(99, 102, 241, 0.2); onmouseoutthis.style.transformtranslateY(0); this.style.boxShadownone;> h4 stylemargin-bottom: 0.5rem; display: flex; align-items: center;> span stylecolor: #6366f1; margin-right: 0.5rem;>✅/span> Roo Code /h4> p stylefont-size: 0.875rem; color: var(--text-muted-color); margin-bottom: 0.5rem;>AI Coding Assistant/p> p stylefont-size: 0.875rem;>Deploy and manage infrastructure with AI-powered development workflows./p> /div> /a> !-- Continue --> a hrefhttps://continue.dev target_blank relnoopener noreferrer styletext-decoration: none; color: inherit; display: block;> div stylebackground: var(--bg-color); padding: 1.5rem; border-radius: 8px; border: 1px solid var(--border-color); transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; onmouseoverthis.style.transformtranslateY(-2px); this.style.boxShadow0 4px 12px rgba(99, 102, 241, 0.2); onmouseoutthis.style.transformtranslateY(0); this.style.boxShadownone;> h4 stylemargin-bottom: 0.5rem; display: flex; align-items: center;> span stylecolor: #6366f1; margin-right: 0.5rem;>✅/span> Continue /h4> p stylefont-size: 0.875rem; color: var(--text-muted-color); margin-bottom: 0.5rem;>Open Source Autopilot/p> p stylefont-size: 0.875rem;>VS Code extension with full MCP support for infrastructure automation./p> /div> /a> !-- Zed --> a hrefhttps://zed.dev target_blank relnoopener noreferrer styletext-decoration: none; color: inherit; display: block;> div stylebackground: var(--bg-color); padding: 1.5rem; border-radius: 8px; border: 1px solid var(--border-color); transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; onmouseoverthis.style.transformtranslateY(-2px); this.style.boxShadow0 4px 12px rgba(99, 102, 241, 0.2); onmouseoutthis.style.transformtranslateY(0); this.style.boxShadownone;> h4 stylemargin-bottom: 0.5rem; display: flex; align-items: center;> span stylecolor: #6366f1; margin-right: 0.5rem;>✅/span> Zed /h4> p stylefont-size: 0.875rem; color: var(--text-muted-color); margin-bottom: 0.5rem;>High-Performance Editor/p> p stylefont-size: 0.875rem;>Lightning-fast editor with native MCP integration for cloud management./p> /div> /a> !-- MCPHub.nvim --> a hrefhttps://github.com/3v0k4/mcphub.nvim target_blank relnoopener noreferrer styletext-decoration: none; color: inherit; display: block;> div stylebackground: var(--bg-color); padding: 1.5rem; border-radius: 8px; border: 1px solid var(--border-color); transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; onmouseoverthis.style.transformtranslateY(-2px); this.style.boxShadow0 4px 12px rgba(99, 102, 241, 0.2); onmouseoutthis.style.transformtranslateY(0); this.style.boxShadownone;> h4 stylemargin-bottom: 0.5rem; display: flex; align-items: center;> span stylecolor: #6366f1; margin-right: 0.5rem;>✅/span> MCPHub.nvim /h4> p stylefont-size: 0.875rem; color: var(--text-muted-color); margin-bottom: 0.5rem;>Neovim Plugin/p> p stylefont-size: 0.875rem;>Manage Hub.ai infrastructure directly from your favorite terminal editor./p> /div> /a> !-- GitHub Copilot --> a hrefhttps://github.com/features/copilot target_blank relnoopener noreferrer styletext-decoration: none; color: inherit; display: block;> div stylebackground: var(--bg-color); padding: 1.5rem; border-radius: 8px; border: 1px solid var(--border-color); transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; onmouseoverthis.style.transformtranslateY(-2px); this.style.boxShadow0 4px 12px rgba(99, 102, 241, 0.2); onmouseoutthis.style.transformtranslateY(0); this.style.boxShadownone;> h4 stylemargin-bottom: 0.5rem; display: flex; align-items: center;> span stylecolor: #6366f1; margin-right: 0.5rem;>✅/span> GitHub Copilot /h4> p stylefont-size: 0.875rem; color: var(--text-muted-color); margin-bottom: 0.5rem;>AI Pair Programmer/p> p stylefont-size: 0.875rem;>GitHubs AI assistant can now provision and manage your Hub.ai resources./p> /div> /a> !-- More Tools --> div stylebackground: var(--bg-color); padding: 1.5rem; border-radius: 8px; border: 1px solid var(--border-color);> h4 stylemargin-bottom: 0.5rem; display: flex; align-items: center;> span stylecolor: #6366f1; margin-right: 0.5rem;>✅/span> And Many More /h4> p stylefont-size: 0.875rem; color: var(--text-muted-color); margin-bottom: 0.5rem;>Any MCP-Compatible Tool/p> p stylefont-size: 0.875rem;>Any MCP-compatible tool works with Hub.ais 42 infrastructure management APIs./p> /div> /div> div stylebackground: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%); color: white; padding: 2rem; border-radius: 12px; text-align: center;> h4 stylefont-size: 1.5rem; margin-bottom: 1rem;>One API. Every AI Tool. Unlimited Possibilities./h4> p stylefont-size: 1.125rem; margin-bottom: 1.5rem;> Hub.ais MCP implementation provides 42 powerful tools for complete infrastructure control. From VM creation to file editing, from container management to site deployment—all through natural language. /p> div styledisplay: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;> a href/docs/#mcp classcta-button stylebackground: white; color: #6366f1;>View Integration Guide/a> /div> /div> /div> /section> section idcompatibility-matrix stylepadding: 4rem 2rem;> div classcontainer stylemax-width: 1200px; margin: 0 auto;> h3 styletext-align: center; margin-bottom: 1rem;>Feature Compatibility Matrix/h3> p styletext-align: center; color: var(--text-muted-color); margin-bottom: 2rem;> All MCP-enabled tools have full access to Hub.ais infrastructure management features /p> div classpricing-table-container> table stylebackground: var(--surface-color); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);> thead> tr> th stylebackground: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%); color: white; text-transform: none; font-size: 1rem;>Tool/th> th stylebackground: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%); color: white; text-align: center; text-transform: none; font-size: 1rem;>Virtual Machines/th> th stylebackground: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%); color: white; text-align: center; text-transform: none; font-size: 1rem;>Containers/th> th stylebackground: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%); color: white; text-align: center; text-transform: none; font-size: 1rem;>Sites/th> th stylebackground: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%); color: white; text-align: center; text-transform: none; font-size: 1rem;>File Ops/th> /tr> /thead> tbody> tr> td stylefont-weight: 600;>Claude Code/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> /tr> tr> td stylefont-weight: 600;>Cline/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> /tr> tr> td stylefont-weight: 600;>Windsurf/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> /tr> tr> td stylefont-weight: 600;>Cursor/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> /tr> tr> td stylefont-weight: 600;>Roo Code/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> /tr> tr> td stylefont-weight: 600;>Continue/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> /tr> tr> td stylefont-weight: 600;>Zed/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> /tr> tr> td stylefont-weight: 600;>VS Code/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> /tr> tr> td stylefont-weight: 600;>MCPHub.nvim/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> /tr> tr> td stylefont-weight: 600;>GitHub Copilot/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> /tr> tr> td stylefont-weight: 600;>OpenCode/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> /tr> tr> td stylefont-weight: 600;>Crush/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> td styletext-align: center; color: #10b981; font-size: 1.25rem;>✅/td> /tr> /tbody> /table> /div> div stylemargin-top: 2rem; padding: 1.5rem; background: var(--surface-color); border-radius: 12px; border-left: 4px solid #6366f1;> h4 stylemargin-bottom: 0.5rem; color: #6366f1;>What Each Feature Means:/h4> div styledisplay: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; margin-top: 1rem;> div> strong>Virtual Machines:/strong> span stylecolor: var(--text-muted-color); font-size: 0.875rem;>Create, configure, and control virtual machines/span> /div> div> strong>Containers:/strong> span stylecolor: var(--text-muted-color); font-size: 0.875rem;>Deploy and manage Docker containers/span> /div> div> strong>Sites:/strong> span stylecolor: var(--text-muted-color); font-size: 0.875rem;>Deploy websites with SSL certificates/span> /div> div> strong>File Ops:/strong> span stylecolor: var(--text-muted-color); font-size: 0.875rem;>Read, write, and edit files remotely/span> /div> /div> /div> /div> /section> section iduse-cases> h3>Built for Modern Development/h3> div classuse-case-grid> div classuse-case-item> h4>svg classicon icon-sparkles xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 stroke-width1.5 strokecurrentColor>path stroke-linecapround stroke-linejoinround dM9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z />/svg> AI-First Development/h4> p>Create a dev environment with Next.js, Tailwind, and Supabase - Let AI handle the setup while you focus on coding./p> /div> div classuse-case-item> h4>svg classicon icon-users xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 stroke-width1.5 strokecurrentColor>path stroke-linecapround stroke-linejoinround dM15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z />/svg> Team Collaboration/h4> p>Share infrastructure configs as natural language. Same setup as production but with debug mode - Anyone can understand and replicate./p> /div> div classuse-case-item> h4>svg classicon icon-zap xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 stroke-width1.5 strokecurrentColor>path stroke-linecapround stroke-linejoinround dM3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z />/svg> Instant Prototypes/h4> p>From idea to running app in minutes. AI sets up databases, APIs, and frontend—you just describe what youre building./p> /div> div classuse-case-item> h4>svg classicon icon-trending xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 stroke-width1.5 strokecurrentColor>path stroke-linecapround stroke-linejoinround dM2.25 18L9 11.25l4.306 4.307a11.95 11.95 0 015.814-5.519l2.74-1.22m0 0l-5.94-2.28m5.94 2.28l-2.28 5.941 />/svg> Auto-Scaling Apps/h4> p>Deploy apps that scale themselves. AI monitors traffic and adjusts resources automatically—no DevOps team required./p> /div> div classuse-case-item> h4>svg classicon icon-academic xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 stroke-width1.5 strokecurrentColor>path stroke-linecapround stroke-linejoinround dM4.26 10.147a60.436 60.436 0 00-.491 6.347A48.627 48.627 0 0112 20.904a48.627 48.627 0 018.232-4.41 60.46 60.46 0 00-.491-6.347m-15.482 0a50.57 50.57 0 00-2.658-.813A59.905 59.905 0 0112 3.493a59.902 59.902 0 0110.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.697 50.697 0 0112 13.489a50.702 50.702 0 017.74-3.342M6.75 15a.75.75 0 100-1.5.75.75 0 000 1.5zm0 0v-3.675A55.378 55.378 0 0112 8.443m-7.007 11.55A5.981 5.981 0 006.75 15.75v-1.5 />/svg> Learn by Doing/h4> p>Ask AI to explain as it builds. Set up Kubernetes and teach me how it works - Learn infrastructure through conversation./p> /div> div classuse-case-item> h4>svg classicon icon-globe xmlnshttp://www.w3.org/2000/svg fillnone viewBox0 0 24 24 stroke-width1.5 strokecurrentColor>path stroke-linecapround stroke-linejoinround dM12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418 />/svg> Global Deployments/h4> p>Deploy this app globally with CDN and regional databases - AI handles the complexity of multi-region infrastructure./p> /div> /div> /section> section idpricing-examples> h3>AI-Optimized Instance Pricing/h3> p>Simple, transparent pricing. Pay only for what you use with straightforward hourly rates./p> div classtab-container pricing-tab-container> div classtab-nav> button classtab-button active data-tabcontainer-pricing>Containers/button> button classtab-button data-tabvm-pricing>Virtual Machines/button> /div> /div> div classpricing-card-grid> !-- Starter Card --> div classpricing-card> h4>Starter/h4> div classai-recommendation stylecolor: var(--primary-color); font-size: 0.875rem; margin-bottom: 0.5rem;>AI Recommended for: Personal projects, learning/div> ul classpricing-specs> li>strong>CPU:/strong> 2 vCPUs/li> li>strong>RAM:/strong> 4 GB/li> li>strong>Disk:/strong> 25 GB/li> /ul> div classpricing-cost-wrapper> div classpricing-cost> span classcost-label>VM Cost:/span> div classcost-details> div classcost-figures> span classcost-hourly>/span> span classcost-monthly>/span> /div> /div> /div> div classpricing-cost container-cost> span classcost-label>Container Cost:/span> div classcost-details> div classcost-figures> span classcost-hourly>/span> span classcost-monthly>/span> /div> /div> /div> /div> p stylefont-size: 0.875rem; color: var(--text-muted-color); margin-top: 0.5rem;>Perfect for development & testing/p> /div> !-- Professional Card --> div classpricing-card> h4>Professional/h4> div classai-recommendation stylecolor: var(--primary-color); font-size: 0.875rem; margin-bottom: 0.5rem;>AI Recommended for: Production apps, APIs/div> ul classpricing-specs> li>strong>CPU:/strong> 8 vCPUs/li> li>strong>RAM:/strong> 16 GB/li> li>strong>Disk:/strong> 100 GB/li> /ul> div classpricing-cost-wrapper> div classpricing-cost> span classcost-label>VM Cost:/span> div classcost-details> div classcost-figures> span classcost-hourly>/span> span classcost-monthly>/span> /div> /div> /div> div classpricing-cost container-cost> span classcost-label>Container Cost:/span> div classcost-details> div classcost-figures> span classcost-hourly>/span> span classcost-monthly>/span> /div> /div> /div> /div> p stylefont-size: 0.875rem; color: var(--text-muted-color); margin-top: 0.5rem;>Ideal for production workloads/p> /div> !-- Enterprise Card --> div classpricing-card> h4>Enterprise/h4> div classai-recommendation stylecolor: var(--primary-color); font-size: 0.875rem; margin-bottom: 0.5rem;>AI Recommended for: High-traffic apps, ML/AI workloads/div> ul classpricing-specs> li>strong>CPU:/strong> 16 vCPUs/li> li>strong>RAM:/strong> 32 GB/li> li>strong>Disk:/strong> 200 GB/li> li>strong>GPU:/strong> Optional RTX 4090/li> /ul> div classpricing-cost-wrapper> div classpricing-cost> span classcost-label>VM Cost:/span> div classcost-details> div classcost-figures> span classcost-hourly>/span> span classcost-monthly>/span> /div> /div> /div> div classpricing-cost container-cost> span classcost-label>Container Cost:/span> div classcost-details> div classcost-figures> span classcost-hourly>/span> span classcost-monthly>/span> /div> /div> /div> div classpricing-cost gpu-cost> span classcost-label>With GPU (RTX 4090):/span> div classcost-details> div classcost-figures> span classcost-hourly>/span> span classcost-monthly>/span> /div> /div> /div> /div> p stylefont-size: 0.875rem; color: var(--text-muted-color); margin-top: 0.5rem;>Scale infinitely with AI optimization/p> /div> /div> p classpricing-footnote>/p> /section> section idpricing classtext-center> h3>Simple Pricing for AI-Powered Infrastructure/h3> p>Pay only for what your AI provisions. No hidden fees, no complex calculations./p> div classpricing-highlight> strong>Get 50% off your first purchase with code strong>FIRST50/strong>!/strong> /div> p>Billed per minute of active runtime. Stop resources to pause billing instantly. Let AI optimize your costs automatically./p> a href/account/#billing classcta-button secondary>Learn More & Add Funds/a> /section> section idtestimonials> h3>What Developers Are Saying/h3> div classtestimonials-container> blockquote classtestimonial-item> p>I added Hub.ai to Cursor and now I can spin up entire environments without leaving my editor. Create a Postgres cluster with Redis cache - done in seconds. This is the future of DevOps./p> footer>- Senior Platform Engineer/footer> /blockquote> blockquote classtestimonial-item> p>Claude Code + Hub.ai is a game changer. I describe what I want to build, and my AI assistant not only writes the code but deploys the entire infrastructure. Full root access when I need it./p> footer>- AI Startup Founder/footer> /blockquote> blockquote classtestimonial-item> p>We switched from traditional cloud providers to Hub.ai. Now our team uses Windsurf and Cline to manage everything. Infrastructure changes that took days now happen in minutes./p> footer>- Engineering Team Lead/footer> /blockquote> /div> /section> section idfinal-cta classfinal-cta-section text-center> h2 classfinal-cta-title>Ready to Let AI Handle Your Infrastructure?/h2> p>Join the AI-powered cloud revolution. Connect your favorite AI tools via MCP or use our built-in assistants. Full root access. Complete control. Zero complexity./p> a href/resources/ classcta-button cta-button-large cta-button-inverse idfinal-cta-button-link>Start Your AI-Powered Cloud Journey/a> p stylemargin-top: 1rem; font-size: 0.875rem; color: var(--text-muted-color);>MCP API documentation available at a href/docs/#developer-api stylecolor: var(--primary-color);>docs.hub.ai/a>/p> /section> /main>footer> div classfooter-container> div classfooter-column> h4>Product/h4> ul> li>a href/resources/>Resources/a>/li> li>a href/manage/>Manage/a>/li> li>a href/#pricing-examples>Pricing/a>/li> li>a href/docs/>Docs/a>/li> li>a href/HubCompatibility>IDE Compatibility/a>/li> /ul> /div> div classfooter-column> h4>Company/h4> ul> li>a href/>About Hub.ai/a>/li> li>a href/contact/>Contact Us/a>/li> li>a href/faq/>FAQ/a>/li> /ul> /div> div classfooter-column> h4>Legal/h4> ul> li>a href/terms>Terms of Service/a>/li> li>a href/privacy>Privacy Policy/a>/li> /ul> /div> /div> div classfooter-bottom> p>© 2025 Hub.ai. All rights reserved./p> /div>/footer> script typemodule src./assets/js/apiManager.js>/script> script typemodule src./assets/js/script.js>/script> script typemodule> import backgroundJobManager, { reinitializeJobManager } from /assets/js/backgroundJobManager.js; // Import backgroundJobManager // Reinitialize on page load document.addEventListener(DOMContentLoaded, () > { if (typeof reinitializeJobManager function) { reinitializeJobManager(); } }); /script> !-- Asciinema Player for terminal recordings --> script srchttps://cdn.jsdelivr.net/npm/asciinema-player@3.10.0/dist/bundle/asciinema-player.min.js>/script> !-- Terminal Carousel --> script src./assets/js/terminal-carousel.js>/script> script typemodule> import apiManager from ./assets/js/apiManager.js; // Function to format currency function formatCurrency(amount, perHour true) { if (typeof amount ! number || isNaN(amount)) return N/A; let value amount.toFixed(5); // Show more precision for hourly rates // Remove trailing zeros after the third decimal place for display, but keep at least 2 decimal places if not zero value value.replace(/(\.\d{2}1-9?)0+$|\.0+$/, $1); if (value.endsWith(.)) value value.slice(0, -1); // Remove trailing decimal if it exists return `$${value}${perHour ? /hr : }`; } let currentPricingType container; // Default to container pricing let fetchedPricingData null; // Cache fetched pricing data async function updatePricingCards() { try { if (!fetchedPricingData) { fetchedPricingData await apiManager.getResourcePricing(); } const pricingData fetchedPricingData; if (!pricingData) { console.error(Failed to fetch pricing data.); return; } const pricingCards document.querySelectorAll(#pricing-examples .pricing-card); pricingCards.forEach(card > { const specsList card.querySelector(.pricing-specs); if (!specsList) return; let cores 0; let ramGB 0; let diskGB 0; specsList.querySelectorAll(li).forEach(specItem > { const text specItem.textContent.toLowerCase(); if (text.includes(cpu)) { cores parseInt(text.match(/(\d+)\s*vcpu/)?.1) || 0; } else if (text.includes(ram)) { ramGB parseInt(text.match(/(\d+)\s*gb/)?.1) || 0; } else if (text.includes(disk)) { diskGB parseInt(text.match(/(\d+)\s*gb/)?.1) || 0; } }); if (cores 0 && ramGB 0 && diskGB 0) { // Skip Custom card return; } let costPerHour 0; let costLabel ; let showGpuCost false; const costWrapper card.querySelector(.pricing-cost-wrapper); // Hide all cost sections initially, then show the relevant one costWrapper.querySelectorAll(.pricing-cost).forEach(pc > pc.style.display none); const gpuUnavailableNote card.querySelector(.gpu-unavailable-note); if(gpuUnavailableNote) gpuUnavailableNote.style.display none; if (currentPricingType container) { costPerHour (cores * pricingData.containerCostPerCorePerHour) + (ramGB * pricingData.containerCostPerGbRamPerHour) + (diskGB * pricingData.containerCostPerGbStoragePerHour); costLabel Container Cost:; const containerCostElement card.querySelector(.pricing-cost.container-cost); if (containerCostElement) { containerCostElement.style.display block; const costPerMonth costPerHour * 24 * 30; // hours per month const hourlySpan containerCostElement.querySelector(.cost-hourly); const monthlySpan containerCostElement.querySelector(.cost-monthly); if (hourlySpan) hourlySpan.textContent `~${formatCurrency(costPerHour)}`; if (monthlySpan) monthlySpan.textContent `~$${Math.round(costPerMonth)}/mo`; } } else { // vm-pricing costPerHour (cores * pricingData.vmCostPerCorePerHour) + (ramGB * pricingData.vmCostPerGbRamPerHour) + (diskGB * pricingData.vmCostPerGbStoragePerHour); costLabel VM Cost:; showGpuCost true; // GPU option only for VMs const vmCostElement card.querySelector(.pricing-cost:not(.container-cost):not(.gpu-cost)); if (vmCostElement) { vmCostElement.style.display block; const costPerMonth costPerHour * 24 * 30; // hours per month const hourlySpan vmCostElement.querySelector(.cost-hourly); const monthlySpan vmCostElement.querySelector(.cost-monthly); if (hourlySpan) hourlySpan.textContent `~${formatCurrency(costPerHour)}`; if (monthlySpan) monthlySpan.textContent `~$${Math.round(costPerMonth)}/mo`; } } // Handle GPU cost display for VMs const cardTitle card.querySelector(h4)?.textContent.toLowerCase(); const gpuCostElement card.querySelector(.pricing-cost.gpu-cost); if (showGpuCost && (cardTitle enterprise || cardTitle x-large || cardTitle xx-large) && pricingData.vmCostPerGpuHourRtx4090 > 0) { if (gpuCostElement) { gpuCostElement.style.display block; const vmBaseCostForGpuCard costPerHour; // This is already the VM base cost const totalVmCostWithGpu vmBaseCostForGpuCard + pricingData.vmCostPerGpuHourRtx4090; const totalVmCostWithGpuMonthly totalVmCostWithGpu * 24 * 30; const gpuHourlySpan gpuCostElement.querySelector(.cost-hourly); const gpuMonthlySpan gpuCostElement.querySelector(.cost-monthly); if (gpuHourlySpan) gpuHourlySpan.textContent `~${formatCurrency(totalVmCostWithGpu)}`; if (gpuMonthlySpan) gpuMonthlySpan.textContent `~$${Math.round(totalVmCostWithGpuMonthly)}/mo`; } } else if (gpuCostElement) { gpuCostElement.style.display none; // Hide GPU cost if not applicable } if (gpuUnavailableNote) { if (currentPricingType vm && !(cardTitle x-large || cardTitle xx-large)) { gpuUnavailableNote.style.display block; } else { gpuUnavailableNote.style.display none; } } }); } catch (error) { console.error(Error updating pricing cards:, error); } } document.addEventListener(DOMContentLoaded, () > { // URL messages are now handled by apiManager.js automatically const heroCtaButton document.querySelector(#hero-deploy-cta-container .cta-button); const finalCtaButton document.getElementById(final-cta-button-link); const pricingTabButtons document.querySelectorAll(.pricing-tab-container .tab-button); pricingTabButtons.forEach(button > { button.addEventListener(click, () > { pricingTabButtons.forEach(btn > btn.classList.remove(active)); button.classList.add(active); currentPricingType button.dataset.tab vm-pricing ? vm : container; updatePricingCards(); }); }); // Initial call to update pricing based on default tab (containers) updatePricingCards(); document.addEventListener(authStatusDetermined, (event) > { const { isAuthenticated } event.detail; if (isAuthenticated) { if (heroCtaButton) heroCtaButton.href /resources/; if (finalCtaButton) finalCtaButton.href /resources/; } else { if (heroCtaButton) heroCtaButton.href /auth/; // Or keep as /resources/create/ and let backend handle auth redirect if (finalCtaButton) finalCtaButton.href /auth/; } }); // const animatedWordSpan document.getElementById(hero-animated-word); // if (animatedWordSpan) { // const words // Powerful, // Flexible, // Simple, // Fast, // Reliable, // Scalable, // Secure, // Ready // ; // let currentIndex 0; // const animationSpeed 300; // const fadeDuration 300; // const changeWord () > { // animatedWordSpan.classList.add(fade-out); // setTimeout(() > { // animatedWordSpan.textContent wordscurrentIndex; // animatedWordSpan.classList.remove(fade-out); // animatedWordSpan.classList.add(fade-in); // requestAnimationFrame(() > { // requestAnimationFrame(() > { // animatedWordSpan.classList.remove(fade-in); // }); // }); // currentIndex++; // if (currentIndex words.length) { // setTimeout(changeWord, animationSpeed + fadeDuration); // } else { // // Optional: Loop or stop at last word // // currentIndex 0; // // setTimeout(changeWord, animationSpeed + fadeDuration); // animatedWordSpan.textContent Unleashed; // Final desired word // } // }, fadeDuration); // }; // setTimeout(changeWord, 500); // } // Terminal Carousel in Hero Section const heroCarouselContainer document.getElementById(hero-terminal-carousel); if (heroCarouselContainer) { // Initialize the terminal carousel const carousel new TerminalCarousel(hero-terminal-carousel, { configUrl: /terminal-recordings/config.json, recordingsPath: /terminal-recordings/, autoStart: true }); // Handle window resize for responsive behavior let resizeTimer; window.addEventListener(resize, () > { clearTimeout(resizeTimer); resizeTimer setTimeout(() > { // The carousel handles resize internally with asciinema players fit option console.log(Window resized - carousel will auto-adjust); }, 250); }); } }); /script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]