diff --git a/web/app/docs/installation/page.tsx b/web/app/docs/installation/page.tsx
index b406081..e9e803b 100644
--- a/web/app/docs/installation/page.tsx
+++ b/web/app/docs/installation/page.tsx
@@ -19,20 +19,22 @@ export default function InstallationPage() {
       </div>
 
             {/* Security Notice */}
-      <div className="bg-white border rounded-lg shadow-sm p-4 my-4">        
-        <div className="my-4 text-sm">
-          <p className="flex items-center mb-2">
-            <AlertTriangle className="h-4 w-4 text-yellow-500 mr-2 flex-shrink-0" />
-            <span>Be careful when copying scripts from the internet. Always remember to check the source!</span>
-          </p>
-          <p className="flex items-center mb-2">
-            <FileCode className="h-4 w-4 text-blue-500 mr-2 flex-shrink-0" />
-            <span>You can <a href="https://github.com/MacRimi/ProxMenux/blob/main/install_proxmenux.sh" className="text-blue-600 hover:underline" target="_blank" rel="noopener noreferrer">review the source code</a> before execution.</span>
-          </p>
-          <p className="flex items-center">
-            <Shield className="h-4 w-4 text-green-500 mr-2 flex-shrink-0" />
-            <span>All executable links follow our <a href="https://github.com/MacRimi/ProxMenux?tab=coc-ov-file#-2-security--code-responsibility" className="text-blue-600 hover:underline" target="_blank" rel="noopener noreferrer">Code of Conduct</a>.</span>
-          </p>
+      <div className="bg-white border rounded-lg shadow-sm p-4 my-4">  
+       <div className="bg-gray-100 px-4 py-2 border-b flex">      
+          <div className="my-4 text-sm">
+            <p className="flex items-center mb-2">
+              <AlertTriangle className="h-4 w-4 text-yellow-500 mr-2 flex-shrink-0" />
+              <span>Be careful when copying scripts from the internet. Always remember to check the source!</span>
+            </p>
+            <p className="flex items-center mb-2">
+              <FileCode className="h-4 w-4 text-blue-500 mr-2 flex-shrink-0" />
+              <span>You can <a href="https://github.com/MacRimi/ProxMenux/blob/main/install_proxmenux.sh" className="text-blue-600 hover:underline" target="_blank" rel="noopener noreferrer">review the source code</a> before execution.</span>
+            </p>
+            <p className="flex items-center">
+              <Shield className="h-4 w-4 text-green-500 mr-2 flex-shrink-0" />
+              <span>All executable links follow our <a href="https://github.com/MacRimi/ProxMenux?tab=coc-ov-file#-2-security--code-responsibility" className="text-blue-600 hover:underline" target="_blank" rel="noopener noreferrer">Code of Conduct</a>.</span>
+            </p>
+          </div>
         </div>
       </div>
 
diff --git a/web/app/docs/introduction/page.tsx b/web/app/docs/introduction/page.tsx
index deb59b0..e5ae582 100644
--- a/web/app/docs/introduction/page.tsx
+++ b/web/app/docs/introduction/page.tsx
@@ -1,5 +1,6 @@
 import Image from "next/image"
 import Link from "next/link"
+import { AlertTriangle, FileCode, Shield } from 'lucide-react';
 
 export default function IntroductionPage() {
   return (
@@ -58,5 +59,35 @@ export default function IntroductionPage() {
         section.
       </p>
     </div>
+
+    {/* Security Notice */}
+    <div className="bg-white border rounded-lg shadow-sm p-4 my-4">
+    <h3 className="text-lg font-medium mb-2 flex items-center">
+      <AlertTriangle className="h-5 w-5 text-yellow-500 mr-2" />
+      Security Information
+    </h3>
+    <p className="mb-3">Be careful when copying scripts from the internet. Always remember to check the source!</p>
+    <div className="flex flex-wrap gap-2">
+      <a 
+        href="https://github.com/MacRimi/ProxMenux/blob/main/install_proxmenux.sh" 
+        className="inline-flex items-center px-3 py-2 text-sm font-medium rounded-md bg-blue-600 hover:bg-blue-700 text-white"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        <FileCode className="h-4 w-4 mr-2" />
+        View Source Code
+      </a>
+      <a 
+        href="https://github.com/MacRimi/ProxMenux?tab=coc-ov-file#-2-security--code-responsibility" 
+        className="inline-flex items-center px-3 py-2 text-sm font-medium rounded-md bg-green-600 hover:bg-green-700 text-white"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        <Shield className="h-4 w-4 mr-2" />
+        Code of Conduct
+      </a>
+    </div>
+  </div>
+
   )
 }