cocottetech/@platform/codebase/@features/ai-copilot/docs/marketing-landing.screen.md

marketing-landing.screen

Public marketing landing for cocotte.maison (Cocotte umbrella) + cocotte.io (commercial/SSO root). Implements brief AA. Pre-auth surface — no Cocotte specialist runs here; the page is generated server-side. Voice: hearth (it's the brand's first impression to a non-user).

Layout (responsive — mobile shown; desktop is 2-col)

┌─────────────────────────────────────────────────┐
│ ☰  Cocotte                            Sign in   │ 56pt — top nav
├─────────────────────────────────────────────────┤
│                                                 │
│  An AI co-pilot                                 │   H1 hero
│  for adult-industry providers.                  │
│                                                 │
│  Cocotte tends to the chores —                  │   subhead, hearth
│  the bumps, the bios, the bookings —            │
│  so you can do the work.                        │
│                                                 │
│  [ Request invite ]    [ See how it works ]     │   CTA pair
│                                                 │
├─────────────────────────────────────────────────┤
│                                                 │
│  ─── What Cocotte does ───                      │   3 columns / stacked mobile
│  ⌖ Visibility                                   │
│    Keeps you on Tryst, TS4R, Slixa, Eros…       │
│    every 4 hours, no taps.                      │
│  ⌖ Drafts                                       │
│    Replies, posts, tour announcements —         │
│    your voice, your call.                       │
│  ⌖ Safety                                       │
│    Peer-intel network. Quiet blocklists.        │
│    A kill switch.                               │
│                                                 │
├─────────────────────────────────────────────────┤
│                                                 │
│  ─── Built for you ───                          │
│  Person-first. Trans-inclusive. Provider-owned. │
│  No client-facing surfaces, ever.               │
│                                                 │
├─────────────────────────────────────────────────┤
│                                                 │
│  ─── Sign in ─── ─── Privacy ─── ─── Open ───   │   footer links
│  Privacy policy · Terms · Open-source (cocotte.dev) │
│  © Cocotte. Made by independent providers.      │
│                                                 │
└─────────────────────────────────────────────────┘

Components

Component	Notes
Top nav	Logo + Sign-in CTA (→ sso.cocotte.io). Hamburger on mobile.
Hero	H1 + subhead + CTA pair (primary = Request invite; secondary = how-it-works).
Features triptych	3 columns: Visibility / Drafts / Safety. Each = icon + 1-line claim + 1-sentence body.
Positioning paragraph	Person-first / trans-inclusive / provider-owned / no-client-surfaces — the trust statement.
Footer	Sign-in / privacy / terms / OSS link (cocotte.dev) / copyright.

States

1. Default — full layout.
2. Request-invite form open — overlay sheet with email + "what surfaces do you work?" field; on submit → confirmation + audit row in waitlist.
3. Already-signed-in visitor — Sign-in CTA replaced by "Open CocotteAI" routing to ai.cocotte.maison.
4. Mobile — 1-col stack.
5. Desktop — 2-col with hero on left + visual on right.
6. Reduced motion / Dynamic Type — animations cut; typography scales.

Interactions

• Tap "Request invite" → form sheet.
• Tap "See how it works" → scrolls or routes to /how-it-works (separate page).
• Tap "Sign in" → sso.cocotte.io OAuth flow.
• Tap footer "Open-source" → cocotte.dev.

Edge cases

• GDPR cookie banner — minimal: essential-only by default, opt-in for analytics. No third-party trackers shipped.
• Coop-intel-blocked region (jurisdictional) — if Quinn's compliance layer flags a request from a banned region, replace landing with a redirect message.
• Pre-launch / waitlist mode — Request-invite is the only CTA; sign-in is hidden or gated.

Related

• Brief AA — parent.
• Brief K §K4 — jurisdiction.
• Brief V — privacy policy link source.
• DESIGN.md brand-family section — cocotte.maison is the umbrella public site this lands on.

Out of scope

• Full marketing site (other pages: how-it-works, pricing, blog, careers — separate screens or out-of-scope at P0).
• A/B testing infrastructure for headline copy (P3+).
• Multi-language (English-only at P0).