'use client';

import React from 'react';
import Link from 'next/link';

export default function PersonalCenterPage() {
  return (
    <div className="p-6">
      <h1 className="text-2xl font-bold mb-4">个人中心</h1>
      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
        <Link href="/central-config/personal-center/personal-info" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
          <h3 className="text-lg font-semibold mb-2">个人信息</h3>
          <p className="text-gray-600 text-sm">管理个人信息</p>
        </Link>
        <Link href="/central-config/personal-center/account-security" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
          <h3 className="text-lg font-semibold mb-2">账户安全</h3>
          <p className="text-gray-600 text-sm">管理账户安全设置</p>
        </Link>
      </div>
    </div>
  );
}