import Link from 'next/link';
import { BookOpen, Users, BarChart3, Settings } from 'lucide-react';

export default function Home() {
  return (
    <div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100">
      <div className="container mx-auto px-4 py-16">
        {/* Header */}
        <div className="text-center mb-16">
          <h1 className="text-5xl font-bold text-gray-800 mb-4">
            智能图书馆管理系统
          </h1>
          <p className="text-xl text-gray-600 max-w-2xl mx-auto">
            基于Next.js和PostgreSQL构建的现代化图书馆管理解决方案
          </p>
        </div>

        {/* Features Grid */}
        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-16">
          <div className="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow">
            <BookOpen className="h-12 w-12 text-blue-600 mb-4" />
            <h3 className="text-xl font-semibold mb-2">图书管理</h3>
            <p className="text-gray-600">
              全面的图书信息管理，支持批量导入、分类检索和状态跟踪
            </p>
          </div>
          
          <div className="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow">
            <Users className="h-12 w-12 text-green-600 mb-4" />
            <h3 className="text-xl font-semibold mb-2">用户管理</h3>
            <p className="text-gray-600">
              学生和管理员账户管理，权限控制和状态监控
            </p>
          </div>
          
          <div className="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow">
            <BarChart3 className="h-12 w-12 text-purple-600 mb-4" />
            <h3 className="text-xl font-semibold mb-2">数据统计</h3>
            <p className="text-gray-600">
              借阅统计、热门图书分析和数据可视化展示
            </p>
          </div>
          
          <div className="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow">
            <Settings className="h-12 w-12 text-orange-600 mb-4" />
            <h3 className="text-xl font-semibold mb-2">系统设置</h3>
            <p className="text-gray-600">
              灵活的系统配置，罚款规则和借阅政策管理
            </p>
          </div>
        </div>

        {/* Action Buttons */}
        <div className="flex flex-col sm:flex-row justify-center gap-4">
          <Link
            href="/admin"
            className="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-lg font-semibold transition-colors text-center"
          >
            管理员入口
          </Link>
          <Link
            href="/student"
            className="bg-green-600 hover:bg-green-700 text-white px-8 py-3 rounded-lg font-semibold transition-colors text-center"
          >
            学生入口
          </Link>
          <Link
            href="/books"
            className="bg-purple-600 hover:bg-purple-700 text-white px-8 py-3 rounded-lg font-semibold transition-colors text-center"
          >
            图书检索
          </Link>
        </div>

        {/* Footer */}
        <div className="text-center mt-16 text-gray-500">
          <p>&copy; 2025 智能图书馆管理系统. 所有权利保留.</p>
        </div>
      </div>
    </div>
  );
}
