feat: 完成站点内容更新与体验优化

本次提交完成多项改进:
1. 新增6个作品展示图片资源
2. 添加平滑滚动全局配置与路由跳转自动回顶功能
3. 调整开发服务器为0.0.0.0监听方便局域网访问
4. 优化页面布局:调整作品网格为4列布局、修正统计组件排版
5. 简化作品数据结构,移除冗余描述字段,更新作品标题与封面
6. 禁用部分交互特效与分类筛选功能,简化页面UI
7. 优化首页与关于页面的标题排版
This commit is contained in:
2026-06-27 14:50:53 +08:00
parent 53e312af69
commit b957703d94
15 changed files with 53 additions and 143 deletions

View File

@@ -62,16 +62,9 @@ export default function Home() {
<div className="grid grid-cols-1 lg:grid-cols-2 gap-16 items-center">
{/* Left Content */}
<div className="animate-fade-in-up">
<div className="inline-flex items-center px-4 py-2 rounded-full glass-card mb-6">
<span className="w-2 h-2 bg-green-400 rounded-full mr-2 animate-pulse" />
<span className="text-gray-300 text-sm">
AI
</span>
</div>
<h1 className="text-5xl md:text-6xl font-bold mb-6 leading-tight">
<span className="gradient-text">AI短視頻</span>
<br />
<div className="gradient-text mb-5">AI短視頻</div>
<span className="text-white"></span>
</h1>
@@ -353,21 +346,17 @@ export default function Home() {
<div className="max-w-7xl mx-auto">
<ScrollReveal>
<div className="text-center mb-16">
<div className="inline-flex items-center px-4 py-2 rounded-full glass-card mb-4">
<span className="text-purple-400 text-sm font-medium">
</span>
</div>
<h2 className="text-3xl md:text-4xl font-bold mb-4">
<span className="gradient-text">AI創作</span>
</h2>
<p className="text-gray-400">
AI生成的精彩視頻
AI技術創作的精彩視頻作品
</p>
</div>
</ScrollReveal>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12">
<div className="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-6 mb-12">
{featuredVideos.map((video, index) => (
<ScrollReveal key={video.id} delay={index * 100}>
<VideoCard video={video} onClick={setSelectedVideo} />
@@ -409,11 +398,7 @@ export default function Home() {
<div className="max-w-7xl mx-auto">
<ScrollReveal>
<div className="text-center mb-16">
<div className="inline-flex items-center px-4 py-2 rounded-full glass-card mb-4">
<span className="text-purple-400 text-sm font-medium">
</span>
</div>
<h2 className="text-3xl md:text-4xl font-bold mb-4">
</h2>