Documentation

Static page

Marketing pages use pure React Server Components plus the glassmorphic design tokens defined in `globals.css`, making it trivial to add or remix sections.

Duplicate the home layout

The landing hero, feature rows, testimonial grid, and CTA each live in modular components under `src/components/marketing/home`. Import what you need into any `/src/app/{route}/page.tsx` file.

Relevant files

  • src/components/marketing/home/hero-section.tsx — Hero section
  • src/components/marketing/home/cta-section.tsx — CTA section

Legal and info pages

About, privacy, terms, and FAQ already exist as examples. Clone these routes when you need quick static content and update the markdown sources when necessary.

Relevant files

  • src/app/about/page.tsx — About page
  • src/app/privacy/page.tsx — Privacy page

Global theming

All typography, gradients, and shadows are defined in `src/app/globals.css`. Tweak the CSS variables once and every static page adopts the new look.

Relevant files

  • src/app/globals.css — Design tokens