/* ============================================================ Pricing page ============================================================ */ const { useState: useStateP } = React; function PricingPage() { const [cycle, setCycle] = useStateP("monthly"); // monthly | annual | triennial const mult = { monthly: 1, annual: 0.95, triennial: 0.90 }; const label = { monthly: "Monthly", annual: "Annual · save 5%", triennial: "3-year · save 10%" }; const plans = [ { name: "Basic", tagline: "A single site, done right.", price: 2.95, sites: 15, disk: "Unlimited", bw: "Unlimited", db: "Unlimited", email: 10, ftp: 5, features: [ "LiteSpeed + LSCache", "Free SSL (AutoSSL)", "Free migration", "Daily backups", "Softaculous 1-click", "cPanel access", "Unlimited Disk Space & Bandwidth", "Host 15 Domains", ], }, { name: "Advanced", tagline: "For agencies, devs, side-projects.", price: 3.95, sites: 30, disk: "Unlimited", bw: "Unlimited", db: "Unlimited", email: 50, ftp: 20, features: [ "LiteSpeed + LSCache", "Free SSL (AutoSSL)", "Free migration", "Daily backups", "Softaculous 1-click", "cPanel access", "Unlimited Disk Space & Bandwidth", "Host 30 Domains", ], }, { name: "Professional", tagline: "Unlimited everything, always.", price: 5.95, sites: "∞", disk: "Unlimited", bw: "Unlimited", db: "∞", email: "∞", ftp: "∞", features: [ "LiteSpeed + LSCache", "Free SSL (AutoSSL)", "Free migration", "Daily backups", "Softaculous 1-click", "cPanel access", "Unlimited Disk Space & Bandwidth", "Unlimited Domains", ], popular: true, }, ]; return (
{/* Hero */}
50% OFF All Packages with the coupon code HALFPRICE

One plan for every
kind of site.

Every plan includes LiteSpeed, NVMe, free SSL, free migration, and unmetered bandwidth. Pay monthly, or save big with longer terms.

{/* Cycle toggle */}
{["monthly", "annual", "triennial"].map(c => ( ))}
{/* Pricing cards */}
{plans.map(p => { const price = (p.price * mult[cycle]).toFixed(2); return (
{p.popular && (
Most popular
)}
{p.name}
{p.tagline}
${price} /mo
Billed {cycle === "monthly" ? "monthly" : cycle === "annual" ? "annually" : "every 3 years"}
    {p.features.map(f => (
  • {f}
  • ))}
Choose {p.name}
Instant Setup · no setup fee
); })}
{/* Comparison table */}
Compare

The full feature matrix.

{[ ["Websites", "15", "30", "Unlimited"], ["Disk (NVMe)", "Unlimited", "Unlimited", "Unlimited"], ["Bandwidth", "Unlimited", "Unlimited", "Unlimited"], ["Databases", "Unlimited", "Unlimited", "Unlimited"], ["Email accounts", "Unlimited", "Unlimited", "Unlimited"], ["Subdomains", "Unlimited", "Unlimited", "Unlimited"], ["Free SSL", "✓", "✓", "✓"], ["Daily backups", "✓", "✓", "✓"], ["LiteSpeed + LSCache", "✓", "✓", "✓"], ["Softaculous 280+ apps", "✓", "✓", "✓"], ["Imunify360", "✓", "✓", "✓"], ["Dedicated IP", "Add-on", "Add-on", "Add-on"], ["Priority support", "✓", "✓", "✓"], ].map(([label, a, b, c], i) => ( ))}
Basic Advanced Professional
{label} {a} {b} {c}
{/* FAQ */}
); } const thStyle = { textAlign: "left", padding: "18px 24px", fontFamily: "var(--font-mono)", fontSize: 11, letterSpacing: "0.12em", textTransform: "uppercase", color: "var(--ink-3)", fontWeight: 500, }; const tdStyle = { padding: "16px 24px", fontFamily: "var(--font-mono)", fontSize: 13, color: "var(--ink)", }; function FAQ() { const [open, setOpen] = useStateP(0); const items = [ { q: "Is there a setup fee?", a: "No. All plans provision instantly with zero setup fees. You pay the quoted monthly rate, nothing else." }, { q: "Can I migrate my site from another host?", a: "Yes, for free. Our team handles the migration for you on all our hosting plans, including cPanel backups, WordPress sites, and databases. Please contact us via support ticket after signing up." }, { q: "What payment methods do you accept?", a: "We accept PayPal, credit & debit cards via PayPal and cryptocurrencies including BTC, ETH, USDT, and many more." }, { q: "Do you offer a refund policy?", a: "Yes, we do offer a 30-day money-back guarantee for all our web hosting plans. Contact us within 30 days of your first payment and we will refund you in full." }, { q: "Can I upgrade or downgrade later?", a: "Anytime from your client area. Upgrades are instant and prorated; downgrades take effect next billing cycle." }, ]; return (
FAQ

Questions, answered.

{items.map((it, i) => (
{open === i && (
{it.a}
)}
))}
); } Object.assign(window, { PricingPage, FAQ });