Redesign landing page with catalog-grid layout#92
Conversation
Replace bento/ecosystem landing with a new catalog-grid design featuring: - Interactive component catalog with 12 live mini-demos and filter chips - Coordinate-labeled grid layout (like a parts manual) - Feature comparison table (w3-kit vs Thirdweb, RainbowKit, Wagmi) - Chains/tokens registry strip with colored marks - Recipe cards with time estimates and CLI commands - Stats section with key metrics - Terminal mockup CTA with copy-to-clipboard - Custom landing nav with dark/light toggle - Custom multi-column footer - Instrument Serif font for accent typography - New CSS tokens (surface, accent-wash, grid-line) with dark mode support
Replaces hand-maintained preview duplicates with a build-time mirror of the ui submodule, eliminating drift between landing demos and the real registry components. - Add scripts/generate-ui-mirror.ts (wired via predev/prebuild) that copies ui/registry/w3-kit/ into src/shared/ui/w3-kit/ on each build. - Add src/shared/ui/w3-kit-demos.tsx exporting a DEMOS map keyed by component slug — single rendering authority used by landing, ui-explorer, and component-detail pages. - Delete 27 src/shared/ui/previews/*.tsx files and 6 orphaned landing/ui/<slug>/ directories that duplicated component logic. - Add scripts/generate-stats.ts and entities/stats for landing stats. - Gitignore the mirror output and *.gen.ts files (generated at build). - Update landing-nav to split mega menu into 3 dropdowns.
|
@peter941221 is attempting to deploy a commit to the petar-stoev-projects Team on Vercel. A member of the Team first needs to authorize it. |
|
I pushed a small follow-up pass on top of this PR to address the review issues I found while validating the replacement branch. First, the docs fallback no longer replaces /docs pages with the one-line migration placeholder when the learn docs source is absent; it now generates usable local fallback content instead. Second, the landing copy no longer hard-codes metrics that contradict the generated stats, so the hero and catalog stay aligned with the actual component and chain counts. Third, the recipes section now uses the real CLI slug for the NFT example, changing the invalid nft-mint command to mint-nft. I re-ran npm run generate and npm run build after these fixes, and the build still completes successfully. |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
2 participants
Continuing the catalog-grid landing redesign from #91 on a writable fork branch.
This keeps the new landing experience and fixes the blocker that made the website non-standalone. The generation scripts now work from the repo and worktree layout, generated learn content is self-contained instead of depending on sibling repositories at runtime, and the generated UI mirror plus landing stats needed by the page are committed so this repository can build on its own.
I verified npm ci and npm run build locally in the dedicated worktree. The build still emits the existing Vite dependency warnings from Base UI and Shiki, but it completes successfully.