import Navbar from '@/components/Navbar';
import Footer from '@/components/Footer';
import DocsLayout from '@/components/docs/DocsLayout';

export default function DocsPremiumPage() {
  return (
    <div className="flex min-h-screen flex-col bg-surface-950 text-surface-50">
      <Navbar />
      <DocsLayout
        title="Premium Features"
        intro="DashCaddy keeps its Premium model intentionally narrow. The core platform — deployment, DNS, reverse proxy, HTTPS, monitoring, templates, service discovery, and the API — is fully useful without a license. Premium unlocks a focused set of advanced orchestration features."
      >
        <h2>Free vs Premium at a glance</h2>
        <ul>
          <li><strong>Free</strong>: full dashboard, 76+ templates, service discovery, Caddy + DNS + TLS automation, real-time monitoring, Prometheus metrics, multi-user with 2FA &amp; RBAC, Security Center, AI Intent Router, MCP Server, JS SDK, backup/restore, and single-host operation.</li>
          <li><strong>Premium</strong>: everything in Free, plus Auto-Login SSO, Recipes, Docker Swarm, and Multi-Host Fleet Management — plus priority support.</li>
        </ul>

        <h2>Premium-gated features</h2>
        <ul>
          <li>
            <strong>Auto-Login SSO</strong> — single sign-on across services so authenticated users reach their apps
            without repeated logins. Ideal for teams that want a seamless internal portal experience.
          </li>
          <li>
            <strong>Recipes</strong> — deploy multi-container application stacks (e.g. an app + database + cache) as a
            single coordinated unit. Recipes bundle several templates together with pre-wired networking so complex
            stacks come up in one click.
          </li>
          <li>
            <strong>Docker Swarm</strong> — multi-node orchestration. Run services across a Swarm cluster instead of a
            single host, with DashCaddy managing placement, routing, and TLS across the cluster.
          </li>
          <li>
            <strong>Multi-Host Fleet Management</strong> — manage DashCaddy deployments across multiple hosts from one
            control plane. Deploy, monitor, and operate services across an entire fleet with unified visibility.
          </li>
        </ul>

        <h2>Pricing</h2>
        <p>One Premium tier, subscription billing, no hidden upsells:</p>
        <ul>
          <li><strong>1 month</strong> — $25</li>
          <li><strong>3 months</strong> — $50</li>
          <li><strong>6 months</strong> — $65</li>
          <li><strong>12 months</strong> — $99</li>
        </ul>
        <p>
          Longer commitments are rewarded: the 12-month plan works out to roughly $8.25/month versus $25/month for a
          single month.
        </p>

        <h2>Plan terms</h2>
        <ul>
          <li>Subscriptions only — no perpetual licenses.</li>
          <li>One Premium tier (no tier ladder to navigate).</li>
          <li>One active machine at a time per license.</li>
          <li><strong>7-day grace period</strong> after expiry so services keep running while you renew.</li>
          <li>Cancel at period end — no mid-cycle lock-in.</li>
          <li>No free trial.</li>
        </ul>

        <h2>License validation</h2>
        <p>
          DashCaddy&apos;s licensing is built around an <strong>external validation and deactivation service</strong>,
          not unlimited static license reuse. On launch and periodically thereafter, the platform validates the license
          against the licensing server. This keeps licenses tied to a single active machine and supports clean
          deactivation when you move hosts.
        </p>

        <h2>How to subscribe</h2>
        <ol>
          <li>Open the dashboard and go to <strong>Settings → Licensing</strong>.</li>
          <li>Choose a plan duration and complete checkout.</li>
          <li>Your license key is validated automatically — Premium features unlock immediately.</li>
          <li>Manage renewal, cancellation, and machine deactivation from the same panel.</li>
        </ol>
      </DocsLayout>
      <Footer />
    </div>
  );
}