# Product 1: Personal Brand — Checklist de Validación

**Core:** `personal-brand` | **Demo:** `demo-accounting-2` | **Type:** `personal`
**Validado:** 2026-04-04 | **Status:** PRODUCTO COMPLETO (infraestructura)

---

## 1. Template Visual

| Componente | Archivo | Líneas | Status |
|------------|---------|--------|--------|
| Header | `layout/front/headers/demo-accounting-2.blade.php` | 105 | OK |
| Footer | `layout/front/footers/demo-accounting-2.blade.php` | 136 | OK |
| Welcome | `modules/cd-base/frontend/demos/demo-accounting-2/welcome.blade.php` | 768 | OK |
| About | `modules/cd-base/frontend/demos/demo-accounting-2/about.blade.php` | 254 | OK |
| Contact | `modules/cd-base/frontend/demos/demo-accounting-2/contact.blade.php` | 160 | OK |
| Page Header | `layout/front/partials/page-header-accounting-2.blade.php` | 75 | OK |
| Demo CSS | `public/template/css/demos/demo-accounting-2.css` | 1622 | OK |

## 2. Identidad Visual

- **Tipo:** `personal` (primera persona, informal)
- **Fonts:** Lexend (primary/secondary) + Custom `font-1.woff` (local) + Open Sans (tertiary)
- **Schema:** `Person`
- **Page header style:** Badge pill + título grande + CTA opcional (light bg)
- **About style:** `personal` — Pilares/Valores como tarjetas, no story narrative
- **CSS approach:** Font hardcoded via @font-face (no CSS vars para fuentes)

## 3. Módulos Activos

| Módulo | Header Nav | Footer Nav | Seeds |
|--------|:---:|:---:|-------|
| gallery | Si | Si | - |
| blog | Si | Si | 2 categorías, 3 posts |
| projects | Si | Si | - |
| faqs | No | Si | 3 categorías, 10+ FAQs |

## 4. Features (config/demos.php)

```php
'features' => ['carousel', 'pilares', 'stats_welcome', 'gallery_preview', 'blog_preview', 'projects_preview']
```

### Qué controla cada feature en el admin panel:

| Feature | Tab | Campos |
|---------|-----|--------|
| `carousel` | Home Page | Banner principal (link a /welcomecarousel) |
| `pilares` | Home Page | 2 CTAs hero + 3 tabs + 3 estadísticas |
| `stats_welcome` | Home Page | Valores numéricos (años, proyectos, destinos) |
| `gallery_preview` | Home Page | Heading sección galería |
| `projects_preview` | Home Page | Heading sección proyectos |
| `blog_preview` | Home Page | Heading sección blog |

### Campos EXCLUSIVOS del tipo `personal` en admin:

**Tab Home Page:**
- `welcome[cta_primary_label]` — botón hero 1 (ej: "Ver proyectos")
- `welcome[cta_secondary_label]` — botón hero 2 (ej: "Conoceme")
- `welcome[tab_1_label]`, `tab_2_label`, `tab_3_label` — labels de pilares
- `welcome[stat_1_value]`, `stat_1_label` (x3) — estadísticas numéricas
- `welcome[gallery_heading]`, `welcome[projects_heading]` — títulos de sección

**Tab About:**
- `about[value_1_title]`, `about[value_1_description]` (x3) — Pilares/Valores
- Labels placeholder: "SOBRE MÍ" en vez de "QUIÉNES SOMOS"
- Botón: "Guardar página Sobre Mí"

### Campos OCULTOS para `personal`:
- Sección "Our Story" inline (hospitality only)
- Offer section, Founder quote (hospitality only)
- Split section, Counters (corporate only)
- Services badge/heading (no services module)

## 5. Admin Panel — Condicional principal

```php
$isPersonal = get_demo_type() === 'personal';
```

Afecta:
- Tab label: "Mi Marca" (en vez de "La Marca" o "Brand")
- Tab label: "Sobre Mí" (en vez de "Empresa" o "Our Story")
- Placeholders en español primera persona
- Pilares section visible
- Stats section visible

## 6. Core JSON — Config Keys

### Welcome
`cta_primary_label`, `cta_secondary_label`, `tab_1/2/3_label`,
`stat_1/2/3_value`, `stat_1/2/3_label`, `gallery_heading`, `projects_heading`

### About
`badge`, `main_title`, `main_subtitle`, `value_1/2/3_title`, `value_1/2/3_description`,
`cta_title`, `cta_label`

### Contact
`page_badge`, `page_title`, `page_subtitle`, `cta_title`, `response_time`,
`phone`, `email`, `address`

## 7. CSS — Notas clave

- **1622 líneas** — el más grande de los 3 productos
- Usa `@font-face` para fuente custom (no CSS vars)
- Container width override: 1420px (pantallas grandes)
- Card border-radius: `var(--border-radius2x, 16px)` — más redondeado
- Colour overrides extensivos (light→secondary, dark→primary)
- Blog/gallery item styling custom
- NO tiene module theme overrides como restaurant (skin colors funcionan directo)

## 8. Diferencias con otros productos

| Aspecto | Personal Brand | Construction-2 | Restaurant-Bar |
|---------|:---:|:---:|:---:|
| Tipo | personal | corporate | hospitality |
| Idioma admin | ES (1ra persona) | ES (3ra persona) | EN |
| Header CTA | OFF | ON | ON |
| Pilares/tabs | SI | NO | NO |
| Stats | SI | Counters | NO |
| Split section | NO | SI | NO |
| Story inline | NO | SI (about_inline) | SI (about_inline) |
| Offer section | NO | NO | SI |
| Founder quote | NO | NO | SI |
| Module images in admin | NO | NO | SI (story + contact + founder) |

---

## 9. Pendientes

- [ ] Verificar alineación admin↔blade (mismo nivel que restaurant)
- [ ] Agregar imágenes editables al admin si las blades las usan
- [ ] Marketplace: copy + pricing para 50 shop products
- [ ] Infraestructura: demo URL, server script