Cinematic Scroll Animations

• Text reveals, parallax, pinned sections and smooth scrolling
• Add motion to any section with a data-* attribute

A blog and case-study engine, built in

• Write Markdown with frontmatter and get a fully designed page
• Table of contents, reading time, bylines and tags are generated for you
• Ships with 7 articles and 5 case studies written as real copy, not lorem ipsum

41 sections across 11 pages

• 7 hero variants, pricing, testimonials, stats, bento grids, team, FAQ and carousels
• Home, About, Pricing, Blog, Case Studies, Contact, Privacy and 404
• Reorder sections to build pages that aren't in the demo

Built on atomic design — all five layers

• Folders named for the layers: atoms/, molecules/, organisms/, templates/, pages
• 12 primitives and 18 molecules carry all 47 sections across 11 pages
• Restyle a button once and every page that uses it follows

The current stack, themed with design tokens

• Next.js 16 · React 19 · TypeScript · Tailwind CSS v4
• Change the whole theme by editing a few CSS variables

Content as code — edit copy without touching markup

• Every page's text lives in one typed file under content/, separate from the JSX
• Change headlines, stats and CTAs by editing plain objects and arrays
• No digging through component markup, no breaking the layout while changing copy

Docs and deployment

• Quickstart, content editing, components, animations, theming and deployment
• No database, no environment variables, no API keys
• Runs on local typed content and MDX, so it deploys cleanly to Vercel or any Next.js host

An AGENTS.md so your AI assistant gets it right

• Claude Code, Cursor and Copilot read the conventions instead of guessing
• Documents the content/ split, the component layers, the data-* animations and the design tokens
• A CLAUDE.md is included too, pointing at the same file