Merge pull request #296 from shivasurya/shiva/fix-documentation

secureflow: update documentation

Author: shivasurya

docs/astro.config.mjs

@@ -20,6 +20,9 @@ export default defineConfig({
       {
         label: 'Overview',
         slug: 'overview'
+      }, {
+        label: 'SecureFlow AI',
+        slug: 'secureflow-ai'
       }, {
         label: 'CLI Quickstart',
         slug: 'quickstart'
@@ -44,7 +47,7 @@ export default defineConfig({
       label: 'Changelog',
       slug: 'changelog'
     },],
-    customCss: ["./src/styles/font.css", "./src/styles/layout.css"],
+    customCss: ["./src/styles/font.css", "./src/styles/layout.css", "./src/styles/secureflow-ai.css"],
     components: {
       Footer: './src/components/Footer.astro',
       Header: './src/components/Header.astro',

docs/src/content/docs/index.mdx

@@ -9,9 +9,9 @@ hero:
       link: /quickstart
       icon: right-arrow
       variant: primary
-    - text: Playground
-      link: https://play.codepathfinder.dev
-      icon: forward-slash
+    - text: SecureFlow AI
+      link: /secureflow-ai
+      icon: rocket
     - text: Browse Rules
       link: /atlas
       icon: open-book
@@ -87,7 +87,18 @@ public static void main(String[] args) {
 <br/>
 <CardGrid>
        <div style="border-radius: 10px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); background-color: #e0e0e0;">
-         <img src="/assets/cpf-illustration.jpg" alt="Getting Started" style="width: 100%; height: 200px; object-fit: cover;" />
+         <img src="/assets/dev-house-waterloo.jpg" alt="SecureFlow Extension" style="width: 100%; height: 200px; object-fit: cover;" />
+         <div style="padding: 16px;">
+           <h4 style="color: #333;">Introducing SecureFlow Extension</h4>
+           <br />
+           <a href="/blog/introducing-secureflow-extension-to-vibe-code-securely" style="display: inline-block; background-color: #4CAF50; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px; margin-top: 10px;">
+           <span style="font-size: 1.2em;">Read →</span>
+           </a>
+         </div>
+       </div>
+
+       <div style="border-radius: 10px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); background-color: #e0e0e0;">
+         <img src="/assets/cpf-illustration.jpg" alt="CodeQL Alternative" style="width: 100%; height: 200px; object-fit: cover;" />
          <div style="padding: 16px;">
            <h4 style="color: #333;">CodeQL Opensource Alternative</h4>
            <br />
@@ -98,14 +109,25 @@ public static void main(String[] args) {
        </div>
 
        <div style="border-radius: 10px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); background-color: #e0e0e0;">
-                <img src="/assets/webview.webp" alt="Getting Started" style="width: 100%; height: 200px; object-fit: cover;" />
-                <div style="padding: 16px;">
-                  <h4 style="color: #333;">Detecting WebView Misconfigurations</h4>
-                  <br />
-                  <a href="/blog/finding-webview-misconfigurations-android" style="display: inline-block; background-color: #4CAF50; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px; margin-top: 10px;">
-                  <span style="font-size: 1.2em;">Read →</span>
-                  </a>
-                </div>
+         <img src="/assets/webview.webp" alt="WebView Misconfigurations" style="width: 100%; height: 200px; object-fit: cover;" />
+         <div style="padding: 16px;">
+           <h4 style="color: #333;">Detecting WebView Misconfigurations</h4>
+           <br />
+           <a href="/blog/finding-webview-misconfigurations-android" style="display: inline-block; background-color: #4CAF50; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px; margin-top: 10px;">
+           <span style="font-size: 1.2em;">Read →</span>
+           </a>
+         </div>
+       </div>
+
+       <div style="border-radius: 10px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); background-color: #e0e0e0;">
+         <img src="/assets/cpf-illustration.jpg" alt="SAST False Positives" style="width: 100%; height: 200px; object-fit: cover;" />
+         <div style="padding: 16px;">
+           <h4 style="color: #333;">Reducing SAST False Positives</h4>
+           <br />
+           <a href="/blog/silence-the-noise-a-practical-guide-to-systematically-reducing-sast-false-positives" style="display: inline-block; background-color: #4CAF50; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px; margin-top: 10px;">
+           <span style="font-size: 1.2em;">Read →</span>
+           </a>
+         </div>
        </div>
 </CardGrid>