diff --git a/src/pages/DashboardPage.tsx b/src/pages/DashboardPage.tsx index 8b5c725..e7cdd89 100644 --- a/src/pages/DashboardPage.tsx +++ b/src/pages/DashboardPage.tsx @@ -1,46 +1,255 @@ -import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi"; +import { useState } from "react"; +import { Activity, Users, Phone, DollarSign, CheckSquare, BarChart } from "lucide-react"; +import { routes } from "@/routes"; import Button from "@/components/ui/Button"; -import TextAnimation from "@/components/ui/TextAnimation"; -import GridOrCarousel from "@/components/ui/GridOrCarousel"; -import ScrollReveal from "@/components/ui/ScrollReveal"; -import MetricsIconCards from "@/components/sections/metrics/MetricsIconCards"; -import FeaturesBento from "@/components/sections/features/FeaturesBento"; +import Card from "@/components/ui/Card"; +import Tag from "@/components/ui/Tag"; +import { cls } from "@/lib/utils"; export default function DashboardPage() { + const [activeTab, setActiveTab] = useState("Command Center"); + + const tabs = [ + { name: "Command Center", icon: Activity }, + { name: "CRM", icon: Users }, + { name: "Payroll", icon: DollarSign }, + { name: "Cold Calling", icon: Phone }, + { name: "Tasks", icon: CheckSquare }, + ]; + return ( - <> -
-

System Overview

$450k

Net Profit (Monthly)

-
4,250

AI Leads Generated

-
342

Meetings Booked

-
$12.5k

Avg Employee Earnings

-
-
- +
+
+ {/* Sidebar / Sub-nav */} + + + {/* Content Area */} +
+ {activeTab === "Command Center" && ( +
+
+

Command Center

+
+ +
+ +

Total Revenue

+

$2.4M

+

+14.5% from last month

+
+ +

Active Leads

+

8,432

+

+2.1% conversion rate

+
+ +

System Load

+

24%

+

Optimal performance

+
+
+ +
+ +

Revenue Velocity

+
+ +
+
+ +

Global Operations

+
+ +
+
+
+
+ )} + + {activeTab === "CRM" && ( +
+
+

AI-Powered CRM

+
+ +
+

High-Priority Targets

+ +
+
+ {[1, 2, 3, 4, 5].map((i) => ( +
+
+
+ +
+
+

Enterprise Prospect {i}

+

Last contact: 2 hours ago

+
+
+
+ 98% Match +
+
+ ))} +
+
+
+ )} + + {activeTab === "Payroll" && ( +
+
+

Automated Payroll

+
+
+ +

Next Payout

+

$482,150

+

Scheduled for Friday, 12:00 AM EST

+
+ +

Active Employees

+

142

+

All compliance checks passed

+
+
+ +

Recent Transactions

+
+ {[1, 2, 3].map((i) => ( +
+
+ + Executive Bonus Pool Q{i} +
+ Completed +
+ ))} +
+
+
+ )} + + {activeTab === "Cold Calling" && ( +
+
+

Dialer Workspace

+
+
+
+
+
+ +
+

Active Script: Enterprise Pitch

+ +
+
+

"Hi [Name], this is [Agent] from Atlas. I noticed your team is currently scaling operations across multiple regions."

+

"We've helped similar enterprise clients reduce operational overhead by 24% using our unified command center."

+

"Would you be open to a brief technical overview this Thursday?"

+ +

Current Target

+
+
+

Name

+

Sarah Jenkins

+
+
+

Role

+

VP of Operations

+
+
+

Company

+

TechFlow Global

+
+
+
+
+
+
+
+
+ )} + + {activeTab === "Tasks" && ( +
+
+

Task Management

+
+ +
+ {[ + { title: "Review Q3 Performance Metrics", status: "High Priority", time: "Due Today" }, + { title: "Approve Payroll Run #402", status: "Pending", time: "Tomorrow" }, + { title: "Update Cold Calling Scripts", status: "In Progress", time: "Next Week" }, + { title: "Onboard New Sales VP", status: "Scheduled", time: "Oct 15" } + ].map((task, i) => ( +
+
+
+ +
+
+

{task.title}

+

{task.time}

+
+
+ +
+ ))} +
+
+
+ )} +
+
+
); -} +} \ No newline at end of file