Show live funded work on the landing page

[xiaokeshuichong]

Prepared for the Gibwork task: Improve Gibwork Landing Page or Submit a GitHub Enhancement.

What changed

• Fetches open, funded opportunities from Gibwork's public explore API on the server with a five-minute revalidation window.
• Validates API data and image hosts at runtime, with the existing examples retained as a resilient fallback.
• Makes opportunity cards link to their live task pages and shows remaining USDC plus open status.
• Adds keyboard-visible focus styling for the interactive cards.

Why

The landing page examples point to tasks that closed in 2024. Showing current funded work gives visitors immediate proof that the marketplace is active and keeps the page aligned with the product.

Impact

• No client-side fetching or loading-state layout shift.
• Graceful fallback when the API is unavailable or returns malformed data.
• Direct paths from the landing page to current task details.

Preview

Desktop

Mobile

Validation

• npx tsc --noEmit --incremental false
• npm run build
• Desktop and 390px mobile visual verification

Closes #151

Disclosure: This implementation was produced with AI assistance and manually reviewed, built, and visually tested.

[vercel]

@xiaokeshuichong is attempting to deploy a commit to the gibwork Team on Vercel.

A member of the Team first needs to authorize it.