## Overview
Mirrors the live `apps/web` marketing site as closely as possible — clean modern SaaS landing page on a white canvas with brand-blue accents. Inherits the default shadcn theme exactly: no custom CSS variables, no custom fonts. If a designer screenshots a section of v1 against a section of `apps/web`, they should be indistinguishable. Confident, product-led, restrained motion (fade-in-blur on hero, `InView` slide-ups on subsequent sections).
## Colors
Inherits the default shadcn theme from `packages/design-system/styles/globals.css`. No overrides.
- **`--background`** (white): Page canvas.
- **`--foreground`** (near-black): Primary text and headlines.
- **`--primary`** (brand-blue-3, oklch ~0.6 0.22 257): Buttons, badges, primary accents, "this matters" highlights.
- **`--primary-foreground`** (white): Text on primary surfaces.
- **`--muted`** (warm off-white): Feature card backgrounds, soft inset surfaces.
- **`--muted-foreground`**: Supporting body copy and labels.
- **`--border`**: Hairline separators on cards, FAQ rows, section dividers.
- **`--card`** (slightly tinted cream-white): Elevated surfaces.
## Typography
- **Headline Font**: System sans (default `--font-sans` from globals.css)
- **Body Font**: System sans (same)
- **Label Font**: System sans (same)
Tracking is tight on headlines (`tracking-tight` / `tracking-tighter` per block defaults). Headlines lean on `font-semibold` or `font-medium` rather than the heaviest weight. No custom font wrapper.
## Elevation
Inherited from the shadcn theme — soft borders and `--card` tints rather than heavy shadows. No custom elevation rules.
## Components
Composed entirely from `@repo/design-system/blocks` — no custom section components.
1. **Hero2** — split hero with `hero.png` product screenshot, the canonical "Intelligent content creation at scale" headline, canonical description, and the AInstein ACS announcement pill.
2. **Feature1** — overview block with the four content surfaces grouped into two thematic sections (agent network + publishing layer).
3. **Process1** — six-step agent workflow: Discover → Design → Draft → Review → Publish → Measure.
4. **Faq1** — canonical FAQ items from `en.json`.
5. **Cta4** — closing CTA with the AInstein welcome video from Cloudinary and the "Be the answer" headline.
## Do's and Don'ts
- Do compose from `@repo/design-system/blocks` only — never hand-roll section components.
- Do pull copy from the live `apps/web` and `en.json` — never invent positioning.
- Do fix visual issues in the block library or `globals.css`, never in this template.
- Don't override the shadcn theme.
- Don't add custom fonts or font wrappers.
- Don't add motion beyond what the blocks already provide.