Redesign home dashboard for local freelancer marketplace

[Mqhele-dot]

Motivation

• Replace the inventory-focused home dashboard with a local freelancer hiring experience to support a new marketplace use case.
• Surface relevant hiring information like skills, rates, distance, languages, reviews, and availability directly on the home page.
• Provide a lightweight, UI-first prototype (search, filters, map placeholder, and freelancer cards) without backend dependency for initial UX validation.

Description

• Replaced client/src/pages/home.tsx content to remove inventory queries, charts, and stats and introduced static mock data arrays (quickStats, skillHighlights, freelancers, mapPins).
• Removed heavy charting and data-fetching imports and added UI-focused imports including Input, icons from lucide-react, and card/badge/button components; implemented search, filters, and a live map placeholder.
• Added a new layout of sections: hero with CTA, quick stats, live talent map with cluster indicators, recommended filters, freelancer cards with skills/rates/distance/languages/reviews, and trust/feature cards.
• This is a UI-only change that intentionally uses mock data for initial design and interaction testing and keeps existing routes and app wiring intact.

Testing

• Started the backend with npm run dev and launched the frontend via npx vite --host 0.0.0.0 --port 4173 to verify the app builds and serves the new page.
• Captured a full-page screenshot using a Playwright script to validate the rendered UI, and the screenshot generation succeeded.
• The backend run showed an outgoing network error (ENETUNREACH) when attempting to contact https://api.nodemailer.com/user, which is unrelated to the frontend UI change but was observed during automated startup.
• No automated unit tests were added for this UI change; verification was performed via the development server and the Playwright screenshot.

---

Codex Task