Adjust landing footer and remove CTA section

This commit is contained in:
vsxd 2026-03-13 15:15:13 +08:00
parent 0ab6b48ac6
commit a773b87e68
3 changed files with 10 additions and 30 deletions

View file

@ -65,7 +65,7 @@
"ctaTitle": "Ready to Get Started?",
"ctaDescription": "Start your local development environment with a single command and experience the complete skill management workflow",
"ctaButton": "Try Now",
"footerLicense": "© 2026 SkillHub. MIT License.",
"footerLicense": "© 2026 SkillHub. Apache License 2.0.",
"footerDocs": "Docs",
"footerGithub": "GitHub",
"footerCommunity": "Community"

View file

@ -65,7 +65,7 @@
"ctaTitle": "准备好开始了吗?",
"ctaDescription": "一条命令即可启动本地开发环境,体验完整的技能管理流程",
"ctaButton": "立即体验",
"footerLicense": "© 2026 SkillHub。MIT 许可证。",
"footerLicense": "© 2026 SkillHub。Apache License 2.0。",
"footerDocs": "文档",
"footerGithub": "GitHub",
"footerCommunity": "社区"

View file

@ -252,31 +252,6 @@ export function LandingPage() {
</div>
</div>
<div className="py-20">
<div className="relative max-w-4xl mx-auto p-12 rounded-3xl bg-gradient-to-br from-cyan-500/10 to-violet-500/10 backdrop-blur-sm border border-cyan-500/30 text-center space-y-8 animate-fade-up">
<div className="absolute inset-0 bg-gradient-to-br from-cyan-500/5 to-violet-500/5 rounded-3xl blur-xl" />
<div className="relative space-y-6">
<h2 className="text-4xl md:text-5xl font-bold text-slate-100">
{t('landing.ctaTitle')}
</h2>
<p className="text-lg text-slate-300 max-w-2xl mx-auto">
{t('landing.ctaDescription')}
</p>
<div className="inline-block p-4 rounded-xl bg-slate-900/80 backdrop-blur-sm border border-slate-700/50">
<code className="text-cyan-400 text-lg font-mono">make dev-all</code>
</div>
<div className="flex flex-wrap items-center justify-center gap-4 pt-4">
<Button
size="lg"
className="bg-gradient-to-r from-cyan-500 to-blue-500 hover:from-cyan-400 hover:to-blue-400 text-white font-semibold px-8 py-6 text-lg rounded-xl shadow-lg shadow-cyan-500/25 hover:shadow-cyan-500/40 transition-all duration-300 hover:scale-105"
onClick={() => navigate({ to: '/search', search: { q: '', sort: 'relevance', page: 0 } })}
>
{t('landing.ctaButton')}
</Button>
</div>
</div>
</div>
</div>
</div>
<div className="relative z-10 border-t border-slate-800/50 backdrop-blur-sm">
@ -284,9 +259,14 @@ export function LandingPage() {
<div className="flex flex-col md:flex-row items-center justify-between gap-4 text-slate-400 text-sm">
<div>{t('landing.footerLicense')}</div>
<div className="flex items-center gap-6">
<a href="#" className="hover:text-cyan-400 transition-colors">{t('landing.footerDocs')}</a>
<a href="#" className="hover:text-cyan-400 transition-colors">{t('landing.footerGithub')}</a>
<a href="#" className="hover:text-cyan-400 transition-colors">{t('landing.footerCommunity')}</a>
<a
href="https://github.com/iflytek/skillhub"
target="_blank"
rel="noopener noreferrer"
className="hover:text-cyan-400 transition-colors"
>
{t('landing.footerGithub')}
</a>
</div>
</div>
</div>