Add src/app/dashboard/page.tsx
This commit is contained in:
55
src/app/dashboard/page.tsx
Normal file
55
src/app/dashboard/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user