Skip to content
Docs / Hosting-Specific / Pricing Page

Pricing Page

A complete pricing page composition demonstrating how to combine multiple Nimbus components into a real-world pricing page. Copy the entire example and customize it for your project.

Components Used: hu-hero, hu-pricing-grid, hu-pricing-card, hu-badge hu-badge-primary, hu-accordion, hu-table, hu-btn, hu-badge, hu-container, hu-grid, hu-flex, hu-gap, hu-text-*, hu-font-*

Complete Pricing Page

Simple, Transparent Pricing

Choose the perfect plan for your website. No hidden fees.

Monthly Annual Save 20%

Starter

$2.99 /mo
  • 1 Website
  • 10GB SSD Storage
  • Unmetered Bandwidth
  • Free SSL Certificate
  • Email Support
MOST POPULAR

Professional

$5.99 /mo
  • Unlimited Websites
  • 50GB SSD Storage
  • Unmetered Bandwidth
  • Free SSL Certificate
  • Priority Support
  • Free Domain Name
  • Daily Backups

Business

$9.99 /mo
  • Unlimited Websites
  • 100GB SSD Storage
  • Unmetered Bandwidth
  • Free SSL Certificate
  • 24/7 Phone Support
  • Free Domain Name
  • Daily Backups
  • Dedicated IP Address

VPS Hosting Plans

Standard

$19.99 /mo
  • 2 vCPU Cores
  • 4GB RAM
  • 80GB SSD Storage
  • 4TB Bandwidth

Premium

$39.99 /mo
  • 4 vCPU Cores
  • 8GB RAM
  • 160GB SSD Storage
  • 5TB Bandwidth

Ultra

$79.99 /mo
  • 8 vCPU Cores
  • 16GB RAM
  • 320GB SSD Storage
  • Unmetered Bandwidth

Feature Comparison

Feature Starter Professional Business
Websites 1 Unlimited Unlimited
SSD Storage 10GB 50GB 100GB
Bandwidth Unmetered Unmetered Unmetered
Free SSL
Free Domain
Daily Backups
Dedicated IP
Support Email Priority 24/7 Phone

Frequently Asked Questions

Yes, you can upgrade your plan at any time. When you upgrade, you'll only pay the prorated difference for the remaining billing period. Your site will be upgraded immediately with no downtime.

We accept all major credit cards (Visa, Mastercard, American Express), PayPal, and bank transfers for annual plans. All payments are processed securely through Stripe.

Absolutely! We offer a 30-day money-back guarantee on all plans. If you're not satisfied with our service, contact us within 30 days for a full refund, no questions asked.

Yes! We offer free website migrations for all new customers. Our migration team will transfer your website with zero downtime. Most migrations are completed within 24 hours.

Ready to get started?

Join thousands of businesses that trust Nimbus for their hosting needs. Start your journey today.

