docs(homepage): add Discord and enterprise contact

- Hero CTA row: blurple "Join Discord" button alongside Get Started - Hero pill below CTAs: "ENTERPRISE · lum@understand-anything.com →" mirroring the badge style at the top of the hero - Footer: add Discord and Contact (mailto) links to the link list - READMEs (en, zh-CN, zh-TW, ja, ko, es, tr): replace the small flat-square Discord badge with a prominent text link below the hero image: "💬 Join the Discord community →" plus a translated tagline. No version bump — content/copy only. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-06-22 10:58:03 +08:00 · 2026-05-05 16:52:13 +08:00
parent 880e223bb4
commit 5cef66c5c5
9 changed files with 156 additions and 8 deletions
@@ -30,13 +30,18 @@
  <a href="#opencode"><img src="https://img.shields.io/badge/OpenCode-38bdf8" alt="OpenCode" /></a>
  <a href="https://understand-anything.com"><img src="https://img.shields.io/badge/Página_Principal-d4a574" alt="Homepage" /></a>
  <a href="https://understand-anything.com/demo/"><img src="https://img.shields.io/badge/Demo_en_Vivo-00c853" alt="Live Demo" /></a>
-  <a href="https://discord.gg/pydat66RY"><img src="https://img.shields.io/badge/discord-join-5865F2?style=flat-square&logo=discord&logoColor=white" alt="Discord" /></a>
 </p>

 <p align="center">
  <img src="assets/hero.png" alt="Understand Anything — Convierte cualquier código fuente en un grafo de conocimiento interactivo" width="800" />
 </p>

+<p align="center">
+  <strong>💬 <a href="https://discord.gg/pydat66RY">Únete a la comunidad de Discord &rarr;</a></strong>
+  <br />
+  <em>Pregunta, comparte lo que construyes y recibe ayuda de la comunidad.</em>
+</p>
+
 ---

 > [!TIP]
@@ -31,13 +31,18 @@
  <a href="#opencode"><img src="https://img.shields.io/badge/OpenCode-38bdf8" alt="OpenCode" /></a>
  <a href="https://understand-anything.com"><img src="https://img.shields.io/badge/Homepage-d4a574" alt="ホームページ" /></a>
  <a href="https://understand-anything.com/demo/"><img src="https://img.shields.io/badge/Live_Demo-00c853" alt="ライブデモ" /></a>
-  <a href="https://discord.gg/pydat66RY"><img src="https://img.shields.io/badge/discord-join-5865F2?style=flat-square&logo=discord&logoColor=white" alt="Discord" /></a>
 </p>

 <p align="center">
  <img src="assets/hero.png" alt="Understand Anything — あらゆるコードベースをインタラクティブなナレッジグラフに変換" width="800" />
 </p>

+<p align="center">
+  <strong>💬 <a href="https://discord.gg/pydat66RY">Discord コミュニティに参加 &rarr;</a></strong>
+  <br />
+  <em>質問・作品の共有・コミュニティとの交流はこちらから。</em>
+</p>
+
 ---

 > [!TIP]
@@ -30,13 +30,18 @@
  <a href="#opencode"><img src="https://img.shields.io/badge/OpenCode-38bdf8" alt="OpenCode" /></a>
  <a href="https://understand-anything.com"><img src="https://img.shields.io/badge/홈페이지-d4a574" alt="Homepage" /></a>
  <a href="https://understand-anything.com/demo/"><img src="https://img.shields.io/badge/라이브_데모-00c853" alt="Live Demo" /></a>
-  <a href="https://discord.gg/pydat66RY"><img src="https://img.shields.io/badge/discord-join-5865F2?style=flat-square&logo=discord&logoColor=white" alt="Discord" /></a>
 </p>

 <p align="center">
  <img src="assets/hero.png" alt="Understand Anything — 모든 코드베이스를 인터랙티브 지식 그래프로 변환" width="800" />
 </p>

