Build Digital Human module pages for ClipAI - an AI Video Creation platform. Two pages.
DARK THEME (#0a0a0f bg, cards #1a1a26):
Gradient accents: cyan-to-blue (#06b6d4 → #3b82f6) for this module
== PAGE 1: AVATAR MANAGEMENT (我的数字人形象) ==
TOP:
AVATAR GRID (3-4 columns):
Each avatar card:
CREATE AVATAR MODAL:
== PAGE 2: DIGITAL HUMAN VIDEO LIST (数字人视频) ==
TOP:
VIDEO GRID (3 columns):
Each video card:
VIDEO DETAIL (could be a slide-over panel from right):
Use shadcn/ui, Tailwind, Lucide icons.
Now let me add custom animations to globals.css, then build all the components:
Now let me build the shared layout sidebar and status badge components:
Now let's build both pages:
Now let's update the main page to redirect to avatars, and wire up the shared layout: