---
layout: home
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.
  actions:
    - theme: brand
      text: Bắt Đầu Học
      link: /stage-0/0.1-learning-map/
    - 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.
---

<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>