'use client'

import { useEffect, useState } from 'react'
import Header from '@/components/Header'
import Hero from '@/components/Hero'
import FeaturesSimple from '@/components/FeaturesSimple'
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 />
      <FeaturesSimple />
      <Contact />
      <Footer />
    </main>
  )
}