Skip to content

feat(website): redesign landing page with glassmorphic dark theme#8

Merged
rubenmarcus merged 1 commit intomainfrom
website-redesign
Mar 14, 2026
Merged

feat(website): redesign landing page with glassmorphic dark theme#8
rubenmarcus merged 1 commit intomainfrom
website-redesign

Conversation

@rubenmarcus
Copy link
Copy Markdown
Member

Website Redesign

Changes

  • Hero: Side-by-side layout with animated Terminal component + Instrument Serif tagline with typing animation
  • Dark-only mode: Removed all light theme CSS, hidden theme toggle
  • Terminal: Tabbed demo (Install/Audit/Generate/Config) with typing animation
  • StickyNav: Glassmorphic floating panel with section anchors
  • Tabs: Styled to match terminal tabs (JetBrains Mono, no border-bottom)
  • CTA: Single 'Get Started' button with dark grey gradient and arrow
  • Why AEO matters: Stat cards section (58% searches, 40% Gen Z, 97% sites, 1 min setup)
  • Header: Nav links + npm downloads/GitHub stars badges + centered search
  • Layout: 72rem centered container for header, sidebar, and content
  • Hero background: Subtle grid pattern with fade mask
  • Footer: Minimal custom footer

…, and dark-only theme

- Custom Hero with side-by-side terminal and Instrument Serif tagline with typing animation
- Dark-only mode, removed all light theme rules
- Terminal component with tabbed Install/Audit/Generate/Config demos
- StickyNav with glassmorphic floating panel
- Framework tabs styled to match terminal tabs (JetBrains Mono, no border-bottom)
- Dark grey gradient CTA button with arrow icon
- Why AEO matters stat cards section
- Header with nav links, npm downloads and GitHub stars badges
- Centered 72rem container for header, sidebar, and content
- Grid background pattern on hero area
- Custom Footer component

Amp-Thread-ID: https://ampcode.com/threads/T-019cec56-e0d0-74db-b3b8-926c2638dbe7
Co-authored-by: Amp <amp@ampcode.com>
@vercel
Copy link
Copy Markdown

vercel bot commented Mar 14, 2026

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

Project Deployment Actions Updated (UTC)
aeo-js Ready Ready Preview, Comment Mar 14, 2026 1:12pm

Request Review

@chatgpt-codex-connector
Copy link
Copy Markdown

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.

@github-actions
Copy link
Copy Markdown

Docs Preview

Preview URL: https://website-redesign.aeojs.pages.dev

This preview was deployed from the latest commit on this PR.

@rubenmarcus rubenmarcus merged commit b3ddb43 into main Mar 14, 2026
4 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.

1 participant