Add src/app/dashboard/page.tsx

This commit is contained in:
2026-04-15 10:05:32 +00:00
parent cd86e54e90
commit 3e029bdd47

View File

@@ -0,0 +1,55 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { LayoutDashboard, Package, ShoppingBag, TrendingUp } from "lucide-react";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
export default function DashboardPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="solid"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Dashboard", id: "/dashboard" },
]}
brandName="Aura Hoodies"
/>
<main className="min-h-screen pt-24 pb-12 px-6">
<div className="max-w-7xl mx-auto space-y-12">
<header>
<h1 className="text-4xl font-bold flex items-center gap-3">
<LayoutDashboard className="w-10 h-10" />
Dashboard Overview
</h1>
</header>
<MetricCardFourteen
tag="Analytics"
title="Key Performance Indicators"
metricsAnimation="slide-up"
metrics={[
{
id: "sales", value: "$128,450", description: "Total Revenue Generated"},
{
id: "orders", value: "1,240", description: "Total Orders Processed"},
{
id: "growth", value: "+24.5%", description: "Month-over-Month Growth"},
]}
/>
</div>
</main>
</ThemeProvider>
);
}