how can i run this app

index.html

@@ -92,10 +92,10 @@
                     <p class="hacker-text text-sm mb-4">
                         Test how strong your password is against common attacks.
                     </p>
-                    <button class="bg-primary hover:bg-primary/90 text-white hacker-text px-4 py-2 rounded transition-all">
+                    <button class="bg-primary hover:bg-primary/90 text-white hacker-text px-4 py-2 rounded transition-all opacity-50" disabled>
                         Test Password
                     </button>
-                </div>
+</div>
 
                 <!-- Tool 2 -->
                 <div class="terminal p-6 card-hover">
@@ -108,10 +108,10 @@
                     <p class="hacker-text text-sm mb-4">
                         Check your account settings for security vulnerabilities.
                     </p>
-                    <button class="bg-primary hover:bg-primary/90 text-white hacker-text px-4 py-2 rounded transition-all">
+                    <button class="bg-primary hover:bg-primary/90 text-white hacker-text px-4 py-2 rounded transition-all opacity-50" disabled>
                         Run Audit
                     </button>
-                </div>
+</div>
 
                 <!-- Tool 3 -->
                 <div class="terminal p-6 card-hover">
@@ -124,10 +124,10 @@
                     <p class="hacker-text text-sm mb-4">
                         Learn how to spot phishing attempts on Instagram.
                     </p>
-                    <button class="bg-primary hover:bg-primary/90 text-white hacker-text px-4 py-2 rounded transition-all">
+                    <button class="bg-primary hover:bg-primary/90 text-white hacker-text px-4 py-2 rounded transition-all opacity-50" disabled>
                         Start Test
                     </button>
-                </div>
+</div>
             </div>
 
             <!-- Security Tips -->
@@ -194,8 +194,13 @@
         <footer class="mt-16 text-center hacker-text text-sm text-gray-600">
             <p>© 2023 InstaShield | Educational tool for account security</p>
             <p class="mt-2">Not affiliated with Instagram or Meta</p>
+            <div class="mt-4">
+                <button onclick="runApp()" class="bg-primary hover:bg-primary/90 text-white hacker-text px-4 py-2 rounded transition-all">
+                    Run InstaShield
+                </button>
+            </div>
         </footer>
-    </div>
+</div>
 
     <script>
         // Terminal messages
@@ -216,9 +221,40 @@
 
         // Change message every 5 seconds
         setInterval(updateTerminal, 5000);
-
         // Initialize feather icons
         feather.replace();
+
+        function runApp() {
+            // Check if browser supports necessary APIs
+            if (!navigator.clipboard) {
+                alert("This app requires clipboard access. Please use a modern browser.");
+                return;
+            }
+
+            // Start the app experience
+            const terminalOutput = document.getElementById('terminal-output');
+            terminalOutput.innerHTML = `
+                > Initializing InstaShield v1.0...<br>
+                > Loading security modules...<br>
+                > Checking system requirements...<br>
+                <span class="text-green-600">> Ready! Select a tool from above to begin.</span>
+            `;
+
+            // Scroll to tools section
+            document.querySelector('.grid').scrollIntoView({
+                behavior: 'smooth'
+            });
+
+            // Enable all tool buttons
+            document.querySelectorAll('button').forEach(btn => {
+                if (!btn.onclick) {
+                    btn.disabled = false;
+                    btn.classList.remove('opacity-50');
+                }
+            });
+
+            alert("InstaShield is now running! Select any tool to begin.");
+        }
     </script>
 </body>
 </html>