diff --git a/src/components/Dashboard.tsx b/src/components/Dashboard.tsx new file mode 100644 index 0000000..7f9ec13 --- /dev/null +++ b/src/components/Dashboard.tsx @@ -0,0 +1,109 @@ +import React from 'react'; +import { TrendingUp, Users, Calendar, BarChart3 } from 'lucide-react'; + +const Dashboard: React.FC = () => { + return ( +
+ {/* Header */} +
+
+
+
+ Logo + Dashboard +
+
+ +
+
+
+
+ + {/* Main Content */} +
+ {/* Stats Grid */} +
+
+
+
+ +
+
+

Total Revenue

+

$45,231

+
+
+
+ +
+
+
+ +
+
+

Active Users

+

2,451

+
+
+
+ +
+
+
+ +
+
+

Events

+

12

+
+
+
+ +
+
+
+ +
+
+

Conversion

+

3.24%

+
+
+
+
+ + {/* Chart Section */} +
+
+

Analytics Overview

+
+

Chart placeholder

+
+
+ +
+

Recent Activity

+
+
+
+ User registered +
+
+
+ New order received +
+
+
+ Payment processed +
+
+
+
+
+
+ ); +}; + +export default Dashboard; \ No newline at end of file