- 大幅精简 Pricing 组件,移除冗余内容 - 移除保障徽章区域 - 移除FAQ和购买须知 - 优化背景和布局 - 突出核心价格信息 - 精简 SystemFeatures 组件 - 优化功能展示逻辑 - 移除多余的装饰元素 - 微调首页布局 (app/page.tsx) 代码优化:-108行 +8行,大幅提升加载性能
38 lines
927 B
TypeScript
38 lines
927 B
TypeScript
'use client'
|
|
|
|
import { useEffect, useState } from 'react'
|
|
import Header from '@/components/Header'
|
|
import Hero from '@/components/Hero'
|
|
import SystemFeatures from '@/components/SystemFeatures'
|
|
import Pricing from '@/components/Pricing'
|
|
import Contact from '@/components/Contact'
|
|
import Footer from '@/components/Footer'
|
|
|
|
// 禁用静态生成,因为使用了 NextAuth Session
|
|
export const dynamic = 'force-dynamic'
|
|
|
|
export default function Home() {
|
|
const [scrolled, setScrolled] = useState(false)
|
|
|
|
useEffect(() => {
|
|
const handleScroll = () => {
|
|
setScrolled(window.scrollY > 50)
|
|
}
|
|
|
|
window.addEventListener('scroll', handleScroll)
|
|
return () => window.removeEventListener('scroll', handleScroll)
|
|
}, [])
|
|
|
|
return (
|
|
<main className="min-h-screen">
|
|
<Header scrolled={scrolled} />
|
|
<Hero />
|
|
<SystemFeatures />
|
|
<Pricing />
|
|
<Contact />
|
|
<Footer />
|
|
</main>
|
|
)
|
|
}
|
|
|