diff --git a/web/app/docs/installation/page.tsx b/web/app/docs/installation/page.tsx
index 799f419..6175165 100644
--- a/web/app/docs/installation/page.tsx
+++ b/web/app/docs/installation/page.tsx
@@ -1,9 +1,10 @@
 "use client"
 
 import CopyableCode from "@/components/CopyableCode"
+import Image from "next/image"
 
 export default function InstallationPage() {
-  const installationCode = `bash -c "$(wget -qLO - https://raw.githubusercontent.com/MacRimi/ProxMenux/main/install_proxmenux.sh)"`
+  const installationCode = `bash -c \"$(wget -qLO - https://raw.githubusercontent.com/MacRimi/ProxMenux/main/install_proxmenux.sh)\"`
 
   return (
     <div className="w-full max-w-4xl mx-auto px-4 py-8 text-gray-900">
@@ -15,17 +16,30 @@ export default function InstallationPage() {
         <CopyableCode code={installationCode} />
       </div>
 
+      <p className="mb-4">During installation, ProxMenux will automatically install and configure the following dependencies:</p>
+      <ul className="list-disc list-inside mb-4">
+        <li>whiptail - for interactive menus</li>
+        <li>curl - for downloading remote files</li>
+        <li>jq - for handling JSON data</li>
+        <li>Python 3 and virtual environment - required for translations</li>
+        <li>Google Translate (googletrans) - for multi-language support</li>
+      </ul>
+
+      <h2 className="text-xl font-semibold mt-6 mb-2">Installation Progress</h2>
+      <p className="mb-2">The installation process will look like this:</p>
+      <div className="w-full mb-4">
+        <Image src="https://macrimi.github.io/ProxMenux/install/install.png" alt="ProxMenux Installation" width={800} height={400} className="rounded shadow-lg" />
+      </div>
+
       <h2 className="text-xl font-semibold mt-6 mb-2">How to Use</h2>
-      <p className="mb-2">
-        Once installed, launch <strong>ProxMenux</strong> by running:
-      </p>
+      <p className="mb-2">Once installed, launch <strong>ProxMenux</strong> by running:</p>
       <div className="w-full mb-4">
         <CopyableCode code="menu" />
       </div>
 
       <h2 className="text-xl font-semibold mt-8 mb-4">Troubleshooting</h2>
       <p className="mb-4">
-        If you encounter any issues during installation or usage, please check the{" "}
+        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>{" "}
diff --git a/web/public/install/install.png b/web/public/install/install.png
new file mode 100644
index 0000000..2d48c7d
Binary files /dev/null and b/web/public/install/install.png differ