Seed: saas template (34 files)
This commit is contained in:
@@ -9,7 +9,7 @@ import { DollarSign, Users, TrendingDown, ThumbsUp, ArrowUpRight, ArrowDownRight
|
||||
import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from "recharts";
|
||||
|
||||
const kpis = [
|
||||
{ label: "MRR", value: "\$48,250", trend: "+12.5%", up: true, icon: DollarSign, color: "bg-sky-100 text-sky-600" },
|
||||
{ label: "MRR", value: "$48,250", trend: "+12.5%", up: true, icon: DollarSign, color: "bg-sky-100 text-sky-600" },
|
||||
{ label: "Active Users", value: "2,847", trend: "+8.2%", up: true, icon: Users, color: "bg-emerald-100 text-emerald-600" },
|
||||
{ label: "Churn Rate", value: "2.4%", trend: "-0.3%", up: false, icon: TrendingDown, color: "bg-orange-100 text-orange-600" },
|
||||
{ label: "NPS", value: "72", trend: "+4", up: true, icon: ThumbsUp, color: "bg-violet-100 text-violet-600" },
|
||||
@@ -54,7 +54,7 @@ export default function DashboardPage() {
|
||||
<p className="text-sm text-slate-500">{kpi.label}</p>
|
||||
<p className="text-2xl font-bold mt-1">{kpi.value}</p>
|
||||
</div>
|
||||
<div className={`h-10 w-10 rounded-full flex items-center justify-center \${kpi.color}`}>
|
||||
<div className={`h-10 w-10 rounded-full flex items-center justify-center ${kpi.color}`}>
|
||||
<Icon className="h-5 w-5" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user