# Page Headers Dinámicos

## Concepto

Los **page headers** son las secciones de cabecera que aparecen en cada módulo (blog, menú, servicios, etc.) con título, subtítulo y breadcrumb. Su estilo varía según el demo activo.

## Configuración

**`config/page-headers.php`** define el tipo de page header por demo y por módulo:

```php
'defaults' => [
    'type' => 'classic',
    'demo-type-overrides' => [
        'demo-restaurant' => 'modern',
        'demo-law-firm-2' => 'modern',
        // ...
    ],
],
'modules' => [
    'blog' => [
        'title' => 'Blog',
        'demo-type-overrides' => [
            'demo-restaurant' => 'modern',
            // ...
        ],
    ],
    'menu' => [...],
    'services' => [...],
    // ...
],
```

## Tipos de Page Header

| Tipo | Descripción | Uso |
|------|-------------|-----|
| `classic` | Header clásico (fondo sólido, título centrado) | Default para muchos demos |
| `modern` | Header moderno (más visual, posible parallax) | demo-restaurant, demo-law-firm-2, etc. |

## Implementación en Módulos

Cada módulo tiene un partial **`dynamic-header.blade.php`** (o similar) en su carpeta de vistas.

**Ejemplo (blog):**
```
resources/views/modules/blog/frontend/partials/dynamic-header.blade.php
```

**Flujo:**
1. El controlador pasa datos (título, subtítulo, breadcrumb).
2. El partial llama a `get_active_demo()` o `$activeDemo`.
3. Detecta si es restaurant, law-firm, etc.
4. Renderiza la variante visual correspondiente (clases CSS, estructura HTML).

```php
@php
    $activeDemo = get_active_demo();
    $isRestaurant = ($activeDemo === 'demo-restaurant');
    $isLawFirm = ($activeDemo === 'demo-law-firm-2');
@endphp

@if($isRestaurant)
    <section class="page-header-modern ...">
        {{-- Estilo Muma/Restaurant --}}
    </section>
@elseif($isLawFirm)
    <section class="page-header-law-firm ...">
        {{-- Estilo Law Firm --}}
    </section>
@else
    <section class="page-header-classic ...">
        {{-- Estilo clásico --}}
    </section>
@endif
```

## Módulos con Dynamic Header

Los siguientes módulos adaptan su page header al demo activo:

- blog
- menu
- services
- projects
- gallery
- faqs
- team-members
- products
- references
- ... (verificar en cada módulo)

## Relación con el Proyecto de Referencia

El estilo de page header del demo debe coincidir con el proyecto de referencia. Para **demo-restaurant** (Muma), los headers modernos replican la estética de Muma.

## Ubicaciones de Partials

| Ubicación | Contenido |
|-----------|-----------|
| `modules/cd-base/frontend/partials/dynamic-header.blade.php` | Header base genérico |
| `modules/blog/frontend/partials/dynamic-header.blade.php` | Header específico blog |
| `modules/menu/frontend/partials/dynamic-header.blade.php` | Header específico menú |
| `modules/services/frontend/partials/dynamic-header.blade.php` | Header específico servicios |
| ... | Similar en otros módulos |