Skip to content

feat(web): Sprint 3 — 404 page, loading skeleton, philosophy section, next/link#10

Draft
konjoinfinity wants to merge 1 commit into
mainfrom
claude/web-ui-sprint-3-polish
Draft

feat(web): Sprint 3 — 404 page, loading skeleton, philosophy section, next/link#10
konjoinfinity wants to merge 1 commit into
mainfrom
claude/web-ui-sprint-3-polish

Conversation

@konjoinfinity

Copy link
Copy Markdown
Contributor

Summary

  • not-found.tsx: Branded 404 with gradient text, constellation copy, and navigation links
  • loading.tsx: Pulse-skeleton loader matching the product page layout for perceived performance
  • PhilosophySection: 2×2 animated card grid showcasing the four Konjo values (ቆንጆ, 根性, 康宙, 건조) with per-card hover glows
  • next/link migration: All internal <a> tags in ProjectGrid, RelatedProducts, LiveTicker, Breadcrumbs, and Footer migrated to Next.js <Link> for client-side navigation and prefetching

Test plan

  • Navigate to a non-existent route — branded 404 renders with links back to home/products
  • Navigate to a product page — skeleton flashes briefly then content loads
  • Homepage renders the PhilosophySection between DesignPreview and ProjectGrid
  • Hover each philosophy card — per-card glow activates
  • Keyboard-navigate the footer and breadcrumbs — all links respond correctly
  • npm run typecheck clean
  • npm run build clean
  • npm test 79/79 pass

Generated by Claude Code

… next/link

- not-found.tsx: branded 404 with gradient "404", constellation copy,
  and links back to home/products
- products/[slug]/loading.tsx: pulse-skeleton matching the product page
  layout (breadcrumb, metric strip, hero, features)
- PhilosophySection: 2×2 animated card grid for the four Konjo values
  (ቆንጆ/根性/康宙/건조) with per-card hover glow in the value's accent color;
  placed between ConstellationMap and DesignPreview on the homepage
- next/link migration: ProjectGrid, RelatedProducts, LiveTicker,
  Breadcrumbs, Footer — all internal links now use <Link> for client-side
  navigation with prefetch; external URLs kept as <a>

https://claude.ai/code/session_01D2raHvxTxUpokiB7nLZnP9
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