+<p align="center">
+  <strong>💬 <a href="https://discord.gg/pydat66RY">Discord 커뮤니티 참여하기 &rarr;</a></strong>
+  <br />
+  <em>질문하고, 만든 것을 공유하고, 커뮤니티의 도움을 받으세요.</em>
+</p>
+
 ---

 > [!TIP]
@@ -31,13 +31,18 @@
  <a href="#opencode"><img src="https://img.shields.io/badge/OpenCode-38bdf8" alt="OpenCode" /></a>
  <a href="https://understand-anything.com"><img src="https://img.shields.io/badge/Homepage-d4a574" alt="Homepage" /></a>
  <a href="https://understand-anything.com/demo/"><img src="https://img.shields.io/badge/Live_Demo-00c853" alt="Live Demo" /></a>
-  <a href="https://discord.gg/pydat66RY"><img src="https://img.shields.io/badge/discord-join-5865F2?style=flat-square&logo=discord&logoColor=white" alt="Discord" /></a>
 </p>

 <p align="center">
  <img src="assets/hero.png" alt="Understand Anything — Turn any codebase into an interactive knowledge graph" width="800" />
 </p>

+<p align="center">
+  <strong>💬 <a href="https://discord.gg/pydat66RY">Join the Discord community &rarr;</a></strong>
+  <br />
+  <em>Ask questions, share what you've built, get help from the community.</em>
+</p>
+
 ---

 > [!TIP]
@@ -31,13 +31,18 @@
  <a href="#opencode"><img src="https://img.shields.io/badge/OpenCode-38bdf8" alt="OpenCode" /></a>
  <a href="https://understand-anything.com"><img src="https://img.shields.io/badge/Ana_Sayfa-d4a574" alt="Ana Sayfa" /></a>
  <a href="https://understand-anything.com/demo/"><img src="https://img.shields.io/badge/Canlı_Demo-00c853" alt="Canlı Demo" /></a>
-  <a href="https://discord.gg/pydat66RY"><img src="https://img.shields.io/badge/discord-join-5865F2?style=flat-square&logo=discord&logoColor=white" alt="Discord" /></a>
 </p>

 <p align="center">
  <img src="assets/hero.png" alt="Understand Anything — Herhangi bir kod tabanını interaktif bir bilgi grafiğine dönüştür" width="800" />
 </p>

+<p align="center">
+  <strong>💬 <a href="https://discord.gg/pydat66RY">Discord topluluğuna katıl &rarr;</a></strong>
+  <br />
+  <em>Sorular sor, yaptıklarını paylaş, topluluktan yardım al.</em>
+</p>
+
 ---

 > [!TIP]
@@ -30,13 +30,18 @@
  <a href="#opencode"><img src="https://img.shields.io/badge/OpenCode-38bdf8" alt="OpenCode" /></a>
  <a href="https://understand-anything.com"><img src="https://img.shields.io/badge/项目主页-d4a574" alt="Homepage" /></a>
  <a href="https://understand-anything.com/demo/"><img src="https://img.shields.io/badge/在线演示-00c853" alt="Live Demo" /></a>
-  <a href="https://discord.gg/pydat66RY"><img src="https://img.shields.io/badge/discord-加入-5865F2?style=flat-square&logo=discord&logoColor=white" alt="Discord" /></a>
 </p>

 <p align="center">
  <img src="assets/hero.png" alt="Understand Anything — 将任何代码库转换为交互式知识图谱" width="800" />
 </p>

+<p align="center">
+  <strong>💬 <a href="https://discord.gg/pydat66RY">加入 Discord 社区 &rarr;</a></strong>
+  <br />
+  <em>来提问、分享你的项目、和社区一起讨论。</em>
+</p>
+
 ---

 > [!TIP]
@@ -30,13 +30,18 @@
  <a href="#opencode"><img src="https://img.shields.io/badge/OpenCode-38bdf8" alt="OpenCode" /></a>
  <a href="https://understand-anything.com"><img src="https://img.shields.io/badge/專案首頁-d4a574" alt="Homepage" /></a>
  <a href="https://understand-anything.com/demo/"><img src="https://img.shields.io/badge/線上展示-00c853" alt="Live Demo" /></a>
-  <a href="https://discord.gg/pydat66RY"><img src="https://img.shields.io/badge/discord-加入-5865F2?style=flat-square&logo=discord&logoColor=white" alt="Discord" /></a>
 </p>

 <p align="center">
  <img src="assets/hero.png" alt="Understand Anything — 將任何程式碼庫轉換為互動式知識圖譜" width="800" />
 </p>

+<p align="center">
+  <strong>💬 <a href="https://discord.gg/pydat66RY">加入 Discord 社群 &rarr;</a></strong>
+  <br />
+  <em>來提問、分享你的專案、和社群一起討論。</em>
+</p>
+
 ---

 > [!TIP]
@@ -1,5 +1,7 @@
 ---
 const githubUrl = 'https://github.com/Lum1104/Understand-Anything';
+const discordUrl = 'https://discord.gg/pydat66RY';
+const contactEmail = 'lum@understand-anything.com';
 ---

 <footer class="footer">
@@ -8,8 +10,12 @@ const githubUrl = 'https://github.com/Lum1104/Understand-Anything';
    <div class="footer-links">
      <a href={githubUrl} target="_blank" rel="noopener noreferrer">GitHub</a>
      <span class="footer-sep">&middot;</span>
+      <a href={discordUrl} target="_blank" rel="noopener noreferrer">Discord</a>
+      <span class="footer-sep">&middot;</span>
      <a href="/demo/">Live Demo</a>
      <span class="footer-sep">&middot;</span>
+      <a href={`mailto:${contactEmail}`}>Contact</a>
+      <span class="footer-sep">&middot;</span>
      <a href={`${githubUrl}/blob/main/LICENSE`} target="_blank" rel="noopener noreferrer">MIT License</a>
    </div>
    <p class="footer-note">Graphs that teach. Built for AI coding assistants.</p>
@@ -1,5 +1,6 @@
 ---
 const githubUrl = 'https://github.com/Lum1104/Understand-Anything';
+const discordUrl = 'https://discord.gg/pydat66RY';
 ---

 <section class="hero">
@@ -31,12 +32,25 @@ const githubUrl = 'https://github.com/Lum1104/Understand-Anything';
    <div class="hero-actions anim anim-5">
      <a href="#install" class="hero-cta">Get Started</a>
      <a href="/demo/" class="hero-demo">Live Demo &rarr;</a>
+      <a href={discordUrl} target="_blank" rel="noopener noreferrer" class="hero-discord">
+        <svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true">
+          <path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418Z"/>
+        </svg>
+        Join Discord
+      </a>
      <a href={githubUrl} target="_blank" rel="noopener noreferrer" class="hero-secondary">
        <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor" style="vertical-align:-2px;margin-right:4px;"><path d="M12 .587l3.668 7.568L24 9.306l-6 5.986 1.416 8.421L12 19.897l-7.416 3.816L6 15.292 0 9.306l8.332-1.151z"/></svg>
        Star on GitHub
      </a>
    </div>

+    <a href="mailto:lum@understand-anything.com" class="hero-enterprise anim anim-5">
+      <span class="hero-enterprise-label">Enterprise</span>
+      <span class="hero-enterprise-divider">&middot;</span>
+      <span class="hero-enterprise-email">lum@understand-anything.com</span>
+      <span class="hero-enterprise-arrow">&rarr;</span>
+    </a>
+
    <details class="hero-subscribe anim anim-6">
      <summary class="hero-subscribe-toggle">
        <span>Subscribe to release updates</span>
