/**
 * PleskHosting.tsx — dedicated landing page for the Plesk shared plan.
 */
import {
  MonitorCog,
  Zap,
  ShieldCheck,
  GitBranch,
  Package,
  Globe,
  Layers,
} from "lucide-react";
import HostingPlanDetail, {
  HostingPlanDetailConfig,
} from "./HostingPlanDetail";

const config: HostingPlanDetailConfig = {
  name: "Plesk Hosting",
  tagline: "Clean · modern · multi-OS",
  heroTitle: "Plesk Hosting with a modern control panel",
  heroDescription:
    "Manage domains, databases, Git deployments, and WordPress from one beautifully designed interface. Available on both Linux and Windows servers, with a built-in WordPress Toolkit, WAF, and staging environments.",
  accentColor: "#0ea5e9",
  accentColorSoft: "#f0f9ff",
  heroIcon: <MonitorCog className="w-7 h-7" />,
  externalUrl: "https://doiteasy.net/plesk/",
  tiers: [
    {
      name: "Web Admin",
      price: "$3.49",
      cadence: "/mo",
      features: [
        "1 domain",
        "15 GB NVMe storage",
        "Unlimited email accounts",
        "Free SSL + auto-renew",
        "Linux or Windows",
      ],
      ctaLabel: "Choose Web Admin",
    },
    {
      name: "Web Pro",
      price: "$6.49",
      cadence: "/mo",
      highlight: true,
      features: [
        "30 domains",
        "50 GB NVMe storage",
        "WordPress Toolkit",
        "Git & Docker extensions",
        "Built-in WAF + Fail2Ban",
        "Free migration",
      ],
      ctaLabel: "Choose Web Pro",
    },
    {
      name: "Web Host",
      price: "$10.99",
      cadence: "/mo",
      features: [
        "Unlimited domains",
        "100 GB NVMe storage",
        "Developer pack (Node, Python, Ruby)",
        "Revisium antivirus",
        "Priority support",
        "Dedicated IPv4",
      ],
      ctaLabel: "Choose Web Host",
    },
  ],
  features: [
    {
      icon: <Layers className="w-6 h-6" />,
      title: "Linux & Windows",
      desc:
        "Same Plesk UI across Linux and Windows — pick whichever stack your apps need.",
    },
    {
      icon: <Package className="w-6 h-6" />,
      title: "WordPress Toolkit",
      desc:
        "Install, clone, stage, and secure WordPress sites with a single click.",
    },
    {
      icon: <GitBranch className="w-6 h-6" />,
      title: "Git & Docker",
      desc:
        "Deploy from GitHub/GitLab, or run your own Docker containers alongside websites.",
    },
    {
      icon: <ShieldCheck className="w-6 h-6" />,
      title: "WAF + Fail2Ban",
      desc:
        "Plesk's built-in firewall and brute-force protection keep attackers out.",
    },
    {
      icon: <Zap className="w-6 h-6" />,
      title: "NGINX + Apache",
      desc:
        "Hybrid stack gives you Apache's flexibility with NGINX's raw speed.",
    },
    {
      icon: <Globe className="w-6 h-6" />,
      title: "Free SSL & DNS",
      desc:
        "Let's Encrypt certificates and high-availability DNS included on every plan.",
    },
  ],
  faqs: [
    {
      q: "Is Plesk harder to use than cPanel?",
      a: "No — Plesk's modern UI is often easier for non-technical users. If you've never used a control panel before, Plesk is a great starting point.",
    },
    {
      q: "Can I run both Linux and Windows sites on the same plan?",
      a: "A single Plesk plan runs on one OS. If you need both, you can host one site on Linux Plesk and another on Windows Plesk — our team can help you pick the right combo.",
    },
    {
      q: "Do I get the WordPress Toolkit?",
      a: "Yes. The WordPress Toolkit (staging, cloning, security hardening) is included on the Web Pro and Web Host plans.",
    },
    {
      q: "Does Plesk support Node.js / Python / .NET?",
      a: "Yes. Node.js, Python, Ruby, and .NET (on Windows Plesk) are all supported via the built-in Developer pack.",
    },
  ],
};

export default function PleskHosting() {
  return <HostingPlanDetail config={config} />;
}