68 lines
2.6 KiB
TypeScript
68 lines
2.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Package, TrendingUp, ShoppingCart, BarChart } from "lucide-react";
|
|
|
|
export default function AdminDashboard() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="noise"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "Dashboard", id: "metrics" },
|
|
{ name: "Inventory", id: "products" },
|
|
{ name: "Orders", id: "orders" },
|
|
{ name: "Analytics", id: "analytics" }
|
|
]}
|
|
brandName="InventoryPro"
|
|
button={{ text: "Get Started", href: "#" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
title="Dashboard Overview"
|
|
description="Real-time insights for your inventory and order management system."
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{ id: "1", value: "1,284", title: "Total Products", items: ["+12% from last month"] },
|
|
{ id: "2", value: "452", title: "Pending Orders", items: ["24 items urgent"] },
|
|
{ id: "3", value: "£84.2k", title: "Monthly Revenue", items: ["+8% growth"] },
|
|
{ id: "4", value: "98%", title: "Stock Accuracy", items: ["Verified daily"] }
|
|
]}
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
valueClassName="text-primary font-bold"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="InventoryPro"
|
|
copyrightText="© 2026 InventoryPro Systems"
|
|
columns={[
|
|
{ title: "System", items: [{ label: "Logs", href: "#" }, { label: "Settings", href: "#" }] },
|
|
{ title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "API Docs", href: "#" }] }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |