update

web/app/docs/network/repair-network/page.tsx

@@ -1,30 +1,90 @@
 import type { Metadata } from "next"
+import { Steps } from "@/components/ui/steps"
 
 export const metadata: Metadata = {
   title: "Repair Network | ProxMenux Documentation",
-  description: "Learn how to repair network issues in Proxmox VE using ProxMenux.",
+  description: "Learn how to repair and verify network configurations in Proxmox VE using ProxMenux.",
 }
 
 export default function RepairNetwork() {
   return (
     <div className="max-w-3xl mx-auto">
       <h1 className="text-3xl font-bold mb-6">Repair Network</h1>
+
       <p className="mb-4">
-        This guide will walk you through the process of repairing network issues in Proxmox VE using ProxMenux.
+        This script provides comprehensive network repair and verification functionality for Proxmox VE systems. It
+        helps users troubleshoot and fix common network issues, ensuring stable connectivity and proper configuration.
       </p>
-      <h2 className="text-2xl font-semibold mt-8 mb-4">Common Network Issues</h2>
-      <ul className="list-disc pl-6 space-y-2">
-        <li>Network interface configuration errors</li>
-        <li>DNS resolution problems</li>
-        <li>Firewall misconfiguration</li>
-        <li>Network bridge issues</li>
+
+      <h2 className="text-2xl font-semibold mt-8 mb-4">What Does This Script Do?</h2>
+      <p className="mb-4">When executed, this script offers the following main functions:</p>
+      <ol className="list-decimal pl-6 space-y-2 mb-6">
+        <li>Repair Network: Automatically detects and fixes common network issues</li>
+        <li>Verify Network: Checks the current network configuration and connectivity</li>
+        <li>Show IP Information: Displays IP addresses for all relevant network interfaces</li>
+      </ol>
+
+      <h2 className="text-2xl font-semibold mt-8 mb-4">Key Features</h2>
+      <ul className="list-disc pl-6 space-y-2 mb-6">
+        <li>Detects and lists physical and network interfaces</li>
+        <li>Verifies and repairs bridge configurations</li>
+        <li>Cleans up non-existent interfaces from the configuration</li>
+        <li>Configures physical interfaces automatically</li>
+        <li>Checks network connectivity</li>
+        <li>Provides options to restart networking services</li>
+        <li>Offers an interactive menu for easy navigation</li>
       </ul>
-      <h2 className="text-2xl font-semibold mt-8 mb-4">Steps to Repair Network</h2>
-      <p className="mb-4">
-        Detailed steps for repairing network issues will be provided here. This may include commands to run,
-        configuration files to check, and best practices to follow.
+
+      <h2 className="text-2xl font-semibold mt-8 mb-4">How to Use</h2>
+      <Steps>
+        <Steps.Step title="Access the Network Repair Menu">
+          <p>Run the script and select the "Network Repair Menu" option from the main ProxMenux interface.</p>
+        </Steps.Step>
+        <Steps.Step title="Choose an Option">
+          <p>Select one of the following options:</p>
+          <ul className="list-disc pl-6 space-y-1 mt-2">
+            <li>Repair Network</li>
+            <li>Verify Network</li>
+            <li>Show IP Information</li>
+          </ul>
+        </Steps.Step>
+        <Steps.Step title="Follow the Prompts">
+          <p>The script will guide you through the process with clear prompts and information dialogs.</p>
+        </Steps.Step>
+        <Steps.Step title="Review Results">
+          <p>After each operation, review the results displayed in the dialog boxes.</p>
+        </Steps.Step>
+        <Steps.Step title="Repeat or Exit">
+          <p>Choose another option or return to the main menu when finished.</p>
+        </Steps.Step>
+      </Steps>
+
+      <h2 className="text-2xl font-semibold mt-8 mb-4">Repair Network Process</h2>
+      <p className="mb-4">When you select "Repair Network", the script performs the following actions:</p>
+      <ol className="list-decimal pl-6 space-y-2 mb-6">
+        <li>Detects physical network interfaces</li>
+        <li>Cleans up non-existent interfaces from the configuration</li>
+        <li>Checks and fixes bridge configurations</li>
+        <li>Configures physical interfaces</li>
+        <li>Offers to restart the networking service</li>
+        <li>Verifies network connectivity</li>
+        <li>Displays updated IP information</li>
+      </ol>
+
+      <h2 className="text-2xl font-semibold mt-8 mb-4">Important Notes</h2>
+      <ul className="list-disc pl-6 space-y-2 mb-6">
+        <li>This script requires root or sudo privileges to execute.</li>
+        <li>Restarting the network service may cause a brief disconnection.</li>
+        <li>Always ensure you have an alternative way to access your Proxmox VE system in case of network issues.</li>
+        <li>It's recommended to create a backup of your network configuration before making changes.</li>
+        <li>If you're unsure about any step, use the "Verify Network" option first to check the current status.</li>
+      </ul>
+
+      <p className="mt-6 italic">
+        This script simplifies the process of troubleshooting and repairing network issues in Proxmox VE. It provides an
+        easy-to-use interface for common network maintenance tasks, helping to ensure your Proxmox system maintains
+        stable connectivity.
       </p>
-      {/* Add more content here */}
     </div>
   )
 }