Redesign home and results into a decision-first SaaS UX

[chake111]

Motivation

• Upgrade the site from a generic tool list to a decision-first assistant with clearer hierarchy and stronger product trust.
• Make the search input the primary, professional recommendation entry and reduce noise from auxiliary scene links.
• Turn the results page into a decision workspace that supports quick comparison and actionable next steps rather than a plain card list.

Description

• Reworked the home hero and input experience (ui/components/home/home-hero.tsx, ui/components/search-input.tsx, ui/app/[locale]/page.tsx) to add a trust note, product stats, stronger CTA copy, and a more professional input panel.
• Reorganized quick scenes and homepage preview into an ordered grid and decision-preview block (ui/components/home/home-quick-scenes.tsx, ui/components/home/home-results-preview.tsx) with clearer process cues and richer sample cards.
• Redesigned the results view into a Decision Workspace and upgraded recommendation cards and toolbar (ui/components/results/results-list.tsx, ui/components/results/results-toolbar.tsx, ui/app/[locale]/results/page.tsx) to show match score, concise rationale bullets, “best for” / caveats, and clearer compare/favorite/visit affordances.
• Adjusted global layout and styling tokens (ui/app/[locale]/layout.tsx, ui/app/globals.css) and refreshed localized copy (ui/messages/zh.json, ui/messages/en.json) to reflect the new UX and tone; no new dependencies were added and core useSearchFlow behavior was preserved.

Testing

• Ran type checking with cd ui && npm run typecheck, which completed successfully.
• Ran linter with cd ui && npm run lint, which failed because the environment lacks an ESLint flat config (eslint.config.*), not caused by these changes.
• Attempted production build with cd ui && npm run build, which was blocked in this environment due to Google Fonts fetch failures for Geist/Geist Mono (network/font fetching issue), not component code errors.

---

Codex Task

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
ai-tool-picker	Ready	Preview, Comment	Apr 20, 2026 1:19pm