feat(docs): refactor homepage layouts and add HomeFeatures component

- Replace verbose inline HTML/CSS in multiple language homepages with reusable HomeFeatures component
- Simplify hero section taglines and action links across all language versions
- Add iOS/Apple style enhancements including glassmorphism effects and refined button animations
- Register HomeFeatures component globally in Vue app for consistent usage
- Remove redundant translation banners and GitHub star sections to streamline content

docs/vi-vn/index.md

@@ -1,99 +1,17 @@
 ---
 layout: home
+navbar: false
 hero:
   name: 'Easy-Vibe'
-  text: 'Học Vibe Coding từ Con Số Không'
-  tagline:
-    - Trở thành một cá nhân siêu kết hợp sản phẩm, thiết kế và phát triển full-stack.
-    - Từ ý tưởng sang nguyên mẫu, từ nguyên mẫu sang sản phẩm, biến mọi đầu ra thành sản phẩm có thể giao hàng.
-    - Khiến AI trở thành đối tác của bạn: nhanh hơn, ổn định hơn, sáng tạo hơn.
-    - Xây dựng hào kỹ thuật và sản phẩm cá nhân với lộ trình học tập có hệ thống.
+  text: 'Hướng dẫn Lập trình AI từ con số 0'
+  tagline: 'Một mô hình lập trình mới cho mọi người. Dù bạn là PM hay Full Stack Dev, hãy tìm lộ trình lập trình AI của bạn tại đây.'
   actions:
     - theme: brand
-      text: Bắt Đầu Học
-      link: /stage-0/0.1-learning-map/
+      text: Bắt đầu học
+      link: /vi-vn/stage-0/
     - theme: alt
-      text: ⭐️ Star trên GitHub
-      link: https://github.com/datawhalechina/easy-vibe
-features:
-  - title: Thân thiện với Người mới
-    details: Được thiết kế cho nền tảng không kỹ thuật. Bắt đầu với "nếu bạn có thể nói, bạn có thể lập trình", bắt đầu nhanh thông qua các trò chơi như Snake, và vượt qua nỗi sợ kỹ thuật.
-  - title: Lộ trình Thực tế Tiến bộ
-    details: Phương pháp học tập độc đáo "ba giai đoạn". Từ tư duy quản lý sản phẩm AI, đến triển khai phát triển full-stack, đến xây dựng ứng dụng phức tạp, từng bước một.
-  - title: Vibe Coding Paradigm Mới
-    details: Làm chủ cốt lõi của lập trình trong kỷ nguyên AI. Học lập trình cặp với AI, làm cho IDE trở thành đối tác mạnh nhất của bạn.
-  - title: Dẫn dắt bởi Dự án Thực
-    details: Không mã đồ chơi. Tự xây dựng nguyên mẫu web, ứng dụng full-stack, chương trình nhỏ WeChat, và thực hiện biến mọi ý tưởng thành sản phẩm.
+      text: Đề cương khóa học
+      link: /vi-vn/stage-0/
 ---
 
-<div align="center" style="margin-top: 60px; margin-bottom: 60px;">
-  <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 40px; border-radius: 20px; max-width: 700px;">
-    <h2 style="color: white; border: none; font-size: 2rem; font-weight: 700; margin-bottom: 20px;">🚧 Bản dịch tiếng Việt đang tiến hành</h2>
-    <p style="color: white; font-size: 1.2rem; line-height: 1.8; margin: 0;">
-      Chúng tôi đang nỗ lực dịch toàn bộ hướng dẫn Easy-Vibe sang tiếng Việt.<br>
-      Hãy chờ đợi phiên bản hoàn chỉnh!<br><br>
-      Trong thời gian chờ đợi, bạn có thể truy cập<a href="../en-us/" style="color: #fbbf24; text-decoration: underline; font-weight: bold;">phiên bản tiếng Anh</a> hoặc <a href="../zh-cn/" style="color: #fbbf24; text-decoration: underline; font-weight: bold;">phiên bản tiếng Trung</a>.
-    </p>
-  </div>
-</div>
-
-<style>
-.VPHomeHero .text {
-  font-size: 1.8rem;
-}
-</style>
-
-<div class="footer-cta">
-  <p class="love-text">Made with ❤️ by Open Source Contributors</p>
-  <h3 class="support-title">Bạn thấy có hữu ích không?</h3>
-  <p class="support-text">Star của bạn thúc đẩy chúng tôi tiếp tục cập nhật 🚀</p>
-  <div class="github-badge">
-    <a href="https://github.com/datawhalechina/easy-vibe" target="_blank" rel="noopener noreferrer">
-      <img src="https://img.shields.io/github/stars/datawhalechina/easy-vibe?style=social&label=Star on GitHub" alt="GitHub stars"/>
-    </a>
-  </div>
-</div>
-
-<style>
-.footer-cta {
-  margin-top: 100px;
-  padding: 40px 24px;
-  text-align: center;
-  background: var(--vp-c-bg-soft);
-  border-radius: 24px;
-  max-width: 600px;
-  margin-left: auto;
-  margin-right: auto;
-  margin-bottom: 40px;
-}
-
-.love-text {
-  color: var(--vp-c-text-3);
-  font-size: 0.875rem;
-  margin-bottom: 24px;
-  font-family: var(--vp-font-family-mono);
-}
-
-.support-title {
-  font-size: 1.5rem;
-  font-weight: 700;
-  margin-bottom: 8px;
-  color: var(--vp-c-text-1);
-}
-
-.support-text {
-  font-size: 1.1rem;
-  color: var(--vp-c-text-2);
-  margin-bottom: 24px;
-}
-
-.github-badge {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.github-badge img {
-  height: 32px;
-}
-</style>
+<HomeFeatures />