Add dedicated Security & Hash Verification page to website (#207)

Author: Copilot

src/website/src/components/Layout.js

@@ -51,6 +51,9 @@ const Layout = ({ children, pageTitle }) => {
             <li>
               <Link to="/getting-started">Getting Started</Link>
             </li>
+            <li>
+              <Link to="/security">Security</Link>
+            </li>
             <li>
               <Link to="/docs">Documentation</Link>
             </li>

src/website/src/pages/index.js

@@ -40,7 +40,8 @@ const IndexPage = () => {
             <h3>🔒 Security First</h3>
             <p>
               Built-in validation with SHA-384 hashing protects against
-              malicious filter lists and tampering.
+              malicious filter lists and tampering.{" "}
+              <Link to="/security">Learn about our 5 layers of protection →</Link>
             </p>
           </div>
           <div className="feature">
@@ -79,6 +80,15 @@ const IndexPage = () => {
               compilation.
             </p>
           </div>
+          <div className="feature">
+            <h3>
+              <Link to="/security">Security & Hash Verification</Link>
+            </h3>
+            <p>
+              Learn how our built-in security features protect you from malicious
+              filter lists, tampering, and network attacks.
+            </p>
+          </div>
           <div className="feature">
             <h3>
               <Link to="/docs">Documentation</Link>