# Sections Guide — CE Pitch Page

Section-by-section instructions for filling template placeholders. Read alongside the template HTML.

---

## Section: Problem (The Challenge)

**6 cards. Each = a real, specific pain for this brand in this context.**

Rules:
- Titles: 3–5 words. Named tension, not abstract concept.
- Descriptions: 1 sentence max. Specific. No "many companies struggle with..."
- Lucide icon names: use `https://lucide.dev/icons` to pick the right icon

Good icon choices by topic:
- Growth pressure: `trending-up`
- Multiple audiences: `layers`
- Brand gap: `aperture`
- Segmentation: `target`
- Event velocity: `zap`
- Bandwidth: `alert-triangle`
- Funnel: `git-merge`
- Cost: `tag`
- Team size: `users`

**If brand is PE-backed:** Lead with growth mandate card. The investor's name adds specificity.

---

## Section: Deliverables (What You Get)

**5 cards. Each = one output stream CE delivers for this brand.**

Headline formula: "[Number] tracks. Running in parallel." or "[Adjective] outputs. [Qualifier]."

**Standard 5 deliverable types (adapt titles/descriptions per brand):**

| # | Generic | Cropster example | Notes |
|---|---------|-----------------|-------|
| 1 | Brand System / Brand Activation | "Brand System — Illustration, type, color, motion. The 2024 refresh, completed." | If brand has recent assets: frame as activation, not rebuild |
| 2 | Segment Campaigns | "Segment Campaigns — One full-funnel campaign per product." | Name actual products/segments |
| 3 | Content Engine | "Content Engine — Blog, social, thought leadership at scale." | Generic, always relevant |
| 4 | Website | "Website — The site that earns its place in the funnel." | Add brand-specific context |
| 5 | Intelligence | "Trend Intelligence — Real-time monitoring of competitive positioning." | Name their category |

**Images:** Generate via Nano Banana Pro script.
- Script: `python3 /usr/lib/node_modules/openclaw/skills/nano-banana-pro/scripts/generate_image.py`
- Style reference image: any existing deliverable image from `public/cropster-pitch/` 
- Prompt template: "35mm film photography, warm amber tones, shallow depth of field, [scene description for this card], MacBook on [surface], no faces, cinematic grain, soft natural light"
- Filename: `YYYY-MM-DD-deliverable-[slug].png`
- Save to: `public/[brand-slug]-pitch/`

Scene ideas per card type:
1. Brand System: "marble counter, printed brand guide open"
2. Campaigns: "multiple browser tabs on screen, coffee cup beside laptop"
3. Content Engine: "overhead flat lay, notebook + laptop + coffee"
4. Website: "minimal screen close-up, website grid"
5. Intelligence: "industrial roastery environment, tablet with data"

---

## Section: Competitive Analysis

**6 brand cards: 3 direct (Tier A) + 3 aspirational (Tier B).**

**Capturing screenshots via Playwright:**
```bash
node /root/.openclaw/workspace/scripts/capture-competitor.js [url] [output_filename.jpg]
```
If that script doesn't exist, use this one-liner:
```bash
node -e "
const { chromium } = require('playwright');
(async () => {
  const b = await chromium.launch();
  const p = await b.newPage();
  await p.setViewportSize({width:1440, height:900});
  await p.goto('[URL]', {waitUntil:'networkidle'});
  await p.screenshot({path:'public/[brand-slug]-pitch/comp-[slug].jpg', type:'jpeg', quality:85});
  await b.close();
})();
"
```

Screenshot files: `comp-[slug].jpg` in the pitch folder.

**Card fields:**
- `DESC`: 2 sentences max. What they do, who for, one standout trait.
- `STEAL`: What THIS brand should take from them. One specific thing. Starts with "→"

**Tier B defaults** (always good marketing benchmarks):
- Linear (linear.app) — precision + personality in B2B
- Notion (notion.so) — content as moat
- Stripe (stripe.com) — technical depth as trust signal

Replace with more industry-relevant brands if better options exist.

---

## Section: Brand DNA

**6 cells. Shows CE's strategic thinking about the brand.**

| Cell | What to write |
|------|--------------|
| Positioning | One-sentence claim about what makes this brand uniquely valuable. Not their tagline — smarter than that. |
| Personality | Two adjectives in tension (e.g. "Precise without being cold"). Then 1 sentence explaining the voice. |
| Color System | 4 swatches: primary, dark/ink, light/bg, accent. Use real brand hex values from research. |
| Typography | The brand name as specimen (auto-renders in Larken). One key product name/phrase in mono style. |
| Visual Language | 1-sentence description of what makes their visual system distinctive. Name actual elements. |
| Messaging Hierarchy | 3-step hierarchy formula: "[Lead with X] → [Drop into Y] → [Close with Z]." One sentence explanation. |

---

## Section: Audience & Targeting

**4 cards. Each = one audience segment.**

If brand has fewer than 4 distinct audiences, adapt:
- 3 audiences: make 3 cards (remove 4th), adjust grid to `grid-template-columns: repeat(2, 1fr)` and leave 3rd card full-width, or remove 4th card entirely
- 2 audiences: `grid-template-columns: 1fr 1fr`, 2 cards only
- More than 4: Pick the 4 most important

**Images:** Generate via Nano Banana Pro.
- Filename: `YYYY-MM-DD-audience-[segment-slug].jpg`
- Style: "35mm film photography, [relevant scene for this audience], warm tones, 4:3 aspect ratio, no faces, shallow depth of field, cinematic"
- Scene suggestions:
  - Farmers/Origin: "hands sorting coffee cherries, burlap bags, sunlight"
  - Roasters: "roastery equipment, bags of green coffee, industrial"
  - Café operators: "espresso machine, café interior, morning light"
  - B2B buyers: "laptop + coffee + notebook on clean desk"
  - Enterprise: "glass office, laptop, city view"
  - Consumer: "lifestyle product moment, natural light"

**Table rows (They want / Channel / Message / CE builds):**
- "They want": 3–5 words describing their core motivation, not their job
- "Channel": Specific platforms and events, not just "social media"
- "Message": An actual headline/tagline for this segment (in quotes)
- "CE builds": 3–5 deliverable types, comma-separated

---

## Deploy

```bash
cd /root/.openclaw/workspace/public
mkdir -p [brand-slug]-pitch
# [copy template, fill all placeholders, generate images, capture screenshots]
git add [brand-slug]-pitch
git commit -m "CE pitch: [Brand] — [target name] at [title]"
git push
```

Live URL: `https://www.curiousendeavor.com/[brand-slug]-pitch/`

**Image path sanity check before commit:**
```bash
grep -o 'src="[^"]*"' public/[brand-slug]-pitch/index.html | while read src; do
  f=$(echo $src | sed 's/src="//;s/"//');
  [[ "$f" == http* ]] && continue
  [[ -f "public/[brand-slug]-pitch/$f" || -f "public/$f" ]] && echo "✓ $f" || echo "✗ MISSING: $f"
done
```

Never commit with broken image references.