start web

web/app/docs/installation/page.tsx

@@ -0,0 +1,33 @@
+export default function InstallationPage() {
+  return (
+    <div className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8 text-gray-900">
+      <h1 className="text-3xl sm:text-4xl font-bold mb-6">Installing ProxMenux</h1>
+
+      <h2 className="text-2xl font-semibold mt-8 mb-4">Installation</h2>
+      <p className="mb-4">To install ProxMenux, simply run the following command in your Proxmox server terminal:</p>
+      <pre className="bg-gray-100 p-4 rounded-md overflow-x-auto text-sm">
+        <code>
+          bash -c "$(wget -qLO - https://raw.githubusercontent.com/MacRimi/ProxMenux/main/install_proxmenux.sh)"
+        </code>
+      </pre>
+
+      <h2 className="text-2xl font-semibold mt-8 mb-4">How to Use</h2>
+      <p className="mb-4">
+        Once installed, launch <strong>ProxMenux</strong> by running:
+      </p>
+      <pre className="bg-gray-100 p-4 rounded-md overflow-x-auto text-sm">
+        <code>menu</code>
+      </pre>
+
+      <h2 className="text-2xl font-semibold mt-8 mb-4">Troubleshooting</h2>
+      <p className="mb-4">
+        If you encounter any issues during installation or usage, please check the{" "}
+        <a href="https://github.com/MacRimi/ProxMenux/issues" className="text-blue-600 hover:underline">
+          GitHub Issues
+        </a>{" "}
+        page or open a new issue if your problem isn't already addressed.
+      </p>
+    </div>
+  )
+}
+

web/app/docs/introduction/page.tsx

@@ -0,0 +1,25 @@
+export default function IntroductionPage() {
+  return (
+    <div className="max-w-3xl mx-auto">
+      <h1 className="text-3xl font-bold mb-6">Introduction to ProxMenux</h1>
+      <p className="mb-4">
+        ProxMenux is a tool designed to simplify and streamline the management of Proxmox VE through a menu-based interface. It allows users to execute shell scripts in an organized way, eliminating the need to manually enter complex commands.
+
+        It is designed for both experienced Proxmox VE administrators and less experienced users, providing a more accessible and efficient way to manage their infrastructure.
+  
+      </p>
+      <h2 className="text-2xl font-semibold mt-8 mb-4">Key Features</h2>
+      <ul className="list-disc pl-6 space-y-2">
+        <li>Menu-based interface for easy script execution.</li>
+        <li>Organized categories for quick access to available functions.</li>
+        <li>Scripts hosted on GitHub, always accessible and up to date.</li>
+        <li>Automatic text translation using Google Translate.</li>
+        <li>Simplified Proxmox VE management, reducing the complexity of common tasks.</li>
+      </ul>
+      <p className="mt-6">
+        The following sections of this documentation provide instructions on how to install ProxMenux and detailed explanations of each available script.
+      </p>
+    </div>
+  )
+}
+

web/app/docs/layout.tsx

@@ -0,0 +1,16 @@
+import type React from "react"
+import DocSidebar from "@/components/DocSidebar"
+import Footer from "@/components/footer"
+
+export default function DocsLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <div className="flex flex-col min-h-screen bg-white text-gray-900">
+      <div className="flex flex-col md:flex-row flex-1">
+        <DocSidebar />
+        <main className="flex-1 p-4 md:p-6">{children}</main>
+      </div>
+      <Footer />
+    </div>
+  )
+}
+