| <!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> |
