"use client" import { motion } from "framer-motion" import { CreditCard, ArrowUpRight, Clock, Settings, Users, Activity } from "lucide-react" import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Separator } from "@/components/ui/separator" import { Progress } from "@/components/ui/progress" import { DotPattern } from "@/components/backgrounds/dot-pattern" import { stagger, staggerItem, cardHover, cardHoverTarget } from "@/lib/animations" const quickActions = [ { label: "New Order", icon: ArrowUpRight }, { label: "Settings", icon: Settings }, { label: "Support", icon: Users }, { label: "Activity", icon: Activity }, ] const recentActivity = [ { action: "Order ORD-8765 placed", time: "2 hours ago", type: "order" }, { action: "Password changed", time: "1 day ago", type: "security" }, { action: "Payment method updated", time: "3 days ago", type: "payment" }, { action: "Profile updated", time: "1 week ago", type: "profile" }, ] export default function AccountOverview() { return (

Account Overview

Your account summary and recent activity.

Welcome back, Alex Pro Plan · Member since Jan 2026

$249

Monthly spend

Active orders

4.8k

Loyalty points

Monthly usage 72%

Quick Actions {quickActions.map((action) => { const Icon = action.icon return ( ) })}

Recent Activity Latest actions on your account. {recentActivity.map((item) => (

{item.action}

{item.time}

{item.type} ))}

) }