// // pages/admin/index.jsx
// import { useState, useEffect } from 'react';
// import AdminLayout from '../../components/admin/AdminLayout';

// export default function AdminDashboard() {
//   const [stats, setStats] = useState({
//     totalUsers: 0,
//     totalProfiles: 0,
//     totalAds: 0,
//     totalListings: 0,
//     pendingAds: 0,
//     pendingListings: 0
//   });

//   useEffect(() => {
//     // Fetch dashboard statistics
//     fetchStats();
//   }, []);

//   const fetchStats = async () => {
//     // This would fetch real stats from your APIs
//     // For now, showing placeholder
//     setStats({
//       totalUsers: 150,
//       totalProfiles: 45,
//       totalAds: 230,
//       totalListings: 67,
//       pendingAds: 12,
//       pendingListings: 8
//     });
//   };

//   return (
//     <AdminLayout>
//       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
//         <StatCard title="Total Users" value={stats.totalUsers} color="blue" />
//         <StatCard title="Matrimonial Profiles" value={stats.totalProfiles} color="pink" />
//         <StatCard title="Classified Ads" value={stats.totalAds} color="green" />
//         <StatCard title="Event Listings" value={stats.totalListings} color="purple" />
//         <StatCard title="Pending Ads" value={stats.pendingAds} color="yellow" />
//         <StatCard title="Pending Listings" value={stats.pendingListings} color="orange" />
//       </div>

//       <div className="mt-8 grid grid-cols-1 lg:grid-cols-2 gap-6">
//         <div className="bg-white rounded-lg shadow p-6">
//           <h3 className="text-lg font-semibold mb-4">Recent Activities</h3>
//           <div className="space-y-3">
//             <ActivityItem type="user" message="New user registered: John Doe" time="5 min ago" />
//             <ActivityItem type="ad" message="New classified ad posted" time="10 min ago" />
//             <ActivityItem type="profile" message="Matrimonial profile updated" time="1 hour ago" />
//           </div>
//         </div>

//         <div className="bg-white rounded-lg shadow p-6">
//           <h3 className="text-lg font-semibold mb-4">Quick Actions</h3>
//           <div className="space-y-2">
//             <QuickActionButton href="/admin/classifieds/ads?status=pending" text="Review Pending Ads" />
//             <QuickActionButton href="/admin/events/listings?status=pending" text="Review Pending Listings" />
//             <QuickActionButton href="/admin/users" text="Manage Users" />
//             <QuickActionButton href="/admin/seo" text="Update SEO Settings" />
//           </div>
//         </div>
//       </div>
//     </AdminLayout>
//   );
// }

// function StatCard({ title, value, color }) {
//   const colors = {
//     blue: 'bg-blue-500',
//     pink: 'bg-pink-500',
//     green: 'bg-green-500',
//     purple: 'bg-purple-500',
//     yellow: 'bg-yellow-500',
//     orange: 'bg-orange-500'
//   };

//   return (
//     <div className="bg-white rounded-lg shadow p-6">
//       <div className="flex items-center">
//         <div className={`p-3 rounded-full ${colors[color]} text-white mr-4`}>
//           <svg className="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
//             <path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z"/>
//             <path fillRule="evenodd" d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm3 4a1 1 0 000 2h.01a1 1 0 100-2H7zm3 0a1 1 0 000 2h3a1 1 0 100-2h-3zm-3 4a1 1 0 100 2h.01a1 1 0 100-2H7zm3 0a1 1 0 100 2h3a1 1 0 100-2h-3z" clipRule="evenodd"/>
//           </svg>
//         </div>
//         <div>
//           <p className="text-gray-500 text-sm">{title}</p>
//           <p className="text-2xl font-bold">{value}</p>
//         </div>
//       </div>
//     </div>
//   );
// }

// function ActivityItem({ type, message, time }) {
//   return (
//     <div className="flex items-center text-sm">
//       <div className="w-2 h-2 bg-blue-500 rounded-full mr-3"></div>
//       <span className="flex-1 text-gray-700">{message}</span>
//       <span className="text-gray-400">{time}</span>
//     </div>
//   );
// }

// function QuickActionButton({ href, text }) {
//   return (
//     <a
//       href={href}
//       className="block w-full px-4 py-2 bg-gray-100 hover:bg-gray-200 rounded text-center transition-colors"
//     >
//       {text}
//     </a>
//   );
// }
export default function AdminDashboard() {
    return (
        <>comming soon---</>
    );
}