import type { Metadata } from "next";
import { PageHero } from "@/components/page-hero";
import { PackageCard } from "@/components/package-card";
import { CtaBanner } from "@/components/cta-banner";
import {
  Shield,
  Wifi,
  MonitorSmartphone,
  MailWarning,
} from "lucide-react";

export const metadata: Metadata = {
  title: "Cybersecurity Packages | CyberDefender IQ Pro",
  description:
    "HIPAA-compliant cybersecurity solutions for healthcare organizations. From risk assessments to incident response, we protect your patient data.",
};

const packages = [
  {
    icon: Shield,
    title: "Essential Protection",
    description:
      "Best for: 1\u20135 staff\n\nWhat This Package Does\nProvides baseline cyber protection and HIPAA security fundamentals for small offices.",
    features: [
      "Antivirus & anti\u2011malware",
      "Software\u2011based firewall configuration",
      "Email spam & phishing filtering",
      "Monthly vulnerability scans",
      "HIPAA compliance checklist",
      "Basic online staff security training",
    ],
    pricing: [
      { label: "Setup", value: "$500\u2013$750" },
      { label: "Monthly", value: "$150\u2013$250" },
    ],
  },
  {
    icon: Wifi,
    title: "Compliance & Monitoring \u2B50 Most Popular",
    description:
      "Best for: 5\u201315 staff\n\nWhat This Package Does\nActively monitors systems, reduces ransomware risk, and provides compliance confidence.",
    featuresHeading: "Everything in Essential, plus:",
    features: [
      "Advanced endpoint protection",
      "Encrypted email & secure messaging",
      "Automated patch management",
      "Quarterly HIPAA compliance audits",
      "Dark web credential monitoring",
      "24/7 monitoring & alerts",
    ],
    pricing: [
      { label: "Setup", value: "$1,000\u2013$1,500" },
      { label: "Monthly", value: "$400\u2013$700" },
    ],
  },
  {
    icon: MonitorSmartphone,
    title: "Full Managed Security",
    description:
      "Best for: Large or multi\u2011location practices\n\nWhat This Package Does\nDelivers full\u2011scale protection, recovery readiness, and audit\u2011ready documentation.",
    featuresHeading: "Everything in Compliance, plus:",
    features: [
      "Managed firewall & IDS",
      "Secure cloud backups & disaster recovery",
      "Advanced phishing simulations",
      "Incident response support",
      "Annual penetration testing",
      "Full compliance documentation & reporting",
    ],
    pricing: [
      { label: "Setup", value: "$2,000\u2013$3,000" },
      { label: "Monthly", value: "$1,000\u2013$1,500" },
    ],
  },
  {
    icon: MailWarning,
    title: "Optional Add\u2011Ons",
    description: "",
    features: [
      "HIPAA Compliance Consulting: $150/hr",
      "Emergency Incident Response: $250/hr",
      "On\u2011Site Training: $500/session",
    ],
  },

];

export default function CybersecurityPackagesPage() {
  return (
    <>
      <PageHero
        badge="Cybersecurity Solutions"
        title="Protect your healthcare organization from cyber threats"
        subtitle="Our cybersecurity packages are purpose-built for HIPAA-regulated environments. Each service is designed to address the unique vulnerabilities facing medical organizations today."
      />

      <section className="py-24">
        <div className="mx-auto max-w-7xl px-6">
          <div className="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
            {packages.slice(0, 3).map((pkg) => (
              <PackageCard
                key={pkg.title}
                icon={pkg.icon}
                title={pkg.title}
                description={pkg.description}
                features={pkg.features}
                featuresHeading={pkg.featuresHeading}
                pricing={pkg.pricing}
              />
            ))}
          </div>
          <div className="mt-8">
            <PackageCard
              icon={packages[3].icon}
              title={packages[3].title}
              description={packages[3].description}
              features={packages[3].features}
              featuresHeading={packages[3].featuresHeading}
              pricing={packages[3].pricing}
              centered
            />
          </div>
        </div>
      </section>

      <CtaBanner
        heading="Need a custom cybersecurity solution?"
        description="Every healthcare organization is different. Contact us for a tailored quote based on your specific security needs."
        buttonText="Request a Custom Quote"
        buttonHref="/contact"
      />
    </>
  );
}