import type { Metadata } from "next";
import Image from "next/image";
import { PageHero } from "@/components/page-hero";
import { CtaBanner } from "@/components/cta-banner";
import {
  AlertTriangle,
  Users,
  FileText,
  Laptop,
  CheckCircle2,
  ShieldAlert,
  Bug,
  UserX,
  Clock,
} from "lucide-react";

export const metadata: Metadata = {
  title: "Dental Cyber Risk Checkup | CyberDefender IQ Pro",
  description:
    "Specialized cybersecurity assessment for dental practices. Identify vulnerabilities, meet HIPAA requirements, and protect patient data.",
};

const whyTargeted = [
  {
    icon: Users,
    title: "Rich Patient Records",
    description:
      "Dental offices store extensive patient data including SSNs, insurance details, medical histories, and payment information -- all high-value targets.",
  },
  {
    icon: Laptop,
    title: "Limited IT Resources",
    description:
      "Many dental practices lack dedicated IT staff, leaving systems vulnerable to attacks that larger organizations would catch and stop.",
  },
  {
    icon: FileText,
    title: "Insurance and Financial Data",
    description:
      "Dental billing systems process and store insurance claims and credit card data, making them attractive for financial fraud.",
  },
];

const commonThreats = [
  {
    icon: ShieldAlert,
    title: "Ransomware Attacks",
    description:
      "Cybercriminals encrypt your practice management system and patient records, demanding payment to restore access to your own data.",
  },
  {
    icon: Bug,
    title: "Phishing and Social Engineering",
    description:
      "Deceptive emails targeting front desk staff and hygienists to steal credentials or install malware on practice computers.",
  },
  {
    icon: UserX,
    title: "Insider Threats",
    description:
      "Former employees with unrestricted system access or current staff who accidentally expose data through poor security habits.",
  },
  {
    icon: Clock,
    title: "Outdated Systems",
    description:
      "Legacy practice management software, unpatched operating systems, and end-of-life hardware create easy entry points for attackers.",
  },
];

const checkupIncludes = [
  "Complete network and infrastructure security scan",
  "Practice management software vulnerability assessment",
  "HIPAA Security Rule compliance gap analysis",
  "Email security and phishing susceptibility testing",
  "Data backup and disaster recovery evaluation",
  "Staff security awareness assessment",
  "Detailed findings report with prioritized recommendations",
  "Remediation roadmap tailored to your practice",
];

export default function DentalCyberRiskCheckupPage() {
  return (
    <>
      <PageHero
        badge="Dental Practices"
        title="Is your dental practice prepared for a cyber attack?"
        subtitle="Dental offices are among the fastest-growing targets for cybercriminals. Our specialized Dental Cyber Risk Checkup identifies your vulnerabilities before attackers do."
      />

      {/* Why Dental Offices Are Targeted */}
      <section className="py-24">
        <div className="mx-auto max-w-7xl px-6">
          <div className="grid items-center gap-16 lg:grid-cols-2">
            <div>
              <p className="text-sm font-semibold uppercase tracking-wider text-[hsl(var(--accent))]">
                The growing threat
              </p>
              <h2 className="mt-3 text-balance text-3xl font-bold tracking-tight text-foreground md:text-4xl font-serif">
                Why dental offices are prime targets
              </h2>
              <p className="mt-6 leading-relaxed text-muted-foreground">
                Small and mid-size dental practices are increasingly targeted by
                cybercriminals because they hold valuable data but often lack the
                security infrastructure of larger healthcare systems.
              </p>
              <div className="mt-10 flex flex-col gap-8">
                {whyTargeted.map((item) => (
                  <div key={item.title} className="flex gap-4">
                    <div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-primary/10">
                      <item.icon className="h-5 w-5 text-primary" />
                    </div>
                    <div>
                      <h3 className="font-semibold text-foreground">
                        {item.title}
                      </h3>
                      <p className="mt-1 text-sm leading-relaxed text-muted-foreground">
                        {item.description}
                      </p>
                    </div>
                  </div>
                ))}
              </div>
            </div>
            <div className="relative aspect-[4/3] overflow-hidden rounded-2xl">
              <Image
                src="/images/dental.jpg"
                alt="Modern dental office with computer systems"
                fill
                className="object-cover"
              />
            </div>
          </div>
        </div>
      </section>

      {/* Common Threats */}
      <section className="bg-muted py-24">
        <div className="mx-auto max-w-7xl px-6">
          <div className="text-center">
            <p className="text-sm font-semibold uppercase tracking-wider text-[hsl(var(--accent))]">
              Know the risks
            </p>
            <h2 className="mx-auto mt-3 max-w-2xl text-balance text-3xl font-bold tracking-tight text-foreground md:text-4xl font-serif">
              Common cyber threats facing dental practices
            </h2>
          </div>
          <div className="mt-16 grid gap-8 sm:grid-cols-2 lg:grid-cols-4">
            {commonThreats.map((threat) => (
              <div
                key={threat.title}
                className="rounded-xl border border-border bg-card p-8"
              >
                <div className="mb-5 flex h-12 w-12 items-center justify-center rounded-lg bg-destructive/10">
                  <threat.icon className="h-6 w-6 text-destructive" />
                </div>
                <h3 className="text-lg font-semibold text-card-foreground">
                  {threat.title}
                </h3>
                <p className="mt-3 text-sm leading-relaxed text-muted-foreground">
                  {threat.description}
                </p>
              </div>
            ))}
          </div>
        </div>
      </section>

      {/* HIPAA Requirements */}
      <section className="py-24">
        <div className="mx-auto max-w-7xl px-6">
          <div className="mx-auto max-w-3xl">
            <div className="text-center">
              <p className="text-sm font-semibold uppercase tracking-wider text-[hsl(var(--accent))]">
                Compliance
              </p>
              <h2 className="mt-3 text-balance text-3xl font-bold tracking-tight text-foreground md:text-4xl font-serif">
                HIPAA compliance is not optional for dental practices
              </h2>
              <p className="mt-6 leading-relaxed text-muted-foreground">
                Under HIPAA, every dental practice that handles electronic
                Protected Health Information (ePHI) must implement
                administrative, physical, and technical safeguards. Non-compliance
                can result in fines ranging from $100 to $50,000 per violation,
                with annual maximums reaching $1.5 million.
              </p>
            </div>
            <div className="mt-12 rounded-xl border border-border bg-card p-8">
              <h3 className="text-lg font-semibold text-card-foreground">
                Key requirements for dental offices include:
              </h3>
              <ul className="mt-6 grid gap-4 sm:grid-cols-2">
                {[
                  "Risk analysis and management",
                  "Workforce security training",
                  "Access controls for ePHI",
                  "Audit controls and logging",
                  "Data encryption standards",
                  "Contingency and backup planning",
                  "Business Associate Agreements",
                  "Breach notification procedures",
                ].map((req) => (
                  <li key={req} className="flex items-start gap-3">
                    <AlertTriangle className="mt-0.5 h-4 w-4 shrink-0 text-[hsl(var(--accent))]" />
                    <span className="text-sm text-muted-foreground">{req}</span>
                  </li>
                ))}
              </ul>
            </div>
          </div>
        </div>
      </section>

      {/* What Our Checkup Includes */}
      <section className="bg-muted py-24">
        <div className="mx-auto max-w-7xl px-6">
          <div className="grid items-center gap-16 lg:grid-cols-2">
            <div>
              <p className="text-sm font-semibold uppercase tracking-wider text-[hsl(var(--accent))]">
                Our assessment
              </p>
              <h2 className="mt-3 text-balance text-3xl font-bold tracking-tight text-foreground md:text-4xl font-serif">
                What our Dental Cyber Risk Checkup includes
              </h2>
              <p className="mt-6 leading-relaxed text-muted-foreground">
                Our professional assessment is tailored specifically for dental
                practices. We evaluate your entire technology environment and
                deliver actionable findings you can implement immediately.
              </p>
            </div>
            <ul className="flex flex-col gap-4">
              {checkupIncludes.map((item) => (
                <li
                  key={item}
                  className="flex items-start gap-3 rounded-lg border border-border bg-card px-6 py-4"
                >
                  <CheckCircle2 className="mt-0.5 h-5 w-5 shrink-0 text-[hsl(var(--accent))]" />
                  <span className="text-foreground">{item}</span>
                </li>
              ))}
            </ul>
          </div>
        </div>
      </section>

      <CtaBanner
        heading="Schedule your free Dental Cyber Risk Checkup"
        description="Take the first step toward protecting your dental practice. Our specialists will evaluate your security posture and provide a clear path to compliance."
        buttonText="Schedule Your Assessment"
        buttonHref="/contact"
      />
    </>
  );
}