foogy.xyz — homepage restructure plan

Goal: collapse the “separate designer / PM / web2 / web3” model into one clear front door. Short about → 3 branch cards → full projects list by year. Build on a preview branch; review before merging to main.

Hard rules

• Keep the light theme (src/styles/tokens.css: bg #fff, text #111, accent #ff5a1f, Noto Sans, 8px scale). No dark sections. Use tokens, no hardcoded colors.
• npm run build must stay green. Don’t break /pm, /hire, /cases, /work.
• English copy.

1. Information architecture

• Homepage (/): (a) short about, 2–3 lines; (b) 3 cards → UX/UI (/ux-ui), Web3 & AI (/web3-ai), PM (/pm); (c) full project list grouped by year, newest first, with Zevo featured at the very top.
• Branch pages: /ux-ui and /web3-ai are generated by src/pages/[category].astro from the case-study category. /pm is the existing hand-built page — reuse it; the PM card just links to it.
• Remove Learn entirely (page, nav item, category, and any code references).

2. Schema (src/content/config.ts)

• Change category enum from ['web2','web3','learn'] to ['ux-ui','web3-ai'].
• Make cover optional: cover: image().optional(). (Motion covers come later; the video field already exists for that.)
• Leave other fields as-is.

3. Migrate existing case studies

Update each file’s category:.

zevo.md: set year: "2026", bump date to 2026, keep featured: true. Zevo is the flagship and must render at the top of the homepage list.

4. New case studies (omit cover for now — must render without it)

• depunks.md — title: DePunks, client: Private project, year: "2025", category: web3-ai, role: design + in-house build, tags: [Web3, NFT, AI design, In-house], featured: true. Framing: a web3 NFT project with AI-driven design and a complete in-house solution (smart contracts + app + tooling). Add liveUrl only if confirmed from the repo.
• agent4.md — title: Agent4, client: Private project, year: "2026", category: web3-ai, liveUrl: https://agent4.fun, tags: [AI, Agents, Onchain, Ethereum], summary: “Exploring the agentic world over the Ethereum network.” Frame as Ethereum per explicit instruction, even though the live site currently mentions BNB Chain.

5. Nav (src/site.config.ts)

Replace the nav array with: logo → home, then UX/UI (/ux-ui), Web3 & AI (/web3-ai), Product (/pm), Buy my time (/hire). Remove “The Designer”, “Web2”, “Web3”, and “Learn with me”.

6. Routing + cover-optional handling

• src/pages/[category].astro: update getStaticPaths + label/title map to the new categories (ux-ui → “UX/UI”, web3-ai → “Web3 & AI”). Remove learn.
• ProjectList.astro, cases/[slug].astro, work/[slug].astro, Tag.astro: remove learn references; where cover is rendered, guard for undefined — render a clean light placeholder block so cards/pages without a cover still look intentional. Do not crash the build.
• Delete src/content/pages/learn.md.

7. Homepage build (src/pages/index.astro)

• Short about (condense the current about.md — 2–3 lines, English).
• 3 cards, equal weight, light/minimal, each with a one-line descriptor:
  • UX/UI — full-scope product design: systems, UX, UI (and I ship the front-end).
  • Web3 & AI — tokenized products and agentic/onchain experiments.
  • PM — product management: discovery to integrations to launch.
• Full project list grouped by year (desc). Zevo pinned/featured at top.

8. Deliver

• Branch auto/home-restructure off main. Commit clearly.
• npm install if needed; npm run build must pass.
• Push the branch (tokenized HTTPS) → triggers a Cloudflare preview deployment. Do not merge to main and do not deploy production.
• Report: branch name, that build passed, and how to preview.