# Product 4: Corporative (Marketing-1) — Checklist de Validación

**Core:** `corporative` | **Demo:** `demo-marketing-1` | **Type:** `corporate`
**Ref:** Porto demo-marketing-1 | **Validado:** 2026-04-04

---

## 1. Template Visual

| Componente | Archivo | Status |
|------------|---------|--------|
| Header | `layout/front/headers/demo-marketing-1.blade.php` | OK |
| Footer | `layout/front/footers/demo-marketing-1.blade.php` | OK |
| Welcome | `modules/cd-base/frontend/demos/demo-marketing-1/welcome.blade.php` (556L) | OK |
| About | `modules/cd-base/frontend/demos/demo-marketing-1/about.blade.php` (318L) | OK |
| Contact | `modules/cd-base/frontend/demos/demo-marketing-1/contact.blade.php` | OK |
| Page Header | `layout/front/partials/page-header-marketing-1.blade.php` | OK |
| Demo CSS | `public/template/css/demos/demo-marketing-1.css` (809L) | OK |
| Skin CSS | `public/template/css/skins/skin-marketing-1.css` (177L) | OK |
| Demo JS | `public/template/js/demos/demo-marketing-1.js` (v13.0.0) | OK |
| Animations JS | `public/template/js/examples/examples.animations.js` (v13.0.0) | OK |

## 2. Welcome Page — 12 Sections (idénticas a Porto)

| # | Sección | Dinámica | Admin |
|---|---------|:---:|:---:|
| 1 | Hero (angled + 9 floating images) | config: hero_title, hero_badge, features, cta_label | Si |
| 2 | Marquee #1 (rotated ticker) | config: marquee_text | Si |
| 3 | Client logos (6 references) | module: references | Si (admin references) |
| 4 | CTA "Empowering brands" block | config: cta_heading, feature_description | Si |
| 5 | KPI counters (3 metrics) | config: kpi_1/2/3_value/suffix/label/description | Si |
| 6 | Services sticky scroll (3 services) | module: services | Si (admin services) |
| 7 | Projects intro block | config: projects_heading | Si |
| 8 | Projects list (5 items) | module: projects | Si (admin projects) |
| 9 | Parallax scrollable image | config: welcome_parallax_image | Si |
| 10 | Testimonials carousel | config: testimonials array | Si |
| 11 | Marquee #2 (rotated, custom-pos-13) | Static Porto text | - |
| 12 | Footer CTA | Dynamic nav + contact | Si |

## 3. About Page — 7 Sections

| # | Sección | Config Keys | Admin |
|---|---------|-------------|:---:|
| 1 | Page header (gradient) | about.page_title | Si |
| 2 | Intro (title + description + 3D pill) | about.main_title, main_subtitle, image_intro_pill, image_intro_icon | Parcial |
| 3 | Parallax background | about.image_parallax | Si (upload) |
| 4 | Gradient mission | about.gradient_badge, gradient_heading, gradient_description | Si |
| 5 | Dark counters (3 KPIs) | about.counters (array), counters_badge | Si |
| 6 | Culture + Values (sticky scroll) | about.culture_title/watermark, values_title/watermark, image_culture, image_values | Si |
| 7 | Testimonials carousel | about.testimonials (array), testimonials_heading, testimonials_highlight_word | Parcial |

## 4. Contact Page — 5 Sections

| # | Sección | Config Keys | Admin |
|---|---------|-------------|:---:|
| 1 | Page header (gradient) | Via dynamic-header | Si |
| 2 | Intro + contact info | contact.email, contact.phone, social_media | Si |
| 3 | Office cards (1-2) | contact.address, city, map_url, office_image_1/2, secondary_* | Si |
| 4 | Contact form | Route-based | Si |
| 5 | Google Maps | contact.latitude, contact.longitude | Si |

## 5. CSS Module Theme Overrides

Skin: `--primary: #ADA181` (beige), `--secondary: #6C8366` (verde oliva)

| Override | Efecto |
|----------|--------|
| Section backgrounds | `var(--secondary)` → `#f8f8f6` (warm off-white) |
| Card backgrounds | `var(--dark)` → white con borde cálido `#e8e5df` |
| Text colors | `var(--light)` → `#212529`, `var(--quaternary)` → `#777` |
| Cyan borders | `rgba(0,240,255)` → `#e8e5df` |
| Gallery filter pills | Dark text, white bg, primary hover |
| FAQs components | Full light theme |

## 6. Módulos Activos

| Módulo | Header Nav | Footer Nav | Seeds |
|--------|:---:|:---:|-------|
| services | Si (dropdown) | Si | 4 services (2 cats) |
| projects | Si (dropdown) | Si | 5 projects (3 cats) |
| gallery | Si | Si | 3 images (2 cats) |
| faqs | No | Si | 10 FAQs (3 cats) |
| references | No | No | 6 client logos |

## 7. Admin Panel — Condicional `$isCorporate`

### Tab Home Page
- Hero: title (HTML), badge, feature_1, feature_2, feature_description, marquee_text
- CTA "Empowering": cta_heading (HTML), cta_button_label
- Services + Projects: services_badge, projects_badge, projects_heading
- KPIs: kpi_badge, 3x (value, suffix, label, description)
- Parallax: image upload (1920x1080)
- Testimonials: heading, stars badge

### Tab About
- Page Title
- Intro: main_title, main_subtitle
- Gradient/Mission: badge, heading, description
- Culture: title, watermark
- Values: title, watermark
- Images: parallax, culture, values (uploads)
- Counters: badge + 4x (value, suffix, label)

### Tab Contact
- Contact: phone, email, address, city
- Map: map_url, latitude, longitude
- Secondary office: address, city (conditional)
- Office photos: 2 uploads (600x400)

## 8. Provision

| Archivo | Status |
|---------|--------|
| `core/corporative.json` | OK |
| `seeds/services-corporative.json` | OK |
| `seeds/faqs-corporative.json` | OK |
| `seeds/projects-corporative.json` | OK (nuevo) |
| `seeds/gallery-corporative.json` | OK (nuevo) |

## 9. Assets (Porto 13.0.0)

- `concept/concept-1..13` — floating cards + intro pill
- `generic/generic-1..3.png` — services sticky scroll images
- `generic/generic-4..10.jpg` — parallax, culture, values, offices
- `svg/generic-2..5.svg` — decorative icons
- `logos/logo-1,3,4,5,6,7.png` — client reference logos
- `projects/project-1..5` — project hover images
- `team/` — team member photos
- `footer/footer-1..4.png` — footer collage images
- `backgrounds/` — page header backgrounds

## 10. Diferencias con otros productos

| Aspecto | Personal | Construction-2 | Restaurant | **Marketing-1** |
|---------|:---:|:---:|:---:|:---:|
| Tipo | personal | corporate | hospitality | **corporate** |
| Hero | Carousel | Carousel | Parallax+carousel | **Angled+floating images** |
| Services | No | Sticky scroll | No (menu) | **Sticky scroll** |
| Projects | Grid | Grid | No | **Numbered list+hover** |
| Testimonials | No | Carousel | Google reviews | **Angled carousel** |
| KPIs | Stats | Counters | No | **Gradient counters** |
| Parallax | No | No | Testimonials bg | **Scrollable width** |
| Marquee | No | No | No | **2x rotated tickers** |
| Footer style | Nav+newsletter | Nav+projects+logos | Contact+map+links | **CTA+nav+image collage** |