import { motion } from 'framer-motion';
import { Header } from '../components/Header';
import { Footer } from '../components/Footer';
import { Hero } from '../components/Hero';
import { AboutSection } from '../components/Home/AboutSection';
import { ServicesSection } from '../components/Home/ServicesSection';
import { NewsSection } from '../components/Home/NewsSection';
import { usePageTitle } from '../hooks/usePageTitle';

/**
 * Home 组件 - 企业官网首页
 */
export const Home: React.FC = () => {
  usePageTitle('首页');
  
  return (
    <motion.div
      className="min-h-screen bg-background"
      initial={{ opacity: 0 }}
      animate={{ opacity: 1 }}
      exit={{ opacity: 0 }}
      transition={{ duration: 0.5 }}
    >
      {/* 顶部导航栏 */}
      <Header />

      {/* 主内容区域 */}
      <main>
        {/* Hero 区域 - 首页大图 */}
        <Hero />

        {/* 关于我们区域 */}
        <AboutSection />

        {/* 核心业务区域 */}
        <ServicesSection />

        {/* 新闻资讯区域 */}
        <NewsSection />
      </main>

      {/* 页脚 */}
      <Footer />
    </motion.div>
  );
};

export default Home;
