docs: update installer section to show it's coming soon with grayed-out preview

Author: Jimmy Moses

docs/index.html

@@ -314,39 +314,46 @@ <h4>Start Analyzing</h4>
                         </ul>
                     </div>
 
-                    <h4 style="color: #2e8b57; margin-top: 40px;">Option 2: Traditional Installer</h4>
-                    <div class="install-steps">
-                        <div class="step">
-                            <span class="step-number">1</span>
-                            <div class="step-content">
-                                <h4>Download the Installer</h4>
-                                <p>Download <code>Ordin-3.0.0-Setup.exe</code> (770 MB) from the download button above</p>
+                    <h4 style="color: #888; margin-top: 40px;">Option 2: Traditional Installer</h4>
+                    <div class="install-note" style="background: #f9f9f9; padding: 20px; border-radius: 8px; margin-top: 20px; border-left: 4px solid #888;">
+                        <p style="color: #666; margin-bottom: 15px;"><strong>⚠️ Status:</strong> Traditional Windows installer coming in a future update.</p>
+                        <p style="color: #666; margin-bottom: 0;"><strong>Note:</strong> The portable ZIP version works perfectly and includes all the same features. It's actually recommended for most users as it requires no installation and can run from anywhere!</p>
+                    </div>
+                    
+                    <div style="opacity: 0.5; margin-top: 20px;">
+                        <div class="install-steps">
+                            <div class="step">
+                                <span class="step-number">1</span>
+                                <div class="step-content">
+                                    <h4>Download the Installer</h4>
+                                    <p>Download <code>Ordin-3.0.0-Setup.exe</code> (770 MB) from the download button above</p>
+                                </div>
                             </div>
-                        </div>
-                        <div class="step">
-                            <span class="step-number">2</span>
-                            <div class="step-content">
-                                <h4>Run the Installer</h4>
-                                <p>Double-click the installer → Follow the installation wizard → Choose installation location</p>
+                            <div class="step">
+                                <span class="step-number">2</span>
+                                <div class="step-content">
+                                    <h4>Run the Installer</h4>
+                                    <p>Double-click the installer → Follow the installation wizard → Choose installation location</p>
+                                </div>
                             </div>
-                        </div>
-                        <div class="step">
-                            <span class="step-number">3</span>
-                            <div class="step-content">
-                                <h4>Launch from Start Menu</h4>
-                                <p>After installation, find Ördin in your Start Menu or Desktop shortcut</p>
+                            <div class="step">
+                                <span class="step-number">3</span>
+                                <div class="step-content">
+                                    <h4>Launch from Start Menu</h4>
+                                    <p>After installation, find Ördin in your Start Menu or Desktop shortcut</p>
+                                </div>
                             </div>
                         </div>
-                    </div>
-                    <div class="install-note" style="background: #f0f0f0; padding: 15px; border-radius: 8px; margin-top: 20px;">
-                        <p><strong>✅ Installer Benefits:</strong></p>
-                        <ul style="margin: 10px 0 10px 20px; line-height: 1.8;">
-                            <li>System-wide installation</li>
-                            <li>Start Menu integration</li>
-                            <li>Desktop shortcut</li>
-                            <li>Automatic file associations</li>
-                            <li>Easy uninstall via Control Panel</li>
-                        </ul>
+                        <div class="install-note" style="background: #f0f0f0; padding: 15px; border-radius: 8px; margin-top: 20px;">
+                            <p><strong>Installer Benefits (Coming Soon):</strong></p>
+                            <ul style="margin: 10px 0 10px 20px; line-height: 1.8;">
+                                <li>System-wide installation</li>
+                                <li>Start Menu integration</li>
+                                <li>Desktop shortcut</li>
+                                <li>Automatic file associations</li>
+                                <li>Easy uninstall via Control Panel</li>
+                            </ul>
+                        </div>
                     </div>
                 </div>