diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx new file mode 100644 index 0000000..f448a6c --- /dev/null +++ b/src/app/dashboard/page.tsx @@ -0,0 +1,285 @@ +"use client" + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; +import { AlertCircle, CheckCircle2, TrendingUp, Users, Zap, Award, Lock } from 'lucide-react'; + +interface DashboardCard { + id: string; + label: string; + value: string; + subtext?: string; + icon?: React.ReactNode; +} + +interface Task { + id: string; + title: string; + status: 'pending' | 'completed'; +} + +export default function DashboardPage() { + const greeting = "Welcome back, Alex"; + const currentTime = new Date().toLocaleDateString('en-US', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }); + + const tasks: Task[] = [ + { id: '1', title: 'Review pending transactions', status: 'pending' }, + { id: '2', title: 'Update account settings', status: 'completed' }, + { id: '3', title: 'Verify two-factor authentication', status: 'pending' }, + { id: '4', title: 'Download monthly report', status: 'completed' } + ]; + + const successRate = 87; + const completedTasks = tasks.filter(t => t.status === 'completed').length; + + const quickStats: DashboardCard[] = [ + { id: '1', label: 'Account Balance', value: '$12,450.50', icon: }, + { id: '2', label: 'Active Plans', value: '3', icon: }, + { id: '3', label: 'Security Level', value: 'Premium', icon: }, + { id: '4', label: 'Transactions', value: '24 this month', icon: } + ]; + + const accountsOverview = [ + { id: '1', name: 'Checking Account', balance: '$8,250.00', status: 'active' }, + { id: '2', name: 'Savings Account', balance: '$4,200.50', status: 'active' } + ]; + + return ( + + + +
+ {/* Header Section */} + + + {/* Announcement Banner */} +
+
+ +
+

System Maintenance Scheduled

+

We'll be performing scheduled maintenance on Saturday from 2:00 AM to 4:00 AM UTC. Services will be temporarily unavailable.

+
+
+
+ + {/* System Status Bar */} +
+
+
+
+
+ API Status +
+
+

Operational

+
+
+
+ Database +
+
+

Operational

+
+
+
+ CDN +
+
+

Degraded

+
+
+
+ Services +
+
+

Operational

+
+
+
+
+ + {/* Accounts Overview */} +
+
+

Accounts Overview

+
+ {accountsOverview.map((account) => ( +
+
+

{account.name}

+ {account.status} +
+

{account.balance}

+

Account Number: ****5432

+
+ ))} +
+
+
+ + {/* Tasks and Success Rate */} +
+
+ {/* Tasks Card */} +
+

Pending Tasks

+
+ {tasks.map((task) => ( +
+ {task.status === 'completed' ? ( + + ) : ( +
+ )} + + {task.title} + +
+ ))} +
+
+ + {/* Success Rate Card */} +
+

Success Rate

+
+
+ + + + +
+ {successRate}% +
+
+

{completedTasks} of {tasks.length} tasks completed

+
+
+
+
+ + {/* Quick Stats */} +
+
+

Quick Stats

+
+ {quickStats.map((stat) => ( +
+
+
+

{stat.label}

+

{stat.value}

+
+ {stat.icon &&
{stat.icon}
} +
+
+ ))} +
+
+
+ + {/* License Redemption Form */} +
+
+
+

Redeem License Key

+

Enter your license key to activate premium features and unlock full access.

+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+
+
+
+
+ + ); +}