import type { Metadata } from "next"
import Link from "next/link"

export const metadata: Metadata = {
  title: "ProxMenux Post-Install Script Documentation",
  description:
    "Comprehensive guide to the customizable post-install script for Proxmox VE, covering various optimization categories and settings.",
  openGraph: {
    title: "ProxMenux Post-Install Script Documentation",
    description:
      "Comprehensive guide to the customizable post-install script for Proxmox VE, covering various optimization categories and settings.",
    type: "article",
    url: "https://macrimi.github.io/ProxMenux/docs/post-install",
    images: [
      {
        url: "https://macrimi.github.io/ProxMenux/post-install-image.png",
        width: 1200,
        height: 630,
        alt: "ProxMenux Post-Install Script Documentation",
      },
    ],
  },
  twitter: {
    card: "summary_large_image",
    title: "ProxMenux Post-Install Script Documentation",
    description:
      "Comprehensive guide to the customizable post-install script for Proxmox VE, covering various optimization categories and settings.",
    images: ["https://macrimi.github.io/ProxMenux/post-install-image.png"],
  },
}

const categories = [
  { name: "Basic Settings", order: 1 },
  { name: "System", order: 2 },
  { name: "Virtualization", order: 3 },
  { name: "Network", order: 4 },
  { name: "Storage", order: 5 },
  { name: "Security", order: 6 },
  { name: "Customization", order: 7 },
  { name: "Monitoring", order: 8 },
  { name: "Performance", order: 9 },
  { name: "Optional", order: 10 },
]

export default function PostInstallPage() {
  return (
    <div className="container mx-auto px-4 py-8">
      <h1 className="text-3xl font-bold mb-6">ProxMenux Post-Install Script Documentation</h1>
      <p className="mb-4">
        The <strong>Customizable Post-Install Script</strong> is a utility designed to optimize 
        the installation of Proxmox VE by adjusting system configurations. One of the advantages of 
        its modular and selectable structure is that it allows users to choose specific settings based on 
        their requirements, needs, and preferences.
      </p>
      <p className="mb-4">
      This script is primarily based on the work of{" "}
      <Link href="https://github.com/extremeshok/xshok-proxmox" className="text-blue-500 hover:underline">
        extremeshok – Scripts for working with and optimizing Proxmox
      </Link>{" "}
      and the{" "}
      <Link href="https://github.com/community-scripts/ProxmoxVE" className="text-blue-500 hover:underline">
        Proxmox VE Post Install script from Proxmox VE Helper-Scripts
      </Link>.  
      </p>
      <p className="mb-6">This script includes {categories.length} main categories, each targeting a key aspect of Proxmox VE
        performance, security, and usability:</p>
      <ul className="list-disc pl-5 mb-6">
        {categories.map((category) => (
          <li key={category.order} className="mb-2">
            <Link
              href={`/docs/post-install/${category.name.toLowerCase().replace(" ", "-")}`}
              className="text-blue-500 hover:underline"
            >
              {category.name}
            </Link>
          </li>
        ))}
      </ul>
      <p>
        Each category includes selectable options, ensuring that users can tailor the system adjustments to their
        specific needs without applying unnecessary modifications. Click on a category to explore available settings.
      </p>

      <div className="bg-yellow-100 border-l-4 border-yellow-500 text-yellow-700 p-4 mt-16 mb-4">
        <p className="font-semibold">Important: Avoid Running Multiple Post-Install Scripts</p>
        <p>
          It is not recommended to use different post-installation scripts, as this can cause conflicts by overwriting or duplicating files and settings.
        </p>
        <ul className="list-disc pl-5">
          <li>
            The <strong>ProxMenux Post-Install Script</strong> is designed to avoid overwriting existing configurations where possible.
          </li>
          <li>
            If you have already run the <strong>eXtremeSHOK Post-Install Script</strong>, there is no need to run the ProxMenux Post-Install Script again, except for <strong>Option 35</strong> (console customization).
          </li>
          <li>
            If you have used the <strong>Helper-Scripts Post-Install Script</strong>, you can run all ProxMenux options <strong>except for options 4 and 27</strong>, as they will already be configured.
          </li>
        </ul>
      </div>
    </div>
  )
}

