feat: refactor landing pages with ArticleGrid component and fix navigation

This commit is contained in:
sanbuphy
2026-01-25 23:51:43 +08:00
parent af4913a799
commit 6f78114865
48 changed files with 1640 additions and 127 deletions
+5 -11
View File
@@ -42,28 +42,22 @@ const base = site.value.base
</script>
<div class="stage-container">
<a :href="base + 'en-us/stage-0/0.1-learning-map/'" class="stage-card">
<div class="stage-icon">🌱</div>
<h3>Stage 0: Getting Started</h3>
<p>Suitable for product, operations, and non-technical backgrounds. Understand AI programming logic through games and build confidence.</p>
<span>Learn More →</span>
</a>
<a :href="base + 'en-us/stage-1/1.1-introduction-to-ai-ide/'" class="stage-card">
<a :href="base + 'en-us/stage-0/'" class="stage-card">
<div class="stage-icon">🎨</div>
<h3>Stage 1: AI Product Manager</h3>
<p>Master the Vibe Coding workflow. Learn to break down requirements and independently complete high-fidelity web application prototypes.</p>
<p>Suitable for product, operations, and non-technical backgrounds. Build confidence through games, master Vibe Coding workflow, and independently complete high-fidelity web application prototypes.</p>
<span>Learn More →</span>
</a>
<a :href="base + 'en-us/stage-2/frontend/2.0-lovart-assets/'" class="stage-card">
<a :href="base + 'en-us/stage-2/'" class="stage-card">
<div class="stage-icon">💻</div>
<h3>Stage 2: Full-Stack Development</h3>
<p>Dive deep into full-stack development. Frontend componentization, database design, backend API development, and deployment.</p>
<span>Learn More →</span>
</a>
<a :href="base + 'en-us/stage-3/core-skills/3.1-mcp-claudecode-skills/'" class="stage-card">
<a :href="base + 'en-us/stage-3/'" class="stage-card">
<div class="stage-icon">🚀</div>
<h3>Stage 3: Advanced Development</h3>
<p>Build complex cross-platform applications. WeChat mini-program practical实战, challenge higher-level AI-native application development.</p>
<p>Build complex cross-platform applications. WeChat mini-program practice, challenge higher-level AI-native application development.</p>
<span>Learn More →</span>
</a>
</div>