Skip to content

feat: homepage v1 with blueprint aesthetic and reusable components#13

Merged
codewizdave merged 19 commits into
mainfrom
homepage
Jun 3, 2026
Merged

feat: homepage v1 with blueprint aesthetic and reusable components#13
codewizdave merged 19 commits into
mainfrom
homepage

Conversation

@martyy-code

@martyy-code martyy-code commented Jun 2, 2026

Copy link
Copy Markdown
Contributor

Summary

  • Homepage with hero section, code examples, and feature cards
  • CodeBlock component with Shiki syntax highlighting (github-dark theme)
  • CtaCard component with copy-to-clipboard install command
  • Footer component with 6-section layout and brand description
  • Blueprint aesthetic: SVG grid background, rounded-none throughout, FumaDocs theme colors (fd-*)

Test plan

  • Verify homepage renders correctly at /
  • Check code block syntax highlighting in light/dark mode
  • Test copy-to-clipboard on CTA card
  • Verify footer brand description and links
  • Check responsive layout on mobile/tablet/desktop

🤖 Generated with Claude Code

@vercel

vercel Bot commented Jun 2, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
errors-web Ready Ready Preview, Comment Jun 3, 2026 9:03am

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
- Hero section with blueprint grid background
- Navigation bar with logo and GitHub link
- Code showcase with file header
- Features grid (4 main + 3 secondary + CTA)
- Before/after comparison section
- Install section with npm commands
- Footer with branding
- Uses Inter font (Geist pending Next.js support)
- rounded-none throughout per design system

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Replace all hardcoded Tailwind colors (gray-950, bg-white, etc.) with
FumaDocs theme CSS variables (bg-fd-primary, text-fd-foreground, etc.)

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Use shiki for syntax highlighting on code blocks with dual
light/dark theme support (github-light, github-dark).

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Shiki now removes inline background-color from pre element so
it inherits from theme CSS variables (bg-fd-background).

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
- Uses codeToHtml from shiki directly
- Adds terminal-style header with colored dots
- title is optional
- removes old highlight.ts

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
New CtaCard component with:
- Read the docs button
- npm install copy button with icon
- Max-width 6xl

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Multi-column footer with:
- DeesseJS (products)
- Learn
- Use cases
- Company
- Community

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
@martyy-code martyy-code changed the title docs: add custom favicon feat: homepage v1 with blueprint aesthetic and reusable components Jun 3, 2026
@codewizdave codewizdave merged commit ef13e87 into main Jun 3, 2026
6 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