Redesign Support as bento hub, restore full sidebar, Western names

- Support Center overview rebuilt as a bento grid: large live-chat hero
  tile, support team tile, mini channel tiles and a recent-tickets strip.
- Restore full workspace sidebar (Workspace/Team/Profile groups) with a
  premium golden active state; unbuilt modules show a Coming Soon view.
- Use Western names across the UI (James Carter; Emma Wilson, Liam Foster,
  Sophie Turner, Noah Mitchell) incl. tickets, threads, portal demo user.
- Remove the Allottee card from Profile; add a clean Account & identity
  card and live-editable contacts.
- Relabel "Plot" -> "House number" everywhere; drop the allotment chip in
  favour of the property category.
- Premium visual pass: brand gradients, depth, glow accents, pill tabs.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-06-29 22:19:07 +05:30
parent 3ab6768c1c
commit d7eb82f182
9 changed files with 297 additions and 137 deletions
+10 -1
View File
@@ -19,7 +19,10 @@ import {
Lock, CreditCard, User, Bell, Eye, EyeOff, Camera, Upload, Plus, Star, Send,
Paperclip, Clock, MapPin, Monitor, Smartphone, Tablet, LogOut, ArrowRight,
Info, Check, X, Search, ChevronDown, ChevronRight, Trash2, Globe,
CheckCircle2, KeyRound, Pencil, Copy, RefreshCw, AlertTriangle, type LucideIcon,
CheckCircle2, KeyRound, Pencil, Copy, RefreshCw, AlertTriangle,
LayoutDashboard, Building2, FolderKanban, UserPlus, BadgeCheck, Filter,
Truck, CloudLightning, Map as MapIcon, PenTool, Calculator, CalendarDays,
Trophy, ListChecks, Users, Settings, Sparkles, type LucideIcon,
} from "lucide-react";
/* ---------------------------------------------------------- */
@@ -38,6 +41,12 @@ const ICONS: Record<string, LucideIcon> = {
"check-circle": CheckCircle2, key: KeyRound, edit: Pencil, copy: Copy,
refresh: RefreshCw, alert: AlertTriangle, privacy: ShieldCheck, devices: Monitor,
desktop: Monitor,
// sidebar / workspace nav
dashboard: LayoutDashboard, owners: Building2, projects: FolderKanban,
leads: UserPlus, verify: BadgeCheck, pipeline: Filter, dispatch: Truck,
storm: CloudLightning, territory: MapIcon, procanvas: PenTool,
estimates: Calculator, schedule: CalendarDays, leaderboard: Trophy,
subtasks: ListChecks, people: Users, settings: Settings, ai: Sparkles,
};
export function Icon({ name, size = 18, className, strokeWidth = 2 }: { name: string; size?: number; className?: string; strokeWidth?: number }) {