# Reframe — Product Truth

**Canonical site:** https://reframeweb.com  
**Also:** https://reframeweb.spotpro.us (while DNS propagates)  
**Code:** `/home/prospot/public_html/reframeweb.com/`  
**Status:** MVP scaffold — marketing live; job runner/deposit pipeline next

---

## One sentence

**Reframe turns a messy existing website (or a blank brief) into a full, modern site you would be proud to show — three complete design directions, pick one, host with us or take the files.**

Not “give me fewer pages.” **Same story, cleaner, SEO’d, typo-free, current.**

---

## Who pays

| Customer | Price intent | Access |
|----------|--------------|--------|
| **SpotPro member** | Discounted design package | Dashboard link → SSO/token into Reframe; auto-fill Company Profile + logo + store URL |
| **Public** | Full price | Self-serve deposit → brief → 3 builds |
| **Either** | Monthly hosting or one-time export | Hosted on this fleet or ZIP download |

---

## SpotPro connection (hang-offs)

Members do **not** leave the SpotPro world:

1. **Members dash CTA** → “Reframe my website” (discount badge)
2. **Prefill** from Company Profile: name, about, phone, address, hours, logo, ExtraCoins subdomain
3. **Design tracks can include a real ExtraCoins storefront** (or deep links) so shop + marketing **match**
4. **Optional hang-offs after launch** (same account):
   - Email marketing signup on the new site → SpotPro campaigns
   - SMS / track / notifications (where product allows)
   - Store inventory / shop CTA when they have ExtraCoins
5. **DNS seamlessness:** customer domain CNAME/A → our host; marketing site + `/shop` (or store subdomain) feel like one brand

Reframe is **standalone-running** (own Stripe deposits, job queue, previews). SpotPro is the **membership key + data plane**, not the page builder UI.

---

## Scope (important)

- **Do not artificially cap pages.** If they have 12 pages of real content, reframe those 12 (or intelligently merge only when redundant).
- **Messaging:** keep *their* facts; rewrite for clarity, SEO, pride. Show a “Before → After messaging” panel where we dropped noise (“you had this fluff; now you don’t need it”).
- **SEO:** titles, meta, headings, sitemap, robots, llms, schema, image alts, internal links.
- **Quality bar:** typo-free, mobile-first, fast enough, not template-looking spam.

### Still productized (or margin dies)

| Fixed | Flexible |
|-------|----------|
| 3 style tracks (Modern / Classic / Techy) | Page count follows source site |
| One content-revision round after pick | Deposit before build |
| Hosting packages | Export ZIP |
| Color **palette** choices (presets) | Custom hex later as add-on |
| Fonts: **system pairs only** (no font-shopping UI) | Optional brand font later |

---

## Payer choices (smart, few, not infinite)

1. **Style track:** Modern · Classic · Techy (or “build all three, I pick”)  
2. **Color palette:** 6–8 curated palettes (navy/gold, forest, charcoal/coral, light stone, etc.) — not a full color picker  
3. **Logo:** upload or generate clean wordmark  
4. **Shop integration:** Marketing only · Marketing + ExtraCoins storefront theme match · Marketing + external shop links  
5. **Delivery:** Hosted ($/mo) · Export ZIP (+$)  
6. **Domain:** Connect existing · Buy/register (add-on)

**Fonts:** do **not** offer a font playground. One professional pair per track. Keeps quality high and support low.

---

## Money flow

1. **Gallery free** (browse anytime — no card)  
2. **Deposit** (e.g. $99 member / $149 public) starts the job and **applies to package total**  
3. Background job builds **3 complete previews** (day or night)  
4. Customer picks one + **one content revision** after pick  
5. **Balance** + hosting or export  
6. Launch / DNS / SSL  

### Deposit policy (intentional)

| Stage | Deposit |
|-------|---------|
| Browse gallery | Free |
| Paid deposit, **before generation starts** | Can cancel / refund or hold as credit (ops choice) |
| **After generation starts** | **Non-refundable** — covers tokens + pipeline cost |
| Customer dislikes all 3 directions | Not a cash refund by default: pick closest + content pass, or paid re-roll add-on later |

**Why not fully refundable forever:** deposit filters tire-kickers and pays for real compute.  
**Why people still feel safe:** free gallery, three full options, one revision after pick — not “one shot, take it or leave it.”

SpotPro members: deposit and/or balance discounted; hosting can bundle with existing relationship later.

---

## Technical outline

| Piece | Approach |
|-------|----------|
| Public site | This docroot (`reframeweb.com`) |
| Jobs | Queue table + cron worker calling AI (batch, retry, cost cap per job) |
| Previews | `preview-{job}-{A|B|C}.reframeweb.com` or path previews |
| Customer live | `{slug}.reframeweb.com` or their domain → vhost on this server |
| SpotPro auth | Signed token from members dash (subscription id + discount tier) |
| ExtraCoins | Design tokens aligned with storefront theme; optional store iframe/link block |
| Storage | Brief, uploads (≤20 images + logo), generated HTML packages |

---

## Not in v1

- Unlimited redesign loops  
- Custom web apps / portals  
- “Make it look exactly like competitor X” freeform  
- Selling SpotPro itself (link out)

---

## Success metrics

- Deposit → 3 previews delivered without human design hours (review only)  
- Pick rate within 7 days  
- Hosting attach rate  
- SpotPro member attach (discount used)  
- Token cost per completed job under fixed ceiling  

---

## Research archive (private)

- **Path:** `/home/prospot/private/reframe-research/badsites-2023-research.zip`  
- Real-industry screenshots (2023) used only for pattern training.  
- **Never** publish real dealer captures on reframeweb.com without written permission.  
- Public demos are **fictional archetypes** under `/examples/before/*` and `/examples/after/*`.  

### Public demo map

| Archetype | Before | After track |
|-----------|--------|-------------|
| Spreadsheet store | `/examples/before/ridgeview/` | Modern `/examples/after/ridgeview/` |
| 1998 cart / [picture] | `/examples/before/lakeside/` | Classic `/examples/after/lakeside/` |
| OOS wall + ghost listing | `/examples/before/capitol/` | Techy `/examples/after/capitol/` |
| Gallery hub | `/examples/gallery/` | — |