From 5bd8eb7c8df4a8623637ee849503c8a40a0e018c Mon Sep 17 00:00:00 2001
From: Lum1104 <linyux1104@163.com>
Date: Sun, 29 Mar 2026 11:34:18 +0800
Subject: [PATCH] feat(homepage): update features, install, and footer for
 v2.0.0
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Expand feature cards from 3 to 6 covering new capabilities across
v1.2.0–v2.0.0 releases. Update install note and footer tagline to
reflect multi-platform support.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 homepage/src/components/Features.astro | 29 +++++++++++++++++++-------
 homepage/src/components/Footer.astro   |  2 +-
 homepage/src/components/Install.astro  |  2 +-
 3 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/homepage/src/components/Features.astro b/homepage/src/components/Features.astro
index fa65b62..c0df6ab 100644
--- a/homepage/src/components/Features.astro
+++ b/homepage/src/components/Features.astro
@@ -3,17 +3,32 @@ const features = [
   {
     icon: '◈',
     title: 'Interactive Knowledge Graph',
-    description: 'Visualize files, functions, and dependencies as an explorable graph with smart layout.',
+    description: 'Visualize files, functions, and dependencies as an explorable graph with hierarchical drill-down and smart layout.',
   },
   {
-    icon: '¶',
-    title: 'Plain-English Summaries',
-    description: 'Every node explained in language anyone can understand — from junior devs to product managers.',
+    icon: '⬡',
+    title: 'Beyond Code Analysis',
+    description: 'Analyze your entire project — Dockerfiles, Terraform, SQL, Markdown, and 26+ file types mapped into one unified graph.',
+  },
+  {
+    icon: '⊘',
+    title: 'Smart Filtering & Search',
+    description: 'Filter by node type, complexity, layer, or edge category. Fuzzy and semantic search to find anything instantly.',
+  },
+  {
+    icon: '⎙',
+    title: 'Export & Share',
+    description: 'Export your knowledge graph as high-quality PNG, SVG, or filtered JSON — ready for docs, presentations, or further analysis.',
+  },
+  {
+    icon: '⟿',
+    title: 'Dependency Path Finder',
+    description: 'Find the shortest path between any two components. Understand how parts of your system connect at a glance.',
   },
   {
     icon: '⟐',
-    title: 'Guided Tours',
-    description: 'AI-generated walkthroughs that teach you the codebase step by step.',
+    title: 'Guided Tours & Onboarding',
+    description: 'AI-generated walkthroughs that teach the codebase step by step, plus onboarding guides for new team members.',
   },
 ];
 ---
@@ -21,7 +36,7 @@ const features = [
 <section class="features">
   <div class="features-grid">
     {features.map((f, i) => (
-      <div class={`feature-card reveal reveal-delay-${i + 1}`}>
+      <div class={`feature-card reveal reveal-delay-${(i % 3) + 1}`}>
         <span class="feature-icon">{f.icon}</span>
         <h3 class="feature-title">{f.title}</h3>
         <p class="feature-desc">{f.description}</p>
diff --git a/homepage/src/components/Footer.astro b/homepage/src/components/Footer.astro
index 40918ba..615d2b1 100644
--- a/homepage/src/components/Footer.astro
+++ b/homepage/src/components/Footer.astro
@@ -10,7 +10,7 @@ const githubUrl = 'https://github.com/Lum1104/Understand-Anything';
       <span class="footer-sep">·</span>
       <a href={`${githubUrl}/blob/main/LICENSE`} target="_blank" rel="noopener noreferrer">License</a>
     </div>
-    <p class="footer-note">Built as a Claude Code plugin</p>
+    <p class="footer-note">Built for AI coding assistants</p>
   </div>
 </footer>
 
diff --git a/homepage/src/components/Install.astro b/homepage/src/components/Install.astro
index d6752bb..2dc3dff 100644
--- a/homepage/src/components/Install.astro
+++ b/homepage/src/components/Install.astro
@@ -10,7 +10,7 @@
 <span class="cmd">/plugin install</span> understand-anything
 <span class="cmd">/understand</span></code></pre>
     </div>
-    <p class="install-note">Works with <strong>Claude Code</strong> — Anthropic's official CLI for Claude.</p>
+    <p class="install-note">Works with <strong>Claude Code</strong>, <strong>Codex</strong>, <strong>OpenCode</strong>, <strong>Gemini CLI</strong>, and more.</p>
   </div>
 </section>