<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Pricing - Nimbus Example</title>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/Nimbus@latest/css/main.css">
</head>
<body>

  <section class="hu-hero" style="text-align: center;">
    <div class="hu-container">
      <h1 class="hu-hero-title" style="font-size: 2.5rem; font-weight: 800; margin-bottom: 1rem;">Simple, Transparent Pricing</h1>
      <p class="hu-hero-subtitle" style="font-size: 1.125rem; color: var(--hu-text-muted); max-width: 600px; margin: 0 auto;">Choose the perfect plan for your website. No hidden fees.</p>
    </div>
  </section>

  <div class="hu-container" style="margin-bottom: 2rem;">
    <div class="hu-flex" style="justify-content: center; gap: 1rem; align-items: center;">
      <span class="hu-text-sm" style="font-weight: 500;">Monthly</span>
      <label class="hu-switch">
        <input type="checkbox" id="pricing-toggle">
        <span class="hu-switch-slider"></span>
      </label>
      <span class="hu-text-sm" style="font-weight: 500;">Annual <span class="hu-badge hu-badge-success" style="margin-left: 0.25rem;">Save 20%</span></span>
    </div>
  </div>

  <div class="hu-grid hu-grid" style="gap: 1.5rem; margin-bottom: 4rem; max-width: 1100px; margin-left: auto; margin-right: auto;">
    <div class="hu-card hu-pricing-card">
      <div class="hu-card-header" style="text-align: center;">
        <h3 class="hu-card-title">Starter</h3>
        <div class="hu-pricing-price">
          <span class="hu-pricing-amount">$2.99</span>
          <span class="hu-pricing-period">/mo</span>
        </div>
      </div>
      <div class="hu-card-body">
        <ul class="hu-pricing-features">
          <li class="hu-pricing-feature">
            <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
            1 Website
          </li>
          <li class="hu-pricing-feature">
            <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
            10GB SSD Storage
          </li>
          <li class="hu-pricing-feature">
            <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
            Unmetered Bandwidth
          </li>
          <li class="hu-pricing-feature">
            <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
            Free SSL Certificate
          </li>
          <li class="hu-pricing-feature">
            <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
            Email Support
          </li>
        </ul>
      </div>
      <div class="hu-card-footer" style="text-align: center;">
        <button class="hu-btn hu-btn-outline" style="width: 100%;">Get Started</button>
      </div>
    </div>

    <div class="hu-card hu-pricing-card hu-card" style="transform: scale(1.05); z-index: 2;">
      <div class="hu-pricing-badge hu-badge hu-badge-primary">MOST POPULAR</div>
      <div class="hu-card-header" style="text-align: center;">
        <h3 class="hu-card-title">Professional</h3>
        <div class="hu-pricing-price">
          <span class="hu-pricing-amount">$5.99</span>
          <span class="hu-pricing-period">/mo</span>
        </div>
      </div>
      <div class="hu-card-body">
        <ul class="hu-pricing-features">
          <li class="hu-pricing-feature">
            <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
            Unlimited Websites
          </li>
          <li class="hu-pricing-feature">
            <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
            50GB SSD Storage
          </li>
          <li class="hu-pricing-feature">
            <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
            Unmetered Bandwidth
          </li>
          <li class="hu-pricing-feature">
            <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
            Free SSL Certificate
          </li>
          <li class="hu-pricing-feature">
            <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
            Priority Support
          </li>
          <li class="hu-pricing-feature">
            <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
            Free Domain Name
          </li>
          <li class="hu-pricing-feature">
            <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
            Daily Backups
          </li>
        </ul>
      </div>
      <div class="hu-card-footer" style="text-align: center;">
        <button class="hu-btn hu-btn-primary" style="width: 100%;">Get Started</button>
      </div>
    </div>

    <div class="hu-card hu-pricing-card">
      <div class="hu-card-header" style="text-align: center;">
        <h3 class="hu-card-title">Business</h3>
        <div class="hu-pricing-price">
          <span class="hu-pricing-amount">$9.99</span>
          <span class="hu-pricing-period">/mo</span>
        </div>
      </div>
      <div class="hu-card-body">
        <ul class="hu-pricing-features">
          <li class="hu-pricing-feature">
            <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
            Unlimited Websites
          </li>
          <li class="hu-pricing-feature">
            <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
            100GB SSD Storage
          </li>
          <li class="hu-pricing-feature">
            <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
            Unmetered Bandwidth
          </li>
          <li class="hu-pricing-feature">
            <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
            Free SSL Certificate
          </li>
          <li class="hu-pricing-feature">
            <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
            24/7 Phone Support
          </li>
          <li class="hu-pricing-feature">
            <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
            Free Domain Name
          </li>
          <li class="hu-pricing-feature">
            <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
            Daily Backups
          </li>
          <li class="hu-pricing-feature">
            <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
            Dedicated IP Address
          </li>
        </ul>
      </div>
      <div class="hu-card-footer" style="text-align: center;">
        <button class="hu-btn hu-btn-outline" style="width: 100%;">Get Started</button>
      </div>
    </div>
  </div>

  <div class="hu-container" style="margin-bottom: 4rem;">
    <h2 class="h2" style="text-align: center; margin-bottom: 2rem;">VPS Hosting Plans</h2>
    <div class="hu-grid hu-grid" style="gap: 1.5rem; max-width: 1100px; margin-left: auto; margin-right: auto;">
      <div class="hu-card">
        <div class="hu-card-header" style="text-align: center;">
          <h3 class="hu-card-title">Standard</h3>
          <div class="hu-pricing-price">
            <span class="hu-pricing-amount">$19.99</span>
            <span class="hu-pricing-period">/mo</span>
          </div>
        </div>
        <div class="hu-card-body">
          <ul class="hu-pricing-features">
            <li class="hu-pricing-feature">
              <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
              2 vCPU Cores
            </li>
            <li class="hu-pricing-feature">
              <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
              4GB RAM
            </li>
            <li class="hu-pricing-feature">
              <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
              80GB SSD Storage
            </li>
            <li class="hu-pricing-feature">
              <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
              4TB Bandwidth
            </li>
          </ul>
        </div>
        <div class="hu-card-footer" style="text-align: center;">
          <button class="hu-btn hu-btn-outline" style="width: 100%;">Get Started</button>
        </div>
      </div>

      <div class="hu-card hu-card">
        <div class="hu-card-header" style="text-align: center;">
          <h3 class="hu-card-title">Premium</h3>
          <div class="hu-pricing-price">
            <span class="hu-pricing-amount">$39.99</span>
            <span class="hu-pricing-period">/mo</span>
          </div>
        </div>
        <div class="hu-card-body">
          <ul class="hu-pricing-features">
            <li class="hu-pricing-feature">
              <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
              4 vCPU Cores
            </li>
            <li class="hu-pricing-feature">
              <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
              8GB RAM
            </li>
            <li class="hu-pricing-feature">
              <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
              160GB SSD Storage
            </li>
            <li class="hu-pricing-feature">
              <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
              5TB Bandwidth
            </li>
          </ul>
        </div>
        <div class="hu-card-footer" style="text-align: center;">
          <button class="hu-btn hu-btn-primary" style="width: 100%;">Get Started</button>
        </div>
      </div>

      <div class="hu-card">
        <div class="hu-card-header" style="text-align: center;">
          <h3 class="hu-card-title">Ultra</h3>
          <div class="hu-pricing-price">
            <span class="hu-pricing-amount">$79.99</span>
            <span class="hu-pricing-period">/mo</span>
          </div>
        </div>
        <div class="hu-card-body">
          <ul class="hu-pricing-features">
            <li class="hu-pricing-feature">
              <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
              8 vCPU Cores
            </li>
            <li class="hu-pricing-feature">
              <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
              16GB RAM
            </li>
            <li class="hu-pricing-feature">
              <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
              320GB SSD Storage
            </li>
            <li class="hu-pricing-feature">
              <svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
              Unmetered Bandwidth
            </li>
          </ul>
        </div>
        <div class="hu-card-footer" style="text-align: center;">
          <button class="hu-btn hu-btn-outline" style="width: 100%;">Get Started</button>
        </div>
      </div>
    </div>
  </div>

  <div class="hu-container" style="margin-bottom: 4rem;">
    <h2 class="h2" style="text-align: center; margin-bottom: 2rem;">Feature Comparison</h2>
    <div class="hu-table-responsive" style="max-width: 1000px; margin: 0 auto;">
      <table class="hu-table">
        <thead>
          <tr>
            <th>Feature</th>
            <th>Starter</th>
            <th>Professional</th>
            <th>Business</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Websites</td>
            <td>1</td>
            <td>Unlimited</td>
            <td>Unlimited</td>
          </tr>
          <tr>
            <td>SSD Storage</td>
            <td>10GB</td>
            <td>50GB</td>
            <td>100GB</td>
          </tr>
          <tr>
            <td>Bandwidth</td>
            <td>Unmetered</td>
            <td>Unmetered</td>
            <td>Unmetered</td>
          </tr>
          <tr>
            <td>Free SSL</td>
            <td><svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg></td>
            <td><svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg></td>
            <td><svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg></td>
          </tr>
          <tr>
            <td>Free Domain</td>
            <td><svg style="color: var(--hu-danger)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></td>
            <td><svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg></td>
            <td><svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg></td>
          </tr>
          <tr>
            <td>Daily Backups</td>
            <td><svg style="color: var(--hu-danger)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></td>
            <td><svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg></td>
            <td><svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg></td>
          </tr>
          <tr>
            <td>Dedicated IP</td>
            <td><svg style="color: var(--hu-danger)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></td>
            <td><svg style="color: var(--hu-danger)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></td>
            <td><svg style="color: var(--hu-success)" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg></td>
          </tr>
          <tr>
            <td>Support</td>
            <td>Email</td>
            <td>Priority</td>
            <td>24/7 Phone</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>

  <div class="hu-container" style="margin-bottom: 4rem;">
    <h2 class="h2" style="text-align: center; margin-bottom: 2rem;">Frequently Asked Questions</h2>
    <div class="hu-accordion" style="max-width: 800px; margin: 0 auto;">
      <div class="hu-accordion-item">
        <div class="hu-accordion-header">
          <button class="hu-accordion-btn" aria-expanded="false">
            <span class="hu-accordion-title">Can I upgrade my plan later?</span>
            <svg class="hu-accordion-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>
          </button>
        </div>
        <div class="hu-accordion-body">
          <div class="hu-accordion-body-inner">
            <p>Yes, you can upgrade your plan at any time. When you upgrade, you'll only pay the prorated difference for the remaining billing period. Your site will be upgraded immediately with no downtime.</p>
          </div>
        </div>
      </div>
      <div class="hu-accordion-item">
        <div class="hu-accordion-header">
          <button class="hu-accordion-btn" aria-expanded="false">
            <span class="hu-accordion-title">What payment methods do you accept?</span>
            <svg class="hu-accordion-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>
          </button>
        </div>
        <div class="hu-accordion-body">
          <div class="hu-accordion-body-inner">
            <p>We accept all major credit cards (Visa, Mastercard, American Express), PayPal, and bank transfers for annual plans. All payments are processed securely through Stripe.</p>
          </div>
        </div>
      </div>
      <div class="hu-accordion-item">
        <div class="hu-accordion-header">
          <button class="hu-accordion-btn" aria-expanded="false">
            <span class="hu-accordion-title">Is there a money-back guarantee?</span>
            <svg class="hu-accordion-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>
          </button>
        </div>
        <div class="hu-accordion-body">
          <div class="hu-accordion-body-inner">
            <p>Absolutely! We offer a 30-day money-back guarantee on all plans. If you're not satisfied with our service, contact us within 30 days for a full refund, no questions asked.</p>
          </div>
        </div>
      </div>
      <div class="hu-accordion-item">
        <div class="hu-accordion-header">
          <button class="hu-accordion-btn" aria-expanded="false">
            <span class="hu-accordion-title">Do you offer free migrations?</span>
            <svg class="hu-accordion-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>
          </button>
        </div>
        <div class="hu-accordion-body">
          <div class="hu-accordion-body-inner">
            <p>Yes! We offer free website migrations for all new customers. Our migration team will transfer your website with zero downtime. Most migrations are completed within 24 hours.</p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <section class="hu-section" style="border-radius: 16px; padding: 4rem 2rem; text-align: center;">
    <h2 class="h2" style="color: white; margin-bottom: 1rem;">Ready to get started?</h2>
    <p style="color: rgba(255,255,255,0.9); margin-bottom: 2rem; max-width: 500px; margin-left: auto; margin-right: auto;">Join thousands of businesses that trust Nimbus for their hosting needs. Start your journey today.</p>
    <div class="hu-flex" style="justify-content: center; gap: 1rem;">
      <button class="hu-btn hu-btn-white">Get Started</button>
      <button class="hu-btn hu-btn-outline-white">View Plans</button>
    </div>
  </section>

</body>
</html>