feat(ui): update hero button text and enhance welcome screen

- Change primary hero button text from "Start Learning" to "Start Vibe Together!" across all language versions to align with project branding
- Update online reading links in README files to point to /welcome.html for better user onboarding
- Enhance WelcomeScreen.vue with improved animation timing and spacing
- Add dynamic SVG wordmark to homepage hero section for visual appeal
- Implement animated color transition for top promo bar
- Remove testing guidelines comment in AGENTS.md as placeholder
- Adjust feature card styling with increased min-height and icon sizes
This commit is contained in:
sanbuphy
2026-03-18 12:12:42 +08:00
parent 39e75df8c7
commit c8b68e5139
24 changed files with 205 additions and 59 deletions
@@ -258,23 +258,26 @@ onUnmounted(() => {
}
.welcome-tip {
margin: 24px 0 0;
margin: 44px 0 0;
font-size: 11px;
letter-spacing: 0.08em;
color: rgba(34, 34, 34, 0.38);
letter-spacing: 0.2em;
color: rgba(34, 34, 34, 0.32);
text-transform: uppercase;
animation: welcome-tip-breathe 7s ease-in-out infinite;
animation: welcome-tip-breathe 5s ease-in-out infinite;
}
@keyframes welcome-tip-breathe {
0% {
opacity: 0.24;
opacity: 0;
}
50% {
opacity: 0.72;
40% {
opacity: 0.55;
}
80% {
opacity: 0;
}
100% {
opacity: 0.24;
opacity: 0;
}
}