Next.js 15 App Router landing page for agentmemory. Lamborghini-inspired black + gold design system. Deploys to Vercel with zero config.
- Next.js 15.1 (App Router, React 19, TypeScript 5.7)
next/fontfor Archivo + JetBrains Mono- CSS Modules + one
globals.css - No Tailwind, no bundler config, no client-side routing
cd website
npm install
npm run dev
# open http://localhost:3000Two options:
- Import the repo on vercel.com and set Root Directory to
website/. That's it. - Or
npx vercelfrom thewebsite/directory.
No env vars required. Node 20 LTS or newer.
website/
app/
layout.tsx — <html> + fonts + metadata + viewport
page.tsx — composes the landing sections in order
globals.css — design tokens, buttons, section-head utilities
components/
Nav.tsx — hexagonal bull mark + menu
Hero.tsx — title + lede + CTAs
MemoryGraph.tsx — client canvas animation + hexagonal pause + scroll rail
Stats.tsx — counter-up on intersect
Primitives.tsx — three cards with 3D mouse tilt
LiveTerminal.tsx — typewriter replay of memory.recall + consolidate
Compare.tsx — agentmemory vs Mem0/Letta/Cognee table
Agents.tsx — supported-agents grid
Install.tsx — click-to-copy npm + console commands
Footer.tsx — source / changelog / license links
ScrollProgress.tsx — thin gold progress bar at the top of the viewport
next.config.ts
tsconfig.json
package.json
Each interactive component is a "use client" island. Everything else
renders on the server.
/DESIGN.md at the repo root (generated by
npx getdesign@latest add lamborghini). Colors, type, spacing rules live
there. Every new component should reference it first.