69 lines
2.4 KiB
TypeScript
69 lines
2.4 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { UserManagement } from "@/components/users/UserManagement";
|
|
import { AnalyticsDashboard } from "@/components/analytics/AnalyticsDashboard";
|
|
|
|
export default function Home() {
|
|
return (
|
|
<main className="min-h-screen bg-gray-50">
|
|
<div className="container mx-auto px-4 py-8">
|
|
<div className="flex justify-between items-center mb-8">
|
|
<h1 className="text-4xl font-bold text-gray-900">
|
|
FitAI Admin Dashboard
|
|
</h1>
|
|
<nav className="flex gap-4">
|
|
<Link
|
|
href="/users"
|
|
className="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
|
|
>
|
|
User Management
|
|
</Link>
|
|
<Link
|
|
href="/analytics"
|
|
className="px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700 transition-colors"
|
|
>
|
|
Analytics
|
|
</Link>
|
|
</nav>
|
|
</div>
|
|
|
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
|
|
<div className="bg-white rounded-lg shadow p-6">
|
|
<h2 className="text-xl font-semibold mb-4">Client Management</h2>
|
|
<p className="text-gray-600">
|
|
Manage fitness clients and their profiles
|
|
</p>
|
|
</div>
|
|
<div className="bg-white rounded-lg shadow p-6">
|
|
<h2 className="text-xl font-semibold mb-4">Payment Tracking</h2>
|
|
<p className="text-gray-600">Monitor payments and subscriptions</p>
|
|
</div>
|
|
<div className="bg-white rounded-lg shadow p-6">
|
|
<h2 className="text-xl font-semibold mb-4">Attendance</h2>
|
|
<p className="text-gray-600">Track client attendance and habits</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
|
<div className="bg-white rounded-lg shadow p-6">
|
|
<h2 className="text-2xl font-semibold mb-6">
|
|
Recent User Activity
|
|
</h2>
|
|
<div>
|
|
<UserManagement />
|
|
</div>
|
|
</div>
|
|
|
|
<div className="bg-white rounded-lg shadow p-6">
|
|
<h2 className="text-2xl font-semibold mb-6">Quick Analytics</h2>
|
|
<div>
|
|
<AnalyticsDashboard />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
);
|
|
}
|