Landing page

app/page.tsx is the homepage. It imports sections and renders them in order. That is the preferred way to change the marketing site — not by rewriting the section components unless the copy is hardcoded.

Compose the page

The shipped homepage is:

1. Hero
2. FeaturesListicle
3. Problem
4. ProcessTimeline
5. UseCases
6. Pricing
7. FAQ
8. CtaBanner

Add, remove, or reorder those imports. Many sections take props (title, description, items). Prefer passing props from app/page.tsx over editing the component.

The catalog

Open /showcase locally. Every section is rendered with sample data. The page is noindex. Use it as a picker, then copy the import into app/page.tsx.

Sample data lives in app/showcase/showcase-data.tsx. Reuse those shapes, or replace them with your copy.

Some showcase blocks are placeholders: testimonials, case studies, team, video, newsletter. Do not ship them until the content is real. Newsletter submit is a stub toast.

Header and footer

Nav links are hardcoded in components/layout/Header.tsx and components/layout/Footer.tsx. There is no config key for the menu. Edit those arrays when your page sections change.

Pricing

Pricing reads config.stripe.plans. One plan is the default. Pass columns={2} or columns={3} and more plan objects for a multi-tier grid. The Buy button is ButtonCheckout — keep it.