diff --git a/web/app/docs/post-install/customization/page.tsx b/web/app/docs/post-install/customization/page.tsx
index c6554e4..4fe7ae7 100644
--- a/web/app/docs/post-install/customization/page.tsx
+++ b/web/app/docs/post-install/customization/page.tsx
@@ -1,4 +1,5 @@
 import type { Metadata } from "next"
+import { Sliders } from "lucide-react"
 
 export const metadata: Metadata = {
   title: "ProxMenux Post-Install: Customization Settings",
@@ -31,7 +32,9 @@ export const metadata: Metadata = {
 export default function CustomizationSettingsPage() {
   return (
     <div className="container mx-auto px-4 py-8">
-      <h1 className="text-3xl font-bold mb-6">Customization Settings</h1>
+      <div className="flex items-center mb-6">
+        <Sliders className="h-8 w-8 mr-2 text-blue-500" />
+        <h1 className="text-3xl font-bold">Customization Settings</h1>
       <p className="mb-4">
         The Customization Settings category in the customizable_post_install.sh script allows you to personalize various
         aspects of your Proxmox VE environment.
diff --git a/web/app/docs/post-install/monitoring/page.tsx b/web/app/docs/post-install/monitoring/page.tsx
new file mode 100644
index 0000000..201aff2
--- /dev/null
+++ b/web/app/docs/post-install/monitoring/page.tsx
@@ -0,0 +1,64 @@
+import type { Metadata } from "next"
+import { LineChart } from "lucide-react"
+
+export const metadata: Metadata = {
+  title: "ProxMenux Post-Install: Monitoring Settings",
+  description:
+    "Comprehensive guide to Monitoring Settings in the ProxMenux post-install script for optimizing Proxmox VE system monitoring and alerting.",
+  openGraph: {
+    title: "ProxMenux Post-Install: Monitoring Settings",
+    description:
+      "Comprehensive guide to Monitoring Settings in the ProxMenux post-install script for optimizing Proxmox VE system monitoring and alerting.",
+    type: "article",
+    url: "https://macrimi.github.io/ProxMenux/docs/post-install/monitoring",
+    images: [
+      {
+        url: "https://macrimi.github.io/ProxMenux/monitoring-settings-image.png",
+        width: 1200,
+        height: 630,
+        alt: "ProxMenux Post-Install Monitoring Settings",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "ProxMenux Post-Install: Monitoring Settings",
+    description:
+      "Comprehensive guide to Monitoring Settings in the ProxMenux post-install script for optimizing Proxmox VE system monitoring and alerting.",
+    images: ["https://macrimi.github.io/ProxMenux/monitoring-settings-image.png"],
+  },
+}
+
+export default function MonitoringSettingsPage() {
+  return (
+    <div className="container mx-auto px-4 py-8">
+      <div className="flex items-center mb-6">
+        <LineChart className="h-8 w-8 mr-2 text-blue-500" />
+        <h1 className="text-3xl font-bold">Monitoring Settings</h1>
+      </div>
+      <p className="mb-4">
+        The Monitoring Settings category in the customizable_post_install.sh script focuses on setting up and optimizing
+        system monitoring and alerting for your Proxmox VE installation.
+      </p>
+      <h2 className="text-2xl font-semibold mt-6 mb-4">Available Optimizations</h2>
+      <ul className="list-disc pl-5 mb-6">
+        <li className="mb-2">
+          <strong>System Metrics:</strong> Configure collection and storage of key system metrics.
+        </li>
+        <li className="mb-2">
+          <strong>Alert Configuration:</strong> Set up alerts for critical system events and thresholds.
+        </li>
+        <li className="mb-2">
+          <strong>Logging Optimization:</strong> Fine-tune system logging for better troubleshooting and analysis.
+        </li>
+        {/* Add more list items for each optimization in this category */}
+      </ul>
+      <h2 className="text-2xl font-semibold mt-6 mb-4">Usage</h2>
+      <p className="mb-4">
+        When running the customizable_post_install.sh script, you'll be prompted to choose which Monitoring Settings to
+        apply. Select the options that best suit your monitoring needs and system requirements.
+      </p>
+    </div>
+  )
+}
+
diff --git a/web/app/docs/post-install/network/page.tsx b/web/app/docs/post-install/network/page.tsx
index 86cf1ce..0532f94 100644
--- a/web/app/docs/post-install/network/page.tsx
+++ b/web/app/docs/post-install/network/page.tsx
@@ -1,4 +1,5 @@
 import type { Metadata } from "next"
+import { Network } from "lucide-react"
 
 export const metadata: Metadata = {
   title: "ProxMenux Post-Install: Network Settings",
@@ -31,7 +32,9 @@ export const metadata: Metadata = {
 export default function NetworkSettingsPage() {
   return (
     <div className="container mx-auto px-4 py-8">
-      <h1 className="text-3xl font-bold mb-6">Network Settings</h1>
+      <div className="flex items-center mb-6">
+        <Network className="h-8 w-8 mr-2 text-blue-500" />
+        <h1 className="text-3xl font-bold">Network Settings</h1>
       <p className="mb-4">
         The Network Settings category in the customizable_post_install.sh script focuses on optimizing network
         configurations and performance for your Proxmox VE installation.
diff --git a/web/app/docs/post-install/optional/page.tsx b/web/app/docs/post-install/optional/page.tsx
new file mode 100644
index 0000000..b87396a
--- /dev/null
+++ b/web/app/docs/post-install/optional/page.tsx
@@ -0,0 +1,64 @@
+import type { Metadata } from "next"
+import { Plus } from "lucide-react"
+
+export const metadata: Metadata = {
+  title: "ProxMenux Post-Install: Optional Settings",
+  description:
+    "Guide to Optional Settings in the ProxMenux post-install script for additional Proxmox VE customizations and features.",
+  openGraph: {
+    title: "ProxMenux Post-Install: Optional Settings",
+    description:
+      "Guide to Optional Settings in the ProxMenux post-install script for additional Proxmox VE customizations and features.",
+    type: "article",
+    url: "https://macrimi.github.io/ProxMenux/docs/post-install/optional",
+    images: [
+      {
+        url: "https://macrimi.github.io/ProxMenux/optional-settings-image.png",
+        width: 1200,
+        height: 630,
+        alt: "ProxMenux Post-Install Optional Settings",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "ProxMenux Post-Install: Optional Settings",
+    description:
+      "Guide to Optional Settings in the ProxMenux post-install script for additional Proxmox VE customizations and features.",
+    images: ["https://macrimi.github.io/ProxMenux/optional-settings-image.png"],
+  },
+}
+
+export default function OptionalSettingsPage() {
+  return (
+    <div className="container mx-auto px-4 py-8">
+      <div className="flex items-center mb-6">
+        <Plus className="h-8 w-8 mr-2 text-blue-500" />
+        <h1 className="text-3xl font-bold">Optional Settings</h1>
+      </div>
+      <p className="mb-4">
+        The Optional Settings category in the customizable_post_install.sh script provides additional customizations and
+        features that you may choose to implement in your Proxmox VE environment.
+      </p>
+      <h2 className="text-2xl font-semibold mt-6 mb-4">Available Options</h2>
+      <ul className="list-disc pl-5 mb-6">
+        <li className="mb-2">
+          <strong>Additional Software:</strong> Install optional software packages or tools.
+        </li>
+        <li className="mb-2">
+          <strong>Custom Scripts:</strong> Add your own scripts to run post-installation.
+        </li>
+        <li className="mb-2">
+          <strong>Extended Configurations:</strong> Apply additional, non-essential configurations.
+        </li>
+        {/* Add more list items for each option in this category */}
+      </ul>
+      <h2 className="text-2xl font-semibold mt-6 mb-4">Usage</h2>
+      <p className="mb-4">
+        When running the customizable_post_install.sh script, you'll be presented with these Optional Settings. You can
+        choose to apply any or all of these settings based on your specific needs and preferences.
+      </p>
+    </div>
+  )
+}
+
diff --git a/web/app/docs/post-install/performance/page.tsx b/web/app/docs/post-install/performance/page.tsx
new file mode 100644
index 0000000..03f4221
--- /dev/null
+++ b/web/app/docs/post-install/performance/page.tsx
@@ -0,0 +1,64 @@
+import type { Metadata } from "next"
+import { Zap } from "lucide-react"
+
+export const metadata: Metadata = {
+  title: "ProxMenux Post-Install: Performance Settings",
+  description:
+    "Detailed guide to Performance Settings in the ProxMenux post-install script for optimizing Proxmox VE system performance.",
+  openGraph: {
+    title: "ProxMenux Post-Install: Performance Settings",
+    description:
+      "Detailed guide to Performance Settings in the ProxMenux post-install script for optimizing Proxmox VE system performance.",
+    type: "article",
+    url: "https://macrimi.github.io/ProxMenux/docs/post-install/performance",
+    images: [
+      {
+        url: "https://macrimi.github.io/ProxMenux/performance-settings-image.png",
+        width: 1200,
+        height: 630,
+        alt: "ProxMenux Post-Install Performance Settings",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "ProxMenux Post-Install: Performance Settings",
+    description:
+      "Detailed guide to Performance Settings in the ProxMenux post-install script for optimizing Proxmox VE system performance.",
+    images: ["https://macrimi.github.io/ProxMenux/performance-settings-image.png"],
+  },
+}
+
+export default function PerformanceSettingsPage() {
+  return (
+    <div className="container mx-auto px-4 py-8">
+      <div className="flex items-center mb-6">
+        <Zap className="h-8 w-8 mr-2 text-blue-500" />
+        <h1 className="text-3xl font-bold">Performance Settings</h1>
+      </div>
+      <p className="mb-4">
+        The Performance Settings category in the customizable_post_install.sh script is dedicated to optimizing the
+        overall performance of your Proxmox VE system.
+      </p>
+      <h2 className="text-2xl font-semibold mt-6 mb-4">Available Optimizations</h2>
+      <ul className="list-disc pl-5 mb-6">
+        <li className="mb-2">
+          <strong>CPU Tuning:</strong> Optimize CPU governor and other CPU-related settings.
+        </li>
+        <li className="mb-2">
+          <strong>Memory Management:</strong> Fine-tune memory allocation and swapping behavior.
+        </li>
+        <li className="mb-2">
+          <strong>I/O Optimization:</strong> Adjust I/O scheduler and other disk-related performance settings.
+        </li>
+        {/* Add more list items for each optimization in this category */}
+      </ul>
+      <h2 className="text-2xl font-semibold mt-6 mb-4">Usage</h2>
+      <p className="mb-4">
+        During the execution of customizable_post_install.sh, you'll have the option to apply various Performance
+        Settings. Choose the optimizations that best match your hardware configuration and workload requirements.
+      </p>
+    </div>
+  )
+}
+
diff --git a/web/app/docs/post-install/security/page.tsx b/web/app/docs/post-install/security/page.tsx
index 885e028..ccff7f3 100644
--- a/web/app/docs/post-install/security/page.tsx
+++ b/web/app/docs/post-install/security/page.tsx
@@ -1,4 +1,5 @@
 import type { Metadata } from "next"
+import { Shield } from "lucide-react"
 
 export const metadata: Metadata = {
   title: "ProxMenux Post-Install: Security Settings",
@@ -31,7 +32,9 @@ export const metadata: Metadata = {
 export default function SecuritySettingsPage() {
   return (
     <div className="container mx-auto px-4 py-8">
-      <h1 className="text-3xl font-bold mb-6">Security Settings</h1>
+      <div className="flex items-center mb-6">
+        <Shield className="h-8 w-8 mr-2 text-blue-500" />
+        <h1 className="text-3xl font-bold">Security Settings</h1>
       <p className="mb-4">
         The Security Settings category in the customizable_post_install.sh script focuses on enhancing the security
         measures and configurations of your Proxmox VE installation.
diff --git a/web/app/docs/post-install/storage/page.tsx b/web/app/docs/post-install/storage/page.tsx
index 2ad1686..0181bd9 100644
--- a/web/app/docs/post-install/storage/page.tsx
+++ b/web/app/docs/post-install/storage/page.tsx
@@ -1,4 +1,5 @@
 import type { Metadata } from "next"
+import { HardDrive } from "lucide-react"
 
 export const metadata: Metadata = {
   title: "ProxMenux Post-Install: Storage Settings",
@@ -31,7 +32,9 @@ export const metadata: Metadata = {
 export default function StorageSettingsPage() {
   return (
     <div className="container mx-auto px-4 py-8">
-      <h1 className="text-3xl font-bold mb-6">Storage Settings</h1>
+      <div className="flex items-center mb-6">
+        <HardDrive className="h-8 w-8 mr-2 text-blue-500" />
+        <h1 className="text-3xl font-bold">Storage Settings</h1>
       <p className="mb-4">
         The Storage Settings category in the customizable_post_install.sh script is dedicated to optimizing storage
         configurations and performance in your Proxmox VE environment.
diff --git a/web/app/docs/post-install/virtualization/page.tsx b/web/app/docs/post-install/virtualization/page.tsx
index 862c193..d97bcc3 100644
--- a/web/app/docs/post-install/virtualization/page.tsx
+++ b/web/app/docs/post-install/virtualization/page.tsx
@@ -1,4 +1,5 @@
 import type { Metadata } from "next"
+import { Box } from "lucide-react"
 
 export const metadata: Metadata = {
   title: "ProxMenux Post-Install: Virtualization Settings",
@@ -31,7 +32,9 @@ export const metadata: Metadata = {
 export default function VirtualizationSettingsPage() {
   return (
     <div className="container mx-auto px-4 py-8">
-      <h1 className="text-3xl font-bold mb-6">Virtualization Settings</h1>
+      <div className="flex items-center mb-6">
+        <Box className="h-8 w-8 mr-2 text-blue-500" />
+        <h1 className="text-3xl font-bold">Virtualization Settings</h1>
       <p className="mb-4">
         The Virtualization Settings category in the customizable_post_install.sh script is dedicated to optimizing the
         core virtualization capabilities of Proxmox VE.