All files / src/app/admin page.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
"use client";

import { DashboardCard } from "@/components/features/admin/DashboardCard";
import { DashboardSection } from "@/components/features/admin/DashboardSection";
import { adminDashboardConfig } from "@/config/adminDashboard";

export default function AdminDashboardPage() {
  return (
    <div className="max-w-[1170px] mx-auto px-4 sm:px-7.5 xl:px-0">
      <div className="mb-8">
        <h1 className="text-2xl font-bold text-dark dark:text-gray-100">
          Admin Dashboard
        </h1>
        <p className="text-gray-600 dark:text-gray-400 mt-1">
          Manage your store products, categories, and images
        </p>
      </div>

      {adminDashboardConfig.map((section) => (
        <DashboardSection key={section.title} title={section.title}>
          {section.items.map((item) => (
            <DashboardCard key={item.href} {...item} />
          ))}
        </DashboardSection>
      ))}

      <div className="mt-2 p-6 bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
        <h2 className="font-semibold text-lg text-dark dark:text-gray-100 mb-4">
          Quick Stats
        </h2>
        <p className="text-gray-600 dark:text-gray-400">
          Dashboard statistics will be displayed here. This includes product
          counts, category counts, image audit status, and more.
        </p>
      </div>
    </div>
  );
}