# agentmemory website Next.js 15 App Router landing page for agentmemory. Lamborghini-inspired black + gold design system. Deploys to Vercel with zero config. ## Stack - Next.js 15.1 (App Router, React 19, TypeScript 5.7) - `next/font` for Archivo + JetBrains Mono - CSS Modules + one `globals.css` - No Tailwind, no bundler config, no client-side routing ## Local dev ```bash cd website npm install npm run dev # open http://localhost:3000 ``` ## Deploy (Vercel) Two options: 1. Import the repo on vercel.com and set **Root Directory** to `website/`. That's it. 2. Or `npx vercel` from the `website/` directory. No env vars required. Node 20 LTS or newer. ## Structure ``` website/ app/ layout.tsx — + 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 source `/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.