Skip to content

Replace site with the 3D personal-brand portfolio - #3

Merged
greyhub merged 1 commit into
mainfrom
redesign-3d-portfolio
Oct 23, 2026
Merged

greyhub merged 1 commit into
mainfrom
redesign-3d-portfolio

Conversation

@greyhub

@greyhub greyhub commented Oct 23, 2026

Copy link
Copy Markdown
Owner

Summary

Replaces the current site with the new personal-brand portfolio for Grey (content plan: docs/kich-ban.md).

  • Hero: interactive 3D scene (React Three Fiber): a suited figure on a terrace over a night city, floating glass panels 01–04 + DGNA, pointer parallax, loading state, and a static render when WebGL is unavailable.
  • Sections: About → Point of view → Approach (four steps, sticky progress rail) → Services (data consulting, data training, creative landing pages) → How I work → Journey (2019 MindX → 2026 DGNA) → Connect.
  • Connect: intent chips pre-fill the email to luongnv.grey@gmail.com (training adds topic + online/offline). LinkedIn: linkedin.com/in/greyng.
  • Language: English by default, Vietnamese toggle. All copy in src/content/content.ts.
  • Hidden until filled: Work and Writing sections, journey roles, city, DGNA website.
  • Assets: new favicon, apple-touch-icon and Open Graph image. SEO metadata kept in index.html. robots.txt, sitemap.xml and .github/workflows/deploy.yml unchanged.
  • Removed: the previous React site and legacy/ (both remain in git history).

Testing

  • npm ci, npm run lint, npm run typecheck, npm run build: all pass locally (the same steps as the deploy workflow).

  • Served dist/ from the domain root and ran 22 browser checks in headless Chromium:

    • language default and toggle
    • hero CTAs and panel navigation
    • approach rail highlighting
    • services → contact pre-selection and mailto contents
    • links and journey
    • mobile menu and no horizontal overflow
    • no-WebGL fallback

    All passed, with no page errors or failed requests.

  • Not tested: real GPUs, Safari, Firefox.


Generated by Claude Code

Rebuilds greyhub.github.io around Grey's personal brand (content plan in
docs/kich-ban.md):

- Interactive 3D hero (React Three Fiber): procedural suited figure on a
  terrace over a night city, floating glass panels, pointer parallax,
  loading state and a static fallback when WebGL is unavailable.
- Sections: About, Point of view, Approach (four steps with a sticky
  progress rail), Services (data consulting, data training, creative
  landing pages), How I work, Journey (2019 MindX to 2026 DGNA), Connect
  (intent chips that pre-fill the email). Work and Writing render only
  when they have verified items.
- English by default with a Vietnamese toggle; all copy lives in
  src/content/content.ts.
- New favicon, apple-touch-icon and Open Graph image; SEO metadata kept
  in index.html. robots.txt, sitemap.xml and the Pages workflow are kept.
- Lint and type check pass with the existing CI steps (ESLint +
  react-hooks rules, TypeScript 5.9). Vite base is './'.

The previous React site and the legacy/ static site are removed; both
remain in git history.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TLtmmZha6WozbNsAsYtXwL
@greyhub
greyhub merged commit 7af5e47 into main Oct 23, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants