"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FooterCard from '@/components/sections/footer/FooterCard';

export default function AdminPage() {
  return (
    <ThemeProvider>
      <ReactLenis root>
        <NavbarLayoutFloatingOverlay
            navItems={[
              { name: "Home", id: "/" },
              { name: "Directory", id: "/directory" },
              { name: "Admin", id: "/admin" },
            ]}
            brandName="SchoolPortal"
        />
        <main className="min-h-screen pt-32 px-6 max-w-7xl mx-auto">
          <h1 className="text-4xl font-bold mb-8">Admin Dashboard</h1>
          <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
            <div className="p-6 border rounded-lg shadow-sm">
              <h2 className="text-xl font-semibold mb-2">User Management</h2>
              <p>Manage faculty, staff, and student accounts.</p>
            </div>
            <div className="p-6 border rounded-lg shadow-sm">
              <h2 className="text-xl font-semibold mb-2">Content Management</h2>
              <p>Update news, events, and portal resources.</p>
            </div>
            <div className="p-6 border rounded-lg shadow-sm">
              <h2 className="text-xl font-semibold mb-2">System Logs</h2>
              <p>Monitor portal activity and security events.</p>
            </div>
          </div>
        </main>
        <FooterCard logoText="SchoolPortal" copyrightText="© 2025 School Portal Inc." />
      </ReactLenis>
    </ThemeProvider>
  );
}