89443f213b
- Add Go modules with required dependencies (Gin, UUID, JWT, etc.) - Implement main web server with landing page endpoint - Add comprehensive API endpoints for health and status - Include proper error handling and request validation - Set up CORS middleware and security headers
328 lines
17 KiB
HTML
328 lines
17 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>YourDreamNameHere - Sovereign Data Hosting</title>
|
|
<meta name="description" content="Launch your own sovereign data hosting business with automated domain registration, VPS provisioning, and Cloudron installation.">
|
|
<link rel="stylesheet" href="/static/css/style.css">
|
|
<link rel="icon" type="image/x-icon" href="/static/images/favicon.ico">
|
|
</head>
|
|
<body>
|
|
<header class="header">
|
|
<nav class="nav">
|
|
<div class="nav-container">
|
|
<a href="/" class="nav-logo">
|
|
<img src="/static/images/logo.svg" alt="YourDreamNameHere" class="logo-img">
|
|
<span class="logo-text">YourDreamNameHere</span>
|
|
</a>
|
|
|
|
<input type="checkbox" id="nav-toggle" class="nav-toggle">
|
|
<label for="nav-toggle" class="nav-toggle-label">
|
|
<span></span>
|
|
</label>
|
|
|
|
<ul class="nav-menu">
|
|
<li><a href="#features" class="nav-link">Features</a></li>
|
|
<li><a href="#pricing" class="nav-link">Pricing</a></li>
|
|
<li><a href="#how-it-works" class="nav-link">How It Works</a></li>
|
|
<li><a href="/login" class="nav-link">Login</a></li>
|
|
<li><a href="/register" class="btn btn-primary">Get Started</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="hero">
|
|
<div class="container">
|
|
<div class="hero-content">
|
|
<h1 class="hero-title">Launch Your Sovereign Data Hosting Business</h1>
|
|
<p class="hero-subtitle">
|
|
Transform ideas into fully operational hosting platforms with automated domain registration,
|
|
VPS provisioning, and Cloudron installation - all for $250/month.
|
|
</p>
|
|
<div class="hero-actions">
|
|
<a href="/register" class="btn btn-primary btn-large">Start Your Journey</a>
|
|
<a href="#how-it-works" class="btn btn-secondary btn-large">Learn More</a>
|
|
</div>
|
|
<div class="hero-stats">
|
|
<div class="stat">
|
|
<span class="stat-number">3</span>
|
|
<span class="stat-label">Simple Steps</span>
|
|
</div>
|
|
<div class="stat">
|
|
<span class="stat-number">30</span>
|
|
<span class="stat-label">Minute Setup</span>
|
|
</div>
|
|
<div class="stat">
|
|
<span class="stat-number">100%</span>
|
|
<span class="stat-label">Sovereign</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="features" class="features">
|
|
<div class="container">
|
|
<h2 class="section-title">Everything You Need to Succeed</h2>
|
|
<p class="section-subtitle">Our platform handles the technical complexity so you can focus on your business</p>
|
|
|
|
<div class="features-grid">
|
|
<div class="feature-card">
|
|
<div class="feature-icon">
|
|
<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5z"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="feature-title">Domain Registration</h3>
|
|
<p class="feature-description">Automatic domain registration through OVH with DNS configuration included.</p>
|
|
</div>
|
|
|
|
<div class="feature-card">
|
|
<div class="feature-icon">
|
|
<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"/>
|
|
<line x1="8" y1="21" x2="16" y2="21"/>
|
|
<line x1="12" y1="17" x2="12" y2="21"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="feature-title">VPS Provisioning</h3>
|
|
<p class="feature-description">Instant VPS deployment with optimized security configurations and performance.</p>
|
|
</div>
|
|
|
|
<div class="feature-card">
|
|
<div class="feature-icon">
|
|
<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="feature-title">Cloudron Installation</h3>
|
|
<p class="feature-description">Automated Cloudron setup with application marketplace and user management.</p>
|
|
</div>
|
|
|
|
<div class="feature-card">
|
|
<div class="feature-icon">
|
|
<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<rect x="1" y="4" width="22" height="16" rx="2" ry="2"/>
|
|
<line x1="1" y1="10" x2="23" y2="10"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="feature-title">Back Office</h3>
|
|
<p class="feature-description">Dolibarr integration for complete business management and invoicing.</p>
|
|
</div>
|
|
|
|
<div class="feature-card">
|
|
<div class="feature-icon">
|
|
<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="feature-title">Security First</h3>
|
|
<p class="feature-description">Enterprise-grade security with automatic updates and monitoring.</p>
|
|
</div>
|
|
|
|
<div class="feature-card">
|
|
<div class="feature-icon">
|
|
<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
|
|
<polyline points="22 4 12 14.01 9 11.01"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="feature-title">24/7 Support</h3>
|
|
<p class="feature-description">Expert support whenever you need it to ensure your business runs smoothly.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="how-it-works" class="how-it-works">
|
|
<div class="container">
|
|
<h2 class="section-title">How It Works</h2>
|
|
<p class="section-subtitle">Launch your hosting business in three simple steps</p>
|
|
|
|
<div class="steps">
|
|
<div class="step">
|
|
<div class="step-number">1</div>
|
|
<div class="step-content">
|
|
<h3 class="step-title">Sign Up & Choose Domain</h3>
|
|
<p class="step-description">Create your account and select your perfect domain name. We'll check availability in real-time.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step">
|
|
<div class="step-number">2</div>
|
|
<div class="step-content">
|
|
<h3 class="step-title">Complete Payment</h3>
|
|
<p class="step-description">Secure payment through Stripe. Your subscription includes everything - no hidden fees.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step">
|
|
<div class="step-number">3</div>
|
|
<div class="step-content">
|
|
<h3 class="step-title">Receive Your Cloudron Invite</h3>
|
|
<p class="step-description">Sit back while we handle everything. You'll receive an email to complete your Cloudron setup.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="pricing" class="pricing">
|
|
<div class="container">
|
|
<h2 class="section-title">Simple, Transparent Pricing</h2>
|
|
<p class="section-subtitle">One price for everything you need to launch your hosting business</p>
|
|
|
|
<div class="pricing-card">
|
|
<div class="pricing-header">
|
|
<h3 class="pricing-title">Sovereign Hosting</h3>
|
|
<div class="pricing-price">
|
|
<span class="currency">$</span>
|
|
<span class="amount">250</span>
|
|
<span class="period">/month</span>
|
|
</div>
|
|
<p class="pricing-description">Complete hosting business solution</p>
|
|
</div>
|
|
|
|
<ul class="pricing-features">
|
|
<li class="feature-included">
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<polyline points="20 6 9 17 4 12"/>
|
|
</svg>
|
|
Domain Registration (OVH)
|
|
</li>
|
|
<li class="feature-included">
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<polyline points="20 6 9 17 4 12"/>
|
|
</svg>
|
|
VPS Provisioning & Setup
|
|
</li>
|
|
<li class="feature-included">
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<polyline points="20 6 9 17 4 12"/>
|
|
</svg>
|
|
Cloudron Installation
|
|
</li>
|
|
<li class="feature-included">
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<polyline points="20 6 9 17 4 12"/>
|
|
</svg>
|
|
DNS Configuration
|
|
</li>
|
|
<li class="feature-included">
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<polyline points="20 6 9 17 4 12"/>
|
|
</svg>
|
|
SSL Certificate Setup
|
|
</li>
|
|
<li class="feature-included">
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<polyline points="20 6 9 17 4 12"/>
|
|
</svg>
|
|
Admin Email Invitation
|
|
</li>
|
|
<li class="feature-included">
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<polyline points="20 6 9 17 4 12"/>
|
|
</svg>
|
|
Dolibarr Back Office
|
|
</li>
|
|
<li class="feature-included">
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<polyline points="20 6 9 17 4 12"/>
|
|
</svg>
|
|
24/7 Technical Support
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="pricing-action">
|
|
<a href="/register" class="btn btn-primary btn-large">Get Started Now</a>
|
|
<p class="pricing-guarantee">Cancel anytime • No setup fees • No hidden costs</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="cta">
|
|
<div class="container">
|
|
<div class="cta-content">
|
|
<h2 class="cta-title">Ready to Launch Your Hosting Business?</h2>
|
|
<p class="cta-subtitle">Join the sovereign hosting revolution today</p>
|
|
<div class="cta-actions">
|
|
<a href="/register" class="btn btn-primary btn-large">Start Your Free Trial</a>
|
|
<a href="/contact" class="btn btn-secondary btn-large">Contact Sales</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<div class="footer-content">
|
|
<div class="footer-section">
|
|
<div class="footer-logo">
|
|
<img src="/static/images/logo.svg" alt="YourDreamNameHere" class="logo-img">
|
|
<span class="logo-text">YourDreamNameHere</span>
|
|
</div>
|
|
<p class="footer-description">
|
|
Empowering entrepreneurs to launch sovereign data hosting businesses with automated infrastructure.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="footer-section">
|
|
<h3 class="footer-title">Product</h3>
|
|
<ul class="footer-links">
|
|
<li><a href="#features">Features</a></li>
|
|
<li><a href="#pricing">Pricing</a></li>
|
|
<li><a href="#how-it-works">How It Works</a></li>
|
|
<li><a href="/api/docs">API Documentation</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="footer-section">
|
|
<h3 class="footer-title">Company</h3>
|
|
<ul class="footer-links">
|
|
<li><a href="/about">About Us</a></li>
|
|
<li><a href="/blog">Blog</a></li>
|
|
<li><a href="/careers">Careers</a></li>
|
|
<li><a href="/contact">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="footer-section">
|
|
<h3 class="footer-title">Support</h3>
|
|
<ul class="footer-links">
|
|
<li><a href="/help">Help Center</a></li>
|
|
<li><a href="/status">System Status</a></li>
|
|
<li><a href="/privacy">Privacy Policy</a></li>
|
|
<li><a href="/terms">Terms of Service</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer-bottom">
|
|
<p>© 2024 YourDreamNameHere.com. All rights reserved.</p>
|
|
<div class="footer-social">
|
|
<a href="#" aria-label="Twitter">
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
|
|
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"/>
|
|
</svg>
|
|
</a>
|
|
<a href="#" aria-label="LinkedIn">
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
|
|
<path d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6z"/>
|
|
<rect x="2" y="9" width="4" height="12"/>
|
|
<circle cx="4" cy="4" r="2"/>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="/static/js/minimal.js"></script>
|
|
</body>
|
|
</html> |