File size: 18,546 Bytes
61da07e c69ff18 61da07e a1fc6f7 c69ff18 61da07e c5b3cd2 | 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 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AEUPH Model Hub — Deploy Any HF Model to RunPod</title>
<meta name="description" content="Deploy any Hugging Face model to RunPod serverless GPUs. Get $10 free credits + 20% lifetime referral commission.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="style.css">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🚀</text></svg>">
</head>
<body>
<div id="starfield"></div>
<div class="nebula-orb" style="--hue: 280;"></div>
<div class="nebula-orb" style="--hue: 190;"></div>
<div class="nebula-orb" style="--hue: 330;"></div>
<div id="scroll-progress"></div>
<nav id="navbar">
<div class="nav-inner">
<a href="#" class="nav-logo">
<span class="logo-icon">🚀</span>
<span class="logo-text">AEUPH</span>
</a>
<div class="nav-links">
<a href="#flagships">Flagships</a>
<a href="#models">Browse</a>
<a href="#gpus">GPUs</a>
<a href="#referral">Earn 20%</a>
</div>
<a href="https://runpod.io?ref=lc0jiiz3" target="_blank" rel="noopener" class="nav-cta btn-ref">🎁 $10 Free Credits</a>
<button class="nav-toggle" aria-label="Menu">☰</button>
</div>
</nav>
<header id="hero">
<div class="hero-floating">
<div class="hero-orb" style="--hue: 50;"></div>
<div class="hero-orb" style="--hue: 220;"></div>
<div class="hero-orb" style="--hue: 320;"></div>
<div class="hero-grid"></div>
</div>
<div class="hero-content">
<div class="hero-badge ref-badge">
<span class="hero-badge-dot"></span>
DEPLOY ANY HF MODEL TO RUNPOD SERVERLESS
</div>
<h1>
<span class="hero-line" style="font-size:clamp(1rem,2.5vw,1.4rem);font-weight:500;color:var(--text-dim);letter-spacing:3px;text-transform:uppercase;">HUGGING FACE MODELS</span>
<span class="hero-line" style="font-size:clamp(2.5rem,6vw,4.5rem);">Deploy to RunPod in Seconds</span>
<span class="hero-line gradient-text">Zero Ops. Infinite Scale.</span>
</h1>
<p class="hero-sub">Search 500,000+ Hugging Face models. One-click deploy to RunPod serverless GPUs. Auto-scaling from 0 to 1000+ workers. Pay per second. Zero infrastructure.</p>
<div class="hero-actions">
<a href="https://runpod.io?ref=lc0jiiz3" target="_blank" rel="noopener" class="btn-primary btn-ref" style="text-decoration:none; display:inline-flex; align-items:center; gap:12px;">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>
<span>Get $10 Free Credits →</span>
</a>
<a href="#models" class="btn-secondary"><span>→ Browse 500K+ Models</span></a>
</div>
<div class="hero-stats">
<div class="hero-stat"><span class="hero-stat-num">500K+</span><span class="hero-stat-label">Models</span></div>
<div class="hero-stat"><span class="hero-stat-num">2s</span><span class="hero-stat-label">Cold Start</span></div>
<div class="hero-stat"><span class="hero-stat-num">$0.00019</span><span class="hero-stat-label">/sec (RTX 4090)</span></div>
<div class="hero-stat"><span class="hero-stat-num">∞</span><span class="hero-stat-label">Auto-Scale</span></div>
</div>
</div>
</header>
<div class="signal-bar-wrap">
<div class="signal-bar-label">Your Deployment Signal</div>
<div class="signal-bar-track"><div class="signal-bar-fill" id="signal-fill"></div></div>
<div class="signal-bar-pct" id="signal-pct">0%</div>
</div>
<section id="flagships" aria-labelledby="flagships-title">
<div class="section-header">
<h2 id="flagships-title">Flagship Deployments</h2>
<p>Curated models optimized for RunPod serverless — one-click deploy, pre-tested configs.</ </div>
<div class="models-grid" id="flagship-grid"></div>
</section>
<section id="models" aria-labelledby="models-title">
<div class="section-header">
<h2 id="models-title">Browse All Models</h2>
<p>Search 500,000+ Hugging Face models. Filter by task, size, license. Deploy to RunPod instantly.</ </div>
<form class="search-bar" id="search-form">
<span class="search-icon">🔍</span>
<input type="text" class="search-input" id="search-input" placeholder="Search models... (e.g. llama, mistral, qwen, phi, whisper)" autocomplete="off">
<button type="submit" class="search-submit" aria-label="Search">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>
</button>
</form>
<div class="filter-tabs" id="filter-tabs"></div>
<div class="models-grid" id="models-grid"></div>
</section>
<section id="gpus" aria-labelledby="gpus-title">
<div class="section-header">
<h2 id="gpus-title">GPU Options</h2>
<p>Choose the right GPU for your model size and budget. All serverless, per-second billing. Spot saves 50-70%.</ </div>
<div class="dimensions-grid" id="gpu-grid"></div>
</section>
<section id="referral" class="ref-promo-section" aria-labelledby="ref-hero-title">
<div class="ref-promo-container">
<div class="ref-hero-banner">
<div class="ref-badge">🎁 Exclusive Referral Benefits</div>
<h2 id="ref-hero-title">Deploy on RunPod. Get <span style="color: var(--ref-gold);">$10 Free Credits</span> + <span style="color: var(--runpod-blue);">Lifetime 20% Commissions</span></h2>
<p class="ref-subtitle">Sign up through our partner link and unlock immediate GPU credits, recurring referral revenue, and access to the world's largest serverless GPU fleet. Every model you deploy earns you back.</p>
<div class="ref-cta-row">
<a href="https://runpod.io?ref=lc0jiiz3" target="_blank" rel="noopener noreferrer" class="btn-primary btn-ref" style="text-decoration:none; display:inline-flex; align-items:center; gap:10px; padding: 18px 40px; font-size: 1.1rem;">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>
<span>Sign Up & Claim $10 Free Credits</span>
</a>
<a href="https://console.runpod.io/user/referrals?ref=lc0jiiz3" target="_blank" rel="noopener noreferrer" class="btn-primary btn-runpod" style="text-decoration:none; display:inline-flex; align-items:center; gap:10px; padding: 18px 40px; font-size: 1.1rem;">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
<span>View Referral Dashboard</span>
</a>
</div>
<div class="ref-stats-row">
<div class="ref-stat">
<div class="ref-stat-number">$10</div>
<div class="ref-stat-label">Instant GPU Credits</div>
</div>
<div class="ref-stat">
<div class="ref-stat-number">20%</div>
<div class="ref-stat-label">Lifetime Commission</div>
</div>
<div class="ref-stat">
<div class="ref-stat-number">$500+</div>
<div class="ref-stat-label">Avg Monthly Earnings</div>
</div>
<div class="ref-stat">
<div class="ref-stat-number">∞</div>
<div class="ref-stat-label">No Cap on Referrals</div>
</div>
</div>
</div>
<div class="ref-benefits-grid">
<article class="ref-benefit-card">
<div class="ref-benefit-icon">💰</div>
<h3>Instant $10 Free Credits</h3>
<p>Sign up via <a href="https://runpod.io?ref=lc0jiiz3" target="_blank" rel="noopener" style="color: var(--ref-gold); font-weight: 600;">our referral link</a> and get $10 in GPU credits instantly. That's ~55 hours on RTX 3080, ~45 hours on RTX 3090, or ~22 hours on RTX 4090 — completely free. No credit card required for the trial.</p>
</article>
<article class="ref-benefit-card">
<div class="ref-benefit-icon">🔄</div>
<h3>20% Lifetime Recurring Commission</h3>
<p>Every person you refer earns you 20% of their spend — forever. If they spend $500/mo on GPUs, you get $100/mo passive income. 10 referrals at $500 = $5,000/mo. No caps. No expiry. Track it all at <a href="https://console.runpod.io/user/referrals?ref=lc0jiiz3" target="_blank" rel="noopener" style="color: var(--runpod-blue); font-weight: 600;">your referral dashboard</a>.</p>
</article>
<article class="ref-benefit-card">
<div class="ref-benefit-icon">⚡</div>
<h3>World's Largest Serverless GPU Fleet</h3>
<p>Access 100,000+ GPUs across 30+ data centers globally. RTX 3080 ($0.17/hr) to H100 ($4.50/hr). Sub-second cold starts. Per-second billing. Auto-scale from 0 to 1000+ workers. No reserved instances needed.</p>
</article>
<article class="ref-benefit-card">
<div class="ref-benefit-icon">🤗</div>
<h3>Native Hugging Face Integration</h3>
<p>Deploy any HF model ID directly. Auto-detects architecture, quantization (AWQ, GPTQ, GGUF), and required VRAM. OpenAI-compatible API endpoints. Built-in Flash Attention, vLLM, TGI, and custom Docker support.</p>
</article>
<article class="ref-benefit-card">
<div class="ref-benefit-icon">💎</div>
<h3>Spot Instances: Save 50-70%</h3>
<p>Bid on spare capacity. RTX 3090 at $0.11/hr (vs $0.22), A100 40GB at $0.55/hr (vs $1.10). Perfect for batch inference, fine-tuning, and fault-tolerant workloads. Automatic fallback to on-demand.</p>
</article>
<article class="ref-benefit-card">
<div class="ref-benefit-icon">🛡️</div>
<h3>Enterprise-Grade Security & Compliance</h3>
<p>SOC 2 Type II, HIPAA-ready, GDPR compliant. Private networking, VPC peering, custom VPCs. End-to-end encryption. Team workspaces with RBAC. Audit logs. Dedicated support SLAs.</p>
</article>
<article class="ref-benefit-card">
<div class="ref-benefit-icon">🚀</div>
<h3>One-Click Fine-Tuning & Training</h3>
<p>Launch LoRA/QLoRA fine-tunes on any HF model. Multi-node distributed training with NCCL. Pre-configured Axolotl, Unsloth, HuggingFace Trainer templates. Checkpoint to HF Hub automatically.</p>
</article>
<article class="ref-benefit-card">
<div class="ref-benefit-icon">🌐</div>
<h3>Global Edge & CDN Integration</h3>
<p>Deploy inference endpoints at edge locations worldwide. Cloudflare Workers integration. <100ms latency to 95% of internet users. Custom domains, SSL, rate limiting, auth built-in.</p>
</article>
</div>
<div class="ref-dashboard-section">
<h3>Already a RunPod User? Maximize Your Earnings</h3>
<p>Log into your referral dashboard to get your personal link, track clicks, signups, conversions, and pending/paid commissions in real-time. Share your link on GitHub, Discord, Twitter, blogs, YouTube — every deploy earns you back.</p>
<a href="https://console.runpod.io/user/referrals?ref=lc0jiiz3" target="_blank" rel="noopener noreferrer" class="btn-primary btn-runpod" style="text-decoration:none; display:inline-flex; align-items:center; gap:10px; padding: 16px 36px; font-size: 1.1rem;">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
<span>Open Referral Dashboard →</span>
</a>
</div>
</div>
</section>
<section class="ref-promo-section ref-alt" aria-labelledby="ref-deploy-title">
<div class="ref-promo-container">
<div style="text-align: center; max-width: 800px; margin: 0 auto;">
<div class="ref-badge" style="background: linear-gradient(135deg, var(--runpod-blue), var(--runpod-purple)); color: #fff;">⚡ Deploy Now → Earn Forever</div>
<h2 id="ref-deploy-title" style="font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 800; margin-bottom: 16px; background: linear-gradient(135deg, #fff, var(--runpod-blue), var(--ref-gold)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;">
Every Model You Deploy Funds Your Next One
</h2>
<p style="font-size: 1.1rem; color: var(--text-dim); margin-bottom: 32px; line-height: 1.8; max-width: 600px; margin-left: auto; margin-right: auto;">
Deploy Llama 3.1, Mistral, Qwen, Whisper, or any custom fine-tune. Your $10 free credits cover your first workloads. Then every referral you bring in pays for your GPU bill — indefinitely.
</p>
<div class="ref-cta-row">
<a href="https://runpod.io?ref=lc0jiiz3" target="_blank" rel="noopener noreferrer" class="btn-primary btn-ref" style="text-decoration:none; display:inline-flex; align-items:center; gap:10px; padding: 18px 40px; font-size: 1.1rem;">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
<span>Start Free: $10 Credits →</span>
</a>
<a href="https://console.runpod.io/user/referrals?ref=lc0jiiz3" target="_blank" rel="noopener noreferrer" class="btn-primary btn-runpod" style="text-decoration:none; display:inline-flex; align-items:center; gap:10px; padding: 18px 40px; font-size: 1.1rem;">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
<span>Track Earnings Dashboard</span>
</a>
</div>
<div style="margin-top: 48px; padding: 32px; background: var(--glass-bg); backdrop-filter: blur(12px); border: 1px solid var(--glass-border); border-radius: var(--radius); text-align: left;">
<h4 style="font-size: 1rem; font-weight: 700; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; color: var(--ref-gold);">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>
Real-World Earning Scenarios
</h4>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px;">
<div style="padding: 16px; background: rgba(255,215,0,0.05); border: 1px solid rgba(255,215,0,0.1); border-radius: 12px;">
<div style="font-size: 1.5rem; font-weight: 800; color: var(--ref-gold);">$120/mo</div>
<div style="font-size: 0.8rem; color: var(--text-dim); margin-top: 4px;">3 referrals × $400/mo GPU spend</div>
<div style="font-size: 0.75rem; color: var(--text-muted); margin-top: 8px;">Covers your own RTX 4090 usage + profit</div>
</div>
<div style="padding: 16px; background: rgba(0,212,255,0.05); border: 1px solid rgba(0,212,255,0.1); border-radius: 12px;">
<div style="font-size: 1.5rem; font-weight: 800; color: var(--runpod-blue);">$600/mo</div>
<div style="font-size: 0.8rem; color: var(--text-dim); margin-top: 4px;">10 referrals × $300/mo avg spend</div>
<div style="font-size: 0.75rem; color: var(--text-muted); margin-top: 8px;">Full-time GPU budget + passive income</div>
</div>
<div style="padding: 16px; background: rgba(16,185,129,0.05); border: 1px solid rgba(16,185,129,0.1); border-radius: 12px;">
<div style="font-size: 1.5rem; font-weight: 800; color: var(--model-green);">$2,500/mo</div>
<div style="font-size: 0.8rem; color: var(--text-dim); margin-top: 4px;">25 referrals × $500/mo (teams/startups)</div>
<div style="font-size: 0.75rem; color: var(--text-muted); margin-top: 8px;">Replace a senior engineer salary</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="how-it-works" style="padding: 100px 24px; background: linear-gradient(180deg, transparent, var(--bg-elevated), transparent);">
<div class="section-header">
<h2>How It Works</h2>
<p>From Hugging Face model ID to production API in 3 steps.</ </div>
<div class="dimensions-grid">
<div class="dimension-card dim-nexus">
<span class="dim-icon">1</span>
<h3>Pick a Model</h3>
<p>Search any HF model ID or browse curated lists. We auto-detect architecture, quantization, and required VRAM.</ <a href="#models" class="dim-cta">Browse Models →</a>
</div>
<div class="dimension-card dim-prism">
<span class="dim-icon">2</span>
<h3>Select GPU</h3>
<p>Choose from RTX 3080 to H100. We recommend minimum VRAM for your model. Spot instances save 50-70%.</p>
<a href="#gpus" class="dim-cta">View GPUs →</a>
</div>
<div class="dimension-card dim-echo">
<span class="dim-icon">3</span>
<h3>Deploy & Scale</h3>
<p>One click deploys a serverless worker. Auto-scales from 0 to 1000+ replicas. OpenAI-compatible API endpoint ready.</ <button class="dim-cta deploy-btn" onclick="scrollToModels()">Deploy Now →</button>
</div>
</div>
</section>
<footer style="padding: 60px 24px; border-top: 1px solid var(--border-subtle); text-align: center; color: var(--text-muted); font-size: 0.85rem;">
<p>Deploying Hugging Face models on RunPod serverless GPUs via AEUPH</p>
<p style="margin-top: 8px;">
🤗 <a href="https://huggingface.co/models" target="_blank" rel="noopener">Browse all models on HF Hub</a> ·
<a href="https://runpod.io?ref=lc0jiiz3" target="_blank" rel="noopener" style="color: var(--ref-gold); font-weight: 600;">Get $10 Free RunPod Credits</a> ·
<a href="https://console.runpod.io/user/referrals?ref=lc0jiiz3" target="_blank" rel="noopener" style="color: var(--runpod-blue); font-weight: 600;">Referral Dashboard</a> ·
<a href="https://aeuph.duckdns.org">Back to AEUPH</a>
</p>
</footer>
<script src="app.js"></script>
</body>
</html> |