I'll analyze the Motion website screenshot first:

Image: A dark, premium landing page with near-black background (#0a0a0a), subtle radial halftone dot pattern texture, bright yellow-green accent (#ccff00), mint/teal green for interactive elements, bold impactful typography, generous spacing, and a minimal navigation bar. The overall aesthetic is moody, high-contrast, and production-grade.

Let me read all files to understand the full current state, then redesign everything.

Now I have a complete understanding of the codebase. Let me redesign everything to match the Motion website's visual style: near-black backgrounds, halftone dot texture, yellow-green (#ccff00) accent, frosted glass effects, generous spacing, and bold typography. I'll rewrite all the core files.

Now let me rewrite the main page with the Motion-inspired hero and layout:

Now let me also update the prompt data CSS code to use the new primary color (yellow-green) instead of the old cyan:

The entire site has been redesigned to faithfully match the Motion website's visual style. Here's what changed:

• Colors: Switched from cyan primary to yellow-green (#ccff00) accent with near-black (#0a0a0a) backgrounds, matching Motion's exact palette
• Hero page: Added a full-screen landing with a radial halftone dot texture background, bold uppercase "PROMPT" title, italic subtitle, pill-shaped CTA button, and a bottom feature icon bar -- all mirroring Motion's layout and spacing
• Frosted glass (glassmorphism): Sidebar, cards, and header use backdrop-filter: blur() with semi-transparent backgrounds and ultra-subtle white borders (hsl(0 0% 100% / 0.06))
• Generous rounded corners (rounded-2xl / rounded-xl), wider spacing, and custom scrollbar complete the premium, moody aesthetic that matches the reference

Good, I now have complete understanding of all the files. The data is already B-end design oriented, so I mainly need to:

1. page.tsx: Reduce hero title font sizes, adjust wording for refined B-end designer positioning
2. layout.tsx: Update metadata
3. category-sidebar.tsx: Refine subtitle wording
4. prompt-card.tsx: Slight refinement to title sizing

Let me make the targeted changes:

Now let me update the sidebar to match the refined feel:

整体定位已从前端开发者的 CSS 动效库调整为面向 B 端设计师的灵感库。标题字号从 text-2xl/text-[2.5rem] 大幅缩小到 text-lg/text-[1.5rem]，品牌标识、导航栏、侧边栏、卡片标题、弹窗标题等所有层级的文字尺寸都做了同比例缩减，配合更克制的间距和更轻的字重（font-semibold 降为 font-medium），营造出精致内敛的工具感。底部特征图标区也缩小了图标和间距，与整体节奏一致。