import { Card, CardHeader, CardTitle, CardContent } from "@labanaat/ui/card"; import { Metric, MetricLabel, MetricValue, MetricDelta } from "@labanaat/ui/metric"; import { LineChart, BarChart } from "@labanaat/ui/chart"; import { Badge } from "@labanaat/ui/badge"; import { Avatar } from "@labanaat/ui/avatar"; const revenueData = [ { month: "Jan", revenue: 18200, users: 1240 }, { month: "Feb", revenue: 19800, users: 1390 }, { month: "Mar", revenue: 21100, users: 1510 }, { month: "Apr", revenue: 20400, users: 1470 }, { month: "May", revenue: 24300, users: 1680 }, { month: "Jun", revenue: 27900, users: 1920 }, ]; const channelData = [ { channel: "Organic", visits: 4200 }, { channel: "Referral", visits: 1800 }, { channel: "Social", visits: 2600 }, { channel: "Paid", visits: 3100 }, ]; const topCustomers = [ { name: "Grace Hopper", plan: "Enterprise", mrr: "$1,240" }, { name: "Alan Turing", plan: "Growth", mrr: "$680" }, { name: "Katherine Johnson", plan: "Enterprise", mrr: "$1,240" }, ]; export default function AnalyticsOverviewPage() { return (

Overview

Last updated a few minutes ago.

Monthly recurring revenue $27,900 +14.8% vs last month Active users 1,920 +14.3% Churn rate 2.1% -0.4pts Avg. session 6m 42s No change

Revenue & users Traffic by channel

Top customers

{topCustomers.map((c) => (

{c.name} {c.plan} {c.mrr}

))}

); }