@burdenoff/microfe-coolandlovely 2026.624.1 → 2026.625.2

package/dist/coolandlovely/pages/HomePage.js

@@ -5,39 +5,40 @@ import { MetricsCard as r } from "../components/MetricsCard.js";
 import { StatusBadge as i } from "../components/StatusBadge.js";
 import { EmptyState as a } from "../components/EmptyState.js";
 import { useCoolAndLovelyApi as o } from "../hooks/useCoolAndLovelyApi.js";
-import { formatCurrency as s, formatDistance as c, formatRelativeTime as l } from "../utils/formatters.js";
-import { useCallback as u, useMemo as d, useState as f } from "react";
-import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Activity as m, AlertCircle as h, ArrowRight as g, BadgeCheck as _, BarChart3 as v, CheckCircle2 as y, ChefHat as b, ClipboardList as x, Clock as S, FileText as C, GraduationCap as w, HandCoins as T, Heart as E, Home as D, IndianRupee as O, LayoutDashboard as k, Loader2 as A, MapPin as j, Package as M, Scissors as N, Search as P, Settings as F, Shirt as I, ShoppingBag as L, ShoppingCart as R, Sparkles as z, Star as B, Store as V, TrendingUp as H, Truck as U, Users as W, Wallet as G, Wrench as K } from "lucide-react";
-import { jsx as q, jsxs as J } from "react/jsx-runtime";
+import { formatCurrency as s, formatDistance as ee, formatRelativeTime as c } from "../utils/formatters.js";
+import { useCallback as l, useMemo as u, useState as d } from "react";
+import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Activity as p, AlertCircle as m, ArrowRight as h, BadgeCheck as g, BarChart3 as _, CheckCircle2 as v, ChefHat as y, ClipboardList as b, Clock as x, FileText as S, GraduationCap as C, HandCoins as w, Heart as T, Home as E, IndianRupee as D, LayoutDashboard as O, Loader2 as k, MapPin as A, Package as j, Scissors as M, Search as N, Settings as P, Shirt as F, ShoppingBag as I, ShoppingCart as L, Sparkles as R, Star as z, Store as B, TrendingUp as V, Truck as H, Users as U, Wallet as W, Wrench as G } from "lucide-react";
+import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
+import { EmphasisPanel as Y, GlassCard as X, GradientText as Z, PagePurpose as Q } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/HomePage.tsx
-var Y = {
+var $ = {
 	customer: [
 		{
 			label: "Discover Services",
 			description: "Browse carts near you",
-			icon: /* @__PURE__ */ q(P, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ q(N, { className: "h-5 w-5" }),
 			path: "/customer/carts",
-			color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+			color: "bg-accent-blue-subtle/10 text-accent-blue"
 		},
 		{
 			label: "My Orders",
 			description: "Track your orders",
-			icon: /* @__PURE__ */ q(L, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ q(I, { className: "h-5 w-5" }),
 			path: "/customer/orders",
-			color: "bg-green-500/10 text-green-600 dark:text-green-400"
+			color: "bg-status-success-bg-subtle/10 text-status-success-text"
 		},
 		{
 			label: "Favorites",
 			description: "Your saved carts",
-			icon: /* @__PURE__ */ q(E, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ q(T, { className: "h-5 w-5" }),
 			path: "/customer/favorites",
-			color: "bg-pink-500/10 text-pink-600 dark:text-pink-400"
+			color: "bg-accent-pink-subtle/10 text-accent-pink"
 		},
 		{
 			label: "Settings",
 			description: "Manage preferences",
-			icon: /* @__PURE__ */ q(F, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ q(P, { className: "h-5 w-5" }),
 			path: "/settings",
 			color: "bg-bg-sunken text-text-secondary"
 		}
@@ -46,149 +47,149 @@ var Y = {
 		{
 			label: "My Cart",
 			description: "Manage your cart",
-			icon: /* @__PURE__ */ q(V, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ q(B, { className: "h-5 w-5" }),
 			path: "/owner/dashboard",
-			color: "bg-purple-500/10 text-purple-600 dark:text-purple-400"
+			color: "bg-accent-purple-subtle/10 text-accent-purple"
 		},
 		{
 			label: "Orders",
 			description: "Incoming orders",
-			icon: /* @__PURE__ */ q(L, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ q(I, { className: "h-5 w-5" }),
 			path: "/owner/orders",
-			color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+			color: "bg-accent-blue-subtle/10 text-accent-blue"
 		},
 		{
 			label: "Analytics",
 			description: "Revenue & insights",
-			icon: /* @__PURE__ */ q(v, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ q(_, { className: "h-5 w-5" }),
 			path: "/owner/analytics",
-			color: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400"
+			color: "bg-status-success-bg-subtle/10 text-status-success-text"
 		},
 		{
 			label: "Staff",
 			description: "Manage workers",
-			icon: /* @__PURE__ */ q(W, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ q(U, { className: "h-5 w-5" }),
 			path: "/owner/staff",
-			color: "bg-orange-500/10 text-orange-600 dark:text-orange-400"
+			color: "bg-accent-orange-subtle/10 text-accent-orange"
 		}
 	],
 	worker: [
 		{
 			label: "My Tasks",
 			description: "View assigned tasks",
-			icon: /* @__PURE__ */ q(x, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ q(b, { className: "h-5 w-5" }),
 			path: "/worker/dashboard",
-			color: "bg-orange-500/10 text-orange-600 dark:text-orange-400"
+			color: "bg-accent-orange-subtle/10 text-accent-orange"
 		},
 		{
 			label: "Schedule",
 			description: "View shifts",
-			icon: /* @__PURE__ */ q(S, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ q(x, { className: "h-5 w-5" }),
 			path: "/worker/schedule",
-			color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+			color: "bg-accent-blue-subtle/10 text-accent-blue"
 		},
 		{
 			label: "Earnings",
 			description: "Track pay",
-			icon: /* @__PURE__ */ q(G, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ q(W, { className: "h-5 w-5" }),
 			path: "/worker/earnings",
-			color: "bg-green-500/10 text-green-600 dark:text-green-400"
+			color: "bg-status-success-bg-subtle/10 text-status-success-text"
 		},
 		{
 			label: "Performance",
 			description: "Ratings & stats",
-			icon: /* @__PURE__ */ q(B, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ q(z, { className: "h-5 w-5" }),
 			path: "/worker/performance",
-			color: "bg-yellow-500/10 text-yellow-600 dark:text-yellow-400"
+			color: "bg-status-warning-bg-subtle/10 text-status-warning-text"
 		}
 	],
 	investor: [
 		{
 			label: "Portfolio",
 			description: "Your investments",
-			icon: /* @__PURE__ */ q(H, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ q(V, { className: "h-5 w-5" }),
 			path: "/investor/dashboard",
-			color: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400"
+			color: "bg-status-success-bg-subtle/10 text-status-success-text"
 		},
 		{
 			label: "Opportunities",
 			description: "New investments",
-			icon: /* @__PURE__ */ q(T, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ q(w, { className: "h-5 w-5" }),
 			path: "/investor/opportunities",
-			color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+			color: "bg-accent-blue-subtle/10 text-accent-blue"
 		},
 		{
 			label: "Returns",
 			description: "Earnings history",
-			icon: /* @__PURE__ */ q(O, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ q(D, { className: "h-5 w-5" }),
 			path: "/investor/returns",
-			color: "bg-green-500/10 text-green-600 dark:text-green-400"
+			color: "bg-status-success-bg-subtle/10 text-status-success-text"
 		},
 		{
 			label: "Reports",
 			description: "Performance reports",
-			icon: /* @__PURE__ */ q(C, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ q(S, { className: "h-5 w-5" }),
 			path: "/investor/reports",
-			color: "bg-purple-500/10 text-purple-600 dark:text-purple-400"
+			color: "bg-accent-purple-subtle/10 text-accent-purple"
 		}
 	],
 	admin: [
 		{
 			label: "Dashboard",
 			description: "Platform overview",
-			icon: /* @__PURE__ */ q(k, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ q(O, { className: "h-5 w-5" }),
 			path: "/admin/dashboard",
-			color: "bg-red-500/10 text-red-600 dark:text-red-400"
+			color: "bg-status-error-bg-subtle/10 text-status-error-text"
 		},
 		{
 			label: "Users",
 			description: "Manage accounts",
-			icon: /* @__PURE__ */ q(W, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ q(U, { className: "h-5 w-5" }),
 			path: "/admin/users",
-			color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+			color: "bg-accent-blue-subtle/10 text-accent-blue"
 		},
 		{
 			label: "Carts",
 			description: "Approve & manage",
-			icon: /* @__PURE__ */ q(V, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ q(B, { className: "h-5 w-5" }),
 			path: "/admin/carts",
-			color: "bg-purple-500/10 text-purple-600 dark:text-purple-400"
+			color: "bg-accent-purple-subtle/10 text-accent-purple"
 		},
 		{
 			label: "Analytics",
 			description: "Revenue reports",
-			icon: /* @__PURE__ */ q(v, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ q(_, { className: "h-5 w-5" }),
 			path: "/admin/analytics",
-			color: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400"
+			color: "bg-status-success-bg-subtle/10 text-status-success-text"
 		}
 	]
 };
-function X(e, t, n) {
+function te(e, t, n) {
 	switch (e) {
 		case "customer": return [
 			{
-				icon: /* @__PURE__ */ q(L, { className: "h-5 w-5" }),
+				icon: /* @__PURE__ */ q(I, { className: "h-5 w-5" }),
 				value: t.length.toString(),
 				label: "Total Orders",
 				trend: "up",
 				trendValue: "+2 this week"
 			},
 			{
-				icon: /* @__PURE__ */ q(V, { className: "h-5 w-5" }),
+				icon: /* @__PURE__ */ q(B, { className: "h-5 w-5" }),
 				value: (n?.activeProviders ?? 0).toString(),
 				label: "Nearby Providers",
 				trend: "up",
 				trendValue: "+3"
 			},
 			{
-				icon: /* @__PURE__ */ q(B, { className: "h-5 w-5" }),
+				icon: /* @__PURE__ */ q(z, { className: "h-5 w-5" }),
 				value: (n?.avgRating ?? 0).toFixed(1),
 				label: "Avg. Rating",
 				trend: "up",
 				trendValue: "+0.1"
 			},
 			{
-				icon: /* @__PURE__ */ q(O, { className: "h-5 w-5" }),
+				icon: /* @__PURE__ */ q(D, { className: "h-5 w-5" }),
 				value: s(t.reduce((e, t) => e + t.total, 0), { minimumFractionDigits: 0 }),
 				label: "Total Spent",
 				trend: "neutral",
@@ -197,28 +198,28 @@ function X(e, t, n) {
 		];
 		case "cart_owner": return [
 			{
-				icon: /* @__PURE__ */ q(L, { className: "h-5 w-5" }),
+				icon: /* @__PURE__ */ q(I, { className: "h-5 w-5" }),
 				value: "48",
 				label: "Orders Today",
 				trend: "up",
 				trendValue: "+12%"
 			},
 			{
-				icon: /* @__PURE__ */ q(O, { className: "h-5 w-5" }),
+				icon: /* @__PURE__ */ q(D, { className: "h-5 w-5" }),
 				value: s(12850, { minimumFractionDigits: 0 }),
 				label: "Today's Revenue",
 				trend: "up",
 				trendValue: "+8%"
 			},
 			{
-				icon: /* @__PURE__ */ q(B, { className: "h-5 w-5" }),
+				icon: /* @__PURE__ */ q(z, { className: "h-5 w-5" }),
 				value: "4.6",
 				label: "Cart Rating",
 				trend: "up",
 				trendValue: "+0.2"
 			},
 			{
-				icon: /* @__PURE__ */ q(W, { className: "h-5 w-5" }),
+				icon: /* @__PURE__ */ q(U, { className: "h-5 w-5" }),
 				value: "5",
 				label: "Active Staff",
 				trend: "neutral",
@@ -227,28 +228,28 @@ function X(e, t, n) {
 		];
 		case "worker": return [
 			{
-				icon: /* @__PURE__ */ q(x, { className: "h-5 w-5" }),
+				icon: /* @__PURE__ */ q(b, { className: "h-5 w-5" }),
 				value: "5",
 				label: "Tasks Today",
 				trend: "up",
 				trendValue: "+2"
 			},
 			{
-				icon: /* @__PURE__ */ q(O, { className: "h-5 w-5" }),
+				icon: /* @__PURE__ */ q(D, { className: "h-5 w-5" }),
 				value: s(425, { minimumFractionDigits: 0 }),
 				label: "Today's Earnings",
 				trend: "up",
 				trendValue: "+15%"
 			},
 			{
-				icon: /* @__PURE__ */ q(B, { className: "h-5 w-5" }),
+				icon: /* @__PURE__ */ q(z, { className: "h-5 w-5" }),
 				value: "4.7",
 				label: "Rating",
 				trend: "up",
 				trendValue: "+0.1"
 			},
 			{
-				icon: /* @__PURE__ */ q(y, { className: "h-5 w-5" }),
+				icon: /* @__PURE__ */ q(v, { className: "h-5 w-5" }),
 				value: "96.8%",
 				label: "Completion Rate",
 				trend: "up",
@@ -257,28 +258,28 @@ function X(e, t, n) {
 		];
 		case "investor": return [
 			{
-				icon: /* @__PURE__ */ q(H, { className: "h-5 w-5" }),
+				icon: /* @__PURE__ */ q(V, { className: "h-5 w-5" }),
 				value: "3",
 				label: "Active Investments",
 				trend: "up",
 				trendValue: "+1"
 			},
 			{
-				icon: /* @__PURE__ */ q(O, { className: "h-5 w-5" }),
+				icon: /* @__PURE__ */ q(D, { className: "h-5 w-5" }),
 				value: s(45e4, { minimumFractionDigits: 0 }),
 				label: "Total Invested",
 				trend: "up",
 				trendValue: ""
 			},
 			{
-				icon: /* @__PURE__ */ q(T, { className: "h-5 w-5" }),
+				icon: /* @__PURE__ */ q(w, { className: "h-5 w-5" }),
 				value: "16.5%",
 				label: "Avg. Returns",
 				trend: "up",
 				trendValue: "+2.1%"
 			},
 			{
-				icon: /* @__PURE__ */ q(v, { className: "h-5 w-5" }),
+				icon: /* @__PURE__ */ q(_, { className: "h-5 w-5" }),
 				value: s(74250, { minimumFractionDigits: 0 }),
 				label: "Total Returns",
 				trend: "up",
@@ -287,28 +288,28 @@ function X(e, t, n) {
 		];
 		default: return [
 			{
-				icon: /* @__PURE__ */ q(W, { className: "h-5 w-5" }),
+				icon: /* @__PURE__ */ q(U, { className: "h-5 w-5" }),
 				value: (n?.activeCustomers ?? 0).toLocaleString("en-IN"),
 				label: "Active Customers",
 				trend: "up",
 				trendValue: "+50"
 			},
 			{
-				icon: /* @__PURE__ */ q(V, { className: "h-5 w-5" }),
+				icon: /* @__PURE__ */ q(B, { className: "h-5 w-5" }),
 				value: (n?.activeProviders ?? 0).toString(),
 				label: "Service Providers",
 				trend: "up",
 				trendValue: "+3"
 			},
 			{
-				icon: /* @__PURE__ */ q(L, { className: "h-5 w-5" }),
+				icon: /* @__PURE__ */ q(I, { className: "h-5 w-5" }),
 				value: (n?.totalOrders ?? 0).toLocaleString("en-IN"),
 				label: "Total Orders",
 				trend: "up",
 				trendValue: "+12%"
 			},
 			{
-				icon: /* @__PURE__ */ q(O, { className: "h-5 w-5" }),
+				icon: /* @__PURE__ */ q(D, { className: "h-5 w-5" }),
 				value: s(n?.totalRevenue ?? 0, { minimumFractionDigits: 0 }),
 				label: "Total Revenue",
 				trend: "up",
@@ -317,78 +318,78 @@ function X(e, t, n) {
 		];
 	}
 }
-var Z = [
+var ne = [
 	{
 		label: "Food & Beverage",
-		icon: /* @__PURE__ */ q(b, { className: "h-6 w-6" }),
-		color: "bg-orange-500/10 text-orange-600 dark:text-orange-400"
+		icon: /* @__PURE__ */ q(y, { className: "h-6 w-6" }),
+		color: "bg-accent-orange-subtle/10 text-accent-orange"
 	},
 	{
 		label: "Personal Care & Beauty",
-		icon: /* @__PURE__ */ q(N, { className: "h-6 w-6" }),
-		color: "bg-pink-500/10 text-pink-600 dark:text-pink-400"
+		icon: /* @__PURE__ */ q(M, { className: "h-6 w-6" }),
+		color: "bg-accent-pink-subtle/10 text-accent-pink"
 	},
 	{
 		label: "Repair & Maintenance",
-		icon: /* @__PURE__ */ q(K, { className: "h-6 w-6" }),
-		color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+		icon: /* @__PURE__ */ q(G, { className: "h-6 w-6" }),
+		color: "bg-accent-blue-subtle/10 text-accent-blue"
 	},
 	{
 		label: "Home Services",
-		icon: /* @__PURE__ */ q(D, { className: "h-6 w-6" }),
-		color: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400"
+		icon: /* @__PURE__ */ q(E, { className: "h-6 w-6" }),
+		color: "bg-status-success-bg-subtle/10 text-status-success-text"
 	},
 	{
 		label: "Clothing & Fashion",
-		icon: /* @__PURE__ */ q(I, { className: "h-6 w-6" }),
-		color: "bg-purple-500/10 text-purple-600 dark:text-purple-400"
+		icon: /* @__PURE__ */ q(F, { className: "h-6 w-6" }),
+		color: "bg-accent-purple-subtle/10 text-accent-purple"
 	},
 	{
 		label: "Health & Wellness",
-		icon: /* @__PURE__ */ q(E, { className: "h-6 w-6" }),
-		color: "bg-red-500/10 text-red-600 dark:text-red-400"
+		icon: /* @__PURE__ */ q(T, { className: "h-6 w-6" }),
+		color: "bg-status-error-bg-subtle/10 text-status-error-text"
 	},
 	{
 		label: "Education & Skills",
-		icon: /* @__PURE__ */ q(w, { className: "h-6 w-6" }),
-		color: "bg-yellow-500/10 text-yellow-600 dark:text-yellow-400"
+		icon: /* @__PURE__ */ q(C, { className: "h-6 w-6" }),
+		color: "bg-status-warning-bg-subtle/10 text-status-warning-text"
 	},
 	{
 		label: "Retail & Merchandise",
-		icon: /* @__PURE__ */ q(M, { className: "h-6 w-6" }),
-		color: "bg-indigo-500/10 text-indigo-600 dark:text-indigo-400"
+		icon: /* @__PURE__ */ q(j, { className: "h-6 w-6" }),
+		color: "bg-accent-indigo-subtle/10 text-accent-indigo"
 	},
 	{
 		label: "Grocery & Essentials",
-		icon: /* @__PURE__ */ q(R, { className: "h-6 w-6" }),
-		color: "bg-green-500/10 text-green-600 dark:text-green-400"
+		icon: /* @__PURE__ */ q(L, { className: "h-6 w-6" }),
+		color: "bg-status-success-bg-subtle/10 text-status-success-text"
 	}
-], Q = [
+], re = [
 	{
 		step: 1,
 		title: "Browse Services",
 		description: "Discover local service providers and carts near you.",
-		icon: /* @__PURE__ */ q(P, { className: "h-6 w-6" })
+		icon: /* @__PURE__ */ q(N, { className: "h-6 w-6" })
 	},
 	{
 		step: 2,
 		title: "Place an Order",
 		description: "Select items or services and place your order seamlessly.",
-		icon: /* @__PURE__ */ q(L, { className: "h-6 w-6" })
+		icon: /* @__PURE__ */ q(I, { className: "h-6 w-6" })
 	},
 	{
 		step: 3,
 		title: "Track in Real-time",
 		description: "Get live updates on your order from confirmation to delivery.",
-		icon: /* @__PURE__ */ q(U, { className: "h-6 w-6" })
+		icon: /* @__PURE__ */ q(H, { className: "h-6 w-6" })
 	},
 	{
 		step: 4,
 		title: "Rate & Review",
 		description: "Share your experience and help others find great services.",
-		icon: /* @__PURE__ */ q(B, { className: "h-6 w-6" })
+		icon: /* @__PURE__ */ q(z, { className: "h-6 w-6" })
 	}
-], $ = [
+], ie = [
 	{
 		id: "ha-1",
 		description: "New order placed at Dosa Express",
@@ -419,113 +420,126 @@ var Z = [
 		time: "5 hours ago",
 		type: "order"
 	}
-], ee = [
+], ae = [
 	{
 		label: "Service Providers",
 		value: "21+",
-		icon: /* @__PURE__ */ q(V, { className: "h-5 w-5" })
+		icon: /* @__PURE__ */ q(B, { className: "h-5 w-5" })
 	},
 	{
 		label: "Categories",
 		value: "9",
-		icon: /* @__PURE__ */ q(M, { className: "h-5 w-5" })
+		icon: /* @__PURE__ */ q(j, { className: "h-5 w-5" })
 	},
 	{
 		label: "Happy Customers",
 		value: "534+",
-		icon: /* @__PURE__ */ q(W, { className: "h-5 w-5" })
+		icon: /* @__PURE__ */ q(U, { className: "h-5 w-5" })
 	},
 	{
 		label: "Orders Completed",
 		value: "1,247+",
-		icon: /* @__PURE__ */ q(y, { className: "h-5 w-5" })
+		icon: /* @__PURE__ */ q(v, { className: "h-5 w-5" })
 	}
 ];
-function te() {
-	let { navigateTo: v, currentUser: y } = e(), { t: b } = p(), [x, C] = f(""), { providers: w, orders: T, dashboardStats: E } = o(), D = u((e, t) => {
-		let n = b(e);
+function oe() {
+	let { navigateTo: _, currentUser: v } = e(), { t: y } = f(), [b, S] = d(""), { providers: C, orders: w, dashboardStats: T } = o(), E = l((e, t) => {
+		let n = y(e);
 		return n === e ? t : n;
-	}, [b]), k = y?.firstName ?? y?.name ?? "there", M = y?.role ?? "customer", N = {
-		customer: D("coolandlovely.home.role.customer", "Customer"),
-		cart_owner: D("coolandlovely.home.role.cartOwner", "Cart Owner"),
-		worker: D("coolandlovely.home.role.worker", "Worker"),
-		investor: D("coolandlovely.home.role.investor", "Investor"),
-		admin: D("coolandlovely.home.role.admin", "Administrator")
-	}, F = {
-		customer: D("coolandlovely.home.greeting.customer", "Discover amazing services near you"),
-		cart_owner: D("coolandlovely.home.greeting.cartOwner", "Manage your business and grow"),
-		worker: D("coolandlovely.home.greeting.worker", "Check your tasks and earnings"),
-		investor: D("coolandlovely.home.greeting.investor", "Track your investments and returns"),
-		admin: D("coolandlovely.home.greeting.admin", "Monitor and manage the platform")
-	}, I = Y[M] ?? Y.customer, L = X(M, T.data ?? [], E.data), R = d(() => {
-		let e = (w.data ?? []).filter((e) => e.isOpen);
-		if (x) {
-			let t = x.toLowerCase();
+	}, [y]), O = v?.firstName ?? v?.name ?? "there", j = v?.role ?? "customer", M = {
+		customer: E("coolandlovely.home.role.customer", "Customer"),
+		cart_owner: E("coolandlovely.home.role.cartOwner", "Cart Owner"),
+		worker: E("coolandlovely.home.role.worker", "Worker"),
+		investor: E("coolandlovely.home.role.investor", "Investor"),
+		admin: E("coolandlovely.home.role.admin", "Administrator")
+	}, P = {
+		customer: E("coolandlovely.home.greeting.customer", "Discover amazing services near you"),
+		cart_owner: E("coolandlovely.home.greeting.cartOwner", "Manage your business and grow"),
+		worker: E("coolandlovely.home.greeting.worker", "Check your tasks and earnings"),
+		investor: E("coolandlovely.home.greeting.investor", "Track your investments and returns"),
+		admin: E("coolandlovely.home.greeting.admin", "Monitor and manage the platform")
+	}, F = $[j] ?? $.customer, I = te(j, w.data ?? [], T.data), L = u(() => {
+		let e = (C.data ?? []).filter((e) => e.isOpen);
+		if (b) {
+			let t = b.toLowerCase();
 			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.category.toLowerCase().includes(t));
 		}
 		return e.sort((e, t) => t.rating - e.rating).slice(0, 6);
-	}, [w.data, x]), V = d(() => [...T.data ?? []].sort((e, t) => new Date(t.orderDate).getTime() - new Date(e.orderDate).getTime()).slice(0, 3), [T.data]), H = {
-		order: "text-blue-600 dark:text-blue-400",
-		review: "text-yellow-600 dark:text-yellow-400",
-		investment: "text-green-600 dark:text-green-400",
-		cart: "text-purple-600 dark:text-purple-400"
-	}, U = (T.data ?? []).length === 0 && !T.isLoading, W = w.isLoading || T.isLoading || E.isLoading, G = w.isError || T.isError || E.isError;
-	return W ? /* @__PURE__ */ q(n, {
-		title: D("coolandlovely.common.loading", "Loading..."),
+	}, [C.data, b]), B = u(() => [...w.data ?? []].sort((e, t) => new Date(t.orderDate).getTime() - new Date(e.orderDate).getTime()).slice(0, 3), [w.data]), V = {
+		order: "text-accent-blue",
+		review: "text-status-warning-text",
+		investment: "text-status-success-text",
+		cart: "text-accent-purple"
+	}, H = (w.data ?? []).length === 0 && !w.isLoading, U = C.isLoading || w.isLoading || T.isLoading, W = C.isError || w.isError || T.isError;
+	return U ? /* @__PURE__ */ q(n, {
+		title: E("coolandlovely.common.loading", "Loading..."),
 		children: /* @__PURE__ */ q("div", {
 			className: "flex h-[60vh] items-center justify-center",
-			children: /* @__PURE__ */ q(A, { className: "h-8 w-8 animate-spin text-primary" })
+			children: /* @__PURE__ */ q(k, { className: "h-8 w-8 animate-spin text-primary" })
 		})
-	}) : G ? /* @__PURE__ */ q(n, {
-		title: D("coolandlovely.common.error", "Error"),
+	}) : W ? /* @__PURE__ */ q(n, {
+		title: E("coolandlovely.common.error", "Error"),
 		children: /* @__PURE__ */ J("div", {
 			className: "flex h-[60vh] flex-col items-center justify-center gap-4",
 			children: [
-				/* @__PURE__ */ q(h, { className: "h-12 w-12 text-status-error-text" }),
+				/* @__PURE__ */ q(m, { className: "h-12 w-12 text-status-error-text" }),
 				/* @__PURE__ */ q("h2", {
 					className: "text-xl font-semibold",
-					children: D("coolandlovely.common.errorLoading", "Error loading data")
+					children: E("coolandlovely.common.errorLoading", "Error loading data")
 				}),
 				/* @__PURE__ */ q("p", {
 					className: "text-text-secondary",
-					children: D("coolandlovely.common.tryAgain", "Please try again later.")
+					children: E("coolandlovely.common.tryAgain", "Please try again later.")
 				})
 			]
 		})
 	}) : /* @__PURE__ */ J(n, {
-		title: `${D("coolandlovely.home.hello", "Hello")}, ${k}!`,
-		description: F[M],
+		hero: !0,
+		title: /* @__PURE__ */ J(K, { children: [
+			E("coolandlovely.home.hello", "Hello"),
+			",",
+			" ",
+			/* @__PURE__ */ q(Z, { children: O }),
+			"!"
+		] }),
+		description: P[j],
 		children: [
-			U && /* @__PURE__ */ q("section", {
-				className: "mb-6 rounded-xl border border-border-subtle bg-gradient-to-r from-primary/5 via-primary/10 to-primary/5 p-6",
+			/* @__PURE__ */ q(Q, {
+				className: "mb-6",
+				icon: /* @__PURE__ */ q(R, { className: "h-4 w-4" }),
+				children: E("coolandlovely.home.purpose", "Your starting point on CoolAndLovely. Search nearby carts and services, jump into the actions that matter for your role, and pick up recent orders and recommendations — everything you need to get going is one tap away from here.")
+			}),
+			H && /* @__PURE__ */ q(Y, {
+				className: "mb-6 p-6",
 				children: /* @__PURE__ */ J("div", {
 					className: "flex items-start gap-4",
 					children: [/* @__PURE__ */ q("div", {
 						className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10",
-						children: /* @__PURE__ */ q(z, { className: "h-6 w-6 text-primary" })
+						children: /* @__PURE__ */ q(R, { className: "h-6 w-6 text-primary" })
 					}), /* @__PURE__ */ J("div", {
 						className: "flex-1",
 						children: [
 							/* @__PURE__ */ q("h2", {
 								className: "text-lg font-semibold text-text-primary",
-								children: D("coolandlovely.home.welcomeTitle", "Welcome to CoolAndLovely!")
+								children: E("coolandlovely.home.welcomeTitle", "Welcome to CoolAndLovely!")
 							}),
 							/* @__PURE__ */ q("p", {
 								className: "mt-1 text-sm text-text-secondary",
-								children: D("coolandlovely.home.welcomeDescription", "Your local services marketplace. Start by exploring service providers near you or browse categories to find what you need.")
+								children: E("coolandlovely.home.welcomeDescription", "Your local services marketplace. Start by exploring service providers near you or browse categories to find what you need.")
 							}),
 							/* @__PURE__ */ J("button", {
 								type: "button",
-								onClick: () => v("/customer/carts"),
+								onClick: () => _("/customer/carts"),
 								className: "mt-3 inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
-								children: [/* @__PURE__ */ q(P, { className: "h-4 w-4" }), D("coolandlovely.home.exploreServices", "Explore Services")]
+								children: [/* @__PURE__ */ q(N, { className: "h-4 w-4" }), E("coolandlovely.home.exploreServices", "Explore Services")]
 							})
 						]
 					})]
 				})
 			}),
-			/* @__PURE__ */ q("section", {
-				className: "mb-6 rounded-xl border border-border-subtle bg-bg-surface p-6",
+			/* @__PURE__ */ q(X, {
+				treatment: "glass",
+				className: "mb-6 p-6",
 				children: /* @__PURE__ */ J("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
 					children: [/* @__PURE__ */ J("div", { children: [
@@ -533,30 +547,30 @@ function te() {
 							className: "flex items-center gap-2 mb-1",
 							children: /* @__PURE__ */ J("span", {
 								className: "inline-flex items-center rounded-full bg-action-primary-bg/10 px-2.5 py-0.5 text-xs font-medium text-primary",
-								children: [/* @__PURE__ */ q(_, { className: "mr-1 h-3 w-3" }), N[M]]
+								children: [/* @__PURE__ */ q(g, { className: "mr-1 h-3 w-3" }), M[j]]
 							})
 						}),
 						/* @__PURE__ */ J("h2", {
 							className: "text-xl font-bold text-text-primary",
 							children: [
-								D("coolandlovely.home.good", "Good"),
+								E("coolandlovely.home.good", "Good"),
 								" ",
-								(/* @__PURE__ */ new Date()).getHours() < 12 ? D("coolandlovely.home.time.morning", "morning") : (/* @__PURE__ */ new Date()).getHours() < 17 ? D("coolandlovely.home.time.afternoon", "afternoon") : D("coolandlovely.home.time.evening", "evening"),
+								(/* @__PURE__ */ new Date()).getHours() < 12 ? E("coolandlovely.home.time.morning", "morning") : (/* @__PURE__ */ new Date()).getHours() < 17 ? E("coolandlovely.home.time.afternoon", "afternoon") : E("coolandlovely.home.time.evening", "evening"),
 								", ",
-								k
+								O
 							]
 						}),
 						/* @__PURE__ */ q("p", {
 							className: "mt-1 text-sm text-text-secondary",
-							children: F[M]
+							children: P[j]
 						})
 					] }), /* @__PURE__ */ J("div", {
 						className: "relative w-full sm:w-72",
-						children: [/* @__PURE__ */ q(P, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ q("input", {
+						children: [/* @__PURE__ */ q(N, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ q("input", {
 							type: "text",
-							placeholder: D("coolandlovely.home.searchPlaceholder", "Search services, carts..."),
-							value: x,
-							onChange: (e) => C(e.target.value),
+							placeholder: E("coolandlovely.home.searchPlaceholder", "Search services, carts..."),
+							value: b,
+							onChange: (e) => S(e.target.value),
 							className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2.5 pl-10 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 						})]
 					})]
@@ -566,10 +580,11 @@ function te() {
 				className: "mb-8",
 				children: [/* @__PURE__ */ q("h2", {
 					className: "text-lg font-semibold text-text-primary mb-4",
-					children: D("coolandlovely.home.quickStats", "Quick Stats")
+					children: E("coolandlovely.home.quickStats", "Quick Stats")
 				}), /* @__PURE__ */ q("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-					children: L.map((e) => /* @__PURE__ */ q(r, {
+					children: I.map((e, t) => /* @__PURE__ */ q(r, {
+						featured: t === 0,
 						icon: e.icon,
 						value: e.value,
 						label: e.label,
@@ -582,13 +597,13 @@ function te() {
 				className: "mb-8",
 				children: [/* @__PURE__ */ q("h2", {
 					className: "text-lg font-semibold text-text-primary mb-4",
-					children: D("coolandlovely.home.quickActions", "Quick Actions")
+					children: E("coolandlovely.home.quickActions", "Quick Actions")
 				}), /* @__PURE__ */ q("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-					children: I.map((e) => /* @__PURE__ */ J("button", {
+					children: F.map((e) => /* @__PURE__ */ J("button", {
 						type: "button",
-						onClick: () => v(e.path),
-						className: t("flex items-start gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4 text-left shadow-sm transition-all", "hover:border-accent-foreground/20 hover:shadow-md"),
+						onClick: () => _(e.path),
+						className: t("flex items-start gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 text-left transition-all bg-gloss-card shadow-pop", "hover:border-accent-foreground/20 hover:shadow-md"),
 						children: [
 							/* @__PURE__ */ q("div", {
 								className: t("flex h-10 w-10 shrink-0 items-center justify-center rounded-lg", e.color),
@@ -604,7 +619,7 @@ function te() {
 									children: e.description
 								})]
 							}),
-							/* @__PURE__ */ q(g, { className: "h-4 w-4 text-text-secondary shrink-0 mt-1" })
+							/* @__PURE__ */ q(h, { className: "h-4 w-4 text-text-secondary shrink-0 mt-1" })
 						]
 					}, e.label))
 				})]
@@ -615,35 +630,35 @@ function te() {
 					className: "flex items-center justify-between mb-4",
 					children: [/* @__PURE__ */ q("h2", {
 						className: "text-lg font-semibold text-text-primary",
-						children: x ? D("coolandlovely.home.searchResults", "Search Results") : D("coolandlovely.home.featuredCarts", "Featured Carts")
+						children: b ? E("coolandlovely.home.searchResults", "Search Results") : E("coolandlovely.home.featuredCarts", "Featured Carts")
 					}), /* @__PURE__ */ J("button", {
 						type: "button",
-						onClick: () => v("/customer/carts"),
+						onClick: () => _("/customer/carts"),
 						className: "flex items-center gap-1 text-sm font-medium text-primary hover:underline",
 						children: [
-							D("coolandlovely.common.viewAll", "View All"),
+							E("coolandlovely.common.viewAll", "View All"),
 							" ",
-							/* @__PURE__ */ q(g, { className: "h-3.5 w-3.5" })
+							/* @__PURE__ */ q(h, { className: "h-3.5 w-3.5" })
 						]
 					})]
-				}), R.length === 0 ? /* @__PURE__ */ q(a, {
-					icon: /* @__PURE__ */ q(P, { className: "h-10 w-10" }),
-					title: D("coolandlovely.home.noCartsFound", "No carts found"),
-					description: D("coolandlovely.home.noCartsDescription", "Try adjusting your search or browse all categories"),
+				}), L.length === 0 ? /* @__PURE__ */ q(a, {
+					icon: /* @__PURE__ */ q(N, { className: "h-10 w-10" }),
+					title: E("coolandlovely.home.noCartsFound", "No carts found"),
+					description: E("coolandlovely.home.noCartsDescription", "Try adjusting your search or browse all categories"),
 					action: /* @__PURE__ */ q("button", {
 						type: "button",
-						onClick: () => C(""),
+						onClick: () => S(""),
 						className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-						children: D("coolandlovely.home.clearSearch", "Clear Search")
+						children: E("coolandlovely.home.clearSearch", "Clear Search")
 					})
 				}) : /* @__PURE__ */ q("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: R.map((e) => /* @__PURE__ */ J("div", {
+					children: L.map((e) => /* @__PURE__ */ J("div", {
 						role: "button",
 						tabIndex: 0,
-						onClick: () => v(`/customer/cart/${e.id}`),
+						onClick: () => _(`/customer/cart/${e.id}`),
 						onKeyDown: (t) => {
-							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), v(`/customer/cart/${e.id}`));
+							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), _(`/customer/cart/${e.id}`));
 						},
 						className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden transition-all hover:shadow-md hover:border-accent-foreground/20 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
 						children: [/* @__PURE__ */ J("div", {
@@ -662,11 +677,11 @@ function te() {
 								e.isVerified && /* @__PURE__ */ q("div", {
 									className: "absolute top-2 left-2",
 									children: /* @__PURE__ */ J("span", {
-										className: "inline-flex items-center gap-1 rounded-full bg-blue-500/90 px-2 py-0.5 text-xs font-medium text-white backdrop-blur-sm",
+										className: "inline-flex items-center gap-1 rounded-full bg-accent-blue-subtle/90 px-2 py-0.5 text-xs font-medium text-white backdrop-blur-sm",
 										children: [
-											/* @__PURE__ */ q(_, { className: "h-3 w-3" }),
+											/* @__PURE__ */ q(g, { className: "h-3 w-3" }),
 											" ",
-											D("coolandlovely.home.verified", "Verified")
+											E("coolandlovely.home.verified", "Verified")
 										]
 									})
 								}),
@@ -675,7 +690,7 @@ function te() {
 									children: /* @__PURE__ */ J("span", {
 										className: "inline-flex items-center gap-1 rounded-full bg-black/60 px-2 py-0.5 text-xs text-white backdrop-blur-sm",
 										children: [
-											/* @__PURE__ */ q(S, { className: "h-3 w-3" }),
+											/* @__PURE__ */ q(x, { className: "h-3 w-3" }),
 											" ",
 											e.estimatedTime,
 											" min"
@@ -698,8 +713,8 @@ function te() {
 											children: e.category
 										})]
 									}), /* @__PURE__ */ J("div", {
-										className: "flex items-center gap-1 rounded bg-green-600 px-1.5 py-0.5 ml-2 shrink-0",
-										children: [/* @__PURE__ */ q(B, { className: "h-3 w-3 fill-white text-white" }), /* @__PURE__ */ q("span", {
+										className: "flex items-center gap-1 rounded bg-status-success-bg-subtle px-1.5 py-0.5 ml-2 shrink-0",
+										children: [/* @__PURE__ */ q(z, { className: "h-3 w-3 fill-white text-white" }), /* @__PURE__ */ q("span", {
 											className: "text-xs font-bold text-white",
 											children: e.rating
 										})]
@@ -711,27 +726,27 @@ function te() {
 										/* @__PURE__ */ J("span", {
 											className: "flex items-center gap-1",
 											children: [
-												/* @__PURE__ */ q(j, { className: "h-3 w-3" }),
+												/* @__PURE__ */ q(A, { className: "h-3 w-3" }),
 												" ",
-												c(e.distance)
+												ee(e.distance)
 											]
 										}),
 										/* @__PURE__ */ J("span", {
 											className: "flex items-center gap-1",
 											children: [
-												/* @__PURE__ */ q(B, { className: "h-3 w-3" }),
+												/* @__PURE__ */ q(z, { className: "h-3 w-3" }),
 												" ",
 												e.totalRatings,
 												" ",
-												D("coolandlovely.home.reviews", "reviews")
+												E("coolandlovely.home.reviews", "reviews")
 											]
 										}),
 										e.averageOrderValue && /* @__PURE__ */ J("span", {
 											className: "flex items-center gap-1",
 											children: [
-												/* @__PURE__ */ q(O, { className: "h-3 w-3" }),
+												/* @__PURE__ */ q(D, { className: "h-3 w-3" }),
 												" ",
-												D("coolandlovely.home.average", "Avg."),
+												E("coolandlovely.home.average", "Avg."),
 												" ",
 												s(e.averageOrderValue, { minimumFractionDigits: 0 })
 											]
@@ -750,31 +765,31 @@ function te() {
 					}, e.id))
 				})]
 			}),
-			V.length > 0 && /* @__PURE__ */ J("section", {
+			B.length > 0 && /* @__PURE__ */ J("section", {
 				className: "mb-8",
 				children: [/* @__PURE__ */ J("div", {
 					className: "flex items-center justify-between mb-4",
 					children: [/* @__PURE__ */ q("h2", {
 						className: "text-lg font-semibold text-text-primary",
-						children: D("coolandlovely.home.recentOrders", "Recent Orders")
+						children: E("coolandlovely.home.recentOrders", "Recent Orders")
 					}), /* @__PURE__ */ J("button", {
 						type: "button",
-						onClick: () => v("/customer/orders"),
+						onClick: () => _("/customer/orders"),
 						className: "flex items-center gap-1 text-sm font-medium text-primary hover:underline",
 						children: [
-							D("coolandlovely.common.viewAll", "View All"),
+							E("coolandlovely.common.viewAll", "View All"),
 							" ",
-							/* @__PURE__ */ q(g, { className: "h-3.5 w-3.5" })
+							/* @__PURE__ */ q(h, { className: "h-3.5 w-3.5" })
 						]
 					})]
 				}), /* @__PURE__ */ q("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-surface divide-y divide-border",
-					children: V.map((e) => /* @__PURE__ */ J("div", {
+					children: B.map((e) => /* @__PURE__ */ J("div", {
 						role: "button",
 						tabIndex: 0,
-						onClick: () => v(`/customer/order/${e.id}`),
+						onClick: () => _(`/customer/order/${e.id}`),
 						onKeyDown: (t) => {
-							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), v(`/customer/order/${e.id}`));
+							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), _(`/customer/order/${e.id}`));
 						},
 						className: "flex items-center gap-4 px-4 py-3 hover:bg-accent/50 transition-colors cursor-pointer",
 						children: [
@@ -803,7 +818,7 @@ function te() {
 									children: s(e.total, { minimumFractionDigits: 0 })
 								}), /* @__PURE__ */ q("p", {
 									className: "text-xs text-text-secondary",
-									children: l(e.orderDate)
+									children: c(e.orderDate)
 								})]
 							})
 						]
@@ -814,11 +829,11 @@ function te() {
 				className: "mb-8",
 				children: [/* @__PURE__ */ q("h2", {
 					className: "text-lg font-semibold text-text-primary mb-4",
-					children: D("coolandlovely.home.howItWorks", "How It Works")
+					children: E("coolandlovely.home.howItWorks", "How It Works")
 				}), /* @__PURE__ */ q("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-					children: Q.map((e) => /* @__PURE__ */ J("div", {
-						className: "relative rounded-lg border border-border-subtle bg-bg-surface p-5 text-center",
+					children: re.map((e) => /* @__PURE__ */ J("div", {
+						className: "relative rounded-lg border border-border-seam bg-bg-surface p-5 text-center bg-gloss-card shadow-pop",
 						children: [
 							/* @__PURE__ */ q("div", {
 								className: "absolute -top-3 left-1/2 -translate-x-1/2",
@@ -847,13 +862,13 @@ function te() {
 				className: "mb-8",
 				children: [/* @__PURE__ */ q("h2", {
 					className: "text-lg font-semibold text-text-primary mb-4",
-					children: D("coolandlovely.home.browseByCategory", "Browse by Category")
+					children: E("coolandlovely.home.browseByCategory", "Browse by Category")
 				}), /* @__PURE__ */ q("div", {
 					className: "grid grid-cols-3 gap-3 sm:grid-cols-4 lg:grid-cols-5",
-					children: Z.map((e) => /* @__PURE__ */ J("button", {
+					children: ne.map((e) => /* @__PURE__ */ J("button", {
 						type: "button",
-						onClick: () => v(`/customer/carts?category=${encodeURIComponent(e.label)}`),
-						className: "flex flex-col items-center gap-2 rounded-lg border border-border-subtle bg-bg-surface p-4 text-center hover:shadow-sm hover:border-accent-foreground/20 transition-all",
+						onClick: () => _(`/customer/carts?category=${encodeURIComponent(e.label)}`),
+						className: "flex flex-col items-center gap-2 rounded-lg border border-border-seam bg-bg-surface p-4 text-center hover:shadow-sm hover:border-accent-foreground/20 transition-all bg-gloss-card shadow-pop",
 						children: [/* @__PURE__ */ q("div", {
 							className: t("flex h-12 w-12 items-center justify-center rounded-full", e.color),
 							children: e.icon
@@ -868,11 +883,11 @@ function te() {
 				className: "mb-8",
 				children: [/* @__PURE__ */ q("h2", {
 					className: "text-lg font-semibold text-text-primary mb-4",
-					children: D("coolandlovely.home.platformStats", "Platform Stats")
+					children: E("coolandlovely.home.platformStats", "Platform Stats")
 				}), /* @__PURE__ */ q("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-					children: ee.map((e) => /* @__PURE__ */ J("div", {
-						className: "flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4",
+					children: ae.map((e) => /* @__PURE__ */ J("div", {
+						className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 						children: [/* @__PURE__ */ q("div", {
 							className: "flex h-10 w-10 items-center justify-center rounded-full bg-action-primary-bg/10 text-primary shrink-0",
 							children: e.icon
@@ -888,15 +903,15 @@ function te() {
 			}),
 			/* @__PURE__ */ J("section", { children: [/* @__PURE__ */ q("h2", {
 				className: "text-lg font-semibold text-text-primary mb-4",
-				children: D("coolandlovely.home.recentActivity", "Recent Activity")
+				children: E("coolandlovely.home.recentActivity", "Recent Activity")
 			}), /* @__PURE__ */ q("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface divide-y divide-border",
-				children: $.map((e) => /* @__PURE__ */ J("div", {
+				children: ie.map((e) => /* @__PURE__ */ J("div", {
 					className: "flex items-center gap-3 px-4 py-3",
 					children: [
 						/* @__PURE__ */ q("div", {
 							className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken",
-							children: /* @__PURE__ */ q(m, { className: t("h-4 w-4", H[e.type] ?? "text-text-secondary") })
+							children: /* @__PURE__ */ q(p, { className: t("h-4 w-4", V[e.type] ?? "text-text-secondary") })
 						}),
 						/* @__PURE__ */ q("div", {
 							className: "flex-1 min-w-0",
@@ -916,6 +931,6 @@ function te() {
 	});
 }
 //#endregion
-export { te as HomePage };
+export { oe as HomePage };
 
 //# sourceMappingURL=HomePage.js.map