From 72a14d2e8a2192e239ae8e3d33ccff8bc592b2ed Mon Sep 17 00:00:00 2001
From: wowo-zZ <zhenggui5228@126.com>
Date: Fri, 13 Mar 2026 14:09:53 +0800
Subject: [PATCH] refactor(web): simplify landing page and update typography

- Change font class from font-display to font-heading in home page
- Adjust landing page title tracking from tight to normal
- Remove redundant CTA section from landing page
- Simplify footer links to GitHub only with proper external link attributes
---
 web/src/pages/home.tsx    |  2 +-
 web/src/pages/landing.tsx | 32 ++------------------------------
 2 files changed, 3 insertions(+), 31 deletions(-)

diff --git a/web/src/pages/home.tsx b/web/src/pages/home.tsx
index c42b7794..856729b7 100644
--- a/web/src/pages/home.tsx
+++ b/web/src/pages/home.tsx
@@ -31,7 +31,7 @@ export function HomePage() {
       {/* Hero Section */}
       <div className="text-center space-y-8 py-16 animate-fade-up">
         <div className="space-y-4">
-          <h1 className="text-6xl md:text-7xl lg:text-8xl font-bold font-display text-gradient-hero leading-tight">
+          <h1 className="text-6xl md:text-7xl lg:text-8xl font-bold font-heading text-gradient-hero leading-tight">
             SkillHub
           </h1>
           <p className="text-xl md:text-2xl text-muted-foreground font-light max-w-2xl mx-auto">
diff --git a/web/src/pages/landing.tsx b/web/src/pages/landing.tsx
index dc5078b2..4fcf7360 100644
--- a/web/src/pages/landing.tsx
+++ b/web/src/pages/landing.tsx
@@ -161,7 +161,7 @@ export function LandingPage() {
           </div>
 
           <div className="space-y-6 max-w-5xl">
-            <h1 className="text-7xl md:text-8xl lg:text-9xl font-black tracking-tight animate-fade-up">
+            <h1 className="text-7xl md:text-8xl lg:text-9xl font-black tracking-normal animate-fade-up">
               <span className="block text-transparent bg-clip-text bg-gradient-to-r from-cyan-300 via-blue-400 to-violet-400">
                 SkillHub
               </span>
@@ -249,32 +249,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">
-                准备好开始了吗？
-              </h2>
-              <p className="text-lg text-slate-300 max-w-2xl mx-auto">
-                一条命令即可启动本地开发环境，体验完整的技能管理流程
-              </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 } })}
-                >
-                  立即体验
-                </Button>
-              </div>
-            </div>
-          </div>
-        </div>
       </div>
 
       <div className="relative z-10 border-t border-slate-800/50 backdrop-blur-sm">
@@ -282,9 +256,7 @@ export function LandingPage() {
           <div className="flex flex-col md:flex-row items-center justify-between gap-4 text-slate-400 text-sm">
             <div>© 2026 SkillHub. MIT License.</div>
             <div className="flex items-center gap-6">
-              <a href="#" className="hover:text-cyan-400 transition-colors">文档</a>
-              <a href="#" className="hover:text-cyan-400 transition-colors">GitHub</a>
-              <a href="#" className="hover:text-cyan-400 transition-colors">社区</a>
+              <a href="https://github.com/iflytek/skillhub" target="_blank" rel="noopener noreferrer" className="hover:text-cyan-400 transition-colors">GitHub</a>
             </div>
           </div>
         </div>