@@ -227,6 +241,32 @@ const githubUrl = 'https://github.com/Lum1104/Understand-Anything';
    text-decoration: none;
  }

+  .hero-discord {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.55rem;
+    background: #5865F2;
+    color: #ffffff;
+    padding: 0.85rem 2rem;
+    border-radius: 8px;
+    font-weight: 600;
+    font-size: 1.05rem;
+    text-decoration: none;
+    transition: box-shadow 0.3s ease, transform 0.2s ease, background 0.3s ease;
+  }
+
+  .hero-discord:hover {
+    background: #4752C4;
+    box-shadow: 0 0 30px rgba(88, 101, 242, 0.25), 0 0 60px rgba(88, 101, 242, 0.12);
+    transform: translateY(-2px);
+    text-decoration: none;
+    color: #ffffff;
+  }
+
+  .hero-discord svg {
+    flex-shrink: 0;
+  }
+
  .hero-secondary {
    color: #8a8578;
    font-size: 0.95rem;
@@ -239,6 +279,60 @@ const githubUrl = 'https://github.com/Lum1104/Understand-Anything';
    text-decoration: none;
  }

+  /* Enterprise contact — pill that mirrors the hero badge at the top */
+  .hero-enterprise {
+    margin-top: 1.75rem;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.55rem;
+    padding: 0.45rem 1.1rem;
+    border: 1px solid rgba(212, 165, 116, 0.3);
+    border-radius: 100px;
+    background: rgba(212, 165, 116, 0.04);
+    text-decoration: none;
+    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease,
+      background-color 0.25s ease;
+  }
+
+  .hero-enterprise:hover {
+    border-color: rgba(212, 165, 116, 0.55);
+    background: rgba(212, 165, 116, 0.08);
+    box-shadow: 0 0 24px rgba(212, 165, 116, 0.15);
+    transform: translateY(-1px);
+    text-decoration: none;
+  }
+
+  .hero-enterprise-label {
+    font-family: var(--font-code);
+    font-size: 0.7rem;
+    letter-spacing: 0.14em;
+    text-transform: uppercase;
+    color: #d4a574;
+  }
+
+  .hero-enterprise-divider {
+    color: rgba(212, 165, 116, 0.45);
+    font-size: 0.85rem;
+    line-height: 1;
+  }
+
+  .hero-enterprise-email {
+    font-family: var(--font-code);
+    font-size: 0.82rem;
+    color: #e8e2d8;
+  }
+
+  .hero-enterprise-arrow {
+    color: #d4a574;
+    font-size: 0.95rem;
+    line-height: 1;
+    transition: transform 0.2s ease;
+  }
+
+  .hero-enterprise:hover .hero-enterprise-arrow {
+    transform: translateX(3px);
+  }
+
  /* Subscribe */
  .hero-subscribe {
    margin-top: 2rem;
@@ -362,6 +456,17 @@ const githubUrl = 'https://github.com/Lum1104/Understand-Anything';
    .hero-title > span { display: block; }
  }

+  @media (max-width: 540px) {
+    .hero-enterprise {
+      flex-direction: column;
+      gap: 0.25rem;
+      padding: 0.6rem 1.25rem;
+      max-width: 100%;
+    }
+    .hero-enterprise-divider { display: none; }
+    .hero-enterprise-email { font-size: 0.78rem; }
+  }
+
  @media (max-width: 480px) {
    .hero { padding: 4rem 1.25rem 2.25rem; }
    .hero-actions {
@@ -371,10 +476,12 @@ const githubUrl = 'https://github.com/Lum1104/Understand-Anything';
      max-width: 320px;
    }
    .hero-cta,
-    .hero-demo {
+    .hero-demo,
+    .hero-discord {
      width: 100%;
      text-align: center;
      padding: 0.85rem 1.5rem;
+      justify-content: center;
    }
    .hero-pillars { flex-direction: column; gap: 0.4rem; }
    .pillar-dot { display: none; }